@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
@@ -455,22 +455,24 @@ class SlRating {
455
455
  return getComputedStyle(this.element).direction === 'rtl';
456
456
  }
457
457
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRating, deps: [], target: i0.ɵɵFactoryTarget.Component });
458
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRating, isStandalone: true, selector: "div[slRating]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChangeRequest: "valueChangeRequest", previewChange: "previewChange" }, host: { attributes: { "data-ui": "rating", "data-part": "root" }, listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)", "pointerleave": "onLeave()" }, properties: { "attr.role": "resolvedRole()", "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "attr.data-max": "resolvedMax()", "attr.data-step": "resolvedStep() === 0.5 ? '0.5' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-dragging": "dragging() ? '' : null", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "resolvedInvalid() === true ? 'true' : null", "attr.aria-readonly": "resolvedReadOnly() === true ? 'true' : null", "attr.aria-required": "resolvedRequired() === true ? 'true' : null" } }, providers: [
458
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRating, isStandalone: true, selector: "div[slRating]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChangeRequest: "valueChangeRequest", previewChange: "previewChange" }, host: { attributes: { "data-ui": "rating", "data-ui-rating": "", "data-part": "root", "data-part-root": "" }, listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)", "pointerleave": "onLeave()" }, properties: { "attr.role": "resolvedRole()", "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "attr.data-max": "resolvedMax()", "attr.data-step": "resolvedStep() === 0.5 ? '0.5' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-dragging": "dragging() ? '' : null", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "resolvedInvalid() === true ? 'true' : null", "attr.aria-readonly": "resolvedReadOnly() === true ? 'true' : null", "attr.aria-required": "resolvedRequired() === true ? 'true' : null" } }, providers: [
459
459
  { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlRating), multi: true },
460
460
  { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlRating), multi: true },
461
461
  ], queries: [{ propertyName: "caption", first: true, predicate: SlRatingCaption, descendants: true, isSignal: true }, { propertyName: "symbol", first: true, predicate: SlRatingSymbol, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "radios", predicate: ["radioInput"], descendants: true, isSignal: true }], exportAs: ["slRating"], ngImport: i0, template: `<div
462
462
  data-part="symbols"
463
+ data-part-symbols=""
463
464
  (pointerdown)="onRowPointerDown($event)"
464
465
  (pointermove)="onRowPointerMove($event)"
465
466
  (pointerup)="onRowPointerUp($event)"
466
467
  (pointercancel)="onRowPointerCancel()"
467
468
  >
468
469
  @for (item of items(); track item.index) {
469
- <span data-part="item" [attr.data-checked]="item.checked ? '' : null">
470
+ <span data-part="item" data-part-item="" [attr.data-checked]="item.checked ? '' : null">
470
471
  @for (radio of item.radios; track radio.value) {
471
472
  <input
472
473
  #radioInput
473
474
  data-part="input"
475
+ data-part-input=""
474
476
  type="radio"
475
477
  [attr.data-half]="radio.half ? '' : null"
476
478
  [attr.name]="resolvedName()"
@@ -483,14 +485,14 @@ class SlRating {
483
485
  (blur)="onBlur()"
484
486
  />
485
487
  }
486
- <span data-part="symbol">
488
+ <span data-part="symbol" data-part-symbol="">
487
489
  @if (symbol(); as custom) {
488
490
  <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
489
491
  } @else {
490
492
  <span slIcon><svg slGlyph name="star"></svg></span>
491
493
  }
492
494
  </span>
493
- <span data-part="fill">
495
+ <span data-part="fill" data-part-fill="">
494
496
  @if (symbol(); as custom) {
495
497
  <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
496
498
  } @else {
@@ -501,30 +503,32 @@ class SlRating {
501
503
  }
502
504
  </div>
503
505
  @if (caption(); as words) {
504
- <span data-part="value" aria-hidden="true">
506
+ <span data-part="value" data-part-value="" aria-hidden="true">
505
507
  @if (words.template; as captionTemplate) {
506
508
  <ng-container *ngTemplateOutlet="captionTemplate; context: captionContext()" />
507
509
  } @else {
508
510
  <ng-content select="[slRatingCaption]" />
509
511
  }
510
512
  </span>
511
- }`, isInline: true, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
513
+ }`, isInline: true, styles: ["@layer slotted.components{[data-ui-rating][data-part-root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui-rating][data-part-root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-rating][data-part-root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-rating][data-part-root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui-rating][data-part-root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui-rating][data-part-root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui-rating] [data-part-symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui-rating] [data-part-symbols]:has([data-part-input]){column-gap:0;touch-action:pan-y}[data-ui-rating] [data-part-item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui-rating] :is([data-part-symbol],[data-part-fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-rating] :is([data-part-symbol],[data-part-fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] [data-part-symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui-rating] [data-part-fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui-rating][data-part-root]:dir(rtl) [data-part-fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui-rating] [data-part-fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui-rating] [data-part-input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui-rating] [data-part-input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui-rating] [data-part-item]:has(~[data-part-item]>[data-part-input]:checked),[data-ui-rating] [data-part-item]:has(>[data-part-input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating] [data-part-item]:has(>[data-part-input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]:is(:has(~[data-part-item]>[data-part-input]:hover:not(:disabled)),:has(>[data-part-input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root][data-dragging] [data-part-fill]{transition-duration:var(--slotted-duration-instant)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input]:active:not(:disabled))>:is([data-part-symbol],[data-part-fill]){scale:.94}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating][data-part-root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui-rating][data-part-root][data-invalid] [data-part-symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui-rating][data-part-root][data-readonly] [data-part-input]{cursor:default}[data-ui-rating][data-part-root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-disabled] [data-part-input]{cursor:not-allowed}[data-ui-rating] [data-part-value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui-rating] [data-part-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating][data-part-root]:has([data-part-input])>[data-part-value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled))>[data-part-value]{color:var(--slotted-text, CanvasText)}[data-ui-rating][data-part-root][data-disabled]>[data-part-value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui-rating][data-part-root]>:is([data-part-value],[data-part-count]),[data-ui-rating] [data-part-level-count],[data-ui-rating] [data-part-level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui-rating][data-part-root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=compact] [data-part-item]{--_fill: 1}[data-ui-rating][data-part-root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui-rating] [data-part-aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-aggregate]>[data-part-value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-rating] [data-part-scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-aggregate]>:not([data-part-value],[data-part-scale]){grid-column:1 / -1}[data-ui-rating] [data-part-aggregate]>[data-part-count]{white-space:normal}[data-ui-rating] [data-part-distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-rating] [data-part-level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-level]{cursor:pointer}[data-ui-rating] button[data-part-level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating] [data-part-level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui-rating] [data-part-level][data-pressed] [data-part-level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] button[data-part-level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-rating] [data-part-level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating] [data-part-level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-level-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui-rating] [data-part-indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui-rating] [data-part-indicator]{inline-size:0}}[data-ui-rating] [data-part-level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui-rating][data-disabled] [data-part-indicator],[data-ui-rating] button[data-part-level]:disabled [data-part-indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]>[data-part-count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui-rating] [data-part-insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui-rating] [data-part-plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui-rating] [data-part-field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui-rating] :is([data-part-columns],[data-part-axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui-rating] [data-part-columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui-rating] [data-part-column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-column]{cursor:pointer}[data-ui-rating] button[data-part-column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-rating] [data-part-column]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui-rating] [data-part-column]>[data-part-bar]{block-size:0}}[data-ui-rating] [data-part-columns]:has([data-pressed]) [data-part-column]:not([data-pressed])>[data-part-bar]{background-color:var(--_off)}[data-ui-rating] :is([data-part-interval],[data-part-mean]){pointer-events:none;position:absolute}[data-ui-rating] [data-part-interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui-rating] [data-part-mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui-rating] [data-part-mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui-rating][data-part-root]:dir(rtl) [data-part-mean-label]{translate:50% 0}[data-ui-rating] [data-part-tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-tick-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui-rating] [data-part-bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] [data-part-swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui-rating][data-part-root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=histogram] [data-part-item]{--_fill: 1}[data-ui-rating] [data-part-histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-histogram]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui-rating] [data-part-level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui-rating][data-part-root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui-rating][data-part-root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui-rating] [data-part-track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] :is([data-part-insight],[data-part-swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] [data-part-column][data-pressed],[data-ui-rating] [data-part-level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){outline-color:Highlight}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
512
514
  }
513
515
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRating, decorators: [{
514
516
  type: Component,
515
517
  args: [{ selector: 'div[slRating]', standalone: true, exportAs: 'slRating', imports: [NgTemplateOutlet, SlGlyph, SlIcon], template: `<div
