@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/docs/AGENTS.snippet.md +12 -0
- package/docs/action-bar.json +4 -4
- package/docs/action-bar.md +3 -3
- 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 +3 -2
- 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/command-palette.json +1 -0
- package/docs/command-palette.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 +45 -7
- package/docs/data-grid.md +3 -1
- package/docs/data-grid.props.md +7 -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/detail-panel.json +4 -2
- package/docs/detail-panel.md +8 -3
- package/docs/dialog.examples.md +158 -136
- package/docs/dialog.json +36 -11
- package/docs/dialog.md +4 -2
- package/docs/dialog.props.md +1 -1
- package/docs/drawer.json +11 -4
- package/docs/drawer.md +4 -3
- 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 +3 -2
- 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 +130 -0
- package/docs/guidelines/layout-alignment.md +105 -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 +22 -5
- package/docs/page-header.md +6 -4
- package/docs/page.json +2 -0
- package/docs/page.md +2 -1
- 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 +6 -6
- package/docs/section.json +28 -16
- package/docs/section.md +12 -10
- 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 +103 -0
- package/docs/skills/index.md +9 -0
- package/docs/skills/review-screen/SKILL.md +79 -0
- package/docs/skills/theme-app/SKILL.md +98 -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 +8 -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/toolbar.json +1 -1
- package/docs/toolbar.md +1 -1
- package/docs/tour.json +1 -1
- package/docs/typography.json +4 -2
- package/docs/typography.md +5 -5
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +27 -12
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +48 -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 +120 -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 +180 -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 +118 -39
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +162 -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 +480 -129
- 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 +48 -30
- 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 +91 -37
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +474 -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 +118 -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 +175 -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 +34 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +119 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +195 -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 +90 -48
- 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 +57 -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 +190 -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 +37 -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 +55 -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 +147 -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 +27 -12
- 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 +80 -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 +2 -0
- 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 +72 -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 +12 -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 +15 -6
- 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 +2 -0
- 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
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { writeSelectorKey } from '@slotted/core/selector-key';
|
|
1
2
|
import { NgTemplateOutlet } from '@angular/common';
|
|
2
3
|
import * as i0 from '@angular/core';
|
|
3
4
|
import { InjectionToken, inject, input, TemplateRef, Directive, ElementRef, afterNextRender, HostAttributeToken, booleanAttribute, model, output, contentChildren, computed, signal, afterRenderEffect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
@@ -140,7 +141,7 @@ class SlDataListPart {
|
|
|
140
141
|
part = input.required({ ...(ngDevMode ? { debugName: "part" } : /* istanbul ignore next */ {}), alias: 'slDataListPart' });
|
|
141
142
|
host = inject(ElementRef);
|
|
142
143
|
constructor() {
|
|
143
|
-
afterNextRender(() => this.host.nativeElement
|
|
144
|
+
afterNextRender(() => writeSelectorKey(this.host.nativeElement, 'part', this.part()));
|
|
144
145
|
}
|
|
145
146
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataListPart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
146
147
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlDataListPart, isStandalone: true, selector: "[slDataListPart]", inputs: { part: { classPropertyName: "part", publicName: "slDataListPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
@@ -615,10 +616,10 @@ class SlDataList {
|
|
|
615
616
|
return item !== null;
|
|
616
617
|
}
|
|
617
618
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
618
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataList, isStandalone: true, selector: "sl-data-list", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, columnState: { classPropertyName: "columnState", publicName: "columnState", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, trailing: { classPropertyName: "trailing", publicName: "trailing", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, disabledKeys: { classPropertyName: "disabledKeys", publicName: "disabledKeys", isSignal: true, isRequired: false, transformFunction: null }, loadingKeys: { classPropertyName: "loadingKeys", publicName: "loadingKeys", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, activatable: { classPropertyName: "activatable", publicName: "activatable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", 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 }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, loadingMinDuration: { classPropertyName: "loadingMinDuration", publicName: "loadingMinDuration", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { query: "queryChange", value: "valueChange", expanded: "expandedChange", queryChangeRequest: "queryChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest", activate$: "activate", loadMore: "loadMore", retry: "retry" }, host: { attributes: { "data-ui": "data-list", "data-part": "root" }, listeners: { "focusin": "onFocusIn($event)" }, properties: { "attr.data-variant": "variantValue()", "attr.data-size": "sizeValue()", "attr.aria-busy": "refreshing() ? 'true' : null", "attr.data-loading": "refreshing() ? '' : null" } }, queries: [{ propertyName: "cellTemplates", predicate: SlDataListCellTemplate, isSignal: true }, { propertyName: "mediaTemplates", predicate: SlDataListMediaTemplate, isSignal: true }, { propertyName: "emptyTemplates", predicate: SlDataListEmptyTemplate, isSignal: true }, { propertyName: "footers", predicate: SlDataListFooter, isSignal: true }], exportAs: ["slDataList"], ngImport: i0, template: `
|
|
619
|
-
<div data-part="header">
|
|
619
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataList, isStandalone: true, selector: "sl-data-list", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, columnState: { classPropertyName: "columnState", publicName: "columnState", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, trailing: { classPropertyName: "trailing", publicName: "trailing", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, disabledKeys: { classPropertyName: "disabledKeys", publicName: "disabledKeys", isSignal: true, isRequired: false, transformFunction: null }, loadingKeys: { classPropertyName: "loadingKeys", publicName: "loadingKeys", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, activatable: { classPropertyName: "activatable", publicName: "activatable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, hasMore: { classPropertyName: "hasMore", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", 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 }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, loadingDelay: { classPropertyName: "loadingDelay", publicName: "loadingDelay", isSignal: true, isRequired: false, transformFunction: null }, loadingMinDuration: { classPropertyName: "loadingMinDuration", publicName: "loadingMinDuration", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { query: "queryChange", value: "valueChange", expanded: "expandedChange", queryChangeRequest: "queryChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest", activate$: "activate", loadMore: "loadMore", retry: "retry" }, host: { attributes: { "data-ui": "data-list", "data-ui-data-list": "", "data-part": "root", "data-part-root": "" }, listeners: { "focusin": "onFocusIn($event)" }, properties: { "attr.data-variant": "variantValue()", "attr.data-size": "sizeValue()", "attr.aria-busy": "refreshing() ? 'true' : null", "attr.data-loading": "refreshing() ? '' : null" } }, queries: [{ propertyName: "cellTemplates", predicate: SlDataListCellTemplate, isSignal: true }, { propertyName: "mediaTemplates", predicate: SlDataListMediaTemplate, isSignal: true }, { propertyName: "emptyTemplates", predicate: SlDataListEmptyTemplate, isSignal: true }, { propertyName: "footers", predicate: SlDataListFooter, isSignal: true }], exportAs: ["slDataList"], ngImport: i0, template: `
|
|
620
|
+
<div data-part="header" data-part-header="">
|
|
620
621
|
@if (selectionModeValue() === 'multiple' && !showLoader()) {
|
|
621
|
-
<span data-part="select-all">
|
|
622
|
+
<span data-part="select-all" data-part-select-all="">
|
|
622
623
|
<span
|
|
623
624
|
slCheckbox
|
|
624
625
|
[checked]="allSelected()"
|
|
@@ -630,9 +631,15 @@ class SlDataList {
|
|
|
630
631
|
>
|
|
631
632
|
</span>
|
|
632
633
|
}
|
|
633
|
-
<output data-part="count" aria-live="polite">{{
|
|
634
|
+
<output data-part="count" data-part-count="" aria-live="polite">{{
|
|
635
|
+
showLoader() ? '' : countText()
|
|
636
|
+
}}</output>
|
|
634
637
|
@if (layout().sortable.length > 0) {
|
|
635
|
-
<span
|
|
638
|
+
<span
|
|
639
|
+
data-part="sort"
|
|
640
|
+
data-part-sort=""
|
|
641
|
+
[attr.data-direction]="firstKey()?.direction ?? null"
|
|
642
|
+
>
|
|
636
643
|
<button
|
|
637
644
|
slButton
|
|
638
645
|
slDataListPart="root"
|
|
@@ -656,7 +663,7 @@ class SlDataList {
|
|
|
656
663
|
[value]="firstKey()?.column ?? noSort"
|
|
657
664
|
(valueChangeRequest)="chooseColumn($event)"
|
|
658
665
|
>
|
|
659
|
-
<div data-part="group-label" [id]="id + '-sort-column'">
|
|
666
|
+
<div data-part="group-label" data-part-group-label="" [id]="id + '-sort-column'">
|
|
660
667
|
{{ t('sortColumn') }}
|
|
661
668
|
</div>
|
|
662
669
|
<button slMenuRadioItem [value]="noSort">{{ t('sortNone') }}</button>
|
|
@@ -670,7 +677,7 @@ class SlDataList {
|
|
|
670
677
|
[value]="firstKey()?.direction ?? ''"
|
|
671
678
|
(valueChangeRequest)="chooseDirection($event)"
|
|
672
679
|
>
|
|
673
|
-
<div data-part="group-label" [id]="id + '-sort-direction'">
|
|
680
|
+
<div data-part="group-label" data-part-group-label="" [id]="id + '-sort-direction'">
|
|
674
681
|
{{ t('sortDirection') }}
|
|
675
682
|
</div>
|
|
676
683
|
<button slMenuRadioItem value="ascending" [disabled]="!firstKey()">
|
|
@@ -693,7 +700,7 @@ class SlDataList {
|
|
|
693
700
|
}
|
|
694
701
|
|
|
695
702
|
@if (showLoader()) {
|
|
696
|
-
<div data-part="loader">
|
|
703
|
+
<div data-part="loader" data-part-loader="">
|
|
697
704
|
<div
|
|
698
705
|
slSkeletonRegion
|
|
699
706
|
[loading]="firstLoad()"
|
|
@@ -720,11 +727,13 @@ class SlDataList {
|
|
|
720
727
|
</div>
|
|
721
728
|
}
|
|
722
729
|
@if (layout().shown > 0) {
|
|
723
|
-
<dl data-part="fields">
|
|
730
|
+
<dl data-part="fields" data-part-fields="">
|
|
724
731
|
@for (column of shownColumns(); track column.id; let field = $index) {
|
|
725
|
-
<div data-part="field">
|
|
726
|
-
<dt data-part="field-label"
|
|
727
|
-
|
|
732
|
+
<div data-part="field" data-part-field="">
|
|
733
|
+
<dt data-part="field-label" data-part-field-label="">
|
|
734
|
+
{{ column.label }}
|
|
735
|
+
</dt>
|
|
736
|
+
<dd data-part="field-value" data-part-field-value="">
|
|
728
737
|
<span slSkeleton [inlineSize]="fieldBar(index + field)"></span>
|
|
729
738
|
</dd>
|
|
730
739
|
</div>
|
|
@@ -758,9 +767,9 @@ class SlDataList {
|
|
|
758
767
|
}
|
|
759
768
|
|
|
760
769
|
@if (hasMore() || footers().length > 0) {
|
|
761
|
-
<div data-part="footer">
|
|
770
|
+
<div data-part="footer" data-part-footer="">
|
|
762
771
|
@if (hasMore() && !showLoader()) {
|
|
763
|
-
<span data-part="load-more">
|
|
772
|
+
<span data-part="load-more" data-part-load-more="">
|
|
764
773
|
<button
|
|
765
774
|
slButton
|
|
766
775
|
size="sm"
|
|
@@ -817,7 +826,7 @@ class SlDataList {
|
|
|
817
826
|
@if (selectionModeValue() !== 'none' || mediaTemplate()) {
|
|
818
827
|
<div slListItemStart>
|
|
819
828
|
@if (selectionModeValue() !== 'none') {
|
|
820
|
-
<span data-part="selection">
|
|
829
|
+
<span data-part="selection" data-part-selection="">
|
|
821
830
|
<span
|
|
822
831
|
slCheckbox
|
|
823
832
|
[checked]="view.selected"
|
|
@@ -831,7 +840,7 @@ class SlDataList {
|
|
|
831
840
|
</span>
|
|
832
841
|
}
|
|
833
842
|
@if (mediaTemplate(); as media) {
|
|
834
|
-
<span data-part="media">
|
|
843
|
+
<span data-part="media" data-part-media="">
|
|
835
844
|
<ng-container
|
|
836
845
|
[ngTemplateOutlet]="media.template"
|
|
837
846
|
[ngTemplateOutletContext]="{ $implicit: view.row }"
|
|
@@ -845,6 +854,7 @@ class SlDataList {
|
|
|
845
854
|
@if (view.href !== undefined) {
|
|
846
855
|
<a
|
|
847
856
|
data-part="title"
|
|
857
|
+
data-part-title=""
|
|
848
858
|
[attr.href]="view.href"
|
|
849
859
|
[attr.aria-disabled]="view.disabled || view.busy ? 'true' : null"
|
|
850
860
|
(click)="activateLink(view, $event)"
|
|
@@ -855,6 +865,7 @@ class SlDataList {
|
|
|
855
865
|
} @else if (activatable()) {
|
|
856
866
|
<button
|
|
857
867
|
data-part="title"
|
|
868
|
+
data-part-title=""
|
|
858
869
|
type="button"
|
|
859
870
|
[disabled]="view.disabled || view.busy"
|
|
860
871
|
(click)="activate(view, $event)"
|
|
@@ -865,7 +876,7 @@ class SlDataList {
|
|
|
865
876
|
/>
|
|
866
877
|
</button>
|
|
867
878
|
} @else {
|
|
868
|
-
<span data-part="title"
|
|
879
|
+
<span data-part="title" data-part-title=""
|
|
869
880
|
><ng-container
|
|
870
881
|
[ngTemplateOutlet]="value"
|
|
871
882
|
[ngTemplateOutletContext]="{ $implicit: view.title }"
|
|
@@ -883,7 +894,7 @@ class SlDataList {
|
|
|
883
894
|
</div>
|
|
884
895
|
@if (view.trailing) {
|
|
885
896
|
<div slListItemEnd>
|
|
886
|
-
<span data-part="trailing"
|
|
897
|
+
<span data-part="trailing" data-part-trailing=""
|
|
887
898
|
><ng-container
|
|
888
899
|
[ngTemplateOutlet]="value"
|
|
889
900
|
[ngTemplateOutletContext]="{ $implicit: view.trailing }"
|
|
@@ -891,11 +902,15 @@ class SlDataList {
|
|
|
891
902
|
</div>
|
|
892
903
|
}
|
|
893
904
|
@if (view.fields.length > 0) {
|
|
894
|
-
<dl data-part="fields" [id]="view.fieldsId">
|
|
905
|
+
<dl data-part="fields" data-part-fields="" [id]="view.fieldsId">
|
|
895
906
|
@for (field of view.fields; track field.column.id) {
|
|
896
|
-
<div data-part="field">
|
|
897
|
-
<dt data-part="field-label">{{ field.column.label }}</dt>
|
|
898
|
-
<dd
|
|
907
|
+
<div data-part="field" data-part-field="">
|
|
908
|
+
<dt data-part="field-label" data-part-field-label="">{{ field.column.label }}</dt>
|
|
909
|
+
<dd
|
|
910
|
+
data-part="field-value"
|
|
911
|
+
data-part-field-value=""
|
|
912
|
+
[attr.data-numeric]="field.numeric ? '' : null"
|
|
913
|
+
>
|
|
899
914
|
<ng-container
|
|
900
915
|
[ngTemplateOutlet]="value"
|
|
901
916
|
[ngTemplateOutletContext]="{ $implicit: field }"
|
|
@@ -908,6 +923,7 @@ class SlDataList {
|
|
|
908
923
|
@if (view.hidden > 0) {
|
|
909
924
|
<button
|
|
910
925
|
data-part="more"
|
|
926
|
+
data-part-more=""
|
|
911
927
|
type="button"
|
|
912
928
|
[attr.aria-controls]="view.fieldsId"
|
|
913
929
|
[attr.aria-expanded]="view.expanded"
|
|
@@ -939,7 +955,7 @@ class SlDataList {
|
|
|
939
955
|
[ngTemplateOutletContext]="field.context"
|
|
940
956
|
/>
|
|
941
957
|
} @else if (field.context.text === '' && field.context.place !== 'actions') {
|
|
942
|
-
<span data-part="field-empty"
|
|
958
|
+
<span data-part="field-empty" data-part-field-empty=""
|
|
943
959
|
><span aria-hidden="true">—</span><span slVisuallyHidden>{{ t('empty') }}</span></span
|
|
944
960
|
>
|
|
945
961
|
} @else {
|
|
@@ -949,7 +965,7 @@ class SlDataList {
|
|
|
949
965
|
</ng-template>
|
|
950
966
|
|
|
951
967
|
<ng-template #emptyState let-status>
|
|
952
|
-
<div data-part="empty">
|
|
968
|
+
<div data-part="empty" data-part-empty="">
|
|
953
969
|
@if (emptyTemplate(); as custom) {
|
|
954
970
|
<ng-container
|
|
955
971
|
[ngTemplateOutlet]="custom.template"
|
|
@@ -989,7 +1005,7 @@ class SlDataList {
|
|
|
989
1005
|
}
|
|
990
1006
|
</div>
|
|
991
1007
|
</ng-template>
|
|
992
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=data-list][data-part=root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui=data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=data-list]>[data-part=header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui=data-list][data-variant=plain]>[data-part=header]{box-shadow:none}[data-ui=data-list][data-variant=framed]>[data-part=header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui=data-list] [data-part=select-all]{display:inline-flex;flex:none}[data-ui=data-list] [data-part=count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui=data-list] [data-part=sort] [data-part=end]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=sort][data-direction=ascending] [data-part=end]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-ui=list-item]{position:relative}[data-ui=data-list] [data-ui=list-item] :is([data-part=selection],[data-part=more],[data-part=field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui=data-list] [data-ui=list-item]>[data-part=actions]{position:relative;z-index:1}[data-ui=data-list] [data-part=selection],[data-ui=data-list] [data-part=media]{align-items:center;display:inline-flex;flex:none}[data-ui=data-list] [data-part=selection]+[data-part=media]{margin-inline-start:var(--_gap)}[data-ui=data-list] :is(a,button)[data-part=title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui=data-list] :is(a,button)[data-part=title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible{outline:none}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part=title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:is([data-disabled],[data-loading]) [data-part=title]{cursor:default}[data-ui=data-list] [data-part=trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:1 / -1}}[data-ui=data-list] [data-part=fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=data-list] [data-part=field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui=data-list] [data-part=field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui=data-list] [data-part=field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-list] [data-part=field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui=data-list] [data-part=field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui=data-list] [data-part=more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui=data-list] [data-part=more]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=more][aria-expanded=true]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-part=more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=data-list] [data-ui=list-item][data-disabled] [data-part=more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-list][aria-busy=true]>[data-ui=list]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-list]>[data-part=empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=loader]{display:block}[data-ui=data-list]>[data-part=loader] [data-part=field-value] [data-ui=skeleton]{vertical-align:middle}[data-ui=data-list]>[data-part=footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=footer]:empty{display:none}[data-ui=data-list] [data-part=load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui=list][data-part=root],[data-ui=list] [data-part=section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui=list][data-part=root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui=list][data-part=root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui=list][data-part=root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui=list][data-part=root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui=list][data-part=root][data-variant=separated]{row-gap:var(--_gap)}[data-ui=list] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=list][data-variant=separated] [data-part=section],[data-ui=list][data-variant=separated] [data-part=section-list]{row-gap:var(--_gap)}[data-ui=list] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui=list][data-inset] [data-part=section-label],[data-ui=list][data-inset] [data-part=empty]{padding-inline:0}[data-ui=list] [data-part=section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=list] [data-part=empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui=list][data-part=root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;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=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "directive", type: SlDataListPart, selector: "[slDataListPart]", inputs: ["slDataListPart"] }, { 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: SlList, selector: "ul[slList], ol[slList]", inputs: ["variant", "size", "marker", "inset", "loading"], exportAs: ["slList"] }, { kind: "component", type: SlListItem, selector: "li[slListItem]", inputs: ["variant", "size", "marker", "align", "tone", "inset", "truncate", "selected", "current", "disabled", "loading", "position", "setSize"], exportAs: ["slListItem"] }, { kind: "directive", type: SlListItemActions, selector: "[slListItemActions]", exportAs: ["slListItemActions"] }, { kind: "directive", type: SlListItemBody, selector: "[slListItemBody]", exportAs: ["slListItemBody"] }, { kind: "directive", type: SlListItemContent, selector: "[slListItemContent]", exportAs: ["slListItemContent"] }, { kind: "directive", type: SlListItemDescription, selector: "[slListItemDescription]", exportAs: ["slListItemDescription"] }, { kind: "directive", type: SlListItemEnd, selector: "[slListItemEnd]", exportAs: ["slListItemEnd"] }, { kind: "directive", type: SlListItemLabel, selector: "[slListItemLabel]", exportAs: ["slListItemLabel"] }, { kind: "directive", type: SlListItemStart, selector: "[slListItemStart]", exportAs: ["slListItemStart"] }, { kind: "directive", type: SlListSection, selector: "li[slListSection]", exportAs: ["slListSection"] }, { kind: "directive", type: SlListSectionLabel, selector: "[slListSectionLabel]", inputs: ["sticky"], exportAs: ["slListSectionLabel"] }, { kind: "directive", type: SlListSectionList, selector: "ul[slListSectionList], ol[slListSectionList]", exportAs: ["slListSectionList"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonRegion, selector: "[slSkeletonRegion]", inputs: ["loading", "animation", "live", "messages", "loadedLabel", "delay", "minDuration"], outputs: ["reveal"], exportAs: ["slSkeletonRegion"] }, { kind: "component", type: SlVisuallyHidden, selector: "[slVisuallyHidden]", inputs: ["focusable"], exportAs: ["slVisuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1008
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-data-list][data-part-root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui-data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-data-list]>[data-part-header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui-data-list][data-variant=plain]>[data-part-header]{box-shadow:none}[data-ui-data-list][data-variant=framed]>[data-part-header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui-data-list] [data-part-select-all]{display:inline-flex;flex:none}[data-ui-data-list] [data-part-count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui-data-list] [data-part-sort] [data-part-end]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-sort][data-direction=ascending] [data-part-end]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-ui-list-item]{position:relative}[data-ui-data-list] [data-ui-list-item] :is([data-part-selection],[data-part-more],[data-part-field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui-data-list] [data-ui-list-item]>[data-part-actions]{position:relative;z-index:1}[data-ui-data-list] [data-part-selection],[data-ui-data-list] [data-part-media]{align-items:center;display:inline-flex;flex:none}[data-ui-data-list] [data-part-selection]+[data-part-media]{margin-inline-start:var(--_gap)}[data-ui-data-list] :is(a,button)[data-part-title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui-data-list] :is(a,button)[data-part-title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible{outline:none}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part-title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:is([data-disabled],[data-loading]) [data-part-title]{cursor:default}[data-ui-data-list] [data-part-trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:1 / -1}}[data-ui-data-list] [data-part-fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-data-list] [data-part-field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui-data-list] [data-part-field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui-data-list] [data-part-field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-list] [data-part-field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui-data-list] [data-part-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui-data-list] [data-part-more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui-data-list] [data-part-more]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-more][aria-expanded=true]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-part-more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-data-list] [data-ui-list-item][data-disabled] [data-part-more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-data-list]>[data-ui-list]{position:relative}[data-ui-data-list][aria-busy=true]>[data-ui-list]{opacity:.55;transition:opacity var(--_transition)}[data-ui-data-list][aria-busy=true]>[data-ui-list]:after{content:\"\";inset:0;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 4)}[data-ui-data-list]>[data-part-empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-loader]{display:block}[data-ui-data-list]>[data-part-loader] [data-part-field-value] [data-ui-skeleton]{vertical-align:middle}[data-ui-data-list]>[data-part-footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-footer]:empty{display:none}[data-ui-data-list] [data-part-load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui-list][data-part-root],[data-ui-list] [data-part-section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui-list][data-part-root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui-list][data-part-root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui-list][data-part-root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui-list][data-part-root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui-list][data-part-root][data-variant=separated]{row-gap:var(--_gap)}[data-ui-list] [data-part-section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-list][data-variant=separated] [data-part-section],[data-ui-list][data-variant=separated] [data-part-section-list]{row-gap:var(--_gap)}[data-ui-list] [data-part-section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui-list][data-inset] [data-part-section-label],[data-ui-list][data-inset] [data-part-empty]{padding-inline:0}[data-ui-list] [data-part-section-label]:has(>[data-part-section-end]){align-items:baseline;display:flex;gap:var(--slotted-space-4, .5rem);justify-content:space-between}[data-ui-list] [data-part-section-end]{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-list] [data-part-section-label][data-variant=ruled]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-list-section-rule-color, var(--slotted-border-subtle, GrayText));color:var(--slotted-list-section-ruled-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-list] [data-part-section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-list] [data-part-empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui-list][data-part-root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui-list-item][data-part-root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui-list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=info]{--_text: var(--slotted-tone-info-text, CanvasText);--_subtle-hover: var(--slotted-tone-info-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-info-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-info-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-info-solid-active, ButtonFace);--_surface: var(--slotted-tone-info-surface, Canvas);--_selected-edge: var(--slotted-tone-info-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-info-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui-list-item][data-marker=bullet]>[data-part-marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui-list-item][data-marker=bullet]>[data-part-marker]>[data-ui-icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui-list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui-list-item]:is([data-marker=bullet],[data-marker=number])>[data-part-content]{padding-inline-start:0}[data-ui-list-item][data-inset][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui-list-item]>[data-part-content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui-list-item]:not([data-disabled])>:is(a,button)[data-part-content]:not(:disabled){cursor:pointer}[data-ui-list-item][data-inset]>[data-part-content]{padding-inline:0}[data-ui-list-item][data-align=start]>[data-part-content]{align-items:start}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui-list-item]>[data-part-content]>[data-part-start]:has(>[data-ui-checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item][data-align=start]>[data-part-content]>[data-part-start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-content]>[data-part-body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item][data-truncate]>[data-part-content]>[data-part-body]>:is([data-part-label],[data-part-description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-list-item]>[data-part-content]>[data-part-end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui-list-item]>[data-part-actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline-end:0}[data-ui-list-item][data-align=start]>[data-part-actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui-list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui-list-item][data-variant=separated]{overflow:clip}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):active){--_fill: var(--_active)}[data-ui-list-item]>[data-part-content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui-list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui-list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui-list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui-list-item]:is([data-selected],[data-current])+[data-ui-list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui-list-item][data-selected]+[data-ui-list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui-list-item][data-selected]>[data-part-content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-current]>[data-part-content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-loading]{--_text: var(--_muted)}[data-ui-list-item][data-loading]>[data-part-content]{cursor:progress}[data-ui-list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui-list-item][data-disabled]>[data-part-content]{cursor:default}[data-ui-list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui-list-item]>[data-part-content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui-list-item]>[data-part-content]>[data-part-end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline:0}[data-ui-list-item]>[data-part-actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui-list-item][data-selected]{background-color:Highlight}[data-ui-list-item][data-selected]>[data-part-content]{color:HighlightText}[data-ui-list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;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-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonEnd, selector: "[slButtonEnd]", exportAs: ["slButtonEnd"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "directive", type: SlDataListPart, selector: "[slDataListPart]", inputs: ["slDataListPart"] }, { 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: SlList, selector: "ul[slList], ol[slList]", inputs: ["variant", "size", "marker", "inset", "loading"], exportAs: ["slList"] }, { kind: "component", type: SlListItem, selector: "li[slListItem]", inputs: ["variant", "size", "marker", "align", "tone", "inset", "truncate", "selected", "current", "disabled", "loading", "position", "setSize"], exportAs: ["slListItem"] }, { kind: "directive", type: SlListItemActions, selector: "[slListItemActions]", exportAs: ["slListItemActions"] }, { kind: "directive", type: SlListItemBody, selector: "[slListItemBody]", exportAs: ["slListItemBody"] }, { kind: "directive", type: SlListItemContent, selector: "[slListItemContent]", exportAs: ["slListItemContent"] }, { kind: "directive", type: SlListItemDescription, selector: "[slListItemDescription]", exportAs: ["slListItemDescription"] }, { kind: "directive", type: SlListItemEnd, selector: "[slListItemEnd]", exportAs: ["slListItemEnd"] }, { kind: "directive", type: SlListItemLabel, selector: "[slListItemLabel]", exportAs: ["slListItemLabel"] }, { kind: "directive", type: SlListItemStart, selector: "[slListItemStart]", exportAs: ["slListItemStart"] }, { kind: "directive", type: SlListSection, selector: "li[slListSection]", exportAs: ["slListSection"] }, { kind: "directive", type: SlListSectionLabel, selector: "[slListSectionLabel]", inputs: ["variant", "sticky"], exportAs: ["slListSectionLabel"] }, { kind: "directive", type: SlListSectionList, selector: "ul[slListSectionList], ol[slListSectionList]", exportAs: ["slListSectionList"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }, { kind: "component", type: SlSkeletonRegion, selector: "[slSkeletonRegion]", inputs: ["loading", "animation", "live", "messages", "loadedLabel", "delay", "minDuration"], outputs: ["reveal"], exportAs: ["slSkeletonRegion"] }, { kind: "component", type: SlVisuallyHidden, selector: "[slVisuallyHidden]", inputs: ["focusable"], exportAs: ["slVisuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
993
1009
|
}
|
|
994
1010
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataList, decorators: [{
|
|
995
1011
|
type: Component,
|
|
@@ -1027,16 +1043,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1027
1043
|
SlVisuallyHidden,
|
|
1028
1044
|
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
1029
1045
|
'data-ui': 'data-list',
|
|
1046
|
+
'data-ui-data-list': '',
|
|
1030
1047
|
'data-part': 'root',
|
|
1048
|
+
'data-part-root': '',
|
|
1031
1049
|
'[attr.data-variant]': 'variantValue()',
|
|
1032
1050
|
'[attr.data-size]': 'sizeValue()',
|
|
1033
1051
|
'[attr.aria-busy]': "refreshing() ? 'true' : null",
|
|
1034
1052
|
'[attr.data-loading]': "refreshing() ? '' : null",
|
|
1035
1053
|
'(focusin)': 'onFocusIn($event)',
|
|
1036
1054
|
}, template: `
|
|
1037
|
-
<div data-part="header">
|
|
1055
|
+
<div data-part="header" data-part-header="">
|
|
1038
1056
|
@if (selectionModeValue() === 'multiple' && !showLoader()) {
|
|
1039
|
-
<span data-part="select-all">
|
|
1057
|
+
<span data-part="select-all" data-part-select-all="">
|
|
1040
1058
|
<span
|
|
1041
1059
|
slCheckbox
|
|
1042
1060
|
[checked]="allSelected()"
|
|
@@ -1048,9 +1066,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1048
1066
|
>
|
|
1049
1067
|
</span>
|
|
1050
1068
|
}
|
|
1051
|
-
<output data-part="count" aria-live="polite">{{
|
|
1069
|
+
<output data-part="count" data-part-count="" aria-live="polite">{{
|
|
1070
|
+
showLoader() ? '' : countText()
|
|
1071
|
+
}}</output>
|
|
1052
1072
|
@if (layout().sortable.length > 0) {
|
|
1053
|
-
<span
|
|
1073
|
+
<span
|
|
1074
|
+
data-part="sort"
|
|
1075
|
+
data-part-sort=""
|
|
1076
|
+
[attr.data-direction]="firstKey()?.direction ?? null"
|
|
1077
|
+
>
|
|
1054
1078
|
<button
|
|
1055
1079
|
slButton
|
|
1056
1080
|
slDataListPart="root"
|
|
@@ -1074,7 +1098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1074
1098
|
[value]="firstKey()?.column ?? noSort"
|
|
1075
1099
|
(valueChangeRequest)="chooseColumn($event)"
|
|
1076
1100
|
>
|
|
1077
|
-
<div data-part="group-label" [id]="id + '-sort-column'">
|
|
1101
|
+
<div data-part="group-label" data-part-group-label="" [id]="id + '-sort-column'">
|
|
1078
1102
|
{{ t('sortColumn') }}
|
|
1079
1103
|
</div>
|
|
1080
1104
|
<button slMenuRadioItem [value]="noSort">{{ t('sortNone') }}</button>
|
|
@@ -1088,7 +1112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1088
1112
|
[value]="firstKey()?.direction ?? ''"
|
|
1089
1113
|
(valueChangeRequest)="chooseDirection($event)"
|
|
1090
1114
|
>
|
|
1091
|
-
<div data-part="group-label" [id]="id + '-sort-direction'">
|
|
1115
|
+
<div data-part="group-label" data-part-group-label="" [id]="id + '-sort-direction'">
|
|
1092
1116
|
{{ t('sortDirection') }}
|
|
1093
1117
|
</div>
|
|
1094
1118
|
<button slMenuRadioItem value="ascending" [disabled]="!firstKey()">
|
|
@@ -1111,7 +1135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1111
1135
|
}
|
|
1112
1136
|
|
|
1113
1137
|
@if (showLoader()) {
|
|
1114
|
-
<div data-part="loader">
|
|
1138
|
+
<div data-part="loader" data-part-loader="">
|
|
1115
1139
|
<div
|
|
1116
1140
|
slSkeletonRegion
|
|
1117
1141
|
[loading]="firstLoad()"
|
|
@@ -1138,11 +1162,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1138
1162
|
</div>
|
|
1139
1163
|
}
|
|
1140
1164
|
@if (layout().shown > 0) {
|
|
1141
|
-
<dl data-part="fields">
|
|
1165
|
+
<dl data-part="fields" data-part-fields="">
|
|
1142
1166
|
@for (column of shownColumns(); track column.id; let field = $index) {
|
|
1143
|
-
<div data-part="field">
|
|
1144
|
-
<dt data-part="field-label"
|
|
1145
|
-
|
|
1167
|
+
<div data-part="field" data-part-field="">
|
|
1168
|
+
<dt data-part="field-label" data-part-field-label="">
|
|
1169
|
+
{{ column.label }}
|
|
1170
|
+
</dt>
|
|
1171
|
+
<dd data-part="field-value" data-part-field-value="">
|
|
1146
1172
|
<span slSkeleton [inlineSize]="fieldBar(index + field)"></span>
|
|
1147
1173
|
</dd>
|
|
1148
1174
|
</div>
|
|
@@ -1176,9 +1202,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1176
1202
|
}
|
|
1177
1203
|
|
|
1178
1204
|
@if (hasMore() || footers().length > 0) {
|
|
1179
|
-
<div data-part="footer">
|
|
1205
|
+
<div data-part="footer" data-part-footer="">
|
|
1180
1206
|
@if (hasMore() && !showLoader()) {
|
|
1181
|
-
<span data-part="load-more">
|
|
1207
|
+
<span data-part="load-more" data-part-load-more="">
|
|
1182
1208
|
<button
|
|
1183
1209
|
slButton
|
|
1184
1210
|
size="sm"
|
|
@@ -1235,7 +1261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1235
1261
|
@if (selectionModeValue() !== 'none' || mediaTemplate()) {
|
|
1236
1262
|
<div slListItemStart>
|
|
1237
1263
|
@if (selectionModeValue() !== 'none') {
|
|
1238
|
-
<span data-part="selection">
|
|
1264
|
+
<span data-part="selection" data-part-selection="">
|
|
1239
1265
|
<span
|
|
1240
1266
|
slCheckbox
|
|
1241
1267
|
[checked]="view.selected"
|
|
@@ -1249,7 +1275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1249
1275
|
</span>
|
|
1250
1276
|
}
|
|
1251
1277
|
@if (mediaTemplate(); as media) {
|
|
1252
|
-
<span data-part="media">
|
|
1278
|
+
<span data-part="media" data-part-media="">
|
|
1253
1279
|
<ng-container
|
|
1254
1280
|
[ngTemplateOutlet]="media.template"
|
|
1255
1281
|
[ngTemplateOutletContext]="{ $implicit: view.row }"
|
|
@@ -1263,6 +1289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1263
1289
|
@if (view.href !== undefined) {
|
|
1264
1290
|
<a
|
|
1265
1291
|
data-part="title"
|
|
1292
|
+
data-part-title=""
|
|
1266
1293
|
[attr.href]="view.href"
|
|
1267
1294
|
[attr.aria-disabled]="view.disabled || view.busy ? 'true' : null"
|
|
1268
1295
|
(click)="activateLink(view, $event)"
|
|
@@ -1273,6 +1300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1273
1300
|
} @else if (activatable()) {
|
|
1274
1301
|
<button
|
|
1275
1302
|
data-part="title"
|
|
1303
|
+
data-part-title=""
|
|
1276
1304
|
type="button"
|
|
1277
1305
|
[disabled]="view.disabled || view.busy"
|
|
1278
1306
|
(click)="activate(view, $event)"
|
|
@@ -1283,7 +1311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1283
1311
|
/>
|
|
1284
1312
|
</button>
|
|
1285
1313
|
} @else {
|
|
1286
|
-
<span data-part="title"
|
|
1314
|
+
<span data-part="title" data-part-title=""
|
|
1287
1315
|
><ng-container
|
|
1288
1316
|
[ngTemplateOutlet]="value"
|
|
1289
1317
|
[ngTemplateOutletContext]="{ $implicit: view.title }"
|
|
@@ -1301,7 +1329,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1301
1329
|
</div>
|
|
1302
1330
|
@if (view.trailing) {
|
|
1303
1331
|
<div slListItemEnd>
|
|
1304
|
-
<span data-part="trailing"
|
|
1332
|
+
<span data-part="trailing" data-part-trailing=""
|
|
1305
1333
|
><ng-container
|
|
1306
1334
|
[ngTemplateOutlet]="value"
|
|
1307
1335
|
[ngTemplateOutletContext]="{ $implicit: view.trailing }"
|
|
@@ -1309,11 +1337,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1309
1337
|
</div>
|
|
1310
1338
|
}
|
|
1311
1339
|
@if (view.fields.length > 0) {
|
|
1312
|
-
<dl data-part="fields" [id]="view.fieldsId">
|
|
1340
|
+
<dl data-part="fields" data-part-fields="" [id]="view.fieldsId">
|
|
1313
1341
|
@for (field of view.fields; track field.column.id) {
|
|
1314
|
-
<div data-part="field">
|
|
1315
|
-
<dt data-part="field-label">{{ field.column.label }}</dt>
|
|
1316
|
-
<dd
|
|
1342
|
+
<div data-part="field" data-part-field="">
|
|
1343
|
+
<dt data-part="field-label" data-part-field-label="">{{ field.column.label }}</dt>
|
|
1344
|
+
<dd
|
|
1345
|
+
data-part="field-value"
|
|
1346
|
+
data-part-field-value=""
|
|
1347
|
+
[attr.data-numeric]="field.numeric ? '' : null"
|
|
1348
|
+
>
|
|
1317
1349
|
<ng-container
|
|
1318
1350
|
[ngTemplateOutlet]="value"
|
|
1319
1351
|
[ngTemplateOutletContext]="{ $implicit: field }"
|
|
@@ -1326,6 +1358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1326
1358
|
@if (view.hidden > 0) {
|
|
1327
1359
|
<button
|
|
1328
1360
|
data-part="more"
|
|
1361
|
+
data-part-more=""
|
|
1329
1362
|
type="button"
|
|
1330
1363
|
[attr.aria-controls]="view.fieldsId"
|
|
1331
1364
|
[attr.aria-expanded]="view.expanded"
|
|
@@ -1357,7 +1390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1357
1390
|
[ngTemplateOutletContext]="field.context"
|
|
1358
1391
|
/>
|
|
1359
1392
|
} @else if (field.context.text === '' && field.context.place !== 'actions') {
|
|
1360
|
-
<span data-part="field-empty"
|
|
1393
|
+
<span data-part="field-empty" data-part-field-empty=""
|
|
1361
1394
|
><span aria-hidden="true">—</span><span slVisuallyHidden>{{ t('empty') }}</span></span
|
|
1362
1395
|
>
|
|
1363
1396
|
} @else {
|
|
@@ -1367,7 +1400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1367
1400
|
</ng-template>
|
|
1368
1401
|
|
|
1369
1402
|
<ng-template #emptyState let-status>
|
|
1370
|
-
<div data-part="empty">
|
|
1403
|
+
<div data-part="empty" data-part-empty="">
|
|
1371
1404
|
@if (emptyTemplate(); as custom) {
|
|
1372
1405
|
<ng-container
|
|
1373
1406
|
[ngTemplateOutlet]="custom.template"
|
|
@@ -1407,7 +1440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1407
1440
|
}
|
|
1408
1441
|
</div>
|
|
1409
1442
|
</ng-template>
|
|
1410
|
-
`, styles: ["@layer slotted.components{[data-ui=data-list][data-part=root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui=data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=data-list]>[data-part=header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui=data-list][data-variant=plain]>[data-part=header]{box-shadow:none}[data-ui=data-list][data-variant=framed]>[data-part=header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui=data-list] [data-part=select-all]{display:inline-flex;flex:none}[data-ui=data-list] [data-part=count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui=data-list] [data-part=sort] [data-part=end]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=sort][data-direction=ascending] [data-part=end]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-ui=list-item]{position:relative}[data-ui=data-list] [data-ui=list-item] :is([data-part=selection],[data-part=more],[data-part=field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui=data-list] [data-ui=list-item]>[data-part=actions]{position:relative;z-index:1}[data-ui=data-list] [data-part=selection],[data-ui=data-list] [data-part=media]{align-items:center;display:inline-flex;flex:none}[data-ui=data-list] [data-part=selection]+[data-part=media]{margin-inline-start:var(--_gap)}[data-ui=data-list] :is(a,button)[data-part=title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui=data-list] :is(a,button)[data-part=title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible{outline:none}[data-ui=data-list] :is(a,button)[data-part=title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part=title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:not([data-disabled]):not([data-loading]):has([data-part=title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui=data-list] [data-ui=list-item]:is([data-disabled],[data-loading]) [data-part=title]{cursor:default}[data-ui=data-list] [data-part=trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui=data-list] [data-ui=list-item]>[data-part=content]>:is([data-part=fields],[data-part=more]){grid-column:1 / -1}}[data-ui=data-list] [data-part=fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=data-list] [data-part=field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui=data-list] [data-part=field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui=data-list] [data-part=field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui=data-list] [data-part=field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-list] [data-part=field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui=data-list] [data-part=field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui=data-list] [data-part=more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui=data-list] [data-part=more]>[data-ui=icon]{transition:transform var(--_transition)}[data-ui=data-list] [data-part=more][aria-expanded=true]>[data-ui=icon]{transform:rotate(180deg)}[data-ui=data-list] [data-part=more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui=data-list] [data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=data-list] [data-ui=list-item][data-disabled] [data-part=more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-list][aria-busy=true]>[data-ui=list]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-list]>[data-part=empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=loader]{display:block}[data-ui=data-list]>[data-part=loader] [data-part=field-value] [data-ui=skeleton]{vertical-align:middle}[data-ui=data-list]>[data-part=footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui=data-list]>[data-part=footer]:empty{display:none}[data-ui=data-list] [data-part=load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui=list][data-part=root],[data-ui=list] [data-part=section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui=list][data-part=root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui=list][data-part=root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui=list][data-part=root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui=list][data-part=root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui=list][data-part=root][data-variant=separated]{row-gap:var(--_gap)}[data-ui=list] [data-part=section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui=list][data-variant=separated] [data-part=section],[data-ui=list][data-variant=separated] [data-part=section-list]{row-gap:var(--_gap)}[data-ui=list] [data-part=section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui=list][data-inset] [data-part=section-label],[data-ui=list][data-inset] [data-part=empty]{padding-inline:0}[data-ui=list] [data-part=section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=list] [data-part=empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui=list][data-part=root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;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=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
1443
|
+
`, styles: ["@layer slotted.components{[data-ui-data-list][data-part-root]{--_field-min: 9rem;--_field-label-inline: 7.5rem;--_pad-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_muted: var(--slotted-text-muted, GrayText);--_rule: var(--slotted-border-subtle, ButtonBorder);--_rule-width: var(--slotted-border-width-thin, 1px);--_transition: var(--slotted-duration-short) var(--slotted-easing-standard);color:var(--slotted-text, CanvasText);container:slotted-data-list / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, sans-serif);min-inline-size:0}[data-ui-data-list][data-size=sm]{--_pad-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-data-list][data-size=lg]{--_pad-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-data-list]>[data-part-header]{align-items:center;box-shadow:0 var(--_rule-width) 0 0 var(--_rule);box-sizing:border-box;column-gap:var(--_gap);display:flex;flex-wrap:wrap;font-size:var(--slotted-control-font-size-sm, 12px);line-height:var(--slotted-line-height-sm, 1.45);min-block-size:var(--slotted-control-height-md, 34px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_pad-inline);row-gap:var(--slotted-space-1, .125rem)}[data-ui-data-list][data-variant=plain]>[data-part-header]{box-shadow:none}[data-ui-data-list][data-variant=framed]>[data-part-header]{box-shadow:none;padding-inline:calc(var(--_pad-inline) + var(--_rule-width))}[data-ui-data-list] [data-part-select-all]{display:inline-flex;flex:none}[data-ui-data-list] [data-part-count]{color:var(--_muted);flex:1 1 auto;font-variant-numeric:tabular-nums;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-sort]{display:inline-flex;flex:none;margin-inline-start:auto;margin-inline-end:calc(var(--slotted-control-padding-inline-sm, 10px) * -1)}[data-ui-data-list] [data-part-sort] [data-part-end]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-sort][data-direction=ascending] [data-part-end]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-ui-list-item]{position:relative}[data-ui-data-list] [data-ui-list-item] :is([data-part-selection],[data-part-more],[data-part-field-value] :is(a,button,input,select,textarea,[tabindex])),[data-ui-data-list] [data-ui-list-item]>[data-part-actions]{position:relative;z-index:1}[data-ui-data-list] [data-part-selection],[data-ui-data-list] [data-part-media]{align-items:center;display:inline-flex;flex:none}[data-ui-data-list] [data-part-selection]+[data-part-media]{margin-inline-start:var(--_gap)}[data-ui-data-list] :is(a,button)[data-part-title]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none}[data-ui-data-list] :is(a,button)[data-part-title]:after{border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible{outline:none}[data-ui-data-list] :is(a,button)[data-part-title]:focus-visible:after{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]) :is(a[href],button:not(:disabled))[data-part-title]:hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):hover){--_fill: var(--_hover, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:not([data-disabled]):not([data-loading]):has([data-part-title]:is(a[href],button:not(:disabled)):active){--_fill: var(--_active, ButtonFace)}[data-ui-data-list] [data-ui-list-item]:is([data-disabled],[data-loading]) [data-part-title]{cursor:default}[data-ui-data-list] [data-part-trailing]{color:var(--_text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);overflow-wrap:anywhere;text-align:end}[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:2 / -1}@container slotted-list-item (max-inline-size: 22rem){[data-ui-data-list] [data-ui-list-item]>[data-part-content]>:is([data-part-fields],[data-part-more]){grid-column:1 / -1}}[data-ui-data-list] [data-part-fields]{column-gap:var(--slotted-space-4, .5rem);container:slotted-data-list-fields / inline-size;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--_field-min),100%),1fr));margin-block:var(--slotted-space-2, .25rem) 0;margin-inline:0;padding:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui-data-list] [data-part-field]{display:flex;flex-direction:column;margin:0;min-inline-size:0}[data-ui-data-list] [data-part-field-label]{color:var(--_muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:break-word}[data-ui-data-list] [data-part-field-value]{color:var(--_text, CanvasText);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:anywhere;text-align:match-parent;unicode-bidi:plaintext}[data-ui-data-list] [data-part-field-value][data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-list] [data-part-field-empty]{color:var(--_muted, GrayText)}@container slotted-data-list-fields (min-inline-size: 12rem) and (max-inline-size: 19rem){[data-ui-data-list] [data-part-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,min(var(--_field-label-inline),35%)) minmax(0,1fr)}}[data-ui-data-list] [data-part-more]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-radius-sm, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-medium, 500);gap:var(--slotted-space-2, .25rem);justify-self:start;margin-block-start:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);padding:0}[data-ui-data-list] [data-part-more]>[data-ui-icon]{transition:transform var(--_transition)}[data-ui-data-list] [data-part-more][aria-expanded=true]>[data-ui-icon]{transform:rotate(180deg)}[data-ui-data-list] [data-part-more]:not(:disabled):hover{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}[data-ui-data-list] [data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-data-list] [data-ui-list-item][data-disabled] [data-part-more]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-data-list]>[data-ui-list]{position:relative}[data-ui-data-list][aria-busy=true]>[data-ui-list]{opacity:.55;transition:opacity var(--_transition)}[data-ui-data-list][aria-busy=true]>[data-ui-list]:after{content:\"\";inset:0;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 4)}[data-ui-data-list]>[data-part-empty]{padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-loader]{display:block}[data-ui-data-list]>[data-part-loader] [data-part-field-value] [data-ui-skeleton]{vertical-align:middle}[data-ui-data-list]>[data-part-footer]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);justify-content:center;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--_pad-inline)}[data-ui-data-list]>[data-part-footer]:empty{display:none}[data-ui-data-list] [data-part-load-more]{display:inline-flex}}\n", "@layer slotted.components{[data-ui-list][data-part-root],[data-ui-list] [data-part-section-list]{counter-reset:slotted-list-item;display:flex;flex-direction:column;list-style:none;margin-block:0;margin-inline:0;min-inline-size:0;padding-inline:0}[data-ui-list][data-part-root]{--_gap: var(--slotted-list-gap, var(--slotted-space-3, .375rem));--_frame-color: var(--slotted-list-border-color, var(--slotted-border-subtle, ButtonBorder));--_frame-width: var(--slotted-list-border-width, var(--slotted-border-width-thin, 1px));--_frame-radius: var(--slotted-list-radius, var(--slotted-radius-md, 6px));--_surface: var(--slotted-list-background, var(--slotted-surface, Canvas));--_section-color: var(--slotted-list-section-color, var(--slotted-text-muted, GrayText));--_section-font-size: var( --slotted-list-section-font-size, var(--slotted-font-size-xs, .75rem) );--_section-weight: var( --slotted-list-section-font-weight, var(--slotted-font-weight-semibold, 600) );--_section-inset-block: var( --slotted-list-section-padding-block, var(--slotted-space-4, .5rem) );--_row-inset-inline: var( --slotted-list-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_empty-color: var(--slotted-list-empty-color, var(--slotted-text-muted, GrayText));--_empty-inset: var(--slotted-list-empty-padding, var(--slotted-space-8, 1.5rem))}[data-ui-list][data-part-root][data-size=sm]{--_gap: var(--slotted-list-gap-sm, var(--slotted-space-2, .25rem));--_section-inset-block: var( --slotted-list-section-padding-block-sm, var(--slotted-space-3, .375rem) );--_row-inset-inline: var( --slotted-list-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_empty-inset: var(--slotted-list-empty-padding-sm, var(--slotted-space-6, 1rem))}[data-ui-list][data-part-root][data-size=lg]{--_gap: var(--slotted-list-gap-lg, var(--slotted-space-4, .5rem));--_section-inset-block: var( --slotted-list-section-padding-block-lg, var(--slotted-space-5, .75rem) );--_row-inset-inline: var( --slotted-list-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_empty-inset: var(--slotted-list-empty-padding-lg, var(--slotted-space-9, 2rem))}[data-ui-list][data-part-root][data-variant=framed]{background-color:var(--_surface);border:var(--_frame-width) solid var(--_frame-color);border-radius:var(--_frame-radius);overflow:clip}[data-ui-list][data-part-root][data-variant=separated]{row-gap:var(--_gap)}[data-ui-list] [data-part-section]{display:flex;flex-direction:column;min-inline-size:0}[data-ui-list][data-variant=separated] [data-part-section],[data-ui-list][data-variant=separated] [data-part-section-list]{row-gap:var(--_gap)}[data-ui-list] [data-part-section-label]{color:var(--_section-color);font-size:var(--_section-font-size);font-weight:var(--_section-weight);letter-spacing:var(--slotted-list-section-letter-spacing, 0);line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;padding-block:var(--_section-inset-block);padding-inline:var(--_row-inset-inline)}[data-ui-list][data-inset] [data-part-section-label],[data-ui-list][data-inset] [data-part-empty]{padding-inline:0}[data-ui-list] [data-part-section-label]:has(>[data-part-section-end]){align-items:baseline;display:flex;gap:var(--slotted-space-4, .5rem);justify-content:space-between}[data-ui-list] [data-part-section-end]{flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-list] [data-part-section-label][data-variant=ruled]{border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-list-section-rule-color, var(--slotted-border-subtle, GrayText));color:var(--slotted-list-section-ruled-color, var(--slotted-text, CanvasText));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-list] [data-part-section-label][data-sticky]{background-color:var(--_surface);inset-block-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-list] [data-part-empty]{align-items:center;color:var(--_empty-color);display:flex;flex-direction:column;justify-content:center;min-inline-size:0;padding-block:var(--_empty-inset);padding-inline:var(--_row-inset-inline);text-align:center}[data-ui-list][data-part-root][data-loading]{cursor:progress}}\n", "@layer slotted.components{[data-ui-list-item][data-part-root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui-list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui-list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=info]{--_text: var(--slotted-tone-info-text, CanvasText);--_subtle-hover: var(--slotted-tone-info-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-info-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-info-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-info-solid-active, ButtonFace);--_surface: var(--slotted-tone-info-surface, Canvas);--_selected-edge: var(--slotted-tone-info-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-info-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui-list-item][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui-list-item][data-marker=bullet]>[data-part-marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui-list-item][data-marker=bullet]>[data-part-marker]>[data-ui-icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui-list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui-list-item]:is([data-marker=bullet],[data-marker=number])>[data-part-content]{padding-inline-start:0}[data-ui-list-item][data-inset][data-marker=bullet]>[data-part-marker],[data-ui-list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui-list-item]>[data-part-content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui-list-item]:not([data-disabled])>:is(a,button)[data-part-content]:not(:disabled){cursor:pointer}[data-ui-list-item][data-inset]>[data-part-content]{padding-inline:0}[data-ui-list-item][data-align=start]>[data-part-content]{align-items:start}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui-list-item]>[data-part-content]>[data-part-start]:has(>[data-ui-checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item][data-align=start]>[data-part-content]>[data-part-start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-content]>[data-part-body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item]>[data-part-content]>[data-part-body]>[data-part-description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-list-item][data-truncate]>[data-part-content]>[data-part-body]>:is([data-part-label],[data-part-description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui-list-item]>[data-part-content]>[data-part-end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui-list-item]>[data-part-actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline-end:0}[data-ui-list-item][data-align=start]>[data-part-actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui-list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui-list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui-list-item][data-variant=separated]{overflow:clip}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui-list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part-content]:not(:disabled):active){--_fill: var(--_active)}[data-ui-list-item]>[data-part-content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui-list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui-list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui-list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui-list-item]:is([data-selected],[data-current])+[data-ui-list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui-list-item][data-selected]+[data-ui-list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui-list-item][data-selected]>[data-part-content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-current]>[data-part-content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui-list-item][data-loading]{--_text: var(--_muted)}[data-ui-list-item][data-loading]>[data-part-content]{cursor:progress}[data-ui-list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui-list-item][data-disabled]>[data-part-content]{cursor:default}[data-ui-list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui-list-item]>[data-part-content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui-list-item]>[data-part-content]>[data-part-end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui-list-item]>[data-part-content]>[data-part-start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui-list-item]>[data-part-actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]{padding-inline:0}[data-ui-list-item]>[data-part-actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui-list-item][data-inset]>[data-part-actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui-list-item][data-selected]{background-color:Highlight}[data-ui-list-item][data-selected]>[data-part-content]{color:HighlightText}[data-ui-list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;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-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
1411
1444
|
}], ctorParameters: () => [], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: true }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], columnState: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnState", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], trailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailing", required: false }] }], fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledBy", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], totalCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalCount", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], disabledKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledKeys", required: false }] }], loadingKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingKeys", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], activatable: [{ type: i0.Input, args: [{ isSignal: true, alias: "activatable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], hasMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMore", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }], loadingDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingDelay", required: false }] }], loadingMinDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingMinDuration", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], queryChangeRequest: [{ type: i0.Output, args: ["queryChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }], activate$: [{ type: i0.Output, args: ["activate"] }], loadMore: [{ type: i0.Output, args: ["loadMore"] }], retry: [{ type: i0.Output, args: ["retry"] }], cellTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListCellTemplate), { isSignal: true }] }], mediaTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListMediaTemplate), { isSignal: true }] }], emptyTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListEmptyTemplate), { isSignal: true }] }], footers: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataListFooter), { isSignal: true }] }] } });
|
|
1412
1445
|
|
|
1413
1446
|
/**
|