@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (588) hide show
  1. package/README.md +4 -0
  2. package/docs/AGENTS.snippet.md +12 -0
  3. package/docs/alert.json +7 -1
  4. package/docs/alert.md +3 -3
  5. package/docs/app-shell.examples.md +1 -1
  6. package/docs/app-shell.json +5 -5
  7. package/docs/app-shell.md +2 -2
  8. package/docs/avatar.json +22 -1
  9. package/docs/avatar.md +5 -3
  10. package/docs/badge.json +7 -1
  11. package/docs/badge.md +3 -3
  12. package/docs/button-group.json +2 -0
  13. package/docs/button-group.md +1 -1
  14. package/docs/button.json +51 -11
  15. package/docs/button.md +10 -6
  16. package/docs/calendar.json +8 -1
  17. package/docs/calendar.md +1 -0
  18. package/docs/cascader.json +1 -0
  19. package/docs/cascader.md +1 -1
  20. package/docs/chart.examples.md +1 -1
  21. package/docs/chart.json +10 -1
  22. package/docs/chart.md +3 -2
  23. package/docs/checkbox.json +7 -0
  24. package/docs/checkbox.md +1 -0
  25. package/docs/code-block.json +92 -92
  26. package/docs/code-block.md +69 -69
  27. package/docs/combobox.json +1 -0
  28. package/docs/combobox.md +1 -1
  29. package/docs/currency-field.json +40 -1
  30. package/docs/currency-field.md +5 -1
  31. package/docs/data-grid.examples.md +2 -2
  32. package/docs/data-grid.json +24 -7
  33. package/docs/data-grid.md +1 -1
  34. package/docs/data-grid.props.md +6 -4
  35. package/docs/data-list.json +2 -1
  36. package/docs/data-list.md +1 -1
  37. package/docs/date-field.json +9 -1
  38. package/docs/date-field.md +3 -2
  39. package/docs/date-picker.examples.md +36 -0
  40. package/docs/date-picker.json +20 -5
  41. package/docs/date-picker.md +5 -4
  42. package/docs/datetime-field.json +1 -0
  43. package/docs/datetime-field.md +1 -1
  44. package/docs/dialog.examples.md +158 -136
  45. package/docs/dialog.json +35 -11
  46. package/docs/dialog.md +4 -2
  47. package/docs/dialog.props.md +1 -1
  48. package/docs/drawer.json +5 -0
  49. package/docs/drawer.md +1 -0
  50. package/docs/entity-picker.json +19 -4
  51. package/docs/entity-picker.md +8 -6
  52. package/docs/event-calendar.json +7 -0
  53. package/docs/event-calendar.md +1 -0
  54. package/docs/filter-bar.json +118 -118
  55. package/docs/filter-bar.md +79 -79
  56. package/docs/form.json +2 -1
  57. package/docs/form.md +1 -1
  58. package/docs/guidelines/README.md +27 -0
  59. package/docs/guidelines/async-feedback.md +129 -0
  60. package/docs/guidelines/browsing.md +74 -0
  61. package/docs/guidelines/builders.md +97 -0
  62. package/docs/guidelines/composition.md +143 -0
  63. package/docs/guidelines/conversations.md +59 -0
  64. package/docs/guidelines/errors-and-conflicts.md +71 -0
  65. package/docs/guidelines/forms.md +202 -0
  66. package/docs/guidelines/index.md +129 -0
  67. package/docs/guidelines/layout-alignment.md +95 -0
  68. package/docs/guidelines/ledgers.md +45 -0
  69. package/docs/guidelines/list-pages.md +206 -0
  70. package/docs/guidelines/overviews.md +76 -0
  71. package/docs/guidelines/own-elements.md +115 -0
  72. package/docs/guidelines/reading-permissions.md +55 -0
  73. package/docs/guidelines/record-pages.md +178 -0
  74. package/docs/guidelines/reports.md +123 -0
  75. package/docs/guidelines/shell-composition.md +94 -0
  76. package/docs/guidelines/workspaces.md +46 -0
  77. package/docs/icon.json +3 -1
  78. package/docs/icon.md +3 -3
  79. package/docs/index.md +12 -0
  80. package/docs/inline-message.json +14 -2
  81. package/docs/inline-message.md +4 -3
  82. package/docs/list-item.json +9 -1
  83. package/docs/list-item.md +3 -3
  84. package/docs/list.json +19 -1
  85. package/docs/list.md +3 -1
  86. package/docs/markdown.json +79 -79
  87. package/docs/markdown.md +65 -65
  88. package/docs/menu.json +12 -0
  89. package/docs/menu.md +2 -0
  90. package/docs/message.json +7 -1
  91. package/docs/message.md +3 -3
  92. package/docs/multi-select.json +1 -0
  93. package/docs/multi-select.md +1 -1
  94. package/docs/notification-center.json +4 -0
  95. package/docs/notification-center.md +2 -2
  96. package/docs/number-field.json +1 -0
  97. package/docs/number-field.md +1 -1
  98. package/docs/otp-input.json +1 -0
  99. package/docs/otp-input.md +1 -1
  100. package/docs/page-header.json +4 -3
  101. package/docs/page-header.md +2 -2
  102. package/docs/page.json +1 -0
  103. package/docs/page.md +1 -0
  104. package/docs/popover.json +1 -1
  105. package/docs/progress-indicator.json +4 -3
  106. package/docs/progress-indicator.md +4 -4
  107. package/docs/prompt-composer.json +41 -1
  108. package/docs/prompt-composer.md +5 -1
  109. package/docs/rating.json +5 -3
  110. package/docs/rating.md +5 -5
  111. package/docs/section.json +27 -15
  112. package/docs/section.md +11 -9
  113. package/docs/segmented-control.json +36 -12
  114. package/docs/segmented-control.md +17 -1
  115. package/docs/select.json +1 -0
  116. package/docs/select.md +1 -1
  117. package/docs/side-navigation.json +1 -0
  118. package/docs/side-navigation.md +1 -1
  119. package/docs/skills/build-own-element/SKILL.md +90 -0
  120. package/docs/skills/compose-screen/SKILL.md +95 -0
  121. package/docs/skills/index.md +9 -0
  122. package/docs/skills/review-screen/SKILL.md +77 -0
  123. package/docs/skills/theme-app/SKILL.md +87 -0
  124. package/docs/skills/waiting-states/SKILL.md +143 -0
  125. package/docs/sparkline.json +5 -2
  126. package/docs/sparkline.md +4 -4
  127. package/docs/split-button.json +4 -1
  128. package/docs/split-button.md +3 -3
  129. package/docs/stat-card.json +5 -1
  130. package/docs/stat-card.md +3 -3
  131. package/docs/table.examples.md +3 -3
  132. package/docs/table.json +85 -3
  133. package/docs/table.md +12 -1
  134. package/docs/tabs.json +17 -7
  135. package/docs/tabs.md +3 -2
  136. package/docs/tag.json +14 -4
  137. package/docs/tag.md +6 -6
  138. package/docs/tags-input.json +29 -2
  139. package/docs/tags-input.md +4 -1
  140. package/docs/text-field.json +2 -1
  141. package/docs/text-field.md +2 -2
  142. package/docs/textarea.json +1 -0
  143. package/docs/textarea.md +1 -1
  144. package/docs/time-field.json +1 -0
  145. package/docs/time-field.md +1 -1
  146. package/docs/timeline.json +138 -132
  147. package/docs/timeline.md +125 -125
  148. package/docs/toast.json +7 -1
  149. package/docs/toast.md +3 -3
  150. package/docs/toggle-group.json +14 -3
  151. package/docs/toggle-group.md +3 -3
  152. package/docs/toggle.json +12 -3
  153. package/docs/toggle.md +3 -3
  154. package/docs/tokens.md +467 -0
  155. package/docs/tour.json +1 -1
  156. package/docs/typography.json +4 -2
  157. package/docs/typography.md +4 -4
  158. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  159. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  160. package/fesm2022/slotted-angular-action-bar.mjs +22 -11
  161. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  162. package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
  163. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  164. package/fesm2022/slotted-angular-alert.mjs +18 -11
  165. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  166. package/fesm2022/slotted-angular-app-shell.mjs +111 -61
  167. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  168. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  169. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  170. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  171. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  172. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  173. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  174. package/fesm2022/slotted-angular-avatar.mjs +14 -7
  175. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  176. package/fesm2022/slotted-angular-badge.mjs +14 -10
  177. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  178. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  179. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  180. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  181. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  182. package/fesm2022/slotted-angular-button.mjs +90 -29
  183. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  184. package/fesm2022/slotted-angular-calendar.mjs +235 -58
  185. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  186. package/fesm2022/slotted-angular-card.mjs +18 -16
  187. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  188. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  189. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  190. package/fesm2022/slotted-angular-cascader.mjs +166 -66
  191. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  192. package/fesm2022/slotted-angular-chart.mjs +53 -20
  193. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  194. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  195. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  196. package/fesm2022/slotted-angular-checkbox.mjs +23 -9
  197. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  198. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  199. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  200. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  201. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  202. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  203. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  204. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  205. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  206. package/fesm2022/slotted-angular-combobox.mjs +112 -39
  207. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  208. package/fesm2022/slotted-angular-command-palette.mjs +150 -54
  209. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  210. package/fesm2022/slotted-angular-container.mjs +6 -4
  211. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  212. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  213. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  214. package/fesm2022/slotted-angular-currency-field.mjs +149 -32
  215. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  216. package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
  217. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  218. package/fesm2022/slotted-angular-data-grid.mjs +354 -113
  219. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  220. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  221. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  222. package/fesm2022/slotted-angular-date-field.mjs +74 -25
  223. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  224. package/fesm2022/slotted-angular-date-picker.mjs +112 -40
  225. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  226. package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
  227. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  228. package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
  229. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  230. package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
  231. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  232. package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
  233. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  234. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  235. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  236. package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
  237. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  238. package/fesm2022/slotted-angular-dialog.mjs +72 -30
  239. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  240. package/fesm2022/slotted-angular-divider.mjs +7 -5
  241. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  242. package/fesm2022/slotted-angular-drawer.mjs +53 -29
  243. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  244. package/fesm2022/slotted-angular-entity-picker.mjs +468 -75
  245. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  246. package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
  247. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  248. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  249. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  250. package/fesm2022/slotted-angular-field.mjs +35 -15
  251. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  252. package/fesm2022/slotted-angular-filter-bar.mjs +112 -51
  253. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  254. package/fesm2022/slotted-angular-form.mjs +18 -10
  255. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  256. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  257. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  258. package/fesm2022/slotted-angular-grid.mjs +4 -2
  259. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  260. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  261. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  262. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  263. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  264. package/fesm2022/slotted-angular-icon.mjs +6 -3
  265. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  266. package/fesm2022/slotted-angular-image.mjs +13 -10
  267. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  268. package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
  269. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  270. package/fesm2022/slotted-angular-inline-message.mjs +88 -13
  271. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  272. package/fesm2022/slotted-angular-inline.mjs +4 -2
  273. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  274. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  275. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  276. package/fesm2022/slotted-angular-link.mjs +5 -3
  277. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  278. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  279. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  280. package/fesm2022/slotted-angular-list.mjs +37 -22
  281. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  282. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  283. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  284. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  285. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  286. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  287. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  288. package/fesm2022/slotted-angular-menu.mjs +51 -29
  289. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  290. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  291. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  292. package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
  293. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  294. package/fesm2022/slotted-angular-message.mjs +113 -51
  295. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  296. package/fesm2022/slotted-angular-multi-select.mjs +189 -87
  297. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  298. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  299. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  300. package/fesm2022/slotted-angular-notification-center.mjs +108 -65
  301. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  302. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  303. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  304. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  305. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  306. package/fesm2022/slotted-angular-page-header.mjs +75 -45
  307. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  308. package/fesm2022/slotted-angular-page.mjs +38 -10
  309. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  310. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  311. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  312. package/fesm2022/slotted-angular-popover.mjs +32 -19
  313. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  314. package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
  315. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  316. package/fesm2022/slotted-angular-prompt-composer.mjs +41 -20
  317. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  318. package/fesm2022/slotted-angular-prose.mjs +14 -11
  319. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  320. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  321. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  322. package/fesm2022/slotted-angular-rating.mjs +138 -82
  323. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  324. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  325. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  326. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  327. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  328. package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
  329. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  330. package/fesm2022/slotted-angular-section.mjs +53 -18
  331. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  332. package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
  333. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  334. package/fesm2022/slotted-angular-select.mjs +184 -94
  335. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  336. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  337. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  338. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  339. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  340. package/fesm2022/slotted-angular-slider.mjs +31 -11
  341. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  342. package/fesm2022/slotted-angular-sparkline.mjs +41 -14
  343. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  344. package/fesm2022/slotted-angular-split-button.mjs +25 -11
  345. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  346. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  347. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  348. package/fesm2022/slotted-angular-stack.mjs +4 -2
  349. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  350. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  351. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  352. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  353. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  354. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  355. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  356. package/fesm2022/slotted-angular-switch.mjs +15 -10
  357. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  358. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  359. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  360. package/fesm2022/slotted-angular-table.mjs +243 -73
  361. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  362. package/fesm2022/slotted-angular-tabs.mjs +42 -18
  363. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  364. package/fesm2022/slotted-angular-tag.mjs +19 -12
  365. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  366. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  367. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  368. package/fesm2022/slotted-angular-text-field.mjs +49 -15
  369. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  370. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  371. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  372. package/fesm2022/slotted-angular-time-field.mjs +48 -14
  373. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  374. package/fesm2022/slotted-angular-time-picker.mjs +32 -20
  375. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  376. package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
  377. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  378. package/fesm2022/slotted-angular-timeline.mjs +135 -64
  379. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  380. package/fesm2022/slotted-angular-toast.mjs +43 -31
  381. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  382. package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
  383. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  384. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  385. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  386. package/fesm2022/slotted-angular-toolbar.mjs +22 -11
  387. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  388. package/fesm2022/slotted-angular-tooltip.mjs +15 -6
  389. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  390. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  391. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  392. package/fesm2022/slotted-angular-tour.mjs +47 -22
  393. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  394. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  395. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  396. package/fesm2022/slotted-angular-tree.mjs +74 -26
  397. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  398. package/fesm2022/slotted-angular-typography.mjs +8 -4
  399. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  400. package/fesm2022/slotted-angular-upload.mjs +125 -57
  401. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  402. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  403. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  404. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  405. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  406. package/package.json +3 -3
  407. package/types/slotted-angular-accordion.d.ts.map +1 -1
  408. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  409. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  410. package/types/slotted-angular-alert.d.ts +2 -2
  411. package/types/slotted-angular-alert.d.ts.map +1 -1
  412. package/types/slotted-angular-app-shell.d.ts +11 -3
  413. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  414. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  415. package/types/slotted-angular-attachment.d.ts +1 -1
  416. package/types/slotted-angular-attachment.d.ts.map +1 -1
  417. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  418. package/types/slotted-angular-avatar.d.ts +11 -3
  419. package/types/slotted-angular-avatar.d.ts.map +1 -1
  420. package/types/slotted-angular-badge.d.ts +1 -1
  421. package/types/slotted-angular-badge.d.ts.map +1 -1
  422. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  423. package/types/slotted-angular-button-group.d.ts +1 -1
  424. package/types/slotted-angular-button-group.d.ts.map +1 -1
  425. package/types/slotted-angular-button.d.ts +33 -13
  426. package/types/slotted-angular-button.d.ts.map +1 -1
  427. package/types/slotted-angular-calendar.d.ts +30 -2
  428. package/types/slotted-angular-calendar.d.ts.map +1 -1
  429. package/types/slotted-angular-card.d.ts.map +1 -1
  430. package/types/slotted-angular-carousel.d.ts.map +1 -1
  431. package/types/slotted-angular-cascader.d.ts.map +1 -1
  432. package/types/slotted-angular-chart.d.ts +10 -0
  433. package/types/slotted-angular-chart.d.ts.map +1 -1
  434. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  435. package/types/slotted-angular-checkbox.d.ts +7 -1
  436. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  437. package/types/slotted-angular-code-block.d.ts +1 -1
  438. package/types/slotted-angular-code-block.d.ts.map +1 -1
  439. package/types/slotted-angular-collapsible.d.ts +1 -1
  440. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  441. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  442. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  443. package/types/slotted-angular-combobox.d.ts +5 -1
  444. package/types/slotted-angular-combobox.d.ts.map +1 -1
  445. package/types/slotted-angular-command-palette.d.ts +10 -1
  446. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  447. package/types/slotted-angular-container.d.ts.map +1 -1
  448. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  449. package/types/slotted-angular-currency-field.d.ts +63 -15
  450. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  451. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  452. package/types/slotted-angular-data-grid.d.ts +49 -4
  453. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  454. package/types/slotted-angular-data-list.d.ts.map +1 -1
  455. package/types/slotted-angular-date-field.d.ts +11 -1
  456. package/types/slotted-angular-date-field.d.ts.map +1 -1
  457. package/types/slotted-angular-date-picker.d.ts +38 -12
  458. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  459. package/types/slotted-angular-date-range-picker.d.ts +0 -1
  460. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  461. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  462. package/types/slotted-angular-datetime-picker.d.ts +0 -1
  463. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  464. package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
  465. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  466. package/types/slotted-angular-description-list.d.ts.map +1 -1
  467. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  468. package/types/slotted-angular-dialog.d.ts +10 -3
  469. package/types/slotted-angular-dialog.d.ts.map +1 -1
  470. package/types/slotted-angular-divider.d.ts.map +1 -1
  471. package/types/slotted-angular-drawer.d.ts +7 -1
  472. package/types/slotted-angular-drawer.d.ts.map +1 -1
  473. package/types/slotted-angular-entity-picker.d.ts +63 -15
  474. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  475. package/types/slotted-angular-event-calendar.d.ts +9 -2
  476. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  477. package/types/slotted-angular-field-group.d.ts.map +1 -1
  478. package/types/slotted-angular-field.d.ts.map +1 -1
  479. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  480. package/types/slotted-angular-form.d.ts.map +1 -1
  481. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  482. package/types/slotted-angular-grid.d.ts.map +1 -1
  483. package/types/slotted-angular-highlight.d.ts.map +1 -1
  484. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  485. package/types/slotted-angular-icon.d.ts +2 -2
  486. package/types/slotted-angular-icon.d.ts.map +1 -1
  487. package/types/slotted-angular-image.d.ts.map +1 -1
  488. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  489. package/types/slotted-angular-inline-message.d.ts +25 -25
  490. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  491. package/types/slotted-angular-inline.d.ts.map +1 -1
  492. package/types/slotted-angular-kbd.d.ts.map +1 -1
  493. package/types/slotted-angular-link.d.ts.map +1 -1
  494. package/types/slotted-angular-list-item.d.ts +1 -1
  495. package/types/slotted-angular-list-item.d.ts.map +1 -1
  496. package/types/slotted-angular-list.d.ts +42 -27
  497. package/types/slotted-angular-list.d.ts.map +1 -1
  498. package/types/slotted-angular-listbox.d.ts.map +1 -1
  499. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  500. package/types/slotted-angular-markdown.d.ts.map +1 -1
  501. package/types/slotted-angular-menu.d.ts +11 -2
  502. package/types/slotted-angular-menu.d.ts.map +1 -1
  503. package/types/slotted-angular-menubar.d.ts.map +1 -1
  504. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  505. package/types/slotted-angular-message.d.ts +1 -1
  506. package/types/slotted-angular-message.d.ts.map +1 -1
  507. package/types/slotted-angular-multi-select.d.ts +15 -1
  508. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  509. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  510. package/types/slotted-angular-notification-center.d.ts +1 -1
  511. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  512. package/types/slotted-angular-number-field.d.ts.map +1 -1
  513. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  514. package/types/slotted-angular-page-header.d.ts +4 -4
  515. package/types/slotted-angular-page-header.d.ts.map +1 -1
  516. package/types/slotted-angular-page.d.ts.map +1 -1
  517. package/types/slotted-angular-pagination.d.ts.map +1 -1
  518. package/types/slotted-angular-popover.d.ts.map +1 -1
  519. package/types/slotted-angular-progress-indicator.d.ts +8 -1
  520. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  521. package/types/slotted-angular-prompt-composer.d.ts +11 -2
  522. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  523. package/types/slotted-angular-prose.d.ts.map +1 -1
  524. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  525. package/types/slotted-angular-rating.d.ts +1 -1
  526. package/types/slotted-angular-rating.d.ts.map +1 -1
  527. package/types/slotted-angular-result-state.d.ts.map +1 -1
  528. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  529. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  530. package/types/slotted-angular-section.d.ts +11 -3
  531. package/types/slotted-angular-section.d.ts.map +1 -1
  532. package/types/slotted-angular-segmented-control.d.ts +15 -2
  533. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  534. package/types/slotted-angular-select.d.ts +12 -2
  535. package/types/slotted-angular-select.d.ts.map +1 -1
  536. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  537. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  538. package/types/slotted-angular-slider.d.ts.map +1 -1
  539. package/types/slotted-angular-sparkline.d.ts +7 -1
  540. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  541. package/types/slotted-angular-split-button.d.ts +2 -2
  542. package/types/slotted-angular-split-button.d.ts.map +1 -1
  543. package/types/slotted-angular-splitter.d.ts.map +1 -1
  544. package/types/slotted-angular-stack.d.ts.map +1 -1
  545. package/types/slotted-angular-stat-card.d.ts +1 -1
  546. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  547. package/types/slotted-angular-status-indicator.d.ts +1 -1
  548. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  549. package/types/slotted-angular-stepper.d.ts +1 -1
  550. package/types/slotted-angular-stepper.d.ts.map +1 -1
  551. package/types/slotted-angular-switch.d.ts.map +1 -1
  552. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  553. package/types/slotted-angular-table.d.ts +63 -6
  554. package/types/slotted-angular-table.d.ts.map +1 -1
  555. package/types/slotted-angular-tabs.d.ts +3 -4
  556. package/types/slotted-angular-tabs.d.ts.map +1 -1
  557. package/types/slotted-angular-tag.d.ts +1 -1
  558. package/types/slotted-angular-tag.d.ts.map +1 -1
  559. package/types/slotted-angular-tags-input.d.ts +33 -1
  560. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  561. package/types/slotted-angular-text-field.d.ts.map +1 -1
  562. package/types/slotted-angular-textarea.d.ts.map +1 -1
  563. package/types/slotted-angular-theme.d.ts +1 -1
  564. package/types/slotted-angular-time-field.d.ts.map +1 -1
  565. package/types/slotted-angular-time-picker.d.ts +0 -1
  566. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  567. package/types/slotted-angular-time-range-picker.d.ts +0 -1
  568. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  569. package/types/slotted-angular-timeline.d.ts +1 -1
  570. package/types/slotted-angular-timeline.d.ts.map +1 -1
  571. package/types/slotted-angular-toast.d.ts +3 -3
  572. package/types/slotted-angular-toast.d.ts.map +1 -1
  573. package/types/slotted-angular-toggle-group.d.ts +8 -2
  574. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  575. package/types/slotted-angular-toggle.d.ts +1 -1
  576. package/types/slotted-angular-toggle.d.ts.map +1 -1
  577. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  578. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  579. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  580. package/types/slotted-angular-tour.d.ts.map +1 -1
  581. package/types/slotted-angular-transfer.d.ts.map +1 -1
  582. package/types/slotted-angular-tree.d.ts.map +1 -1
  583. package/types/slotted-angular-typography.d.ts +1 -1
  584. package/types/slotted-angular-typography.d.ts.map +1 -1
  585. package/types/slotted-angular-upload.d.ts +2 -2
  586. package/types/slotted-angular-upload.d.ts.map +1 -1
  587. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  588. package/types/slotted-angular-wizard.d.ts.map +1 -1
