@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/calendar.json +1 -1
- package/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/currency-field.json +7 -0
- package/docs/currency-field.md +1 -0
- package/docs/data-grid.examples.md +1 -1
- package/docs/data-grid.json +21 -4
- package/docs/data-grid.md +1 -1
- package/docs/data-grid.props.md +5 -3
- package/docs/dialog.examples.md +138 -136
- package/docs/dialog.json +8 -8
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/guidelines/async-feedback.md +10 -0
- package/docs/guidelines/composition.md +11 -7
- package/docs/guidelines/index.md +6 -1
- package/docs/guidelines/list-pages.md +30 -0
- package/docs/guidelines/overviews.md +10 -0
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/page-header.json +1 -1
- package/docs/skills/compose-screen/SKILL.md +22 -10
- package/docs/skills/review-screen/SKILL.md +6 -0
- package/docs/skills/waiting-states/SKILL.md +4 -1
- package/docs/tags-input.json +28 -2
- package/docs/tags-input.md +4 -1
- package/docs/timeline.json +131 -131
- package/docs/timeline.md +123 -123
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +21 -10
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
- package/fesm2022/slotted-angular-alert.mjs +17 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +52 -40
- 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 +9 -6
- 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 +53 -25
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +82 -30
- 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 +158 -64
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +4 -2
- 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 +13 -8
- 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 +77 -31
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +150 -54
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
- package/fesm2022/slotted-angular-container.mjs +6 -4
- package/fesm2022/slotted-angular-container.mjs.map +1 -1
- package/fesm2022/slotted-angular-context-menu.mjs +5 -4
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +98 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +127 -44
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +309 -104
- 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 +40 -14
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +19 -9
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +41 -16
- 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 +37 -23
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +111 -42
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-description-list.mjs +33 -19
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +61 -28
- 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 +38 -26
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +195 -67
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +259 -102
- 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 +104 -43
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-form.mjs +18 -10
- package/fesm2022/slotted-angular-form.mjs.map +1 -1
- package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
- package/fesm2022/slotted-angular-grid.mjs +4 -2
- package/fesm2022/slotted-angular-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-highlight.mjs +5 -3
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
- package/fesm2022/slotted-angular-hover-card.mjs +5 -4
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-icon.mjs +6 -3
- package/fesm2022/slotted-angular-icon.mjs.map +1 -1
- package/fesm2022/slotted-angular-image.mjs +13 -10
- package/fesm2022/slotted-angular-image.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +10 -8
- 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 +14 -10
- 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 +41 -27
- package/fesm2022/slotted-angular-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-menubar.mjs +4 -2
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
- package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +113 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +133 -57
- 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 +107 -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 +72 -42
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +18 -9
- 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 +25 -18
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +122 -30
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +24 -18
- 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 +9 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +34 -15
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +15 -9
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +135 -53
- 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 +29 -13
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +25 -11
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-splitter.mjs +11 -9
- package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
- package/fesm2022/slotted-angular-stack.mjs +4 -2
- package/fesm2022/slotted-angular-stack.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +35 -28
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
- package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-stepper.mjs +40 -15
- package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
- package/fesm2022/slotted-angular-switch.mjs +15 -10
- package/fesm2022/slotted-angular-switch.mjs.map +1 -1
- package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
- package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +135 -72
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +31 -14
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-tag.mjs +19 -12
- package/fesm2022/slotted-angular-tag.mjs.map +1 -1
- package/fesm2022/slotted-angular-tags-input.mjs +253 -28
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-text-field.mjs +49 -15
- package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-textarea.mjs +5 -3
- package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-field.mjs +48 -14
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +28 -14
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +109 -40
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +135 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +42 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +10 -6
- 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 +21 -10
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +8 -5
- 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 +46 -21
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +69 -30
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-tree.mjs +74 -26
- package/fesm2022/slotted-angular-tree.mjs.map +1 -1
- package/fesm2022/slotted-angular-typography.mjs +8 -4
- package/fesm2022/slotted-angular-typography.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +125 -57
- package/fesm2022/slotted-angular-upload.mjs.map +1 -1
- package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
- package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
- package/fesm2022/slotted-angular-wizard.mjs +163 -65
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-accordion.d.ts.map +1 -1
- package/types/slotted-angular-action-bar.d.ts.map +1 -1
- package/types/slotted-angular-action-sheet.d.ts.map +1 -1
- package/types/slotted-angular-alert.d.ts +1 -1
- package/types/slotted-angular-alert.d.ts.map +1 -1
- 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.map +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.map +1 -1
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-calendar.d.ts +2 -0
- 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.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -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 +1 -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 +39 -13
- 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 +26 -2
- 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.map +1 -1
- package/types/slotted-angular-date-picker.d.ts.map +1 -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.map +1 -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 +2 -1
- 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.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- 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 +1 -1
- 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 +1 -1
- 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.map +1 -1
- 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.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.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +1 -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.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 +1 -1
- 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.map +1 -1
- 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.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.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +1 -1
- 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.map +1 -1
- 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.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.map +1 -1
- package/types/slotted-angular-tabs.d.ts.map +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-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +2 -2
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- package/types/slotted-angular-toolbar.d.ts.map +1 -1
- package/types/slotted-angular-tooltip.d.ts.map +1 -1
- package/types/slotted-angular-top-navigation.d.ts.map +1 -1
- package/types/slotted-angular-tour.d.ts.map +1 -1
- package/types/slotted-angular-transfer.d.ts.map +1 -1
- package/types/slotted-angular-tree.d.ts.map +1 -1
- package/types/slotted-angular-typography.d.ts.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
|
@@ -297,10 +297,12 @@ class SlCommandPalette {
|
|
|
297
297
|
: -1;
|
|
298
298
|
untracked(() => this.setHighlighted(first === -1 ? null : (ids[first] ?? null), 'programmatic'));
|
|
299
299
|
});
|
|
300
|
-
/* The row the highlight is on scrolls into view; it holds no focus.
|
|
300
|
+
/* The row the highlight is on scrolls into view; it holds no focus. A row
|
|
301
|
+
the pointer highlighted is already under it, and scrolling it would
|
|
302
|
+
fight a finger or a wheel moving the list. */
|
|
301
303
|
effect(() => {
|
|
302
304
|
const id = this.highlightedId();
|
|
303
|
-
if (id === null)
|
|
305
|
+
if (id === null || id === this.pointerHighlight)
|
|
304
306
|
return;
|
|
305
307
|
const node = this.list()?.nativeElement.querySelector(`#${CSS.escape(this.domId(id))}`);
|
|
306
308
|
if (typeof node?.scrollIntoView === 'function')
|
|
@@ -375,9 +377,12 @@ class SlCommandPalette {
|
|
|
375
377
|
if (state.request(next, reason, source))
|
|
376
378
|
this.query.set(next);
|
|
377
379
|
}
|
|
380
|
+
/** The row the pointer last highlighted, which never scrolls the list. */
|
|
381
|
+
pointerHighlight = null;
|
|
378
382
|
setHighlighted(next, reason, source) {
|
|
379
383
|
if (next === this.highlightedId())
|
|
380
384
|
return;
|
|
385
|
+
this.pointerHighlight = reason === 'pointer' ? next : null;
|
|
381
386
|
const state = createControllable({
|
|
382
387
|
initial: this.highlightedId(),
|
|
383
388
|
onRequest: (request) => this.highlightedIdChangeRequest.emit(request),
|
|
@@ -518,8 +523,20 @@ class SlCommandPalette {
|
|
|
518
523
|
returnTo(index, event) {
|
|
519
524
|
this.setPages(this.pages().slice(0, index + 1), 'pointer', event);
|
|
520
525
|
}
|
|
526
|
+
/**
|
|
527
|
+
* Focus stays in the input while the palette is open, as in a platform
|
|
528
|
+
* search field: a press anywhere else — a group label, the list's empty
|
|
529
|
+
* space, a row — keeps it there, and on a phone the keyboard stays up. The
|
|
530
|
+
* press's click still runs.
|
|
531
|
+
*/
|
|
532
|
+
keepFocus(event) {
|
|
533
|
+
if (event.target !== this.field()?.nativeElement)
|
|
534
|
+
event.preventDefault();
|
|
535
|
+
}
|
|
521
536
|
hover(item, event) {
|
|
522
|
-
|
|
537
|
+
/* A finger on the list is a scroll until it ends as a tap: the tap's click
|
|
538
|
+
executes, and a highlight on the way would trail the finger. */
|
|
539
|
+
if (item.disabled === true || event.pointerType === 'touch')
|
|
523
540
|
return;
|
|
524
541
|
this.setHighlighted(item.id, 'pointer', event);
|
|
525
542
|
}
|
|
@@ -670,7 +687,9 @@ class SlCommandPalette {
|
|
|
670
687
|
<ng-template #panel>
|
|
671
688
|
<div
|
|
672
689
|
data-ui="command-palette"
|
|
690
|
+
data-ui-command-palette=""
|
|
673
691
|
data-part="root"
|
|
692
|
+
data-part-root=""
|
|
674
693
|
[attr.data-presentation]="resolvedPresentation()"
|
|
675
694
|
[attr.data-size]="resolvedSize()"
|
|
676
695
|
[attr.data-open]="isOpen() ? '' : null"
|
|
@@ -678,24 +697,36 @@ class SlCommandPalette {
|
|
|
678
697
|
[attr.data-disabled]="disabled() ? '' : null"
|
|
679
698
|
[attr.data-query]="query() === '' ? null : ''"
|
|
680
699
|
[attr.data-empty]="isEmpty() ? '' : null"
|
|
700
|
+
(mousedown)="keepFocus($event)"
|
|
681
701
|
>
|
|
682
|
-
<div data-part="header">
|
|
702
|
+
<div data-part="header" data-part-header="">
|
|
683
703
|
@if (loading()) {
|
|
684
|
-
<span
|
|
704
|
+
<span
|
|
705
|
+
data-part="busy"
|
|
706
|
+
data-part-busy=""
|
|
707
|
+
data-ui="spinner"
|
|
708
|
+
data-ui-spinner=""
|
|
709
|
+
aria-hidden="true"
|
|
710
|
+
></span>
|
|
685
711
|
} @else {
|
|
686
|
-
<span data-part="search" aria-hidden="true"
|
|
712
|
+
<span data-part="search" data-part-search="" aria-hidden="true"
|
|
687
713
|
><span slIcon><svg slGlyph name="search"></svg></span
|
|
688
714
|
></span>
|
|
689
715
|
}
|
|
690
716
|
@if (rows().trail.length > 0) {
|
|
691
|
-
<ol data-part="pages" [attr.aria-label]="t('back')">
|
|
717
|
+
<ol data-part="pages" data-part-pages="" [attr.aria-label]="t('back')">
|
|
692
718
|
@for (entry of rows().trail; track entry.id; let index = $index) {
|
|
693
719
|
<li>
|
|
694
720
|
<!-- The chevron between two pages, mirrored in a right-to-left document. -->
|
|
695
721
|
@if (index > 0) {
|
|
696
722
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
697
723
|
}
|
|
698
|
-
<button
|
|
724
|
+
<button
|
|
725
|
+
data-part="page"
|
|
726
|
+
data-part-page=""
|
|
727
|
+
type="button"
|
|
728
|
+
(click)="returnTo(index, $event)"
|
|
729
|
+
>
|
|
699
730
|
<span>{{ entry.label }}</span>
|
|
700
731
|
</button>
|
|
701
732
|
</li>
|
|
@@ -705,6 +736,7 @@ class SlCommandPalette {
|
|
|
705
736
|
<input
|
|
706
737
|
#field
|
|
707
738
|
data-part="input"
|
|
739
|
+
data-part-input=""
|
|
708
740
|
type="text"
|
|
709
741
|
role="combobox"
|
|
710
742
|
aria-expanded="true"
|
|
@@ -723,6 +755,7 @@ class SlCommandPalette {
|
|
|
723
755
|
/>
|
|
724
756
|
<button
|
|
725
757
|
data-part="clear"
|
|
758
|
+
data-part-clear=""
|
|
726
759
|
type="button"
|
|
727
760
|
tabindex="-1"
|
|
728
761
|
[attr.aria-label]="t('clear')"
|
|
@@ -733,7 +766,12 @@ class SlCommandPalette {
|
|
|
733
766
|
@if (!inline()) {
|
|
734
767
|
<!-- The way out where the scrim is not: shown by the stylesheet
|
|
735
768
|
under the dialog's full-screen query alone. -->
|
|
736
|
-
<button
|
|
769
|
+
<button
|
|
770
|
+
data-part="close"
|
|
771
|
+
data-part-close=""
|
|
772
|
+
type="button"
|
|
773
|
+
(click)="setOpen(false, 'dismiss', $event)"
|
|
774
|
+
>
|
|
737
775
|
{{ t('close') }}
|
|
738
776
|
</button>
|
|
739
777
|
}
|
|
@@ -742,6 +780,7 @@ class SlCommandPalette {
|
|
|
742
780
|
<div
|
|
743
781
|
#list
|
|
744
782
|
data-part="list"
|
|
783
|
+
data-part-list=""
|
|
745
784
|
role="listbox"
|
|
746
785
|
[id]="listId"
|
|
747
786
|
[attr.aria-label]="t('input')"
|
|
@@ -749,16 +788,23 @@ class SlCommandPalette {
|
|
|
749
788
|
[attr.data-loading]="loading() ? '' : null"
|
|
750
789
|
>
|
|
751
790
|
@if (loading() && rows().count === 0) {
|
|
752
|
-
<div data-part="placeholder" aria-hidden="true">
|
|
791
|
+
<div data-part="placeholder" data-part-placeholder="" aria-hidden="true">
|
|
753
792
|
@for (row of [0, 1, 2]; track row) {
|
|
754
793
|
<div>
|
|
755
|
-
<span
|
|
794
|
+
<span
|
|
795
|
+
data-ui="skeleton"
|
|
796
|
+
data-ui-skeleton=""
|
|
797
|
+
data-part="root"
|
|
798
|
+
data-part-root=""
|
|
799
|
+
data-shape="text"
|
|
800
|
+
data-loading
|
|
801
|
+
></span>
|
|
756
802
|
</div>
|
|
757
803
|
}
|
|
758
804
|
</div>
|
|
759
805
|
}
|
|
760
806
|
@if (isEmpty()) {
|
|
761
|
-
<div data-part="empty">
|
|
807
|
+
<div data-part="empty" data-part-empty="">
|
|
762
808
|
@if (emptyTemplate(); as template) {
|
|
763
809
|
<ng-container *ngTemplateOutlet="template.template" />
|
|
764
810
|
} @else {
|
|
@@ -768,16 +814,18 @@ class SlCommandPalette {
|
|
|
768
814
|
}
|
|
769
815
|
@for (section of rows().sections; track $index; let sectionIndex = $index) {
|
|
770
816
|
@if (sectionIndex > 0) {
|
|
771
|
-
<div data-part="separator" role="separator"></div>
|
|
817
|
+
<div data-part="separator" data-part-separator="" role="separator"></div>
|
|
772
818
|
}
|
|
773
819
|
@if (headingOf(section); as heading) {
|
|
774
820
|
<div
|
|
775
821
|
data-part="group"
|
|
822
|
+
data-part-group=""
|
|
776
823
|
role="group"
|
|
777
824
|
[attr.aria-labelledby]="baseId + '-group-' + sectionIndex"
|
|
778
825
|
>
|
|
779
826
|
<div
|
|
780
827
|
data-part="group-label"
|
|
828
|
+
data-part-group-label=""
|
|
781
829
|
role="presentation"
|
|
782
830
|
[id]="baseId + '-group-' + sectionIndex"
|
|
783
831
|
>
|
|
@@ -795,25 +843,25 @@ class SlCommandPalette {
|
|
|
795
843
|
}
|
|
796
844
|
</div>
|
|
797
845
|
|
|
798
|
-
<div data-part="status" role="status">{{ status() }}</div>
|
|
846
|
+
<div data-part="status" data-part-status="" role="status">{{ status() }}</div>
|
|
799
847
|
|
|
800
848
|
@if (footerTemplate(); as footer) {
|
|
801
|
-
<div data-part="footer" aria-hidden="true">
|
|
849
|
+
<div data-part="footer" data-part-footer="" aria-hidden="true">
|
|
802
850
|
<ng-container *ngTemplateOutlet="footer.template" />
|
|
803
851
|
</div>
|
|
804
852
|
} @else if (!hideFooter()) {
|
|
805
|
-
<div data-part="footer" aria-hidden="true">
|
|
806
|
-
<span data-part="hint">
|
|
853
|
+
<div data-part="footer" data-part-footer="" aria-hidden="true">
|
|
854
|
+
<span data-part="hint" data-part-hint="">
|
|
807
855
|
<kbd slShortcut keys="up" separator="" size="inherit" variant="outline"></kbd>
|
|
808
856
|
<kbd slShortcut keys="down" separator="" size="inherit" variant="outline"></kbd>
|
|
809
857
|
<span>{{ t('hintNavigate') }}</span>
|
|
810
858
|
</span>
|
|
811
|
-
<span data-part="hint">
|
|
859
|
+
<span data-part="hint" data-part-hint="">
|
|
812
860
|
<kbd slShortcut keys="enter" separator="" size="inherit" variant="outline"></kbd>
|
|
813
861
|
<span>{{ t('hintSelect') }}</span>
|
|
814
862
|
</span>
|
|
815
863
|
@if (pages().length > 0) {
|
|
816
|
-
<span data-part="hint">
|
|
864
|
+
<span data-part="hint" data-part-hint="">
|
|
817
865
|
<kbd
|
|
818
866
|
slShortcut
|
|
819
867
|
keys="backspace"
|
|
@@ -825,7 +873,7 @@ class SlCommandPalette {
|
|
|
825
873
|
</span>
|
|
826
874
|
}
|
|
827
875
|
@if (!inline()) {
|
|
828
|
-
<span data-part="hint">
|
|
876
|
+
<span data-part="hint" data-part-hint="">
|
|
829
877
|
<kbd slShortcut keys="escape" separator="" size="inherit" variant="outline"></kbd>
|
|
830
878
|
<span>{{ t('hintClose') }}</span>
|
|
831
879
|
</span>
|
|
@@ -839,6 +887,7 @@ class SlCommandPalette {
|
|
|
839
887
|
@if (item.href; as href) {
|
|
840
888
|
<a
|
|
841
889
|
data-part="item"
|
|
890
|
+
data-part-item=""
|
|
842
891
|
role="option"
|
|
843
892
|
[id]="domId(item.id)"
|
|
844
893
|
[href]="href"
|
|
@@ -860,6 +909,7 @@ class SlCommandPalette {
|
|
|
860
909
|
} @else {
|
|
861
910
|
<div
|
|
862
911
|
data-part="item"
|
|
912
|
+
data-part-item=""
|
|
863
913
|
role="option"
|
|
864
914
|
[id]="domId(item.id)"
|
|
865
915
|
[attr.title]="item.label"
|
|
@@ -895,8 +945,8 @@ class SlCommandPalette {
|
|
|
895
945
|
"
|
|
896
946
|
/>
|
|
897
947
|
} @else {
|
|
898
|
-
<span data-part="icon"></span>
|
|
899
|
-
<span data-part="label">
|
|
948
|
+
<span data-part="icon" data-part-icon=""></span>
|
|
949
|
+
<span data-part="label" data-part-label="">
|
|
900
950
|
@if (marking()) {
|
|
901
951
|
<span
|
|
902
952
|
slHighlight
|
|
@@ -909,28 +959,34 @@ class SlCommandPalette {
|
|
|
909
959
|
}
|
|
910
960
|
</span>
|
|
911
961
|
@if (item.description; as description) {
|
|
912
|
-
<span data-part="description">{{ description }}</span>
|
|
962
|
+
<span data-part="description" data-part-description="">{{ description }}</span>
|
|
913
963
|
}
|
|
914
964
|
@if (item.meta; as meta) {
|
|
915
|
-
<span data-part="meta" aria-hidden="true">{{ meta }}</span>
|
|
965
|
+
<span data-part="meta" data-part-meta="" aria-hidden="true">{{ meta }}</span>
|
|
916
966
|
}
|
|
917
967
|
@if (!item.children && item.shortcut; as shortcut) {
|
|
918
|
-
<span data-part="shortcut" aria-hidden="true">
|
|
968
|
+
<span data-part="shortcut" data-part-shortcut="" aria-hidden="true">
|
|
919
969
|
<kbd slShortcut [keys]="shortcut" size="inherit" separator="" variant="outline"></kbd>
|
|
920
970
|
</span>
|
|
921
971
|
}
|
|
922
972
|
@if (item.children) {
|
|
923
973
|
<!-- The mark that says the item opens a page, mirrored in a right-to-left document. -->
|
|
924
|
-
<span data-part="arrow" aria-hidden="true"
|
|
974
|
+
<span data-part="arrow" data-part-arrow="" aria-hidden="true"
|
|
925
975
|
><span slIcon directional><svg slGlyph name="chevron-right"></svg></span
|
|
926
976
|
></span>
|
|
927
977
|
}
|
|
928
978
|
@if (pending().has(item.id)) {
|
|
929
|
-
<span
|
|
979
|
+
<span
|
|
980
|
+
data-part="busy"
|
|
981
|
+
data-part-busy=""
|
|
982
|
+
data-ui="spinner"
|
|
983
|
+
data-ui-spinner=""
|
|
984
|
+
aria-hidden="true"
|
|
985
|
+
></span>
|
|
930
986
|
}
|
|
931
987
|
}
|
|
932
988
|
</ng-template>
|
|
933
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=command-palette]{--_surface: var(--slotted-command-palette-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-command-palette-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-command-palette-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-command-palette-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-command-palette-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-command-palette-shadow, var(--slotted-shadow-lg));--_highlight: var(--slotted-command-palette-highlight, var(--slotted-tone-accent-surface));--_highlight-ring: var( --slotted-command-palette-highlight-ring, var(--slotted-tone-accent-border) );--_hover: var(--slotted-command-palette-hover, var(--slotted-tone-secondary-subtle-hover));--_active: var(--slotted-command-palette-active, var(--slotted-tone-secondary-subtle-active));--_item-height: var(--slotted-control-height-md, 34px);--_item-inset: var(--slotted-control-padding-inline-md, 13px);--_item-radius: var(--slotted-command-palette-item-radius, var(--slotted-control-radius));--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, 8px);--_header-height: var(--slotted-control-height-lg, 38px);--_header-font-size: var(--slotted-control-font-size-lg, 14px);--_header-icon-size: var(--slotted-control-icon-size-lg, 18px);--_header-inset: var(--slotted-control-padding-inline-lg, 16px);--_chip-size: var(--slotted-control-inner-size-md, 24px);--_list-inset: var(--slotted-command-palette-list-padding, var(--slotted-space-2, .25rem));--_list-max: var(--slotted-command-palette-list-max-block-size, 22rem);background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);container-name:command-palette;container-type:inline-size;contain-intrinsic-inline-size:var(--slotted-command-palette-measure, 22rem);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);grid-template-rows:auto minmax(0,1fr) auto auto;inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);overflow:clip}[data-ui=command-palette][data-size=sm]{--_item-height: var(--slotted-control-height-sm, 30px);--_item-inset: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, 6px);--_header-height: var(--slotted-control-height-md, 34px);--_header-font-size: var(--slotted-control-font-size-md, 13px);--_header-icon-size: var(--slotted-control-icon-size-md, 16px);--_header-inset: var(--slotted-control-padding-inline-md, 13px);--_chip-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=command-palette][data-size=lg]{--_item-height: var(--slotted-control-height-lg, 38px);--_item-inset: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, 8px);--_header-height: calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-4, .5rem));--_header-font-size: var(--slotted-font-size-lg, 1rem);--_header-icon-size: var(--slotted-control-inner-size-sm, 22px);--_chip-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=command-palette]>[data-part=header]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);position:relative}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{background-color:var(--slotted-focus-ring-color, currentColor);block-size:var(--slotted-focus-ring-width, 2px);content:\"\";inset-block-end:calc(-1 * var(--_border-width));inset-inline:0;pointer-events:none;position:absolute}[data-ui=command-palette] :is([data-part=search],[data-part=busy]){color:var(--_muted);flex:none}[data-ui=command-palette] [data-part=search]{--slotted-icon-size: var(--_header-icon-size);display:flex}[data-ui=command-palette] [data-part=busy]{--slotted-spinner-size: var(--_header-icon-size)}[data-ui=command-palette] [data-part=pages]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem);list-style:none;margin:0;max-inline-size:50%;min-inline-size:0;padding:0}[data-ui=command-palette] [data-part=pages]>li{display:contents}[data-ui=command-palette] [data-part=page]{align-items:center;appearance:none;background-color:var(--slotted-command-palette-page-surface, var(--_hover));block-size:var(--_chip-size);border:0;border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;flex:0 1 auto;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;max-inline-size:100%;min-inline-size:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem);position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));white-space:nowrap}[data-ui=command-palette] [data-part=page]>span{overflow:hidden;text-overflow:ellipsis}[data-ui=command-palette] [data-part=page]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=command-palette] [data-part=page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui=command-palette] [data-part=page]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=page]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette] [data-part=pages]>li>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui=command-palette] [data-part=input]{appearance:none;background:transparent;block-size:100%;border:0;box-sizing:border-box;color:var(--_text);flex:1 1 auto;font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;margin:0;min-block-size:var(--_header-height);min-inline-size:0;outline:none;padding:0}[data-ui=command-palette] [data-part=input]::placeholder{color:var(--_muted);opacity:1}[data-ui=command-palette] [data-part=input]:placeholder-shown{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent)}[data-ui=command-palette] [data-part=input]::-webkit-search-cancel-button,[data-ui=command-palette] [data-part=input]::-webkit-search-decoration{appearance:none}[data-ui=command-palette]>[data-part=header]>[data-part=clear]{--_clear-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );align-items:center;appearance:none;background-color:transparent;block-size:var(--_clear-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_clear-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:has(+[data-part=close]):after{inset-inline-end:0}}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]:not([data-query])>[data-part=header]>[data-part=clear]{display:none}[data-ui=command-palette]>[data-part=header]>[data-part=close]{align-items:center;appearance:none;background-color:transparent;block-size:var(--slotted-control-height-sm, 30px);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:none;flex:none;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;white-space:nowrap}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]>[data-part=list]{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;max-block-size:var(--_list-max);outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset)}[data-ui=command-palette]>[data-part=list][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=command-palette] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:0;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_highlight-ring);transition:none}[data-ui=command-palette] [data-part=item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=command-palette] [data-part=item][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=item]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui=command-palette] [data-part=icon]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center;justify-self:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2, .25rem))}[data-ui=command-palette] [data-part=icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=command-palette] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=command-palette] [data-part=item]>:is([data-part=meta],[data-part=shortcut],[data-part=arrow],[data-part=busy]){align-self:center;grid-row:1 / -1}[data-ui=command-palette] [data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item]:not(:has(>[data-part=shortcut]))>[data-part=meta]{grid-column:3 / 5}[data-ui=command-palette] [data-part=item]>[data-part=shortcut]{align-items:center;color:var(--_muted);display:inline-flex;font-size:calc(var(--_secondary-font-size) * .9);grid-column:4;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>:is([data-part=meta],[data-part=shortcut]){color:inherit}[data-ui=command-palette] [data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:5;inline-size:var(--_icon-size);justify-self:end;margin-inline-start:var(--_column-gap);opacity:.7}[data-ui=command-palette]>[data-part=list] [data-part=separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=command-palette] [data-part=empty]{color:var(--_muted);grid-column:1 / -1;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=command-palette]>[data-part=status]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=command-palette] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=command-palette] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=command-palette] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=command-palette]>[data-part=footer]{align-items:center;background:var( --slotted-command-palette-footer-surface, var(--slotted-surface-sunken, #f8fafd) );border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);gap:var(--slotted-space-6, 1rem);line-height:var(--slotted-line-height-xs, 1.4);min-block-size:var(--slotted-control-height-sm, 30px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_header-inset)}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]{align-items:center;display:inline-flex;font-size:calc(var(--slotted-font-size-xs, .75rem) * .9);gap:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs, .75rem);line-height:1}@container command-palette (max-width: 360px){[data-ui=command-palette] :is([data-part=description],[data-part=meta]){display:none}[data-ui=command-palette] [data-part=pages]{max-inline-size:33%}[data-ui=command-palette]>[data-part=footer]{gap:var(--slotted-space-4, .5rem)}}@container slotted-dialog (max-inline-size: 30rem){[data-ui=command-palette][data-presentation=dialog]{--_list-max: none;border-inline:0;border-radius:0;box-shadow:none;inset:0;position:absolute}[data-ui=command-palette][data-presentation=dialog]>[data-part=header]>[data-part=close]{display:inline-flex}}@media(hover:none)and (pointer:coarse){[data-ui=command-palette]>[data-part=footer]{display:none}}@media(forced-colors:active){[data-ui=command-palette] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=command-palette] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlDialog, selector: "sl-dialog", inputs: ["modal", "outsidePress"], exportAs: ["slDialog"] }, { kind: "directive", type: SlDialogTitle, selector: "[slDialogTitle]", exportAs: ["slDialogTitle"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlHighlight, selector: "[slHighlight]", inputs: ["text", "query", "ranges", "matcher", "current", "locale", "sensitivity", "occurrences", "disabled"], exportAs: ["slHighlight"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlShortcut, selector: "kbd[slShortcut]", inputs: ["keys", "platform", "size", "variant", "disabled", "separator", "messages", "legends", "names"], exportAs: ["slShortcut"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
989
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-command-palette]{--_surface: var(--slotted-command-palette-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-command-palette-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-command-palette-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-command-palette-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-command-palette-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-command-palette-shadow, var(--slotted-shadow-lg));--_highlight: var(--slotted-command-palette-highlight, var(--slotted-tone-accent-surface));--_highlight-ring: var( --slotted-command-palette-highlight-ring, var(--slotted-tone-accent-border) );--_hover: var(--slotted-command-palette-hover, var(--slotted-tone-secondary-subtle-hover));--_active: var(--slotted-command-palette-active, var(--slotted-tone-secondary-subtle-active));--_item-height: var(--slotted-control-height-md, 34px);--_item-inset: var(--slotted-control-padding-inline-md, 13px);--_item-radius: var(--slotted-command-palette-item-radius, var(--slotted-control-radius));--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, 8px);--_header-height: var(--slotted-control-height-lg, 38px);--_header-font-size: var(--slotted-control-font-size-lg, 14px);--_header-icon-size: var(--slotted-control-icon-size-lg, 18px);--_header-inset: var(--slotted-control-padding-inline-lg, 16px);--_chip-size: var(--slotted-control-inner-size-md, 24px);--_list-inset: var(--slotted-command-palette-list-padding, var(--slotted-space-2, .25rem));--_list-max: var(--slotted-command-palette-list-max-block-size, 22rem);background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);container-name:command-palette;container-type:inline-size;contain-intrinsic-inline-size:var(--slotted-command-palette-measure, 22rem);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);grid-template-rows:auto minmax(0,1fr) auto auto;inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);overflow:clip}[data-ui-command-palette][data-size=sm]{--_item-height: var(--slotted-control-height-sm, 30px);--_item-inset: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, 6px);--_header-height: var(--slotted-control-height-md, 34px);--_header-font-size: var(--slotted-control-font-size-md, 13px);--_header-icon-size: var(--slotted-control-icon-size-md, 16px);--_header-inset: var(--slotted-control-padding-inline-md, 13px);--_chip-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-command-palette][data-size=lg]{--_item-height: var(--slotted-control-height-lg, 38px);--_item-inset: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, 8px);--_header-height: calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-4, .5rem));--_header-font-size: var(--slotted-font-size-lg, 1rem);--_header-icon-size: var(--slotted-control-inner-size-sm, 22px);--_chip-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-command-palette]>[data-part-header]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);position:relative}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{background-color:var(--slotted-focus-ring-color, currentColor);block-size:var(--slotted-focus-ring-width, 2px);content:\"\";inset-block-end:calc(-1 * var(--_border-width));inset-inline:0;pointer-events:none;position:absolute}[data-ui-command-palette] :is([data-part-search],[data-part-busy]){color:var(--_muted);flex:none}[data-ui-command-palette] [data-part-search]{--slotted-icon-size: var(--_header-icon-size);display:flex}[data-ui-command-palette] [data-part-busy]{--slotted-spinner-size: var(--_header-icon-size)}[data-ui-command-palette] [data-part-pages]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem);list-style:none;margin:0;max-inline-size:50%;min-inline-size:0;padding:0}[data-ui-command-palette] [data-part-pages]>li{display:contents}[data-ui-command-palette] [data-part-page]{align-items:center;appearance:none;background-color:var(--slotted-command-palette-page-surface, var(--_hover));block-size:var(--_chip-size);border:0;border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;flex:0 1 auto;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;max-inline-size:100%;min-inline-size:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem);position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));white-space:nowrap}[data-ui-command-palette] [data-part-page]>span{overflow:hidden;text-overflow:ellipsis}[data-ui-command-palette] [data-part-page]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui-command-palette] [data-part-page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui-command-palette] [data-part-page]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-page]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-command-palette] [data-part-pages]>li>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui-command-palette] [data-part-input]{appearance:none;background:transparent;block-size:100%;border:0;box-sizing:border-box;color:var(--_text);flex:1 1 auto;font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;margin:0;min-block-size:var(--_header-height);min-inline-size:0;outline:none;padding:0}[data-ui-command-palette] [data-part-input]::placeholder{color:var(--_muted);opacity:1}[data-ui-command-palette] [data-part-input]:placeholder-shown{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent)}[data-ui-command-palette] [data-part-input]::-webkit-search-cancel-button,[data-ui-command-palette] [data-part-input]::-webkit-search-decoration{appearance:none}[data-ui-command-palette]>[data-part-header]>[data-part-clear]{--_clear-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );align-items:center;appearance:none;background-color:transparent;block-size:var(--_clear-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_clear-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:has(+[data-part-close]):after{inset-inline-end:0}}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-command-palette]:not([data-query])>[data-part-header]>[data-part-clear]{display:none}[data-ui-command-palette]>[data-part-header]>[data-part-close]{align-items:center;appearance:none;background-color:transparent;block-size:var(--slotted-control-height-sm, 30px);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:none;flex:none;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;white-space:nowrap}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-command-palette]>[data-part-list]{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;max-block-size:var(--_list-max);outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset)}[data-ui-command-palette]>[data-part-list][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-command-palette] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui-command-palette] [data-part-item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:0;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_highlight-ring);transition:none}[data-ui-command-palette] [data-part-item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui-command-palette] [data-part-item][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-item]>[data-part-busy]{--slotted-spinner-size: var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui-command-palette] [data-part-icon]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center;justify-self:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2, .25rem))}[data-ui-command-palette] [data-part-icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-command-palette] [data-part-label]{grid-column:2;grid-row:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-command-palette] [data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-command-palette] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-command-palette] [data-part-item]>:is([data-part-meta],[data-part-shortcut],[data-part-arrow],[data-part-busy]){align-self:center;grid-row:1 / -1}[data-ui-command-palette] [data-part-meta]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui-command-palette] [data-part-item]:not(:has(>[data-part-shortcut]))>[data-part-meta]{grid-column:3 / 5}[data-ui-command-palette] [data-part-item]>[data-part-shortcut]{align-items:center;color:var(--_muted);display:inline-flex;font-size:calc(var(--_secondary-font-size) * .9);grid-column:4;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui-command-palette] [data-part-item][data-disabled]>:is([data-part-meta],[data-part-shortcut]){color:inherit}[data-ui-command-palette] [data-part-arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:5;inline-size:var(--_icon-size);justify-self:end;margin-inline-start:var(--_column-gap);opacity:.7}[data-ui-command-palette]>[data-part-list] [data-part-separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui-command-palette] [data-part-empty]{color:var(--_muted);grid-column:1 / -1;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui-command-palette]>[data-part-status]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-command-palette] [data-part-placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui-command-palette] [data-part-placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui-command-palette] [data-part-placeholder]>:nth-child(2) [data-ui-skeleton]{inline-size:78%}[data-ui-command-palette] [data-part-placeholder]>:nth-child(3) [data-ui-skeleton]{inline-size:56%}[data-ui-command-palette]>[data-part-footer]{align-items:center;background:var( --slotted-command-palette-footer-surface, var(--slotted-surface-sunken, #f8fafd) );border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);gap:var(--slotted-space-6, 1rem);line-height:var(--slotted-line-height-xs, 1.4);min-block-size:var(--slotted-control-height-sm, 30px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_header-inset)}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]{align-items:center;display:inline-flex;font-size:calc(var(--slotted-font-size-xs, .75rem) * .9);gap:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs, .75rem);line-height:1}@container command-palette (max-width: 360px){[data-ui-command-palette] :is([data-part-description],[data-part-meta]){display:none}[data-ui-command-palette] [data-part-pages]{max-inline-size:33%}[data-ui-command-palette]>[data-part-footer]{gap:var(--slotted-space-4, .5rem)}}@container slotted-dialog (max-inline-size: 30rem){[data-ui-command-palette][data-presentation=dialog]{--_list-max: none;border-inline:0;border-radius:0;box-shadow:none;inset:0;position:absolute}[data-ui-command-palette][data-presentation=dialog]>[data-part-header]>[data-part-close]{display:inline-flex}}@media(hover:none)and (pointer:coarse){[data-ui-command-palette]>[data-part-footer]{display:none}}@media(forced-colors:active){[data-ui-command-palette] [data-part-item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-command-palette] [data-part-item][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-skeleton][data-part-root][data-loading],[data-ui-skeleton][data-part-text][data-loading] [data-part-line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui-skeleton][data-part-root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui-skeleton][data-part-root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui-skeleton][data-part-root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui-skeleton][data-part-root][data-shape=circle],[data-ui-skeleton][data-part-root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui-skeleton][data-part-root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui-skeleton][data-part-root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xs],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=sm],[data-ui-skeleton][data-part-root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=md],[data-ui-skeleton][data-part-root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=lg],[data-ui-skeleton][data-part-root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xl],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui-skeleton][data-part-root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui-skeleton][data-part-root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui-skeleton][data-part-text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui-skeleton] [data-part-line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui-skeleton] [data-part-line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui-skeleton][data-part-root]:not([data-loading]),[data-ui-skeleton][data-part-text]:not([data-loading]){display:contents}[data-ui-skeleton][data-part-region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui-skeleton][data-part-root][data-loading]:not([data-animation=none]),[data-ui-skeleton][data-part-text][data-loading]:not([data-animation=none]) [data-part-line]{overflow:clip;position:relative}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui-skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part-line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-pulse}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui-skeleton]:after,[data-ui-skeleton] [data-part-line]:after{animation:none}}@media(forced-colors:active){[data-ui-skeleton][data-part-root][data-loading]:after,[data-ui-skeleton][data-part-text][data-loading] [data-part-line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlDialog, selector: "sl-dialog", inputs: ["modal", "outsidePress"], exportAs: ["slDialog"] }, { kind: "directive", type: SlDialogTitle, selector: "[slDialogTitle]", exportAs: ["slDialogTitle"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlHighlight, selector: "[slHighlight]", inputs: ["text", "query", "ranges", "matcher", "current", "locale", "sensitivity", "occurrences", "disabled"], exportAs: ["slHighlight"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlShortcut, selector: "kbd[slShortcut]", inputs: ["keys", "platform", "size", "variant", "disabled", "separator", "messages", "legends", "names"], exportAs: ["slShortcut"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
934
990
|
}
|
|
935
991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPalette, decorators: [{
|
|
936
992
|
type: Component,
|
|
@@ -961,7 +1017,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
961
1017
|
<ng-template #panel>
|
|
962
1018
|
<div
|
|
963
1019
|
data-ui="command-palette"
|
|
1020
|
+
data-ui-command-palette=""
|
|
964
1021
|
data-part="root"
|
|
1022
|
+
data-part-root=""
|
|
965
1023
|
[attr.data-presentation]="resolvedPresentation()"
|
|
966
1024
|
[attr.data-size]="resolvedSize()"
|
|
967
1025
|
[attr.data-open]="isOpen() ? '' : null"
|
|
@@ -969,24 +1027,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
969
1027
|
[attr.data-disabled]="disabled() ? '' : null"
|
|
970
1028
|
[attr.data-query]="query() === '' ? null : ''"
|
|
971
1029
|
[attr.data-empty]="isEmpty() ? '' : null"
|
|
1030
|
+
(mousedown)="keepFocus($event)"
|
|
972
1031
|
>
|
|
973
|
-
<div data-part="header">
|
|
1032
|
+
<div data-part="header" data-part-header="">
|
|
974
1033
|
@if (loading()) {
|
|
975
|
-
<span
|
|
1034
|
+
<span
|
|
1035
|
+
data-part="busy"
|
|
1036
|
+
data-part-busy=""
|
|
1037
|
+
data-ui="spinner"
|
|
1038
|
+
data-ui-spinner=""
|
|
1039
|
+
aria-hidden="true"
|
|
1040
|
+
></span>
|
|
976
1041
|
} @else {
|
|
977
|
-
<span data-part="search" aria-hidden="true"
|
|
1042
|
+
<span data-part="search" data-part-search="" aria-hidden="true"
|
|
978
1043
|
><span slIcon><svg slGlyph name="search"></svg></span
|
|
979
1044
|
></span>
|
|
980
1045
|
}
|
|
981
1046
|
@if (rows().trail.length > 0) {
|
|
982
|
-
<ol data-part="pages" [attr.aria-label]="t('back')">
|
|
1047
|
+
<ol data-part="pages" data-part-pages="" [attr.aria-label]="t('back')">
|
|
983
1048
|
@for (entry of rows().trail; track entry.id; let index = $index) {
|
|
984
1049
|
<li>
|
|
985
1050
|
<!-- The chevron between two pages, mirrored in a right-to-left document. -->
|
|
986
1051
|
@if (index > 0) {
|
|
987
1052
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
988
1053
|
}
|
|
989
|
-
<button
|
|
1054
|
+
<button
|
|
1055
|
+
data-part="page"
|
|
1056
|
+
data-part-page=""
|
|
1057
|
+
type="button"
|
|
1058
|
+
(click)="returnTo(index, $event)"
|
|
1059
|
+
>
|
|
990
1060
|
<span>{{ entry.label }}</span>
|
|
991
1061
|
</button>
|
|
992
1062
|
</li>
|
|
@@ -996,6 +1066,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
996
1066
|
<input
|
|
997
1067
|
#field
|
|
998
1068
|
data-part="input"
|
|
1069
|
+
data-part-input=""
|
|
999
1070
|
type="text"
|
|
1000
1071
|
role="combobox"
|
|
1001
1072
|
aria-expanded="true"
|
|
@@ -1014,6 +1085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1014
1085
|
/>
|
|
1015
1086
|
<button
|
|
1016
1087
|
data-part="clear"
|
|
1088
|
+
data-part-clear=""
|
|
1017
1089
|
type="button"
|
|
1018
1090
|
tabindex="-1"
|
|
1019
1091
|
[attr.aria-label]="t('clear')"
|
|
@@ -1024,7 +1096,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1024
1096
|
@if (!inline()) {
|
|
1025
1097
|
<!-- The way out where the scrim is not: shown by the stylesheet
|
|
1026
1098
|
under the dialog's full-screen query alone. -->
|
|
1027
|
-
<button
|
|
1099
|
+
<button
|
|
1100
|
+
data-part="close"
|
|
1101
|
+
data-part-close=""
|
|
1102
|
+
type="button"
|
|
1103
|
+
(click)="setOpen(false, 'dismiss', $event)"
|
|
1104
|
+
>
|
|
1028
1105
|
{{ t('close') }}
|
|
1029
1106
|
</button>
|
|
1030
1107
|
}
|
|
@@ -1033,6 +1110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1033
1110
|
<div
|
|
1034
1111
|
#list
|
|
1035
1112
|
data-part="list"
|
|
1113
|
+
data-part-list=""
|
|
1036
1114
|
role="listbox"
|
|
1037
1115
|
[id]="listId"
|
|
1038
1116
|
[attr.aria-label]="t('input')"
|
|
@@ -1040,16 +1118,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1040
1118
|
[attr.data-loading]="loading() ? '' : null"
|
|
1041
1119
|
>
|
|
1042
1120
|
@if (loading() && rows().count === 0) {
|
|
1043
|
-
<div data-part="placeholder" aria-hidden="true">
|
|
1121
|
+
<div data-part="placeholder" data-part-placeholder="" aria-hidden="true">
|
|
1044
1122
|
@for (row of [0, 1, 2]; track row) {
|
|
1045
1123
|
<div>
|
|
1046
|
-
<span
|
|
1124
|
+
<span
|
|
1125
|
+
data-ui="skeleton"
|
|
1126
|
+
data-ui-skeleton=""
|
|
1127
|
+
data-part="root"
|
|
1128
|
+
data-part-root=""
|
|
1129
|
+
data-shape="text"
|
|
1130
|
+
data-loading
|
|
1131
|
+
></span>
|
|
1047
1132
|
</div>
|
|
1048
1133
|
}
|
|
1049
1134
|
</div>
|
|
1050
1135
|
}
|
|
1051
1136
|
@if (isEmpty()) {
|
|
1052
|
-
<div data-part="empty">
|
|
1137
|
+
<div data-part="empty" data-part-empty="">
|
|
1053
1138
|
@if (emptyTemplate(); as template) {
|
|
1054
1139
|
<ng-container *ngTemplateOutlet="template.template" />
|
|
1055
1140
|
} @else {
|
|
@@ -1059,16 +1144,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1059
1144
|
}
|
|
1060
1145
|
@for (section of rows().sections; track $index; let sectionIndex = $index) {
|
|
1061
1146
|
@if (sectionIndex > 0) {
|
|
1062
|
-
<div data-part="separator" role="separator"></div>
|
|
1147
|
+
<div data-part="separator" data-part-separator="" role="separator"></div>
|
|
1063
1148
|
}
|
|
1064
1149
|
@if (headingOf(section); as heading) {
|
|
1065
1150
|
<div
|
|
1066
1151
|
data-part="group"
|
|
1152
|
+
data-part-group=""
|
|
1067
1153
|
role="group"
|
|
1068
1154
|
[attr.aria-labelledby]="baseId + '-group-' + sectionIndex"
|
|
1069
1155
|
>
|
|
1070
1156
|
<div
|
|
1071
1157
|
data-part="group-label"
|
|
1158
|
+
data-part-group-label=""
|
|
1072
1159
|
role="presentation"
|
|
1073
1160
|
[id]="baseId + '-group-' + sectionIndex"
|
|
1074
1161
|
>
|
|
@@ -1086,25 +1173,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1086
1173
|
}
|
|
1087
1174
|
</div>
|
|
1088
1175
|
|
|
1089
|
-
<div data-part="status" role="status">{{ status() }}</div>
|
|
1176
|
+
<div data-part="status" data-part-status="" role="status">{{ status() }}</div>
|
|
1090
1177
|
|
|
1091
1178
|
@if (footerTemplate(); as footer) {
|
|
1092
|
-
<div data-part="footer" aria-hidden="true">
|
|
1179
|
+
<div data-part="footer" data-part-footer="" aria-hidden="true">
|
|
1093
1180
|
<ng-container *ngTemplateOutlet="footer.template" />
|
|
1094
1181
|
</div>
|
|
1095
1182
|
} @else if (!hideFooter()) {
|
|
1096
|
-
<div data-part="footer" aria-hidden="true">
|
|
1097
|
-
<span data-part="hint">
|
|
1183
|
+
<div data-part="footer" data-part-footer="" aria-hidden="true">
|
|
1184
|
+
<span data-part="hint" data-part-hint="">
|
|
1098
1185
|
<kbd slShortcut keys="up" separator="" size="inherit" variant="outline"></kbd>
|
|
1099
1186
|
<kbd slShortcut keys="down" separator="" size="inherit" variant="outline"></kbd>
|
|
1100
1187
|
<span>{{ t('hintNavigate') }}</span>
|
|
1101
1188
|
</span>
|
|
1102
|
-
<span data-part="hint">
|
|
1189
|
+
<span data-part="hint" data-part-hint="">
|
|
1103
1190
|
<kbd slShortcut keys="enter" separator="" size="inherit" variant="outline"></kbd>
|
|
1104
1191
|
<span>{{ t('hintSelect') }}</span>
|
|
1105
1192
|
</span>
|
|
1106
1193
|
@if (pages().length > 0) {
|
|
1107
|
-
<span data-part="hint">
|
|
1194
|
+
<span data-part="hint" data-part-hint="">
|
|
1108
1195
|
<kbd
|
|
1109
1196
|
slShortcut
|
|
1110
1197
|
keys="backspace"
|
|
@@ -1116,7 +1203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1116
1203
|
</span>
|
|
1117
1204
|
}
|
|
1118
1205
|
@if (!inline()) {
|
|
1119
|
-
<span data-part="hint">
|
|
1206
|
+
<span data-part="hint" data-part-hint="">
|
|
1120
1207
|
<kbd slShortcut keys="escape" separator="" size="inherit" variant="outline"></kbd>
|
|
1121
1208
|
<span>{{ t('hintClose') }}</span>
|
|
1122
1209
|
</span>
|
|
@@ -1130,6 +1217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1130
1217
|
@if (item.href; as href) {
|
|
1131
1218
|
<a
|
|
1132
1219
|
data-part="item"
|
|
1220
|
+
data-part-item=""
|
|
1133
1221
|
role="option"
|
|
1134
1222
|
[id]="domId(item.id)"
|
|
1135
1223
|
[href]="href"
|
|
@@ -1151,6 +1239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1151
1239
|
} @else {
|
|
1152
1240
|
<div
|
|
1153
1241
|
data-part="item"
|
|
1242
|
+
data-part-item=""
|
|
1154
1243
|
role="option"
|
|
1155
1244
|
[id]="domId(item.id)"
|
|
1156
1245
|
[attr.title]="item.label"
|
|
@@ -1186,8 +1275,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1186
1275
|
"
|
|
1187
1276
|
/>
|
|
1188
1277
|
} @else {
|
|
1189
|
-
<span data-part="icon"></span>
|
|
1190
|
-
<span data-part="label">
|
|
1278
|
+
<span data-part="icon" data-part-icon=""></span>
|
|
1279
|
+
<span data-part="label" data-part-label="">
|
|
1191
1280
|
@if (marking()) {
|
|
1192
1281
|
<span
|
|
1193
1282
|
slHighlight
|
|
@@ -1200,28 +1289,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1200
1289
|
}
|
|
1201
1290
|
</span>
|
|
1202
1291
|
@if (item.description; as description) {
|
|
1203
|
-
<span data-part="description">{{ description }}</span>
|
|
1292
|
+
<span data-part="description" data-part-description="">{{ description }}</span>
|
|
1204
1293
|
}
|
|
1205
1294
|
@if (item.meta; as meta) {
|
|
1206
|
-
<span data-part="meta" aria-hidden="true">{{ meta }}</span>
|
|
1295
|
+
<span data-part="meta" data-part-meta="" aria-hidden="true">{{ meta }}</span>
|
|
1207
1296
|
}
|
|
1208
1297
|
@if (!item.children && item.shortcut; as shortcut) {
|
|
1209
|
-
<span data-part="shortcut" aria-hidden="true">
|
|
1298
|
+
<span data-part="shortcut" data-part-shortcut="" aria-hidden="true">
|
|
1210
1299
|
<kbd slShortcut [keys]="shortcut" size="inherit" separator="" variant="outline"></kbd>
|
|
1211
1300
|
</span>
|
|
1212
1301
|
}
|
|
1213
1302
|
@if (item.children) {
|
|
1214
1303
|
<!-- The mark that says the item opens a page, mirrored in a right-to-left document. -->
|
|
1215
|
-
<span data-part="arrow" aria-hidden="true"
|
|
1304
|
+
<span data-part="arrow" data-part-arrow="" aria-hidden="true"
|
|
1216
1305
|
><span slIcon directional><svg slGlyph name="chevron-right"></svg></span
|
|
1217
1306
|
></span>
|
|
1218
1307
|
}
|
|
1219
1308
|
@if (pending().has(item.id)) {
|
|
1220
|
-
<span
|
|
1309
|
+
<span
|
|
1310
|
+
data-part="busy"
|
|
1311
|
+
data-part-busy=""
|
|
1312
|
+
data-ui="spinner"
|
|
1313
|
+
data-ui-spinner=""
|
|
1314
|
+
aria-hidden="true"
|
|
1315
|
+
></span>
|
|
1221
1316
|
}
|
|
1222
1317
|
}
|
|
1223
1318
|
</ng-template>
|
|
1224
|
-
`, styles: ["@layer slotted.components{[data-ui=command-palette]{--_surface: var(--slotted-command-palette-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-command-palette-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-command-palette-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-command-palette-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-command-palette-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-command-palette-shadow, var(--slotted-shadow-lg));--_highlight: var(--slotted-command-palette-highlight, var(--slotted-tone-accent-surface));--_highlight-ring: var( --slotted-command-palette-highlight-ring, var(--slotted-tone-accent-border) );--_hover: var(--slotted-command-palette-hover, var(--slotted-tone-secondary-subtle-hover));--_active: var(--slotted-command-palette-active, var(--slotted-tone-secondary-subtle-active));--_item-height: var(--slotted-control-height-md, 34px);--_item-inset: var(--slotted-control-padding-inline-md, 13px);--_item-radius: var(--slotted-command-palette-item-radius, var(--slotted-control-radius));--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, 8px);--_header-height: var(--slotted-control-height-lg, 38px);--_header-font-size: var(--slotted-control-font-size-lg, 14px);--_header-icon-size: var(--slotted-control-icon-size-lg, 18px);--_header-inset: var(--slotted-control-padding-inline-lg, 16px);--_chip-size: var(--slotted-control-inner-size-md, 24px);--_list-inset: var(--slotted-command-palette-list-padding, var(--slotted-space-2, .25rem));--_list-max: var(--slotted-command-palette-list-max-block-size, 22rem);background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);container-name:command-palette;container-type:inline-size;contain-intrinsic-inline-size:var(--slotted-command-palette-measure, 22rem);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);grid-template-rows:auto minmax(0,1fr) auto auto;inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);overflow:clip}[data-ui=command-palette][data-size=sm]{--_item-height: var(--slotted-control-height-sm, 30px);--_item-inset: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, 6px);--_header-height: var(--slotted-control-height-md, 34px);--_header-font-size: var(--slotted-control-font-size-md, 13px);--_header-icon-size: var(--slotted-control-icon-size-md, 16px);--_header-inset: var(--slotted-control-padding-inline-md, 13px);--_chip-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=command-palette][data-size=lg]{--_item-height: var(--slotted-control-height-lg, 38px);--_item-inset: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, 8px);--_header-height: calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-4, .5rem));--_header-font-size: var(--slotted-font-size-lg, 1rem);--_header-icon-size: var(--slotted-control-inner-size-sm, 22px);--_chip-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=command-palette]>[data-part=header]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);position:relative}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{background-color:var(--slotted-focus-ring-color, currentColor);block-size:var(--slotted-focus-ring-width, 2px);content:\"\";inset-block-end:calc(-1 * var(--_border-width));inset-inline:0;pointer-events:none;position:absolute}[data-ui=command-palette] :is([data-part=search],[data-part=busy]){color:var(--_muted);flex:none}[data-ui=command-palette] [data-part=search]{--slotted-icon-size: var(--_header-icon-size);display:flex}[data-ui=command-palette] [data-part=busy]{--slotted-spinner-size: var(--_header-icon-size)}[data-ui=command-palette] [data-part=pages]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem);list-style:none;margin:0;max-inline-size:50%;min-inline-size:0;padding:0}[data-ui=command-palette] [data-part=pages]>li{display:contents}[data-ui=command-palette] [data-part=page]{align-items:center;appearance:none;background-color:var(--slotted-command-palette-page-surface, var(--_hover));block-size:var(--_chip-size);border:0;border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;flex:0 1 auto;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;max-inline-size:100%;min-inline-size:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem);position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));white-space:nowrap}[data-ui=command-palette] [data-part=page]>span{overflow:hidden;text-overflow:ellipsis}[data-ui=command-palette] [data-part=page]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=command-palette] [data-part=page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui=command-palette] [data-part=page]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=page]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette] [data-part=pages]>li>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui=command-palette] [data-part=input]{appearance:none;background:transparent;block-size:100%;border:0;box-sizing:border-box;color:var(--_text);flex:1 1 auto;font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;margin:0;min-block-size:var(--_header-height);min-inline-size:0;outline:none;padding:0}[data-ui=command-palette] [data-part=input]::placeholder{color:var(--_muted);opacity:1}[data-ui=command-palette] [data-part=input]:placeholder-shown{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent)}[data-ui=command-palette] [data-part=input]::-webkit-search-cancel-button,[data-ui=command-palette] [data-part=input]::-webkit-search-decoration{appearance:none}[data-ui=command-palette]>[data-part=header]>[data-part=clear]{--_clear-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );align-items:center;appearance:none;background-color:transparent;block-size:var(--_clear-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_clear-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:has(+[data-part=close]):after{inset-inline-end:0}}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]:not([data-query])>[data-part=header]>[data-part=clear]{display:none}[data-ui=command-palette]>[data-part=header]>[data-part=close]{align-items:center;appearance:none;background-color:transparent;block-size:var(--slotted-control-height-sm, 30px);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:none;flex:none;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;white-space:nowrap}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]>[data-part=list]{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;max-block-size:var(--_list-max);outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset)}[data-ui=command-palette]>[data-part=list][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=command-palette] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:0;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_highlight-ring);transition:none}[data-ui=command-palette] [data-part=item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=command-palette] [data-part=item][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=item]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui=command-palette] [data-part=icon]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center;justify-self:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2, .25rem))}[data-ui=command-palette] [data-part=icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=command-palette] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=command-palette] [data-part=item]>:is([data-part=meta],[data-part=shortcut],[data-part=arrow],[data-part=busy]){align-self:center;grid-row:1 / -1}[data-ui=command-palette] [data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item]:not(:has(>[data-part=shortcut]))>[data-part=meta]{grid-column:3 / 5}[data-ui=command-palette] [data-part=item]>[data-part=shortcut]{align-items:center;color:var(--_muted);display:inline-flex;font-size:calc(var(--_secondary-font-size) * .9);grid-column:4;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>:is([data-part=meta],[data-part=shortcut]){color:inherit}[data-ui=command-palette] [data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:5;inline-size:var(--_icon-size);justify-self:end;margin-inline-start:var(--_column-gap);opacity:.7}[data-ui=command-palette]>[data-part=list] [data-part=separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=command-palette] [data-part=empty]{color:var(--_muted);grid-column:1 / -1;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=command-palette]>[data-part=status]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=command-palette] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=command-palette] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=command-palette] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=command-palette]>[data-part=footer]{align-items:center;background:var( --slotted-command-palette-footer-surface, var(--slotted-surface-sunken, #f8fafd) );border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);gap:var(--slotted-space-6, 1rem);line-height:var(--slotted-line-height-xs, 1.4);min-block-size:var(--slotted-control-height-sm, 30px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_header-inset)}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]{align-items:center;display:inline-flex;font-size:calc(var(--slotted-font-size-xs, .75rem) * .9);gap:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs, .75rem);line-height:1}@container command-palette (max-width: 360px){[data-ui=command-palette] :is([data-part=description],[data-part=meta]){display:none}[data-ui=command-palette] [data-part=pages]{max-inline-size:33%}[data-ui=command-palette]>[data-part=footer]{gap:var(--slotted-space-4, .5rem)}}@container slotted-dialog (max-inline-size: 30rem){[data-ui=command-palette][data-presentation=dialog]{--_list-max: none;border-inline:0;border-radius:0;box-shadow:none;inset:0;position:absolute}[data-ui=command-palette][data-presentation=dialog]>[data-part=header]>[data-part=close]{display:inline-flex}}@media(hover:none)and (pointer:coarse){[data-ui=command-palette]>[data-part=footer]{display:none}}@media(forced-colors:active){[data-ui=command-palette] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=command-palette] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
|
|
1319
|
+
`, styles: ["@layer slotted.components{[data-ui-command-palette]{--_surface: var(--slotted-command-palette-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-command-palette-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-command-palette-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-command-palette-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-command-palette-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-command-palette-shadow, var(--slotted-shadow-lg));--_highlight: var(--slotted-command-palette-highlight, var(--slotted-tone-accent-surface));--_highlight-ring: var( --slotted-command-palette-highlight-ring, var(--slotted-tone-accent-border) );--_hover: var(--slotted-command-palette-hover, var(--slotted-tone-secondary-subtle-hover));--_active: var(--slotted-command-palette-active, var(--slotted-tone-secondary-subtle-active));--_item-height: var(--slotted-control-height-md, 34px);--_item-inset: var(--slotted-control-padding-inline-md, 13px);--_item-radius: var(--slotted-command-palette-item-radius, var(--slotted-control-radius));--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, 8px);--_header-height: var(--slotted-control-height-lg, 38px);--_header-font-size: var(--slotted-control-font-size-lg, 14px);--_header-icon-size: var(--slotted-control-icon-size-lg, 18px);--_header-inset: var(--slotted-control-padding-inline-lg, 16px);--_chip-size: var(--slotted-control-inner-size-md, 24px);--_list-inset: var(--slotted-command-palette-list-padding, var(--slotted-space-2, .25rem));--_list-max: var(--slotted-command-palette-list-max-block-size, 22rem);background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);container-name:command-palette;container-type:inline-size;contain-intrinsic-inline-size:var(--slotted-command-palette-measure, 22rem);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);grid-template-rows:auto minmax(0,1fr) auto auto;inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);overflow:clip}[data-ui-command-palette][data-size=sm]{--_item-height: var(--slotted-control-height-sm, 30px);--_item-inset: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, 6px);--_header-height: var(--slotted-control-height-md, 34px);--_header-font-size: var(--slotted-control-font-size-md, 13px);--_header-icon-size: var(--slotted-control-icon-size-md, 16px);--_header-inset: var(--slotted-control-padding-inline-md, 13px);--_chip-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-command-palette][data-size=lg]{--_item-height: var(--slotted-control-height-lg, 38px);--_item-inset: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, 8px);--_header-height: calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-4, .5rem));--_header-font-size: var(--slotted-font-size-lg, 1rem);--_header-icon-size: var(--slotted-control-inner-size-sm, 22px);--_chip-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-command-palette]>[data-part-header]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);position:relative}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{background-color:var(--slotted-focus-ring-color, currentColor);block-size:var(--slotted-focus-ring-width, 2px);content:\"\";inset-block-end:calc(-1 * var(--_border-width));inset-inline:0;pointer-events:none;position:absolute}[data-ui-command-palette] :is([data-part-search],[data-part-busy]){color:var(--_muted);flex:none}[data-ui-command-palette] [data-part-search]{--slotted-icon-size: var(--_header-icon-size);display:flex}[data-ui-command-palette] [data-part-busy]{--slotted-spinner-size: var(--_header-icon-size)}[data-ui-command-palette] [data-part-pages]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem);list-style:none;margin:0;max-inline-size:50%;min-inline-size:0;padding:0}[data-ui-command-palette] [data-part-pages]>li{display:contents}[data-ui-command-palette] [data-part-page]{align-items:center;appearance:none;background-color:var(--slotted-command-palette-page-surface, var(--_hover));block-size:var(--_chip-size);border:0;border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;flex:0 1 auto;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;max-inline-size:100%;min-inline-size:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem);position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));white-space:nowrap}[data-ui-command-palette] [data-part-page]>span{overflow:hidden;text-overflow:ellipsis}[data-ui-command-palette] [data-part-page]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui-command-palette] [data-part-page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui-command-palette] [data-part-page]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-page]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-command-palette] [data-part-pages]>li>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui-command-palette] [data-part-input]{appearance:none;background:transparent;block-size:100%;border:0;box-sizing:border-box;color:var(--_text);flex:1 1 auto;font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;margin:0;min-block-size:var(--_header-height);min-inline-size:0;outline:none;padding:0}[data-ui-command-palette] [data-part-input]::placeholder{color:var(--_muted);opacity:1}[data-ui-command-palette] [data-part-input]:placeholder-shown{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent)}[data-ui-command-palette] [data-part-input]::-webkit-search-cancel-button,[data-ui-command-palette] [data-part-input]::-webkit-search-decoration{appearance:none}[data-ui-command-palette]>[data-part-header]>[data-part-clear]{--_clear-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );align-items:center;appearance:none;background-color:transparent;block-size:var(--_clear-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_clear-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-command-palette]>[data-part-header]>[data-part-clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:has(+[data-part-close]):after{inset-inline-end:0}}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-command-palette]:not([data-query])>[data-part-header]>[data-part-clear]{display:none}[data-ui-command-palette]>[data-part-header]>[data-part-close]{align-items:center;appearance:none;background-color:transparent;block-size:var(--slotted-control-height-sm, 30px);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:none;flex:none;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;white-space:nowrap}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--_active)}[data-ui-command-palette]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-command-palette]>[data-part-list]{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;max-block-size:var(--_list-max);outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset)}[data-ui-command-palette]>[data-part-list][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-command-palette] [data-part-group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui-command-palette] [data-part-item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:0;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui-command-palette] [data-part-item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_highlight-ring);transition:none}[data-ui-command-palette] [data-part-item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui-command-palette] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui-command-palette] [data-part-item][data-loading]{cursor:progress}[data-ui-command-palette] [data-part-item]>[data-part-busy]{--slotted-spinner-size: var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui-command-palette] [data-part-icon]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center;justify-self:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2, .25rem))}[data-ui-command-palette] [data-part-icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-command-palette] [data-part-label]{grid-column:2;grid-row:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-command-palette] [data-part-description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-command-palette] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-command-palette] [data-part-item]>:is([data-part-meta],[data-part-shortcut],[data-part-arrow],[data-part-busy]){align-self:center;grid-row:1 / -1}[data-ui-command-palette] [data-part-meta]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui-command-palette] [data-part-item]:not(:has(>[data-part-shortcut]))>[data-part-meta]{grid-column:3 / 5}[data-ui-command-palette] [data-part-item]>[data-part-shortcut]{align-items:center;color:var(--_muted);display:inline-flex;font-size:calc(var(--_secondary-font-size) * .9);grid-column:4;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui-command-palette] [data-part-item][data-disabled]>:is([data-part-meta],[data-part-shortcut]){color:inherit}[data-ui-command-palette] [data-part-arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:5;inline-size:var(--_icon-size);justify-self:end;margin-inline-start:var(--_column-gap);opacity:.7}[data-ui-command-palette]>[data-part-list] [data-part-separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui-command-palette] [data-part-empty]{color:var(--_muted);grid-column:1 / -1;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui-command-palette]>[data-part-status]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui-command-palette] [data-part-placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui-command-palette] [data-part-placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui-command-palette] [data-part-placeholder]>:nth-child(2) [data-ui-skeleton]{inline-size:78%}[data-ui-command-palette] [data-part-placeholder]>:nth-child(3) [data-ui-skeleton]{inline-size:56%}[data-ui-command-palette]>[data-part-footer]{align-items:center;background:var( --slotted-command-palette-footer-surface, var(--slotted-surface-sunken, #f8fafd) );border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);gap:var(--slotted-space-6, 1rem);line-height:var(--slotted-line-height-xs, 1.4);min-block-size:var(--slotted-control-height-sm, 30px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_header-inset)}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]{align-items:center;display:inline-flex;font-size:calc(var(--slotted-font-size-xs, .75rem) * .9);gap:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui-command-palette]>[data-part-footer]>[data-part-hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs, .75rem);line-height:1}@container command-palette (max-width: 360px){[data-ui-command-palette] :is([data-part-description],[data-part-meta]){display:none}[data-ui-command-palette] [data-part-pages]{max-inline-size:33%}[data-ui-command-palette]>[data-part-footer]{gap:var(--slotted-space-4, .5rem)}}@container slotted-dialog (max-inline-size: 30rem){[data-ui-command-palette][data-presentation=dialog]{--_list-max: none;border-inline:0;border-radius:0;box-shadow:none;inset:0;position:absolute}[data-ui-command-palette][data-presentation=dialog]>[data-part-header]>[data-part-close]{display:inline-flex}}@media(hover:none)and (pointer:coarse){[data-ui-command-palette]>[data-part-footer]{display:none}}@media(forced-colors:active){[data-ui-command-palette] [data-part-item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-command-palette] [data-part-item][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui-command-palette]>[data-part-header]:has(>[data-part-input]:focus-visible):after{forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-skeleton][data-part-root][data-loading],[data-ui-skeleton][data-part-text][data-loading] [data-part-line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui-skeleton][data-part-root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui-skeleton][data-part-root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui-skeleton][data-part-root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui-skeleton][data-part-root][data-shape=circle],[data-ui-skeleton][data-part-root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui-skeleton][data-part-root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui-skeleton][data-part-root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xs],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=sm],[data-ui-skeleton][data-part-root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=md],[data-ui-skeleton][data-part-root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=lg],[data-ui-skeleton][data-part-root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xl],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui-skeleton][data-part-root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui-skeleton][data-part-root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui-skeleton][data-part-text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui-skeleton] [data-part-line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui-skeleton] [data-part-line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui-skeleton][data-part-root]:not([data-loading]),[data-ui-skeleton][data-part-text]:not([data-loading]){display:contents}[data-ui-skeleton][data-part-region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui-skeleton][data-part-root][data-loading]:not([data-animation=none]),[data-ui-skeleton][data-part-text][data-loading]:not([data-animation=none]) [data-part-line]{overflow:clip;position:relative}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui-skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part-line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-pulse}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui-skeleton]:after,[data-ui-skeleton] [data-part-line]:after{animation:none}}@media(forced-colors:active){[data-ui-skeleton][data-part-root][data-loading]:after,[data-ui-skeleton][data-part-text][data-loading] [data-part-line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
|
|
1225
1320
|
}], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], rank: [{ type: i0.Input, args: [{ isSignal: true, alias: "rank", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], limit: [{ type: i0.Input, args: [{ isSignal: true, alias: "limit", required: false }] }], presentation: [{ type: i0.Input, args: [{ isSignal: true, alias: "presentation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], outsidePress: [{ type: i0.Input, args: [{ isSignal: true, alias: "outsidePress", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], autoHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHighlight", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], clearOnClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearOnClose", required: false }] }], highlightMatch: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightMatch", required: false }] }], hotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hotkey", required: false }] }], recentLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "recentLimit", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], hideFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideFooter", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], queryChangeRequest: [{ type: i0.Output, args: ["queryChangeRequest"] }], highlightedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedId", required: false }] }, { type: i0.Output, args: ["highlightedIdChange"] }], highlightedIdChangeRequest: [{ type: i0.Output, args: ["highlightedIdChangeRequest"] }], pages: [{ type: i0.Input, args: [{ isSignal: true, alias: "pages", required: false }] }, { type: i0.Output, args: ["pagesChange"] }], pagesChangeRequest: [{ type: i0.Output, args: ["pagesChangeRequest"] }], recent: [{ type: i0.Input, args: [{ isSignal: true, alias: "recent", required: false }] }, { type: i0.Output, args: ["recentChange"] }], recentChangeRequest: [{ type: i0.Output, args: ["recentChangeRequest"] }], select: [{ type: i0.Output, args: ["select"] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCommandPaletteItem), { isSignal: true }] }], footerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCommandPaletteFooter), { isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCommandPaletteEmpty), { isSignal: true }] }], dialog: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SlDialog), { isSignal: true }] }], field: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], list: [{ type: i0.ViewChild, args: ['list', { isSignal: true }] }] } });
|
|
1226
1321
|
/**
|
|
1227
1322
|
* The control that opens the palette, on the consumer's own element. The
|
|
@@ -1256,7 +1351,7 @@ class SlCommandPaletteTrigger {
|
|
|
1256
1351
|
this.palette().setOpen(true, event.detail === 0 ? 'keyboard' : 'pointer', event);
|
|
1257
1352
|
}
|
|
1258
1353
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1259
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCommandPaletteTrigger, isStandalone: true, selector: "[slCommandPaletteTrigger]", inputs: { palette: { classPropertyName: "palette", publicName: "slCommandPaletteTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "trigger", "aria-haspopup": "dialog" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-expanded": "palette().open()", "attr.data-open": "palette().open() ? \"\" : null", "attr.disabled": "palette().disabled() ? \"\" : null" } }, exportAs: ["slCommandPaletteTrigger"], ngImport: i0 });
|
|
1354
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCommandPaletteTrigger, isStandalone: true, selector: "[slCommandPaletteTrigger]", inputs: { palette: { classPropertyName: "palette", publicName: "slCommandPaletteTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "trigger", "data-part-trigger": "", "aria-haspopup": "dialog" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-expanded": "palette().open()", "attr.data-open": "palette().open() ? \"\" : null", "attr.disabled": "palette().disabled() ? \"\" : null" } }, exportAs: ["slCommandPaletteTrigger"], ngImport: i0 });
|
|
1260
1355
|
}
|
|
1261
1356
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteTrigger, decorators: [{
|
|
1262
1357
|
type: Directive,
|
|
@@ -1266,6 +1361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1266
1361
|
exportAs: 'slCommandPaletteTrigger',
|
|
1267
1362
|
host: {
|
|
1268
1363
|
'data-part': 'trigger',
|
|
1364
|
+
'data-part-trigger': '',
|
|
1269
1365
|
'aria-haspopup': 'dialog',
|
|
1270
1366
|
'[attr.aria-expanded]': 'palette().open()',
|
|
1271
1367
|
'[attr.data-open]': 'palette().open() ? "" : null',
|