@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
@@ -84,19 +84,21 @@ class SlButtonGroup {
84
84
  flow = computed(() => this.orientation() ?? 'horizontal', /* @ts-ignore */
85
85
  ...(ngDevMode ? [{ debugName: "flow" }] : /* istanbul ignore next */ []));
86
86
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
87
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlButtonGroup, isStandalone: true, selector: "[slButtonGroup]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "button-group", "data-part": "root" }, properties: { "attr.role": "role", "attr.data-orientation": "orientation() ?? null", "attr.data-align": "align() ?? null", "attr.data-justify": "justify() ?? null", "attr.data-full-width": "fullWidth() ? \"\" : null" } }, providers: [provideGroupPaint()], exportAs: ["slButtonGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
87
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlButtonGroup, isStandalone: true, selector: "[slButtonGroup]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "button-group", "data-ui-button-group": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.role": "role", "attr.data-orientation": "orientation() ?? null", "attr.data-align": "align() ?? null", "attr.data-justify": "justify() ?? null", "attr.data-full-width": "fullWidth() ? \"\" : null" } }, providers: [provideGroupPaint()], exportAs: ["slButtonGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui-button-group]:empty{display:none}[data-ui-button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui-button-group][data-align=start]{align-items:start}[data-ui-button-group][data-align=center]{align-items:center}[data-ui-button-group][data-align=end]{align-items:end}[data-ui-button-group][data-align=stretch]{align-items:stretch}[data-ui-button-group][data-justify]{display:flex;inline-size:100%}[data-ui-button-group][data-justify=start]{justify-content:start}[data-ui-button-group][data-justify=center]{justify-content:center}[data-ui-button-group][data-justify=end]{justify-content:end}[data-ui-button-group][data-justify=between]{justify-content:space-between}[data-ui-button-group][data-full-width]{display:flex;inline-size:100%}[data-ui-button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part-separator]){flex:1 1 0;min-inline-size:0}[data-ui-button-group]>:not([data-part-separator]):not([data-shape]){min-inline-size:0}[data-ui-button-group]>[data-shape]{flex:none}[data-ui-button-group]>:not([data-ui-button-group]){border-radius:0}[data-ui-button-group]>:not(:first-child):not([data-part-separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui-button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group]>:only-child{border-radius:var(--_radius)}[data-ui-button-group] [data-ui-button-group]>:not([data-part-separator]){border-radius:0}[data-ui-button-group]>[data-ui-button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>[data-ui-button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost]:disabled{border-color:transparent}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-inline-end-color:transparent}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-block-end-color:transparent}[data-ui-button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui-button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui-button-group]>[data-tone=neutral]{--_seam: var(--slotted-tone-neutral-solid-active)}[data-ui-button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui-button-group]>[data-tone=info]{--_seam: var(--slotted-tone-info-solid-active)}[data-ui-button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui-button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group]>*:focus-visible,[data-ui-button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui-button-group][data-part-root]>[data-ui-button][data-pressed]{border-color:Highlight}}[data-ui-button-group]>[data-part-separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
88
88
  }