@@ -1,3 +1,4 @@
1
+ import { writeSelectorKey } from '@slotted/core/selector-key';
1
2
  import { NgTemplateOutlet } from '@angular/common';
2
3
  import * as i0 from '@angular/core';
3
4
  import { InjectionToken, inject, input, TemplateRef, Directive, ElementRef, afterNextRender, HostAttributeToken, booleanAttribute, model, output, contentChildren, computed, signal, afterRenderEffect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
@@ -140,7 +141,7 @@ class SlDataListPart {
140
141
  part = input.required({ ...(ngDevMode ? { debugName: "part" } : /* istanbul ignore next */ {}), alias: 'slDataListPart' });
141
142
  host = inject(ElementRef);
142
143
  constructor() {
143
- afterNextRender(() => this.host.nativeElement.setAttribute('data-part', this.part()));
144
+ afterNextRender(() => writeSelectorKey(this.host.nativeElement, 'part', this.part()));
144
145
  }
145
146
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataListPart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
146
147
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlDataListPart, isStandalone: true, selector: "[slDataListPart]", inputs: { part: { classPropertyName: "part", publicName: "slDataListPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
@@ -615,10 +616,10 @@ class SlDataList {
615
616
  return item !== null;
616
617
  }
617
618
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataList, deps: [], target: i0.ɵɵFactoryTarget.Component });
618
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataList, isStandalone: true, selector: "sl-data-list", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, columnState: { classPropertyName: "columnState", publicName: "columnState", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, trailing: { classPropertyName: "trailing", publicName: "trailing", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, disabledKeys: { classPropertyName: "disabledKeys", publicName: "disabledKeys", isSignal: true, isRequired: false, transformFunction: null }, loadingKeys: { classPropertyName: "loadingKeys", publicName: "loadingKeys", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, activatable: { classPropertyName: "activatable", publicName: "activatable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, loadingMinDuration: { classPropertyName: "loadingMinDuration", publicName: "loadingMinDuration", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { query: "queryChange", value: "valueChange", expanded: "expandedChange", queryChangeRequest: "queryChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest", activate$: "activate", loadMore: "loadMore", retry: "retry" }, host: { attributes: { "data-ui": "data-list", "data-part": "root" }, listeners: { "focusin": "onFocusIn($event)" }, properties: { "attr.data-variant": "variantValue()", "attr.data-size": "sizeValue()", "attr.aria-busy": "refreshing() ? 'true' : null", "attr.data-loading": "refreshing() ? '' : null" } }, queries: [{ propertyName: "cellTemplates", predicate: SlDataListCellTemplate, isSignal: true }, { propertyName: "mediaTemplates", predicate: SlDataListMediaTemplate, isSignal: true }, { propertyName: "emptyTemplates", predicate: SlDataListEmptyTemplate, isSignal: true }, { propertyName: "footers", predicate: SlDataListFooter, isSignal: true }], exportAs: ["slDataList"], ngImport: i0, template: `
619
- <div data-part="header">
619
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataList, isStandalone: true, selector: "sl-data-list", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, columnState: { classPropertyName: "columnState", publicName: "columnState", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, trailing: { classPropertyName: "trailing", publicName: "trailing", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, disabledKeys: { classPropertyName: "disabledKeys", publicName: "disabledKeys", isSignal: true, isRequired: false, transformFunction: null }, loadingKeys: { classPropertyName: "loadingKeys", publicName: "loadingKeys", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, activatable: { classPropertyName: "activatable", publicName: "activatable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, loadingMinDuration: { classPropertyName: "loadingMinDuration", publicName: "loadingMinDuration", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { query: "queryChange", value: "valueChange", expanded: "expandedChange", queryChangeRequest: "queryChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest", activate$: "activate", loadMore: "loadMore", retry: "retry" }, host: { attributes: { "data-ui": "data-list", "data-ui-data-list": "", "data-part": "root", "data-part-root": "" }, listeners: { "focusin": "onFocusIn($event)" }, properties: { "attr.data-variant": "variantValue()", "attr.data-size": "sizeValue()", "attr.aria-busy": "refreshing() ? 'true' : null", "attr.data-loading": "refreshing() ? '' : null" } }, queries: [{ propertyName: "cellTemplates", predicate: SlDataListCellTemplate, isSignal: true }, { propertyName: "mediaTemplates", predicate: SlDataListMediaTemplate, isSignal: true }, { propertyName: "emptyTemplates", predicate: SlDataListEmptyTemplate, isSignal: true }, { propertyName: "footers", predicate: SlDataListFooter, isSignal: true }], exportAs: ["slDataList"], ngImport: i0, template: `
620
+ <div data-part="header" data-part-header="">
620
621
  @if (selectionModeValue() === 'multiple' && !showLoader()) {
621
- <span data-part="select-all">
622
+ <span data-part="select-all" data-part-select-all="">
622
623
  <span
623
624
  slCheckbox
624
625
  [checked]="allSelected()"
@@ -630,9 +631,15 @@ class SlDataList {
630
631
  >
631
632
  </span>
632
633
  }
633
- <output data-part="count" aria-live="polite">{{ showLoader() ? '' : countText() }}</output>
634
+ <output data-part="count" data-part-count="" aria-live="polite">{{
635
+ showLoader() ? '' : countText()
636
+ }}</output>
634
637
  @if (layout().sortable.length > 0) {
635
- <span data-part="sort" [attr.data-direction]="firstKey()?.direction ?? null">
638
+ <span
639
+ data-part="sort"
640
+ data-part-sort=""
641
+ [attr.data-direction]="firstKey()?.direction ?? null"
642
+ >
636
643
  <button
637
644
  slButton
638
645
  slDataListPart="root"
@@ -656,7 +663,7 @@ class SlDataList {
656
663
  [value]="firstKey()?.column ?? noSort"
657
664
  (valueChangeRequest)="chooseColumn($event)"
658
665
  >
659
- <div data-part="group-label" [id]="id + '-sort-column'">
666
+ <div data-part="group-label" data-part-group-label="" [id]="id + '-sort-column'">
660
667
  {{ t('sortColumn') }}
661
668
  </div>
662
669
  <button slMenuRadioItem [value]="noSort">{{ t('sortNone') }}</button>
@@ -670,7 +677,7 @@ class SlDataList {
670
677
  [value]="firstKey()?.direction ?? ''"
671
678
  (valueChangeRequest)="chooseDirection($event)"
672
679
  >
673
- <div data-part="group-label" [id]="id + '-sort-direction'">
680
+ <div data-part="group-label" data-part-group-label="" [id]="id + '-sort-direction'">
674
681
  {{ t('sortDirection') }}
675
682
  </div>
676
683
  <button slMenuRadioItem value="ascending" [disabled]="!firstKey()">
@@ -693,7 +700,7 @@ class SlDataList {
693
700
  }
694
701
 
695
702
  @if (showLoader()) {
696
- <div data-part="loader">
703
+ <div data-part="loader" data-part-loader="">
697
704
  <div
698
705
  slSkeletonRegion
699
706
  [loading]="firstLoad()"
@@ -720,11 +727,13 @@ class SlDataList {
720
727
  </div>
721
728
  }
722
729
  @if (layout().shown > 0) {
723
- <dl data-part="fields">
730
+ <dl data-part="fields" data-part-fields="">
724
731
  @for (column of shownColumns(); track column.id; let field = $index) {
725
- <div data-part="field">
726
- <dt data-part="field-label">{{ column.label }}</dt>
727
- <dd data-part="field-value">
732
+ <div data-part="field" data-part-field="">
733
+ <dt data-part="field-label" data-part-field-label="">
734
+ {{ column.label }}
735
+ </dt>
736
+ <dd data-part="field-value" data-part-field-value="">
728
737
  <span slSkeleton [inlineSize]="fieldBar(index + field)"></span>
729
738
  </dd>
730
739
  </div>
@@ -758,9 +767,9 @@ class SlDataList {
758
767
  }
759
768
 
760
769
  @if (hasMore() || footers().length > 0) {
761
- <div data-part="footer">
770
+ <div data-part="footer" data-part-footer="">
762
771
  @if (hasMore() && !showLoader()) {
763
- <span data-part="load-more">
772
+ <span data-part="load-more" data-part-load-more="">
764
773
  <button
765
774
  slButton
766
775
  size="sm"
@@ -817,7 +826,7 @@ class SlDataList {
817
826
  @if (selectionModeValue() !== 'none' || mediaTemplate()) {
818
827
  <div slListItemStart>
819
828
  @if (selectionModeValue() !== 'none') {
820
- <span data-part="selection">
829
+ <span data-part="selection" data-part-selection="">
821
830
  <span
822
831
  slCheckbox
823
832
  [checked]="view.selected"
@@ -831,7 +840,7 @@ class SlDataList {
831
840
  </span>
832
841
  }
833
842
  @if (mediaTemplate(); as media) {
834
- <span data-part="media">
843
+ <span data-part="media" data-part-media="">
835
844
  <ng-container
836
845
  [ngTemplateOutlet]="media.template"
837
846
  [ngTemplateOutletContext]="{ $implicit: view.row }"
@@ -845,6 +854,7 @@ class SlDataList {
845
854
  @if (view.href !== undefined) {
846
855
  <a
847
856
  data-part="title"
857
+ data-part-title=""
848
858
  [attr.href]="view.href"
849
859
  [attr.aria-disabled]="view.disabled || view.busy ? 'true' : null"
850
860
  (click)="activateLink(view, $event)"
@@ -855,6 +865,7 @@ class SlDataList {
855
865
  } @else if (activatable()) {
856
866
  <button
857
867
  data-part="title"
868
+ data-part-title=""
858
869
  type="button"
859
870
  [disabled]="view.disabled || view.busy"
860
871
  (click)="activate(view, $event)"
@@ -865,7 +876,7 @@ class SlDataList {
865
876
  />
866
877
  </button>
867
878
  } @else {
868
- <span data-part="title"
879
+ <span data-part="title" data-part-title=""
869
880
  ><ng-container
870
881
  [ngTemplateOutlet]="value"
871
882
  [ngTemplateOutletContext]="{ $implicit: view.title }"
@@ -883,7 +894,7 @@ class SlDataList {
883
894
  </div>
884
895
  @if (view.trailing) {
885
896
  <div slListItemEnd>
886
- <span data-part="trailing"
897
+ <span data-part="trailing" data-part-trailing=""
887
898
  ><ng-container
888
899
  [ngTemplateOutlet]="value"
889
900
  [ngTemplateOutletContext]="{ $implicit: view.trailing }"
@@ -891,11 +902,15 @@ class SlDataList {
891
902
  </div>
892
903
  }
893
904
  @if (view.fields.length > 0) {
894
- <dl data-part="fields" [id]="view.fieldsId">
905
+ <dl data-part="fields" data-part-fields="" [id]="view.fieldsId">
895
906
  @for (field of view.fields; track field.column.id) {
896
- <div data-part="field">
897
- <dt data-part="field-label">{{ field.column.label }}</dt>
898
- <dd data-part="field-value" [attr.data-numeric]="field.numeric ? '' : null">
907
+ <div data-part="field" data-part-field="">
908
+ <dt data-part="field-label" data-part-field-label="">{{ field.column.label }}</dt>
909
+ <dd
910
+ data-part="field-value"
911
+ data-part-field-value=""
912
+ [attr.data-numeric]="field.numeric ? '' : null"
913
+ >
899
914
  <ng-container
900
915
  [ngTemplateOutlet]="value"
901
916
  [ngTemplateOutletContext]="{ $implicit: field }"
@@ -908,6 +923,7 @@ class SlDataList {
908
923
  @if (view.hidden > 0) {
909
924
  <button
910
925
  data-part="more"
926
+ data-part-more=""
911
927
  type="button"
912
928
  [attr.aria-controls]="view.fieldsId"
913
929
  [attr.aria-expanded]="view.expanded"
@@ -939,7 +955,7 @@ class SlDataList {
939
955
  [ngTemplateOutletContext]="field.context"
940
956
  />
941
957
  } @else if (field.context.text === '' && field.context.place !== 'actions') {
942
- <span data-part="field-empty"
958
+ <span data-part="field-empty" data-part-field-empty=""
943
959
  ><span aria-hidden="true">—</span><span slVisuallyHidden>{{ t('empty') }}</span></span
944
960
  >
945
961
  } @else {
@@ -949,7 +965,7 @@ class SlDataList {
949
965
  </ng-template>
950
966
 
951
967
  <ng-template #emptyState let-status>
952
- <div data-part="empty">
968
+ <div data-part="empty" data-part-empty="">
953
969
  @if (emptyTemplate(); as custom) {
954
970
  <ng-container
955
971
  [ngTemplateOutlet]="custom.template"
@@ -989,7 +1005,7 @@ class SlDataList {
989
1005
  }
990
1006
  </div>
991
1007
  </ng-template>
992
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=data-list][data-part=root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui=data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=data-list]>[data-part=header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui=data-list][data-variant=plain]>[data-part=header]{box-shadow:none}[data-ui=data-list][data-variant=framed]>[data-part=header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui=data-list] [data-part=select-all]{display:inline-flex;flex:none}[data-ui=data-list] [data-part=count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui=data-list] [data-part=sort] [data-part=end]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=sort][data-direction=ascending] [data-part=end]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-ui=list-item]{position:relative}[data-ui=data-list] [data-ui=list-item] :is([data-part=selection],[data-part=more],[data-part=field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui=data-list] [data-ui=list-item]>[data-part=actions]{position:relative;z-index:1}[data-ui=data-list] [data-part=selection],[data-ui=data-list] [data-part=media]{align-items:center;display:inline-flex;flex:none}[data-ui=data-list] [data-part=selection]+[data-part=media]{margin-inline-start:var(--_gap)}[data-ui=data-list] :is(a,button)[data-part=title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui=data-list] :is(a,button)[data-part=title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible{outline:none}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part=title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:is([data-disabled],[data-loading]) [data-part=title]{cursor:default}[data-ui=data-list] [data-part=trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:1 / -1}}[data-ui=data-list] [data-part=fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=data-list] [data-part=field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui=data-list] [data-part=field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui=data-list] [data-part=field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-list] [data-part=field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui=data-list] [data-part=field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui=data-list] [data-part=more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui=data-list] [data-part=more]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=more][aria-expanded=true]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-part=more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [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=data-list] [data-ui=list-item][data-disabled] [data-part=more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-list][aria-busy=true]>[data-ui=list]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-list]>[data-part=empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=loader]{display:block}[data-ui=data-list]>[data-part=loader] [data-part=field-value] [data-ui=skeleton]{vertical-align:middle}[data-ui=data-list]>[data-part=footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=footer]:empty{display:none}[data-ui=data-list] [data-part=load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui=list][data-part=root],[data-ui=list] [data-part=section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui=list][data-part=root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui=list][data-part=root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui=list][data-part=root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui=list][data-part=root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui=list][data-part=root][data-variant=separated]{row-gap:var(--_gap)}[data-ui=list] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=list][data-variant=separated] [data-part=section],[data-ui=list][data-variant=separated] [data-part=section-list]{row-gap:var(--_gap)}[data-ui=list] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui=list][data-inset] [data-part=section-label],[data-ui=list][data-inset] [data-part=empty]{padding-inline:0}[data-ui=list] [data-part=section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=list] [data-part=empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui=list][data-part=root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);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)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]: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=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]: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=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\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: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "directive", type: SlDataListPart, selector: "[slDataListPart]", inputs: ["slDataListPart"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlList, selector: "ul[slList], ol[slList]", inputs: ["variant", "size", "marker", "inset", "loading"], exportAs: ["slList"] }, { kind: "component", type: SlListItem, selector: "li[slListItem]", inputs: ["variant", "size", "marker", "align", "tone", "inset", "truncate", "selected", "current", "disabled", "loading", "position", "setSize"], exportAs: ["slListItem"] }, { kind: "directive", type: SlListItemActions, selector: "[slListItemActions]", exportAs: ["slListItemActions"] }, { kind: "directive", type: SlListItemBody, selector: "[slListItemBody]", exportAs: ["slListItemBody"] }, { kind: "directive", type: SlListItemContent, selector: "[slListItemContent]", exportAs: ["slListItemContent"] }, { kind: "directive", type: SlListItemDescription, selector: "[slListItemDescription]", exportAs: ["slListItemDescription"] }, { kind: "directive", type: SlListItemEnd, selector: "[slListItemEnd]", exportAs: ["slListItemEnd"] }, { kind: "directive", type: SlListItemLabel, selector: "[slListItemLabel]", exportAs: ["slListItemLabel"] }, { kind: "directive", type: SlListItemStart, selector: "[slListItemStart]", exportAs: ["slListItemStart"] }, { kind: "directive", type: SlListSection, selector: "li[slListSection]", exportAs: ["slListSection"] }, { kind: "directive", type: SlListSectionLabel, selector: "[slListSectionLabel]", inputs: ["sticky"], exportAs: ["slListSectionLabel"] }, { kind: "directive", type: SlListSectionList, selector: "ul[slListSectionList], ol[slListSectionList]", exportAs: ["slListSectionList"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonRegion, selector: "[slSkeletonRegion]", inputs: ["loading", "animation", "live", "messages", "loadedLabel", "delay", "minDuration"], outputs: ["reveal"], exportAs: ["slSkeletonRegion"] }, { kind: "component", type: SlVisuallyHidden, selector: "[slVisuallyHidden]", inputs: ["focusable"], exportAs: ["slVisuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1008
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui-data-list][data-part-root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui-data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-data-list]>[data-part-header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui-data-list][data-variant=plain]>[data-part-header]{box-shadow:none}[data-ui-data-list][data-variant=framed]>[data-part-header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui-data-list] [data-part-select-all]{display:inline-flex;flex:none}[data-ui-data-list] [data-part-count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui-data-list] [data-part-sort] [data-part-end]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-sort][data-direction=ascending] [data-part-end]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-ui-list-item]{position:relative}[data-ui-data-list] [data-ui-list-item] :is([data-part-selection],[data-part-more],[data-part-field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui-data-list] [data-ui-list-item]>[data-part-actions]{position:relative;z-index:1}[data-ui-data-list] [data-part-selection],[data-ui-data-list] [data-part-media]{align-items:center;display:inline-flex;flex:none}[data-ui-data-list] [data-part-selection]+[data-part-media]{margin-inline-start:var(--_gap)}[data-ui-data-list] :is(a,button)[data-part-title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui-data-list] :is(a,button)[data-part-title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible{outline:none}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part-title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:is([data-disabled],[data-loading]) [data-part-title]{cursor:default}[data-ui-data-list] [data-part-trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:1 / -1}}[data-ui-data-list] [data-part-fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-data-list] [data-part-field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui-data-list] [data-part-field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui-data-list] [data-part-field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-list] [data-part-field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui-data-list] [data-part-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui-data-list] [data-part-more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui-data-list] [data-part-more]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-more][aria-expanded=true]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-part-more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [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-data-list] [data-ui-list-item][data-disabled] [data-part-more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-data-list]>[data-ui-list]{position:relative}[data-ui-data-list][aria-busy=true]>[data-ui-list]{opacity:.55;transition:opacity var(--_transition)}[data-ui-data-list][aria-busy=true]>[data-ui-list]:after{content:\"\";inset:0;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 4)}[data-ui-data-list]>[data-part-empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-loader]{display:block}[data-ui-data-list]>[data-part-loader] [data-part-field-value] [data-ui-skeleton]{vertical-align:middle}[data-ui-data-list]>[data-part-footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-footer]:empty{display:none}[data-ui-data-list] [data-part-load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui-list][data-part-root],[data-ui-list] [data-part-section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui-list][data-part-root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui-list][data-part-root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui-list][data-part-root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui-list][data-part-root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui-list][data-part-root][data-variant=separated]{row-gap:var(--_gap)}[data-ui-list] [data-part-section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-list][data-variant=separated] [data-part-section],[data-ui-list][data-variant=separated] [data-part-section-list]{row-gap:var(--_gap)}[data-ui-list] [data-part-section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui-list][data-inset] [data-part-section-label],[data-ui-list][data-inset] [data-part-empty]{padding-inline:0}[data-ui-list] [data-part-section-label]:has(>[data-part-section-end]){align-items:baseline;display:flex;gap:var(--slotted-space-4, .5rem);justify-content:space-between}[data-ui-list] [data-part-section-end]{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-list] [data-part-section-label][data-variant=ruled]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-list-section-rule-color, var(--slotted-border-subtle, GrayText));color:var(--slotted-list-section-ruled-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-list] [data-part-section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-list] [data-part-empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui-list][data-part-root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui-list-item][data-part-root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui-list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=info]{--_text: var(--slotted-tone-info-text, CanvasText);--_subtle-hover: var(--slotted-tone-info-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-info-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-info-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-info-solid-active, ButtonFace);--_surface: var(--slotted-tone-info-surface, Canvas);--_selected-edge: var(--slotted-tone-info-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-info-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui-list-item][data-marker=bullet]>[data-part-marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui-list-item][data-marker=bullet]>[data-part-marker]>[data-ui-icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui-list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui-list-item]:is([data-marker=bullet],[data-marker=number])>[data-part-content]{padding-inline-start:0}[data-ui-list-item][data-inset][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui-list-item]>[data-part-content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui-list-item]:not([data-disabled])>:is(a,button)[data-part-content]:not(:disabled){cursor:pointer}[data-ui-list-item][data-inset]>[data-part-content]{padding-inline:0}[data-ui-list-item][data-align=start]>[data-part-content]{align-items:start}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui-list-item]>[data-part-content]>[data-part-start]:has(>[data-ui-checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item][data-align=start]>[data-part-content]>[data-part-start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-content]>[data-part-body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item][data-truncate]>[data-part-content]>[data-part-body]>:is([data-part-label],[data-part-description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-list-item]>[data-part-content]>[data-part-end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui-list-item]>[data-part-actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline-end:0}[data-ui-list-item][data-align=start]>[data-part-actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui-list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui-list-item][data-variant=separated]{overflow:clip}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):active){--_fill: var(--_active)}[data-ui-list-item]>[data-part-content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui-list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui-list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui-list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui-list-item]:is([data-selected],[data-current])+[data-ui-list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui-list-item][data-selected]+[data-ui-list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui-list-item][data-selected]>[data-part-content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-current]>[data-part-content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-loading]{--_text: var(--_muted)}[data-ui-list-item][data-loading]>[data-part-content]{cursor:progress}[data-ui-list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui-list-item][data-disabled]>[data-part-content]{cursor:default}[data-ui-list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui-list-item]>[data-part-content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui-list-item]>[data-part-content]>[data-part-end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline:0}[data-ui-list-item]>[data-part-actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui-list-item][data-selected]{background-color:Highlight}[data-ui-list-item][data-selected]>[data-part-content]{color:HighlightText}[data-ui-list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);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)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]: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-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]: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-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\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: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "directive", type: SlDataListPart, selector: "[slDataListPart]", inputs: ["slDataListPart"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlList, selector: "ul[slList], ol[slList]", inputs: ["variant", "size", "marker", "inset", "loading"], exportAs: ["slList"] }, { kind: "component", type: SlListItem, selector: "li[slListItem]", inputs: ["variant", "size", "marker", "align", "tone", "inset", "truncate", "selected", "current", "disabled", "loading", "position", "setSize"], exportAs: ["slListItem"] }, { kind: "directive", type: SlListItemActions, selector: "[slListItemActions]", exportAs: ["slListItemActions"] }, { kind: "directive", type: SlListItemBody, selector: "[slListItemBody]", exportAs: ["slListItemBody"] }, { kind: "directive", type: SlListItemContent, selector: "[slListItemContent]", exportAs: ["slListItemContent"] }, { kind: "directive", type: SlListItemDescription, selector: "[slListItemDescription]", exportAs: ["slListItemDescription"] }, { kind: "directive", type: SlListItemEnd, selector: "[slListItemEnd]", exportAs: ["slListItemEnd"] }, { kind: "directive", type: SlListItemLabel, selector: "[slListItemLabel]", exportAs: ["slListItemLabel"] }, { kind: "directive", type: SlListItemStart, selector: "[slListItemStart]", exportAs: ["slListItemStart"] }, { kind: "directive", type: SlListSection, selector: "li[slListSection]", exportAs: ["slListSection"] }, { kind: "directive", type: SlListSectionLabel, selector: "[slListSectionLabel]", inputs: ["variant", "sticky"], exportAs: ["slListSectionLabel"] }, { kind: "directive", type: SlListSectionList, selector: "ul[slListSectionList], ol[slListSectionList]", exportAs: ["slListSectionList"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonRegion, selector: "[slSkeletonRegion]", inputs: ["loading", "animation", "live", "messages", "loadedLabel", "delay", "minDuration"], outputs: ["reveal"], exportAs: ["slSkeletonRegion"] }, { kind: "component", type: SlVisuallyHidden, selector: "[slVisuallyHidden]", inputs: ["focusable"], exportAs: ["slVisuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
993
1009
  }
994
1010
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataList, decorators: [{
995
1011
  type: Component,
@@ -1027,16 +1043,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1027
1043
  SlVisuallyHidden,
1028
1044
  ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
1029
1045
  'data-ui': 'data-list',
1046
+ 'data-ui-data-list': '',
1030
1047
  'data-part': 'root',
1048
+ 'data-part-root': '',
1031
1049
  '[attr.data-variant]': 'variantValue()',
1032
1050
  '[attr.data-size]': 'sizeValue()',
1033
1051
  '[attr.aria-busy]': "refreshing() ? 'true' : null",
1034
1052
  '[attr.data-loading]': "refreshing() ? '' : null",
1035
1053
  '(focusin)': 'onFocusIn($event)',
1036
1054
  }, template: `
1037
- <div data-part="header">
1055
+ <div data-part="header" data-part-header="">
1038
1056
  @if (selectionModeValue() === 'multiple' && !showLoader()) {
1039
- <span data-part="select-all">
1057
+ <span data-part="select-all" data-part-select-all="">
1040
1058
  <span
1041
1059
  slCheckbox
1042
1060
  [checked]="allSelected()"
@@ -1048,9 +1066,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1048
1066
  >
1049
1067
  </span>
1050
1068
  }
1051
- <output data-part="count" aria-live="polite">{{ showLoader() ? '' : countText() }}</output>
1069
+ <output data-part="count" data-part-count="" aria-live="polite">{{
1070
+ showLoader() ? '' : countText()
1071
+ }}</output>
1052
1072
  @if (layout().sortable.length > 0) {
1053
- <span data-part="sort" [attr.data-direction]="firstKey()?.direction ?? null">
1073
+ <span
1074
+ data-part="sort"
1075
+ data-part-sort=""
1076
+ [attr.data-direction]="firstKey()?.direction ?? null"
1077
+ >
1054
1078
  <button
1055
1079
  slButton
1056
1080
  slDataListPart="root"
@@ -1074,7 +1098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1074
1098
  [value]="firstKey()?.column ?? noSort"
1075
1099
  (valueChangeRequest)="chooseColumn($event)"
1076
1100
  >
1077
- <div data-part="group-label" [id]="id + '-sort-column'">
1101
+ <div data-part="group-label" data-part-group-label="" [id]="id + '-sort-column'">
1078
1102
  {{ t('sortColumn') }}
1079
1103
  </div>
1080
1104
  <button slMenuRadioItem [value]="noSort">{{ t('sortNone') }}</button>
@@ -1088,7 +1112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1088
1112
  [value]="firstKey()?.direction ?? ''"
1089
1113
  (valueChangeRequest)="chooseDirection($event)"
1090
1114
  >
1091
- <div data-part="group-label" [id]="id + '-sort-direction'">
1115
+ <div data-part="group-label" data-part-group-label="" [id]="id + '-sort-direction'">
1092
1116
  {{ t('sortDirection') }}
1093
1117
  </div>
1094
1118
  <button slMenuRadioItem value="ascending" [disabled]="!firstKey()">
@@ -1111,7 +1135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1111
1135
  }
1112
1136
 
1113
1137
  @if (showLoader()) {
1114
- <div data-part="loader">
1138
+ <div data-part="loader" data-part-loader="">
1115
1139
  <div
1116
1140
  slSkeletonRegion
1117
1141
  [loading]="firstLoad()"
@@ -1138,11 +1162,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1138
1162
  </div>
1139
1163
  }
1140
1164
  @if (layout().shown > 0) {
1141
- <dl data-part="fields">
1165
+ <dl data-part="fields" data-part-fields="">
1142
1166
  @for (column of shownColumns(); track column.id; let field = $index) {
1143
- <div data-part="field">
1144
- <dt data-part="field-label">{{ column.label }}</dt>
1145
- <dd data-part="field-value">
1167
+ <div data-part="field" data-part-field="">
1168
+ <dt data-part="field-label" data-part-field-label="">
1169
+ {{ column.label }}
1170
+ </dt>
1171
+ <dd data-part="field-value" data-part-field-value="">
1146
1172
  <span slSkeleton [inlineSize]="fieldBar(index + field)"></span>
1147
1173
  </dd>
1148
1174
  </div>
@@ -1176,9 +1202,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1176
1202
  }
1177
1203
 
1178
1204
  @if (hasMore() || footers().length > 0) {
1179
- <div data-part="footer">
1205
+ <div data-part="footer" data-part-footer="">
1180
1206
  @if (hasMore() && !showLoader()) {
1181
- <span data-part="load-more">
1207
+ <span data-part="load-more" data-part-load-more="">
1182
1208
  <button
1183
1209
  slButton
1184
1210
  size="sm"
@@ -1235,7 +1261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1235
1261
  @if (selectionModeValue() !== 'none' || mediaTemplate()) {
1236
1262
  <div slListItemStart>
1237
1263
  @if (selectionModeValue() !== 'none') {
1238
- <span data-part="selection">
1264
+ <span data-part="selection" data-part-selection="">
1239
1265
  <span
1240
1266
  slCheckbox
1241
1267
  [checked]="view.selected"
@@ -1249,7 +1275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1249
1275
  </span>
1250
1276
  }
1251
1277
  @if (mediaTemplate(); as media) {
1252
- <span data-part="media">
1278
+ <span data-part="media" data-part-media="">
1253
1279
  <ng-container
1254
1280
  [ngTemplateOutlet]="media.template"
1255
1281
  [ngTemplateOutletContext]="{ $implicit: view.row }"
@@ -1263,6 +1289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1263
1289
  @if (view.href !== undefined) {
1264
1290
  <a
1265
1291
  data-part="title"
1292
+ data-part-title=""
1266
1293
  [attr.href]="view.href"
1267
1294
  [attr.aria-disabled]="view.disabled || view.busy ? 'true' : null"
1268
1295
  (click)="activateLink(view, $event)"
@@ -1273,6 +1300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1273
1300
  } @else if (activatable()) {
1274
1301
  <button
1275
1302
  data-part="title"
1303
+ data-part-title=""
1276
1304
  type="button"
1277
1305
  [disabled]="view.disabled || view.busy"
1278
1306
  (click)="activate(view, $event)"
@@ -1283,7 +1311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1283
1311
  />
1284
1312
  </button>
1285
1313
  } @else {
1286
- <span data-part="title"
1314
+ <span data-part="title" data-part-title=""
1287
1315
  ><ng-container
1288
1316
  [ngTemplateOutlet]="value"
1289
1317
  [ngTemplateOutletContext]="{ $implicit: view.title }"
@@ -1301,7 +1329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1301
1329
  </div>
1302
1330
  @if (view.trailing) {
1303
1331
  <div slListItemEnd>
1304
- <span data-part="trailing"
1332
+ <span data-part="trailing" data-part-trailing=""
1305
1333
  ><ng-container
1306
1334
  [ngTemplateOutlet]="value"
1307
1335
  [ngTemplateOutletContext]="{ $implicit: view.trailing }"
@@ -1309,11 +1337,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1309
1337
  </div>
1310
1338
  }
1311
1339
  @if (view.fields.length > 0) {
1312
- <dl data-part="fields" [id]="view.fieldsId">
1340
+ <dl data-part="fields" data-part-fields="" [id]="view.fieldsId">
1313
1341
  @for (field of view.fields; track field.column.id) {
1314
- <div data-part="field">
1315
- <dt data-part="field-label">{{ field.column.label }}</dt>
1316
- <dd data-part="field-value" [attr.data-numeric]="field.numeric ? '' : null">
1342
+ <div data-part="field" data-part-field="">
1343
+ <dt data-part="field-label" data-part-field-label="">{{ field.column.label }}</dt>
1344
+ <dd
1345
+ data-part="field-value"
1346
+ data-part-field-value=""
1347
+ [attr.data-numeric]="field.numeric ? '' : null"
1348
+ >
1317
1349
  <ng-container
1318
1350
  [ngTemplateOutlet]="value"
1319
1351
  [ngTemplateOutletContext]="{ $implicit: field }"
@@ -1326,6 +1358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1326
1358
  @if (view.hidden > 0) {
1327
1359
  <button
1328
1360
  data-part="more"
1361
+ data-part-more=""
1329
1362
  type="button"
1330
1363
  [attr.aria-controls]="view.fieldsId"
1331
1364
  [attr.aria-expanded]="view.expanded"
@@ -1357,7 +1390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1357
1390
  [ngTemplateOutletContext]="field.context"
1358
1391
  />
1359
1392
  } @else if (field.context.text === '' && field.context.place !== 'actions') {
1360
- <span data-part="field-empty"
1393
+ <span data-part="field-empty" data-part-field-empty=""
1361
1394
  ><span aria-hidden="true">—</span><span slVisuallyHidden>{{ t('empty') }}</span></span
1362
1395
  >
1363
1396
  } @else {
@@ -1367,7 +1400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1367
1400
  </ng-template>
1368
1401
 
1369
1402
  <ng-template #emptyState let-status>
1370
- <div data-part="empty">
1403
+ <div data-part="empty" data-part-empty="">
1371
1404
  @if (emptyTemplate(); as custom) {
1372
1405
  <ng-container
1373
1406
  [ngTemplateOutlet]="custom.template"
@@ -1407,7 +1440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1407
1440
  }
1408
1441
  </div>
1409
1442
  </ng-template>
1410
- `, styles: ["@layer slotted.components{[data-ui=data-list][data-part=root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui=data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=data-list]>[data-part=header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui=data-list][data-variant=plain]>[data-part=header]{box-shadow:none}[data-ui=data-list][data-variant=framed]>[data-part=header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui=data-list] [data-part=select-all]{display:inline-flex;flex:none}[data-ui=data-list] [data-part=count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui=data-list] [data-part=sort] [data-part=end]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=sort][data-direction=ascending] [data-part=end]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-ui=list-item]{position:relative}[data-ui=data-list] [data-ui=list-item] :is([data-part=selection],[data-part=more],[data-part=field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui=data-list] [data-ui=list-item]>[data-part=actions]{position:relative;z-index:1}[data-ui=data-list] [data-part=selection],[data-ui=data-list] [data-part=media]{align-items:center;display:inline-flex;flex:none}[data-ui=data-list] [data-part=selection]+[data-part=media]{margin-inline-start:var(--_gap)}[data-ui=data-list] :is(a,button)[data-part=title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui=data-list] :is(a,button)[data-part=title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible{outline:none}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part=title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:is([data-disabled],[data-loading]) [data-part=title]{cursor:default}[data-ui=data-list] [data-part=trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:1 / -1}}[data-ui=data-list] [data-part=fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=data-list] [data-part=field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui=data-list] [data-part=field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui=data-list] [data-part=field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-list] [data-part=field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui=data-list] [data-part=field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui=data-list] [data-part=more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui=data-list] [data-part=more]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=more][aria-expanded=true]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-part=more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [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=data-list] [data-ui=list-item][data-disabled] [data-part=more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-list][aria-busy=true]>[data-ui=list]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-list]>[data-part=empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=loader]{display:block}[data-ui=data-list]>[data-part=loader] [data-part=field-value] [data-ui=skeleton]{vertical-align:middle}[data-ui=data-list]>[data-part=footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=footer]:empty{display:none}[data-ui=data-list] [data-part=load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui=list][data-part=root],[data-ui=list] [data-part=section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui=list][data-part=root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui=list][data-part=root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui=list][data-part=root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui=list][data-part=root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui=list][data-part=root][data-variant=separated]{row-gap:var(--_gap)}[data-ui=list] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=list][data-variant=separated] [data-part=section],[data-ui=list][data-variant=separated] [data-part=section-list]{row-gap:var(--_gap)}[data-ui=list] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui=list][data-inset] [data-part=section-label],[data-ui=list][data-inset] [data-part=empty]{padding-inline:0}[data-ui=list] [data-part=section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=list] [data-part=empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui=list][data-part=root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);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)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]: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=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]: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=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\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"] }]
1443
+ `, styles: ["@layer slotted.components{[data-ui-data-list][data-part-root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui-data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-data-list]>[data-part-header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui-data-list][data-variant=plain]>[data-part-header]{box-shadow:none}[data-ui-data-list][data-variant=framed]>[data-part-header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui-data-list] [data-part-select-all]{display:inline-flex;flex:none}[data-ui-data-list] [data-part-count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui-data-list] [data-part-sort] [data-part-end]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-sort][data-direction=ascending] [data-part-end]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-ui-list-item]{position:relative}[data-ui-data-list] [data-ui-list-item] :is([data-part-selection],[data-part-more],[data-part-field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui-data-list] [data-ui-list-item]>[data-part-actions]{position:relative;z-index:1}[data-ui-data-list] [data-part-selection],[data-ui-data-list] [data-part-media]{align-items:center;display:inline-flex;flex:none}[data-ui-data-list] [data-part-selection]+[data-part-media]{margin-inline-start:var(--_gap)}[data-ui-data-list] :is(a,button)[data-part-title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui-data-list] :is(a,button)[data-part-title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible{outline:none}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part-title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:is([data-disabled],[data-loading]) [data-part-title]{cursor:default}[data-ui-data-list] [data-part-trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:1 / -1}}[data-ui-data-list] [data-part-fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-data-list] [data-part-field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui-data-list] [data-part-field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui-data-list] [data-part-field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-list] [data-part-field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui-data-list] [data-part-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui-data-list] [data-part-more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui-data-list] [data-part-more]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-more][aria-expanded=true]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-part-more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [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-data-list] [data-ui-list-item][data-disabled] [data-part-more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-data-list]>[data-ui-list]{position:relative}[data-ui-data-list][aria-busy=true]>[data-ui-list]{opacity:.55;transition:opacity var(--_transition)}[data-ui-data-list][aria-busy=true]>[data-ui-list]:after{content:\"\";inset:0;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 4)}[data-ui-data-list]>[data-part-empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-loader]{display:block}[data-ui-data-list]>[data-part-loader] [data-part-field-value] [data-ui-skeleton]{vertical-align:middle}[data-ui-data-list]>[data-part-footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-footer]:empty{display:none}[data-ui-data-list] [data-part-load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui-list][data-part-root],[data-ui-list] [data-part-section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui-list][data-part-root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui-list][data-part-root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui-list][data-part-root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui-list][data-part-root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui-list][data-part-root][data-variant=separated]{row-gap:var(--_gap)}[data-ui-list] [data-part-section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-list][data-variant=separated] [data-part-section],[data-ui-list][data-variant=separated] [data-part-section-list]{row-gap:var(--_gap)}[data-ui-list] [data-part-section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui-list][data-inset] [data-part-section-label],[data-ui-list][data-inset] [data-part-empty]{padding-inline:0}[data-ui-list] [data-part-section-label]:has(>[data-part-section-end]){align-items:baseline;display:flex;gap:var(--slotted-space-4, .5rem);justify-content:space-between}[data-ui-list] [data-part-section-end]{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-list] [data-part-section-label][data-variant=ruled]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-list-section-rule-color, var(--slotted-border-subtle, GrayText));color:var(--slotted-list-section-ruled-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-list] [data-part-section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-list] [data-part-empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui-list][data-part-root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui-list-item][data-part-root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui-list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=info]{--_text: var(--slotted-tone-info-text, CanvasText);--_subtle-hover: var(--slotted-tone-info-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-info-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-info-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-info-solid-active, ButtonFace);--_surface: var(--slotted-tone-info-surface, Canvas);--_selected-edge: var(--slotted-tone-info-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-info-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui-list-item][data-marker=bullet]>[data-part-marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui-list-item][data-marker=bullet]>[data-part-marker]>[data-ui-icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui-list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui-list-item]:is([data-marker=bullet],[data-marker=number])>[data-part-content]{padding-inline-start:0}[data-ui-list-item][data-inset][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui-list-item]>[data-part-content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui-list-item]:not([data-disabled])>:is(a,button)[data-part-content]:not(:disabled){cursor:pointer}[data-ui-list-item][data-inset]>[data-part-content]{padding-inline:0}[data-ui-list-item][data-align=start]>[data-part-content]{align-items:start}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui-list-item]>[data-part-content]>[data-part-start]:has(>[data-ui-checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item][data-align=start]>[data-part-content]>[data-part-start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-content]>[data-part-body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item][data-truncate]>[data-part-content]>[data-part-body]>:is([data-part-label],[data-part-description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-list-item]>[data-part-content]>[data-part-end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui-list-item]>[data-part-actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline-end:0}[data-ui-list-item][data-align=start]>[data-part-actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui-list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui-list-item][data-variant=separated]{overflow:clip}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):active){--_fill: var(--_active)}[data-ui-list-item]>[data-part-content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui-list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui-list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui-list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui-list-item]:is([data-selected],[data-current])+[data-ui-list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui-list-item][data-selected]+[data-ui-list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui-list-item][data-selected]>[data-part-content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-current]>[data-part-content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-loading]{--_text: var(--_muted)}[data-ui-list-item][data-loading]>[data-part-content]{cursor:progress}[data-ui-list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui-list-item][data-disabled]>[data-part-content]{cursor:default}[data-ui-list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui-list-item]>[data-part-content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui-list-item]>[data-part-content]>[data-part-end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline:0}[data-ui-list-item]>[data-part-actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui-list-item][data-selected]{background-color:Highlight}[data-ui-list-item][data-selected]>[data-part-content]{color:HighlightText}[data-ui-list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);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)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]: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-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]: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-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\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"] }]
1411
1444
  }], ctorParameters: () => [], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: true }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], columnState: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnState", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], trailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailing", required: false }] }], fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledBy", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], totalCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalCount", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], disabledKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledKeys", required: false }] }], loadingKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingKeys", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], activatable: [{ type: i0.Input, args: [{ isSignal: true, alias: "activatable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], hasMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMore", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], loadingMinDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingMinDuration", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], queryChangeRequest: [{ type: i0.Output, args: ["queryChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }], activate$: [{ type: i0.Output, args: ["activate"] }], loadMore: [{ type: i0.Output, args: ["loadMore"] }], retry: [{ type: i0.Output, args: ["retry"] }], cellTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListCellTemplate), { isSignal: true }] }], mediaTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListMediaTemplate), { isSignal: true }] }], emptyTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListEmptyTemplate), { isSignal: true }] }], footers: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListFooter), { isSignal: true }] }] } });
1412
1445
 
1413
1446
  /**