@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/docs/AGENTS.snippet.md +12 -0
- package/docs/alert.json +7 -1
- package/docs/alert.md +3 -3
- package/docs/app-shell.examples.md +1 -1
- package/docs/app-shell.json +5 -5
- package/docs/app-shell.md +2 -2
- package/docs/avatar.json +22 -1
- package/docs/avatar.md +5 -3
- package/docs/badge.json +7 -1
- package/docs/badge.md +3 -3
- package/docs/button-group.json +2 -0
- package/docs/button-group.md +1 -1
- package/docs/button.json +51 -11
- package/docs/button.md +10 -6
- package/docs/calendar.json +8 -1
- package/docs/calendar.md +1 -0
- package/docs/cascader.json +1 -0
- package/docs/cascader.md +1 -1
- package/docs/chart.examples.md +1 -1
- package/docs/chart.json +10 -1
- package/docs/chart.md +3 -2
- package/docs/checkbox.json +7 -0
- package/docs/checkbox.md +1 -0
- package/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/combobox.json +1 -0
- package/docs/combobox.md +1 -1
- package/docs/currency-field.json +40 -1
- package/docs/currency-field.md +5 -1
- package/docs/data-grid.examples.md +2 -2
- package/docs/data-grid.json +24 -7
- package/docs/data-grid.md +1 -1
- package/docs/data-grid.props.md +6 -4
- package/docs/data-list.json +2 -1
- package/docs/data-list.md +1 -1
- package/docs/date-field.json +9 -1
- package/docs/date-field.md +3 -2
- package/docs/date-picker.examples.md +36 -0
- package/docs/date-picker.json +20 -5
- package/docs/date-picker.md +5 -4
- package/docs/datetime-field.json +1 -0
- package/docs/datetime-field.md +1 -1
- package/docs/dialog.examples.md +158 -136
- package/docs/dialog.json +35 -11
- package/docs/dialog.md +4 -2
- package/docs/dialog.props.md +1 -1
- package/docs/drawer.json +5 -0
- package/docs/drawer.md +1 -0
- package/docs/entity-picker.json +19 -4
- package/docs/entity-picker.md +8 -6
- package/docs/event-calendar.json +7 -0
- package/docs/event-calendar.md +1 -0
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/form.json +2 -1
- package/docs/form.md +1 -1
- package/docs/guidelines/README.md +27 -0
- package/docs/guidelines/async-feedback.md +129 -0
- package/docs/guidelines/browsing.md +74 -0
- package/docs/guidelines/builders.md +97 -0
- package/docs/guidelines/composition.md +143 -0
- package/docs/guidelines/conversations.md +59 -0
- package/docs/guidelines/errors-and-conflicts.md +71 -0
- package/docs/guidelines/forms.md +202 -0
- package/docs/guidelines/index.md +129 -0
- package/docs/guidelines/layout-alignment.md +95 -0
- package/docs/guidelines/ledgers.md +45 -0
- package/docs/guidelines/list-pages.md +206 -0
- package/docs/guidelines/overviews.md +76 -0
- package/docs/guidelines/own-elements.md +115 -0
- package/docs/guidelines/reading-permissions.md +55 -0
- package/docs/guidelines/record-pages.md +178 -0
- package/docs/guidelines/reports.md +123 -0
- package/docs/guidelines/shell-composition.md +94 -0
- package/docs/guidelines/workspaces.md +46 -0
- package/docs/icon.json +3 -1
- package/docs/icon.md +3 -3
- package/docs/index.md +12 -0
- package/docs/inline-message.json +14 -2
- package/docs/inline-message.md +4 -3
- package/docs/list-item.json +9 -1
- package/docs/list-item.md +3 -3
- package/docs/list.json +19 -1
- package/docs/list.md +3 -1
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/menu.json +12 -0
- package/docs/menu.md +2 -0
- package/docs/message.json +7 -1
- package/docs/message.md +3 -3
- package/docs/multi-select.json +1 -0
- package/docs/multi-select.md +1 -1
- package/docs/notification-center.json +4 -0
- package/docs/notification-center.md +2 -2
- package/docs/number-field.json +1 -0
- package/docs/number-field.md +1 -1
- package/docs/otp-input.json +1 -0
- package/docs/otp-input.md +1 -1
- package/docs/page-header.json +4 -3
- package/docs/page-header.md +2 -2
- package/docs/page.json +1 -0
- package/docs/page.md +1 -0
- package/docs/popover.json +1 -1
- package/docs/progress-indicator.json +4 -3
- package/docs/progress-indicator.md +4 -4
- package/docs/prompt-composer.json +41 -1
- package/docs/prompt-composer.md +5 -1
- package/docs/rating.json +5 -3
- package/docs/rating.md +5 -5
- package/docs/section.json +27 -15
- package/docs/section.md +11 -9
- package/docs/segmented-control.json +36 -12
- package/docs/segmented-control.md +17 -1
- package/docs/select.json +1 -0
- package/docs/select.md +1 -1
- package/docs/side-navigation.json +1 -0
- package/docs/side-navigation.md +1 -1
- package/docs/skills/build-own-element/SKILL.md +90 -0
- package/docs/skills/compose-screen/SKILL.md +95 -0
- package/docs/skills/index.md +9 -0
- package/docs/skills/review-screen/SKILL.md +77 -0
- package/docs/skills/theme-app/SKILL.md +87 -0
- package/docs/skills/waiting-states/SKILL.md +143 -0
- package/docs/sparkline.json +5 -2
- package/docs/sparkline.md +4 -4
- package/docs/split-button.json +4 -1
- package/docs/split-button.md +3 -3
- package/docs/stat-card.json +5 -1
- package/docs/stat-card.md +3 -3
- package/docs/table.examples.md +3 -3
- package/docs/table.json +85 -3
- package/docs/table.md +12 -1
- package/docs/tabs.json +17 -7
- package/docs/tabs.md +3 -2
- package/docs/tag.json +14 -4
- package/docs/tag.md +6 -6
- package/docs/tags-input.json +29 -2
- package/docs/tags-input.md +4 -1
- package/docs/text-field.json +2 -1
- package/docs/text-field.md +2 -2
- package/docs/textarea.json +1 -0
- package/docs/textarea.md +1 -1
- package/docs/time-field.json +1 -0
- package/docs/time-field.md +1 -1
- package/docs/timeline.json +138 -132
- package/docs/timeline.md +125 -125
- package/docs/toast.json +7 -1
- package/docs/toast.md +3 -3
- package/docs/toggle-group.json +14 -3
- package/docs/toggle-group.md +3 -3
- package/docs/toggle.json +12 -3
- package/docs/toggle.md +3 -3
- package/docs/tokens.md +467 -0
- package/docs/tour.json +1 -1
- package/docs/typography.json +4 -2
- package/docs/typography.md +4 -4
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +22 -11
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
- package/fesm2022/slotted-angular-alert.mjs +18 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +111 -61
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
- package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
- package/fesm2022/slotted-angular-attachment.mjs +31 -20
- package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
- package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar.mjs +14 -7
- package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
- package/fesm2022/slotted-angular-badge.mjs +14 -10
- package/fesm2022/slotted-angular-badge.mjs.map +1 -1
- package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
- package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +7 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +90 -29
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +235 -58
- package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-card.mjs +18 -16
- package/fesm2022/slotted-angular-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-carousel.mjs +22 -11
- package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +166 -66
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +53 -20
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
- package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +23 -9
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-code-block.mjs +29 -15
- package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
- package/fesm2022/slotted-angular-collapsible.mjs +20 -15
- package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
- package/fesm2022/slotted-angular-color-picker.mjs +77 -22
- package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +68 -31
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +112 -39
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +150 -54
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
- package/fesm2022/slotted-angular-container.mjs +6 -4
- package/fesm2022/slotted-angular-container.mjs.map +1 -1
- package/fesm2022/slotted-angular-context-menu.mjs +5 -4
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +149 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +354 -113
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +83 -50
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-field.mjs +74 -25
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +112 -40
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-description-list.mjs +33 -19
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +72 -30
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-divider.mjs +7 -5
- package/fesm2022/slotted-angular-divider.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +53 -29
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +468 -75
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-field-group.mjs +14 -7
- package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-field.mjs +35 -15
- package/fesm2022/slotted-angular-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +112 -51
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-form.mjs +18 -10
- package/fesm2022/slotted-angular-form.mjs.map +1 -1
- package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
- package/fesm2022/slotted-angular-grid.mjs +4 -2
- package/fesm2022/slotted-angular-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-highlight.mjs +5 -3
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
- package/fesm2022/slotted-angular-hover-card.mjs +5 -4
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-icon.mjs +6 -3
- package/fesm2022/slotted-angular-icon.mjs.map +1 -1
- package/fesm2022/slotted-angular-image.mjs +13 -10
- package/fesm2022/slotted-angular-image.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +88 -13
- package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline.mjs +4 -2
- package/fesm2022/slotted-angular-inline.mjs.map +1 -1
- package/fesm2022/slotted-angular-kbd.mjs +11 -7
- package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
- package/fesm2022/slotted-angular-link.mjs +5 -3
- package/fesm2022/slotted-angular-link.mjs.map +1 -1
- package/fesm2022/slotted-angular-list-item.mjs +21 -18
- package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +37 -22
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-listbox.mjs +39 -21
- package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
- package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
- package/fesm2022/slotted-angular-markdown.mjs +31 -19
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-menu.mjs +51 -29
- package/fesm2022/slotted-angular-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-menubar.mjs +4 -2
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
- package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +113 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +189 -87
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
- package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +108 -65
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +23 -11
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-otp-input.mjs +13 -8
- package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-page-header.mjs +75 -45
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +38 -10
- package/fesm2022/slotted-angular-page.mjs.map +1 -1
- package/fesm2022/slotted-angular-pagination.mjs +35 -22
- package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
- package/fesm2022/slotted-angular-popover.mjs +32 -19
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +41 -20
- package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
- package/fesm2022/slotted-angular-prose.mjs +14 -11
- package/fesm2022/slotted-angular-prose.mjs.map +1 -1
- package/fesm2022/slotted-angular-radio-group.mjs +15 -9
- package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-rating.mjs +138 -82
- package/fesm2022/slotted-angular-rating.mjs.map +1 -1
- package/fesm2022/slotted-angular-result-state.mjs +16 -12
- package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs +43 -16
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +53 -18
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +184 -94
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
- package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-skeleton.mjs +32 -16
- package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
- package/fesm2022/slotted-angular-slider.mjs +31 -11
- package/fesm2022/slotted-angular-slider.mjs.map +1 -1
- package/fesm2022/slotted-angular-sparkline.mjs +41 -14
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +25 -11
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-splitter.mjs +11 -9
- package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
- package/fesm2022/slotted-angular-stack.mjs +4 -2
- package/fesm2022/slotted-angular-stack.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +35 -28
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
- package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-stepper.mjs +40 -15
- package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
- package/fesm2022/slotted-angular-switch.mjs +15 -10
- package/fesm2022/slotted-angular-switch.mjs.map +1 -1
- package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
- package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +243 -73
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +42 -18
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-tag.mjs +19 -12
- package/fesm2022/slotted-angular-tag.mjs.map +1 -1
- package/fesm2022/slotted-angular-tags-input.mjs +253 -28
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-text-field.mjs +49 -15
- package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-textarea.mjs +5 -3
- package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-field.mjs +48 -14
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +32 -20
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +135 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +43 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +9 -4
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-toolbar.mjs +22 -11
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +15 -6
- package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
- package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
- package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +47 -22
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +69 -30
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-tree.mjs +74 -26
- package/fesm2022/slotted-angular-tree.mjs.map +1 -1
- package/fesm2022/slotted-angular-typography.mjs +8 -4
- package/fesm2022/slotted-angular-typography.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +125 -57
- package/fesm2022/slotted-angular-upload.mjs.map +1 -1
- package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
- package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
- package/fesm2022/slotted-angular-wizard.mjs +163 -65
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-accordion.d.ts.map +1 -1
- package/types/slotted-angular-action-bar.d.ts.map +1 -1
- package/types/slotted-angular-action-sheet.d.ts.map +1 -1
- package/types/slotted-angular-alert.d.ts +2 -2
- package/types/slotted-angular-alert.d.ts.map +1 -1
- package/types/slotted-angular-app-shell.d.ts +11 -3
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
- package/types/slotted-angular-attachment.d.ts +1 -1
- package/types/slotted-angular-attachment.d.ts.map +1 -1
- package/types/slotted-angular-avatar-group.d.ts.map +1 -1
- package/types/slotted-angular-avatar.d.ts +11 -3
- package/types/slotted-angular-avatar.d.ts.map +1 -1
- package/types/slotted-angular-badge.d.ts +1 -1
- package/types/slotted-angular-badge.d.ts.map +1 -1
- package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts +1 -1
- package/types/slotted-angular-button-group.d.ts.map +1 -1
- package/types/slotted-angular-button.d.ts +33 -13
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-calendar.d.ts +30 -2
- package/types/slotted-angular-calendar.d.ts.map +1 -1
- package/types/slotted-angular-card.d.ts.map +1 -1
- package/types/slotted-angular-carousel.d.ts.map +1 -1
- package/types/slotted-angular-cascader.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts +10 -0
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
- package/types/slotted-angular-checkbox.d.ts +7 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-code-block.d.ts +1 -1
- package/types/slotted-angular-code-block.d.ts.map +1 -1
- package/types/slotted-angular-collapsible.d.ts +1 -1
- package/types/slotted-angular-collapsible.d.ts.map +1 -1
- package/types/slotted-angular-color-picker.d.ts.map +1 -1
- package/types/slotted-angular-column-manager.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts +5 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-command-palette.d.ts +10 -1
- package/types/slotted-angular-command-palette.d.ts.map +1 -1
- package/types/slotted-angular-container.d.ts.map +1 -1
- package/types/slotted-angular-context-menu.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +63 -15
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts +49 -4
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-list.d.ts.map +1 -1
- package/types/slotted-angular-date-field.d.ts +11 -1
- package/types/slotted-angular-date-field.d.ts.map +1 -1
- package/types/slotted-angular-date-picker.d.ts +38 -12
- package/types/slotted-angular-date-picker.d.ts.map +1 -1
- package/types/slotted-angular-date-range-picker.d.ts +0 -1
- package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-field.d.ts.map +1 -1
- package/types/slotted-angular-datetime-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-description-list.d.ts.map +1 -1
- package/types/slotted-angular-detail-panel.d.ts.map +1 -1
- package/types/slotted-angular-dialog.d.ts +10 -3
- package/types/slotted-angular-dialog.d.ts.map +1 -1
- package/types/slotted-angular-divider.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts +7 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts +63 -15
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts +9 -2
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-field-group.d.ts.map +1 -1
- package/types/slotted-angular-field.d.ts.map +1 -1
- package/types/slotted-angular-filter-bar.d.ts.map +1 -1
- package/types/slotted-angular-form.d.ts.map +1 -1
- package/types/slotted-angular-fullscreen.d.ts.map +1 -1
- package/types/slotted-angular-grid.d.ts.map +1 -1
- package/types/slotted-angular-highlight.d.ts.map +1 -1
- package/types/slotted-angular-hover-card.d.ts.map +1 -1
- package/types/slotted-angular-icon.d.ts +2 -2
- package/types/slotted-angular-icon.d.ts.map +1 -1
- package/types/slotted-angular-image.d.ts.map +1 -1
- package/types/slotted-angular-import-export-center.d.ts.map +1 -1
- package/types/slotted-angular-inline-message.d.ts +25 -25
- package/types/slotted-angular-inline-message.d.ts.map +1 -1
- package/types/slotted-angular-inline.d.ts.map +1 -1
- package/types/slotted-angular-kbd.d.ts.map +1 -1
- package/types/slotted-angular-link.d.ts.map +1 -1
- package/types/slotted-angular-list-item.d.ts +1 -1
- package/types/slotted-angular-list-item.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts +42 -27
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-listbox.d.ts.map +1 -1
- package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
- package/types/slotted-angular-markdown.d.ts.map +1 -1
- package/types/slotted-angular-menu.d.ts +11 -2
- package/types/slotted-angular-menu.d.ts.map +1 -1
- package/types/slotted-angular-menubar.d.ts.map +1 -1
- package/types/slotted-angular-message-scroller.d.ts.map +1 -1
- package/types/slotted-angular-message.d.ts +1 -1
- package/types/slotted-angular-message.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +15 -1
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
- package/types/slotted-angular-notification-center.d.ts +1 -1
- package/types/slotted-angular-notification-center.d.ts.map +1 -1
- package/types/slotted-angular-number-field.d.ts.map +1 -1
- package/types/slotted-angular-otp-input.d.ts.map +1 -1
- package/types/slotted-angular-page-header.d.ts +4 -4
- package/types/slotted-angular-page-header.d.ts.map +1 -1
- package/types/slotted-angular-page.d.ts.map +1 -1
- package/types/slotted-angular-pagination.d.ts.map +1 -1
- package/types/slotted-angular-popover.d.ts.map +1 -1
- package/types/slotted-angular-progress-indicator.d.ts +8 -1
- package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
- package/types/slotted-angular-prompt-composer.d.ts +11 -2
- package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
- package/types/slotted-angular-prose.d.ts.map +1 -1
- package/types/slotted-angular-radio-group.d.ts.map +1 -1
- package/types/slotted-angular-rating.d.ts +1 -1
- package/types/slotted-angular-rating.d.ts.map +1 -1
- package/types/slotted-angular-result-state.d.ts.map +1 -1
- package/types/slotted-angular-saved-views.d.ts.map +1 -1
- package/types/slotted-angular-scroll-area.d.ts.map +1 -1
- package/types/slotted-angular-section.d.ts +11 -3
- package/types/slotted-angular-section.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts +15 -2
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +12 -2
- package/types/slotted-angular-select.d.ts.map +1 -1
- package/types/slotted-angular-side-navigation.d.ts.map +1 -1
- package/types/slotted-angular-skeleton.d.ts.map +1 -1
- package/types/slotted-angular-slider.d.ts.map +1 -1
- package/types/slotted-angular-sparkline.d.ts +7 -1
- package/types/slotted-angular-sparkline.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts +2 -2
- package/types/slotted-angular-split-button.d.ts.map +1 -1
- package/types/slotted-angular-splitter.d.ts.map +1 -1
- package/types/slotted-angular-stack.d.ts.map +1 -1
- package/types/slotted-angular-stat-card.d.ts +1 -1
- package/types/slotted-angular-stat-card.d.ts.map +1 -1
- package/types/slotted-angular-status-indicator.d.ts +1 -1
- package/types/slotted-angular-status-indicator.d.ts.map +1 -1
- package/types/slotted-angular-stepper.d.ts +1 -1
- package/types/slotted-angular-stepper.d.ts.map +1 -1
- package/types/slotted-angular-switch.d.ts.map +1 -1
- package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
- package/types/slotted-angular-table.d.ts +63 -6
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-tabs.d.ts +3 -4
- package/types/slotted-angular-tabs.d.ts.map +1 -1
- package/types/slotted-angular-tag.d.ts +1 -1
- package/types/slotted-angular-tag.d.ts.map +1 -1
- package/types/slotted-angular-tags-input.d.ts +33 -1
- package/types/slotted-angular-tags-input.d.ts.map +1 -1
- package/types/slotted-angular-text-field.d.ts.map +1 -1
- package/types/slotted-angular-textarea.d.ts.map +1 -1
- package/types/slotted-angular-theme.d.ts +1 -1
- package/types/slotted-angular-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts +0 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts +0 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +3 -3
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts +8 -2
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- package/types/slotted-angular-toolbar.d.ts.map +1 -1
- package/types/slotted-angular-tooltip.d.ts.map +1 -1
- package/types/slotted-angular-top-navigation.d.ts.map +1 -1
- package/types/slotted-angular-tour.d.ts.map +1 -1
- package/types/slotted-angular-transfer.d.ts.map +1 -1
- package/types/slotted-angular-tree.d.ts.map +1 -1
- package/types/slotted-angular-typography.d.ts +1 -1
- package/types/slotted-angular-typography.d.ts.map +1 -1
- package/types/slotted-angular-upload.d.ts +2 -2
- package/types/slotted-angular-upload.d.ts.map +1 -1
- package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
- 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=info]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-info-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=info]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-info-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=info]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-info-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=info]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-info-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">{{
|
|
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
|
|
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
|
|
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
|
|
977
|
-
|
|
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">{{
|
|
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
|
|
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=info]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-info-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">{{
|
|
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
|
|
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
|
|
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
|
|
1097
|
-
|
|
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">{{
|
|
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
|
|
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=info]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-info-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
|
/**
|