89
89
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroup, decorators: [{
90
90
  type: Component,
91
91
  args: [{ selector: '[slButtonGroup]', standalone: true, exportAs: 'slButtonGroup', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [provideGroupPaint()], host: {
92
92
  'data-ui': 'button-group',
93
+ 'data-ui-button-group': '',
93
94
  'data-part': 'root',
95
+ 'data-part-root': '',
94
96
  '[attr.role]': 'role',
95
97
  '[attr.data-orientation]': 'orientation() ?? null',
96
98
  '[attr.data-align]': 'align() ?? null',
97
99
  '[attr.data-justify]': 'justify() ?? null',
98
100
  '[attr.data-full-width]': 'fullWidth() ? "" : null',
99
- }, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"] }]
101
+ }, styles: ["@layer slotted.components{[data-ui-button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui-button-group]:empty{display:none}[data-ui-button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui-button-group][data-align=start]{align-items:start}[data-ui-button-group][data-align=center]{align-items:center}[data-ui-button-group][data-align=end]{align-items:end}[data-ui-button-group][data-align=stretch]{align-items:stretch}[data-ui-button-group][data-justify]{display:flex;inline-size:100%}[data-ui-button-group][data-justify=start]{justify-content:start}[data-ui-button-group][data-justify=center]{justify-content:center}[data-ui-button-group][data-justify=end]{justify-content:end}[data-ui-button-group][data-justify=between]{justify-content:space-between}[data-ui-button-group][data-full-width]{display:flex;inline-size:100%}[data-ui-button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part-separator]){flex:1 1 0;min-inline-size:0}[data-ui-button-group]>:not([data-part-separator]):not([data-shape]){min-inline-size:0}[data-ui-button-group]>[data-shape]{flex:none}[data-ui-button-group]>:not([data-ui-button-group]){border-radius:0}[data-ui-button-group]>:not(:first-child):not([data-part-separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui-button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group]>:only-child{border-radius:var(--_radius)}[data-ui-button-group] [data-ui-button-group]>:not([data-part-separator]){border-radius:0}[data-ui-button-group]>[data-ui-button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>[data-ui-button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost]:disabled{border-color:transparent}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-inline-end-color:transparent}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-block-end-color:transparent}[data-ui-button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui-button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui-button-group]>[data-tone=neutral]{--_seam: var(--slotted-tone-neutral-solid-active)}[data-ui-button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui-button-group]>[data-tone=info]{--_seam: var(--slotted-tone-info-solid-active)}[data-ui-button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui-button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group]>*:focus-visible,[data-ui-button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui-button-group][data-part-root]>[data-ui-button][data-pressed]{border-color:Highlight}}[data-ui-button-group]>[data-part-separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"] }]
100
102
  }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
101
103
 
102
104
  /**
@@ -126,16 +128,17 @@ class SlButtonGroupSeparator {
126
128
  }, /* @ts-ignore */
127
129
  ...(ngDevMode ? [{ debugName: "axis" }] : /* istanbul ignore next */ []));