516
518
  data-part="symbols"
519
+ data-part-symbols=""
517
520
  (pointerdown)="onRowPointerDown($event)"
518
521
  (pointermove)="onRowPointerMove($event)"
519
522
  (pointerup)="onRowPointerUp($event)"
520
523
  (pointercancel)="onRowPointerCancel()"
521
524
  >
522
525
  @for (item of items(); track item.index) {
523
- <span data-part="item" [attr.data-checked]="item.checked ? '' : null">
526
+ <span data-part="item" data-part-item="" [attr.data-checked]="item.checked ? '' : null">
524
527
  @for (radio of item.radios; track radio.value) {
525
528
  <input
526
529
  #radioInput
527
530
  data-part="input"
531
+ data-part-input=""
528
532
  type="radio"
529
533
  [attr.data-half]="radio.half ? '' : null"
530
534
  [attr.name]="resolvedName()"
@@ -537,14 +541,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
537
541
  (blur)="onBlur()"
538
542
  />
539
543
  }
540
- <span data-part="symbol">
544
+ <span data-part="symbol" data-part-symbol="">
541
545
  @if (symbol(); as custom) {
542
546
  <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
543
547
  } @else {
544
548
  <span slIcon><svg slGlyph name="star"></svg></span>
545
549
  }
546
550
  </span>
547
- <span data-part="fill">
551
+ <span data-part="fill" data-part-fill="">
548
552
  @if (symbol(); as custom) {
549
553
  <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
550
554
  } @else {
@@ -555,7 +559,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
555
559
  }
556
560
  </div>
557
561
  @if (caption(); as words) {
558
- <span data-part="value" aria-hidden="true">
562
+ <span data-part="value" data-part-value="" aria-hidden="true">
559
563
  @if (words.template; as captionTemplate) {
560
564
  <ng-container *ngTemplateOutlet="captionTemplate; context: captionContext()" />
561
565
  } @else {
@@ -567,7 +571,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
567
571
  { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlRating), multi: true },
568
572
  ], host: {
569
573
  'data-ui': 'rating',
574
+ 'data-ui-rating': '',
570
575
  'data-part': 'root',
576
+ 'data-part-root': '',
571
577
  '[attr.role]': 'resolvedRole()',
572
578
  '[attr.data-size]': 'resolvedSize()',
573
579
  '[attr.data-tone]': 'resolvedTone()',
@@ -584,7 +590,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
584
590
  '(keydown)': 'onKeyDown($event)',
585
591
  '(click)': 'onClick($event)',
586
592
  '(pointerleave)': 'onLeave()',
587
- }, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"] }]
593
+ }, styles: ["@layer slotted.components{[data-ui-rating][data-part-root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui-rating][data-part-root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-rating][data-part-root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-rating][data-part-root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui-rating][data-part-root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui-rating][data-part-root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui-rating] [data-part-symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui-rating] [data-part-symbols]:has([data-part-input]){column-gap:0;touch-action:pan-y}[data-ui-rating] [data-part-item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui-rating] :is([data-part-symbol],[data-part-fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-rating] :is([data-part-symbol],[data-part-fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] [data-part-symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui-rating] [data-part-fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui-rating][data-part-root]:dir(rtl) [data-part-fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui-rating] [data-part-fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui-rating] [data-part-input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui-rating] [data-part-input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui-rating] [data-part-item]:has(~[data-part-item]>[data-part-input]:checked),[data-ui-rating] [data-part-item]:has(>[data-part-input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating] [data-part-item]:has(>[data-part-input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]:is(:has(~[data-part-item]>[data-part-input]:hover:not(:disabled)),:has(>[data-part-input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root][data-dragging] [data-part-fill]{transition-duration:var(--slotted-duration-instant)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input]:active:not(:disabled))>:is([data-part-symbol],[data-part-fill]){scale:.94}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating][data-part-root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui-rating][data-part-root][data-invalid] [data-part-symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui-rating][data-part-root][data-readonly] [data-part-input]{cursor:default}[data-ui-rating][data-part-root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-disabled] [data-part-input]{cursor:not-allowed}[data-ui-rating] [data-part-value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui-rating] [data-part-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating][data-part-root]:has([data-part-input])>[data-part-value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled))>[data-part-value]{color:var(--slotted-text, CanvasText)}[data-ui-rating][data-part-root][data-disabled]>[data-part-value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui-rating][data-part-root]>:is([data-part-value],[data-part-count]),[data-ui-rating] [data-part-level-count],[data-ui-rating] [data-part-level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui-rating][data-part-root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=compact] [data-part-item]{--_fill: 1}[data-ui-rating][data-part-root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui-rating] [data-part-aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-aggregate]>[data-part-value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-rating] [data-part-scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-aggregate]>:not([data-part-value],[data-part-scale]){grid-column:1 / -1}[data-ui-rating] [data-part-aggregate]>[data-part-count]{white-space:normal}[data-ui-rating] [data-part-distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-rating] [data-part-level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-level]{cursor:pointer}[data-ui-rating] button[data-part-level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating] [data-part-level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui-rating] [data-part-level][data-pressed] [data-part-level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] button[data-part-level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-rating] [data-part-level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating] [data-part-level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-level-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui-rating] [data-part-indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui-rating] [data-part-indicator]{inline-size:0}}[data-ui-rating] [data-part-level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui-rating][data-disabled] [data-part-indicator],[data-ui-rating] button[data-part-level]:disabled [data-part-indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]>[data-part-count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui-rating] [data-part-insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui-rating] [data-part-plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui-rating] [data-part-field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui-rating] :is([data-part-columns],[data-part-axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui-rating] [data-part-columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui-rating] [data-part-column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-column]{cursor:pointer}[data-ui-rating] button[data-part-column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-rating] [data-part-column]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui-rating] [data-part-column]>[data-part-bar]{block-size:0}}[data-ui-rating] [data-part-columns]:has([data-pressed]) [data-part-column]:not([data-pressed])>[data-part-bar]{background-color:var(--_off)}[data-ui-rating] :is([data-part-interval],[data-part-mean]){pointer-events:none;position:absolute}[data-ui-rating] [data-part-interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui-rating] [data-part-mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui-rating] [data-part-mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui-rating][data-part-root]:dir(rtl) [data-part-mean-label]{translate:50% 0}[data-ui-rating] [data-part-tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-tick-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui-rating] [data-part-bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] [data-part-swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui-rating][data-part-root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=histogram] [data-part-item]{--_fill: 1}[data-ui-rating] [data-part-histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-histogram]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui-rating] [data-part-level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui-rating][data-part-root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui-rating][data-part-root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui-rating] [data-part-track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] :is([data-part-insight],[data-part-swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] [data-part-column][data-pressed],[data-ui-rating] [data-part-level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){outline-color:Highlight}}}\n"] }]
588
594
  }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], previewChange: [{ type: i0.Output, args: ["previewChange"] }], caption: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlRatingCaption), { isSignal: true }] }], symbol: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlRatingSymbol), { isSignal: true }] }], radios: [{ type: i0.ViewChildren, args: ['radioInput', { isSignal: true }] }] } });
