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

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 (598) hide show
  1. package/README.md +4 -0
  2. package/docs/AGENTS.snippet.md +12 -0
  3. package/docs/action-bar.json +4 -4
  4. package/docs/action-bar.md +3 -3
  5. package/docs/alert.json +7 -1
  6. package/docs/alert.md +3 -3
  7. package/docs/app-shell.examples.md +1 -1
  8. package/docs/app-shell.json +5 -5
  9. package/docs/app-shell.md +2 -2
  10. package/docs/avatar.json +22 -1
  11. package/docs/avatar.md +5 -3
  12. package/docs/badge.json +7 -1
  13. package/docs/badge.md +3 -3
  14. package/docs/button-group.json +2 -0
  15. package/docs/button-group.md +1 -1
  16. package/docs/button.json +51 -11
  17. package/docs/button.md +10 -6
  18. package/docs/calendar.json +8 -1
  19. package/docs/calendar.md +3 -2
  20. package/docs/cascader.json +1 -0
  21. package/docs/cascader.md +1 -1
  22. package/docs/chart.examples.md +1 -1
  23. package/docs/chart.json +10 -1
  24. package/docs/chart.md +3 -2
  25. package/docs/checkbox.json +7 -0
  26. package/docs/checkbox.md +1 -0
  27. package/docs/code-block.json +92 -92
  28. package/docs/code-block.md +69 -69
  29. package/docs/combobox.json +1 -0
  30. package/docs/combobox.md +1 -1
  31. package/docs/command-palette.json +1 -0
  32. package/docs/command-palette.md +1 -1
  33. package/docs/currency-field.json +40 -1
  34. package/docs/currency-field.md +5 -1
  35. package/docs/data-grid.examples.md +2 -2
  36. package/docs/data-grid.json +45 -7
  37. package/docs/data-grid.md +3 -1
  38. package/docs/data-grid.props.md +7 -4
  39. package/docs/data-list.json +2 -1
  40. package/docs/data-list.md +1 -1
  41. package/docs/date-field.json +9 -1
  42. package/docs/date-field.md +3 -2
  43. package/docs/date-picker.examples.md +36 -0
  44. package/docs/date-picker.json +20 -5
  45. package/docs/date-picker.md +5 -4
  46. package/docs/datetime-field.json +1 -0
  47. package/docs/datetime-field.md +1 -1
  48. package/docs/detail-panel.json +4 -2
  49. package/docs/detail-panel.md +8 -3
  50. package/docs/dialog.examples.md +158 -136
  51. package/docs/dialog.json +36 -11
  52. package/docs/dialog.md +4 -2
  53. package/docs/dialog.props.md +1 -1
  54. package/docs/drawer.json +11 -4
  55. package/docs/drawer.md +4 -3
  56. package/docs/entity-picker.json +19 -4
  57. package/docs/entity-picker.md +8 -6
  58. package/docs/event-calendar.json +7 -0
  59. package/docs/event-calendar.md +3 -2
  60. package/docs/filter-bar.json +118 -118
  61. package/docs/filter-bar.md +79 -79
  62. package/docs/form.json +2 -1
  63. package/docs/form.md +1 -1
  64. package/docs/guidelines/README.md +27 -0
  65. package/docs/guidelines/async-feedback.md +129 -0
  66. package/docs/guidelines/browsing.md +74 -0
  67. package/docs/guidelines/builders.md +97 -0
  68. package/docs/guidelines/composition.md +143 -0
  69. package/docs/guidelines/conversations.md +59 -0
  70. package/docs/guidelines/errors-and-conflicts.md +71 -0
  71. package/docs/guidelines/forms.md +202 -0
  72. package/docs/guidelines/index.md +130 -0
  73. package/docs/guidelines/layout-alignment.md +105 -0
  74. package/docs/guidelines/ledgers.md +45 -0
  75. package/docs/guidelines/list-pages.md +206 -0
  76. package/docs/guidelines/overviews.md +76 -0
  77. package/docs/guidelines/own-elements.md +115 -0
  78. package/docs/guidelines/reading-permissions.md +55 -0
  79. package/docs/guidelines/record-pages.md +178 -0
  80. package/docs/guidelines/reports.md +123 -0
  81. package/docs/guidelines/shell-composition.md +94 -0
  82. package/docs/guidelines/workspaces.md +46 -0
  83. package/docs/icon.json +3 -1
  84. package/docs/icon.md +3 -3
  85. package/docs/index.md +12 -0
  86. package/docs/inline-message.json +14 -2
  87. package/docs/inline-message.md +4 -3
  88. package/docs/list-item.json +9 -1
  89. package/docs/list-item.md +3 -3
  90. package/docs/list.json +19 -1
  91. package/docs/list.md +3 -1
  92. package/docs/markdown.json +79 -79
  93. package/docs/markdown.md +65 -65
  94. package/docs/menu.json +12 -0
  95. package/docs/menu.md +2 -0
  96. package/docs/message.json +7 -1
  97. package/docs/message.md +3 -3
  98. package/docs/multi-select.json +1 -0
  99. package/docs/multi-select.md +1 -1
  100. package/docs/notification-center.json +4 -0
  101. package/docs/notification-center.md +2 -2
  102. package/docs/number-field.json +1 -0
  103. package/docs/number-field.md +1 -1
  104. package/docs/otp-input.json +1 -0
  105. package/docs/otp-input.md +1 -1
  106. package/docs/page-header.json +22 -5
  107. package/docs/page-header.md +6 -4
  108. package/docs/page.json +2 -0
  109. package/docs/page.md +2 -1
  110. package/docs/popover.json +1 -1
  111. package/docs/progress-indicator.json +4 -3
  112. package/docs/progress-indicator.md +4 -4
  113. package/docs/prompt-composer.json +41 -1
  114. package/docs/prompt-composer.md +5 -1
  115. package/docs/rating.json +5 -3
  116. package/docs/rating.md +6 -6
  117. package/docs/section.json +28 -16
  118. package/docs/section.md +12 -10
  119. package/docs/segmented-control.json +36 -12
  120. package/docs/segmented-control.md +17 -1
  121. package/docs/select.json +1 -0
  122. package/docs/select.md +1 -1
  123. package/docs/side-navigation.json +1 -0
  124. package/docs/side-navigation.md +1 -1
  125. package/docs/skills/build-own-element/SKILL.md +90 -0
  126. package/docs/skills/compose-screen/SKILL.md +103 -0
  127. package/docs/skills/index.md +9 -0
  128. package/docs/skills/review-screen/SKILL.md +79 -0
  129. package/docs/skills/theme-app/SKILL.md +98 -0
  130. package/docs/skills/waiting-states/SKILL.md +143 -0
  131. package/docs/sparkline.json +5 -2
  132. package/docs/sparkline.md +4 -4
  133. package/docs/split-button.json +4 -1
  134. package/docs/split-button.md +3 -3
  135. package/docs/stat-card.json +5 -1
  136. package/docs/stat-card.md +3 -3
  137. package/docs/table.examples.md +3 -3
  138. package/docs/table.json +85 -3
  139. package/docs/table.md +12 -1
  140. package/docs/tabs.json +17 -7
  141. package/docs/tabs.md +3 -2
  142. package/docs/tag.json +14 -4
  143. package/docs/tag.md +6 -6
  144. package/docs/tags-input.json +29 -2
  145. package/docs/tags-input.md +4 -1
  146. package/docs/text-field.json +2 -1
  147. package/docs/text-field.md +2 -2
  148. package/docs/textarea.json +1 -0
  149. package/docs/textarea.md +1 -1
  150. package/docs/time-field.json +1 -0
  151. package/docs/time-field.md +1 -1
  152. package/docs/timeline.json +138 -132
  153. package/docs/timeline.md +125 -125
  154. package/docs/toast.json +8 -1
  155. package/docs/toast.md +3 -3
  156. package/docs/toggle-group.json +14 -3
  157. package/docs/toggle-group.md +3 -3
  158. package/docs/toggle.json +12 -3
  159. package/docs/toggle.md +3 -3
  160. package/docs/tokens.md +467 -0
  161. package/docs/toolbar.json +1 -1
  162. package/docs/toolbar.md +1 -1
  163. package/docs/tour.json +1 -1
  164. package/docs/typography.json +4 -2
  165. package/docs/typography.md +5 -5
  166. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  167. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  168. package/fesm2022/slotted-angular-action-bar.mjs +27 -12
  169. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  170. package/fesm2022/slotted-angular-action-sheet.mjs +48 -29
  171. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  172. package/fesm2022/slotted-angular-alert.mjs +18 -11
  173. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  174. package/fesm2022/slotted-angular-app-shell.mjs +111 -61
  175. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  176. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  177. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  178. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  179. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  180. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  181. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  182. package/fesm2022/slotted-angular-avatar.mjs +14 -7
  183. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  184. package/fesm2022/slotted-angular-badge.mjs +14 -10
  185. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  186. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  187. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  188. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  189. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  190. package/fesm2022/slotted-angular-button.mjs +120 -29
  191. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  192. package/fesm2022/slotted-angular-calendar.mjs +235 -58
  193. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  194. package/fesm2022/slotted-angular-card.mjs +18 -16
  195. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  196. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  197. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  198. package/fesm2022/slotted-angular-cascader.mjs +180 -66
  199. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  200. package/fesm2022/slotted-angular-chart.mjs +53 -20
  201. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  202. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  203. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  204. package/fesm2022/slotted-angular-checkbox.mjs +23 -9
  205. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  206. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  207. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  208. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  209. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  210. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  211. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  212. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  213. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  214. package/fesm2022/slotted-angular-combobox.mjs +118 -39
  215. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  216. package/fesm2022/slotted-angular-command-palette.mjs +162 -54
  217. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  218. package/fesm2022/slotted-angular-container.mjs +6 -4
  219. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  220. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  221. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  222. package/fesm2022/slotted-angular-currency-field.mjs +149 -32
  223. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  224. package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
  225. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  226. package/fesm2022/slotted-angular-data-grid.mjs +480 -129
  227. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  228. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  229. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  230. package/fesm2022/slotted-angular-date-field.mjs +74 -25
  231. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  232. package/fesm2022/slotted-angular-date-picker.mjs +112 -40
  233. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  234. package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
  235. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  236. package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
  237. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  238. package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
  239. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  240. package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
  241. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  242. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  243. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  244. package/fesm2022/slotted-angular-detail-panel.mjs +48 -30
  245. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  246. package/fesm2022/slotted-angular-dialog.mjs +72 -30
  247. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  248. package/fesm2022/slotted-angular-divider.mjs +7 -5
  249. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  250. package/fesm2022/slotted-angular-drawer.mjs +91 -37
  251. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  252. package/fesm2022/slotted-angular-entity-picker.mjs +474 -75
  253. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  254. package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
  255. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  256. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  257. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  258. package/fesm2022/slotted-angular-field.mjs +35 -15
  259. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  260. package/fesm2022/slotted-angular-filter-bar.mjs +118 -51
  261. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  262. package/fesm2022/slotted-angular-form.mjs +18 -10
  263. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  264. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  265. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  266. package/fesm2022/slotted-angular-grid.mjs +4 -2
  267. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  268. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  269. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  270. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  271. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  272. package/fesm2022/slotted-angular-icon.mjs +6 -3
  273. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  274. package/fesm2022/slotted-angular-image.mjs +13 -10
  275. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  276. package/fesm2022/slotted-angular-import-export-center.mjs +175 -99
  277. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  278. package/fesm2022/slotted-angular-inline-message.mjs +88 -13
  279. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  280. package/fesm2022/slotted-angular-inline.mjs +4 -2
  281. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  282. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  283. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  284. package/fesm2022/slotted-angular-link.mjs +5 -3
  285. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  286. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  287. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  288. package/fesm2022/slotted-angular-list.mjs +37 -22
  289. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  290. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  291. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  292. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  293. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  294. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  295. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  296. package/fesm2022/slotted-angular-menu.mjs +51 -29
  297. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  298. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  299. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  300. package/fesm2022/slotted-angular-message-scroller.mjs +34 -15
  301. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  302. package/fesm2022/slotted-angular-message.mjs +119 -51
  303. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  304. package/fesm2022/slotted-angular-multi-select.mjs +195 -87
  305. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  306. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  307. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  308. package/fesm2022/slotted-angular-notification-center.mjs +108 -65
  309. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  310. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  311. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  312. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  313. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  314. package/fesm2022/slotted-angular-page-header.mjs +90 -48
  315. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  316. package/fesm2022/slotted-angular-page.mjs +38 -10
  317. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  318. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  319. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  320. package/fesm2022/slotted-angular-popover.mjs +32 -19
  321. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  322. package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
  323. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  324. package/fesm2022/slotted-angular-prompt-composer.mjs +57 -20
  325. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  326. package/fesm2022/slotted-angular-prose.mjs +14 -11
  327. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  328. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  329. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  330. package/fesm2022/slotted-angular-rating.mjs +138 -82
  331. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  332. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  333. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  334. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  335. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  336. package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
  337. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  338. package/fesm2022/slotted-angular-section.mjs +53 -18
  339. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  340. package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
  341. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  342. package/fesm2022/slotted-angular-select.mjs +190 -94
  343. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  344. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  345. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  346. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  347. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  348. package/fesm2022/slotted-angular-slider.mjs +31 -11
  349. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  350. package/fesm2022/slotted-angular-sparkline.mjs +41 -14
  351. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  352. package/fesm2022/slotted-angular-split-button.mjs +37 -11
  353. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  354. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  355. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  356. package/fesm2022/slotted-angular-stack.mjs +4 -2
  357. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  358. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  359. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  360. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  361. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  362. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  363. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  364. package/fesm2022/slotted-angular-switch.mjs +15 -10
  365. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  366. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  367. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  368. package/fesm2022/slotted-angular-table.mjs +243 -73
  369. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  370. package/fesm2022/slotted-angular-tabs.mjs +42 -18
  371. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  372. package/fesm2022/slotted-angular-tag.mjs +19 -12
  373. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  374. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  375. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  376. package/fesm2022/slotted-angular-text-field.mjs +55 -15
  377. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  378. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  379. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  380. package/fesm2022/slotted-angular-time-field.mjs +48 -14
  381. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  382. package/fesm2022/slotted-angular-time-picker.mjs +32 -20
  383. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  384. package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
  385. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  386. package/fesm2022/slotted-angular-timeline.mjs +147 -64
  387. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  388. package/fesm2022/slotted-angular-toast.mjs +43 -31
  389. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  390. package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
  391. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  392. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  393. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  394. package/fesm2022/slotted-angular-toolbar.mjs +27 -12
  395. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  396. package/fesm2022/slotted-angular-tooltip.mjs +15 -6
  397. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  398. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  399. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  400. package/fesm2022/slotted-angular-tour.mjs +47 -22
  401. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  402. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  403. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  404. package/fesm2022/slotted-angular-tree.mjs +80 -26
  405. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  406. package/fesm2022/slotted-angular-typography.mjs +8 -4
  407. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  408. package/fesm2022/slotted-angular-upload.mjs +125 -57
  409. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  410. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  411. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  412. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  413. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  414. package/package.json +3 -3
  415. package/types/slotted-angular-accordion.d.ts.map +1 -1
  416. package/types/slotted-angular-action-bar.d.ts +2 -0
  417. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  418. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  419. package/types/slotted-angular-alert.d.ts +2 -2
  420. package/types/slotted-angular-alert.d.ts.map +1 -1
  421. package/types/slotted-angular-app-shell.d.ts +11 -3
  422. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  423. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  424. package/types/slotted-angular-attachment.d.ts +1 -1
  425. package/types/slotted-angular-attachment.d.ts.map +1 -1
  426. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  427. package/types/slotted-angular-avatar.d.ts +11 -3
  428. package/types/slotted-angular-avatar.d.ts.map +1 -1
  429. package/types/slotted-angular-badge.d.ts +1 -1
  430. package/types/slotted-angular-badge.d.ts.map +1 -1
  431. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  432. package/types/slotted-angular-button-group.d.ts +1 -1
  433. package/types/slotted-angular-button-group.d.ts.map +1 -1
  434. package/types/slotted-angular-button.d.ts +33 -13
  435. package/types/slotted-angular-button.d.ts.map +1 -1
  436. package/types/slotted-angular-calendar.d.ts +30 -2
  437. package/types/slotted-angular-calendar.d.ts.map +1 -1
  438. package/types/slotted-angular-card.d.ts.map +1 -1
  439. package/types/slotted-angular-carousel.d.ts.map +1 -1
  440. package/types/slotted-angular-cascader.d.ts.map +1 -1
  441. package/types/slotted-angular-chart.d.ts +10 -0
  442. package/types/slotted-angular-chart.d.ts.map +1 -1
  443. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  444. package/types/slotted-angular-checkbox.d.ts +7 -1
  445. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  446. package/types/slotted-angular-code-block.d.ts +1 -1
  447. package/types/slotted-angular-code-block.d.ts.map +1 -1
  448. package/types/slotted-angular-collapsible.d.ts +1 -1
  449. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  450. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  451. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  452. package/types/slotted-angular-combobox.d.ts +5 -1
  453. package/types/slotted-angular-combobox.d.ts.map +1 -1
  454. package/types/slotted-angular-command-palette.d.ts +10 -1
  455. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  456. package/types/slotted-angular-container.d.ts.map +1 -1
  457. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  458. package/types/slotted-angular-currency-field.d.ts +63 -15
  459. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  460. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  461. package/types/slotted-angular-data-grid.d.ts +72 -4
  462. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  463. package/types/slotted-angular-data-list.d.ts.map +1 -1
  464. package/types/slotted-angular-date-field.d.ts +11 -1
  465. package/types/slotted-angular-date-field.d.ts.map +1 -1
  466. package/types/slotted-angular-date-picker.d.ts +38 -12
  467. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  468. package/types/slotted-angular-date-range-picker.d.ts +0 -1
  469. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  470. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  471. package/types/slotted-angular-datetime-picker.d.ts +0 -1
  472. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  473. package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
  474. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  475. package/types/slotted-angular-description-list.d.ts.map +1 -1
  476. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  477. package/types/slotted-angular-dialog.d.ts +10 -3
  478. package/types/slotted-angular-dialog.d.ts.map +1 -1
  479. package/types/slotted-angular-divider.d.ts.map +1 -1
  480. package/types/slotted-angular-drawer.d.ts +12 -1
  481. package/types/slotted-angular-drawer.d.ts.map +1 -1
  482. package/types/slotted-angular-entity-picker.d.ts +63 -15
  483. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  484. package/types/slotted-angular-event-calendar.d.ts +9 -2
  485. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  486. package/types/slotted-angular-field-group.d.ts.map +1 -1
  487. package/types/slotted-angular-field.d.ts.map +1 -1
  488. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  489. package/types/slotted-angular-form.d.ts.map +1 -1
  490. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  491. package/types/slotted-angular-grid.d.ts.map +1 -1
  492. package/types/slotted-angular-highlight.d.ts.map +1 -1
  493. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  494. package/types/slotted-angular-icon.d.ts +2 -2
  495. package/types/slotted-angular-icon.d.ts.map +1 -1
  496. package/types/slotted-angular-image.d.ts.map +1 -1
  497. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  498. package/types/slotted-angular-inline-message.d.ts +25 -25
  499. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  500. package/types/slotted-angular-inline.d.ts.map +1 -1
  501. package/types/slotted-angular-kbd.d.ts.map +1 -1
  502. package/types/slotted-angular-link.d.ts.map +1 -1
  503. package/types/slotted-angular-list-item.d.ts +1 -1
  504. package/types/slotted-angular-list-item.d.ts.map +1 -1
  505. package/types/slotted-angular-list.d.ts +42 -27
  506. package/types/slotted-angular-list.d.ts.map +1 -1
  507. package/types/slotted-angular-listbox.d.ts.map +1 -1
  508. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  509. package/types/slotted-angular-markdown.d.ts.map +1 -1
  510. package/types/slotted-angular-menu.d.ts +11 -2
  511. package/types/slotted-angular-menu.d.ts.map +1 -1
  512. package/types/slotted-angular-menubar.d.ts.map +1 -1
  513. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  514. package/types/slotted-angular-message.d.ts +1 -1
  515. package/types/slotted-angular-message.d.ts.map +1 -1
  516. package/types/slotted-angular-multi-select.d.ts +15 -1
  517. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  518. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  519. package/types/slotted-angular-notification-center.d.ts +1 -1
  520. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  521. package/types/slotted-angular-number-field.d.ts.map +1 -1
  522. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  523. package/types/slotted-angular-page-header.d.ts +15 -6
  524. package/types/slotted-angular-page-header.d.ts.map +1 -1
  525. package/types/slotted-angular-page.d.ts.map +1 -1
  526. package/types/slotted-angular-pagination.d.ts.map +1 -1
  527. package/types/slotted-angular-popover.d.ts.map +1 -1
  528. package/types/slotted-angular-progress-indicator.d.ts +8 -1
  529. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  530. package/types/slotted-angular-prompt-composer.d.ts +11 -2
  531. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  532. package/types/slotted-angular-prose.d.ts.map +1 -1
  533. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  534. package/types/slotted-angular-rating.d.ts +1 -1
  535. package/types/slotted-angular-rating.d.ts.map +1 -1
  536. package/types/slotted-angular-result-state.d.ts.map +1 -1
  537. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  538. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  539. package/types/slotted-angular-section.d.ts +11 -3
  540. package/types/slotted-angular-section.d.ts.map +1 -1
  541. package/types/slotted-angular-segmented-control.d.ts +15 -2
  542. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  543. package/types/slotted-angular-select.d.ts +12 -2
  544. package/types/slotted-angular-select.d.ts.map +1 -1
  545. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  546. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  547. package/types/slotted-angular-slider.d.ts.map +1 -1
  548. package/types/slotted-angular-sparkline.d.ts +7 -1
  549. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  550. package/types/slotted-angular-split-button.d.ts +2 -2
  551. package/types/slotted-angular-split-button.d.ts.map +1 -1
  552. package/types/slotted-angular-splitter.d.ts.map +1 -1
  553. package/types/slotted-angular-stack.d.ts.map +1 -1
  554. package/types/slotted-angular-stat-card.d.ts +1 -1
  555. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  556. package/types/slotted-angular-status-indicator.d.ts +1 -1
  557. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  558. package/types/slotted-angular-stepper.d.ts +1 -1
  559. package/types/slotted-angular-stepper.d.ts.map +1 -1
  560. package/types/slotted-angular-switch.d.ts.map +1 -1
  561. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  562. package/types/slotted-angular-table.d.ts +63 -6
  563. package/types/slotted-angular-table.d.ts.map +1 -1
  564. package/types/slotted-angular-tabs.d.ts +3 -4
  565. package/types/slotted-angular-tabs.d.ts.map +1 -1
  566. package/types/slotted-angular-tag.d.ts +1 -1
  567. package/types/slotted-angular-tag.d.ts.map +1 -1
  568. package/types/slotted-angular-tags-input.d.ts +33 -1
  569. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  570. package/types/slotted-angular-text-field.d.ts.map +1 -1
  571. package/types/slotted-angular-textarea.d.ts.map +1 -1
  572. package/types/slotted-angular-theme.d.ts +1 -1
  573. package/types/slotted-angular-time-field.d.ts.map +1 -1
  574. package/types/slotted-angular-time-picker.d.ts +0 -1
  575. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  576. package/types/slotted-angular-time-range-picker.d.ts +0 -1
  577. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  578. package/types/slotted-angular-timeline.d.ts +1 -1
  579. package/types/slotted-angular-timeline.d.ts.map +1 -1
  580. package/types/slotted-angular-toast.d.ts +3 -3
  581. package/types/slotted-angular-toast.d.ts.map +1 -1
  582. package/types/slotted-angular-toggle-group.d.ts +8 -2
  583. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  584. package/types/slotted-angular-toggle.d.ts +1 -1
  585. package/types/slotted-angular-toggle.d.ts.map +1 -1
  586. package/types/slotted-angular-toolbar.d.ts +2 -0
  587. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  588. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  589. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  590. package/types/slotted-angular-tour.d.ts.map +1 -1
  591. package/types/slotted-angular-transfer.d.ts.map +1 -1
  592. package/types/slotted-angular-tree.d.ts.map +1 -1
  593. package/types/slotted-angular-typography.d.ts +1 -1
  594. package/types/slotted-angular-typography.d.ts.map +1 -1
  595. package/types/slotted-angular-upload.d.ts +2 -2
  596. package/types/slotted-angular-upload.d.ts.map +1 -1
  597. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  598. package/types/slotted-angular-wizard.d.ts.map +1 -1