128
130
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
129
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlButtonGroupSeparator, isStandalone: true, selector: "[slButtonGroupSeparator]", inputs: { decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "separator" }, properties: { "attr.role": "decorative() ? \"none\" : \"separator\"", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.aria-orientation": "axis()" } }, exportAs: ["slButtonGroupSeparator"], ngImport: i0, template: '', isInline: true, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
131
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlButtonGroupSeparator, isStandalone: true, selector: "[slButtonGroupSeparator]", inputs: { decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "separator", "data-part-separator": "" }, properties: { "attr.role": "decorative() ? \"none\" : \"separator\"", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.aria-orientation": "axis()" } }, exportAs: ["slButtonGroupSeparator"], ngImport: i0, template: '', isInline: true, styles: ["@layer slotted.components{[data-ui-button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui-button-group]:empty{display:none}[data-ui-button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui-button-group][data-align=start]{align-items:start}[data-ui-button-group][data-align=center]{align-items:center}[data-ui-button-group][data-align=end]{align-items:end}[data-ui-button-group][data-align=stretch]{align-items:stretch}[data-ui-button-group][data-justify]{display:flex;inline-size:100%}[data-ui-button-group][data-justify=start]{justify-content:start}[data-ui-button-group][data-justify=center]{justify-content:center}[data-ui-button-group][data-justify=end]{justify-content:end}[data-ui-button-group][data-justify=between]{justify-content:space-between}[data-ui-button-group][data-full-width]{display:flex;inline-size:100%}[data-ui-button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part-separator]){flex:1 1 0;min-inline-size:0}[data-ui-button-group]>:not([data-part-separator]):not([data-shape]){min-inline-size:0}[data-ui-button-group]>[data-shape]{flex:none}[data-ui-button-group]>:not([data-ui-button-group]){border-radius:0}[data-ui-button-group]>:not(:first-child):not([data-part-separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui-button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group]>:only-child{border-radius:var(--_radius)}[data-ui-button-group] [data-ui-button-group]>:not([data-part-separator]){border-radius:0}[data-ui-button-group]>[data-ui-button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>[data-ui-button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost]:disabled{border-color:transparent}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-inline-end-color:transparent}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-block-end-color:transparent}[data-ui-button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui-button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui-button-group]>[data-tone=neutral]{--_seam: var(--slotted-tone-neutral-solid-active)}[data-ui-button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui-button-group]>[data-tone=info]{--_seam: var(--slotted-tone-info-solid-active)}[data-ui-button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui-button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group]>*:focus-visible,[data-ui-button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui-button-group][data-part-root]>[data-ui-button][data-pressed]{border-color:Highlight}}[data-ui-button-group]>[data-part-separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
130
132
  }
131
133
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroupSeparator, decorators: [{
132
134
  type: Component,
133
135
  args: [{ selector: '[slButtonGroupSeparator]', standalone: true, exportAs: 'slButtonGroupSeparator', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
134
136
  'data-part': 'separator',
137
+ 'data-part-separator': '',
135
138
  '[attr.role]': 'decorative() ? "none" : "separator"',
136
139
  '[attr.aria-hidden]': 'decorative() ? "true" : null',
137
140
  '[attr.aria-orientation]': 'axis()',
138
- }, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"] }]
141
+ }, styles: ["@layer slotted.components{[data-ui-button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui-button-group]:empty{display:none}[data-ui-button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui-button-group][data-align=start]{align-items:start}[data-ui-button-group][data-align=center]{align-items:center}[data-ui-button-group][data-align=end]{align-items:end}[data-ui-button-group][data-align=stretch]{align-items:stretch}[data-ui-button-group][data-justify]{display:flex;inline-size:100%}[data-ui-button-group][data-justify=start]{justify-content:start}[data-ui-button-group][data-justify=center]{justify-content:center}[data-ui-button-group][data-justify=end]{justify-content:end}[data-ui-button-group][data-justify=between]{justify-content:space-between}[data-ui-button-group][data-full-width]{display:flex;inline-size:100%}[data-ui-button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part-separator]){flex:1 1 0;min-inline-size:0}[data-ui-button-group]>:not([data-part-separator]):not([data-shape]){min-inline-size:0}[data-ui-button-group]>[data-shape]{flex:none}[data-ui-button-group]>:not([data-ui-button-group]){border-radius:0}[data-ui-button-group]>:not(:first-child):not([data-part-separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui-button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group]>:only-child{border-radius:var(--_radius)}[data-ui-button-group] [data-ui-button-group]>:not([data-part-separator]){border-radius:0}[data-ui-button-group]>[data-ui-button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui-button-group]>[data-ui-button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-pressed],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost][data-disabled],[data-ui-button-group][data-part-root]>[data-ui-button][data-variant=ghost]:disabled{border-color:transparent}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-inline-end-color:transparent}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button]:not(:last-child),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button-group]:not(:last-child)>[data-ui-button]:last-child{border-block-end-color:transparent}[data-ui-button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui-button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui-button-group]>[data-tone=neutral]{--_seam: var(--slotted-tone-neutral-solid-active)}[data-ui-button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui-button-group]>[data-tone=info]{--_seam: var(--slotted-tone-info-solid-active)}[data-ui-button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui-button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-ui-button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-ui-button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui-button-group]>*:focus-visible,[data-ui-button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui-button-group][data-part-root]>[data-ui-button][data-pressed]{border-color:Highlight}}[data-ui-button-group]>[data-part-separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root]:not([data-orientation=vertical])>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button]:not([data-variant=solid]),[data-ui-button-group][data-part-root][data-orientation=vertical]>[data-part-separator]+[data-ui-button-group]>[data-ui-button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"] }]
139
142
  }], propDecorators: { decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }] } });
140
143
 