589
595
 
590
596
  /**
@@ -677,63 +683,65 @@ class SlRatingDisplay {
677
683
  }, /* @ts-ignore */
678
684
  ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
679
685
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
680
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRatingDisplay, isStandalone: true, selector: "div[slRatingDisplay]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, distribution: { classPropertyName: "distribution", publicName: "distribution", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "rating", "data-part": "root", "role": "img" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "attr.data-variant": "resolvedVariant() === 'full' ? null : resolvedVariant()", "attr.aria-label": "label()" } }, exportAs: ["slRatingDisplay"], ngImport: i0, template: `<div data-part="symbols">
686
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRatingDisplay, isStandalone: true, selector: "div[slRatingDisplay]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, distribution: { classPropertyName: "distribution", publicName: "distribution", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "rating", "data-ui-rating": "", "data-part": "root", "data-part-root": "", "role": "img" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "attr.data-variant": "resolvedVariant() === 'full' ? null : resolvedVariant()", "attr.aria-label": "label()" } }, exportAs: ["slRatingDisplay"], ngImport: i0, template: `<div data-part="symbols" data-part-symbols="">
681
687
  @for (fill of fills(); track $index) {
682
- <span data-part="item" [style.--slotted-rating-fill]="fill"
683
- ><span data-part="symbol"
688
+ <span data-part="item" data-part-item="" [style.--slotted-rating-fill]="fill"
689
+ ><span data-part="symbol" data-part-symbol=""
684
690
  ><span slIcon><svg slGlyph name="star"></svg></span></span
685
- ><span data-part="fill"
691
+ ><span data-part="fill" data-part-fill=""
686
692
  ><span slIcon><svg slGlyph name="star"></svg></span></span
687
693
  ></span>
688
694
  }
689
695
  </div>
690
696
  @if (showValue()) {
691
- <span data-part="value" aria-hidden="true">{{ valueText() }}</span>
697
+ <span data-part="value" data-part-value="" aria-hidden="true">{{ valueText() }}</span>
692
698
  }
693
699
  @if (resolvedVariant() === 'histogram') {
694
- <span data-part="histogram" aria-hidden="true">
700
+ <span data-part="histogram" data-part-histogram="" aria-hidden="true">
695
701
  @for (share of shares(); track $index) {
696
- <span data-part="bar" [style.--slotted-rating-share]="share"></span>
702
+ <span data-part="bar" data-part-bar="" [style.--slotted-rating-share]="share"></span>
697
703
  }
698
704
  </span>
699
705
  }
700
706
  @if (countText(); as text) {
701
- <span data-part="count" aria-hidden="true">{{ text }}</span>
702
- }`, isInline: true, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\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 });
707
+ <span data-part="count" data-part-count="" aria-hidden="true">{{ text }}</span>
708
+ }`, isInline: true, styles: ["@layer slotted.components{[data-ui-rating][data-part-root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui-rating][data-part-root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-rating][data-part-root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-rating][data-part-root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui-rating][data-part-root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui-rating][data-part-root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui-rating] [data-part-symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui-rating] [data-part-symbols]:has([data-part-input]){column-gap:0;touch-action:pan-y}[data-ui-rating] [data-part-item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui-rating] :is([data-part-symbol],[data-part-fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-rating] :is([data-part-symbol],[data-part-fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] [data-part-symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui-rating] [data-part-fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui-rating][data-part-root]:dir(rtl) [data-part-fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui-rating] [data-part-fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui-rating] [data-part-input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui-rating] [data-part-input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui-rating] [data-part-item]:has(~[data-part-item]>[data-part-input]:checked),[data-ui-rating] [data-part-item]:has(>[data-part-input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating] [data-part-item]:has(>[data-part-input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]:is(:has(~[data-part-item]>[data-part-input]:hover:not(:disabled)),:has(>[data-part-input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root][data-dragging] [data-part-fill]{transition-duration:var(--slotted-duration-instant)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input]:active:not(:disabled))>:is([data-part-symbol],[data-part-fill]){scale:.94}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating][data-part-root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui-rating][data-part-root][data-invalid] [data-part-symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui-rating][data-part-root][data-readonly] [data-part-input]{cursor:default}[data-ui-rating][data-part-root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-disabled] [data-part-input]{cursor:not-allowed}[data-ui-rating] [data-part-value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui-rating] [data-part-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating][data-part-root]:has([data-part-input])>[data-part-value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled))>[data-part-value]{color:var(--slotted-text, CanvasText)}[data-ui-rating][data-part-root][data-disabled]>[data-part-value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui-rating][data-part-root]>:is([data-part-value],[data-part-count]),[data-ui-rating] [data-part-level-count],[data-ui-rating] [data-part-level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui-rating][data-part-root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=compact] [data-part-item]{--_fill: 1}[data-ui-rating][data-part-root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui-rating] [data-part-aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-aggregate]>[data-part-value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-rating] [data-part-scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-aggregate]>:not([data-part-value],[data-part-scale]){grid-column:1 / -1}[data-ui-rating] [data-part-aggregate]>[data-part-count]{white-space:normal}[data-ui-rating] [data-part-distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-rating] [data-part-level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-level]{cursor:pointer}[data-ui-rating] button[data-part-level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating] [data-part-level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui-rating] [data-part-level][data-pressed] [data-part-level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] button[data-part-level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-rating] [data-part-level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating] [data-part-level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-level-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui-rating] [data-part-indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui-rating] [data-part-indicator]{inline-size:0}}[data-ui-rating] [data-part-level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui-rating][data-disabled] [data-part-indicator],[data-ui-rating] button[data-part-level]:disabled [data-part-indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]>[data-part-count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui-rating] [data-part-insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui-rating] [data-part-plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui-rating] [data-part-field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui-rating] :is([data-part-columns],[data-part-axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui-rating] [data-part-columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui-rating] [data-part-column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-column]{cursor:pointer}[data-ui-rating] button[data-part-column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-rating] [data-part-column]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui-rating] [data-part-column]>[data-part-bar]{block-size:0}}[data-ui-rating] [data-part-columns]:has([data-pressed]) [data-part-column]:not([data-pressed])>[data-part-bar]{background-color:var(--_off)}[data-ui-rating] :is([data-part-interval],[data-part-mean]){pointer-events:none;position:absolute}[data-ui-rating] [data-part-interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui-rating] [data-part-mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui-rating] [data-part-mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui-rating][data-part-root]:dir(rtl) [data-part-mean-label]{translate:50% 0}[data-ui-rating] [data-part-tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-tick-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui-rating] [data-part-bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] [data-part-swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui-rating][data-part-root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=histogram] [data-part-item]{--_fill: 1}[data-ui-rating] [data-part-histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-histogram]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui-rating] [data-part-level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui-rating][data-part-root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui-rating][data-part-root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui-rating] [data-part-track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] :is([data-part-insight],[data-part-swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] [data-part-column][data-pressed],[data-ui-rating] [data-part-level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){outline-color:Highlight}}}\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 });
703
709
  }