@@ -209,18 +209,20 @@ class SlPagination {
209
209
  this.ownPage.set(next);
210
210
  }
211
211
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
212
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlPagination, isStandalone: true, selector: "nav[slPagination]", inputs: { pageValue: { classPropertyName: "pageValue", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeValue: { classPropertyName: "pageSizeValue", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, defaultPageSize: { classPropertyName: "defaultPageSize", publicName: "defaultPageSize", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, boundaryCount: { classPropertyName: "boundaryCount", publicName: "boundaryCount", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, itemHref: { classPropertyName: "itemHref", publicName: "itemHref", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "data-ui": "pagination", "data-part": "root" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, exportAs: ["slPagination"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
212
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlPagination, isStandalone: true, selector: "nav[slPagination]", inputs: { pageValue: { classPropertyName: "pageValue", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeValue: { classPropertyName: "pageSizeValue", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, defaultPageSize: { classPropertyName: "defaultPageSize", publicName: "defaultPageSize", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, boundaryCount: { classPropertyName: "boundaryCount", publicName: "boundaryCount", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, itemHref: { classPropertyName: "itemHref", publicName: "itemHref", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "data-ui": "pagination", "data-ui-pagination": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, exportAs: ["slPagination"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
213
213
  }
214
214
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPagination, decorators: [{
215
215
  type: Component,
216
216
  args: [{ selector: 'nav[slPagination]', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPagination', host: {
217
217
  'data-ui': 'pagination',
218
+ 'data-ui-pagination': '',
218
219
  'data-part': 'root',
220
+ 'data-part-root': '',
219
221
  '[attr.aria-label]': 'accessibleLabel()',
220
222
  '[attr.aria-busy]': 'loading() ? "true" : null',
221
223
  '[attr.data-disabled]': 'disabled() ? "" : null',
222
224
  '[attr.data-loading]': 'loading() ? "" : null',
223
- }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
225
+ }, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
224
226
  }], ctorParameters: () => [], propDecorators: { pageValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], defaultPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPage", required: false }] }], pageSizeValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], defaultPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPageSize", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], boundaryCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "boundaryCount", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], itemHref: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHref", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], pageSizeChange: [{ type: i0.Output, args: ["pageSizeChange"] }] } });
225
227
  /**
226
228
  * A control that moves the page, on the consumer's own `button` or `a`.
@@ -277,7 +279,7 @@ class SlPaginationFirst extends SlPaginationTrigger {
277
279
  usable = () => this.pagination.canGoPrevious();
278
280
  defaultLabel = () => this.pagination.t('first');
279
281
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationFirst, deps: null, target: i0.ɵɵFactoryTarget.Component });
280
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationFirst, isStandalone: true, selector: "[slPaginationFirst]", host: { attributes: { "data-part": "first" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationFirst"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
282
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationFirst, isStandalone: true, selector: "[slPaginationFirst]", host: { attributes: { "data-part": "first", "data-part-first": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationFirst"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
281
283
  }
282
284
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationFirst, decorators: [{
283
285
  type: Component,
@@ -291,6 +293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
291
293
  host: {
292
294
  ...triggerHost,
293
295
  'data-part': 'first',
296
+ 'data-part-first': '',
294
297
  '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
295
298
  },
296
299
  }]
@@ -301,7 +304,7 @@ class SlPaginationPrevious extends SlPaginationTrigger {
301
304
  usable = () => this.pagination.canGoPrevious();
302
305
  defaultLabel = () => this.pagination.t('previous');
303
306
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPrevious, deps: null, target: i0.ɵɵFactoryTarget.Component });
304
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationPrevious, isStandalone: true, selector: "[slPaginationPrevious]", host: { attributes: { "data-part": "previous" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationPrevious"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
307
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationPrevious, isStandalone: true, selector: "[slPaginationPrevious]", host: { attributes: { "data-part": "previous", "data-part-previous": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationPrevious"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
305
308
  }
306
309
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPrevious, decorators: [{
307
310
  type: Component,
@@ -315,6 +318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
315
318
  host: {
316
319
  ...triggerHost,
317
320
  'data-part': 'previous',
321
+ 'data-part-previous': '',
318
322
  '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
319
323
  },
320
324
  }]
@@ -325,7 +329,7 @@ class SlPaginationNext extends SlPaginationTrigger {
325
329
  usable = () => this.pagination.canGoNext();
326
330
  defaultLabel = () => this.pagination.t('next');
327
331
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationNext, deps: null, target: i0.ɵɵFactoryTarget.Component });
328
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationNext, isStandalone: true, selector: "[slPaginationNext]", host: { attributes: { "data-part": "next" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationNext"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
332
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationNext, isStandalone: true, selector: "[slPaginationNext]", host: { attributes: { "data-part": "next", "data-part-next": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationNext"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
329
333
  }
330
334
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationNext, decorators: [{
331
335
  type: Component,
@@ -339,6 +343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
339
343
  host: {
340
344
  ...triggerHost,
341
345
  'data-part': 'next',
346
+ 'data-part-next': '',
342
347
  '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
343
348
  },
344
349
  }]
@@ -349,7 +354,7 @@ class SlPaginationLast extends SlPaginationTrigger {
349
354
  usable = () => this.pagination.canGoNext();
350
355
  defaultLabel = () => this.pagination.t('last');
351
356
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationLast, deps: null, target: i0.ɵɵFactoryTarget.Component });
352
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationLast, isStandalone: true, selector: "[slPaginationLast]", host: { attributes: { "data-part": "last" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationLast"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
357
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationLast, isStandalone: true, selector: "[slPaginationLast]", host: { attributes: { "data-part": "last", "data-part-last": "" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationLast"], usesInheritance: true, ngImport: i0, template: "<ng-content\n ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
353
358
  }
354
359
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationLast, decorators: [{
355
360
  type: Component,
@@ -363,6 +368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
363
368
  host: {
364
369
  ...triggerHost,
365
370
  'data-part': 'last',
371
+ 'data-part-last': '',
366
372
  '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
367
373
  },
368
374
  }]
@@ -378,9 +384,9 @@ class SlPaginationItems {
378
384
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationItems, deps: [], target: i0.ɵɵFactoryTarget.Component });
379
385
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPaginationItems, isStandalone: true, selector: "sl-pagination-items", host: { styleAttribute: "display: contents" }, exportAs: ["slPaginationItems"], ngImport: i0, template: `
380
386
  @if (pagination.count() !== undefined) {
381
- <ul data-part="list">
387
+ <ul data-part="list" data-part-list="">
382
388
  @for (item of pagination.items(); track item.type === 'page' ? item.value : item.side) {
383
- <li data-part="item">
389
+ <li data-part="item" data-part-item="">
384
390
  @if (item.type === 'page') {
385
391
  @if (pagination.itemHref(); as href) {
386
392
  <a
@@ -391,6 +397,7 @@ class SlPaginationItems {
391
397
  [attr.data-loading]="pagination.loading() ? '' : null"
392
398
  [attr.href]="pagination.inert() ? null : href(item.value)"
393
399
  data-part="page"
400
+ data-part-page=""
394
401
  (click)="pagination.goToPage(item.value, 'pointer', $event)"
395
402
  >{{ item.value }}</a
396
403
  >
@@ -402,6 +409,7 @@ class SlPaginationItems {
402
409
  [attr.data-loading]="pagination.loading() ? '' : null"
403
410
  [disabled]="pagination.inert()"
404
411
  data-part="page"
412
+ data-part-page=""
405
413
  type="button"
406
414
  (click)="pagination.goToPage(item.value, 'pointer', $event)"
407
415
  >
@@ -409,24 +417,24 @@ class SlPaginationItems {
409
417
  </button>
410
418
  }
411
419
  } @else {
412
- <span aria-hidden="true" data-part="ellipsis">&#8230;</span>
420
+ <span aria-hidden="true" data-part="ellipsis" data-part-ellipsis="">&#8230;</span>
413
421
  }
414
422
  </li>
415
423
  }
416
424
  </ul>
417
- <span data-part="summary">{{
425
+ <span data-part="summary" data-part-summary="">{{
418
426
  pagination.t('summary', { page: pagination.currentPage(), pages: pagination.pages() })
419
427
  }}</span>
420
428
  }
421
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
429
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
422
430
  }
423
431
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationItems, decorators: [{
424
432
  type: Component,
425
433
  args: [{ selector: 'sl-pagination-items', standalone: true, template: `
426
434
  @if (pagination.count() !== undefined) {
427
- <ul data-part="list">
435
+ <ul data-part="list" data-part-list="">
428
436
  @for (item of pagination.items(); track item.type === 'page' ? item.value : item.side) {
429
- <li data-part="item">
437
+ <li data-part="item" data-part-item="">
430
438
  @if (item.type === 'page') {
431
439
  @if (pagination.itemHref(); as href) {
432
440
  <a
@@ -437,6 +445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
437
445
  [attr.data-loading]="pagination.loading() ? '' : null"
438
446
  [attr.href]="pagination.inert() ? null : href(item.value)"
439
447
  data-part="page"
448
+ data-part-page=""
440
449
  (click)="pagination.goToPage(item.value, 'pointer', $event)"
441
450
  >{{ item.value }}</a
442
451
  >
@@ -448,6 +457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
448
457
  [attr.data-loading]="pagination.loading() ? '' : null"
449
458
  [disabled]="pagination.inert()"
450
459
  data-part="page"
460
+ data-part-page=""
451
461
  type="button"
452
462
  (click)="pagination.goToPage(item.value, 'pointer', $event)"
453
463
  >
@@ -455,16 +465,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
455
465
  </button>
456
466
  }
457
467
  } @else {
458
- <span aria-hidden="true" data-part="ellipsis">&#8230;</span>
468
+ <span aria-hidden="true" data-part="ellipsis" data-part-ellipsis="">&#8230;</span>
459
469
  }
460
470
  </li>
461
471
  }
462
472
  </ul>
463
- <span data-part="summary">{{
473
+ <span data-part="summary" data-part-summary="">{{
464
474
  pagination.t('summary', { page: pagination.currentPage(), pages: pagination.pages() })
465
475
  }}</span>
466
476
  }
467
- `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationItems', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
477
+ `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationItems', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
468
478
  }] });
469
479
  /**
470
480
  * "21–40 of 482", and the polite live region that announces a page change. One
@@ -482,14 +492,15 @@ class SlPaginationStatus {
482
492
  }, /* @ts-ignore */
483
493
  ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
484
494
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
485
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationStatus, isStandalone: true, selector: "p[slPaginationStatus]", host: { attributes: { "data-part": "status" }, properties: { "attr.aria-live": "pagination.liveValue()" } }, exportAs: ["slPaginationStatus"], ngImport: i0, template: '<ng-content>{{ text() }}</ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
495
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationStatus, isStandalone: true, selector: "p[slPaginationStatus]", host: { attributes: { "data-part": "status", "data-part-status": "" }, properties: { "attr.aria-live": "pagination.liveValue()" } }, exportAs: ["slPaginationStatus"], ngImport: i0, template: '<ng-content>{{ text() }}</ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
486
496
  }
487
497
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationStatus, decorators: [{
488
498
  type: Component,
489
499
  args: [{ selector: 'p[slPaginationStatus]', standalone: true, template: '<ng-content>{{ text() }}</ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationStatus', host: {
490
500
  'data-part': 'status',
501
+ 'data-part-status': '',
491
502
  '[attr.aria-live]': 'pagination.liveValue()',
492
- }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
503
+ }, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
493
504
  }] });
494
505
  /**
495
506
  * How many items a page holds.
@@ -507,12 +518,13 @@ class SlPaginationPageSize {
507
518
  }
508
519
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPageSize, deps: [], target: i0.ɵɵFactoryTarget.Component });
509
520
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPaginationPageSize, isStandalone: true, selector: "sl-pagination-page-size", host: { styleAttribute: "display: contents" }, exportAs: ["slPaginationPageSize"], ngImport: i0, template: `
510
- <label data-part="page-size-label">
521
+ <label data-part="page-size-label" data-part-page-size-label="">
511
522
  <ng-content>{{ pagination.t('pageSize') }}</ng-content>
512
523
  <select
513
524
  [disabled]="pagination.inert()"
514
525
  [value]="pagination.pageSize()"
515
526
  data-part="page-size"
527
+ data-part-page-size=""
516
528
  (change)="onChange($event)"
517
529
  >
518
530
  @for (size of pagination.sizeOptions(); track size) {
@@ -521,17 +533,18 @@ class SlPaginationPageSize {
521
533
  </select>
522
534
  <span slIcon><svg slGlyph name="chevron-down"></svg></span>
523
535
  </label>
524
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
536
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
525
537
  }
526
538
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPageSize, decorators: [{
527
539
  type: Component,
528
540
  args: [{ selector: 'sl-pagination-page-size', standalone: true, imports: [SlGlyph, SlIcon], template: `
529
- <label data-part="page-size-label">
541
+ <label data-part="page-size-label" data-part-page-size-label="">
530
542
  <ng-content>{{ pagination.t('pageSize') }}</ng-content>
531
543
  <select
532
544
  [disabled]="pagination.inert()"
533
545
  [value]="pagination.pageSize()"
534
546
  data-part="page-size"
547
+ data-part-page-size=""
535
548
  (change)="onChange($event)"
536
549
  >
537
550
  @for (size of pagination.sizeOptions(); track size) {
@@ -540,7 +553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
540
553
  </select>
541
554
  <span slIcon><svg slGlyph name="chevron-down"></svg></span>
542
555
  </label>
543
- `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationPageSize', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
556
+ `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationPageSize', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui-pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] [data-part-list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui-pagination] [data-part-item]{display:flex}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):first-child{margin-inline-start:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label]):last-child{margin-inline-end:0}[data-ui-pagination] :is([data-part-status],[data-part-summary],[data-part-page-size-label])+:is([data-part-status],[data-part-summary],[data-part-page-size-label]){margin-inline-start:0}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last],[data-part-page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui-pagination] [data-disabled]{cursor:not-allowed}[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-pagination] [data-loading]{cursor:progress}[data-ui-pagination] [data-part-ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui-pagination] :is([data-part-first],[data-part-previous],[data-part-next],[data-part-last]){--slotted-icon-size: var(--_glyph)}[data-ui-pagination] :is([data-part-first],[data-part-previous])>[data-ui-icon]{rotate:.5turn}[data-ui-pagination] :is([data-part-status],[data-part-summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui-pagination] [data-part-summary]{white-space:nowrap}[data-ui-pagination] [data-part-summary]{align-items:center;block-size:var(--_target);display:none}[data-ui-pagination] [data-part-page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui-pagination] [data-part-page-size-label]>[data-ui-icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui-pagination] [data-part-page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-pagination] [data-part-page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui-pagination] [data-part-page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui-pagination] [data-part-list]{display:none}[data-ui-pagination] [data-part-summary]{display:flex}[data-ui-pagination]:has([data-part-summary]) [data-part-status]{display:none}[data-ui-pagination] [data-part-page-size-label]{flex-basis:100%;margin-inline:0}[data-ui-pagination] [data-part-page-size]{flex:1}[data-ui-pagination] [data-part-status]{flex:1 1 0}}@media(forced-colors:active){[data-ui-pagination] [data-part-page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-pagination] :is([data-part-page],[data-part-first],[data-part-previous],[data-part-next],[data-part-last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
544
557
  }] });
545
558
  /**
546
559
  * Absence has to survive the transform: `numberAttribute` maps an unset input