141
144
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"slotted-angular-button-group.mjs","sources":["../../button-group/src/button-group.ts","../../button-group/src/button-group-separator.ts","../../button-group/src/slotted-angular-button-group.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n HostAttributeToken,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { BUTTON_DEFAULTS_TOKEN } from '@slotted/angular/button';\nimport type {\n ButtonDefaults,\n ButtonSize,\n ButtonTone,\n ButtonVariant,\n} from '@slotted/angular/button';\n\nimport type {\n ButtonGroupAlign,\n ButtonGroupJustify,\n ButtonGroupOrientation,\n} from './button-group.types';\n\n/**\n * The three axes the group hands down to the buttons inside it, through the\n * button family's own defaults token rather than through a second channel of\n * this family's invention. That is what keeps an explicit input on a button\n * winning over the group, because it is the rule `button` already implements.\n *\n * The value is read through getters so that a button's `computed` tracks the\n * group's signals: a plain snapshot would fix the paint at the moment the\n * first button was created and never move again.\n */\nfunction provideGroupPaint() {\n return {\n provide: BUTTON_DEFAULTS_TOKEN,\n useFactory: (): ButtonDefaults => {\n const group = inject(SlButtonGroup);\n const inherited = inject(BUTTON_DEFAULTS_TOKEN, { skipSelf: true });\n\n return {\n get size() {\n return group.size() ?? inherited.size;\n },\n get tone() {\n return group.tone() ?? inherited.tone;\n },\n get variant() {\n return group.variant() ?? inherited.variant;\n },\n };\n },\n };\n}\n\n/**\n * A set of related actions joined into one shape. The group arranges what the\n * consumer wrote and changes the semantics of nothing inside it: every button\n * keeps its own role, its own state and its own place in the tab sequence.\n *\n * One shape and no other: the buttons share their edges, one border is painted\n * in each shared column, and only the two ends of the bar are rounded. There\n * is no input that spaces the buttons apart and none that unjoins them — a\n * spaced row of buttons is `slInline` or `slStack` holding buttons.\n *\n * It is `role=\"group\"` and not `role=\"toolbar\"`, and the difference is a\n * keyboard model rather than a name. A toolbar is one tab stop with arrow-key\n * navigation between its controls, which is the `toolbar` family. A consumer\n * who wrote `role` on the element keeps it, read before the host binding is\n * written, so the role and the model are never confused by accident.\n *\n * There is no `label` input. The element already accepts `aria-label` and\n * `aria-labelledby`, and a second way to name one thing is a second thing to\n * get wrong.\n */\n@Component({\n selector: '[slButtonGroup]',\n standalone: true,\n exportAs: 'slButtonGroup',\n template: '<ng-content></ng-content>',\n styleUrl: '../../../styles/src/button-group/button-group.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [provideGroupPaint()],\n host: {\n 'data-ui': 'button-group',\n 'data-part': 'root',\n '[attr.role]': 'role',\n '[attr.data-orientation]': 'orientation() ?? null',\n '[attr.data-align]': 'align() ?? null',\n '[attr.data-justify]': 'justify() ?? null',\n '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n },\n})\nexport class SlButtonGroup {\n /** Positions the buttons across the flow. */\n readonly align = input<ButtonGroupAlign>();\n /** Positions the buttons along the flow, which makes the group hold the line. */\n readonly justify = input<ButtonGroupJustify>();\n readonly orientation = input<ButtonGroupOrientation>();\n /** The group holds the line and its buttons share it in equal segments. */\n readonly fullWidth = input(false, { transform: booleanAttribute });\n\n readonly size = input<ButtonSize | undefined>(undefined);\n readonly tone = input<ButtonTone | undefined>(undefined);\n readonly variant = input<ButtonVariant | undefined>(undefined);\n\n /**\n * A static attribute the consumer wrote survives the host binding, which is\n * how `role=\"toolbar\"` stays possible on an element this family would\n * otherwise call a group.\n *\n * `role=\"\"` is the way out: ARIA reads an empty role as \"use the element's\n * implicit one\", so a `nav` or a `section` carrying this directive keeps the\n * semantics it was chosen for instead of being flattened to a group.\n */\n private readonly writtenRole = inject(new HostAttributeToken('role'), { optional: true });\n protected readonly role = this.writtenRole === '' ? null : (this.writtenRole ?? 'group');\n\n /** What the rule between two runs turns with. */\n readonly flow = computed(() => this.orientation() ?? 'horizontal');\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlButtonGroup } from './button-group';\n\n/**\n * A rule between two runs of actions. It takes no room at all: the bar is one\n * shape, and a rule is not licence to cut it — what the rule marks is painted\n * in the column the shared edge already occupies, one step stronger than the\n * seams around it, so the boundary reads without the bar coming apart. A\n * filled run keeps its seam, which is the darkest step of its own tone and the\n * strongest line that bar has.\n *\n * Its axis is the group's, mirrored: a rule across a row is vertical. It is\n * derived rather than accepted, because a rule that could disagree with the\n * group it divides is a rule that eventually does.\n */\n@Component({\n selector: '[slButtonGroupSeparator]',\n standalone: true,\n exportAs: 'slButtonGroupSeparator',\n template: '',\n styleUrl: '../../../styles/src/button-group/button-group.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-part': 'separator',\n '[attr.role]': 'decorative() ? \"none\" : \"separator\"',\n '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n '[attr.aria-orientation]': 'axis()',\n },\n})\nexport class SlButtonGroupSeparator {\n private readonly group = inject(SlButtonGroup, { optional: true });\n\n /**\n * Drops the rule out of the accessibility tree. Use it when the boundary is\n * cosmetic; a boundary that carries meaning is better said by a nested group\n * with a name of its own.\n */\n readonly decorative = input(false, { transform: booleanAttribute });\n\n protected readonly axis = computed(() => {\n if (this.decorative()) return null;\n return (this.group?.flow() ?? 'horizontal') === 'vertical' ? 'horizontal' : 'vertical';\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"slotted-angular-button-group.mjs","sources":["../../button-group/src/button-group.ts","../../button-group/src/button-group-separator.ts","../../button-group/src/slotted-angular-button-group.ts"],"sourcesContent":["import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n HostAttributeToken,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { BUTTON_DEFAULTS_TOKEN } from '@slotted/angular/button';\nimport type {\n ButtonDefaults,\n ButtonSize,\n ButtonTone,\n ButtonVariant,\n} from '@slotted/angular/button';\n\nimport type {\n ButtonGroupAlign,\n ButtonGroupJustify,\n ButtonGroupOrientation,\n} from './button-group.types';\n\n/**\n * The three axes the group hands down to the buttons inside it, through the\n * button family's own defaults token rather than through a second channel of\n * this family's invention. That is what keeps an explicit input on a button\n * winning over the group, because it is the rule `button` already implements.\n *\n * The value is read through getters so that a button's `computed` tracks the\n * group's signals: a plain snapshot would fix the paint at the moment the\n * first button was created and never move again.\n */\nfunction provideGroupPaint() {\n return {\n provide: BUTTON_DEFAULTS_TOKEN,\n useFactory: (): ButtonDefaults => {\n const group = inject(SlButtonGroup);\n const inherited = inject(BUTTON_DEFAULTS_TOKEN, { skipSelf: true });\n\n return {\n get size() {\n return group.size() ?? inherited.size;\n },\n get tone() {\n return group.tone() ?? inherited.tone;\n },\n get variant() {\n return group.variant() ?? inherited.variant;\n },\n };\n },\n };\n}\n\n/**\n * A set of related actions joined into one shape. The group arranges what the\n * consumer wrote and changes the semantics of nothing inside it: every button\n * keeps its own role, its own state and its own place in the tab sequence.\n *\n * One shape and no other: the buttons share their edges, one border is painted\n * in each shared column, and only the two ends of the bar are rounded. There\n * is no input that spaces the buttons apart and none that unjoins them — a\n * spaced row of buttons is `slInline` or `slStack` holding buttons.\n *\n * It is `role=\"group\"` and not `role=\"toolbar\"`, and the difference is a\n * keyboard model rather than a name. A toolbar is one tab stop with arrow-key\n * navigation between its controls, which is the `toolbar` family. A consumer\n * who wrote `role` on the element keeps it, read before the host binding is\n * written, so the role and the model are never confused by accident.\n *\n * There is no `label` input. The element already accepts `aria-label` and\n * `aria-labelledby`, and a second way to name one thing is a second thing to\n * get wrong.\n */\n@Component({\n selector: '[slButtonGroup]',\n standalone: true,\n exportAs: 'slButtonGroup',\n template: '<ng-content></ng-content>',\n styleUrl: '../../../styles/src/button-group/button-group.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [provideGroupPaint()],\n host: {\n 'data-ui': 'button-group',\n 'data-ui-button-group': '',\n 'data-part': 'root',\n 'data-part-root': '',\n '[attr.role]': 'role',\n '[attr.data-orientation]': 'orientation() ?? null',\n '[attr.data-align]': 'align() ?? null',\n '[attr.data-justify]': 'justify() ?? null',\n '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n },\n})\nexport class SlButtonGroup {\n /** Positions the buttons across the flow. */\n readonly align = input<ButtonGroupAlign>();\n /** Positions the buttons along the flow, which makes the group hold the line. */\n readonly justify = input<ButtonGroupJustify>();\n readonly orientation = input<ButtonGroupOrientation>();\n /** The group holds the line and its buttons share it in equal segments. */\n readonly fullWidth = input(false, { transform: booleanAttribute });\n\n readonly size = input<ButtonSize | undefined>(undefined);\n readonly tone = input<ButtonTone | undefined>(undefined);\n readonly variant = input<ButtonVariant | undefined>(undefined);\n\n /**\n * A static attribute the consumer wrote survives the host binding, which is\n * how `role=\"toolbar\"` stays possible on an element this family would\n * otherwise call a group.\n *\n * `role=\"\"` is the way out: ARIA reads an empty role as \"use the element's\n * implicit one\", so a `nav` or a `section` carrying this directive keeps the\n * semantics it was chosen for instead of being flattened to a group.\n */\n private readonly writtenRole = inject(new HostAttributeToken('role'), { optional: true });\n protected readonly role = this.writtenRole === '' ? null : (this.writtenRole ?? 'group');\n\n /** What the rule between two runs turns with. */\n readonly flow = computed(() => this.orientation() ?? 'horizontal');\n}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlButtonGroup } from './button-group';\n\n/**\n * A rule between two runs of actions. It takes no room at all: the bar is one\n * shape, and a rule is not licence to cut it — what the rule marks is painted\n * in the column the shared edge already occupies, one step stronger than the\n * seams around it, so the boundary reads without the bar coming apart. A\n * filled run keeps its seam, which is the darkest step of its own tone and the\n * strongest line that bar has.\n *\n * Its axis is the group's, mirrored: a rule across a row is vertical. It is\n * derived rather than accepted, because a rule that could disagree with the\n * group it divides is a rule that eventually does.\n */\n@Component({\n selector: '[slButtonGroupSeparator]',\n standalone: true,\n exportAs: 'slButtonGroupSeparator',\n template: '',\n styleUrl: '../../../styles/src/button-group/button-group.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n 'data-part': 'separator',\n 'data-part-separator': '',\n '[attr.role]': 'decorative() ? \"none\" : \"separator\"',\n '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n '[attr.aria-orientation]': 'axis()',\n },\n})\nexport class SlButtonGroupSeparator {\n private readonly group = inject(SlButtonGroup, { optional: true });\n\n /**\n * Drops the rule out of the accessibility tree. Use it when the boundary is\n * cosmetic; a boundary that carries meaning is better said by a nested group\n * with a name of its own.\n */\n readonly decorative = input(false, { transform: booleanAttribute });\n\n protected readonly axis = computed(() => {\n if (this.decorative()) return null;\n return (this.group?.flow() ?? 'horizontal') === 'vertical' ? 'horizontal' : 'vertical';\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}