704
710
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingDisplay, decorators: [{
705
711
  type: Component,
706
- args: [{ selector: 'div[slRatingDisplay]', standalone: true, exportAs: 'slRatingDisplay', imports: [SlGlyph, SlIcon], template: `<div data-part="symbols">
712
+ args: [{ selector: 'div[slRatingDisplay]', standalone: true, exportAs: 'slRatingDisplay', imports: [SlGlyph, SlIcon], template: `<div data-part="symbols" data-part-symbols="">
707
713
  @for (fill of fills(); track $index) {
708
- <span data-part="item" [style.--slotted-rating-fill]="fill"
709
- ><span data-part="symbol"
714
+ <span data-part="item" data-part-item="" [style.--slotted-rating-fill]="fill"
715
+ ><span data-part="symbol" data-part-symbol=""
710
716
  ><span slIcon><svg slGlyph name="star"></svg></span></span
711
- ><span data-part="fill"
717
+ ><span data-part="fill" data-part-fill=""
712
718
  ><span slIcon><svg slGlyph name="star"></svg></span></span
713
719
  ></span>
714
720
  }
715
721
  </div>
716
722
  @if (showValue()) {
717
- <span data-part="value" aria-hidden="true">{{ valueText() }}</span>
723
+ <span data-part="value" data-part-value="" aria-hidden="true">{{ valueText() }}</span>
718
724
  }
719
725
  @if (resolvedVariant() === 'histogram') {
720
- <span data-part="histogram" aria-hidden="true">
726
+ <span data-part="histogram" data-part-histogram="" aria-hidden="true">
721
727
  @for (share of shares(); track $index) {
722
- <span data-part="bar" [style.--slotted-rating-share]="share"></span>
728
+ <span data-part="bar" data-part-bar="" [style.--slotted-rating-share]="share"></span>
723
729
  }
724
730
  </span>
725
731
  }
726
732
  @if (countText(); as text) {
727
- <span data-part="count" aria-hidden="true">{{ text }}</span>
733
+ <span data-part="count" data-part-count="" aria-hidden="true">{{ text }}</span>
728
734
  }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
729
735
  'data-ui': 'rating',
736
+ 'data-ui-rating': '',
730
737
  'data-part': 'root',
738
+ 'data-part-root': '',
731
739
  role: 'img',
732
740
  '[attr.data-size]': 'resolvedSize()',
733
741
  '[attr.data-tone]': 'resolvedTone()',
734
742
  '[attr.data-variant]': "resolvedVariant() === 'full' ? null : resolvedVariant()",
735
743
  '[attr.aria-label]': 'label()',
736
- }, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"] }]
744
+ }, styles: ["@layer slotted.components{[data-ui-rating][data-part-root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui-rating][data-part-root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-rating][data-part-root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-rating][data-part-root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui-rating][data-part-root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui-rating][data-part-root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui-rating] [data-part-symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui-rating] [data-part-symbols]:has([data-part-input]){column-gap:0;touch-action:pan-y}[data-ui-rating] [data-part-item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui-rating] :is([data-part-symbol],[data-part-fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-rating] :is([data-part-symbol],[data-part-fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] [data-part-symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui-rating] [data-part-fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui-rating][data-part-root]:dir(rtl) [data-part-fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui-rating] [data-part-fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui-rating] [data-part-input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui-rating] [data-part-input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui-rating] [data-part-item]:has(~[data-part-item]>[data-part-input]:checked),[data-ui-rating] [data-part-item]:has(>[data-part-input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating] [data-part-item]:has(>[data-part-input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]:is(:has(~[data-part-item]>[data-part-input]:hover:not(:disabled)),:has(>[data-part-input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root][data-dragging] [data-part-fill]{transition-duration:var(--slotted-duration-instant)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input]:active:not(:disabled))>:is([data-part-symbol],[data-part-fill]){scale:.94}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating][data-part-root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui-rating][data-part-root][data-invalid] [data-part-symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui-rating][data-part-root][data-readonly] [data-part-input]{cursor:default}[data-ui-rating][data-part-root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-disabled] [data-part-input]{cursor:not-allowed}[data-ui-rating] [data-part-value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui-rating] [data-part-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating][data-part-root]:has([data-part-input])>[data-part-value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled))>[data-part-value]{color:var(--slotted-text, CanvasText)}[data-ui-rating][data-part-root][data-disabled]>[data-part-value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui-rating][data-part-root]>:is([data-part-value],[data-part-count]),[data-ui-rating] [data-part-level-count],[data-ui-rating] [data-part-level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui-rating][data-part-root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=compact] [data-part-item]{--_fill: 1}[data-ui-rating][data-part-root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui-rating] [data-part-aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-aggregate]>[data-part-value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-rating] [data-part-scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-aggregate]>:not([data-part-value],[data-part-scale]){grid-column:1 / -1}[data-ui-rating] [data-part-aggregate]>[data-part-count]{white-space:normal}[data-ui-rating] [data-part-distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-rating] [data-part-level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-level]{cursor:pointer}[data-ui-rating] button[data-part-level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating] [data-part-level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui-rating] [data-part-level][data-pressed] [data-part-level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] button[data-part-level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-rating] [data-part-level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating] [data-part-level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-level-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui-rating] [data-part-indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui-rating] [data-part-indicator]{inline-size:0}}[data-ui-rating] [data-part-level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui-rating][data-disabled] [data-part-indicator],[data-ui-rating] button[data-part-level]:disabled [data-part-indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]>[data-part-count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui-rating] [data-part-insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui-rating] [data-part-plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui-rating] [data-part-field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui-rating] :is([data-part-columns],[data-part-axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui-rating] [data-part-columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui-rating] [data-part-column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-column]{cursor:pointer}[data-ui-rating] button[data-part-column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-rating] [data-part-column]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui-rating] [data-part-column]>[data-part-bar]{block-size:0}}[data-ui-rating] [data-part-columns]:has([data-pressed]) [data-part-column]:not([data-pressed])>[data-part-bar]{background-color:var(--_off)}[data-ui-rating] :is([data-part-interval],[data-part-mean]){pointer-events:none;position:absolute}[data-ui-rating] [data-part-interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui-rating] [data-part-mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui-rating] [data-part-mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui-rating][data-part-root]:dir(rtl) [data-part-mean-label]{translate:50% 0}[data-ui-rating] [data-part-tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-tick-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui-rating] [data-part-bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] [data-part-swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui-rating][data-part-root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=histogram] [data-part-item]{--_fill: 1}[data-ui-rating] [data-part-histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-histogram]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui-rating] [data-part-level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui-rating][data-part-root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui-rating][data-part-root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui-rating] [data-part-track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] :is([data-part-insight],[data-part-swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] [data-part-column][data-pressed],[data-ui-rating] [data-part-level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){outline-color:Highlight}}}\n"] }]
737
745
  }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], distribution: [{ type: i0.Input, args: [{ isSignal: true, alias: "distribution", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }] } });
