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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (418) hide show
  1. package/docs/code-block.json +92 -92
  2. package/docs/code-block.md +69 -69
  3. package/docs/currency-field.json +7 -0
  4. package/docs/currency-field.md +1 -0
  5. package/docs/data-grid.examples.md +1 -1
  6. package/docs/data-grid.json +21 -4
  7. package/docs/data-grid.md +1 -1
  8. package/docs/data-grid.props.md +5 -3
  9. package/docs/dialog.examples.md +138 -136
  10. package/docs/dialog.json +8 -8
  11. package/docs/filter-bar.json +118 -118
  12. package/docs/filter-bar.md +79 -79
  13. package/docs/guidelines/async-feedback.md +10 -0
  14. package/docs/guidelines/composition.md +11 -7
  15. package/docs/guidelines/index.md +6 -1
  16. package/docs/guidelines/list-pages.md +30 -0
  17. package/docs/guidelines/overviews.md +10 -0
  18. package/docs/markdown.json +79 -79
  19. package/docs/markdown.md +65 -65
  20. package/docs/page-header.json +1 -1
  21. package/docs/skills/compose-screen/SKILL.md +22 -10
  22. package/docs/skills/review-screen/SKILL.md +6 -0
  23. package/docs/skills/waiting-states/SKILL.md +4 -1
  24. package/docs/tags-input.json +28 -2
  25. package/docs/tags-input.md +4 -1
  26. package/docs/timeline.json +131 -131
  27. package/docs/timeline.md +123 -123
  28. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  29. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  30. package/fesm2022/slotted-angular-action-bar.mjs +21 -10
  31. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  32. package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
  33. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  34. package/fesm2022/slotted-angular-alert.mjs +17 -11
  35. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  36. package/fesm2022/slotted-angular-app-shell.mjs +52 -40
  37. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  38. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  39. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  40. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  41. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  42. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  43. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  44. package/fesm2022/slotted-angular-avatar.mjs +9 -6
  45. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  46. package/fesm2022/slotted-angular-badge.mjs +14 -10
  47. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  48. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  49. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  50. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  51. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  52. package/fesm2022/slotted-angular-button.mjs +53 -25
  53. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  54. package/fesm2022/slotted-angular-calendar.mjs +68 -26
  55. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  56. package/fesm2022/slotted-angular-card.mjs +18 -16
  57. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  58. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  59. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  60. package/fesm2022/slotted-angular-cascader.mjs +158 -64
  61. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  62. package/fesm2022/slotted-angular-chart.mjs +4 -2
  63. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  64. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  65. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  66. package/fesm2022/slotted-angular-checkbox.mjs +13 -8
  67. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  68. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  69. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  70. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  71. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  72. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  73. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  74. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  75. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  76. package/fesm2022/slotted-angular-combobox.mjs +77 -31
  77. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  78. package/fesm2022/slotted-angular-command-palette.mjs +128 -51
  79. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  80. package/fesm2022/slotted-angular-container.mjs +6 -4
  81. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  82. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  83. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  84. package/fesm2022/slotted-angular-currency-field.mjs +98 -32
  85. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  86. package/fesm2022/slotted-angular-dashboard-grid.mjs +127 -44
  87. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  88. package/fesm2022/slotted-angular-data-grid.mjs +309 -104
  89. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  90. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  91. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  92. package/fesm2022/slotted-angular-date-field.mjs +38 -12
  93. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  94. package/fesm2022/slotted-angular-date-picker.mjs +19 -9
  95. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  96. package/fesm2022/slotted-angular-date-range-picker.mjs +41 -16
  97. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  98. package/fesm2022/slotted-angular-datetime-field.mjs +46 -14
  99. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  100. package/fesm2022/slotted-angular-datetime-picker.mjs +37 -23
  101. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  102. package/fesm2022/slotted-angular-datetime-range-picker.mjs +111 -42
  103. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  104. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  105. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  106. package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
  107. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  108. package/fesm2022/slotted-angular-dialog.mjs +39 -28
  109. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  110. package/fesm2022/slotted-angular-divider.mjs +7 -5
  111. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  112. package/fesm2022/slotted-angular-drawer.mjs +32 -24
  113. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  114. package/fesm2022/slotted-angular-entity-picker.mjs +195 -67
  115. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  116. package/fesm2022/slotted-angular-event-calendar.mjs +259 -102
  117. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  118. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  119. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  120. package/fesm2022/slotted-angular-field.mjs +35 -15
  121. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  122. package/fesm2022/slotted-angular-filter-bar.mjs +104 -43
  123. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  124. package/fesm2022/slotted-angular-form.mjs +18 -10
  125. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  126. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  127. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  128. package/fesm2022/slotted-angular-grid.mjs +4 -2
  129. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  130. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  131. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  132. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  133. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  134. package/fesm2022/slotted-angular-icon.mjs +6 -3
  135. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  136. package/fesm2022/slotted-angular-image.mjs +13 -10
  137. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  138. package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
  139. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  140. package/fesm2022/slotted-angular-inline-message.mjs +10 -8
  141. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  142. package/fesm2022/slotted-angular-inline.mjs +4 -2
  143. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  144. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  145. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  146. package/fesm2022/slotted-angular-link.mjs +5 -3
  147. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  148. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  149. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  150. package/fesm2022/slotted-angular-list.mjs +14 -10
  151. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  152. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  153. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  154. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  155. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  156. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  157. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  158. package/fesm2022/slotted-angular-menu.mjs +41 -27
  159. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  160. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  161. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  162. package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
  163. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  164. package/fesm2022/slotted-angular-message.mjs +113 -51
  165. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  166. package/fesm2022/slotted-angular-multi-select.mjs +133 -57
  167. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  168. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  169. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  170. package/fesm2022/slotted-angular-notification-center.mjs +107 -65
  171. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  172. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  173. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  174. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  175. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  176. package/fesm2022/slotted-angular-page-header.mjs +72 -42
  177. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  178. package/fesm2022/slotted-angular-page.mjs +18 -9
  179. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  180. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  181. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  182. package/fesm2022/slotted-angular-popover.mjs +25 -18
  183. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  184. package/fesm2022/slotted-angular-progress-indicator.mjs +122 -30
  185. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  186. package/fesm2022/slotted-angular-prompt-composer.mjs +24 -18
  187. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  188. package/fesm2022/slotted-angular-prose.mjs +14 -11
  189. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  190. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  191. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  192. package/fesm2022/slotted-angular-rating.mjs +138 -82
  193. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  194. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  195. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  196. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  197. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  198. package/fesm2022/slotted-angular-scroll-area.mjs +9 -5
  199. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  200. package/fesm2022/slotted-angular-section.mjs +34 -15
  201. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  202. package/fesm2022/slotted-angular-segmented-control.mjs +15 -9
  203. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  204. package/fesm2022/slotted-angular-select.mjs +135 -53
  205. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  206. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  207. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  208. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  209. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  210. package/fesm2022/slotted-angular-slider.mjs +31 -11
  211. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  212. package/fesm2022/slotted-angular-sparkline.mjs +29 -13
  213. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  214. package/fesm2022/slotted-angular-split-button.mjs +25 -11
  215. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  216. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  217. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  218. package/fesm2022/slotted-angular-stack.mjs +4 -2
  219. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  220. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  221. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  222. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  223. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  224. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  225. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  226. package/fesm2022/slotted-angular-switch.mjs +15 -10
  227. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  228. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  229. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  230. package/fesm2022/slotted-angular-table.mjs +135 -72
  231. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  232. package/fesm2022/slotted-angular-tabs.mjs +31 -14
  233. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  234. package/fesm2022/slotted-angular-tag.mjs +19 -12
  235. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  236. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  237. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  238. package/fesm2022/slotted-angular-text-field.mjs +49 -15
  239. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  240. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  241. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  242. package/fesm2022/slotted-angular-time-field.mjs +46 -12
  243. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  244. package/fesm2022/slotted-angular-time-picker.mjs +28 -14
  245. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  246. package/fesm2022/slotted-angular-time-range-picker.mjs +109 -40
  247. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  248. package/fesm2022/slotted-angular-timeline.mjs +135 -64
  249. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  250. package/fesm2022/slotted-angular-toast.mjs +42 -31
  251. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  252. package/fesm2022/slotted-angular-toggle-group.mjs +10 -6
  253. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  254. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  255. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  256. package/fesm2022/slotted-angular-toolbar.mjs +21 -10
  257. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  258. package/fesm2022/slotted-angular-tooltip.mjs +8 -5
  259. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  260. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  261. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  262. package/fesm2022/slotted-angular-tour.mjs +46 -21
  263. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  264. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  265. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  266. package/fesm2022/slotted-angular-tree.mjs +74 -26
  267. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  268. package/fesm2022/slotted-angular-typography.mjs +8 -4
  269. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  270. package/fesm2022/slotted-angular-upload.mjs +125 -57
  271. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  272. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  273. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  274. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  275. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  276. package/package.json +3 -3
  277. package/types/slotted-angular-accordion.d.ts.map +1 -1
  278. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  279. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  280. package/types/slotted-angular-alert.d.ts +1 -1
  281. package/types/slotted-angular-alert.d.ts.map +1 -1
  282. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  283. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  284. package/types/slotted-angular-attachment.d.ts +1 -1
  285. package/types/slotted-angular-attachment.d.ts.map +1 -1
  286. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  287. package/types/slotted-angular-avatar.d.ts.map +1 -1
  288. package/types/slotted-angular-badge.d.ts.map +1 -1
  289. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  290. package/types/slotted-angular-button-group.d.ts.map +1 -1
  291. package/types/slotted-angular-button.d.ts.map +1 -1
  292. package/types/slotted-angular-calendar.d.ts.map +1 -1
  293. package/types/slotted-angular-card.d.ts.map +1 -1
  294. package/types/slotted-angular-carousel.d.ts.map +1 -1
  295. package/types/slotted-angular-cascader.d.ts.map +1 -1
  296. package/types/slotted-angular-chart.d.ts.map +1 -1
  297. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  298. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  299. package/types/slotted-angular-code-block.d.ts +1 -1
  300. package/types/slotted-angular-code-block.d.ts.map +1 -1
  301. package/types/slotted-angular-collapsible.d.ts +1 -1
  302. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  303. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  304. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  305. package/types/slotted-angular-combobox.d.ts +1 -1
  306. package/types/slotted-angular-combobox.d.ts.map +1 -1
  307. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  308. package/types/slotted-angular-container.d.ts.map +1 -1
  309. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  310. package/types/slotted-angular-currency-field.d.ts +39 -13
  311. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  312. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  313. package/types/slotted-angular-data-grid.d.ts +26 -2
  314. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  315. package/types/slotted-angular-data-list.d.ts.map +1 -1
  316. package/types/slotted-angular-date-field.d.ts.map +1 -1
  317. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  318. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  319. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  320. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  321. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  322. package/types/slotted-angular-description-list.d.ts.map +1 -1
  323. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  324. package/types/slotted-angular-dialog.d.ts +2 -1
  325. package/types/slotted-angular-dialog.d.ts.map +1 -1
  326. package/types/slotted-angular-divider.d.ts.map +1 -1
  327. package/types/slotted-angular-drawer.d.ts.map +1 -1
  328. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  329. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  330. package/types/slotted-angular-field-group.d.ts.map +1 -1
  331. package/types/slotted-angular-field.d.ts.map +1 -1
  332. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  333. package/types/slotted-angular-form.d.ts.map +1 -1
  334. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  335. package/types/slotted-angular-grid.d.ts.map +1 -1
  336. package/types/slotted-angular-highlight.d.ts.map +1 -1
  337. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  338. package/types/slotted-angular-icon.d.ts +1 -1
  339. package/types/slotted-angular-icon.d.ts.map +1 -1
  340. package/types/slotted-angular-image.d.ts.map +1 -1
  341. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  342. package/types/slotted-angular-inline-message.d.ts +1 -1
  343. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  344. package/types/slotted-angular-inline.d.ts.map +1 -1
  345. package/types/slotted-angular-kbd.d.ts.map +1 -1
  346. package/types/slotted-angular-link.d.ts.map +1 -1
  347. package/types/slotted-angular-list-item.d.ts.map +1 -1
  348. package/types/slotted-angular-list.d.ts.map +1 -1
  349. package/types/slotted-angular-listbox.d.ts.map +1 -1
  350. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  351. package/types/slotted-angular-markdown.d.ts.map +1 -1
  352. package/types/slotted-angular-menu.d.ts.map +1 -1
  353. package/types/slotted-angular-menubar.d.ts.map +1 -1
  354. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  355. package/types/slotted-angular-message.d.ts.map +1 -1
  356. package/types/slotted-angular-multi-select.d.ts +1 -1
  357. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  358. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  359. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  360. package/types/slotted-angular-number-field.d.ts.map +1 -1
  361. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  362. package/types/slotted-angular-page-header.d.ts +1 -1
  363. package/types/slotted-angular-page-header.d.ts.map +1 -1
  364. package/types/slotted-angular-page.d.ts.map +1 -1
  365. package/types/slotted-angular-pagination.d.ts.map +1 -1
  366. package/types/slotted-angular-popover.d.ts.map +1 -1
  367. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  368. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  369. package/types/slotted-angular-prose.d.ts.map +1 -1
  370. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  371. package/types/slotted-angular-rating.d.ts.map +1 -1
  372. package/types/slotted-angular-result-state.d.ts.map +1 -1
  373. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  374. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  375. package/types/slotted-angular-section.d.ts.map +1 -1
  376. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  377. package/types/slotted-angular-select.d.ts +1 -1
  378. package/types/slotted-angular-select.d.ts.map +1 -1
  379. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  380. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  381. package/types/slotted-angular-slider.d.ts.map +1 -1
  382. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  383. package/types/slotted-angular-split-button.d.ts.map +1 -1
  384. package/types/slotted-angular-splitter.d.ts.map +1 -1
  385. package/types/slotted-angular-stack.d.ts.map +1 -1
  386. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  387. package/types/slotted-angular-status-indicator.d.ts +1 -1
  388. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  389. package/types/slotted-angular-stepper.d.ts +1 -1
  390. package/types/slotted-angular-stepper.d.ts.map +1 -1
  391. package/types/slotted-angular-switch.d.ts.map +1 -1
  392. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  393. package/types/slotted-angular-table.d.ts.map +1 -1
  394. package/types/slotted-angular-tabs.d.ts.map +1 -1
  395. package/types/slotted-angular-tag.d.ts.map +1 -1
  396. package/types/slotted-angular-tags-input.d.ts +33 -1
  397. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  398. package/types/slotted-angular-text-field.d.ts.map +1 -1
  399. package/types/slotted-angular-textarea.d.ts.map +1 -1
  400. package/types/slotted-angular-time-field.d.ts.map +1 -1
  401. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  402. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  403. package/types/slotted-angular-timeline.d.ts.map +1 -1
  404. package/types/slotted-angular-toast.d.ts +2 -2
  405. package/types/slotted-angular-toast.d.ts.map +1 -1
  406. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  407. package/types/slotted-angular-toggle.d.ts.map +1 -1
  408. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  409. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  410. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  411. package/types/slotted-angular-tour.d.ts.map +1 -1
  412. package/types/slotted-angular-transfer.d.ts.map +1 -1
  413. package/types/slotted-angular-tree.d.ts.map +1 -1
  414. package/types/slotted-angular-typography.d.ts.map +1 -1
  415. package/types/slotted-angular-upload.d.ts +2 -2
  416. package/types/slotted-angular-upload.d.ts.map +1 -1
  417. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  418. package/types/slotted-angular-wizard.d.ts.map +1 -1
@@ -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