@slotted/angular 0.1.0-beta.8 → 0.1.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +68 -26
- 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 +128 -51
- 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 +38 -12
- 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 +46 -14
- 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 +39 -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 +32 -24
- 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 +46 -12
- 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.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.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
|
@@ -308,13 +308,15 @@ class SlTable {
|
|
|
308
308
|
this.touched?.();
|
|
309
309
|
}
|
|
310
310
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
311
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTable, isStandalone: true, selector: "div[slTable]", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, cellAlign: { classPropertyName: "cellAlign", publicName: "cellAlign", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, stickyTo: { classPropertyName: "stickyTo", publicName: "stickyTo", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange", value: "valueChange", expanded: "expandedChange", sortChangeRequest: "sortChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest" }, host: { attributes: { "data-ui": "table", "data-part": "root" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-edges": "resolvedEdges()", "attr.data-layout": "resolvedLayout()", "attr.data-cell-align": "resolvedCellAlign()", "attr.data-striped": "resolvedStriped() ? '' : null", "attr.data-sticky-header": "resolvedStickyHeader() ? '' : null", "attr.data-sticky-footer": "resolvedStickyFooter() ? '' : null", "attr.data-sticky-to": "resolvedStickyTo()", "attr.data-loading": "loading() ? '' : null" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTable), multi: true }], exportAs: ["slTable"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui=table][data-part=root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui=table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui=table] [data-part=scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui=table] [data-part=scroll]:focus{outline:none}[data-ui=table] [data-part=scroll]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui=table][data-layout=fixed] [data-part=table]{inline-size:100%;table-layout:fixed}[data-ui=table] [data-part=caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_edge-inset);text-align:start}[data-ui=table] [data-part=column-header],[data-ui=table] [data-part=head] [data-part=selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui=table][data-variant=plain] [data-part=column-header]{background-color:transparent}[data-ui=table] [data-part=row]{background-color:var(--_surface)}[data-ui=table]{--_cell-align: middle}[data-ui=table][data-cell-align=start]{--_cell-align: top}[data-ui=table][data-cell-align=end]{--_cell-align: bottom}[data-ui=table] [data-part=cell],[data-ui=table] [data-part=row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui=table][data-part=root]{--_edge-inset: var(--_pad-inline)}[data-ui=table][data-part=root][data-edges=flush]:is([data-variant=plain],[data-variant=ruled]){--_edge-inset: var(--slotted-table-edge-inset, 0px)}[data-ui=table] [data-part=row]>:is([data-part=cell],[data-part=row-header],[data-part=group-header]):first-child,[data-ui=table] [data-part=row]>[data-part=column-header]:first-child:not(:has(>[data-part=sort])),[data-ui=table] [data-part=row]>[data-part=column-header]:first-child>[data-part=sort]{padding-inline-start:var(--_edge-inset)}[data-ui=table] [data-part=row]>:is([data-part=cell],[data-part=row-header],[data-part=group-header]):last-child,[data-ui=table] [data-part=row]>[data-part=column-header]:last-child:not(:has(>[data-part=sort])),[data-ui=table] [data-part=row]>[data-part=column-header]:last-child>[data-part=sort]{padding-inline-end:var(--_edge-inset)}[data-ui=table] [data-block-align=start]{vertical-align:top}[data-ui=table] [data-block-align=center]{vertical-align:middle}[data-ui=table] [data-block-align=end]{vertical-align:bottom}[data-ui=table] :is([data-part=cell],[data-part=row-header]):has(>[data-part=root][data-variant=plain]:is([data-ui=select],[data-ui=combobox],[data-ui=multi-select],[data-ui=text-field],[data-ui=textarea],[data-ui=number-field],[data-ui=currency-field],[data-ui=date-field],[data-ui=time-field],[data-ui=datetime-field],[data-ui=tags-input],[data-ui=date-range-picker],[data-ui=time-range-picker],[data-ui=datetime-range-picker],[data-ui=entity-picker])){--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui=table] [data-part=row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]:last-child>*{border-block-end-color:transparent}[data-ui=table][data-striped] [data-part=body]>[data-part=row]:nth-child(2n){background-color:var(--_stripe)}[data-ui=table] [data-part=body]>[data-part=row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui=table] [data-part=row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=table] [data-part=body]>[data-part=row][data-current]:not([data-selected]){background-color:var( --slotted-table-row-surface-current, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=table] [data-part=body]>[data-part=row][data-interactive]:not([data-disabled]){cursor:pointer}[data-ui=table] [data-part=group-header]{background-color:var(--slotted-table-group-surface, var(--_stripe));border-block-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-table-group-color, var(--_text));font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui=table] [data-part=group-content]{align-items:baseline;display:flex;gap:var(--_gap);justify-content:space-between;min-inline-size:0}[data-ui=table] [data-part=group-end]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}[data-ui=table] [data-part=group-row][data-sticky]>[data-part=group-header]{inset-block-start:var(--slotted-table-group-sticky-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table][data-sticky-header] [data-part=group-row][data-sticky]>[data-part=group-header]{inset-block-start:var( --slotted-table-group-sticky-offset, calc(var(--_row-min-block) + var(--_rule-width)) )}@media(forced-colors:active){[data-ui=table] [data-part=body]>[data-part=row][data-current]{outline:var(--_rule-width) solid Highlight;outline-offset:calc(var(--_rule-width) * -1)}}[data-ui=table] [data-align=start]{text-align:start}[data-ui=table] [data-align=center]{text-align:center}[data-ui=table] [data-align=end]{text-align:end}[data-ui=table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui=table] [data-numeric]:not([data-align]){text-align:end}[data-ui=table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui=table] [data-text=nowrap]{white-space:nowrap}[data-ui=table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection]{inset-block-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-to=page][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-to=page][data-sticky-header] [data-part=head] [data-part=selection]{inset-block-start:var(--slotted-table-sticky-offset, 0)}[data-ui=table][data-sticky-to=page] [data-part=scroll]{overflow:visible}[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*{inset-block-end:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-to=page][data-sticky-footer] [data-part=summary]>[data-part=row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0)}[data-ui=table][data-sticky-footer] [data-part=summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table][data-sticky-header] [data-part=column-header][data-sticky],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui=table] [data-sticky=start]:after{inset-inline-end:0}[data-ui=table] [data-sticky=end]:after{inset-inline-start:0}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]){padding:0}[data-ui=table] [data-part=column-header]:has(>[data-part=column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui=table] [data-part=column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui=table] [data-part=sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui=table] [data-align=center]>[data-part=sort]{justify-content:center}[data-ui=table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part=sort]{justify-content:end}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui=table] [data-part=column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=sort]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:not(:disabled):hover>[data-ui=icon],[data-ui=table] [data-part=sort]:focus-visible>[data-ui=icon]{opacity:.55}[data-ui=table] [aria-sort]>[data-part=sort]>[data-ui=icon]{opacity:1}[data-ui=table] [aria-sort=ascending]>[data-part=sort]>[data-ui=icon]{rotate:180deg}[data-ui=table] [data-part=selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui=table] [data-part=selection]>[data-ui=checkbox]{block-size:var(--_line)}[data-ui=table] [data-part=selection]{--slotted-selection-halo-opacity: 0}[data-ui=table] [data-part=cell]:has(>[data-part=expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui=table] [data-part=column-actions] *:has([data-part=filter]){display:contents}[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{position:relative}[data-ui=table] [data-part=expander]:after,[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{inset-inline-start:0}}[data-ui=table] [data-part=expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=table] [data-part=column-actions]>button:not(:disabled):hover,[data-ui=table] button[data-part=column-actions]:not(:disabled):hover,[data-ui=table] [data-part=filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui=table] [data-part=expander]:focus-visible,[data-ui=table] [data-part=column-actions]>button:focus-visible,[data-ui=table] button[data-part=column-actions]:focus-visible,[data-ui=table] [data-part=filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=table] :is([data-part=column-actions],[data-part=filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=table] [data-part=filter][data-filtered],[data-ui=table] [data-part=filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui=table][data-part=filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui=table][data-part=filter-panel] [data-part=filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui=table][data-part=filter-panel] [data-part=filter-operator],[data-ui=table][data-part=filter-panel] [data-part=filter-search]{display:block}[data-ui=table][data-part=filter-panel] [data-part=filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-range],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=datetime],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-join]>[data-label]{color:var(--_muted)}[data-ui=table][data-part=filter-panel] [data-part=filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui=table][data-part=filter-panel] [data-part=filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui=table][data-part=filter-panel] [data-part=filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui=table] [data-part=expander]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:90deg}[data-ui=table]:dir(rtl) [data-part=expander]>[data-ui=icon]{scale:-1 1}[data-ui=table]:dir(rtl) [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:-90deg}[data-ui=table] [data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=detail]>[data-part=cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-striped] [data-part=body]>[data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui=table] [data-part=loader]>[data-part=row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-loading] [data-part=body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=summary]>[data-part=row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-variant=plain] [data-part=summary]>[data-part=row]>*{background-color:transparent}[data-ui=table] [data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table] [data-part=footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui=table] [data-part=scroll]{max-block-size:none;overflow:visible}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection],[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*,[data-ui=table] [data-sticky]{position:static}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
311
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTable, isStandalone: true, selector: "div[slTable]", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, cellAlign: { classPropertyName: "cellAlign", publicName: "cellAlign", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, stickyTo: { classPropertyName: "stickyTo", publicName: "stickyTo", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange", value: "valueChange", expanded: "expandedChange", sortChangeRequest: "sortChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest" }, host: { attributes: { "data-ui": "table", "data-ui-table": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-edges": "resolvedEdges()", "attr.data-layout": "resolvedLayout()", "attr.data-cell-align": "resolvedCellAlign()", "attr.data-striped": "resolvedStriped() ? '' : null", "attr.data-sticky-header": "resolvedStickyHeader() ? '' : null", "attr.data-sticky-footer": "resolvedStickyFooter() ? '' : null", "attr.data-sticky-to": "resolvedStickyTo()", "attr.data-loading": "loading() ? '' : null" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTable), multi: true }], exportAs: ["slTable"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui-table][data-part-root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui-table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui-table] [data-part-scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui-table] [data-part-scroll]:focus{outline:none}[data-ui-table] [data-part-scroll]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui-table][data-layout=fixed] [data-part-table]{inline-size:100%;table-layout:fixed}[data-ui-table] [data-part-caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_edge-inset);text-align:start}[data-ui-table] [data-part-column-header],[data-ui-table] [data-part-head] [data-part-selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui-table][data-variant=plain] [data-part-column-header]{background-color:transparent}[data-ui-table] [data-part-row]{background-color:var(--_surface)}[data-ui-table]{--_cell-align: middle}[data-ui-table][data-cell-align=start]{--_cell-align: top}[data-ui-table][data-cell-align=end]{--_cell-align: bottom}[data-ui-table] [data-part-cell],[data-ui-table] [data-part-row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui-table][data-part-root]{--_edge-inset: var(--_pad-inline)}[data-ui-table][data-part-root][data-edges=flush]:is([data-variant=plain],[data-variant=ruled]){--_edge-inset: var(--slotted-table-edge-inset, 0px)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):first-child,[data-ui-table] [data-part-row]>[data-part-column-header]:first-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:first-child>[data-part-sort]{padding-inline-start:var(--_edge-inset)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):last-child,[data-ui-table] [data-part-row]>[data-part-column-header]:last-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:last-child>[data-part-sort]{padding-inline-end:var(--_edge-inset)}[data-ui-table] [data-block-align=start]{vertical-align:top}[data-ui-table] [data-block-align=center]{vertical-align:middle}[data-ui-table] [data-block-align=end]{vertical-align:bottom}[data-ui-table] :is([data-part-cell],[data-part-row-header]):has(>[data-part-root][data-variant=plain]:is([data-ui-select],[data-ui-combobox],[data-ui-multi-select],[data-ui-text-field],[data-ui-textarea],[data-ui-number-field],[data-ui-currency-field],[data-ui-date-field],[data-ui-time-field],[data-ui-datetime-field],[data-ui-tags-input],[data-ui-date-range-picker],[data-ui-time-range-picker],[data-ui-datetime-range-picker],[data-ui-entity-picker])){--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui-table] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]:last-child>*{border-block-end-color:transparent}[data-ui-table][data-striped] [data-part-body]>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-table] [data-part-body]>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-table] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-table] [data-part-body]>[data-part-row][data-current]:not([data-selected]){background-color:var( --slotted-table-row-surface-current, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-table] [data-part-body]>[data-part-row][data-interactive]:not([data-disabled]){cursor:pointer}[data-ui-table] [data-part-group-header]{background-color:var(--slotted-table-group-surface, var(--_stripe));border-block-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-table-group-color, var(--_text));font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui-table] [data-part-group-content]{align-items:baseline;display:flex;gap:var(--_gap);justify-content:space-between;min-inline-size:0}[data-ui-table] [data-part-group-end]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}[data-ui-table] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var(--slotted-table-group-sticky-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var( --slotted-table-group-sticky-offset, calc(var(--_row-min-block) + var(--_rule-width)) )}@media(forced-colors:active){[data-ui-table] [data-part-body]>[data-part-row][data-current]{outline:var(--_rule-width) solid Highlight;outline-offset:calc(var(--_rule-width) * -1)}}[data-ui-table] [data-align=start]{text-align:start}[data-ui-table] [data-align=center]{text-align:center}[data-ui-table] [data-align=end]{text-align:end}[data-ui-table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-table] [data-numeric]:not([data-align]){text-align:end}[data-ui-table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui-table] [data-text=nowrap]{white-space:nowrap}[data-ui-table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:var(--slotted-table-sticky-offset, 0)}[data-ui-table][data-sticky-to=page] [data-part-scroll]{overflow:visible}[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0)}[data-ui-table][data-sticky-footer] [data-part-summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-column-header][data-sticky],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui-table] [data-sticky=start]:after{inset-inline-end:0}[data-ui-table] [data-sticky=end]:after{inset-inline-start:0}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]){padding:0}[data-ui-table] [data-part-column-header]:has(>[data-part-column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui-table] [data-part-column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui-table] [data-part-sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui-table] [data-align=center]>[data-part-sort]{justify-content:center}[data-ui-table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part-sort]{justify-content:end}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui-table] [data-part-column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-sort]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:not(:disabled):hover>[data-ui-icon],[data-ui-table] [data-part-sort]:focus-visible>[data-ui-icon]{opacity:.55}[data-ui-table] [aria-sort]>[data-part-sort]>[data-ui-icon]{opacity:1}[data-ui-table] [aria-sort=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-table] [data-part-selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui-table] [data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-table] [data-part-selection]{--slotted-selection-halo-opacity: 0}[data-ui-table] [data-part-cell]:has(>[data-part-expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui-table] [data-part-column-actions] *:has([data-part-filter]){display:contents}[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{position:relative}[data-ui-table] [data-part-expander]:after,[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{inset-inline-start:0}}[data-ui-table] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-table] [data-part-column-actions]>button:not(:disabled):hover,[data-ui-table] button[data-part-column-actions]:not(:disabled):hover,[data-ui-table] [data-part-filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui-table] [data-part-expander]:focus-visible,[data-ui-table] [data-part-column-actions]>button:focus-visible,[data-ui-table] button[data-part-column-actions]:focus-visible,[data-ui-table] [data-part-filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui-table] :is([data-part-column-actions],[data-part-filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-table] [data-part-filter][data-filtered],[data-ui-table] [data-part-filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui-table][data-part-filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui-table][data-part-filter-panel] [data-part-filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui-table][data-part-filter-panel] [data-part-filter-operator],[data-ui-table][data-part-filter-panel] [data-part-filter-search]{display:block}[data-ui-table][data-part-filter-panel] [data-part-filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-range],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=datetime],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-join]>[data-label]{color:var(--_muted)}[data-ui-table][data-part-filter-panel] [data-part-filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui-table][data-part-filter-panel] [data-part-filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui-table][data-part-filter-panel] [data-part-filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui-table] [data-part-expander]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:90deg}[data-ui-table]:dir(rtl) [data-part-expander]>[data-ui-icon]{scale:-1 1}[data-ui-table]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:-90deg}[data-ui-table] [data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-detail]>[data-part-cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-striped] [data-part-body]>[data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui-table] [data-part-loader]>[data-part-row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-loading] [data-part-body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-summary]>[data-part-row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-variant=plain] [data-part-summary]>[data-part-row]>*{background-color:transparent}[data-ui-table] [data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table] [data-part-footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui-table] [data-part-scroll]{max-block-size:none;overflow:visible}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection],[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*,[data-ui-table] [data-sticky]{position:static}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
312
312
|
}
|
|
313
313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTable, decorators: [{
|
|
314
314
|
type: Component,
|
|
315
315
|
args: [{ selector: 'div[slTable]', standalone: true, exportAs: 'slTable', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTable), multi: true }], host: {
|
|
316
316
|
'data-ui': 'table',
|
|
317
|
+
'data-ui-table': '',
|
|
317
318
|
'data-part': 'root',
|
|
319
|
+
'data-part-root': '',
|
|
318
320
|
'[attr.data-variant]': 'resolvedVariant()',
|
|
319
321
|
'[attr.data-edges]': 'resolvedEdges()',
|
|
320
322
|
'[attr.data-layout]': 'resolvedLayout()',
|
|
@@ -324,7 +326,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
324
326
|
'[attr.data-sticky-footer]': "resolvedStickyFooter() ? '' : null",
|
|
325
327
|
'[attr.data-sticky-to]': 'resolvedStickyTo()',
|
|
326
328
|
'[attr.data-loading]': "loading() ? '' : null",
|
|
327
|
-
}, styles: ["@layer slotted.components{[data-ui=table][data-part=root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui=table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui=table] [data-part=scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui=table] [data-part=scroll]:focus{outline:none}[data-ui=table] [data-part=scroll]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui=table][data-layout=fixed] [data-part=table]{inline-size:100%;table-layout:fixed}[data-ui=table] [data-part=caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_edge-inset);text-align:start}[data-ui=table] [data-part=column-header],[data-ui=table] [data-part=head] [data-part=selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui=table][data-variant=plain] [data-part=column-header]{background-color:transparent}[data-ui=table] [data-part=row]{background-color:var(--_surface)}[data-ui=table]{--_cell-align: middle}[data-ui=table][data-cell-align=start]{--_cell-align: top}[data-ui=table][data-cell-align=end]{--_cell-align: bottom}[data-ui=table] [data-part=cell],[data-ui=table] [data-part=row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui=table][data-part=root]{--_edge-inset: var(--_pad-inline)}[data-ui=table][data-part=root][data-edges=flush]:is([data-variant=plain],[data-variant=ruled]){--_edge-inset: var(--slotted-table-edge-inset, 0px)}[data-ui=table] [data-part=row]>:is([data-part=cell],[data-part=row-header],[data-part=group-header]):first-child,[data-ui=table] [data-part=row]>[data-part=column-header]:first-child:not(:has(>[data-part=sort])),[data-ui=table] [data-part=row]>[data-part=column-header]:first-child>[data-part=sort]{padding-inline-start:var(--_edge-inset)}[data-ui=table] [data-part=row]>:is([data-part=cell],[data-part=row-header],[data-part=group-header]):last-child,[data-ui=table] [data-part=row]>[data-part=column-header]:last-child:not(:has(>[data-part=sort])),[data-ui=table] [data-part=row]>[data-part=column-header]:last-child>[data-part=sort]{padding-inline-end:var(--_edge-inset)}[data-ui=table] [data-block-align=start]{vertical-align:top}[data-ui=table] [data-block-align=center]{vertical-align:middle}[data-ui=table] [data-block-align=end]{vertical-align:bottom}[data-ui=table] :is([data-part=cell],[data-part=row-header]):has(>[data-part=root][data-variant=plain]:is([data-ui=select],[data-ui=combobox],[data-ui=multi-select],[data-ui=text-field],[data-ui=textarea],[data-ui=number-field],[data-ui=currency-field],[data-ui=date-field],[data-ui=time-field],[data-ui=datetime-field],[data-ui=tags-input],[data-ui=date-range-picker],[data-ui=time-range-picker],[data-ui=datetime-range-picker],[data-ui=entity-picker])){--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui=table] [data-part=row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]:last-child>*{border-block-end-color:transparent}[data-ui=table][data-striped] [data-part=body]>[data-part=row]:nth-child(2n){background-color:var(--_stripe)}[data-ui=table] [data-part=body]>[data-part=row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui=table] [data-part=row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=table] [data-part=body]>[data-part=row][data-current]:not([data-selected]){background-color:var( --slotted-table-row-surface-current, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=table] [data-part=body]>[data-part=row][data-interactive]:not([data-disabled]){cursor:pointer}[data-ui=table] [data-part=group-header]{background-color:var(--slotted-table-group-surface, var(--_stripe));border-block-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-table-group-color, var(--_text));font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui=table] [data-part=group-content]{align-items:baseline;display:flex;gap:var(--_gap);justify-content:space-between;min-inline-size:0}[data-ui=table] [data-part=group-end]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}[data-ui=table] [data-part=group-row][data-sticky]>[data-part=group-header]{inset-block-start:var(--slotted-table-group-sticky-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table][data-sticky-header] [data-part=group-row][data-sticky]>[data-part=group-header]{inset-block-start:var( --slotted-table-group-sticky-offset, calc(var(--_row-min-block) + var(--_rule-width)) )}@media(forced-colors:active){[data-ui=table] [data-part=body]>[data-part=row][data-current]{outline:var(--_rule-width) solid Highlight;outline-offset:calc(var(--_rule-width) * -1)}}[data-ui=table] [data-align=start]{text-align:start}[data-ui=table] [data-align=center]{text-align:center}[data-ui=table] [data-align=end]{text-align:end}[data-ui=table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui=table] [data-numeric]:not([data-align]){text-align:end}[data-ui=table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui=table] [data-text=nowrap]{white-space:nowrap}[data-ui=table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection]{inset-block-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-to=page][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-to=page][data-sticky-header] [data-part=head] [data-part=selection]{inset-block-start:var(--slotted-table-sticky-offset, 0)}[data-ui=table][data-sticky-to=page] [data-part=scroll]{overflow:visible}[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*{inset-block-end:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-to=page][data-sticky-footer] [data-part=summary]>[data-part=row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0)}[data-ui=table][data-sticky-footer] [data-part=summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table][data-sticky-header] [data-part=column-header][data-sticky],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui=table] [data-sticky=start]:after{inset-inline-end:0}[data-ui=table] [data-sticky=end]:after{inset-inline-start:0}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]){padding:0}[data-ui=table] [data-part=column-header]:has(>[data-part=column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui=table] [data-part=column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui=table] [data-part=sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui=table] [data-align=center]>[data-part=sort]{justify-content:center}[data-ui=table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part=sort]{justify-content:end}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui=table] [data-part=column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=sort]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:not(:disabled):hover>[data-ui=icon],[data-ui=table] [data-part=sort]:focus-visible>[data-ui=icon]{opacity:.55}[data-ui=table] [aria-sort]>[data-part=sort]>[data-ui=icon]{opacity:1}[data-ui=table] [aria-sort=ascending]>[data-part=sort]>[data-ui=icon]{rotate:180deg}[data-ui=table] [data-part=selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui=table] [data-part=selection]>[data-ui=checkbox]{block-size:var(--_line)}[data-ui=table] [data-part=selection]{--slotted-selection-halo-opacity: 0}[data-ui=table] [data-part=cell]:has(>[data-part=expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui=table] [data-part=column-actions] *:has([data-part=filter]){display:contents}[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{position:relative}[data-ui=table] [data-part=expander]:after,[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{inset-inline-start:0}}[data-ui=table] [data-part=expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=table] [data-part=column-actions]>button:not(:disabled):hover,[data-ui=table] button[data-part=column-actions]:not(:disabled):hover,[data-ui=table] [data-part=filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui=table] [data-part=expander]:focus-visible,[data-ui=table] [data-part=column-actions]>button:focus-visible,[data-ui=table] button[data-part=column-actions]:focus-visible,[data-ui=table] [data-part=filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=table] :is([data-part=column-actions],[data-part=filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=table] [data-part=filter][data-filtered],[data-ui=table] [data-part=filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui=table][data-part=filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui=table][data-part=filter-panel] [data-part=filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui=table][data-part=filter-panel] [data-part=filter-operator],[data-ui=table][data-part=filter-panel] [data-part=filter-search]{display:block}[data-ui=table][data-part=filter-panel] [data-part=filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-range],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=datetime],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-join]>[data-label]{color:var(--_muted)}[data-ui=table][data-part=filter-panel] [data-part=filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui=table][data-part=filter-panel] [data-part=filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui=table][data-part=filter-panel] [data-part=filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui=table] [data-part=expander]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:90deg}[data-ui=table]:dir(rtl) [data-part=expander]>[data-ui=icon]{scale:-1 1}[data-ui=table]:dir(rtl) [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:-90deg}[data-ui=table] [data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=detail]>[data-part=cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-striped] [data-part=body]>[data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui=table] [data-part=loader]>[data-part=row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-loading] [data-part=body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=summary]>[data-part=row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-variant=plain] [data-part=summary]>[data-part=row]>*{background-color:transparent}[data-ui=table] [data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table] [data-part=footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui=table] [data-part=scroll]{max-block-size:none;overflow:visible}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection],[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*,[data-ui=table] [data-sticky]{position:static}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
329
|
+
}, styles: ["@layer slotted.components{[data-ui-table][data-part-root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui-table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui-table] [data-part-scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui-table] [data-part-scroll]:focus{outline:none}[data-ui-table] [data-part-scroll]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui-table][data-layout=fixed] [data-part-table]{inline-size:100%;table-layout:fixed}[data-ui-table] [data-part-caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_edge-inset);text-align:start}[data-ui-table] [data-part-column-header],[data-ui-table] [data-part-head] [data-part-selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui-table][data-variant=plain] [data-part-column-header]{background-color:transparent}[data-ui-table] [data-part-row]{background-color:var(--_surface)}[data-ui-table]{--_cell-align: middle}[data-ui-table][data-cell-align=start]{--_cell-align: top}[data-ui-table][data-cell-align=end]{--_cell-align: bottom}[data-ui-table] [data-part-cell],[data-ui-table] [data-part-row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui-table][data-part-root]{--_edge-inset: var(--_pad-inline)}[data-ui-table][data-part-root][data-edges=flush]:is([data-variant=plain],[data-variant=ruled]){--_edge-inset: var(--slotted-table-edge-inset, 0px)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):first-child,[data-ui-table] [data-part-row]>[data-part-column-header]:first-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:first-child>[data-part-sort]{padding-inline-start:var(--_edge-inset)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):last-child,[data-ui-table] [data-part-row]>[data-part-column-header]:last-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:last-child>[data-part-sort]{padding-inline-end:var(--_edge-inset)}[data-ui-table] [data-block-align=start]{vertical-align:top}[data-ui-table] [data-block-align=center]{vertical-align:middle}[data-ui-table] [data-block-align=end]{vertical-align:bottom}[data-ui-table] :is([data-part-cell],[data-part-row-header]):has(>[data-part-root][data-variant=plain]:is([data-ui-select],[data-ui-combobox],[data-ui-multi-select],[data-ui-text-field],[data-ui-textarea],[data-ui-number-field],[data-ui-currency-field],[data-ui-date-field],[data-ui-time-field],[data-ui-datetime-field],[data-ui-tags-input],[data-ui-date-range-picker],[data-ui-time-range-picker],[data-ui-datetime-range-picker],[data-ui-entity-picker])){--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui-table] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]:last-child>*{border-block-end-color:transparent}[data-ui-table][data-striped] [data-part-body]>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-table] [data-part-body]>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-table] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-table] [data-part-body]>[data-part-row][data-current]:not([data-selected]){background-color:var( --slotted-table-row-surface-current, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-table] [data-part-body]>[data-part-row][data-interactive]:not([data-disabled]){cursor:pointer}[data-ui-table] [data-part-group-header]{background-color:var(--slotted-table-group-surface, var(--_stripe));border-block-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-table-group-color, var(--_text));font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui-table] [data-part-group-content]{align-items:baseline;display:flex;gap:var(--_gap);justify-content:space-between;min-inline-size:0}[data-ui-table] [data-part-group-end]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}[data-ui-table] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var(--slotted-table-group-sticky-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var( --slotted-table-group-sticky-offset, calc(var(--_row-min-block) + var(--_rule-width)) )}@media(forced-colors:active){[data-ui-table] [data-part-body]>[data-part-row][data-current]{outline:var(--_rule-width) solid Highlight;outline-offset:calc(var(--_rule-width) * -1)}}[data-ui-table] [data-align=start]{text-align:start}[data-ui-table] [data-align=center]{text-align:center}[data-ui-table] [data-align=end]{text-align:end}[data-ui-table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-table] [data-numeric]:not([data-align]){text-align:end}[data-ui-table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui-table] [data-text=nowrap]{white-space:nowrap}[data-ui-table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:var(--slotted-table-sticky-offset, 0)}[data-ui-table][data-sticky-to=page] [data-part-scroll]{overflow:visible}[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0)}[data-ui-table][data-sticky-footer] [data-part-summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-column-header][data-sticky],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui-table] [data-sticky=start]:after{inset-inline-end:0}[data-ui-table] [data-sticky=end]:after{inset-inline-start:0}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]){padding:0}[data-ui-table] [data-part-column-header]:has(>[data-part-column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui-table] [data-part-column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui-table] [data-part-sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui-table] [data-align=center]>[data-part-sort]{justify-content:center}[data-ui-table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part-sort]{justify-content:end}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui-table] [data-part-column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-sort]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:not(:disabled):hover>[data-ui-icon],[data-ui-table] [data-part-sort]:focus-visible>[data-ui-icon]{opacity:.55}[data-ui-table] [aria-sort]>[data-part-sort]>[data-ui-icon]{opacity:1}[data-ui-table] [aria-sort=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-table] [data-part-selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui-table] [data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-table] [data-part-selection]{--slotted-selection-halo-opacity: 0}[data-ui-table] [data-part-cell]:has(>[data-part-expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui-table] [data-part-column-actions] *:has([data-part-filter]){display:contents}[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{position:relative}[data-ui-table] [data-part-expander]:after,[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{inset-inline-start:0}}[data-ui-table] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-table] [data-part-column-actions]>button:not(:disabled):hover,[data-ui-table] button[data-part-column-actions]:not(:disabled):hover,[data-ui-table] [data-part-filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui-table] [data-part-expander]:focus-visible,[data-ui-table] [data-part-column-actions]>button:focus-visible,[data-ui-table] button[data-part-column-actions]:focus-visible,[data-ui-table] [data-part-filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui-table] :is([data-part-column-actions],[data-part-filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-table] [data-part-filter][data-filtered],[data-ui-table] [data-part-filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui-table][data-part-filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui-table][data-part-filter-panel] [data-part-filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui-table][data-part-filter-panel] [data-part-filter-operator],[data-ui-table][data-part-filter-panel] [data-part-filter-search]{display:block}[data-ui-table][data-part-filter-panel] [data-part-filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-range],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=datetime],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-join]>[data-label]{color:var(--_muted)}[data-ui-table][data-part-filter-panel] [data-part-filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui-table][data-part-filter-panel] [data-part-filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui-table][data-part-filter-panel] [data-part-filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui-table] [data-part-expander]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:90deg}[data-ui-table]:dir(rtl) [data-part-expander]>[data-ui-icon]{scale:-1 1}[data-ui-table]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:-90deg}[data-ui-table] [data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-detail]>[data-part-cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-striped] [data-part-body]>[data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui-table] [data-part-loader]>[data-part-row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-loading] [data-part-body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-summary]>[data-part-row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-variant=plain] [data-part-summary]>[data-part-row]>*{background-color:transparent}[data-ui-table] [data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table] [data-part-footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui-table] [data-part-scroll]{max-block-size:none;overflow:visible}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection],[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*,[data-ui-table] [data-sticky]{position:static}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
|
|
328
330
|
}], propDecorators: { sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }, { type: i0.Output, args: ["sortChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], edges: [{ type: i0.Input, args: [{ isSignal: true, alias: "edges", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], cellAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellAlign", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], stickyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyFooter", required: false }] }], stickyTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyTo", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], sortChangeRequest: [{ type: i0.Output, args: ["sortChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }] } });
|
|
329
331
|
|
|
330
332
|
/**
|
|
@@ -411,8 +413,9 @@ class SlTableContent {
|
|
|
411
413
|
this.affordance?.refresh();
|
|
412
414
|
}
|
|
413
415
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
414
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableContent, isStandalone: true, selector: "div[slTableContent]", inputs: { totalRowCount: { classPropertyName: "totalRowCount", publicName: "totalRowCount", isSignal: true, isRequired: false, transformFunction: null }, scrollLabel: { classPropertyName: "scrollLabel", publicName: "scrollLabel", isSignal: true, isRequired: false, transformFunction: null }, scrollLabelledBy: { classPropertyName: "scrollLabelledBy", publicName: "scrollLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "scroll" }, properties: { "attr.data-overflowing": "state().overflowing ? '' : null", "attr.data-at-start": "state().overflowing && state().atStart ? '' : null", "attr.data-at-end": "state().overflowing && state().atEnd ? '' : null", "attr.role": "state().overflowing ? 'region' : null", "attr.tabindex": "state().overflowing ? '0' : null", "attr.aria-label": "regionLabel()", "attr.aria-labelledby": "regionLabelledBy()" } }, exportAs: ["slTableContent"], ngImport: i0, template: `<table
|
|
416
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableContent, isStandalone: true, selector: "div[slTableContent]", inputs: { totalRowCount: { classPropertyName: "totalRowCount", publicName: "totalRowCount", isSignal: true, isRequired: false, transformFunction: null }, scrollLabel: { classPropertyName: "scrollLabel", publicName: "scrollLabel", isSignal: true, isRequired: false, transformFunction: null }, scrollLabelledBy: { classPropertyName: "scrollLabelledBy", publicName: "scrollLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "scroll", "data-part-scroll": "" }, properties: { "attr.data-overflowing": "state().overflowing ? '' : null", "attr.data-at-start": "state().overflowing && state().atStart ? '' : null", "attr.data-at-end": "state().overflowing && state().atEnd ? '' : null", "attr.role": "state().overflowing ? 'region' : null", "attr.tabindex": "state().overflowing ? '0' : null", "attr.aria-label": "regionLabel()", "attr.aria-labelledby": "regionLabelledBy()" } }, exportAs: ["slTableContent"], ngImport: i0, template: `<table
|
|
415
417
|
data-part="table"
|
|
418
|
+
data-part-table=""
|
|
416
419
|
[attr.aria-label]="tableLabel"
|
|
417
420
|
[attr.aria-busy]="table.loading() ? 'true' : null"
|
|
418
421
|
[attr.aria-rowcount]="totalRowCount() ?? null"
|
|
@@ -428,6 +431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
428
431
|
exportAs: 'slTableContent',
|
|
429
432
|
template: `<table
|
|
430
433
|
data-part="table"
|
|
434
|
+
data-part-table=""
|
|
431
435
|
[attr.aria-label]="tableLabel"
|
|
432
436
|
[attr.aria-busy]="table.loading() ? 'true' : null"
|
|
433
437
|
[attr.aria-rowcount]="totalRowCount() ?? null"
|
|
@@ -438,6 +442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
438
442
|
encapsulation: ViewEncapsulation.None,
|
|
439
443
|
host: {
|
|
440
444
|
'data-part': 'scroll',
|
|
445
|
+
'data-part-scroll': '',
|
|
441
446
|
'[attr.data-overflowing]': "state().overflowing ? '' : null",
|
|
442
447
|
'[attr.data-at-start]': "state().overflowing && state().atStart ? '' : null",
|
|
443
448
|
'[attr.data-at-end]': "state().overflowing && state().atEnd ? '' : null",
|
|
@@ -501,7 +506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
501
506
|
*/
|
|
502
507
|
class SlTableCaption {
|
|
503
508
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
504
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCaption, isStandalone: true, selector: "caption[slTableCaption]", host: { attributes: { "data-part": "caption" } }, exportAs: ["slTableCaption"], ngImport: i0 });
|
|
509
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCaption, isStandalone: true, selector: "caption[slTableCaption]", host: { attributes: { "data-part": "caption", "data-part-caption": "" } }, exportAs: ["slTableCaption"], ngImport: i0 });
|
|
505
510
|
}
|
|
506
511
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCaption, decorators: [{
|
|
507
512
|
type: Directive,
|
|
@@ -509,12 +514,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
509
514
|
selector: 'caption[slTableCaption]',
|
|
510
515
|
standalone: true,
|
|
511
516
|
exportAs: 'slTableCaption',
|
|
512
|
-
host: { 'data-part': 'caption' },
|
|
517
|
+
host: { 'data-part': 'caption', 'data-part-caption': '' },
|
|
513
518
|
}]
|
|
514
519
|
}] });
|
|
515
520
|
class SlTableHead {
|
|
516
521
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableHead, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
517
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableHead, isStandalone: true, selector: "thead[slTableHead]", host: { attributes: { "data-part": "head" } }, exportAs: ["slTableHead"], ngImport: i0 });
|
|
522
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableHead, isStandalone: true, selector: "thead[slTableHead]", host: { attributes: { "data-part": "head", "data-part-head": "" } }, exportAs: ["slTableHead"], ngImport: i0 });
|
|
518
523
|
}
|
|
519
524
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableHead, decorators: [{
|
|
520
525
|
type: Directive,
|
|
@@ -522,12 +527,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
522
527
|
selector: 'thead[slTableHead]',
|
|
523
528
|
standalone: true,
|
|
524
529
|
exportAs: 'slTableHead',
|
|
525
|
-
host: { 'data-part': 'head' },
|
|
530
|
+
host: { 'data-part': 'head', 'data-part-head': '' },
|
|
526
531
|
}]
|
|
527
532
|
}] });
|
|
528
533
|
class SlTableBody {
|
|
529
534
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
530
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableBody, isStandalone: true, selector: "tbody[slTableBody]", host: { attributes: { "data-part": "body" } }, exportAs: ["slTableBody"], ngImport: i0 });
|
|
535
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableBody, isStandalone: true, selector: "tbody[slTableBody]", host: { attributes: { "data-part": "body", "data-part-body": "" } }, exportAs: ["slTableBody"], ngImport: i0 });
|
|
531
536
|
}
|
|
532
537
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableBody, decorators: [{
|
|
533
538
|
type: Directive,
|
|
@@ -535,7 +540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
535
540
|
selector: 'tbody[slTableBody]',
|
|
536
541
|
standalone: true,
|
|
537
542
|
exportAs: 'slTableBody',
|
|
538
|
-
host: { 'data-part': 'body' },
|
|
543
|
+
host: { 'data-part': 'body', 'data-part-body': '' },
|
|
539
544
|
}]
|
|
540
545
|
}] });
|
|
541
546
|
/**
|
|
@@ -545,7 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
545
550
|
*/
|
|
546
551
|
class SlTableSummary {
|
|
547
552
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSummary, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
548
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSummary, isStandalone: true, selector: "tfoot[slTableSummary]", host: { attributes: { "data-part": "summary" } }, exportAs: ["slTableSummary"], ngImport: i0 });
|
|
553
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSummary, isStandalone: true, selector: "tfoot[slTableSummary]", host: { attributes: { "data-part": "summary", "data-part-summary": "" } }, exportAs: ["slTableSummary"], ngImport: i0 });
|
|
549
554
|
}
|
|
550
555
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSummary, decorators: [{
|
|
551
556
|
type: Directive,
|
|
@@ -553,7 +558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
553
558
|
selector: 'tfoot[slTableSummary]',
|
|
554
559
|
standalone: true,
|
|
555
560
|
exportAs: 'slTableSummary',
|
|
556
|
-
host: { 'data-part': 'summary' },
|
|
561
|
+
host: { 'data-part': 'summary', 'data-part-summary': '' },
|
|
557
562
|
}]
|
|
558
563
|
}] });
|
|
559
564
|
/**
|
|
@@ -563,7 +568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
563
568
|
*/
|
|
564
569
|
class SlTableFooter {
|
|
565
570
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
566
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableFooter, isStandalone: true, selector: "div[slTableFooter]", host: { attributes: { "data-part": "footer" } }, exportAs: ["slTableFooter"], ngImport: i0 });
|
|
571
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableFooter, isStandalone: true, selector: "div[slTableFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, exportAs: ["slTableFooter"], ngImport: i0 });
|
|
567
572
|
}
|
|
568
573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableFooter, decorators: [{
|
|
569
574
|
type: Directive,
|
|
@@ -571,7 +576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
571
576
|
selector: 'div[slTableFooter]',
|
|
572
577
|
standalone: true,
|
|
573
578
|
exportAs: 'slTableFooter',
|
|
574
|
-
host: { 'data-part': 'footer' },
|
|
579
|
+
host: { 'data-part': 'footer', 'data-part-footer': '' },
|
|
575
580
|
}]
|
|
576
581
|
}] });
|
|
577
582
|
/**
|
|
@@ -631,7 +636,7 @@ class SlTableRow {
|
|
|
631
636
|
this.action.emit(event);
|
|
632
637
|
}
|
|
633
638
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
634
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRow, isStandalone: true, selector: "tr[slTableRow]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { attributes: { "data-part": "row" }, listeners: { "click": "onClick($event)" }, properties: { "attr.data-value": "value() ?? null", "attr.data-selected": "selected() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-rowindex": "rowIndex() ?? null", "attr.aria-current": "current() ? 'true' : null", "attr.data-current": "current() ? '' : null", "attr.data-interactive": "interactive() ? '' : null" } }, exportAs: ["slTableRow"], ngImport: i0 });
|
|
639
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRow, isStandalone: true, selector: "tr[slTableRow]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { attributes: { "data-part": "row", "data-part-row": "" }, listeners: { "click": "onClick($event)" }, properties: { "attr.data-value": "value() ?? null", "attr.data-selected": "selected() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-rowindex": "rowIndex() ?? null", "attr.aria-current": "current() ? 'true' : null", "attr.data-current": "current() ? '' : null", "attr.data-interactive": "interactive() ? '' : null" } }, exportAs: ["slTableRow"], ngImport: i0 });
|
|
635
640
|
}
|
|
636
641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRow, decorators: [{
|
|
637
642
|
type: Directive,
|
|
@@ -641,6 +646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
641
646
|
exportAs: 'slTableRow',
|
|
642
647
|
host: {
|
|
643
648
|
'data-part': 'row',
|
|
649
|
+
'data-part-row': '',
|
|
644
650
|
'[attr.data-value]': 'value() ?? null',
|
|
645
651
|
'[attr.data-selected]': "selected() ? '' : null",
|
|
646
652
|
'[attr.data-expanded]': "expanded() ? '' : null",
|
|
@@ -682,7 +688,7 @@ class SlTableColumnHeader {
|
|
|
682
688
|
hint = computed(() => this.tooltip.isOpen() ? (this.native.textContent ?? '').trim() : '', /* @ts-ignore */
|
|
683
689
|
...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
|
|
684
690
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableColumnHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
685
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableColumnHeader, isStandalone: true, selector: "th[slTableColumnHeader]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "column-header" }, properties: { "attr.scope": "scope() ?? 'col'", "attr.aria-sort": "ariaSort()" } }, providers: [
|
|
691
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableColumnHeader, isStandalone: true, selector: "th[slTableColumnHeader]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "column-header", "data-part-column-header": "" }, properties: { "attr.scope": "scope() ?? 'col'", "attr.aria-sort": "ariaSort()" } }, providers: [
|
|
686
692
|
provideTooltipDefaults({
|
|
687
693
|
describes: 'none',
|
|
688
694
|
openOn: 'hover',
|
|
@@ -725,6 +731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
725
731
|
],
|
|
726
732
|
host: {
|
|
727
733
|
'data-part': 'column-header',
|
|
734
|
+
'data-part-column-header': '',
|
|
728
735
|
'[attr.scope]': "scope() ?? 'col'",
|
|
729
736
|
'[attr.aria-sort]': 'ariaSort()',
|
|
730
737
|
},
|
|
@@ -739,7 +746,7 @@ class SlTableRowHeader {
|
|
|
739
746
|
scope = input(undefined, /* @ts-ignore */
|
|
740
747
|
...(ngDevMode ? [{ debugName: "scope" }] : /* istanbul ignore next */ []));
|
|
741
748
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRowHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
742
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRowHeader, isStandalone: true, selector: "th[slTableRowHeader]", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "row-header" }, properties: { "attr.scope": "scope() ?? 'row'" } }, exportAs: ["slTableRowHeader"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
|
|
749
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRowHeader, isStandalone: true, selector: "th[slTableRowHeader]", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "row-header", "data-part-row-header": "" }, properties: { "attr.scope": "scope() ?? 'row'" } }, exportAs: ["slTableRowHeader"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
|
|
743
750
|
}
|
|
744
751
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRowHeader, decorators: [{
|
|
745
752
|
type: Directive,
|
|
@@ -753,12 +760,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
753
760
|
inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
|
|
754
761
|
},
|
|
755
762
|
],
|
|
756
|
-
host: {
|
|
763
|
+
host: {
|
|
764
|
+
'data-part': 'row-header',
|
|
765
|
+
'data-part-row-header': '',
|
|
766
|
+
'[attr.scope]': "scope() ?? 'row'",
|
|
767
|
+
},
|
|
757
768
|
}]
|
|
758
769
|
}], propDecorators: { scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "scope", required: false }] }] } });
|
|
759
770
|
class SlTableCell {
|
|
760
771
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
761
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCell, isStandalone: true, selector: "td[slTableCell]", host: { attributes: { "data-part": "cell" } }, exportAs: ["slTableCell"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
|
|
772
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCell, isStandalone: true, selector: "td[slTableCell]", host: { attributes: { "data-part": "cell", "data-part-cell": "" } }, exportAs: ["slTableCell"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
|
|
762
773
|
}
|
|
763
774
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCell, decorators: [{
|
|
764
775
|
type: Directive,
|
|
@@ -772,7 +783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
772
783
|
inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
|
|
773
784
|
},
|
|
774
785
|
],
|
|
775
|
-
host: { 'data-part': 'cell' },
|
|
786
|
+
host: { 'data-part': 'cell', 'data-part-cell': '' },
|
|
776
787
|
}]
|
|
777
788
|
}] });
|
|
778
789
|
/**
|
|
@@ -797,7 +808,7 @@ class SlTableSort {
|
|
|
797
808
|
this.table.requestSort(key, event);
|
|
798
809
|
}
|
|
799
810
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSort, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
800
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSort, isStandalone: true, selector: "button[slTableSort]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "sort", "type": "button" }, listeners: { "click": "press($event)" } }, exportAs: ["slTableSort"], ngImport: i0, template: `<ng-content /><span slIcon><svg slGlyph name="chevron-down"></svg></span>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
811
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSort, isStandalone: true, selector: "button[slTableSort]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "sort", "data-part-sort": "", "type": "button" }, listeners: { "click": "press($event)" } }, exportAs: ["slTableSort"], ngImport: i0, template: `<ng-content /><span slIcon><svg slGlyph name="chevron-down"></svg></span>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
801
812
|
}
|
|
802
813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSort, decorators: [{
|
|
803
814
|
type: Component,
|
|
@@ -812,6 +823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
812
823
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
813
824
|
host: {
|
|
814
825
|
'data-part': 'sort',
|
|
826
|
+
'data-part-sort': '',
|
|
815
827
|
type: 'button',
|
|
816
828
|
'(click)': 'press($event)',
|
|
817
829
|
},
|
|
@@ -824,7 +836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
824
836
|
*/
|
|
825
837
|
class SlTableColumnActions {
|
|
826
838
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableColumnActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
827
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableColumnActions, isStandalone: true, selector: "span[slTableColumnActions]", host: { attributes: { "data-part": "column-actions" } }, exportAs: ["slTableColumnActions"], ngImport: i0 });
|
|
839
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableColumnActions, isStandalone: true, selector: "span[slTableColumnActions]", host: { attributes: { "data-part": "column-actions", "data-part-column-actions": "" } }, exportAs: ["slTableColumnActions"], ngImport: i0 });
|
|
828
840
|
}
|
|
829
841
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableColumnActions, decorators: [{
|
|
830
842
|
type: Directive,
|
|
@@ -832,7 +844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
832
844
|
selector: 'span[slTableColumnActions]',
|
|
833
845
|
standalone: true,
|
|
834
846
|
exportAs: 'slTableColumnActions',
|
|
835
|
-
host: { 'data-part': 'column-actions' },
|
|
847
|
+
host: { 'data-part': 'column-actions', 'data-part-column-actions': '' },
|
|
836
848
|
}]
|
|
837
849
|
}] });
|
|
838
850
|
/**
|
|
@@ -868,13 +880,15 @@ class SlTableSelect {
|
|
|
868
880
|
this.table.toggleSelected(key, { range: event.shiftKey, source: event });
|
|
869
881
|
}
|
|
870
882
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
871
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSelect, isStandalone: true, selector: "td[slTableSelect]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "selection" } }, exportAs: ["slTableSelect"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
|
|
883
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSelect, isStandalone: true, selector: "td[slTableSelect]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "selection", "data-part-selection": "" } }, exportAs: ["slTableSelect"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
|
|
872
884
|
slCheckbox
|
|
873
885
|
[checked]="checked()"
|
|
874
886
|
[disabled]="row.disabled()"
|
|
875
887
|
(click)="press($event)"
|
|
876
888
|
>
|
|
877
|
-
<span data-ui="visually-hidden" data-part="root">{{
|
|
889
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
|
|
890
|
+
name()
|
|
891
|
+
}}</span>
|
|
878
892
|
</span>`, isInline: true, dependencies: [{ kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
879
893
|
}
|
|
880
894
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelect, decorators: [{
|
|
@@ -890,7 +904,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
890
904
|
[disabled]="row.disabled()"
|
|
891
905
|
(click)="press($event)"
|
|
892
906
|
>
|
|
893
|
-
<span data-ui="visually-hidden" data-part="root">{{
|
|
907
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
|
|
908
|
+
name()
|
|
909
|
+
}}</span>
|
|
894
910
|
</span>`,
|
|
895
911
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
896
912
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -900,7 +916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
900
916
|
inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
|
|
901
917
|
},
|
|
902
918
|
],
|
|
903
|
-
host: { 'data-part': 'selection' },
|
|
919
|
+
host: { 'data-part': 'selection', 'data-part-selection': '' },
|
|
904
920
|
}]
|
|
905
921
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
|
|
906
922
|
/**
|
|
@@ -929,13 +945,15 @@ class SlTableSelectAll {
|
|
|
929
945
|
this.table.toggleSelectAll(event);
|
|
930
946
|
}
|
|
931
947
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelectAll, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
932
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSelectAll, isStandalone: true, selector: "th[slTableSelectAll]", host: { attributes: { "data-part": "selection", "scope": "col" } }, exportAs: ["slTableSelectAll"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
|
|
948
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSelectAll, isStandalone: true, selector: "th[slTableSelectAll]", host: { attributes: { "data-part": "selection", "data-part-selection": "", "scope": "col" } }, exportAs: ["slTableSelectAll"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
|
|
933
949
|
slCheckbox
|
|
934
950
|
[checked]="checked()"
|
|
935
951
|
[indeterminate]="indeterminate()"
|
|
936
952
|
(click)="press($event)"
|
|
937
953
|
>
|
|
938
|
-
<span data-ui="visually-hidden" data-part="root">{{
|
|
954
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
|
|
955
|
+
name()
|
|
956
|
+
}}</span>
|
|
939
957
|
</span>`, isInline: true, dependencies: [{ kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
940
958
|
}
|
|
941
959
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelectAll, decorators: [{
|
|
@@ -951,7 +969,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
951
969
|
[indeterminate]="indeterminate()"
|
|
952
970
|
(click)="press($event)"
|
|
953
971
|
>
|
|
954
|
-
<span data-ui="visually-hidden" data-part="root">{{
|
|
972
|
+
<span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
|
|
973
|
+
name()
|
|
974
|
+
}}</span>
|
|
955
975
|
</span>`,
|
|
956
976
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
957
977
|
encapsulation: ViewEncapsulation.None,
|
|
@@ -961,7 +981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
961
981
|
inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
|
|
962
982
|
},
|
|
963
983
|
],
|
|
964
|
-
host: { 'data-part': 'selection', scope: 'col' },
|
|
984
|
+
host: { 'data-part': 'selection', 'data-part-selection': '', scope: 'col' },
|
|
965
985
|
}]
|
|
966
986
|
}] });
|
|
967
987
|
/**
|
|
@@ -986,7 +1006,7 @@ class SlTableExpander {
|
|
|
986
1006
|
this.table.toggleExpanded(key, event);
|
|
987
1007
|
}
|
|
988
1008
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableExpander, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
989
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableExpander, isStandalone: true, selector: "button[slTableExpander]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "expander", "type": "button" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-expanded": "row.expanded()", "attr.aria-controls": "row.expanded() ? row.detailId() : null", "attr.aria-label": "name()" } }, exportAs: ["slTableExpander"], ngImport: i0, template: `<ng-content
|
|
1009
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableExpander, isStandalone: true, selector: "button[slTableExpander]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "expander", "data-part-expander": "", "type": "button" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-expanded": "row.expanded()", "attr.aria-controls": "row.expanded() ? row.detailId() : null", "attr.aria-label": "name()" } }, exportAs: ["slTableExpander"], ngImport: i0, template: `<ng-content
|
|
990
1010
|
><span slIcon><svg slGlyph name="chevron-right"></svg></span
|
|
991
1011
|
></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
992
1012
|
}
|
|
@@ -1004,6 +1024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1004
1024
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1005
1025
|
host: {
|
|
1006
1026
|
'data-part': 'expander',
|
|
1027
|
+
'data-part-expander': '',
|
|
1007
1028
|
type: 'button',
|
|
1008
1029
|
'[attr.aria-expanded]': 'row.expanded()',
|
|
1009
1030
|
'[attr.aria-controls]': 'row.expanded() ? row.detailId() : null',
|
|
@@ -1033,7 +1054,7 @@ class SlTableDetail {
|
|
|
1033
1054
|
detailId = computed(() => `${this.table.id}-detail-${this.value()}`, /* @ts-ignore */
|
|
1034
1055
|
...(ngDevMode ? [{ debugName: "detailId" }] : /* istanbul ignore next */ []));
|
|
1035
1056
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1036
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableDetail, isStandalone: true, selector: "tr[slTableDetail]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "detail" }, properties: { "attr.id": "detailId()" } }, exportAs: ["slTableDetail"], ngImport: i0, template: `<td [attr.colspan]="span()" data-part="cell"><ng-content /></td>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1057
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableDetail, isStandalone: true, selector: "tr[slTableDetail]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "detail", "data-part-detail": "" }, properties: { "attr.id": "detailId()" } }, exportAs: ["slTableDetail"], ngImport: i0, template: `<td [attr.colspan]="span()" data-part="cell" data-part-cell=""><ng-content /></td>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1037
1058
|
}
|
|
1038
1059
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableDetail, decorators: [{
|
|
1039
1060
|
type: Component,
|
|
@@ -1041,10 +1062,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1041
1062
|
selector: 'tr[slTableDetail]',
|
|
1042
1063
|
standalone: true,
|
|
1043
1064
|
exportAs: 'slTableDetail',
|
|
1044
|
-
template: `<td [attr.colspan]="span()" data-part="cell"><ng-content /></td>`,
|
|
1065
|
+
template: `<td [attr.colspan]="span()" data-part="cell" data-part-cell=""><ng-content /></td>`,
|
|
1045
1066
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1046
1067
|
encapsulation: ViewEncapsulation.None,
|
|
1047
|
-
host: { 'data-part': 'detail', '[attr.id]': 'detailId()' },
|
|
1068
|
+
host: { 'data-part': 'detail', 'data-part-detail': '', '[attr.id]': 'detailId()' },
|
|
1048
1069
|
}]
|
|
1049
1070
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }] } });
|
|
1050
1071
|
/** Marks what stands at the end of a group's band: its total or net. */
|
|
@@ -1075,11 +1096,18 @@ class SlTableGroupRow {
|
|
|
1075
1096
|
span = computed(() => this.colSpan() ?? this.table.resolvedColumns(), /* @ts-ignore */
|
|
1076
1097
|
...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
|
|
1077
1098
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableGroupRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1078
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTableGroupRow, isStandalone: true, selector: "tr[slTableGroupRow]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "group-row" }, properties: { "attr.data-sticky": "sticky() ? '' : null" } }, queries: [{ propertyName: "end", first: true, predicate: SlTableGroupRowEnd, descendants: true, isSignal: true }], exportAs: ["slTableGroupRow"], ngImport: i0, template: `<th
|
|
1079
|
-
|
|
1080
|
-
|
|
1099
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTableGroupRow, isStandalone: true, selector: "tr[slTableGroupRow]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "group-row", "data-part-group-row": "" }, properties: { "attr.data-sticky": "sticky() ? '' : null" } }, queries: [{ propertyName: "end", first: true, predicate: SlTableGroupRowEnd, descendants: true, isSignal: true }], exportAs: ["slTableGroupRow"], ngImport: i0, template: `<th
|
|
1100
|
+
[attr.colspan]="span()"
|
|
1101
|
+
data-part="group-header"
|
|
1102
|
+
data-part-group-header=""
|
|
1103
|
+
scope="rowgroup"
|
|
1104
|
+
>
|
|
1105
|
+
<div data-part="group-content" data-part-group-content="">
|
|
1106
|
+
<span data-part="group-start" data-part-group-start=""><ng-content /></span>
|
|
1081
1107
|
@if (end()) {
|
|
1082
|
-
<span data-part="group-end"
|
|
1108
|
+
<span data-part="group-end" data-part-group-end=""
|
|
1109
|
+
><ng-content select="[slTableGroupRowEnd]"
|
|
1110
|
+
/></span>
|
|
1083
1111
|
}
|
|
1084
1112
|
</div>
|
|
1085
1113
|
</th>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
@@ -1090,17 +1118,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1090
1118
|
selector: 'tr[slTableGroupRow]',
|
|
1091
1119
|
standalone: true,
|
|
1092
1120
|
exportAs: 'slTableGroupRow',
|
|
1093
|
-
template: `<th
|
|
1094
|
-
|
|
1095
|
-
|
|
1121
|
+
template: `<th
|
|
1122
|
+
[attr.colspan]="span()"
|
|
1123
|
+
data-part="group-header"
|
|
1124
|
+
data-part-group-header=""
|
|
1125
|
+
scope="rowgroup"
|
|
1126
|
+
>
|
|
1127
|
+
<div data-part="group-content" data-part-group-content="">
|
|
1128
|
+
<span data-part="group-start" data-part-group-start=""><ng-content /></span>
|
|
1096
1129
|
@if (end()) {
|
|
1097
|
-
<span data-part="group-end"
|
|
1130
|
+
<span data-part="group-end" data-part-group-end=""
|
|
1131
|
+
><ng-content select="[slTableGroupRowEnd]"
|
|
1132
|
+
/></span>
|
|
1098
1133
|
}
|
|
1099
1134
|
</div>
|
|
1100
1135
|
</th>`,
|
|
1101
1136
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1102
1137
|
encapsulation: ViewEncapsulation.None,
|
|
1103
|
-
host: {
|
|
1138
|
+
host: {
|
|
1139
|
+
'data-part': 'group-row',
|
|
1140
|
+
'data-part-group-row': '',
|
|
1141
|
+
'[attr.data-sticky]': "sticky() ? '' : null",
|
|
1142
|
+
},
|
|
1104
1143
|
}]
|
|
1105
1144
|
}], propDecorators: { colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], end: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlTableGroupRowEnd), { isSignal: true }] }] } });
|
|
1106
1145
|
/**
|
|
@@ -1115,7 +1154,7 @@ class SlTableEmpty {
|
|
|
1115
1154
|
span = computed(() => this.colSpan() ?? this.table.resolvedColumns(), /* @ts-ignore */
|
|
1116
1155
|
...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
|
|
1117
1156
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1118
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableEmpty, isStandalone: true, selector: "td[slTableEmpty]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "empty" }, properties: { "attr.colspan": "span()" } }, exportAs: ["slTableEmpty"], ngImport: i0 });
|
|
1157
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableEmpty, isStandalone: true, selector: "td[slTableEmpty]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "empty", "data-part-empty": "" }, properties: { "attr.colspan": "span()" } }, exportAs: ["slTableEmpty"], ngImport: i0 });
|
|
1119
1158
|
}
|
|
1120
1159
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableEmpty, decorators: [{
|
|
1121
1160
|
type: Directive,
|
|
@@ -1123,7 +1162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1123
1162
|
selector: 'td[slTableEmpty]',
|
|
1124
1163
|
standalone: true,
|
|
1125
1164
|
exportAs: 'slTableEmpty',
|
|
1126
|
-
host: { 'data-part': 'empty', '[attr.colspan]': 'span()' },
|
|
1165
|
+
host: { 'data-part': 'empty', 'data-part-empty': '', '[attr.colspan]': 'span()' },
|
|
1127
1166
|
}]
|
|
1128
1167
|
}], propDecorators: { colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }] } });
|
|
1129
1168
|
/**
|
|
@@ -1140,10 +1179,10 @@ class SlTableLoader {
|
|
|
1140
1179
|
cells = computed(() => Array.from({ length: this.table.resolvedColumns() }, (_cell, index) => index), /* @ts-ignore */
|
|
1141
1180
|
...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
|
|
1142
1181
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTableLoader, isStandalone: true, selector: "tbody[slTableLoader]", inputs: { skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "loader", "aria-hidden": "true" } }, exportAs: ["slTableLoader"], ngImport: i0, template: `@for (row of skeleton(); track row) {
|
|
1144
|
-
<tr data-part="row">
|
|
1182
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTableLoader, isStandalone: true, selector: "tbody[slTableLoader]", inputs: { skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "loader", "data-part-loader": "", "aria-hidden": "true" } }, exportAs: ["slTableLoader"], ngImport: i0, template: `@for (row of skeleton(); track row) {
|
|
1183
|
+
<tr data-part="row" data-part-row="">
|
|
1145
1184
|
@for (cell of cells(); track cell) {
|
|
1146
|
-
<td data-part="cell">
|
|
1185
|
+
<td data-part="cell" data-part-cell="">
|
|
1147
1186
|
<span slSkeleton loading inlineSize="100%"></span>
|
|
1148
1187
|
</td>
|
|
1149
1188
|
}
|
|
@@ -1158,9 +1197,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1158
1197
|
exportAs: 'slTableLoader',
|
|
1159
1198
|
imports: [SlSkeleton],
|
|
1160
1199
|
template: `@for (row of skeleton(); track row) {
|
|
1161
|
-
<tr data-part="row">
|
|
1200
|
+
<tr data-part="row" data-part-row="">
|
|
1162
1201
|
@for (cell of cells(); track cell) {
|
|
1163
|
-
<td data-part="cell">
|
|
1202
|
+
<td data-part="cell" data-part-cell="">
|
|
1164
1203
|
<span slSkeleton loading inlineSize="100%"></span>
|
|
1165
1204
|
</td>
|
|
1166
1205
|
}
|
|
@@ -1168,7 +1207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1168
1207
|
}`,
|
|
1169
1208
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1170
1209
|
encapsulation: ViewEncapsulation.None,
|
|
1171
|
-
host: { 'data-part': 'loader', 'aria-hidden': 'true' },
|
|
1210
|
+
host: { 'data-part': 'loader', 'data-part-loader': '', 'aria-hidden': 'true' },
|
|
1172
1211
|
}]
|
|
1173
1212
|
}], propDecorators: { skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }] } });
|
|
1174
1213
|
/** Every part of the family, for a template that imports the set at once. */
|
|
@@ -1454,6 +1493,7 @@ class SlTableFilterShell {
|
|
|
1454
1493
|
slPopoverTrigger
|
|
1455
1494
|
type="button"
|
|
1456
1495
|
data-part="filter"
|
|
1496
|
+
data-part-filter=""
|
|
1457
1497
|
[attr.data-filtered]="owner().filtered() ? '' : null"
|
|
1458
1498
|
[attr.aria-label]="owner().name()"
|
|
1459
1499
|
>
|
|
@@ -1476,10 +1516,16 @@ class SlTableFilterShell {
|
|
|
1476
1516
|
popover's: slPopoverContent names its own identity, and a second
|
|
1477
1517
|
data-ui on the same element is one of them lost — the surface, the
|
|
1478
1518
|
radius and the shadow all came off the panel. -->
|
|
1479
|
-
<div
|
|
1519
|
+
<div
|
|
1520
|
+
data-ui="table"
|
|
1521
|
+
data-ui-table=""
|
|
1522
|
+
data-part="filter-panel"
|
|
1523
|
+
data-part-filter-panel=""
|
|
1524
|
+
[attr.data-kind]="owner().kind"
|
|
1525
|
+
>
|
|
1480
1526
|
@for (row of owner().rows(); track $index) {
|
|
1481
1527
|
@if ($index === 1) {
|
|
1482
|
-
<div data-part="filter-join">
|
|
1528
|
+
<div data-part="filter-join" data-part-filter-join="">
|
|
1483
1529
|
<span data-label>{{ owner().t('filterJoin') }}</span>
|
|
1484
1530
|
<div
|
|
1485
1531
|
slRadioGroup
|
|
@@ -1495,8 +1541,12 @@ class SlTableFilterShell {
|
|
|
1495
1541
|
</div>
|
|
1496
1542
|
}
|
|
1497
1543
|
|
|
1498
|
-
<div
|
|
1499
|
-
|
|
1544
|
+
<div
|
|
1545
|
+
data-part="filter-condition"
|
|
1546
|
+
data-part-filter-condition=""
|
|
1547
|
+
[attr.data-operands]="owner().slotsOf(row).length"
|
|
1548
|
+
>
|
|
1549
|
+
<div data-part="filter-operator" data-part-filter-operator="">
|
|
1500
1550
|
<!-- items names every operator for the closed control: without
|
|
1501
1551
|
it the trigger falls back to the value itself and a reader
|
|
1502
1552
|
sees the raw between the engine speaks. -->
|
|
@@ -1519,6 +1569,7 @@ class SlTableFilterShell {
|
|
|
1519
1569
|
@if (owner().slotsOf(row).length > 0) {
|
|
1520
1570
|
<div
|
|
1521
1571
|
data-part="filter-operand"
|
|
1572
|
+
data-part-filter-operand=""
|
|
1522
1573
|
[attr.data-kind]="owner().kind"
|
|
1523
1574
|
[attr.data-operand]="owner().operandName()"
|
|
1524
1575
|
[attr.data-range]="owner().rangeMark(row)"
|
|
@@ -1532,7 +1583,7 @@ class SlTableFilterShell {
|
|
|
1532
1583
|
</div>
|
|
1533
1584
|
}
|
|
1534
1585
|
|
|
1535
|
-
<div data-part="filter-actions">
|
|
1586
|
+
<div data-part="filter-actions" data-part-filter-actions="">
|
|
1536
1587
|
<button
|
|
1537
1588
|
slButton
|
|
1538
1589
|
type="button"
|
|
@@ -1581,6 +1632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1581
1632
|
slPopoverTrigger
|
|
1582
1633
|
type="button"
|
|
1583
1634
|
data-part="filter"
|
|
1635
|
+
data-part-filter=""
|
|
1584
1636
|
[attr.data-filtered]="owner().filtered() ? '' : null"
|
|
1585
1637
|
[attr.aria-label]="owner().name()"
|
|
1586
1638
|
>
|
|
@@ -1603,10 +1655,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1603
1655
|
popover's: slPopoverContent names its own identity, and a second
|
|
1604
1656
|
data-ui on the same element is one of them lost — the surface, the
|
|
1605
1657
|
radius and the shadow all came off the panel. -->
|
|
1606
|
-
<div
|
|
1658
|
+
<div
|
|
1659
|
+
data-ui="table"
|
|
1660
|
+
data-ui-table=""
|
|
1661
|
+
data-part="filter-panel"
|
|
1662
|
+
data-part-filter-panel=""
|
|
1663
|
+
[attr.data-kind]="owner().kind"
|
|
1664
|
+
>
|
|
1607
1665
|
@for (row of owner().rows(); track $index) {
|
|
1608
1666
|
@if ($index === 1) {
|
|
1609
|
-
<div data-part="filter-join">
|
|
1667
|
+
<div data-part="filter-join" data-part-filter-join="">
|
|
1610
1668
|
<span data-label>{{ owner().t('filterJoin') }}</span>
|
|
1611
1669
|
<div
|
|
1612
1670
|
slRadioGroup
|
|
@@ -1622,8 +1680,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1622
1680
|
</div>
|
|
1623
1681
|
}
|
|
1624
1682
|
|
|
1625
|
-
<div
|
|
1626
|
-
|
|
1683
|
+
<div
|
|
1684
|
+
data-part="filter-condition"
|
|
1685
|
+
data-part-filter-condition=""
|
|
1686
|
+
[attr.data-operands]="owner().slotsOf(row).length"
|
|
1687
|
+
>
|
|
1688
|
+
<div data-part="filter-operator" data-part-filter-operator="">
|
|
1627
1689
|
<!-- items names every operator for the closed control: without
|
|
1628
1690
|
it the trigger falls back to the value itself and a reader
|
|
1629
1691
|
sees the raw between the engine speaks. -->
|
|
@@ -1646,6 +1708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1646
1708
|
@if (owner().slotsOf(row).length > 0) {
|
|
1647
1709
|
<div
|
|
1648
1710
|
data-part="filter-operand"
|
|
1711
|
+
data-part-filter-operand=""
|
|
1649
1712
|
[attr.data-kind]="owner().kind"
|
|
1650
1713
|
[attr.data-operand]="owner().operandName()"
|
|
1651
1714
|
[attr.data-range]="owner().rangeMark(row)"
|
|
@@ -1659,7 +1722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1659
1722
|
</div>
|
|
1660
1723
|
}
|
|
1661
1724
|
|
|
1662
|
-
<div data-part="filter-actions">
|
|
1725
|
+
<div data-part="filter-actions" data-part-filter-actions="">
|
|
1663
1726
|
<button
|
|
1664
1727
|
slButton
|
|
1665
1728
|
type="button"
|
|
@@ -2476,7 +2539,7 @@ class SlTableSetFilter extends SlTableFilterBase {
|
|
|
2476
2539
|
}
|
|
2477
2540
|
} @else {
|
|
2478
2541
|
@if (searching()) {
|
|
2479
|
-
<div data-part="filter-search">
|
|
2542
|
+
<div data-part="filter-search" data-part-filter-search="">
|
|
2480
2543
|
<div slTextField size="sm" clearable>
|
|
2481
2544
|
<input
|
|
2482
2545
|
slTextFieldInput
|
|
@@ -2490,10 +2553,10 @@ class SlTableSetFilter extends SlTableFilterBase {
|
|
|
2490
2553
|
}
|
|
2491
2554
|
|
|
2492
2555
|
@if (shown().length === 0) {
|
|
2493
|
-
<p data-part="filter-empty">{{ t('filterEmpty') }}</p>
|
|
2556
|
+
<p data-part="filter-empty" data-part-filter-empty="">{{ t('filterEmpty') }}</p>
|
|
2494
2557
|
} @else {
|
|
2495
|
-
<div data-part="filter-list">
|
|
2496
|
-
<div data-part="filter-option" data-covering>
|
|
2558
|
+
<div data-part="filter-list" data-part-filter-list="">
|
|
2559
|
+
<div data-part="filter-option" data-part-filter-option="" data-covering>
|
|
2497
2560
|
<span
|
|
2498
2561
|
slCheckbox
|
|
2499
2562
|
[checked]="allCovered(context)"
|
|
@@ -2506,7 +2569,7 @@ class SlTableSetFilter extends SlTableFilterBase {
|
|
|
2506
2569
|
</div>
|
|
2507
2570
|
|
|
2508
2571
|
@for (option of shown(); track option.value) {
|
|
2509
|
-
<div data-part="filter-option">
|
|
2572
|
+
<div data-part="filter-option" data-part-filter-option="">
|
|
2510
2573
|
<span
|
|
2511
2574
|
slCheckbox
|
|
2512
2575
|
[checked]="chosen(context).includes(option.value)"
|
|
@@ -2522,7 +2585,7 @@ class SlTableSetFilter extends SlTableFilterBase {
|
|
|
2522
2585
|
</div>
|
|
2523
2586
|
}
|
|
2524
2587
|
}
|
|
2525
|
-
</ng-template>`, isInline: true, dependencies: [{ kind: "component", type: SlTableFilterShell, selector: "span[slTableFilterShell]", inputs: ["slTableFilterShell", "operand"], exportAs: ["slTableFilterShell"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "component", type: SlTagsInput, selector: "sl-tags-input", inputs: ["value", "defaultValue", "inputValue", "aria-label", "placeholder", "name", "form", "type", "list", "pattern", "minLength", "maxLength", "inputMode", "autocomplete", "locale", "validateValue", "normalize", "split", "formatLabel", "lockedValues", "delimiters", "max", "size", "variant", "overflow", "invalidValues", "pendingOnBlur", "messages", "addOnPaste", "allowDuplicates", "editable", "reorderable", "clearable", "fullWidth", "disabled", "readOnly", "required", "invalid"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "valueRefuse", "valueCopy"], exportAs: ["slTagsInput"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2588
|
+
</ng-template>`, isInline: true, dependencies: [{ kind: "component", type: SlTableFilterShell, selector: "span[slTableFilterShell]", inputs: ["slTableFilterShell", "operand"], exportAs: ["slTableFilterShell"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "component", type: SlTagsInput, selector: "sl-tags-input", inputs: ["value", "defaultValue", "inputValue", "aria-label", "placeholder", "name", "form", "type", "list", "pattern", "minLength", "maxLength", "inputMode", "autocomplete", "locale", "validateValue", "normalize", "suggestions", "split", "formatLabel", "lockedValues", "delimiters", "max", "size", "variant", "overflow", "invalidValues", "pendingOnBlur", "messages", "addOnPaste", "allowDuplicates", "editable", "reorderable", "clearable", "fullWidth", "disabled", "readOnly", "required", "invalid"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "valueRefuse", "valueCopy"], exportAs: ["slTagsInput"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2526
2589
|
}
|
|
2527
2590
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSetFilter, decorators: [{
|
|
2528
2591
|
type: Component,
|
|
@@ -2564,7 +2627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2564
2627
|
}
|
|
2565
2628
|
} @else {
|
|
2566
2629
|
@if (searching()) {
|
|
2567
|
-
<div data-part="filter-search">
|
|
2630
|
+
<div data-part="filter-search" data-part-filter-search="">
|
|
2568
2631
|
<div slTextField size="sm" clearable>
|
|
2569
2632
|
<input
|
|
2570
2633
|
slTextFieldInput
|
|
@@ -2578,10 +2641,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2578
2641
|
}
|
|
2579
2642
|
|
|
2580
2643
|
@if (shown().length === 0) {
|
|
2581
|
-
<p data-part="filter-empty">{{ t('filterEmpty') }}</p>
|
|
2644
|
+
<p data-part="filter-empty" data-part-filter-empty="">{{ t('filterEmpty') }}</p>
|
|
2582
2645
|
} @else {
|
|
2583
|
-
<div data-part="filter-list">
|
|
2584
|
-
<div data-part="filter-option" data-covering>
|
|
2646
|
+
<div data-part="filter-list" data-part-filter-list="">
|
|
2647
|
+
<div data-part="filter-option" data-part-filter-option="" data-covering>
|
|
2585
2648
|
<span
|
|
2586
2649
|
slCheckbox
|
|
2587
2650
|
[checked]="allCovered(context)"
|
|
@@ -2594,7 +2657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
2594
2657
|
</div>
|
|
2595
2658
|
|
|
2596
2659
|
@for (option of shown(); track option.value) {
|
|
2597
|
-
<div data-part="filter-option">
|
|
2660
|
+
<div data-part="filter-option" data-part-filter-option="">
|
|
2598
2661
|
<span
|
|
2599
2662
|
slCheckbox
|
|
2600
2663
|
[checked]="chosen(context).includes(option.value)"
|