738
746
 
739
747
  /** Stands in for the share while a message is written, so the share can be set apart. */
@@ -918,18 +926,20 @@ class SlRatingSummary {
918
926
  this.selectedLevels.set(next);
919
927
  }
920
928
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
921
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRatingSummary, isStandalone: true, selector: "section[slRatingSummary]", inputs: { counts: { classPropertyName: "counts", publicName: "counts", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, selectedLevels: { classPropertyName: "selectedLevels", publicName: "selectedLevels", isSignal: true, isRequired: false, transformFunction: null }, insightThresholds: { classPropertyName: "insightThresholds", publicName: "insightThresholds", isSignal: true, isRequired: false, transformFunction: null }, showInsight: { classPropertyName: "showInsight", publicName: "showInsight", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedLevels: "selectedLevelsChange", selectedLevelsChangeRequest: "selectedLevelsChangeRequest" }, host: { attributes: { "data-ui": "rating", "data-part": "root" }, properties: { "attr.data-variant": "resolvedVariant() === 'bars' ? 'summary' : 'spectrum'", "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "style.--slotted-rating-mean": "meanProperties()?.mean ?? null", "style.--slotted-rating-low": "meanProperties()?.low ?? null", "style.--slotted-rating-high": "meanProperties()?.high ?? null" } }, exportAs: ["slRatingSummary"], ngImport: i0, template: `<ng-template #levelLabel let-level
922
- ><span data-part="level-label"
929
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRatingSummary, isStandalone: true, selector: "section[slRatingSummary]", inputs: { counts: { classPropertyName: "counts", publicName: "counts", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, selectedLevels: { classPropertyName: "selectedLevels", publicName: "selectedLevels", isSignal: true, isRequired: false, transformFunction: null }, insightThresholds: { classPropertyName: "insightThresholds", publicName: "insightThresholds", isSignal: true, isRequired: false, transformFunction: null }, showInsight: { classPropertyName: "showInsight", publicName: "showInsight", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedLevels: "selectedLevelsChange", selectedLevelsChangeRequest: "selectedLevelsChangeRequest" }, host: { attributes: { "data-ui": "rating", "data-ui-rating": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-variant": "resolvedVariant() === 'bars' ? 'summary' : 'spectrum'", "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "style.--slotted-rating-mean": "meanProperties()?.mean ?? null", "style.--slotted-rating-low": "meanProperties()?.low ?? null", "style.--slotted-rating-high": "meanProperties()?.high ?? null" } }, exportAs: ["slRatingSummary"], ngImport: i0, template: `<ng-template #levelLabel let-level
930
+ ><span data-part="level-label" data-part-level-label=""
923
931
  ><span>{{ level }}</span
924
932
  ><span slIcon><svg slGlyph name="star"></svg></span></span
925
933
  ></ng-template>
926
- <div data-part="aggregate">
934
+ <div data-part="aggregate" data-part-aggregate="">
927
935
  @if (summary().total > 0) {
928
- <span data-part="value">{{ averageText() }}</span>
929
- <span data-part="scale">{{ scaleText() }}</span>
936
+ <span data-part="value" data-part-value="">{{ averageText() }}</span>
937
+ <span data-part="scale" data-part-scale="">{{ scaleText() }}</span>
930
938
  }
931
939
  @if (insight(); as conclusion) {
932
- <span data-part="insight" [attr.data-tone]="conclusion.tone">{{ conclusion.text }}</span>
940
+ <span data-part="insight" data-part-insight="" [attr.data-tone]="conclusion.tone">{{
941
+ conclusion.text
942
+ }}</span>
933
943
  }
934
944
  @if (resolvedVariant() === 'bars') {
935
945
  <div
@@ -943,15 +953,20 @@ class SlRatingSummary {
943
953
  [locale]="resolvedLocale()"
944
954
  ></div>
945
955
  }
946
- <span data-part="count">{{ countText() }}</span>
956
+ <span data-part="count" data-part-count="">{{ countText() }}</span>
947
957
  </div>
948
958
  @if (resolvedVariant() === 'bars') {
949
- <ul data-part="distribution" [attr.aria-label]="t('distributionLabel')">
959
+ <ul
960
+ data-part="distribution"
961
+ data-part-distribution=""
962
+ [attr.aria-label]="t('distributionLabel')"
963
+ >
950
964
  @for (level of highestFirst(); track level.level) {
951
965
  <li>
952
966
  @if (filterable()) {
953
967
  <button
954
968
  data-part="level"
969
+ data-part-level=""
955
970
  type="button"
956
971
  [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
957
972
  [attr.data-pressed]="level.pressed ? '' : null"
@@ -962,7 +977,12 @@ class SlRatingSummary {
962
977
  <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
963
978
  </button>
964
979
  } @else {
965
- <div data-part="level" role="group" [attr.aria-label]="level.label">
980
+ <div
981
+ data-part="level"
982
+ data-part-level=""
983
+ role="group"
984
+ [attr.aria-label]="level.label"
985
+ >
966
986
  <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
967
987
  </div>
968
988
  }
@@ -972,18 +992,26 @@ class SlRatingSummary {
972
992
  <ng-template #levelBody let-level
973
993
  ><ng-container *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }" /><span
974
994
  data-part="track"
995
+ data-part-track=""
975
996
  aria-hidden="true"
976
- ><span data-part="indicator" [style.--slotted-rating-share]="level.share"></span></span
977
- ><span data-part="level-count">{{ level.countText }}</span></ng-template
997
+ ><span
998
+ data-part="indicator"
999
+ data-part-indicator=""
1000
+ [style.--slotted-rating-share]="level.share"
1001
+ ></span></span
1002
+ ><span data-part="level-count" data-part-level-count="">{{
1003
+ level.countText
1004
+ }}</span></ng-template
978
1005
  >
979
1006
  } @else {
980
- <div data-part="plot">
981
- <div data-part="field">
982
- <div data-part="columns">
1007
+ <div data-part="plot" data-part-plot="">
1008
+ <div data-part="field" data-part-field="">
1009
+ <div data-part="columns" data-part-columns="">
983
1010
  @for (level of lowestFirst(); track level.level) {
984
1011
  @if (filterable()) {
985
1012
  <button
986
1013
  data-part="column"
1014
+ data-part-column=""
987
1015
  type="button"
988
1016
  [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
989
1017
  [attr.data-pressed]="level.pressed ? '' : null"
@@ -992,64 +1020,69 @@ class SlRatingSummary {
992
1020
  [style.--slotted-rating-share]="level.peak"
993
1021
  (click)="toggle(level.level, $event)"
994
1022
  >
995
- <span data-part="bar"></span>
1023
+ <span data-part="bar" data-part-bar=""></span>
996
1024
  </button>
997
1025
  } @else {
998
1026
  <div
999
1027
  data-part="column"
1028
+ data-part-column=""
1000
1029
  role="group"
1001
1030
  [attr.aria-label]="level.label"
1002
1031
  [style.--slotted-rating-share]="level.peak"
1003
1032
  >
1004
- <span data-part="bar"></span>
1033
+ <span data-part="bar" data-part-bar=""></span>
1005
1034
  </div>
1006
1035
  }
1007
1036
  }
1008
1037
  </div>
1009
1038
  @if (summary().total > 0) {
1010
- <span data-part="interval" aria-hidden="true"></span>
1011
- <span data-part="mean" aria-hidden="true"
1012
- ><span data-part="mean-label">{{ averageText() }}</span></span
1039
+ <span data-part="interval" data-part-interval="" aria-hidden="true"></span>
1040
+ <span data-part="mean" data-part-mean="" aria-hidden="true"
1041
+ ><span data-part="mean-label" data-part-mean-label="">{{ averageText() }}</span></span
1013
1042
  >
1014
1043
  }
1015
1044
  </div>
1016
- <div data-part="axis" aria-hidden="true">
1045
+ <div data-part="axis" data-part-axis="" aria-hidden="true">
1017
1046
  @for (level of lowestFirst(); track level.level) {
1018
- <span data-part="tick"
1047
+ <span data-part="tick" data-part-tick=""
1019
1048
  ><ng-container
1020
1049
  *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }"
1021
- /><span data-part="tick-share">{{ level.shareText }}</span></span
1050
+ /><span data-part="tick-share" data-part-tick-share="">{{
1051
+ level.shareText
1052
+ }}</span></span
1022
1053
  >
1023
1054
  }
1024
1055
  </div>
1025
1056
  </div>
1026
1057
  @if (summary().total > 0) {
1027
- <p data-part="sentiment">
1058
+ <p data-part="sentiment" data-part-sentiment="">
1028
1059
  @for (bucket of buckets(); track bucket.key) {
1029
- <span data-part="bucket" [attr.data-tone]="bucket.tone"
1030
- ><span data-part="swatch" aria-hidden="true"></span>{{ bucket.before
1031
- }}<strong>{{ bucket.share }}</strong
1060
+ <span data-part="bucket" data-part-bucket="" [attr.data-tone]="bucket.tone"
1061
+ ><span data-part="swatch" data-part-swatch="" aria-hidden="true"></span
1062
+ >{{ bucket.before }}<strong>{{ bucket.share }}</strong
1032
1063
  >{{ bucket.after }}</span
1033
1064
  >
1034
1065
  }
1035
1066
  </p>
1036
1067
  }
1037
- }`, isInline: true, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlRatingDisplay, selector: "div[slRatingDisplay]", inputs: ["value", "max", "size", "tone", "variant", "count", "distribution", "showValue", "messages", "locale"], exportAs: ["slRatingDisplay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1068
+ }`, isInline: true, styles: ["@layer slotted.components{[data-ui-rating][data-part-root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui-rating][data-part-root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-rating][data-part-root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-rating][data-part-root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui-rating][data-part-root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui-rating][data-part-root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui-rating] [data-part-symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui-rating] [data-part-symbols]:has([data-part-input]){column-gap:0;touch-action:pan-y}[data-ui-rating] [data-part-item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui-rating] :is([data-part-symbol],[data-part-fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-rating] :is([data-part-symbol],[data-part-fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] [data-part-symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui-rating] [data-part-fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui-rating][data-part-root]:dir(rtl) [data-part-fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui-rating] [data-part-fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui-rating] [data-part-input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui-rating] [data-part-input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui-rating] [data-part-item]:has(~[data-part-item]>[data-part-input]:checked),[data-ui-rating] [data-part-item]:has(>[data-part-input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating] [data-part-item]:has(>[data-part-input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]:is(:has(~[data-part-item]>[data-part-input]:hover:not(:disabled)),:has(>[data-part-input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root][data-dragging] [data-part-fill]{transition-duration:var(--slotted-duration-instant)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input]:active:not(:disabled))>:is([data-part-symbol],[data-part-fill]){scale:.94}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating][data-part-root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui-rating][data-part-root][data-invalid] [data-part-symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui-rating][data-part-root][data-readonly] [data-part-input]{cursor:default}[data-ui-rating][data-part-root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-disabled] [data-part-input]{cursor:not-allowed}[data-ui-rating] [data-part-value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui-rating] [data-part-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating][data-part-root]:has([data-part-input])>[data-part-value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled))>[data-part-value]{color:var(--slotted-text, CanvasText)}[data-ui-rating][data-part-root][data-disabled]>[data-part-value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui-rating][data-part-root]>:is([data-part-value],[data-part-count]),[data-ui-rating] [data-part-level-count],[data-ui-rating] [data-part-level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui-rating][data-part-root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=compact] [data-part-item]{--_fill: 1}[data-ui-rating][data-part-root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui-rating] [data-part-aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-aggregate]>[data-part-value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-rating] [data-part-scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-aggregate]>:not([data-part-value],[data-part-scale]){grid-column:1 / -1}[data-ui-rating] [data-part-aggregate]>[data-part-count]{white-space:normal}[data-ui-rating] [data-part-distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-rating] [data-part-level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-level]{cursor:pointer}[data-ui-rating] button[data-part-level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating] [data-part-level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui-rating] [data-part-level][data-pressed] [data-part-level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] button[data-part-level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-rating] [data-part-level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating] [data-part-level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-level-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui-rating] [data-part-indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui-rating] [data-part-indicator]{inline-size:0}}[data-ui-rating] [data-part-level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui-rating][data-disabled] [data-part-indicator],[data-ui-rating] button[data-part-level]:disabled [data-part-indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]>[data-part-count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui-rating] [data-part-insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui-rating] [data-part-plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui-rating] [data-part-field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui-rating] :is([data-part-columns],[data-part-axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui-rating] [data-part-columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui-rating] [data-part-column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-column]{cursor:pointer}[data-ui-rating] button[data-part-column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-rating] [data-part-column]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui-rating] [data-part-column]>[data-part-bar]{block-size:0}}[data-ui-rating] [data-part-columns]:has([data-pressed]) [data-part-column]:not([data-pressed])>[data-part-bar]{background-color:var(--_off)}[data-ui-rating] :is([data-part-interval],[data-part-mean]){pointer-events:none;position:absolute}[data-ui-rating] [data-part-interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui-rating] [data-part-mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui-rating] [data-part-mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui-rating][data-part-root]:dir(rtl) [data-part-mean-label]{translate:50% 0}[data-ui-rating] [data-part-tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-tick-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui-rating] [data-part-bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] [data-part-swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui-rating][data-part-root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=histogram] [data-part-item]{--_fill: 1}[data-ui-rating] [data-part-histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-histogram]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui-rating] [data-part-level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui-rating][data-part-root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui-rating][data-part-root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui-rating] [data-part-track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] :is([data-part-insight],[data-part-swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] [data-part-column][data-pressed],[data-ui-rating] [data-part-level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){outline-color:Highlight}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlRatingDisplay, selector: "div[slRatingDisplay]", inputs: ["value", "max", "size", "tone", "variant", "count", "distribution", "showValue", "messages", "locale"], exportAs: ["slRatingDisplay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1038
1069
  }
1039
1070
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingSummary, decorators: [{
1040
1071
  type: Component,
1041
1072
  args: [{ selector: 'section[slRatingSummary]', standalone: true, exportAs: 'slRatingSummary', imports: [NgTemplateOutlet, SlGlyph, SlIcon, SlRatingDisplay], template: `<ng-template #levelLabel let-level
1042
- ><span data-part="level-label"
1073
+ ><span data-part="level-label" data-part-level-label=""
1043
1074
  ><span>{{ level }}</span
1044
1075
  ><span slIcon><svg slGlyph name="star"></svg></span></span
1045
1076
  ></ng-template>
1046
- <div data-part="aggregate">
1077
+ <div data-part="aggregate" data-part-aggregate="">
1047
1078
  @if (summary().total > 0) {
1048
- <span data-part="value">{{ averageText() }}</span>
1049
- <span data-part="scale">{{ scaleText() }}</span>
1079
+ <span data-part="value" data-part-value="">{{ averageText() }}</span>
1080
+ <span data-part="scale" data-part-scale="">{{ scaleText() }}</span>
1050
1081
  }
1051
1082
  @if (insight(); as conclusion) {
1052
- <span data-part="insight" [attr.data-tone]="conclusion.tone">{{ conclusion.text }}</span>
1083
+ <span data-part="insight" data-part-insight="" [attr.data-tone]="conclusion.tone">{{
1084
+ conclusion.text
1085
+ }}</span>
1053
1086
  }
1054
1087
  @if (resolvedVariant() === 'bars') {
1055
1088
  <div
@@ -1063,15 +1096,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1063
1096
  [locale]="resolvedLocale()"
1064
1097
  ></div>
1065
1098
  }
1066
- <span data-part="count">{{ countText() }}</span>
1099
+ <span data-part="count" data-part-count="">{{ countText() }}</span>
1067
1100
  </div>
1068
1101
  @if (resolvedVariant() === 'bars') {
1069
- <ul data-part="distribution" [attr.aria-label]="t('distributionLabel')">
1102
+ <ul
1103
+ data-part="distribution"
1104
+ data-part-distribution=""
1105
+ [attr.aria-label]="t('distributionLabel')"
1106
+ >
1070
1107
  @for (level of highestFirst(); track level.level) {
1071
1108
  <li>
1072
1109
  @if (filterable()) {
1073
1110
  <button
1074
1111
  data-part="level"
1112
+ data-part-level=""
1075
1113
  type="button"
1076
1114
  [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
1077
1115
  [attr.data-pressed]="level.pressed ? '' : null"
@@ -1082,7 +1120,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1082
1120
  <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
1083
1121
  </button>
1084
1122
  } @else {
1085
- <div data-part="level" role="group" [attr.aria-label]="level.label">
1123
+ <div
1124
+ data-part="level"
1125
+ data-part-level=""
1126
+ role="group"
1127
+ [attr.aria-label]="level.label"
1128
+ >
1086
1129
  <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
1087
1130
  </div>
1088
1131
  }
@@ -1092,18 +1135,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1092
1135
  <ng-template #levelBody let-level
1093
1136
  ><ng-container *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }" /><span
1094
1137
  data-part="track"
1138
+ data-part-track=""
1095
1139
  aria-hidden="true"
1096
- ><span data-part="indicator" [style.--slotted-rating-share]="level.share"></span></span
1097
- ><span data-part="level-count">{{ level.countText }}</span></ng-template
1140
+ ><span
1141
+ data-part="indicator"
1142
+ data-part-indicator=""
1143
+ [style.--slotted-rating-share]="level.share"
1144
+ ></span></span
1145
+ ><span data-part="level-count" data-part-level-count="">{{
1146
+ level.countText
1147
+ }}</span></ng-template
1098
1148
  >
1099
1149
  } @else {
1100
- <div data-part="plot">
1101
- <div data-part="field">
1102
- <div data-part="columns">
1150
+ <div data-part="plot" data-part-plot="">
1151
+ <div data-part="field" data-part-field="">
1152
+ <div data-part="columns" data-part-columns="">
1103
1153
  @for (level of lowestFirst(); track level.level) {
1104
1154
  @if (filterable()) {
1105
1155
  <button
1106
1156
  data-part="column"
1157
+ data-part-column=""
1107
1158
  type="button"
1108
1159
  [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
1109
1160
  [attr.data-pressed]="level.pressed ? '' : null"
@@ -1112,43 +1163,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1112
1163
  [style.--slotted-rating-share]="level.peak"
1113
1164
  (click)="toggle(level.level, $event)"
1114
1165
  >
1115
- <span data-part="bar"></span>
1166
+ <span data-part="bar" data-part-bar=""></span>
1116
1167
  </button>
1117
1168
  } @else {
1118
1169
  <div
1119
1170
  data-part="column"
1171
+ data-part-column=""
1120
1172
  role="group"
1121
1173
  [attr.aria-label]="level.label"
1122
1174
  [style.--slotted-rating-share]="level.peak"
1123
1175
  >
1124
- <span data-part="bar"></span>
1176
+ <span data-part="bar" data-part-bar=""></span>
1125
1177
  </div>
1126
1178
  }
1127
1179
  }
1128
1180
  </div>
1129
1181
  @if (summary().total > 0) {
1130
- <span data-part="interval" aria-hidden="true"></span>
1131
- <span data-part="mean" aria-hidden="true"
1132
- ><span data-part="mean-label">{{ averageText() }}</span></span
1182
+ <span data-part="interval" data-part-interval="" aria-hidden="true"></span>
1183
+ <span data-part="mean" data-part-mean="" aria-hidden="true"
1184
+ ><span data-part="mean-label" data-part-mean-label="">{{ averageText() }}</span></span
1133
1185
  >
1134
1186
  }
1135
1187
  </div>
1136
- <div data-part="axis" aria-hidden="true">
1188
+ <div data-part="axis" data-part-axis="" aria-hidden="true">
1137
1189
  @for (level of lowestFirst(); track level.level) {
1138
- <span data-part="tick"
1190
+ <span data-part="tick" data-part-tick=""
1139
1191
  ><ng-container
1140
1192
  *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }"
1141
- /><span data-part="tick-share">{{ level.shareText }}</span></span
1193
+ /><span data-part="tick-share" data-part-tick-share="">{{
1194
+ level.shareText
1195
+ }}</span></span
1142
1196
  >
1143
1197
  }
1144
1198
  </div>
1145
1199
  </div>
1146
1200
  @if (summary().total > 0) {
1147
- <p data-part="sentiment">
1201
+ <p data-part="sentiment" data-part-sentiment="">
1148
1202
  @for (bucket of buckets(); track bucket.key) {
1149
- <span data-part="bucket" [attr.data-tone]="bucket.tone"
1150
- ><span data-part="swatch" aria-hidden="true"></span>{{ bucket.before
1151
- }}<strong>{{ bucket.share }}</strong
1203
+ <span data-part="bucket" data-part-bucket="" [attr.data-tone]="bucket.tone"
1204
+ ><span data-part="swatch" data-part-swatch="" aria-hidden="true"></span
1205
+ >{{ bucket.before }}<strong>{{ bucket.share }}</strong
1152
1206
  >{{ bucket.after }}</span
1153
1207
  >
1154
1208
  }
@@ -1156,14 +1210,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
1156
1210
  }
1157
1211
  }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
1158
1212
  'data-ui': 'rating',
1213
+ 'data-ui-rating': '',
1159
1214
  'data-part': 'root',
1215
+ 'data-part-root': '',
1160
1216
  '[attr.data-variant]': "resolvedVariant() === 'bars' ? 'summary' : 'spectrum'",
1161
1217
  '[attr.data-size]': 'resolvedSize()',
1162
1218
  '[attr.data-tone]': 'resolvedTone()',
1163
1219
  '[style.--slotted-rating-mean]': 'meanProperties()?.mean ?? null',
1164
1220
  '[style.--slotted-rating-low]': 'meanProperties()?.low ?? null',
1165
1221
  '[style.--slotted-rating-high]': 'meanProperties()?.high ?? null',
1166
- }, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"] }]
1222
+ }, styles: ["@layer slotted.components{[data-ui-rating][data-part-root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui-rating][data-part-root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-rating][data-part-root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-rating][data-part-root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui-rating][data-part-root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui-rating][data-part-root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui-rating] [data-part-symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui-rating] [data-part-symbols]:has([data-part-input]){column-gap:0;touch-action:pan-y}[data-ui-rating] [data-part-item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui-rating] :is([data-part-symbol],[data-part-fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-rating] :is([data-part-symbol],[data-part-fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] [data-part-symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui-rating] [data-part-fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui-rating][data-part-root]:dir(rtl) [data-part-fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui-rating] [data-part-fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui-rating] [data-part-input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui-rating] [data-part-input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui-rating] [data-part-item]:has(~[data-part-item]>[data-part-input]:checked),[data-ui-rating] [data-part-item]:has(>[data-part-input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating] [data-part-item]:has(>[data-part-input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled)) [data-part-item]:is(:has(~[data-part-item]>[data-part-input]:hover:not(:disabled)),:has(>[data-part-input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui-rating][data-part-root][data-dragging] [data-part-fill]{transition-duration:var(--slotted-duration-instant)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]) [data-part-item]:has(>[data-part-input]:active:not(:disabled))>:is([data-part-symbol],[data-part-fill]){scale:.94}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating][data-part-root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui-rating][data-part-root][data-invalid] [data-part-symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui-rating][data-part-root][data-readonly] [data-part-input]{cursor:default}[data-ui-rating][data-part-root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-disabled] [data-part-input]{cursor:not-allowed}[data-ui-rating] [data-part-value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui-rating] [data-part-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating][data-part-root]:has([data-part-input])>[data-part-value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui-rating][data-part-root]:not([data-readonly],[data-disabled]):has([data-part-input]:hover:not(:disabled))>[data-part-value]{color:var(--slotted-text, CanvasText)}[data-ui-rating][data-part-root][data-disabled]>[data-part-value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui-rating][data-part-root]>:is([data-part-value],[data-part-count]),[data-ui-rating] [data-part-level-count],[data-ui-rating] [data-part-level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui-rating][data-part-root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=compact] [data-part-item]{--_fill: 1}[data-ui-rating][data-part-root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui-rating] [data-part-aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-aggregate]>[data-part-value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-rating] [data-part-scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-aggregate]>:not([data-part-value],[data-part-scale]){grid-column:1 / -1}[data-ui-rating] [data-part-aggregate]>[data-part-count]{white-space:normal}[data-ui-rating] [data-part-distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-rating] [data-part-level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-level]{cursor:pointer}[data-ui-rating] button[data-part-level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-rating] [data-part-level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui-rating] [data-part-level][data-pressed] [data-part-level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] button[data-part-level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-rating] [data-part-level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-rating] [data-part-level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-level-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui-rating] [data-part-indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui-rating] [data-part-indicator]{inline-size:0}}[data-ui-rating] [data-part-level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui-rating][data-disabled] [data-part-indicator],[data-ui-rating] button[data-part-level]:disabled [data-part-indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui-rating][data-part-root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-variant=spectrum]>[data-part-aggregate]>[data-part-count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui-rating] [data-part-insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui-rating] :is([data-part-insight],[data-part-bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui-rating] [data-part-plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui-rating] [data-part-field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui-rating] :is([data-part-columns],[data-part-axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui-rating] [data-part-columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui-rating] [data-part-column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-rating] button[data-part-column]{cursor:pointer}[data-ui-rating] button[data-part-column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui-rating] button[data-part-column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui-rating] button[data-part-column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-rating] [data-part-column]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui-rating] [data-part-column]>[data-part-bar]{block-size:0}}[data-ui-rating] [data-part-columns]:has([data-pressed]) [data-part-column]:not([data-pressed])>[data-part-bar]{background-color:var(--_off)}[data-ui-rating] :is([data-part-interval],[data-part-mean]){pointer-events:none;position:absolute}[data-ui-rating] [data-part-interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui-rating] [data-part-mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui-rating] [data-part-mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui-rating][data-part-root]:dir(rtl) [data-part-mean-label]{translate:50% 0}[data-ui-rating] [data-part-tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui-rating] [data-part-tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui-rating] [data-part-tick-label]>[data-ui-icon]{color:var(--slotted-text-muted, GrayText)}[data-ui-rating] [data-part-tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui-rating] [data-part-sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui-rating] [data-part-bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-rating] [data-part-swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui-rating][data-part-root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui-rating][data-part-root][data-variant=histogram] [data-part-item]{--_fill: 1}[data-ui-rating] [data-part-histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui-rating] [data-part-histogram]>[data-part-bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui-rating] [data-part-item]:has(>[data-part-input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui-rating] [data-part-level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui-rating][data-part-root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui-rating][data-part-root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui-rating] [data-part-track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] :is([data-part-insight],[data-part-swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui-rating] [data-part-column][data-pressed],[data-ui-rating] [data-part-level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui-rating] [data-part-item]:has(>[data-part-input]:focus-visible){outline-color:Highlight}}}\n"] }]
1167
1223
  }], propDecorators: { counts: [{ type: i0.Input, args: [{ isSignal: true, alias: "counts", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], selectedLevels: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLevels", required: false }] }, { type: i0.Output, args: ["selectedLevelsChange"] }], insightThresholds: [{ type: i0.Input, args: [{ isSignal: true, alias: "insightThresholds", required: false }] }], showInsight: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInsight", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], selectedLevelsChangeRequest: [{ type: i0.Output, args: ["selectedLevelsChangeRequest"] }] } });
1168
1224
 
1169
1225
  /**