@slotted/angular 0.1.0-beta.0 → 0.1.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/docs/AGENTS.snippet.md +12 -0
- package/docs/alert.json +7 -1
- package/docs/alert.md +3 -3
- package/docs/app-shell.examples.md +1 -1
- package/docs/app-shell.json +5 -5
- package/docs/app-shell.md +2 -2
- package/docs/avatar.json +22 -1
- package/docs/avatar.md +5 -3
- package/docs/badge.json +7 -1
- package/docs/badge.md +3 -3
- package/docs/button-group.json +2 -0
- package/docs/button-group.md +1 -1
- package/docs/button.json +51 -11
- package/docs/button.md +10 -6
- package/docs/calendar.json +8 -1
- package/docs/calendar.md +1 -0
- package/docs/cascader.json +1 -0
- package/docs/cascader.md +1 -1
- package/docs/chart.examples.md +1 -1
- package/docs/chart.json +10 -1
- package/docs/chart.md +3 -2
- package/docs/checkbox.json +7 -0
- package/docs/checkbox.md +1 -0
- package/docs/code-block.json +92 -92
- package/docs/code-block.md +69 -69
- package/docs/combobox.json +1 -0
- package/docs/combobox.md +1 -1
- package/docs/currency-field.json +40 -1
- package/docs/currency-field.md +5 -1
- package/docs/data-grid.examples.md +2 -2
- package/docs/data-grid.json +24 -7
- package/docs/data-grid.md +1 -1
- package/docs/data-grid.props.md +6 -4
- package/docs/data-list.json +2 -1
- package/docs/data-list.md +1 -1
- package/docs/date-field.json +9 -1
- package/docs/date-field.md +3 -2
- package/docs/date-picker.examples.md +36 -0
- package/docs/date-picker.json +20 -5
- package/docs/date-picker.md +5 -4
- package/docs/datetime-field.json +1 -0
- package/docs/datetime-field.md +1 -1
- package/docs/dialog.examples.md +158 -136
- package/docs/dialog.json +35 -11
- package/docs/dialog.md +4 -2
- package/docs/dialog.props.md +1 -1
- package/docs/drawer.json +5 -0
- package/docs/drawer.md +1 -0
- package/docs/entity-picker.json +19 -4
- package/docs/entity-picker.md +8 -6
- package/docs/event-calendar.json +7 -0
- package/docs/event-calendar.md +1 -0
- package/docs/filter-bar.json +118 -118
- package/docs/filter-bar.md +79 -79
- package/docs/form.json +2 -1
- package/docs/form.md +1 -1
- package/docs/guidelines/README.md +27 -0
- package/docs/guidelines/async-feedback.md +129 -0
- package/docs/guidelines/browsing.md +74 -0
- package/docs/guidelines/builders.md +97 -0
- package/docs/guidelines/composition.md +143 -0
- package/docs/guidelines/conversations.md +59 -0
- package/docs/guidelines/errors-and-conflicts.md +71 -0
- package/docs/guidelines/forms.md +202 -0
- package/docs/guidelines/index.md +129 -0
- package/docs/guidelines/layout-alignment.md +95 -0
- package/docs/guidelines/ledgers.md +45 -0
- package/docs/guidelines/list-pages.md +206 -0
- package/docs/guidelines/overviews.md +76 -0
- package/docs/guidelines/own-elements.md +115 -0
- package/docs/guidelines/reading-permissions.md +55 -0
- package/docs/guidelines/record-pages.md +178 -0
- package/docs/guidelines/reports.md +123 -0
- package/docs/guidelines/shell-composition.md +94 -0
- package/docs/guidelines/workspaces.md +46 -0
- package/docs/icon.json +3 -1
- package/docs/icon.md +3 -3
- package/docs/index.md +12 -0
- package/docs/inline-message.json +14 -2
- package/docs/inline-message.md +4 -3
- package/docs/list-item.json +9 -1
- package/docs/list-item.md +3 -3
- package/docs/list.json +19 -1
- package/docs/list.md +3 -1
- package/docs/markdown.json +79 -79
- package/docs/markdown.md +65 -65
- package/docs/menu.json +12 -0
- package/docs/menu.md +2 -0
- package/docs/message.json +7 -1
- package/docs/message.md +3 -3
- package/docs/multi-select.json +1 -0
- package/docs/multi-select.md +1 -1
- package/docs/notification-center.json +4 -0
- package/docs/notification-center.md +2 -2
- package/docs/number-field.json +1 -0
- package/docs/number-field.md +1 -1
- package/docs/otp-input.json +1 -0
- package/docs/otp-input.md +1 -1
- package/docs/page-header.json +4 -3
- package/docs/page-header.md +2 -2
- package/docs/page.json +1 -0
- package/docs/page.md +1 -0
- package/docs/popover.json +1 -1
- package/docs/progress-indicator.json +4 -3
- package/docs/progress-indicator.md +4 -4
- package/docs/prompt-composer.json +41 -1
- package/docs/prompt-composer.md +5 -1
- package/docs/rating.json +5 -3
- package/docs/rating.md +5 -5
- package/docs/section.json +27 -15
- package/docs/section.md +11 -9
- package/docs/segmented-control.json +36 -12
- package/docs/segmented-control.md +17 -1
- package/docs/select.json +1 -0
- package/docs/select.md +1 -1
- package/docs/side-navigation.json +1 -0
- package/docs/side-navigation.md +1 -1
- package/docs/skills/build-own-element/SKILL.md +90 -0
- package/docs/skills/compose-screen/SKILL.md +95 -0
- package/docs/skills/index.md +9 -0
- package/docs/skills/review-screen/SKILL.md +77 -0
- package/docs/skills/theme-app/SKILL.md +87 -0
- package/docs/skills/waiting-states/SKILL.md +143 -0
- package/docs/sparkline.json +5 -2
- package/docs/sparkline.md +4 -4
- package/docs/split-button.json +4 -1
- package/docs/split-button.md +3 -3
- package/docs/stat-card.json +5 -1
- package/docs/stat-card.md +3 -3
- package/docs/table.examples.md +3 -3
- package/docs/table.json +85 -3
- package/docs/table.md +12 -1
- package/docs/tabs.json +17 -7
- package/docs/tabs.md +3 -2
- package/docs/tag.json +14 -4
- package/docs/tag.md +6 -6
- package/docs/tags-input.json +29 -2
- package/docs/tags-input.md +4 -1
- package/docs/text-field.json +2 -1
- package/docs/text-field.md +2 -2
- package/docs/textarea.json +1 -0
- package/docs/textarea.md +1 -1
- package/docs/time-field.json +1 -0
- package/docs/time-field.md +1 -1
- package/docs/timeline.json +138 -132
- package/docs/timeline.md +125 -125
- package/docs/toast.json +7 -1
- package/docs/toast.md +3 -3
- package/docs/toggle-group.json +14 -3
- package/docs/toggle-group.md +3 -3
- package/docs/toggle.json +12 -3
- package/docs/toggle.md +3 -3
- package/docs/tokens.md +467 -0
- package/docs/tour.json +1 -1
- package/docs/typography.json +4 -2
- package/docs/typography.md +4 -4
- package/fesm2022/slotted-angular-accordion.mjs +4 -2
- package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-bar.mjs +22 -11
- package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
- package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
- package/fesm2022/slotted-angular-alert.mjs +18 -11
- package/fesm2022/slotted-angular-alert.mjs.map +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +111 -61
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
- package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
- package/fesm2022/slotted-angular-attachment.mjs +31 -20
- package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
- package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-avatar.mjs +14 -7
- package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
- package/fesm2022/slotted-angular-badge.mjs +14 -10
- package/fesm2022/slotted-angular-badge.mjs.map +1 -1
- package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
- package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +7 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +90 -29
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-calendar.mjs +235 -58
- package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-card.mjs +18 -16
- package/fesm2022/slotted-angular-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-carousel.mjs +22 -11
- package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +166 -66
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +53 -20
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
- package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +23 -9
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-code-block.mjs +29 -15
- package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
- package/fesm2022/slotted-angular-collapsible.mjs +20 -15
- package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
- package/fesm2022/slotted-angular-color-picker.mjs +77 -22
- package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +68 -31
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +112 -39
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-command-palette.mjs +150 -54
- package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
- package/fesm2022/slotted-angular-container.mjs +6 -4
- package/fesm2022/slotted-angular-container.mjs.map +1 -1
- package/fesm2022/slotted-angular-context-menu.mjs +5 -4
- package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +149 -32
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +354 -113
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +83 -50
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-field.mjs +74 -25
- package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-picker.mjs +112 -40
- package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
- package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
- package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
- package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
- package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-description-list.mjs +33 -19
- package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
- package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +72 -30
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-divider.mjs +7 -5
- package/fesm2022/slotted-angular-divider.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +53 -29
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-entity-picker.mjs +468 -75
- package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-field-group.mjs +14 -7
- package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-field.mjs +35 -15
- package/fesm2022/slotted-angular-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +112 -51
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-form.mjs +18 -10
- package/fesm2022/slotted-angular-form.mjs.map +1 -1
- package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
- package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
- package/fesm2022/slotted-angular-grid.mjs +4 -2
- package/fesm2022/slotted-angular-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-highlight.mjs +5 -3
- package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
- package/fesm2022/slotted-angular-hover-card.mjs +5 -4
- package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-icon.mjs +6 -3
- package/fesm2022/slotted-angular-icon.mjs.map +1 -1
- package/fesm2022/slotted-angular-image.mjs +13 -10
- package/fesm2022/slotted-angular-image.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline-message.mjs +88 -13
- package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-inline.mjs +4 -2
- package/fesm2022/slotted-angular-inline.mjs.map +1 -1
- package/fesm2022/slotted-angular-kbd.mjs +11 -7
- package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
- package/fesm2022/slotted-angular-link.mjs +5 -3
- package/fesm2022/slotted-angular-link.mjs.map +1 -1
- package/fesm2022/slotted-angular-list-item.mjs +21 -18
- package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +37 -22
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-listbox.mjs +39 -21
- package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
- package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
- package/fesm2022/slotted-angular-markdown.mjs +31 -19
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-menu.mjs +51 -29
- package/fesm2022/slotted-angular-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-menubar.mjs +4 -2
- package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
- package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
- package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
- package/fesm2022/slotted-angular-message.mjs +113 -51
- package/fesm2022/slotted-angular-message.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +189 -87
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
- package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +108 -65
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +23 -11
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-otp-input.mjs +13 -8
- package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-page-header.mjs +75 -45
- package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
- package/fesm2022/slotted-angular-page.mjs +38 -10
- package/fesm2022/slotted-angular-page.mjs.map +1 -1
- package/fesm2022/slotted-angular-pagination.mjs +35 -22
- package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
- package/fesm2022/slotted-angular-popover.mjs +32 -19
- package/fesm2022/slotted-angular-popover.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
- package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-prompt-composer.mjs +41 -20
- package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
- package/fesm2022/slotted-angular-prose.mjs +14 -11
- package/fesm2022/slotted-angular-prose.mjs.map +1 -1
- package/fesm2022/slotted-angular-radio-group.mjs +15 -9
- package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-rating.mjs +138 -82
- package/fesm2022/slotted-angular-rating.mjs.map +1 -1
- package/fesm2022/slotted-angular-result-state.mjs +16 -12
- package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs +43 -16
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
- package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
- package/fesm2022/slotted-angular-section.mjs +53 -18
- package/fesm2022/slotted-angular-section.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +184 -94
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
- package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-skeleton.mjs +32 -16
- package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
- package/fesm2022/slotted-angular-slider.mjs +31 -11
- package/fesm2022/slotted-angular-slider.mjs.map +1 -1
- package/fesm2022/slotted-angular-sparkline.mjs +41 -14
- package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +25 -11
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-splitter.mjs +11 -9
- package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
- package/fesm2022/slotted-angular-stack.mjs +4 -2
- package/fesm2022/slotted-angular-stack.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +35 -28
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
- package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
- package/fesm2022/slotted-angular-stepper.mjs +40 -15
- package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
- package/fesm2022/slotted-angular-switch.mjs +15 -10
- package/fesm2022/slotted-angular-switch.mjs.map +1 -1
- package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
- package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +243 -73
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +42 -18
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-tag.mjs +19 -12
- package/fesm2022/slotted-angular-tag.mjs.map +1 -1
- package/fesm2022/slotted-angular-tags-input.mjs +253 -28
- package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
- package/fesm2022/slotted-angular-text-field.mjs +49 -15
- package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-textarea.mjs +5 -3
- package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-field.mjs +48 -14
- package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-picker.mjs +32 -20
- package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
- package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
- package/fesm2022/slotted-angular-timeline.mjs +135 -64
- package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
- package/fesm2022/slotted-angular-toast.mjs +43 -31
- package/fesm2022/slotted-angular-toast.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +9 -4
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-toolbar.mjs +22 -11
- package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
- package/fesm2022/slotted-angular-tooltip.mjs +15 -6
- package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
- package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
- package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +47 -22
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +69 -30
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-tree.mjs +74 -26
- package/fesm2022/slotted-angular-tree.mjs.map +1 -1
- package/fesm2022/slotted-angular-typography.mjs +8 -4
- package/fesm2022/slotted-angular-typography.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +125 -57
- package/fesm2022/slotted-angular-upload.mjs.map +1 -1
- package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
- package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
- package/fesm2022/slotted-angular-wizard.mjs +163 -65
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-accordion.d.ts.map +1 -1
- package/types/slotted-angular-action-bar.d.ts.map +1 -1
- package/types/slotted-angular-action-sheet.d.ts.map +1 -1
- package/types/slotted-angular-alert.d.ts +2 -2
- package/types/slotted-angular-alert.d.ts.map +1 -1
- package/types/slotted-angular-app-shell.d.ts +11 -3
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
- package/types/slotted-angular-attachment.d.ts +1 -1
- package/types/slotted-angular-attachment.d.ts.map +1 -1
- package/types/slotted-angular-avatar-group.d.ts.map +1 -1
- package/types/slotted-angular-avatar.d.ts +11 -3
- package/types/slotted-angular-avatar.d.ts.map +1 -1
- package/types/slotted-angular-badge.d.ts +1 -1
- package/types/slotted-angular-badge.d.ts.map +1 -1
- package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts +1 -1
- package/types/slotted-angular-button-group.d.ts.map +1 -1
- package/types/slotted-angular-button.d.ts +33 -13
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-calendar.d.ts +30 -2
- package/types/slotted-angular-calendar.d.ts.map +1 -1
- package/types/slotted-angular-card.d.ts.map +1 -1
- package/types/slotted-angular-carousel.d.ts.map +1 -1
- package/types/slotted-angular-cascader.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts +10 -0
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
- package/types/slotted-angular-checkbox.d.ts +7 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-code-block.d.ts +1 -1
- package/types/slotted-angular-code-block.d.ts.map +1 -1
- package/types/slotted-angular-collapsible.d.ts +1 -1
- package/types/slotted-angular-collapsible.d.ts.map +1 -1
- package/types/slotted-angular-color-picker.d.ts.map +1 -1
- package/types/slotted-angular-column-manager.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts +5 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-command-palette.d.ts +10 -1
- package/types/slotted-angular-command-palette.d.ts.map +1 -1
- package/types/slotted-angular-container.d.ts.map +1 -1
- package/types/slotted-angular-context-menu.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +63 -15
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts +49 -4
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-list.d.ts.map +1 -1
- package/types/slotted-angular-date-field.d.ts +11 -1
- package/types/slotted-angular-date-field.d.ts.map +1 -1
- package/types/slotted-angular-date-picker.d.ts +38 -12
- package/types/slotted-angular-date-picker.d.ts.map +1 -1
- package/types/slotted-angular-date-range-picker.d.ts +0 -1
- package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-field.d.ts.map +1 -1
- package/types/slotted-angular-datetime-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
- package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
- package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-description-list.d.ts.map +1 -1
- package/types/slotted-angular-detail-panel.d.ts.map +1 -1
- package/types/slotted-angular-dialog.d.ts +10 -3
- package/types/slotted-angular-dialog.d.ts.map +1 -1
- package/types/slotted-angular-divider.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts +7 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-entity-picker.d.ts +63 -15
- package/types/slotted-angular-entity-picker.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts +9 -2
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-field-group.d.ts.map +1 -1
- package/types/slotted-angular-field.d.ts.map +1 -1
- package/types/slotted-angular-filter-bar.d.ts.map +1 -1
- package/types/slotted-angular-form.d.ts.map +1 -1
- package/types/slotted-angular-fullscreen.d.ts.map +1 -1
- package/types/slotted-angular-grid.d.ts.map +1 -1
- package/types/slotted-angular-highlight.d.ts.map +1 -1
- package/types/slotted-angular-hover-card.d.ts.map +1 -1
- package/types/slotted-angular-icon.d.ts +2 -2
- package/types/slotted-angular-icon.d.ts.map +1 -1
- package/types/slotted-angular-image.d.ts.map +1 -1
- package/types/slotted-angular-import-export-center.d.ts.map +1 -1
- package/types/slotted-angular-inline-message.d.ts +25 -25
- package/types/slotted-angular-inline-message.d.ts.map +1 -1
- package/types/slotted-angular-inline.d.ts.map +1 -1
- package/types/slotted-angular-kbd.d.ts.map +1 -1
- package/types/slotted-angular-link.d.ts.map +1 -1
- package/types/slotted-angular-list-item.d.ts +1 -1
- package/types/slotted-angular-list-item.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts +42 -27
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-listbox.d.ts.map +1 -1
- package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
- package/types/slotted-angular-markdown.d.ts.map +1 -1
- package/types/slotted-angular-menu.d.ts +11 -2
- package/types/slotted-angular-menu.d.ts.map +1 -1
- package/types/slotted-angular-menubar.d.ts.map +1 -1
- package/types/slotted-angular-message-scroller.d.ts.map +1 -1
- package/types/slotted-angular-message.d.ts +1 -1
- package/types/slotted-angular-message.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +15 -1
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
- package/types/slotted-angular-notification-center.d.ts +1 -1
- package/types/slotted-angular-notification-center.d.ts.map +1 -1
- package/types/slotted-angular-number-field.d.ts.map +1 -1
- package/types/slotted-angular-otp-input.d.ts.map +1 -1
- package/types/slotted-angular-page-header.d.ts +4 -4
- package/types/slotted-angular-page-header.d.ts.map +1 -1
- package/types/slotted-angular-page.d.ts.map +1 -1
- package/types/slotted-angular-pagination.d.ts.map +1 -1
- package/types/slotted-angular-popover.d.ts.map +1 -1
- package/types/slotted-angular-progress-indicator.d.ts +8 -1
- package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
- package/types/slotted-angular-prompt-composer.d.ts +11 -2
- package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
- package/types/slotted-angular-prose.d.ts.map +1 -1
- package/types/slotted-angular-radio-group.d.ts.map +1 -1
- package/types/slotted-angular-rating.d.ts +1 -1
- package/types/slotted-angular-rating.d.ts.map +1 -1
- package/types/slotted-angular-result-state.d.ts.map +1 -1
- package/types/slotted-angular-saved-views.d.ts.map +1 -1
- package/types/slotted-angular-scroll-area.d.ts.map +1 -1
- package/types/slotted-angular-section.d.ts +11 -3
- package/types/slotted-angular-section.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts +15 -2
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts +12 -2
- package/types/slotted-angular-select.d.ts.map +1 -1
- package/types/slotted-angular-side-navigation.d.ts.map +1 -1
- package/types/slotted-angular-skeleton.d.ts.map +1 -1
- package/types/slotted-angular-slider.d.ts.map +1 -1
- package/types/slotted-angular-sparkline.d.ts +7 -1
- package/types/slotted-angular-sparkline.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts +2 -2
- package/types/slotted-angular-split-button.d.ts.map +1 -1
- package/types/slotted-angular-splitter.d.ts.map +1 -1
- package/types/slotted-angular-stack.d.ts.map +1 -1
- package/types/slotted-angular-stat-card.d.ts +1 -1
- package/types/slotted-angular-stat-card.d.ts.map +1 -1
- package/types/slotted-angular-status-indicator.d.ts +1 -1
- package/types/slotted-angular-status-indicator.d.ts.map +1 -1
- package/types/slotted-angular-stepper.d.ts +1 -1
- package/types/slotted-angular-stepper.d.ts.map +1 -1
- package/types/slotted-angular-switch.d.ts.map +1 -1
- package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
- package/types/slotted-angular-table.d.ts +63 -6
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-tabs.d.ts +3 -4
- package/types/slotted-angular-tabs.d.ts.map +1 -1
- package/types/slotted-angular-tag.d.ts +1 -1
- package/types/slotted-angular-tag.d.ts.map +1 -1
- package/types/slotted-angular-tags-input.d.ts +33 -1
- package/types/slotted-angular-tags-input.d.ts.map +1 -1
- package/types/slotted-angular-text-field.d.ts.map +1 -1
- package/types/slotted-angular-textarea.d.ts.map +1 -1
- package/types/slotted-angular-theme.d.ts +1 -1
- package/types/slotted-angular-time-field.d.ts.map +1 -1
- package/types/slotted-angular-time-picker.d.ts +0 -1
- package/types/slotted-angular-time-picker.d.ts.map +1 -1
- package/types/slotted-angular-time-range-picker.d.ts +0 -1
- package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
- package/types/slotted-angular-timeline.d.ts +1 -1
- package/types/slotted-angular-timeline.d.ts.map +1 -1
- package/types/slotted-angular-toast.d.ts +3 -3
- package/types/slotted-angular-toast.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts +8 -2
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
- package/types/slotted-angular-toolbar.d.ts.map +1 -1
- package/types/slotted-angular-tooltip.d.ts.map +1 -1
- package/types/slotted-angular-top-navigation.d.ts.map +1 -1
- package/types/slotted-angular-tour.d.ts.map +1 -1
- package/types/slotted-angular-transfer.d.ts.map +1 -1
- package/types/slotted-angular-tree.d.ts.map +1 -1
- package/types/slotted-angular-typography.d.ts +1 -1
- package/types/slotted-angular-typography.d.ts.map +1 -1
- package/types/slotted-angular-upload.d.ts +2 -2
- package/types/slotted-angular-upload.d.ts.map +1 -1
- package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
- package/types/slotted-angular-wizard.d.ts.map +1 -1
|
@@ -274,18 +274,31 @@ class SlUploadViewer {
|
|
|
274
274
|
fullScreen="always"
|
|
275
275
|
>
|
|
276
276
|
@if (current(); as file) {
|
|
277
|
-
<div
|
|
278
|
-
|
|
277
|
+
<div
|
|
278
|
+
[attr.data-size]="size()"
|
|
279
|
+
data-part="viewer"
|
|
280
|
+
data-part-viewer=""
|
|
281
|
+
data-ui="upload"
|
|
282
|
+
data-ui-upload=""
|
|
283
|
+
>
|
|
284
|
+
<div data-part="viewerHeader" data-part-viewerheader="">
|
|
279
285
|
<div>
|
|
280
|
-
<h2
|
|
281
|
-
|
|
286
|
+
<h2
|
|
287
|
+
data-part="viewerTitle"
|
|
288
|
+
data-part-viewertitle=""
|
|
289
|
+
[attr.data-part-title]="null"
|
|
290
|
+
slDialogTitle
|
|
291
|
+
[textContent]="file.name"
|
|
292
|
+
></h2>
|
|
293
|
+
<span data-part="viewerMeta" data-part-viewermeta="">{{ metaText() }}</span>
|
|
282
294
|
</div>
|
|
283
|
-
<span data-part="viewerActions">
|
|
295
|
+
<span data-part="viewerActions" data-part-vieweractions="">
|
|
284
296
|
@if (url()) {
|
|
285
297
|
<button
|
|
286
298
|
(click)="openExternally()"
|
|
287
299
|
[attr.aria-label]="t('viewerExternal')"
|
|
288
300
|
data-part="viewerExternal"
|
|
301
|
+
data-part-viewerexternal=""
|
|
289
302
|
type="button"
|
|
290
303
|
>
|
|
291
304
|
<span slIcon><svg slGlyph name="external"></svg></span>
|
|
@@ -295,6 +308,7 @@ class SlUploadViewer {
|
|
|
295
308
|
(click)="close($event)"
|
|
296
309
|
[attr.aria-label]="t('viewerClose')"
|
|
297
310
|
data-part="viewerClose"
|
|
311
|
+
data-part-viewerclose=""
|
|
298
312
|
type="button"
|
|
299
313
|
>
|
|
300
314
|
<span slIcon><svg slGlyph name="x"></svg></span>
|
|
@@ -302,13 +316,14 @@ class SlUploadViewer {
|
|
|
302
316
|
</span>
|
|
303
317
|
</div>
|
|
304
318
|
|
|
305
|
-
<div data-part="viewerStage">
|
|
319
|
+
<div data-part="viewerStage" data-part-viewerstage="">
|
|
306
320
|
@if (shown().length > 1) {
|
|
307
321
|
<button
|
|
308
322
|
(click)="move(-1, $event)"
|
|
309
323
|
[attr.aria-label]="t('viewerPrevious')"
|
|
310
324
|
[disabled]="index() <= 0"
|
|
311
325
|
data-part="viewerPrevious"
|
|
326
|
+
data-part-viewerprevious=""
|
|
312
327
|
type="button"
|
|
313
328
|
>
|
|
314
329
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
@@ -336,6 +351,7 @@ class SlUploadViewer {
|
|
|
336
351
|
[attr.data-extension]="extensionLabel()"
|
|
337
352
|
[attr.data-kind]="file.kind"
|
|
338
353
|
data-part="preview"
|
|
354
|
+
data-part-preview=""
|
|
339
355
|
>
|
|
340
356
|
<span slIcon><svg slGlyph [name]="kindGlyph[file.kind]"></svg></span>
|
|
341
357
|
</span>
|
|
@@ -349,6 +365,7 @@ class SlUploadViewer {
|
|
|
349
365
|
[attr.aria-label]="t('viewerNext')"
|
|
350
366
|
[disabled]="index() === -1 || index() >= shown().length - 1"
|
|
351
367
|
data-part="viewerNext"
|
|
368
|
+
data-part-viewernext=""
|
|
352
369
|
type="button"
|
|
353
370
|
>
|
|
354
371
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
@@ -388,18 +405,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
388
405
|
fullScreen="always"
|
|
389
406
|
>
|
|
390
407
|
@if (current(); as file) {
|
|
391
|
-
<div
|
|
392
|
-
|
|
408
|
+
<div
|
|
409
|
+
[attr.data-size]="size()"
|
|
410
|
+
data-part="viewer"
|
|
411
|
+
data-part-viewer=""
|
|
412
|
+
data-ui="upload"
|
|
413
|
+
data-ui-upload=""
|
|
414
|
+
>
|
|
415
|
+
<div data-part="viewerHeader" data-part-viewerheader="">
|
|
393
416
|
<div>
|
|
394
|
-
<h2
|
|
395
|
-
|
|
417
|
+
<h2
|
|
418
|
+
data-part="viewerTitle"
|
|
419
|
+
data-part-viewertitle=""
|
|
420
|
+
[attr.data-part-title]="null"
|
|
421
|
+
slDialogTitle
|
|
422
|
+
[textContent]="file.name"
|
|
423
|
+
></h2>
|
|
424
|
+
<span data-part="viewerMeta" data-part-viewermeta="">{{ metaText() }}</span>
|
|
396
425
|
</div>
|
|
397
|
-
<span data-part="viewerActions">
|
|
426
|
+
<span data-part="viewerActions" data-part-vieweractions="">
|
|
398
427
|
@if (url()) {
|
|
399
428
|
<button
|
|
400
429
|
(click)="openExternally()"
|
|
401
430
|
[attr.aria-label]="t('viewerExternal')"
|
|
402
431
|
data-part="viewerExternal"
|
|
432
|
+
data-part-viewerexternal=""
|
|
403
433
|
type="button"
|
|
404
434
|
>
|
|
405
435
|
<span slIcon><svg slGlyph name="external"></svg></span>
|
|
@@ -409,6 +439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
409
439
|
(click)="close($event)"
|
|
410
440
|
[attr.aria-label]="t('viewerClose')"
|
|
411
441
|
data-part="viewerClose"
|
|
442
|
+
data-part-viewerclose=""
|
|
412
443
|
type="button"
|
|
413
444
|
>
|
|
414
445
|
<span slIcon><svg slGlyph name="x"></svg></span>
|
|
@@ -416,13 +447,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
416
447
|
</span>
|
|
417
448
|
</div>
|
|
418
449
|
|
|
419
|
-
<div data-part="viewerStage">
|
|
450
|
+
<div data-part="viewerStage" data-part-viewerstage="">
|
|
420
451
|
@if (shown().length > 1) {
|
|
421
452
|
<button
|
|
422
453
|
(click)="move(-1, $event)"
|
|
423
454
|
[attr.aria-label]="t('viewerPrevious')"
|
|
424
455
|
[disabled]="index() <= 0"
|
|
425
456
|
data-part="viewerPrevious"
|
|
457
|
+
data-part-viewerprevious=""
|
|
426
458
|
type="button"
|
|
427
459
|
>
|
|
428
460
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
@@ -450,6 +482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
450
482
|
[attr.data-extension]="extensionLabel()"
|
|
451
483
|
[attr.data-kind]="file.kind"
|
|
452
484
|
data-part="preview"
|
|
485
|
+
data-part-preview=""
|
|
453
486
|
>
|
|
454
487
|
<span slIcon><svg slGlyph [name]="kindGlyph[file.kind]"></svg></span>
|
|
455
488
|
</span>
|
|
@@ -463,6 +496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
463
496
|
[attr.aria-label]="t('viewerNext')"
|
|
464
497
|
[disabled]="index() === -1 || index() >= shown().length - 1"
|
|
465
498
|
data-part="viewerNext"
|
|
499
|
+
data-part-viewernext=""
|
|
466
500
|
type="button"
|
|
467
501
|
>
|
|
468
502
|
<span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
|
|
@@ -1155,15 +1189,17 @@ class SlUpload {
|
|
|
1155
1189
|
this.runner?.cancel(file.key);
|
|
1156
1190
|
}
|
|
1157
1191
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1158
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlUpload, isStandalone: true, selector: "div[slUpload]", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, viewing: { classPropertyName: "viewing", publicName: "viewing", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "directory", isSignal: true, isRequired: false, transformFunction: null }, capture: { classPropertyName: "capture", publicName: "capture", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, minFiles: { classPropertyName: "minFiles", publicName: "minFiles", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxTotalSize: { classPropertyName: "maxTotalSize", publicName: "maxTotalSize", isSignal: true, isRequired: false, transformFunction: null }, fileValidator: { classPropertyName: "fileValidator", publicName: "validate", isSignal: true, isRequired: false, transformFunction: null }, transform: { classPropertyName: "transform", publicName: "transform", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, preview: { classPropertyName: "preview", publicName: "preview", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, duplicates: { classPropertyName: "duplicates", publicName: "duplicates", isSignal: true, isRequired: false, transformFunction: null }, clickToBrowse: { classPropertyName: "clickToBrowse", publicName: "clickToBrowse", isSignal: true, isRequired: false, transformFunction: null }, allowDrop: { classPropertyName: "allowDrop", publicName: "allowDrop", isSignal: true, isRequired: false, transformFunction: null }, allowPaste: { classPropertyName: "allowPaste", publicName: "allowPaste", isSignal: true, isRequired: false, transformFunction: null }, preventDocumentDrop: { classPropertyName: "preventDocumentDrop", publicName: "preventDocumentDrop", isSignal: true, isRequired: false, transformFunction: null }, autoUpload: { classPropertyName: "autoUpload", publicName: "autoUpload", isSignal: true, isRequired: false, transformFunction: null }, pendingBlocksSubmit: { classPropertyName: "pendingBlocksSubmit", publicName: "pendingBlocksSubmit", isSignal: true, isRequired: false, transformFunction: null }, adapter: { classPropertyName: "adapter", publicName: "adapter", isSignal: true, isRequired: false, transformFunction: null }, concurrency: { classPropertyName: "concurrency", publicName: "concurrency", isSignal: true, isRequired: false, transformFunction: null }, retries: { classPropertyName: "retries", publicName: "retries", isSignal: true, isRequired: false, transformFunction: null }, retryDelay: { classPropertyName: "retryDelay", publicName: "retryDelay", isSignal: true, isRequired: false, transformFunction: null }, stallAfter: { classPropertyName: "stallAfter", publicName: "stallAfter", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, fileKey: { classPropertyName: "fileKey", publicName: "fileKey", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { files: "filesChange", viewing: "viewingChange", filesChange2: "filesRequest", viewingRequest: "viewingRequest", reject: "reject" }, host: { attributes: { "data-ui": "upload", "data-part": "root" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-layout": "resolvedLayout()", "attr.data-size": "resolvedSize()", "attr.data-disabled": "resolvedDisabled() ? '' : null", "attr.data-readonly": "readOnly() ? '' : null", "attr.data-invalid": "invalid() ? '' : null", "attr.data-required": "required() ? '' : null", "attr.data-loading": "summary().pending ? '' : null", "attr.data-complete": "summary().complete ? '' : null", "attr.data-dragging": "dragging() || documentDrag() ? '' : null" } }, providers: [
|
|
1192
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlUpload, isStandalone: true, selector: "div[slUpload]", inputs: { files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, viewing: { classPropertyName: "viewing", publicName: "viewing", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "directory", isSignal: true, isRequired: false, transformFunction: null }, capture: { classPropertyName: "capture", publicName: "capture", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, minFiles: { classPropertyName: "minFiles", publicName: "minFiles", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxTotalSize: { classPropertyName: "maxTotalSize", publicName: "maxTotalSize", isSignal: true, isRequired: false, transformFunction: null }, fileValidator: { classPropertyName: "fileValidator", publicName: "validate", isSignal: true, isRequired: false, transformFunction: null }, transform: { classPropertyName: "transform", publicName: "transform", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, preview: { classPropertyName: "preview", publicName: "preview", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, duplicates: { classPropertyName: "duplicates", publicName: "duplicates", isSignal: true, isRequired: false, transformFunction: null }, clickToBrowse: { classPropertyName: "clickToBrowse", publicName: "clickToBrowse", isSignal: true, isRequired: false, transformFunction: null }, allowDrop: { classPropertyName: "allowDrop", publicName: "allowDrop", isSignal: true, isRequired: false, transformFunction: null }, allowPaste: { classPropertyName: "allowPaste", publicName: "allowPaste", isSignal: true, isRequired: false, transformFunction: null }, preventDocumentDrop: { classPropertyName: "preventDocumentDrop", publicName: "preventDocumentDrop", isSignal: true, isRequired: false, transformFunction: null }, autoUpload: { classPropertyName: "autoUpload", publicName: "autoUpload", isSignal: true, isRequired: false, transformFunction: null }, pendingBlocksSubmit: { classPropertyName: "pendingBlocksSubmit", publicName: "pendingBlocksSubmit", isSignal: true, isRequired: false, transformFunction: null }, adapter: { classPropertyName: "adapter", publicName: "adapter", isSignal: true, isRequired: false, transformFunction: null }, concurrency: { classPropertyName: "concurrency", publicName: "concurrency", isSignal: true, isRequired: false, transformFunction: null }, retries: { classPropertyName: "retries", publicName: "retries", isSignal: true, isRequired: false, transformFunction: null }, retryDelay: { classPropertyName: "retryDelay", publicName: "retryDelay", isSignal: true, isRequired: false, transformFunction: null }, stallAfter: { classPropertyName: "stallAfter", publicName: "stallAfter", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, fileKey: { classPropertyName: "fileKey", publicName: "fileKey", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { files: "filesChange", viewing: "viewingChange", filesChange2: "filesRequest", viewingRequest: "viewingRequest", reject: "reject" }, host: { attributes: { "data-ui": "upload", "data-ui-upload": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-layout": "resolvedLayout()", "attr.data-size": "resolvedSize()", "attr.data-disabled": "resolvedDisabled() ? '' : null", "attr.data-readonly": "readOnly() ? '' : null", "attr.data-invalid": "invalid() ? '' : null", "attr.data-required": "required() ? '' : null", "attr.data-loading": "summary().pending ? '' : null", "attr.data-complete": "summary().complete ? '' : null", "attr.data-dragging": "dragging() || documentDrag() ? '' : null" } }, providers: [
|
|
1159
1193
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlUpload), multi: true },
|
|
1160
1194
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => SlUpload), multi: true },
|
|
1161
1195
|
], exportAs: ["slUpload"], ngImport: i0, template: `
|
|
1162
1196
|
@if (label() && !insideField()) {
|
|
1163
|
-
<span data-part="label">{{ label() }}</span>
|
|
1197
|
+
<span data-part="label" data-part-label="">{{ label() }}</span>
|
|
1164
1198
|
}
|
|
1165
1199
|
@if (description() && !insideField()) {
|
|
1166
|
-
<p [id]="descriptionId" data-part="description"
|
|
1200
|
+
<p [id]="descriptionId" data-part="description" data-part-description="">
|
|
1201
|
+
{{ description() }}
|
|
1202
|
+
</p>
|
|
1167
1203
|
}
|
|
1168
1204
|
|
|
1169
1205
|
@if (resolvedVariant() === 'button') {
|
|
@@ -1180,6 +1216,7 @@ class SlUpload {
|
|
|
1180
1216
|
[attr.data-drop-invalid]="verdict() === 'invalid' ? '' : null"
|
|
1181
1217
|
[attr.data-browsable]="browsable() ? '' : null"
|
|
1182
1218
|
data-part="dropzone"
|
|
1219
|
+
data-part-dropzone=""
|
|
1183
1220
|
>
|
|
1184
1221
|
<!-- The region carries the mark, so the trigger inside it does not. -->
|
|
1185
1222
|
@if (resolvedVariant() === 'dropzone') {
|
|
@@ -1188,16 +1225,16 @@ class SlUpload {
|
|
|
1188
1225
|
}
|
|
1189
1226
|
<ng-container [ngTemplateOutlet]="triggerTemplate" />
|
|
1190
1227
|
@if (resolvedVariant() === 'field') {
|
|
1191
|
-
<span data-part="meta">{{ fieldSummary() }}</span>
|
|
1228
|
+
<span data-part="meta" data-part-meta="">{{ fieldSummary() }}</span>
|
|
1192
1229
|
}
|
|
1193
1230
|
</div>
|
|
1194
1231
|
}
|
|
1195
1232
|
|
|
1196
1233
|
@if (files().length > 1) {
|
|
1197
|
-
<div data-part="summary">
|
|
1234
|
+
<div data-part="summary" data-part-summary="">
|
|
1198
1235
|
<span>{{ summaryText() }}</span>
|
|
1199
1236
|
@if (!readOnly()) {
|
|
1200
|
-
<button (click)="clear($event)" data-part="clear" type="button">
|
|
1237
|
+
<button (click)="clear($event)" data-part="clear" data-part-clear="" type="button">
|
|
1201
1238
|
{{ t('clear') }}
|
|
1202
1239
|
</button>
|
|
1203
1240
|
}
|
|
@@ -1205,14 +1242,15 @@ class SlUpload {
|
|
|
1205
1242
|
}
|
|
1206
1243
|
|
|
1207
1244
|
@if (showList()) {
|
|
1208
|
-
<ul [style.--slotted-upload-visible-rows]="visibleRows()" data-part="list">
|
|
1245
|
+
<ul [style.--slotted-upload-visible-rows]="visibleRows()" data-part="list" data-part-list="">
|
|
1209
1246
|
@for (file of files(); track file.key) {
|
|
1210
|
-
<li [attr.data-status]="file.status" data-part="item">
|
|
1247
|
+
<li [attr.data-status]="file.status" data-part="item" data-part-item="">
|
|
1211
1248
|
@if (resolvedPreview() !== 'none' || resolvedLayout() === 'grid') {
|
|
1212
1249
|
<span
|
|
1213
1250
|
[attr.data-extension]="extensionLabel(file)"
|
|
1214
1251
|
[attr.data-kind]="file.kind"
|
|
1215
1252
|
data-part="preview"
|
|
1253
|
+
data-part-preview=""
|
|
1216
1254
|
>
|
|
1217
1255
|
@if (url(file) && file.type.startsWith('image/')) {
|
|
1218
1256
|
<img [src]="url(file)" alt="" />
|
|
@@ -1222,34 +1260,45 @@ class SlUpload {
|
|
|
1222
1260
|
</span>
|
|
1223
1261
|
}
|
|
1224
1262
|
|
|
1225
|
-
<div data-part="body">
|
|
1263
|
+
<div data-part="body" data-part-body="">
|
|
1226
1264
|
@if (openable(file)) {
|
|
1227
|
-
<button
|
|
1228
|
-
|
|
1265
|
+
<button
|
|
1266
|
+
(click)="open(file, $event)"
|
|
1267
|
+
data-part="filename"
|
|
1268
|
+
data-part-filename=""
|
|
1269
|
+
dir="auto"
|
|
1270
|
+
type="button"
|
|
1271
|
+
>
|
|
1272
|
+
<span data-part="name" data-part-name="">{{ stem(file) }}</span>
|
|
1229
1273
|
@if (extension(file)) {
|
|
1230
|
-
<span data-part="extension">{{ extension(file) }}</span>
|
|
1274
|
+
<span data-part="extension" data-part-extension="">{{ extension(file) }}</span>
|
|
1231
1275
|
}
|
|
1232
1276
|
</button>
|
|
1233
1277
|
} @else {
|
|
1234
|
-
<span data-part="filename" dir="auto">
|
|
1235
|
-
<span data-part="name">{{ stem(file) }}</span>
|
|
1278
|
+
<span data-part="filename" data-part-filename="" dir="auto">
|
|
1279
|
+
<span data-part="name" data-part-name="">{{ stem(file) }}</span>
|
|
1236
1280
|
@if (extension(file)) {
|
|
1237
|
-
<span data-part="extension">{{ extension(file) }}</span>
|
|
1281
|
+
<span data-part="extension" data-part-extension="">{{ extension(file) }}</span>
|
|
1238
1282
|
}
|
|
1239
1283
|
</span>
|
|
1240
1284
|
}
|
|
1241
|
-
<div data-part="detail">
|
|
1242
|
-
<span data-part="meta">{{ formatters().bytes(file.size) }}</span>
|
|
1243
|
-
<span data-part="status">{{ statusText(file) }}</span>
|
|
1285
|
+
<div data-part="detail" data-part-detail="">
|
|
1286
|
+
<span data-part="meta" data-part-meta="">{{ formatters().bytes(file.size) }}</span>
|
|
1287
|
+
<span data-part="status" data-part-status="">{{ statusText(file) }}</span>
|
|
1244
1288
|
</div>
|
|
1245
1289
|
</div>
|
|
1246
1290
|
|
|
1247
|
-
<span data-part="actions">
|
|
1291
|
+
<span data-part="actions" data-part-actions="">
|
|
1248
1292
|
@for (action of actions(file); track action.part) {
|
|
1249
1293
|
<button
|
|
1250
1294
|
(click)="act(file, action.action, $event)"
|
|
1251
1295
|
[attr.aria-label]="action.label"
|
|
1252
1296
|
[attr.data-part]="action.part"
|
|
1297
|
+
[attr.data-part-start]="action.part === 'start' ? '' : null"
|
|
1298
|
+
[attr.data-part-pause]="action.part === 'pause' ? '' : null"
|
|
1299
|
+
[attr.data-part-retry]="action.part === 'retry' ? '' : null"
|
|
1300
|
+
[attr.data-part-cancel]="action.part === 'cancel' ? '' : null"
|
|
1301
|
+
[attr.data-part-remove]="action.part === 'remove' ? '' : null"
|
|
1253
1302
|
type="button"
|
|
1254
1303
|
>
|
|
1255
1304
|
<span slIcon><svg slGlyph [name]="action.glyph"></svg></span>
|
|
@@ -1258,7 +1307,7 @@ class SlUpload {
|
|
|
1258
1307
|
</span>
|
|
1259
1308
|
|
|
1260
1309
|
@if (showBar(file)) {
|
|
1261
|
-
<div data-part="progress">
|
|
1310
|
+
<div data-part="progress" data-part-progress="">
|
|
1262
1311
|
<div
|
|
1263
1312
|
[tone]="file.status === 'uploading' ? 'accent' : 'warning'"
|
|
1264
1313
|
[value]="percent(file)"
|
|
@@ -1270,7 +1319,7 @@ class SlUpload {
|
|
|
1270
1319
|
}
|
|
1271
1320
|
|
|
1272
1321
|
@if (file.status === 'rejected' || file.status === 'error') {
|
|
1273
|
-
<p data-part="message">{{ messageText(file) }}</p>
|
|
1322
|
+
<p data-part="message" data-part-message="">{{ messageText(file) }}</p>
|
|
1274
1323
|
}
|
|
1275
1324
|
</li>
|
|
1276
1325
|
}
|
|
@@ -1291,7 +1340,7 @@ class SlUpload {
|
|
|
1291
1340
|
></div>
|
|
1292
1341
|
|
|
1293
1342
|
<ng-template #triggerTemplate>
|
|
1294
|
-
<label #trigger data-part="trigger">
|
|
1343
|
+
<label #trigger data-part="trigger" data-part-trigger="">
|
|
1295
1344
|
@if (resolvedVariant() !== 'dropzone') {
|
|
1296
1345
|
<span slIcon><svg slGlyph name="upload"></svg></span>
|
|
1297
1346
|
}
|
|
@@ -1308,12 +1357,13 @@ class SlUpload {
|
|
|
1308
1357
|
[attr.required]="required() ? '' : null"
|
|
1309
1358
|
[attr.webkitdirectory]="directory() ? '' : null"
|
|
1310
1359
|
data-part="input"
|
|
1360
|
+
data-part-input=""
|
|
1311
1361
|
type="file"
|
|
1312
1362
|
/>
|
|
1313
1363
|
{{ t('trigger') }}
|
|
1314
1364
|
</label>
|
|
1315
1365
|
</ng-template>
|
|
1316
|
-
`, isInline: true, styles: ["@layer slotted.components{[data-ui=upload][data-part=root],[data-ui=upload][data-part=viewer]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_control-height: var(--slotted-control-height-md, 34px);--_control-inset: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_preview-size: var(--slotted-upload-preview-size, calc(2 * var(--_glyph-size)));--_state-hover: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-active, 14%), transparent );--_section-gap: var(--slotted-upload-section-gap, var(--slotted-space-5, .75rem));--_item-gap: var(--slotted-upload-item-gap, var(--slotted-space-4, .5rem));--_line-gap: var(--slotted-upload-line-gap, var(--slotted-space-1, .125rem));--_item-inset-block: var(--slotted-upload-item-padding-block, var(--slotted-space-4, .5rem));--_item-inset-inline: var( --slotted-upload-item-padding-inline, var(--slotted-space-5, .75rem) );--_radius: var(--slotted-upload-radius, var(--slotted-radius-md, 6px));--_item-radius: var(--slotted-upload-item-radius, var(--slotted-radius-md, 6px));--_border-width: var(--slotted-upload-border-width, var(--slotted-border-width-thin, 1px));--_zone-inset-block: var(--slotted-upload-zone-padding-block, var(--slotted-space-9, 2rem));--_zone-inset-inline: var(--slotted-upload-zone-padding-inline, var(--slotted-space-6, 1rem));--_zone-border-width: var( --slotted-upload-zone-border-width, var(--slotted-border-width-medium, 1.5px) );--_zone-edge: var(--slotted-upload-zone-border-color, var(--slotted-border-strong));--_zone-ground: var(--slotted-upload-zone-background, var(--slotted-surface-sunken));--_zone-glyph-size: var(--slotted-upload-zone-icon-size, calc(1.5 * var(--_glyph-size)));--_action-glyph-size: max(var(--slotted-upload-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-upload-action-size, max( var(--slotted-target-min, 24px), min( calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) ) ) );--_status-text: var(--slotted-text-muted);--_item-surface: var(--slotted-upload-item-background, var(--slotted-surface));--_item-border: var(--slotted-upload-item-border-color, var(--slotted-border-subtle));--_kind-tile: var(--slotted-upload-kind-other);--_leading: round(up, calc(1em * var(--slotted-line-height-md, 1.5)), 1px);color:var(--slotted-text);font-family:var(--slotted-upload-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=upload][data-part=root]{container-name:slotted-upload;container-type:inline-size;inline-size:100%;display:flex;flex-direction:column;gap:var(--_section-gap)}[data-ui=upload][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_control-height: var(--slotted-control-height-sm, 30px);--_control-inset: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=upload][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_control-height: var(--slotted-control-height-lg, 38px);--_control-inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=upload] [data-part=label]{color:var(--slotted-text);flex:none;font-weight:var(--slotted-upload-label-font-weight, var(--slotted-font-weight-medium, 500))}[data-ui=upload] [data-part=description]{color:var(--slotted-text-muted);flex:none;margin:0}[data-ui=upload] [data-part=dropzone]{--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground);align-items:center;background-color:var(--_zone-surface);border:var(--_zone-border-width) dashed var(--_zone-border-color);border-radius:var(--_radius);display:flex;flex:none;flex-direction:column;gap:var(--_gap);padding-block:var(--_zone-inset-block);padding-inline:var(--_zone-inset-inline);text-align:center;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=upload] [data-part=dropzone]>[data-ui=icon]{--slotted-icon-size: var(--_zone-glyph-size);color:var(--slotted-text-muted)}[data-ui=upload] [data-part=dropzone][data-drop-target]{--_zone-border-color: var(--slotted-tone-accent-border);--_zone-surface: var(--slotted-tone-accent-surface)}[data-ui=upload] [data-part=dropzone][data-drop-invalid]{--_zone-border-color: var(--slotted-tone-danger-border);--_zone-surface: var(--slotted-tone-danger-surface)}[data-ui=upload] [data-part=dropzone][data-browsable]{cursor:pointer}[data-ui=upload]:not([data-disabled]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):hover{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-hover, 4%), var(--_zone-ground) )}[data-ui=upload]:not([data-disabled]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):active{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-active, 8%), var(--_zone-ground) )}[data-ui=upload]:not([data-disabled],[data-invalid]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):is(:hover,:active){--_zone-border-color: var(--slotted-text-muted)}[data-ui=upload]:not([data-disabled]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):has([data-part=trigger]:hover){--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground)}[data-ui=upload][data-disabled][data-part=root]{--_zone-edge: var(--slotted-disabled-border);--_zone-ground: var(--slotted-disabled-background)}[data-ui=upload][data-disabled] [data-part=dropzone]{color:var(--slotted-disabled-foreground)}[data-ui=upload][data-invalid][data-part=root]{--_zone-edge: var(--slotted-tone-danger-border)}[data-ui=upload] [data-part=trigger]{align-items:center;background-color:var(--slotted-upload-trigger-background, var(--slotted-surface));block-size:var(--_control-height);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow);color:var(--slotted-text);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;padding-inline:var(--_control-inset);position:relative;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),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);white-space:nowrap}[data-ui=upload] [data-part=trigger]>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=upload]:not([data-disabled]) [data-part=trigger]:hover{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=upload]:not([data-disabled]) [data-part=trigger]:active{background-color:var(--slotted-tone-secondary-subtle-active);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=upload][data-disabled] [data-part=trigger]{background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=trigger]:has(: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=upload][data-invalid] [data-part=trigger]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);border-color:var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui=upload] [data-part=input]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:50%;inset-inline-start:50%;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=upload] [data-part=input]:focus-visible{outline:none}[data-ui=upload] [data-part=summary]{align-items:center;color:var(--slotted-text-muted);display:flex;flex:none;gap:var(--_gap);justify-content:space-between}[data-ui=upload] [data-part=clear]{appearance:none;flex:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:inherit;cursor:pointer;font:inherit;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);text-decoration-line:underline;text-underline-offset:.2em;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=upload] [data-part=clear]:enabled:hover{background-color:var(--_state-hover)}[data-ui=upload] [data-part=clear]:enabled:active{background-color:var(--_state-active)}[data-ui=upload] [data-part=clear]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=clear]: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=upload] [data-part=list]{--_row-block-size: calc( max(var(--_preview-size), 2lh) + 2 * var(--_item-inset-block) + 2 * var(--_border-width) + var(--_item-gap) );display:flex;flex-direction:column;gap:var(--_item-gap);list-style:none;margin:0;flex:1 1 auto;min-block-size:var(--_row-block-size);max-block-size:calc(var(--slotted-upload-visible-rows, 6) * var(--_row-block-size));overflow-y:auto;padding:0}[data-ui=upload] [data-part=item]{align-items:center;flex:none;background-color:var(--_item-surface);border:var(--_border-width) solid var(--_item-border);border-radius:var(--_item-radius);column-gap:var(--_gap);display:grid;grid-template-areas:\"preview body actions\" \"message message message\";grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding-block:var(--_item-inset-block);padding-inline:var(--_item-inset-inline);position:relative;row-gap:var(--_line-gap);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),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=upload] [data-part=item]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=upload] [data-part=item][data-status=success]{--_status-text: var(--slotted-tone-success-text)}[data-ui=upload] [data-part=item][data-status=ready]{border-style:dashed}[data-ui=upload] [data-part=item][data-status=paused],[data-ui=upload] [data-part=item][data-status=stalled]{--_status-text: var(--slotted-tone-warning-text)}[data-ui=upload] [data-part=item][data-status=rejected],[data-ui=upload] [data-part=item][data-status=error]{--_status-text: var(--slotted-tone-danger-text);--_item-surface: var(--slotted-tone-danger-surface);--_item-border: var(--slotted-tone-danger-border)}[data-ui=upload] [data-part=item][data-status=canceled]{--_status-text: var(--slotted-text-muted)}[data-ui=upload][data-disabled] [data-part=item]{color:var(--slotted-disabled-foreground)}[data-ui=upload] [data-part=preview]{align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--slotted-upload-preview-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui=upload] [data-part=preview]>img{block-size:100%;inline-size:100%;object-fit:cover}[data-ui=upload] [data-part=preview]>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=upload] [data-part=preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui=upload] [data-part=preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui=upload] [data-part=preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui=upload] [data-part=preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui=upload] [data-part=preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui=upload] [data-part=preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui=upload] [data-part=preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui=upload] [data-part=preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui=upload] [data-part=item]>[data-part=body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui=upload] [data-part=filename]{display:flex;font-weight:var(--slotted-upload-name-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0;unicode-bidi:isolate}[data-ui=upload] button[data-part=filename]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:start;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=upload] button[data-part=filename]:enabled:hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui=upload] button[data-part=filename]:enabled:active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=upload] button[data-part=filename]:focus-visible{border-radius:var(--slotted-control-radius, 4px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=upload][data-layout=grid] button[data-part=preview]{appearance:none;border:0;cursor:pointer;padding:0}[data-ui=upload] [data-part=name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=upload] [data-part=extension]{flex:none}[data-ui=upload] [data-part=detail]{align-items:baseline;color:var(--slotted-text-muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);min-inline-size:0}[data-ui=upload] [data-part=meta]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=upload] [data-part=status]{color:var(--_status-text);font-weight:var(--slotted-upload-status-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0}[data-ui=upload] [data-part=meta]:has(+[data-part=status]):after{color:var(--slotted-text-muted);content:\" \\b7\";margin-inline-end:.4em}[data-ui=upload] [data-part=message]{color:var(--_status-text);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);grid-area:message;margin:0}[data-ui=upload] [data-part=progress]{display:block;inset-block-end:0;inset-inline:0;position:absolute}[data-ui=upload] [data-part=actions]{display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end}[data-ui=upload] [data-part=viewerExternal],[data-ui=upload] [data-part=viewerClose],[data-ui=upload] [data-part=start],[data-ui=upload] [data-part=pause],[data-ui=upload] [data-part=retry],[data-ui=upload] [data-part=cancel],[data-ui=upload] [data-part=remove]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-upload-action-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=upload] [data-part=viewerExternal]>[data-ui=icon],[data-ui=upload] [data-part=viewerClose]>[data-ui=icon],[data-ui=upload] [data-part=start]>[data-ui=icon],[data-ui=upload] [data-part=pause]>[data-ui=icon],[data-ui=upload] [data-part=retry]>[data-ui=icon],[data-ui=upload] [data-part=cancel]>[data-ui=icon],[data-ui=upload] [data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_action-glyph-size)}@media(pointer:coarse){[data-ui=upload] :is([data-part=viewerExternal],[data-part=viewerClose],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]){position:relative}[data-ui=upload] :is([data-part=viewerExternal],[data-part=viewerClose],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=upload] :is([data-part=viewerExternal],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel]):has(+:is([data-part=viewerClose],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):not([hidden])):after{inset-inline-end:0}[data-ui=upload] :is([data-part=viewerExternal],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel]):not([hidden])+:is([data-part=viewerClose],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):after{inset-inline-start:0}}[data-ui=upload] [data-part=viewerExternal]:enabled:hover,[data-ui=upload] [data-part=viewerClose]:enabled:hover,[data-ui=upload] [data-part=start]:enabled:hover,[data-ui=upload] [data-part=pause]:enabled:hover,[data-ui=upload] [data-part=retry]:enabled:hover,[data-ui=upload] [data-part=cancel]:enabled:hover,[data-ui=upload] [data-part=remove]:enabled:hover{background-color:var(--_state-hover)}[data-ui=upload] [data-part=viewerExternal]:enabled:active,[data-ui=upload] [data-part=viewerClose]:enabled:active,[data-ui=upload] [data-part=start]:enabled:active,[data-ui=upload] [data-part=pause]:enabled:active,[data-ui=upload] [data-part=retry]:enabled:active,[data-ui=upload] [data-part=cancel]:enabled:active,[data-ui=upload] [data-part=remove]:enabled:active{background-color:var(--_state-active)}[data-ui=upload] [data-part=viewerExternal]:disabled,[data-ui=upload] [data-part=viewerClose]:disabled,[data-ui=upload] [data-part=start]:disabled,[data-ui=upload] [data-part=pause]:disabled,[data-ui=upload] [data-part=retry]:disabled,[data-ui=upload] [data-part=cancel]:disabled,[data-ui=upload] [data-part=remove]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=viewerExternal]:focus-visible,[data-ui=upload] [data-part=viewerClose]:focus-visible,[data-ui=upload] [data-part=start]:focus-visible,[data-ui=upload] [data-part=pause]:focus-visible,[data-ui=upload] [data-part=retry]:focus-visible,[data-ui=upload] [data-part=cancel]:focus-visible,[data-ui=upload] [data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=upload][data-part=viewer]{background-color:var(--slotted-surface);block-size:100%;display:grid;grid-row:1 / -1;grid-template-rows:auto minmax(0,1fr);inline-size:100%}[data-ui=upload] [data-part=viewerHeader]{align-items:center;border-block-end:var(--_border-width) solid var(--slotted-border-subtle);column-gap:var(--_gap);display:grid;grid-template-columns:minmax(0,1fr) auto;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem)}[data-ui=upload] [data-part=viewerTitle]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--_leading);font-weight:var(--slotted-font-weight-semibold, 600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=upload] [data-part=viewerMeta]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading)}[data-ui=upload] [data-part=viewerActions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem)}[data-ui=upload] [data-part=viewerStage]{background-color:var(--slotted-surface-sunken);display:grid;min-block-size:0;overflow:hidden;padding:var(--slotted-space-6, 1rem);place-items:center;position:relative}[data-ui=upload] [data-part=viewerStage]>img,[data-ui=upload] [data-part=viewerStage]>iframe{align-self:stretch;block-size:auto;inline-size:auto;justify-self:stretch;min-block-size:0;min-inline-size:0}[data-ui=upload] [data-part=viewerStage]>img{object-fit:contain}[data-ui=upload] [data-part=viewerStage]>iframe{background-color:var(--slotted-surface);border:0}[data-ui=upload] [data-part=viewerStage]>video,[data-ui=upload] [data-part=viewerStage]>audio{max-block-size:100%;max-inline-size:100%;min-block-size:0;min-inline-size:0}[data-ui=upload] [data-part=viewerStage]>[data-part=preview]{block-size:var(--slotted-upload-viewer-tile-size, 6rem);inline-size:var(--slotted-upload-viewer-tile-size, 6rem)}[data-ui=upload] [data-part=viewerStage]>[data-part=preview]>[data-ui=icon]{--slotted-icon-size: calc(3 * var(--_glyph-size))}[data-ui=upload] [data-part=viewerStage]>p{color:var(--slotted-text-muted);margin:0;max-inline-size:28ch;text-align:center}[data-ui=upload] [data-part=viewerStage]:has(>[data-part=preview]){align-items:center;display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);justify-content:center}[data-ui=upload] [data-part=viewerPrevious],[data-ui=upload] [data-part=viewerNext]{align-items:center;appearance:none;background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-viewer-control-opacity, 92%),transparent);block-size:var(--slotted-upload-viewer-control-size, 2.5rem);border:0;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-text);cursor:pointer;display:inline-flex;inline-size:var(--slotted-upload-viewer-control-size, 2.5rem);justify-content:center;padding:0;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=upload] [data-part=viewerPrevious]{inset-inline-start:var(--slotted-space-5, .75rem)}[data-ui=upload] [data-part=viewerNext]{inset-inline-end:var(--slotted-space-5, .75rem)}[data-ui=upload] [data-part=viewerPrevious]>[data-ui=icon],[data-ui=upload] [data-part=viewerNext]>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=upload] [data-part=viewerPrevious]>[data-ui=icon]{rotate:180deg}[data-ui=upload] [data-part=viewerPrevious]:enabled:hover,[data-ui=upload] [data-part=viewerNext]:enabled:hover{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-hover, 8%),var(--slotted-surface))}[data-ui=upload] [data-part=viewerPrevious]:enabled:active,[data-ui=upload] [data-part=viewerNext]:enabled:active{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-active, 14%),var(--slotted-surface));translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=upload] [data-part=viewerPrevious]:disabled,[data-ui=upload] [data-part=viewerNext]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=viewerPrevious]:focus-visible,[data-ui=upload] [data-part=viewerNext]: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=field] [data-ui=upload]>[data-part=label],[data-ui=field] [data-ui=upload]>[data-part=description],[data-ui=field] [data-ui=upload]>[data-part=message]{display:none}[data-ui=field] [data-ui=upload][data-part=root]{--_section-gap: var(--slotted-upload-field-section-gap, var(--slotted-space-4, .5rem))}[data-ui=upload][data-variant=button] [data-part=trigger]{align-self:start}[data-ui=upload][data-variant=field]:where([data-part=root]){--_zone-edge: var(--slotted-control-border-color);--_zone-ground: var(--slotted-control-surface, Field)}[data-ui=upload][data-variant=field] [data-part=dropzone]{align-items:center;border-style:solid;border-width:var(--slotted-control-border-width, 1px);flex-direction:row;gap:var(--_gap);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-2, .25rem);text-align:start}[data-ui=upload][data-layout=grid] [data-part=list]{display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fill,minmax(var(--slotted-upload-card-measure, 9rem),1fr))}[data-ui=upload][data-layout=grid] [data-part=item]{align-content:start;align-items:stretch;container-type:inline-size;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr)}[data-ui=upload][data-layout=grid] [data-part=preview]{block-size:round(down,75cqi,1px);inline-size:100%}[data-ui=upload][data-layout=grid] [data-part=actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-card-actions-opacity, 96%),transparent);border-radius:var(--_item-radius);box-shadow:var(--slotted-shadow-xs);inset-block-start:calc(var(--_item-inset-block) + var(--slotted-space-3, .375rem));inset-inline-end:calc(var(--_item-inset-inline) + var(--slotted-space-3, .375rem));margin-block-start:0;min-inline-size:0;padding:var(--slotted-space-1, .125rem);position:absolute}[data-ui=upload][data-layout=grid] [data-part=preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;margin-block-start:var(--slotted-space-3, .375rem);text-transform:uppercase}[data-ui=upload][data-layout=grid] [data-part=preview]>[data-ui=icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}@container slotted-upload (max-width: 30rem){[data-ui=upload] [data-part=summary]{align-items:start;flex-direction:column}}@container slotted-upload (max-width: 26rem){[data-ui=upload] [data-part=item]{grid-template-areas:\"preview body\" \"preview actions\" \"message message\";grid-template-columns:auto minmax(0,1fr)}[data-ui=upload] [data-part=preview]{align-self:start}[data-ui=upload] [data-part=actions]{justify-content:flex-start;margin-inline-start:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=upload] [data-part=dropzone]{padding-block:var(--slotted-space-6, 1rem)}}@media(forced-colors:active){[data-ui=upload] [data-part=item][data-status=rejected],[data-ui=upload] [data-part=item][data-status=error]{--_item-border: CanvasText}[data-ui=upload] [data-part=preview]{border:var(--_border-width) solid ButtonBorder}[data-ui=upload] [data-part=dropzone][data-drop-target],[data-ui=upload] [data-part=dropzone][data-drop-invalid]{--_zone-border-color: Highlight}[data-ui=upload] :is([data-part=clear],[data-part=viewerExternal],[data-part=viewerClose],[data-part=viewerPrevious],[data-part=viewerNext],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):enabled:is(:hover,:active){background-color:Highlight;color:HighlightText}}@media(forced-colors:active){[data-ui=upload][data-invalid] [data-part=trigger]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=upload][data-invalid] [data-part=trigger]:has(:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}}}\n", "@property --slotted-progress-indicator-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-buffer-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-start{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-size{syntax: \"<number>\"; inherits: true; initial-value: 100;}@property --slotted-progress-indicator-wave-phase{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-wave-amplitude{syntax: \"<number>\"; inherits: true; initial-value: 1;}@layer slotted.components{[data-ui=progress-indicator][data-part=root]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-accent-text));--_track-color: var( --slotted-progress-indicator-track-color, color-mix(in oklab, var(--_ink) 24%, var(--slotted-surface)) );--_buffer-color: var(--slotted-progress-indicator-buffer-color, transparent);--_percent: var(--slotted-progress-indicator-percent, 0);--_buffer-percent: var(--slotted-progress-indicator-buffer-percent, 0);--_lead: max(var(--_percent), var(--_buffer-percent));--_font-size: var(--slotted-control-font-size-md, 13px);--_text-gap: var(--slotted-space-4, .5rem);--_row-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-2, .25rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-full, 9999px));--_gap: var(--slotted-progress-indicator-gap, var(--_thickness));font-family:var(--slotted-control-font-family, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0;--_settle: calc(4 * var(--slotted-duration-long));--_spring: linear( 0, .078, .235, .401, .549, .669, .762, .831, .882, .918, .944, .962, .974, .982, .988, .992, .995, .996, .998, .998, 1 );transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring)}[data-ui=progress-indicator][hidden]{display:none}[data-ui=progress-indicator][data-part=root][data-tone=secondary]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-border-strong))}[data-ui=progress-indicator][data-part=root][data-tone=success]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-success-text))}[data-ui=progress-indicator][data-part=root][data-tone=warning]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-warning-text))}[data-ui=progress-indicator][data-part=root][data-tone=danger]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-danger-text))}[data-ui=progress-indicator][data-part=root][data-buffered]{--_buffer-color: var( --slotted-progress-indicator-buffer-color, color-mix(in oklab, var(--_ink) 52%, var(--slotted-surface)) )}[data-ui=progress-indicator][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_text-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-1, .125rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-sm, 30px))}[data-ui=progress-indicator][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_row-gap: var(--slotted-space-4, .5rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-4, .5rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-lg, 38px))}[data-ui=progress-indicator] [data-part=label]{color:var(--slotted-text, CanvasText);min-inline-size:0;overflow-wrap:break-word}[data-ui=progress-indicator] [data-part=value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=progress-indicator][data-part=root][data-shape=linear]{align-items:baseline;column-gap:var(--_text-gap);display:grid;grid-template-columns:1fr auto;row-gap:var(--_row-gap)}[data-ui=progress-indicator][data-shape=linear]>[data-part=label]{grid-column:1}[data-ui=progress-indicator][data-shape=linear]>[data-part=value]{grid-column:2;justify-self:end}[data-ui=progress-indicator][data-shape=linear]>[data-part=track]{grid-column:1 / -1}[data-ui=progress-indicator][data-shape=linear] [data-part=track]{background-color:var(--_buffer-color);block-size:var(--_thickness);border-radius:var(--_radius);inline-size:100%;isolation:isolate;overflow-x:clip;overflow-y:visible;position:relative}[data-ui=progress-indicator][data-shape=linear] [data-part=track]:before{background-color:var(--_track-color);border-radius:inherit;content:\"\";inset-block:0;inset-inline-end:0;inset-inline-start:calc(1% * var(--_lead) + var(--_gap));position:absolute}[data-ui=progress-indicator][data-shape=linear] [data-part=track]:after{background-color:var(--_ink);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_thickness);inset-block:0;inset-inline-end:0;position:absolute}[data-ui=progress-indicator][data-shape=linear] [data-part=indicator]{background-color:var(--_ink);block-size:100%;border-radius:inherit;inline-size:calc(1% * var(--_percent));position:relative}@container style(--slotted-progress-indicator-percent: 100){[data-ui=progress-indicator][data-shape=linear] [data-part=track]:before,[data-ui=progress-indicator][data-shape=linear] [data-part=track]:after{content:none}}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=track]:before{inset-inline-start:0}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=track]:after{content:none}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=indicator]{animation:slotted-progress-indicator-travel var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;inline-size:calc(1% * var(--slotted-progress-indicator-travel-size));inset-block:0;inset-inline-start:calc(1% * var(--slotted-progress-indicator-travel-start));position:absolute}@keyframes slotted-progress-indicator-travel{0%{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: -14}45%{--slotted-progress-indicator-travel-size: 46}to{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: 100}}[data-ui=progress-indicator][data-part=root][data-placement=page]{--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-block-start:0;inset-inline:0;position:fixed;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=progress-indicator][data-placement=page] [data-part=track]:after{content:none}[data-ui=progress-indicator][data-part=root]:is([data-placement=edge-start],[data-placement=edge-end]){--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-inline:0;position:var(--slotted-progress-indicator-position, absolute)}[data-ui=progress-indicator][data-part=root][data-placement=edge-start]{inset-block-start:0}[data-ui=progress-indicator][data-part=root][data-placement=edge-end]{inset-block-end:0}[data-ui=progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part=track]:after{content:none}[data-ui=progress-indicator][data-part=root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){--_withdrawn: inset(0 0 100% 0);clip-path:inset(0);transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring),clip-path var(--slotted-duration-medium) var(--slotted-easing-enter),opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=progress-indicator][data-part=root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){clip-path:var(--_withdrawn);opacity:0}}[data-ui=progress-indicator][data-part=root][data-placement=edge-end]{--_withdrawn: inset(100% 0 0 0)}[data-ui=progress-indicator][data-part=root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end])[hidden]{clip-path:var(--_withdrawn);opacity:0;transition:clip-path var(--slotted-duration-short) var(--slotted-easing-exit),opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) allow-discrete}[data-ui=progress-indicator][data-part=root][data-shape=circular],[data-ui=progress-indicator][data-part=root][data-shape=morph]{align-items:center;column-gap:var(--_text-gap);display:inline-flex}[data-ui=progress-indicator][data-shape=circular] svg{--_stroke: var(--slotted-progress-indicator-stroke, 6);block-size:var(--_size);flex:none;inline-size:var(--_size);rotate:-90deg}[data-ui=progress-indicator][data-shape=circular] [data-part=track],[data-ui=progress-indicator][data-shape=circular] [data-part=indicator]{fill:none;stroke-linecap:round;stroke-width:var(--_stroke)}[data-ui=progress-indicator][data-shape=circular] [data-part=indicator]{stroke:var(--_ink);stroke-dasharray:var(--_percent) 100;stroke-opacity:clamp(0,calc(var(--_percent) * 1000),1)}[data-ui=progress-indicator][data-shape=circular] [data-part=track]{--_arc-gap: calc(3.2*clamp(0, calc(var(--_percent) * 1000), 1)) ;stroke:var(--_track-color);stroke-dasharray:calc(100 - var(--_percent) - 2 * var(--_arc-gap)) 100;stroke-dashoffset:calc(-1 * (var(--_percent) + var(--_arc-gap)))}@container style(--slotted-progress-indicator-percent: 100){[data-ui=progress-indicator][data-shape=circular] [data-part=track]{stroke:transparent}}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] [data-part=track]{stroke:transparent}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] svg{animation:slotted-progress-indicator-turn var(--slotted-duration-loop) linear infinite}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] [data-part=indicator]{animation:slotted-progress-indicator-sweep var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;stroke-opacity:1;transition:none}@keyframes slotted-progress-indicator-turn{0%{rotate:-90deg}to{rotate:270deg}}@keyframes slotted-progress-indicator-sweep{0%{stroke-dasharray:4 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-18}to{stroke-dasharray:4 100;stroke-dashoffset:-100}}[data-ui=progress-indicator][data-part=root][data-wave]{--slotted-progress-indicator-wave-amplitude: min( clamp(0, calc((var(--_percent) - 6) / 10), 1), clamp(0, calc((96 - var(--_percent)) / 12), 1) );animation:slotted-progress-indicator-wave var(--slotted-duration-loop) linear infinite}[data-ui=progress-indicator][data-part=root][data-wave][data-indeterminate]{--slotted-progress-indicator-wave-amplitude: 1}@keyframes slotted-progress-indicator-wave{0%{--slotted-progress-indicator-wave-phase: 0}to{--slotted-progress-indicator-wave-phase: 1}}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=track]{container-type:inline-size;margin-block:calc(.75 * var(--_thickness))}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator]{--_wave-length: 10;background-color:transparent;block-size:calc(2.5 * var(--_thickness));inline-size:calc(1200 * var(--_thickness));inset-block:calc(-.75 * var(--_thickness)) auto;inset-inline-start:0;overflow:visible;position:absolute}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator]:dir(rtl){transform:scaleX(-1)}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator] path{--_track-units: tan(atan2(100cqi, var(--_thickness)));--_window-start: 0;--_window-size: var(--_percent);--_hidden: calc(var(--slotted-progress-indicator-wave-phase) * var(--_wave-length));fill:none;stroke:var(--_ink);stroke-dasharray:max(0,calc(var(--_window-size) * var(--_track-units) / 100 - 1)) 100000;stroke-dashoffset:calc(-1 * (var(--_hidden) + var(--_window-start) * var(--_track-units) / 100 + .5));stroke-linecap:round;stroke-opacity:clamp(0,calc(var(--_window-size) * 1000),1);stroke-width:1;transform:translate(calc(-1 * var(--_hidden) * 1px))}[data-ui=progress-indicator][data-shape=linear][data-wave]:not([data-indeterminate]) [data-part=indicator] path{animation:slotted-progress-indicator-flatten-bar var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui=progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part=indicator]{--_wave-length: 5;animation:slotted-progress-indicator-travel var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite}[data-ui=progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part=indicator] path{--_window-start: var(--slotted-progress-indicator-travel-start);--_window-size: var(--slotted-progress-indicator-travel-size)}[data-ui=progress-indicator][data-shape=circular][data-wave] svg{--_stroke: var(--slotted-progress-indicator-stroke, 5);block-size:calc(1.2 * var(--_size));inline-size:calc(1.2 * var(--_size));overflow:visible}[data-ui=progress-indicator][data-shape=circular][data-wave] [data-part=indicator]{rotate:calc(-45deg * var(--slotted-progress-indicator-wave-phase));stroke-dasharray:var(--_percent) calc(100 - var(--_percent));stroke-dashoffset:calc(-12.5 * var(--slotted-progress-indicator-wave-phase));transform-box:view-box;transform-origin:50% 50%}[data-ui=progress-indicator][data-shape=circular][data-wave]:not([data-indeterminate]) [data-part=indicator]{animation:slotted-progress-indicator-flatten-ring var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui=progress-indicator][data-part=root][data-wave]{--_scrub: var(--slotted-duration-long);--_taper: cubic-bezier(.45, 0, .55, 1)}@keyframes slotted-progress-indicator-flatten-bar{0%{d:path(\"M0-0.75c1.82 0 3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5\")}to{d:path(\"M0 0c1.82 0 3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0\")}}@keyframes slotted-progress-indicator-flatten-ring{0%{d:path(\"M45.6 24C45.6 26.83 41.92 28.82 41 31.04C40.08 33.27 41.27 37.27 39.27 39.27C37.27 41.27 33.27 40.08 31.04 41C28.82 41.92 26.83 45.6 24 45.6C21.17 45.6 19.18 41.92 16.96 41C14.73 40.08 10.73 41.27 8.73 39.27C6.73 37.27 7.92 33.27 7 31.04C6.08 28.82 2.4 26.83 2.4 24C2.4 21.17 6.08 19.18 7 16.96C7.92 14.73 6.73 10.73 8.73 8.73C10.73 6.73 14.73 7.92 16.96 7C19.18 6.08 21.17 2.4 24 2.4C26.83 2.4 28.82 6.08 31.04 7C33.27 7.92 37.27 6.73 39.27 8.73C41.27 10.73 40.08 14.73 41 16.96C41.92 19.18 45.6 21.17 45.6 24Z\")}to{d:path(\"M44 24C44 26.62 43.48 29.23 42.48 31.65C41.48 34.07 39.99 36.29 38.14 38.14C36.29 39.99 34.07 41.48 31.65 42.48C29.23 43.48 26.62 44 24 44C21.38 44 18.77 43.48 16.35 42.48C13.93 41.48 11.71 39.99 9.86 38.14C8.01 36.29 6.52 34.07 5.52 31.65C4.52 29.23 4 26.62 4 24C4 21.38 4.52 18.77 5.52 16.35C6.52 13.93 8.01 11.71 9.86 9.86C11.71 8.01 13.93 6.52 16.35 5.52C18.77 4.52 21.38 4 24 4C26.62 4 29.23 4.52 31.65 5.52C34.07 6.52 36.29 8.01 38.14 9.86C39.99 11.71 41.48 13.93 42.48 16.35C43.48 18.77 44 21.38 44 24Z\")}}[data-ui=progress-indicator][data-shape=morph] [data-part=track]{block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);display:grid;flex:none;inline-size:var(--_size);place-items:center}[data-ui=progress-indicator][data-shape=morph][data-contained] [data-part=track]{background-color:var(--_track-color)}[data-ui=progress-indicator][data-shape=morph] [data-part=track]{animation:slotted-progress-indicator-drift calc(2 * var(--slotted-duration-loop-slow)) linear infinite}[data-ui=progress-indicator][data-shape=morph] [data-part=indicator]{animation:slotted-progress-indicator-morph calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite,slotted-progress-indicator-lurch calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite;background-color:var(--_ink);block-size:100%;inline-size:100%}[data-ui=progress-indicator][data-shape=morph][data-contained] [data-part=indicator]{--_shape: round(nearest, calc(.79 * var(--_size)), 2px);block-size:var(--_shape);inline-size:var(--_shape)}@keyframes slotted-progress-indicator-drift{to{rotate:250deg}}@keyframes slotted-progress-indicator-lurch{0%{rotate:0deg}20%{rotate:90deg}40%{rotate:180deg}60%{rotate:270deg}80%{rotate:360deg}to{rotate:450deg}}@keyframes slotted-progress-indicator-morph{0%{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}20%{clip-path:polygon(50% 0%,59.3% 3.4%,65.9% 11.5%,69.9% 20.3%,73.6% 26.4%,79.7% 30.1%,88.5% 34.1%,96.6% 40.7%,100% 50%,96.6% 59.3%,88.5% 65.9%,79.7% 69.9%,73.6% 73.6%,69.9% 79.7%,65.9% 88.5%,59.3% 96.6%,50% 100%,40.7% 96.6%,34.1% 88.5%,30.1% 79.7%,26.4% 73.6%,20.3% 69.9%,11.5% 65.9%,3.4% 59.3%,0% 50%,3.4% 40.7%,11.5% 34.1%,20.3% 30.1%,26.4% 26.4%,30.1% 20.3%,34.1% 11.5%,40.7% 3.4%)}40%{clip-path:polygon(50% 6.9%,59.5% 2.1%,68.9% 4.3%,74.7% 13%,77% 23%,80.2% 29.8%,87.4% 34.5%,96% 40.8%,100% 50%,96% 59.2%,87.4% 65.5%,80.2% 70.2%,77% 77%,74.7% 87%,68.9% 95.7%,59.5% 97.9%,50% 93.1%,42.7% 86.7%,35.9% 83.9%,26.8% 84.7%,16.1% 83.9%,8.5% 77.7%,7.7% 67.5%,11.5% 57.7%,13.8% 50%,11.5% 42.3%,7.7% 32.5%,8.5% 22.3%,16.1% 16.1%,26.8% 15.3%,35.9% 16.1%,42.7% 13.3%)}60%{clip-path:polygon(50% 9.7%,56.8% 15.7%,62% 21%,67.1% 24.4%,73.7% 26.3%,82% 28.6%,90.7% 33.2%,97.4% 40.6%,100% 50%,97.4% 59.4%,90.7% 66.8%,82% 71.4%,73.7% 73.7%,67.1% 75.6%,62% 79%,56.8% 84.3%,50% 90.3%,41.1% 94.8%,31.1% 95.5%,22.3% 91.4%,16.6% 83.4%,14.9% 73.5%,16.2% 64%,18.3% 56.3%,19.4% 50%,18.3% 43.7%,16.2% 36%,14.9% 26.5%,16.6% 16.6%,22.3% 8.6%,31.1% 4.5%,41.1% 5.2%)}80%{clip-path:polygon(50% 23.1%,55.4% 22.7%,61.6% 22%,68.9% 21.7%,77.2% 22.8%,85.7% 26.2%,93.1% 32.2%,98.2% 40.4%,100% 50%,98.2% 59.6%,93.1% 67.8%,85.7% 73.8%,77.2% 77.2%,68.9% 78.3%,61.6% 78%,55.4% 77.3%,50% 76.9%,44.6% 77.3%,38.4% 78%,31.1% 78.3%,22.8% 77.2%,14.3% 73.8%,6.9% 67.8%,1.8% 59.6%,0% 50%,1.8% 40.4%,6.9% 32.2%,14.3% 26.2%,22.8% 22.8%,31.1% 21.7%,38.4% 22%,44.6% 22.7%)}to{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}}@media(prefers-reduced-motion:reduce){[data-ui=progress-indicator][data-part=root],[data-ui=progress-indicator] [data-part=indicator]:not(path),[data-ui=progress-indicator] [data-part=track],[data-ui=progress-indicator] svg{animation:none!important}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=indicator]{--slotted-progress-indicator-travel-size: 46;--slotted-progress-indicator-travel-start: 27}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] [data-part=indicator]{stroke-dasharray:34 100}[data-ui=progress-indicator][data-part=root][data-wave]{animation:none}}@media(forced-colors:active){[data-ui=progress-indicator][data-shape=linear] [data-part=track]{background-color:Canvas;outline:var(--slotted-border-width-thin, 1px) solid ButtonBorder;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}[data-ui=progress-indicator][data-shape=linear] [data-part=track]:before,[data-ui=progress-indicator][data-shape=linear] [data-part=track]:after{content:none}[data-ui=progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part=track]{background-color:transparent;outline:none}[data-ui=progress-indicator] [data-part=indicator]{background-color:Highlight}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator]{background-color:transparent}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator] path{stroke:Highlight}[data-ui=progress-indicator][data-shape=circular] [data-part=indicator]{background-color:transparent;stroke:Highlight}[data-ui=progress-indicator][data-shape=circular] [data-part=track]{stroke:ButtonBorder}[data-ui=progress-indicator][data-shape=morph][data-contained] [data-part=track]{background-color:Canvas}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlProgressBar, selector: "[slProgressBar]", inputs: ["value", "min", "max", "buffer", "showValue", "valueText", "format", "locale", "wave", "placement"], exportAs: ["slProgressBar"] }, { kind: "component", type: SlUploadViewer, selector: "div[slUploadViewer]", inputs: ["files", "viewing", "urls", "messages", "locale", "size"], outputs: ["viewingChange"], exportAs: ["slUploadViewer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1366
|
+
`, isInline: true, styles: ["@layer slotted.components{[data-ui-upload][data-part-root],[data-ui-upload][data-part-viewer]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_control-height: var(--slotted-control-height-md, 34px);--_control-inset: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_preview-size: var(--slotted-upload-preview-size, calc(2 * var(--_glyph-size)));--_state-hover: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-active, 14%), transparent );--_section-gap: var(--slotted-upload-section-gap, var(--slotted-space-5, .75rem));--_item-gap: var(--slotted-upload-item-gap, var(--slotted-space-4, .5rem));--_line-gap: var(--slotted-upload-line-gap, var(--slotted-space-1, .125rem));--_item-inset-block: var(--slotted-upload-item-padding-block, var(--slotted-space-4, .5rem));--_item-inset-inline: var( --slotted-upload-item-padding-inline, var(--slotted-space-5, .75rem) );--_radius: var(--slotted-upload-radius, var(--slotted-radius-md, 6px));--_item-radius: var(--slotted-upload-item-radius, var(--slotted-radius-md, 6px));--_border-width: var(--slotted-upload-border-width, var(--slotted-border-width-thin, 1px));--_zone-inset-block: var(--slotted-upload-zone-padding-block, var(--slotted-space-9, 2rem));--_zone-inset-inline: var(--slotted-upload-zone-padding-inline, var(--slotted-space-6, 1rem));--_zone-border-width: var( --slotted-upload-zone-border-width, var(--slotted-border-width-medium, 1.5px) );--_zone-edge: var(--slotted-upload-zone-border-color, var(--slotted-border-strong));--_zone-ground: var(--slotted-upload-zone-background, var(--slotted-surface-sunken));--_zone-glyph-size: var(--slotted-upload-zone-icon-size, calc(1.5 * var(--_glyph-size)));--_action-glyph-size: max(var(--slotted-upload-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-upload-action-size, max( var(--slotted-target-min, 24px), min( calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) ) ) );--_status-text: var(--slotted-text-muted);--_item-surface: var(--slotted-upload-item-background, var(--slotted-surface));--_item-border: var(--slotted-upload-item-border-color, var(--slotted-border-subtle));--_kind-tile: var(--slotted-upload-kind-other);--_leading: round(up, calc(1em * var(--slotted-line-height-md, 1.5)), 1px);color:var(--slotted-text);font-family:var(--slotted-upload-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-upload][data-part-root]{container-name:slotted-upload;container-type:inline-size;inline-size:100%;display:flex;flex-direction:column;gap:var(--_section-gap)}[data-ui-upload][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_control-height: var(--slotted-control-height-sm, 30px);--_control-inset: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-upload][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_control-height: var(--slotted-control-height-lg, 38px);--_control-inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-upload] [data-part-label]{color:var(--slotted-text);flex:none;font-weight:var(--slotted-upload-label-font-weight, var(--slotted-font-weight-medium, 500))}[data-ui-upload] [data-part-description]{color:var(--slotted-text-muted);flex:none;margin:0}[data-ui-upload] [data-part-dropzone]{--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground);align-items:center;background-color:var(--_zone-surface);border:var(--_zone-border-width) dashed var(--_zone-border-color);border-radius:var(--_radius);display:flex;flex:none;flex-direction:column;gap:var(--_gap);padding-block:var(--_zone-inset-block);padding-inline:var(--_zone-inset-inline);text-align:center;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-upload] [data-part-dropzone]>[data-ui-icon]{--slotted-icon-size: var(--_zone-glyph-size);color:var(--slotted-text-muted)}[data-ui-upload] [data-part-dropzone][data-drop-target]{--_zone-border-color: var(--slotted-tone-accent-border);--_zone-surface: var(--slotted-tone-accent-surface)}[data-ui-upload] [data-part-dropzone][data-drop-invalid]{--_zone-border-color: var(--slotted-tone-danger-border);--_zone-surface: var(--slotted-tone-danger-surface)}[data-ui-upload] [data-part-dropzone][data-browsable]{cursor:pointer}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):hover{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-hover, 4%), var(--_zone-ground) )}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):active{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-active, 8%), var(--_zone-ground) )}[data-ui-upload]:not([data-disabled],[data-invalid]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):is(:hover,:active){--_zone-border-color: var(--slotted-text-muted)}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):has([data-part-trigger]:hover){--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground)}[data-ui-upload][data-disabled][data-part-root]{--_zone-edge: var(--slotted-disabled-border);--_zone-ground: var(--slotted-disabled-background)}[data-ui-upload][data-disabled] [data-part-dropzone]{color:var(--slotted-disabled-foreground)}[data-ui-upload][data-invalid][data-part-root]{--_zone-edge: var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-trigger]{align-items:center;background-color:var(--slotted-upload-trigger-background, var(--slotted-surface));block-size:var(--_control-height);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow);color:var(--slotted-text);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;padding-inline:var(--_control-inset);position:relative;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),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);white-space:nowrap}[data-ui-upload] [data-part-trigger]>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-upload]:not([data-disabled]) [data-part-trigger]:hover{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-upload]:not([data-disabled]) [data-part-trigger]:active{background-color:var(--slotted-tone-secondary-subtle-active);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-upload][data-disabled] [data-part-trigger]{background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-trigger]:has(: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-upload][data-invalid] [data-part-trigger]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);border-color:var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-input]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:50%;inset-inline-start:50%;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-upload] [data-part-input]:focus-visible{outline:none}[data-ui-upload] [data-part-summary]{align-items:center;color:var(--slotted-text-muted);display:flex;flex:none;gap:var(--_gap);justify-content:space-between}[data-ui-upload] [data-part-clear]{appearance:none;flex:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:inherit;cursor:pointer;font:inherit;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);text-decoration-line:underline;text-underline-offset:.2em;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-upload] [data-part-clear]:enabled:hover{background-color:var(--_state-hover)}[data-ui-upload] [data-part-clear]:enabled:active{background-color:var(--_state-active)}[data-ui-upload] [data-part-clear]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-clear]: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-upload] [data-part-list]{--_row-block-size: calc( max(var(--_preview-size), 2lh) + 2 * var(--_item-inset-block) + 2 * var(--_border-width) + var(--_item-gap) );display:flex;flex-direction:column;gap:var(--_item-gap);list-style:none;margin:0;flex:1 1 auto;min-block-size:var(--_row-block-size);max-block-size:calc(var(--slotted-upload-visible-rows, 6) * var(--_row-block-size));overflow-y:auto;padding:0}[data-ui-upload] [data-part-item]{align-items:center;flex:none;background-color:var(--_item-surface);border:var(--_border-width) solid var(--_item-border);border-radius:var(--_item-radius);column-gap:var(--_gap);display:grid;grid-template-areas:\"preview body actions\" \"message message message\";grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding-block:var(--_item-inset-block);padding-inline:var(--_item-inset-inline);position:relative;row-gap:var(--_line-gap);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),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-upload] [data-part-item]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-upload] [data-part-item][data-status=success]{--_status-text: var(--slotted-tone-success-text)}[data-ui-upload] [data-part-item][data-status=ready]{border-style:dashed}[data-ui-upload] [data-part-item][data-status=paused],[data-ui-upload] [data-part-item][data-status=stalled]{--_status-text: var(--slotted-tone-warning-text)}[data-ui-upload] [data-part-item][data-status=rejected],[data-ui-upload] [data-part-item][data-status=error]{--_status-text: var(--slotted-tone-danger-text);--_item-surface: var(--slotted-tone-danger-surface);--_item-border: var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-item][data-status=canceled]{--_status-text: var(--slotted-text-muted)}[data-ui-upload][data-disabled] [data-part-item]{color:var(--slotted-disabled-foreground)}[data-ui-upload] [data-part-preview]{align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--slotted-upload-preview-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui-upload] [data-part-preview]>img{block-size:100%;inline-size:100%;object-fit:cover}[data-ui-upload] [data-part-preview]>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-upload] [data-part-preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui-upload] [data-part-preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui-upload] [data-part-preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui-upload] [data-part-preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui-upload] [data-part-preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui-upload] [data-part-preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui-upload] [data-part-preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui-upload] [data-part-preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui-upload] [data-part-item]>[data-part-body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui-upload] [data-part-filename]{display:flex;font-weight:var(--slotted-upload-name-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0;unicode-bidi:isolate}[data-ui-upload] button[data-part-filename]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:start;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-upload] button[data-part-filename]:enabled:hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui-upload] button[data-part-filename]:enabled:active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-upload] button[data-part-filename]:focus-visible{border-radius:var(--slotted-control-radius, 4px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-upload][data-layout=grid] button[data-part-preview]{appearance:none;border:0;cursor:pointer;padding:0}[data-ui-upload] [data-part-name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-upload] [data-part-extension]{flex:none}[data-ui-upload] [data-part-detail]{align-items:baseline;color:var(--slotted-text-muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);min-inline-size:0}[data-ui-upload] [data-part-meta]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-upload] [data-part-status]{color:var(--_status-text);font-weight:var(--slotted-upload-status-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0}[data-ui-upload] [data-part-meta]:has(+[data-part-status]):after{color:var(--slotted-text-muted);content:\" \\b7\";margin-inline-end:.4em}[data-ui-upload] [data-part-message]{color:var(--_status-text);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);grid-area:message;margin:0}[data-ui-upload] [data-part-progress]{display:block;inset-block-end:0;inset-inline:0;position:absolute}[data-ui-upload] [data-part-actions]{display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end}[data-ui-upload] [data-part-viewerexternal],[data-ui-upload] [data-part-viewerclose],[data-ui-upload] [data-part-start],[data-ui-upload] [data-part-pause],[data-ui-upload] [data-part-retry],[data-ui-upload] [data-part-cancel],[data-ui-upload] [data-part-remove]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-upload-action-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-upload] [data-part-viewerexternal]>[data-ui-icon],[data-ui-upload] [data-part-viewerclose]>[data-ui-icon],[data-ui-upload] [data-part-start]>[data-ui-icon],[data-ui-upload] [data-part-pause]>[data-ui-icon],[data-ui-upload] [data-part-retry]>[data-ui-icon],[data-ui-upload] [data-part-cancel]>[data-ui-icon],[data-ui-upload] [data-part-remove]>[data-ui-icon]{--slotted-icon-size: var(--_action-glyph-size)}@media(pointer:coarse){[data-ui-upload] :is([data-part-viewerexternal],[data-part-viewerclose],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]){position:relative}[data-ui-upload] :is([data-part-viewerexternal],[data-part-viewerclose],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-upload] :is([data-part-viewerexternal],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel]):has(+:is([data-part-viewerclose],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):not([hidden])):after{inset-inline-end:0}[data-ui-upload] :is([data-part-viewerexternal],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel]):not([hidden])+:is([data-part-viewerclose],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):after{inset-inline-start:0}}[data-ui-upload] [data-part-viewerexternal]:enabled:hover,[data-ui-upload] [data-part-viewerclose]:enabled:hover,[data-ui-upload] [data-part-start]:enabled:hover,[data-ui-upload] [data-part-pause]:enabled:hover,[data-ui-upload] [data-part-retry]:enabled:hover,[data-ui-upload] [data-part-cancel]:enabled:hover,[data-ui-upload] [data-part-remove]:enabled:hover{background-color:var(--_state-hover)}[data-ui-upload] [data-part-viewerexternal]:enabled:active,[data-ui-upload] [data-part-viewerclose]:enabled:active,[data-ui-upload] [data-part-start]:enabled:active,[data-ui-upload] [data-part-pause]:enabled:active,[data-ui-upload] [data-part-retry]:enabled:active,[data-ui-upload] [data-part-cancel]:enabled:active,[data-ui-upload] [data-part-remove]:enabled:active{background-color:var(--_state-active)}[data-ui-upload] [data-part-viewerexternal]:disabled,[data-ui-upload] [data-part-viewerclose]:disabled,[data-ui-upload] [data-part-start]:disabled,[data-ui-upload] [data-part-pause]:disabled,[data-ui-upload] [data-part-retry]:disabled,[data-ui-upload] [data-part-cancel]:disabled,[data-ui-upload] [data-part-remove]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-viewerexternal]:focus-visible,[data-ui-upload] [data-part-viewerclose]:focus-visible,[data-ui-upload] [data-part-start]:focus-visible,[data-ui-upload] [data-part-pause]:focus-visible,[data-ui-upload] [data-part-retry]:focus-visible,[data-ui-upload] [data-part-cancel]:focus-visible,[data-ui-upload] [data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-upload][data-part-viewer]{background-color:var(--slotted-surface);block-size:100%;display:grid;grid-row:1 / -1;grid-template-rows:auto minmax(0,1fr);inline-size:100%}[data-ui-upload] [data-part-viewerheader]{align-items:center;border-block-end:var(--_border-width) solid var(--slotted-border-subtle);column-gap:var(--_gap);display:grid;grid-template-columns:minmax(0,1fr) auto;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem)}[data-ui-upload] [data-part-viewertitle]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--_leading);font-weight:var(--slotted-font-weight-semibold, 600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-upload] [data-part-viewermeta]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading)}[data-ui-upload] [data-part-vieweractions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem)}[data-ui-upload] [data-part-viewerstage]{background-color:var(--slotted-surface-sunken);display:grid;min-block-size:0;overflow:hidden;padding:var(--slotted-space-6, 1rem);place-items:center;position:relative}[data-ui-upload] [data-part-viewerstage]>img,[data-ui-upload] [data-part-viewerstage]>iframe{align-self:stretch;block-size:auto;inline-size:auto;justify-self:stretch;min-block-size:0;min-inline-size:0}[data-ui-upload] [data-part-viewerstage]>img{object-fit:contain}[data-ui-upload] [data-part-viewerstage]>iframe{background-color:var(--slotted-surface);border:0}[data-ui-upload] [data-part-viewerstage]>video,[data-ui-upload] [data-part-viewerstage]>audio{max-block-size:100%;max-inline-size:100%;min-block-size:0;min-inline-size:0}[data-ui-upload] [data-part-viewerstage]>[data-part-preview]{block-size:var(--slotted-upload-viewer-tile-size, 6rem);inline-size:var(--slotted-upload-viewer-tile-size, 6rem)}[data-ui-upload] [data-part-viewerstage]>[data-part-preview]>[data-ui-icon]{--slotted-icon-size: calc(3 * var(--_glyph-size))}[data-ui-upload] [data-part-viewerstage]>p{color:var(--slotted-text-muted);margin:0;max-inline-size:28ch;text-align:center}[data-ui-upload] [data-part-viewerstage]:has(>[data-part-preview]){align-items:center;display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);justify-content:center}[data-ui-upload] [data-part-viewerprevious],[data-ui-upload] [data-part-viewernext]{align-items:center;appearance:none;background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-viewer-control-opacity, 92%),transparent);block-size:var(--slotted-upload-viewer-control-size, 2.5rem);border:0;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-text);cursor:pointer;display:inline-flex;inline-size:var(--slotted-upload-viewer-control-size, 2.5rem);justify-content:center;padding:0;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-upload] [data-part-viewerprevious]{inset-inline-start:var(--slotted-space-5, .75rem)}[data-ui-upload] [data-part-viewernext]{inset-inline-end:var(--slotted-space-5, .75rem)}[data-ui-upload] [data-part-viewerprevious]>[data-ui-icon],[data-ui-upload] [data-part-viewernext]>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-upload] [data-part-viewerprevious]>[data-ui-icon]{rotate:180deg}[data-ui-upload] [data-part-viewerprevious]:enabled:hover,[data-ui-upload] [data-part-viewernext]:enabled:hover{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-hover, 8%),var(--slotted-surface))}[data-ui-upload] [data-part-viewerprevious]:enabled:active,[data-ui-upload] [data-part-viewernext]:enabled:active{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-active, 14%),var(--slotted-surface));translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-upload] [data-part-viewerprevious]:disabled,[data-ui-upload] [data-part-viewernext]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-viewerprevious]:focus-visible,[data-ui-upload] [data-part-viewernext]: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-field] [data-ui-upload]>[data-part-label],[data-ui-field] [data-ui-upload]>[data-part-description],[data-ui-field] [data-ui-upload]>[data-part-message]{display:none}[data-ui-field] [data-ui-upload][data-part-root]{--_section-gap: var(--slotted-upload-field-section-gap, var(--slotted-space-4, .5rem))}[data-ui-upload][data-variant=button] [data-part-trigger]{align-self:start}[data-ui-upload][data-variant=field]:where([data-part-root]){--_zone-edge: var(--slotted-control-border-color);--_zone-ground: var(--slotted-control-surface, Field)}[data-ui-upload][data-variant=field] [data-part-dropzone]{align-items:center;border-style:solid;border-width:var(--slotted-control-border-width, 1px);flex-direction:row;gap:var(--_gap);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-2, .25rem);text-align:start}[data-ui-upload][data-layout=grid] [data-part-list]{display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fill,minmax(var(--slotted-upload-card-measure, 9rem),1fr))}[data-ui-upload][data-layout=grid] [data-part-item]{align-content:start;align-items:stretch;container-type:inline-size;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr)}[data-ui-upload][data-layout=grid] [data-part-preview]{block-size:round(down,75cqi,1px);inline-size:100%}[data-ui-upload][data-layout=grid] [data-part-actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-card-actions-opacity, 96%),transparent);border-radius:var(--_item-radius);box-shadow:var(--slotted-shadow-xs);inset-block-start:calc(var(--_item-inset-block) + var(--slotted-space-3, .375rem));inset-inline-end:calc(var(--_item-inset-inline) + var(--slotted-space-3, .375rem));margin-block-start:0;min-inline-size:0;padding:var(--slotted-space-1, .125rem);position:absolute}[data-ui-upload][data-layout=grid] [data-part-preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;margin-block-start:var(--slotted-space-3, .375rem);text-transform:uppercase}[data-ui-upload][data-layout=grid] [data-part-preview]>[data-ui-icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}@container slotted-upload (max-width: 30rem){[data-ui-upload] [data-part-summary]{align-items:start;flex-direction:column}}@container slotted-upload (max-width: 26rem){[data-ui-upload] [data-part-item]{grid-template-areas:\"preview body\" \"preview actions\" \"message message\";grid-template-columns:auto minmax(0,1fr)}[data-ui-upload] [data-part-preview]{align-self:start}[data-ui-upload] [data-part-actions]{justify-content:flex-start;margin-inline-start:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui-upload] [data-part-dropzone]{padding-block:var(--slotted-space-6, 1rem)}}@media(forced-colors:active){[data-ui-upload] [data-part-item][data-status=rejected],[data-ui-upload] [data-part-item][data-status=error]{--_item-border: CanvasText}[data-ui-upload] [data-part-preview]{border:var(--_border-width) solid ButtonBorder}[data-ui-upload] [data-part-dropzone][data-drop-target],[data-ui-upload] [data-part-dropzone][data-drop-invalid]{--_zone-border-color: Highlight}[data-ui-upload] :is([data-part-clear],[data-part-viewerexternal],[data-part-viewerclose],[data-part-viewerprevious],[data-part-viewernext],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):enabled:is(:hover,:active){background-color:Highlight;color:HighlightText}}@media(forced-colors:active){[data-ui-upload][data-invalid] [data-part-trigger]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui-upload][data-invalid] [data-part-trigger]:has(:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}}}\n", "@property --slotted-progress-indicator-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-buffer-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-start{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-size{syntax: \"<number>\"; inherits: true; initial-value: 100;}@property --slotted-progress-indicator-wave-phase{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-wave-amplitude{syntax: \"<number>\"; inherits: true; initial-value: 1;}@layer slotted.components{[data-ui-progress-indicator][data-part-root]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-accent-text));--_track-color: var( --slotted-progress-indicator-track-color, color-mix(in oklab, var(--_ink) 24%, var(--slotted-surface)) );--_buffer-color: var(--slotted-progress-indicator-buffer-color, transparent);--_percent: var(--slotted-progress-indicator-percent, 0);--_buffer-percent: var(--slotted-progress-indicator-buffer-percent, 0);--_lead: max(var(--_percent), var(--_buffer-percent));--_font-size: var(--slotted-control-font-size-md, 13px);--_text-gap: var(--slotted-space-4, .5rem);--_row-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-3, .375rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-full, 9999px));--_gap: var(--slotted-progress-indicator-gap, var(--_thickness));font-family:var(--slotted-control-font-family, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0;--_settle: calc(4 * var(--slotted-duration-long));--_spring: linear( 0, .078, .235, .401, .549, .669, .762, .831, .882, .918, .944, .962, .974, .982, .988, .992, .995, .996, .998, .998, 1 );transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring)}[data-ui-progress-indicator][hidden]{display:none}[data-ui-progress-indicator][data-part-root][data-tone=secondary]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-border-strong))}[data-ui-progress-indicator][data-part-root][data-tone=success]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-success-text))}[data-ui-progress-indicator][data-part-root][data-tone=info]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-info-text))}[data-ui-progress-indicator][data-part-root][data-tone=warning]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-warning-text))}[data-ui-progress-indicator][data-part-root][data-tone=danger]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-danger-text))}[data-ui-progress-indicator][data-part-root][data-buffered]{--_buffer-color: var( --slotted-progress-indicator-buffer-color, color-mix(in oklab, var(--_ink) 52%, var(--slotted-surface)) )}[data-ui-progress-indicator][data-part-root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_text-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-2, .25rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-sm, 30px))}[data-ui-progress-indicator][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_row-gap: var(--slotted-space-4, .5rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-4, .5rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-lg, 38px))}[data-ui-progress-indicator] [data-part-label]{color:var(--slotted-text, CanvasText);min-inline-size:0;overflow-wrap:break-word}[data-ui-progress-indicator] [data-part-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-progress-indicator][data-part-root][data-shape=linear]{align-items:baseline;column-gap:var(--_text-gap);display:grid;grid-template-columns:1fr auto;row-gap:var(--_row-gap)}[data-ui-progress-indicator][data-shape=linear]>[data-part-label]{grid-column:1}[data-ui-progress-indicator][data-shape=linear]>[data-part-value]{grid-column:2;justify-self:end}[data-ui-progress-indicator][data-shape=linear]>[data-part-track]{grid-column:1 / -1}[data-ui-progress-indicator][data-shape=linear] [data-part-track]{background-color:var(--_buffer-color);block-size:var(--_thickness);border-radius:var(--_radius);inline-size:100%;isolation:isolate;overflow-x:clip;overflow-y:visible;position:relative}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before{background-color:var(--_track-color);border-radius:inherit;content:\"\";inset-block:0;inset-inline-end:0;inset-inline-start:calc(1% * var(--_lead) + var(--_gap));position:absolute}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{background-color:var(--_ink);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_thickness);inset-block:0;inset-inline-end:0;position:absolute}[data-ui-progress-indicator][data-shape=linear] [data-part-indicator]{background-color:var(--_ink);block-size:100%;border-radius:inherit;inline-size:calc(1% * var(--_percent));position:relative}@container style(--slotted-progress-indicator-percent: 100){[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before,[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{content:none}}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-track]:before{inset-inline-start:0}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-track]:after{content:none}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]{animation:slotted-progress-indicator-glide var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;inline-size:100%;inset-block:0;inset-inline-start:0;position:absolute;scale:.14 1;transform-origin:left;translate:-14% 0}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]:dir(rtl){animation-name:slotted-progress-indicator-glide-rtl;transform-origin:right;translate:14% 0}@keyframes slotted-progress-indicator-glide{0%{scale:.14 1;translate:-14% 0}45%{scale:.46 1}to{scale:.14 1;translate:100% 0}}@keyframes slotted-progress-indicator-glide-rtl{0%{scale:.14 1;translate:14% 0}45%{scale:.46 1}to{scale:.14 1;translate:-100% 0}}@keyframes slotted-progress-indicator-travel{0%{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: -14}45%{--slotted-progress-indicator-travel-size: 46}to{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: 100}}[data-ui-progress-indicator][data-part-root][data-placement=page]{--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-block-start:0;inset-inline:0;position:fixed;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-progress-indicator][data-placement=page] [data-part-track]:after{content:none}[data-ui-progress-indicator][data-part-root]:is([data-placement=edge-start],[data-placement=edge-end]){--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-inline:0;position:var(--slotted-progress-indicator-position, absolute)}[data-ui-progress-indicator][data-part-root][data-placement=edge-start]{inset-block-start:0}[data-ui-progress-indicator][data-part-root][data-placement=edge-end]{inset-block-end:0}[data-ui-progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part-track]:after{content:none}[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){--_withdrawn: inset(0 0 100% 0);clip-path:inset(0);transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring),clip-path var(--slotted-duration-medium) var(--slotted-easing-enter),opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){clip-path:var(--_withdrawn);opacity:0}}[data-ui-progress-indicator][data-part-root][data-placement=edge-end]{--_withdrawn: inset(100% 0 0 0)}[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end])[hidden]{clip-path:var(--_withdrawn);opacity:0;transition:clip-path var(--slotted-duration-short) var(--slotted-easing-exit),opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) allow-discrete}[data-ui-progress-indicator][data-part-root][data-shape=circular],[data-ui-progress-indicator][data-part-root][data-shape=morph]{align-items:center;column-gap:var(--_text-gap);display:inline-flex}[data-ui-progress-indicator][data-shape=circular] svg{--_stroke: var(--slotted-progress-indicator-stroke, 6);block-size:var(--_size);flex:none;inline-size:var(--_size);rotate:-90deg}[data-ui-progress-indicator][data-shape=circular] [data-part-track],[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{fill:none;stroke-linecap:round;stroke-width:var(--_stroke)}[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{stroke:var(--_ink);stroke-dasharray:var(--_percent) 100;stroke-opacity:clamp(0,calc(var(--_percent) * 1000),1)}[data-ui-progress-indicator][data-shape=circular] [data-part-track]{--_arc-gap: calc(3.2*clamp(0, calc(var(--_percent) * 1000), 1)) ;stroke:var(--_track-color);stroke-dasharray:calc(100 - var(--_percent) - 2 * var(--_arc-gap)) 100;stroke-dashoffset:calc(-1 * (var(--_percent) + var(--_arc-gap)))}@container style(--slotted-progress-indicator-percent: 100){[data-ui-progress-indicator][data-shape=circular] [data-part-track]{stroke:transparent}}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-track]{stroke:transparent}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] svg{animation:slotted-progress-indicator-turn var(--slotted-duration-loop) linear infinite}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-indicator]{animation:slotted-progress-indicator-sweep var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;stroke-opacity:1;transition:none}@keyframes slotted-progress-indicator-turn{0%{rotate:-90deg}to{rotate:270deg}}@keyframes slotted-progress-indicator-sweep{0%{stroke-dasharray:4 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-18}to{stroke-dasharray:4 100;stroke-dashoffset:-100}}[data-ui-progress-indicator][data-part-root][data-wave]{--slotted-progress-indicator-wave-amplitude: min( clamp(0, calc((var(--_percent) - 6) / 10), 1), clamp(0, calc((96 - var(--_percent)) / 12), 1) );animation:slotted-progress-indicator-wave var(--slotted-duration-loop) linear infinite}[data-ui-progress-indicator][data-part-root][data-wave][data-indeterminate]{--slotted-progress-indicator-wave-amplitude: 1}@keyframes slotted-progress-indicator-wave{0%{--slotted-progress-indicator-wave-phase: 0}to{--slotted-progress-indicator-wave-phase: 1}}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-track]{container-type:inline-size;margin-block:calc(.75 * var(--_thickness))}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]{--_wave-length: 10;background-color:transparent;block-size:calc(2.5 * var(--_thickness));inline-size:calc(1200 * var(--_thickness));inset-block:calc(-.75 * var(--_thickness)) auto;inset-inline-start:0;overflow:visible;position:absolute}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]:dir(rtl){transform:scaleX(-1)}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator] path{--_track-units: tan(atan2(100cqi, var(--_thickness)));--_window-start: 0;--_window-size: var(--_percent);--_hidden: calc(var(--slotted-progress-indicator-wave-phase) * var(--_wave-length));fill:none;stroke:var(--_ink);stroke-dasharray:max(0,calc(var(--_window-size) * var(--_track-units) / 100 - 1)) 100000;stroke-dashoffset:calc(-1 * (var(--_hidden) + var(--_window-start) * var(--_track-units) / 100 + .5));stroke-linecap:round;stroke-opacity:clamp(0,calc(var(--_window-size) * 1000),1);stroke-width:1;transform:translate(calc(-1 * var(--_hidden) * 1px))}[data-ui-progress-indicator][data-shape=linear][data-wave]:not([data-indeterminate]) [data-part-indicator] path{animation:slotted-progress-indicator-flatten-bar var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui-progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part-indicator]{--_wave-length: 5;animation:slotted-progress-indicator-travel var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite}[data-ui-progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part-indicator] path{--_window-start: var(--slotted-progress-indicator-travel-start);--_window-size: var(--slotted-progress-indicator-travel-size)}[data-ui-progress-indicator][data-shape=circular][data-wave] svg{--_stroke: var(--slotted-progress-indicator-stroke, 5);block-size:calc(1.2 * var(--_size));inline-size:calc(1.2 * var(--_size));overflow:visible}[data-ui-progress-indicator][data-shape=circular][data-wave] [data-part-indicator]{rotate:calc(-45deg * var(--slotted-progress-indicator-wave-phase));stroke-dasharray:var(--_percent) calc(100 - var(--_percent));stroke-dashoffset:calc(-12.5 * var(--slotted-progress-indicator-wave-phase));transform-box:view-box;transform-origin:50% 50%}[data-ui-progress-indicator][data-shape=circular][data-wave]:not([data-indeterminate]) [data-part-indicator]{animation:slotted-progress-indicator-flatten-ring var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui-progress-indicator][data-part-root][data-wave]{--_scrub: var(--slotted-duration-long);--_taper: cubic-bezier(.45, 0, .55, 1)}@keyframes slotted-progress-indicator-flatten-bar{0%{d:path(\"M0-0.75c1.82 0 3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5\")}to{d:path(\"M0 0c1.82 0 3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0\")}}@keyframes slotted-progress-indicator-flatten-ring{0%{d:path(\"M45.6 24C45.6 26.83 41.92 28.82 41 31.04C40.08 33.27 41.27 37.27 39.27 39.27C37.27 41.27 33.27 40.08 31.04 41C28.82 41.92 26.83 45.6 24 45.6C21.17 45.6 19.18 41.92 16.96 41C14.73 40.08 10.73 41.27 8.73 39.27C6.73 37.27 7.92 33.27 7 31.04C6.08 28.82 2.4 26.83 2.4 24C2.4 21.17 6.08 19.18 7 16.96C7.92 14.73 6.73 10.73 8.73 8.73C10.73 6.73 14.73 7.92 16.96 7C19.18 6.08 21.17 2.4 24 2.4C26.83 2.4 28.82 6.08 31.04 7C33.27 7.92 37.27 6.73 39.27 8.73C41.27 10.73 40.08 14.73 41 16.96C41.92 19.18 45.6 21.17 45.6 24Z\")}to{d:path(\"M44 24C44 26.62 43.48 29.23 42.48 31.65C41.48 34.07 39.99 36.29 38.14 38.14C36.29 39.99 34.07 41.48 31.65 42.48C29.23 43.48 26.62 44 24 44C21.38 44 18.77 43.48 16.35 42.48C13.93 41.48 11.71 39.99 9.86 38.14C8.01 36.29 6.52 34.07 5.52 31.65C4.52 29.23 4 26.62 4 24C4 21.38 4.52 18.77 5.52 16.35C6.52 13.93 8.01 11.71 9.86 9.86C11.71 8.01 13.93 6.52 16.35 5.52C18.77 4.52 21.38 4 24 4C26.62 4 29.23 4.52 31.65 5.52C34.07 6.52 36.29 8.01 38.14 9.86C39.99 11.71 41.48 13.93 42.48 16.35C43.48 18.77 44 21.38 44 24Z\")}}[data-ui-progress-indicator][data-shape=morph] [data-part-track]{block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);display:grid;flex:none;inline-size:var(--_size);place-items:center}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-track]{background-color:var(--_track-color)}[data-ui-progress-indicator][data-shape=morph] [data-part-track]{animation:slotted-progress-indicator-drift calc(2 * var(--slotted-duration-loop-slow)) linear infinite}[data-ui-progress-indicator][data-shape=morph] [data-part-indicator]{animation:slotted-progress-indicator-morph calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite,slotted-progress-indicator-lurch calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite;background-color:var(--_ink);block-size:100%;inline-size:100%}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-indicator]{--_shape: round(nearest, calc(.79 * var(--_size)), 2px);block-size:var(--_shape);inline-size:var(--_shape)}@keyframes slotted-progress-indicator-drift{to{rotate:250deg}}@keyframes slotted-progress-indicator-lurch{0%{rotate:0deg}20%{rotate:90deg}40%{rotate:180deg}60%{rotate:270deg}80%{rotate:360deg}to{rotate:450deg}}@keyframes slotted-progress-indicator-morph{0%{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}20%{clip-path:polygon(50% 0%,59.3% 3.4%,65.9% 11.5%,69.9% 20.3%,73.6% 26.4%,79.7% 30.1%,88.5% 34.1%,96.6% 40.7%,100% 50%,96.6% 59.3%,88.5% 65.9%,79.7% 69.9%,73.6% 73.6%,69.9% 79.7%,65.9% 88.5%,59.3% 96.6%,50% 100%,40.7% 96.6%,34.1% 88.5%,30.1% 79.7%,26.4% 73.6%,20.3% 69.9%,11.5% 65.9%,3.4% 59.3%,0% 50%,3.4% 40.7%,11.5% 34.1%,20.3% 30.1%,26.4% 26.4%,30.1% 20.3%,34.1% 11.5%,40.7% 3.4%)}40%{clip-path:polygon(50% 6.9%,59.5% 2.1%,68.9% 4.3%,74.7% 13%,77% 23%,80.2% 29.8%,87.4% 34.5%,96% 40.8%,100% 50%,96% 59.2%,87.4% 65.5%,80.2% 70.2%,77% 77%,74.7% 87%,68.9% 95.7%,59.5% 97.9%,50% 93.1%,42.7% 86.7%,35.9% 83.9%,26.8% 84.7%,16.1% 83.9%,8.5% 77.7%,7.7% 67.5%,11.5% 57.7%,13.8% 50%,11.5% 42.3%,7.7% 32.5%,8.5% 22.3%,16.1% 16.1%,26.8% 15.3%,35.9% 16.1%,42.7% 13.3%)}60%{clip-path:polygon(50% 9.7%,56.8% 15.7%,62% 21%,67.1% 24.4%,73.7% 26.3%,82% 28.6%,90.7% 33.2%,97.4% 40.6%,100% 50%,97.4% 59.4%,90.7% 66.8%,82% 71.4%,73.7% 73.7%,67.1% 75.6%,62% 79%,56.8% 84.3%,50% 90.3%,41.1% 94.8%,31.1% 95.5%,22.3% 91.4%,16.6% 83.4%,14.9% 73.5%,16.2% 64%,18.3% 56.3%,19.4% 50%,18.3% 43.7%,16.2% 36%,14.9% 26.5%,16.6% 16.6%,22.3% 8.6%,31.1% 4.5%,41.1% 5.2%)}80%{clip-path:polygon(50% 23.1%,55.4% 22.7%,61.6% 22%,68.9% 21.7%,77.2% 22.8%,85.7% 26.2%,93.1% 32.2%,98.2% 40.4%,100% 50%,98.2% 59.6%,93.1% 67.8%,85.7% 73.8%,77.2% 77.2%,68.9% 78.3%,61.6% 78%,55.4% 77.3%,50% 76.9%,44.6% 77.3%,38.4% 78%,31.1% 78.3%,22.8% 77.2%,14.3% 73.8%,6.9% 67.8%,1.8% 59.6%,0% 50%,1.8% 40.4%,6.9% 32.2%,14.3% 26.2%,22.8% 22.8%,31.1% 21.7%,38.4% 22%,44.6% 22.7%)}to{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}}@media(prefers-reduced-motion:reduce){[data-ui-progress-indicator][data-part-root],[data-ui-progress-indicator] [data-part-indicator]:not(path),[data-ui-progress-indicator] [data-part-track],[data-ui-progress-indicator] svg{animation:none!important}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-indicator]{--slotted-progress-indicator-travel-size: 46;--slotted-progress-indicator-travel-start: 27}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]{scale:.46 1;translate:27% 0}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]:dir(rtl){translate:-27% 0}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-indicator]{stroke-dasharray:34 100}[data-ui-progress-indicator][data-part-root][data-wave]{animation:none}}@media(forced-colors:active){[data-ui-progress-indicator][data-shape=linear] [data-part-track]{background-color:Canvas;outline:var(--slotted-border-width-thin, 1px) solid ButtonBorder;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before,[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{content:none}[data-ui-progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part-track]{background-color:transparent;outline:none}[data-ui-progress-indicator] [data-part-indicator]{background-color:Highlight}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]{background-color:transparent}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator] path{stroke:Highlight}[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{background-color:transparent;stroke:Highlight}[data-ui-progress-indicator][data-shape=circular] [data-part-track]{stroke:ButtonBorder}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-track]{background-color:Canvas}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlProgressBar, selector: "[slProgressBar]", inputs: ["value", "min", "max", "buffer", "showValue", "valueText", "format", "locale", "wave", "placement"], exportAs: ["slProgressBar"] }, { kind: "component", type: SlUploadViewer, selector: "div[slUploadViewer]", inputs: ["files", "viewing", "urls", "messages", "locale", "size"], outputs: ["viewingChange"], exportAs: ["slUploadViewer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1317
1367
|
}
|
|
1318
1368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlUpload, decorators: [{
|
|
1319
1369
|
type: Component,
|
|
@@ -1322,7 +1372,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1322
1372
|
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => SlUpload), multi: true },
|
|
1323
1373
|
], host: {
|
|
1324
1374
|
'data-ui': 'upload',
|
|
1375
|
+
'data-ui-upload': '',
|
|
1325
1376
|
'data-part': 'root',
|
|
1377
|
+
'data-part-root': '',
|
|
1326
1378
|
'[attr.data-variant]': 'resolvedVariant()',
|
|
1327
1379
|
'[attr.data-layout]': 'resolvedLayout()',
|
|
1328
1380
|
'[attr.data-size]': 'resolvedSize()',
|
|
@@ -1335,10 +1387,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1335
1387
|
'[attr.data-dragging]': "dragging() || documentDrag() ? '' : null",
|
|
1336
1388
|
}, template: `
|
|
1337
1389
|
@if (label() && !insideField()) {
|
|
1338
|
-
<span data-part="label">{{ label() }}</span>
|
|
1390
|
+
<span data-part="label" data-part-label="">{{ label() }}</span>
|
|
1339
1391
|
}
|
|
1340
1392
|
@if (description() && !insideField()) {
|
|
1341
|
-
<p [id]="descriptionId" data-part="description"
|
|
1393
|
+
<p [id]="descriptionId" data-part="description" data-part-description="">
|
|
1394
|
+
{{ description() }}
|
|
1395
|
+
</p>
|
|
1342
1396
|
}
|
|
1343
1397
|
|
|
1344
1398
|
@if (resolvedVariant() === 'button') {
|
|
@@ -1355,6 +1409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1355
1409
|
[attr.data-drop-invalid]="verdict() === 'invalid' ? '' : null"
|
|
1356
1410
|
[attr.data-browsable]="browsable() ? '' : null"
|
|
1357
1411
|
data-part="dropzone"
|
|
1412
|
+
data-part-dropzone=""
|
|
1358
1413
|
>
|
|
1359
1414
|
<!-- The region carries the mark, so the trigger inside it does not. -->
|
|
1360
1415
|
@if (resolvedVariant() === 'dropzone') {
|
|
@@ -1363,16 +1418,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1363
1418
|
}
|
|
1364
1419
|
<ng-container [ngTemplateOutlet]="triggerTemplate" />
|
|
1365
1420
|
@if (resolvedVariant() === 'field') {
|
|
1366
|
-
<span data-part="meta">{{ fieldSummary() }}</span>
|
|
1421
|
+
<span data-part="meta" data-part-meta="">{{ fieldSummary() }}</span>
|
|
1367
1422
|
}
|
|
1368
1423
|
</div>
|
|
1369
1424
|
}
|
|
1370
1425
|
|
|
1371
1426
|
@if (files().length > 1) {
|
|
1372
|
-
<div data-part="summary">
|
|
1427
|
+
<div data-part="summary" data-part-summary="">
|
|
1373
1428
|
<span>{{ summaryText() }}</span>
|
|
1374
1429
|
@if (!readOnly()) {
|
|
1375
|
-
<button (click)="clear($event)" data-part="clear" type="button">
|
|
1430
|
+
<button (click)="clear($event)" data-part="clear" data-part-clear="" type="button">
|
|
1376
1431
|
{{ t('clear') }}
|
|
1377
1432
|
</button>
|
|
1378
1433
|
}
|
|
@@ -1380,14 +1435,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1380
1435
|
}
|
|
1381
1436
|
|
|
1382
1437
|
@if (showList()) {
|
|
1383
|
-
<ul [style.--slotted-upload-visible-rows]="visibleRows()" data-part="list">
|
|
1438
|
+
<ul [style.--slotted-upload-visible-rows]="visibleRows()" data-part="list" data-part-list="">
|
|
1384
1439
|
@for (file of files(); track file.key) {
|
|
1385
|
-
<li [attr.data-status]="file.status" data-part="item">
|
|
1440
|
+
<li [attr.data-status]="file.status" data-part="item" data-part-item="">
|
|
1386
1441
|
@if (resolvedPreview() !== 'none' || resolvedLayout() === 'grid') {
|
|
1387
1442
|
<span
|
|
1388
1443
|
[attr.data-extension]="extensionLabel(file)"
|
|
1389
1444
|
[attr.data-kind]="file.kind"
|
|
1390
1445
|
data-part="preview"
|
|
1446
|
+
data-part-preview=""
|
|
1391
1447
|
>
|
|
1392
1448
|
@if (url(file) && file.type.startsWith('image/')) {
|
|
1393
1449
|
<img [src]="url(file)" alt="" />
|
|
@@ -1397,34 +1453,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1397
1453
|
</span>
|
|
1398
1454
|
}
|
|
1399
1455
|
|
|
1400
|
-
<div data-part="body">
|
|
1456
|
+
<div data-part="body" data-part-body="">
|
|
1401
1457
|
@if (openable(file)) {
|
|
1402
|
-
<button
|
|
1403
|
-
|
|
1458
|
+
<button
|
|
1459
|
+
(click)="open(file, $event)"
|
|
1460
|
+
data-part="filename"
|
|
1461
|
+
data-part-filename=""
|
|
1462
|
+
dir="auto"
|
|
1463
|
+
type="button"
|
|
1464
|
+
>
|
|
1465
|
+
<span data-part="name" data-part-name="">{{ stem(file) }}</span>
|
|
1404
1466
|
@if (extension(file)) {
|
|
1405
|
-
<span data-part="extension">{{ extension(file) }}</span>
|
|
1467
|
+
<span data-part="extension" data-part-extension="">{{ extension(file) }}</span>
|
|
1406
1468
|
}
|
|
1407
1469
|
</button>
|
|
1408
1470
|
} @else {
|
|
1409
|
-
<span data-part="filename" dir="auto">
|
|
1410
|
-
<span data-part="name">{{ stem(file) }}</span>
|
|
1471
|
+
<span data-part="filename" data-part-filename="" dir="auto">
|
|
1472
|
+
<span data-part="name" data-part-name="">{{ stem(file) }}</span>
|
|
1411
1473
|
@if (extension(file)) {
|
|
1412
|
-
<span data-part="extension">{{ extension(file) }}</span>
|
|
1474
|
+
<span data-part="extension" data-part-extension="">{{ extension(file) }}</span>
|
|
1413
1475
|
}
|
|
1414
1476
|
</span>
|
|
1415
1477
|
}
|
|
1416
|
-
<div data-part="detail">
|
|
1417
|
-
<span data-part="meta">{{ formatters().bytes(file.size) }}</span>
|
|
1418
|
-
<span data-part="status">{{ statusText(file) }}</span>
|
|
1478
|
+
<div data-part="detail" data-part-detail="">
|
|
1479
|
+
<span data-part="meta" data-part-meta="">{{ formatters().bytes(file.size) }}</span>
|
|
1480
|
+
<span data-part="status" data-part-status="">{{ statusText(file) }}</span>
|
|
1419
1481
|
</div>
|
|
1420
1482
|
</div>
|
|
1421
1483
|
|
|
1422
|
-
<span data-part="actions">
|
|
1484
|
+
<span data-part="actions" data-part-actions="">
|
|
1423
1485
|
@for (action of actions(file); track action.part) {
|
|
1424
1486
|
<button
|
|
1425
1487
|
(click)="act(file, action.action, $event)"
|
|
1426
1488
|
[attr.aria-label]="action.label"
|
|
1427
1489
|
[attr.data-part]="action.part"
|
|
1490
|
+
[attr.data-part-start]="action.part === 'start' ? '' : null"
|
|
1491
|
+
[attr.data-part-pause]="action.part === 'pause' ? '' : null"
|
|
1492
|
+
[attr.data-part-retry]="action.part === 'retry' ? '' : null"
|
|
1493
|
+
[attr.data-part-cancel]="action.part === 'cancel' ? '' : null"
|
|
1494
|
+
[attr.data-part-remove]="action.part === 'remove' ? '' : null"
|
|
1428
1495
|
type="button"
|
|
1429
1496
|
>
|
|
1430
1497
|
<span slIcon><svg slGlyph [name]="action.glyph"></svg></span>
|
|
@@ -1433,7 +1500,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1433
1500
|
</span>
|
|
1434
1501
|
|
|
1435
1502
|
@if (showBar(file)) {
|
|
1436
|
-
<div data-part="progress">
|
|
1503
|
+
<div data-part="progress" data-part-progress="">
|
|
1437
1504
|
<div
|
|
1438
1505
|
[tone]="file.status === 'uploading' ? 'accent' : 'warning'"
|
|
1439
1506
|
[value]="percent(file)"
|
|
@@ -1445,7 +1512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1445
1512
|
}
|
|
1446
1513
|
|
|
1447
1514
|
@if (file.status === 'rejected' || file.status === 'error') {
|
|
1448
|
-
<p data-part="message">{{ messageText(file) }}</p>
|
|
1515
|
+
<p data-part="message" data-part-message="">{{ messageText(file) }}</p>
|
|
1449
1516
|
}
|
|
1450
1517
|
</li>
|
|
1451
1518
|
}
|
|
@@ -1466,7 +1533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1466
1533
|
></div>
|
|
1467
1534
|
|
|
1468
1535
|
<ng-template #triggerTemplate>
|
|
1469
|
-
<label #trigger data-part="trigger">
|
|
1536
|
+
<label #trigger data-part="trigger" data-part-trigger="">
|
|
1470
1537
|
@if (resolvedVariant() !== 'dropzone') {
|
|
1471
1538
|
<span slIcon><svg slGlyph name="upload"></svg></span>
|
|
1472
1539
|
}
|
|
@@ -1483,12 +1550,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1483
1550
|
[attr.required]="required() ? '' : null"
|
|
1484
1551
|
[attr.webkitdirectory]="directory() ? '' : null"
|
|
1485
1552
|
data-part="input"
|
|
1553
|
+
data-part-input=""
|
|
1486
1554
|
type="file"
|
|
1487
1555
|
/>
|
|
1488
1556
|
{{ t('trigger') }}
|
|
1489
1557
|
</label>
|
|
1490
1558
|
</ng-template>
|
|
1491
|
-
`, styles: ["@layer slotted.components{[data-ui=upload][data-part=root],[data-ui=upload][data-part=viewer]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_control-height: var(--slotted-control-height-md, 34px);--_control-inset: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_preview-size: var(--slotted-upload-preview-size, calc(2 * var(--_glyph-size)));--_state-hover: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-active, 14%), transparent );--_section-gap: var(--slotted-upload-section-gap, var(--slotted-space-5, .75rem));--_item-gap: var(--slotted-upload-item-gap, var(--slotted-space-4, .5rem));--_line-gap: var(--slotted-upload-line-gap, var(--slotted-space-1, .125rem));--_item-inset-block: var(--slotted-upload-item-padding-block, var(--slotted-space-4, .5rem));--_item-inset-inline: var( --slotted-upload-item-padding-inline, var(--slotted-space-5, .75rem) );--_radius: var(--slotted-upload-radius, var(--slotted-radius-md, 6px));--_item-radius: var(--slotted-upload-item-radius, var(--slotted-radius-md, 6px));--_border-width: var(--slotted-upload-border-width, var(--slotted-border-width-thin, 1px));--_zone-inset-block: var(--slotted-upload-zone-padding-block, var(--slotted-space-9, 2rem));--_zone-inset-inline: var(--slotted-upload-zone-padding-inline, var(--slotted-space-6, 1rem));--_zone-border-width: var( --slotted-upload-zone-border-width, var(--slotted-border-width-medium, 1.5px) );--_zone-edge: var(--slotted-upload-zone-border-color, var(--slotted-border-strong));--_zone-ground: var(--slotted-upload-zone-background, var(--slotted-surface-sunken));--_zone-glyph-size: var(--slotted-upload-zone-icon-size, calc(1.5 * var(--_glyph-size)));--_action-glyph-size: max(var(--slotted-upload-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-upload-action-size, max( var(--slotted-target-min, 24px), min( calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) ) ) );--_status-text: var(--slotted-text-muted);--_item-surface: var(--slotted-upload-item-background, var(--slotted-surface));--_item-border: var(--slotted-upload-item-border-color, var(--slotted-border-subtle));--_kind-tile: var(--slotted-upload-kind-other);--_leading: round(up, calc(1em * var(--slotted-line-height-md, 1.5)), 1px);color:var(--slotted-text);font-family:var(--slotted-upload-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=upload][data-part=root]{container-name:slotted-upload;container-type:inline-size;inline-size:100%;display:flex;flex-direction:column;gap:var(--_section-gap)}[data-ui=upload][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_control-height: var(--slotted-control-height-sm, 30px);--_control-inset: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=upload][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_control-height: var(--slotted-control-height-lg, 38px);--_control-inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=upload] [data-part=label]{color:var(--slotted-text);flex:none;font-weight:var(--slotted-upload-label-font-weight, var(--slotted-font-weight-medium, 500))}[data-ui=upload] [data-part=description]{color:var(--slotted-text-muted);flex:none;margin:0}[data-ui=upload] [data-part=dropzone]{--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground);align-items:center;background-color:var(--_zone-surface);border:var(--_zone-border-width) dashed var(--_zone-border-color);border-radius:var(--_radius);display:flex;flex:none;flex-direction:column;gap:var(--_gap);padding-block:var(--_zone-inset-block);padding-inline:var(--_zone-inset-inline);text-align:center;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=upload] [data-part=dropzone]>[data-ui=icon]{--slotted-icon-size: var(--_zone-glyph-size);color:var(--slotted-text-muted)}[data-ui=upload] [data-part=dropzone][data-drop-target]{--_zone-border-color: var(--slotted-tone-accent-border);--_zone-surface: var(--slotted-tone-accent-surface)}[data-ui=upload] [data-part=dropzone][data-drop-invalid]{--_zone-border-color: var(--slotted-tone-danger-border);--_zone-surface: var(--slotted-tone-danger-surface)}[data-ui=upload] [data-part=dropzone][data-browsable]{cursor:pointer}[data-ui=upload]:not([data-disabled]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):hover{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-hover, 4%), var(--_zone-ground) )}[data-ui=upload]:not([data-disabled]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):active{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-active, 8%), var(--_zone-ground) )}[data-ui=upload]:not([data-disabled],[data-invalid]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):is(:hover,:active){--_zone-border-color: var(--slotted-text-muted)}[data-ui=upload]:not([data-disabled]) [data-part=dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):has([data-part=trigger]:hover){--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground)}[data-ui=upload][data-disabled][data-part=root]{--_zone-edge: var(--slotted-disabled-border);--_zone-ground: var(--slotted-disabled-background)}[data-ui=upload][data-disabled] [data-part=dropzone]{color:var(--slotted-disabled-foreground)}[data-ui=upload][data-invalid][data-part=root]{--_zone-edge: var(--slotted-tone-danger-border)}[data-ui=upload] [data-part=trigger]{align-items:center;background-color:var(--slotted-upload-trigger-background, var(--slotted-surface));block-size:var(--_control-height);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow);color:var(--slotted-text);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;padding-inline:var(--_control-inset);position:relative;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),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);white-space:nowrap}[data-ui=upload] [data-part=trigger]>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=upload]:not([data-disabled]) [data-part=trigger]:hover{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=upload]:not([data-disabled]) [data-part=trigger]:active{background-color:var(--slotted-tone-secondary-subtle-active);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=upload][data-disabled] [data-part=trigger]{background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=trigger]:has(: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=upload][data-invalid] [data-part=trigger]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);border-color:var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui=upload] [data-part=input]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:50%;inset-inline-start:50%;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=upload] [data-part=input]:focus-visible{outline:none}[data-ui=upload] [data-part=summary]{align-items:center;color:var(--slotted-text-muted);display:flex;flex:none;gap:var(--_gap);justify-content:space-between}[data-ui=upload] [data-part=clear]{appearance:none;flex:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:inherit;cursor:pointer;font:inherit;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);text-decoration-line:underline;text-underline-offset:.2em;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=upload] [data-part=clear]:enabled:hover{background-color:var(--_state-hover)}[data-ui=upload] [data-part=clear]:enabled:active{background-color:var(--_state-active)}[data-ui=upload] [data-part=clear]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=clear]: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=upload] [data-part=list]{--_row-block-size: calc( max(var(--_preview-size), 2lh) + 2 * var(--_item-inset-block) + 2 * var(--_border-width) + var(--_item-gap) );display:flex;flex-direction:column;gap:var(--_item-gap);list-style:none;margin:0;flex:1 1 auto;min-block-size:var(--_row-block-size);max-block-size:calc(var(--slotted-upload-visible-rows, 6) * var(--_row-block-size));overflow-y:auto;padding:0}[data-ui=upload] [data-part=item]{align-items:center;flex:none;background-color:var(--_item-surface);border:var(--_border-width) solid var(--_item-border);border-radius:var(--_item-radius);column-gap:var(--_gap);display:grid;grid-template-areas:\"preview body actions\" \"message message message\";grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding-block:var(--_item-inset-block);padding-inline:var(--_item-inset-inline);position:relative;row-gap:var(--_line-gap);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),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=upload] [data-part=item]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=upload] [data-part=item][data-status=success]{--_status-text: var(--slotted-tone-success-text)}[data-ui=upload] [data-part=item][data-status=ready]{border-style:dashed}[data-ui=upload] [data-part=item][data-status=paused],[data-ui=upload] [data-part=item][data-status=stalled]{--_status-text: var(--slotted-tone-warning-text)}[data-ui=upload] [data-part=item][data-status=rejected],[data-ui=upload] [data-part=item][data-status=error]{--_status-text: var(--slotted-tone-danger-text);--_item-surface: var(--slotted-tone-danger-surface);--_item-border: var(--slotted-tone-danger-border)}[data-ui=upload] [data-part=item][data-status=canceled]{--_status-text: var(--slotted-text-muted)}[data-ui=upload][data-disabled] [data-part=item]{color:var(--slotted-disabled-foreground)}[data-ui=upload] [data-part=preview]{align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--slotted-upload-preview-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui=upload] [data-part=preview]>img{block-size:100%;inline-size:100%;object-fit:cover}[data-ui=upload] [data-part=preview]>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=upload] [data-part=preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui=upload] [data-part=preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui=upload] [data-part=preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui=upload] [data-part=preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui=upload] [data-part=preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui=upload] [data-part=preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui=upload] [data-part=preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui=upload] [data-part=preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui=upload] [data-part=item]>[data-part=body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui=upload] [data-part=filename]{display:flex;font-weight:var(--slotted-upload-name-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0;unicode-bidi:isolate}[data-ui=upload] button[data-part=filename]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:start;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=upload] button[data-part=filename]:enabled:hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui=upload] button[data-part=filename]:enabled:active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=upload] button[data-part=filename]:focus-visible{border-radius:var(--slotted-control-radius, 4px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=upload][data-layout=grid] button[data-part=preview]{appearance:none;border:0;cursor:pointer;padding:0}[data-ui=upload] [data-part=name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=upload] [data-part=extension]{flex:none}[data-ui=upload] [data-part=detail]{align-items:baseline;color:var(--slotted-text-muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);min-inline-size:0}[data-ui=upload] [data-part=meta]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=upload] [data-part=status]{color:var(--_status-text);font-weight:var(--slotted-upload-status-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0}[data-ui=upload] [data-part=meta]:has(+[data-part=status]):after{color:var(--slotted-text-muted);content:\" \\b7\";margin-inline-end:.4em}[data-ui=upload] [data-part=message]{color:var(--_status-text);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);grid-area:message;margin:0}[data-ui=upload] [data-part=progress]{display:block;inset-block-end:0;inset-inline:0;position:absolute}[data-ui=upload] [data-part=actions]{display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end}[data-ui=upload] [data-part=viewerExternal],[data-ui=upload] [data-part=viewerClose],[data-ui=upload] [data-part=start],[data-ui=upload] [data-part=pause],[data-ui=upload] [data-part=retry],[data-ui=upload] [data-part=cancel],[data-ui=upload] [data-part=remove]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-upload-action-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=upload] [data-part=viewerExternal]>[data-ui=icon],[data-ui=upload] [data-part=viewerClose]>[data-ui=icon],[data-ui=upload] [data-part=start]>[data-ui=icon],[data-ui=upload] [data-part=pause]>[data-ui=icon],[data-ui=upload] [data-part=retry]>[data-ui=icon],[data-ui=upload] [data-part=cancel]>[data-ui=icon],[data-ui=upload] [data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_action-glyph-size)}@media(pointer:coarse){[data-ui=upload] :is([data-part=viewerExternal],[data-part=viewerClose],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]){position:relative}[data-ui=upload] :is([data-part=viewerExternal],[data-part=viewerClose],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=upload] :is([data-part=viewerExternal],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel]):has(+:is([data-part=viewerClose],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):not([hidden])):after{inset-inline-end:0}[data-ui=upload] :is([data-part=viewerExternal],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel]):not([hidden])+:is([data-part=viewerClose],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):after{inset-inline-start:0}}[data-ui=upload] [data-part=viewerExternal]:enabled:hover,[data-ui=upload] [data-part=viewerClose]:enabled:hover,[data-ui=upload] [data-part=start]:enabled:hover,[data-ui=upload] [data-part=pause]:enabled:hover,[data-ui=upload] [data-part=retry]:enabled:hover,[data-ui=upload] [data-part=cancel]:enabled:hover,[data-ui=upload] [data-part=remove]:enabled:hover{background-color:var(--_state-hover)}[data-ui=upload] [data-part=viewerExternal]:enabled:active,[data-ui=upload] [data-part=viewerClose]:enabled:active,[data-ui=upload] [data-part=start]:enabled:active,[data-ui=upload] [data-part=pause]:enabled:active,[data-ui=upload] [data-part=retry]:enabled:active,[data-ui=upload] [data-part=cancel]:enabled:active,[data-ui=upload] [data-part=remove]:enabled:active{background-color:var(--_state-active)}[data-ui=upload] [data-part=viewerExternal]:disabled,[data-ui=upload] [data-part=viewerClose]:disabled,[data-ui=upload] [data-part=start]:disabled,[data-ui=upload] [data-part=pause]:disabled,[data-ui=upload] [data-part=retry]:disabled,[data-ui=upload] [data-part=cancel]:disabled,[data-ui=upload] [data-part=remove]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=viewerExternal]:focus-visible,[data-ui=upload] [data-part=viewerClose]:focus-visible,[data-ui=upload] [data-part=start]:focus-visible,[data-ui=upload] [data-part=pause]:focus-visible,[data-ui=upload] [data-part=retry]:focus-visible,[data-ui=upload] [data-part=cancel]:focus-visible,[data-ui=upload] [data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=upload][data-part=viewer]{background-color:var(--slotted-surface);block-size:100%;display:grid;grid-row:1 / -1;grid-template-rows:auto minmax(0,1fr);inline-size:100%}[data-ui=upload] [data-part=viewerHeader]{align-items:center;border-block-end:var(--_border-width) solid var(--slotted-border-subtle);column-gap:var(--_gap);display:grid;grid-template-columns:minmax(0,1fr) auto;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem)}[data-ui=upload] [data-part=viewerTitle]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--_leading);font-weight:var(--slotted-font-weight-semibold, 600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=upload] [data-part=viewerMeta]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading)}[data-ui=upload] [data-part=viewerActions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem)}[data-ui=upload] [data-part=viewerStage]{background-color:var(--slotted-surface-sunken);display:grid;min-block-size:0;overflow:hidden;padding:var(--slotted-space-6, 1rem);place-items:center;position:relative}[data-ui=upload] [data-part=viewerStage]>img,[data-ui=upload] [data-part=viewerStage]>iframe{align-self:stretch;block-size:auto;inline-size:auto;justify-self:stretch;min-block-size:0;min-inline-size:0}[data-ui=upload] [data-part=viewerStage]>img{object-fit:contain}[data-ui=upload] [data-part=viewerStage]>iframe{background-color:var(--slotted-surface);border:0}[data-ui=upload] [data-part=viewerStage]>video,[data-ui=upload] [data-part=viewerStage]>audio{max-block-size:100%;max-inline-size:100%;min-block-size:0;min-inline-size:0}[data-ui=upload] [data-part=viewerStage]>[data-part=preview]{block-size:var(--slotted-upload-viewer-tile-size, 6rem);inline-size:var(--slotted-upload-viewer-tile-size, 6rem)}[data-ui=upload] [data-part=viewerStage]>[data-part=preview]>[data-ui=icon]{--slotted-icon-size: calc(3 * var(--_glyph-size))}[data-ui=upload] [data-part=viewerStage]>p{color:var(--slotted-text-muted);margin:0;max-inline-size:28ch;text-align:center}[data-ui=upload] [data-part=viewerStage]:has(>[data-part=preview]){align-items:center;display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);justify-content:center}[data-ui=upload] [data-part=viewerPrevious],[data-ui=upload] [data-part=viewerNext]{align-items:center;appearance:none;background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-viewer-control-opacity, 92%),transparent);block-size:var(--slotted-upload-viewer-control-size, 2.5rem);border:0;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-text);cursor:pointer;display:inline-flex;inline-size:var(--slotted-upload-viewer-control-size, 2.5rem);justify-content:center;padding:0;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=upload] [data-part=viewerPrevious]{inset-inline-start:var(--slotted-space-5, .75rem)}[data-ui=upload] [data-part=viewerNext]{inset-inline-end:var(--slotted-space-5, .75rem)}[data-ui=upload] [data-part=viewerPrevious]>[data-ui=icon],[data-ui=upload] [data-part=viewerNext]>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=upload] [data-part=viewerPrevious]>[data-ui=icon]{rotate:180deg}[data-ui=upload] [data-part=viewerPrevious]:enabled:hover,[data-ui=upload] [data-part=viewerNext]:enabled:hover{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-hover, 8%),var(--slotted-surface))}[data-ui=upload] [data-part=viewerPrevious]:enabled:active,[data-ui=upload] [data-part=viewerNext]:enabled:active{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-active, 14%),var(--slotted-surface));translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=upload] [data-part=viewerPrevious]:disabled,[data-ui=upload] [data-part=viewerNext]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=upload] [data-part=viewerPrevious]:focus-visible,[data-ui=upload] [data-part=viewerNext]: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=field] [data-ui=upload]>[data-part=label],[data-ui=field] [data-ui=upload]>[data-part=description],[data-ui=field] [data-ui=upload]>[data-part=message]{display:none}[data-ui=field] [data-ui=upload][data-part=root]{--_section-gap: var(--slotted-upload-field-section-gap, var(--slotted-space-4, .5rem))}[data-ui=upload][data-variant=button] [data-part=trigger]{align-self:start}[data-ui=upload][data-variant=field]:where([data-part=root]){--_zone-edge: var(--slotted-control-border-color);--_zone-ground: var(--slotted-control-surface, Field)}[data-ui=upload][data-variant=field] [data-part=dropzone]{align-items:center;border-style:solid;border-width:var(--slotted-control-border-width, 1px);flex-direction:row;gap:var(--_gap);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-2, .25rem);text-align:start}[data-ui=upload][data-layout=grid] [data-part=list]{display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fill,minmax(var(--slotted-upload-card-measure, 9rem),1fr))}[data-ui=upload][data-layout=grid] [data-part=item]{align-content:start;align-items:stretch;container-type:inline-size;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr)}[data-ui=upload][data-layout=grid] [data-part=preview]{block-size:round(down,75cqi,1px);inline-size:100%}[data-ui=upload][data-layout=grid] [data-part=actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-card-actions-opacity, 96%),transparent);border-radius:var(--_item-radius);box-shadow:var(--slotted-shadow-xs);inset-block-start:calc(var(--_item-inset-block) + var(--slotted-space-3, .375rem));inset-inline-end:calc(var(--_item-inset-inline) + var(--slotted-space-3, .375rem));margin-block-start:0;min-inline-size:0;padding:var(--slotted-space-1, .125rem);position:absolute}[data-ui=upload][data-layout=grid] [data-part=preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;margin-block-start:var(--slotted-space-3, .375rem);text-transform:uppercase}[data-ui=upload][data-layout=grid] [data-part=preview]>[data-ui=icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}@container slotted-upload (max-width: 30rem){[data-ui=upload] [data-part=summary]{align-items:start;flex-direction:column}}@container slotted-upload (max-width: 26rem){[data-ui=upload] [data-part=item]{grid-template-areas:\"preview body\" \"preview actions\" \"message message\";grid-template-columns:auto minmax(0,1fr)}[data-ui=upload] [data-part=preview]{align-self:start}[data-ui=upload] [data-part=actions]{justify-content:flex-start;margin-inline-start:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=upload] [data-part=dropzone]{padding-block:var(--slotted-space-6, 1rem)}}@media(forced-colors:active){[data-ui=upload] [data-part=item][data-status=rejected],[data-ui=upload] [data-part=item][data-status=error]{--_item-border: CanvasText}[data-ui=upload] [data-part=preview]{border:var(--_border-width) solid ButtonBorder}[data-ui=upload] [data-part=dropzone][data-drop-target],[data-ui=upload] [data-part=dropzone][data-drop-invalid]{--_zone-border-color: Highlight}[data-ui=upload] :is([data-part=clear],[data-part=viewerExternal],[data-part=viewerClose],[data-part=viewerPrevious],[data-part=viewerNext],[data-part=start],[data-part=pause],[data-part=retry],[data-part=cancel],[data-part=remove]):enabled:is(:hover,:active){background-color:Highlight;color:HighlightText}}@media(forced-colors:active){[data-ui=upload][data-invalid] [data-part=trigger]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=upload][data-invalid] [data-part=trigger]:has(:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}}}\n", "@property --slotted-progress-indicator-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-buffer-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-start{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-size{syntax: \"<number>\"; inherits: true; initial-value: 100;}@property --slotted-progress-indicator-wave-phase{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-wave-amplitude{syntax: \"<number>\"; inherits: true; initial-value: 1;}@layer slotted.components{[data-ui=progress-indicator][data-part=root]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-accent-text));--_track-color: var( --slotted-progress-indicator-track-color, color-mix(in oklab, var(--_ink) 24%, var(--slotted-surface)) );--_buffer-color: var(--slotted-progress-indicator-buffer-color, transparent);--_percent: var(--slotted-progress-indicator-percent, 0);--_buffer-percent: var(--slotted-progress-indicator-buffer-percent, 0);--_lead: max(var(--_percent), var(--_buffer-percent));--_font-size: var(--slotted-control-font-size-md, 13px);--_text-gap: var(--slotted-space-4, .5rem);--_row-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-2, .25rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-full, 9999px));--_gap: var(--slotted-progress-indicator-gap, var(--_thickness));font-family:var(--slotted-control-font-family, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0;--_settle: calc(4 * var(--slotted-duration-long));--_spring: linear( 0, .078, .235, .401, .549, .669, .762, .831, .882, .918, .944, .962, .974, .982, .988, .992, .995, .996, .998, .998, 1 );transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring)}[data-ui=progress-indicator][hidden]{display:none}[data-ui=progress-indicator][data-part=root][data-tone=secondary]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-border-strong))}[data-ui=progress-indicator][data-part=root][data-tone=success]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-success-text))}[data-ui=progress-indicator][data-part=root][data-tone=warning]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-warning-text))}[data-ui=progress-indicator][data-part=root][data-tone=danger]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-danger-text))}[data-ui=progress-indicator][data-part=root][data-buffered]{--_buffer-color: var( --slotted-progress-indicator-buffer-color, color-mix(in oklab, var(--_ink) 52%, var(--slotted-surface)) )}[data-ui=progress-indicator][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_text-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-1, .125rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-sm, 30px))}[data-ui=progress-indicator][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_row-gap: var(--slotted-space-4, .5rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-4, .5rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-lg, 38px))}[data-ui=progress-indicator] [data-part=label]{color:var(--slotted-text, CanvasText);min-inline-size:0;overflow-wrap:break-word}[data-ui=progress-indicator] [data-part=value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=progress-indicator][data-part=root][data-shape=linear]{align-items:baseline;column-gap:var(--_text-gap);display:grid;grid-template-columns:1fr auto;row-gap:var(--_row-gap)}[data-ui=progress-indicator][data-shape=linear]>[data-part=label]{grid-column:1}[data-ui=progress-indicator][data-shape=linear]>[data-part=value]{grid-column:2;justify-self:end}[data-ui=progress-indicator][data-shape=linear]>[data-part=track]{grid-column:1 / -1}[data-ui=progress-indicator][data-shape=linear] [data-part=track]{background-color:var(--_buffer-color);block-size:var(--_thickness);border-radius:var(--_radius);inline-size:100%;isolation:isolate;overflow-x:clip;overflow-y:visible;position:relative}[data-ui=progress-indicator][data-shape=linear] [data-part=track]:before{background-color:var(--_track-color);border-radius:inherit;content:\"\";inset-block:0;inset-inline-end:0;inset-inline-start:calc(1% * var(--_lead) + var(--_gap));position:absolute}[data-ui=progress-indicator][data-shape=linear] [data-part=track]:after{background-color:var(--_ink);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_thickness);inset-block:0;inset-inline-end:0;position:absolute}[data-ui=progress-indicator][data-shape=linear] [data-part=indicator]{background-color:var(--_ink);block-size:100%;border-radius:inherit;inline-size:calc(1% * var(--_percent));position:relative}@container style(--slotted-progress-indicator-percent: 100){[data-ui=progress-indicator][data-shape=linear] [data-part=track]:before,[data-ui=progress-indicator][data-shape=linear] [data-part=track]:after{content:none}}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=track]:before{inset-inline-start:0}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=track]:after{content:none}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=indicator]{animation:slotted-progress-indicator-travel var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;inline-size:calc(1% * var(--slotted-progress-indicator-travel-size));inset-block:0;inset-inline-start:calc(1% * var(--slotted-progress-indicator-travel-start));position:absolute}@keyframes slotted-progress-indicator-travel{0%{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: -14}45%{--slotted-progress-indicator-travel-size: 46}to{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: 100}}[data-ui=progress-indicator][data-part=root][data-placement=page]{--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-block-start:0;inset-inline:0;position:fixed;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=progress-indicator][data-placement=page] [data-part=track]:after{content:none}[data-ui=progress-indicator][data-part=root]:is([data-placement=edge-start],[data-placement=edge-end]){--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-inline:0;position:var(--slotted-progress-indicator-position, absolute)}[data-ui=progress-indicator][data-part=root][data-placement=edge-start]{inset-block-start:0}[data-ui=progress-indicator][data-part=root][data-placement=edge-end]{inset-block-end:0}[data-ui=progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part=track]:after{content:none}[data-ui=progress-indicator][data-part=root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){--_withdrawn: inset(0 0 100% 0);clip-path:inset(0);transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring),clip-path var(--slotted-duration-medium) var(--slotted-easing-enter),opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=progress-indicator][data-part=root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){clip-path:var(--_withdrawn);opacity:0}}[data-ui=progress-indicator][data-part=root][data-placement=edge-end]{--_withdrawn: inset(100% 0 0 0)}[data-ui=progress-indicator][data-part=root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end])[hidden]{clip-path:var(--_withdrawn);opacity:0;transition:clip-path var(--slotted-duration-short) var(--slotted-easing-exit),opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) allow-discrete}[data-ui=progress-indicator][data-part=root][data-shape=circular],[data-ui=progress-indicator][data-part=root][data-shape=morph]{align-items:center;column-gap:var(--_text-gap);display:inline-flex}[data-ui=progress-indicator][data-shape=circular] svg{--_stroke: var(--slotted-progress-indicator-stroke, 6);block-size:var(--_size);flex:none;inline-size:var(--_size);rotate:-90deg}[data-ui=progress-indicator][data-shape=circular] [data-part=track],[data-ui=progress-indicator][data-shape=circular] [data-part=indicator]{fill:none;stroke-linecap:round;stroke-width:var(--_stroke)}[data-ui=progress-indicator][data-shape=circular] [data-part=indicator]{stroke:var(--_ink);stroke-dasharray:var(--_percent) 100;stroke-opacity:clamp(0,calc(var(--_percent) * 1000),1)}[data-ui=progress-indicator][data-shape=circular] [data-part=track]{--_arc-gap: calc(3.2*clamp(0, calc(var(--_percent) * 1000), 1)) ;stroke:var(--_track-color);stroke-dasharray:calc(100 - var(--_percent) - 2 * var(--_arc-gap)) 100;stroke-dashoffset:calc(-1 * (var(--_percent) + var(--_arc-gap)))}@container style(--slotted-progress-indicator-percent: 100){[data-ui=progress-indicator][data-shape=circular] [data-part=track]{stroke:transparent}}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] [data-part=track]{stroke:transparent}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] svg{animation:slotted-progress-indicator-turn var(--slotted-duration-loop) linear infinite}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] [data-part=indicator]{animation:slotted-progress-indicator-sweep var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;stroke-opacity:1;transition:none}@keyframes slotted-progress-indicator-turn{0%{rotate:-90deg}to{rotate:270deg}}@keyframes slotted-progress-indicator-sweep{0%{stroke-dasharray:4 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-18}to{stroke-dasharray:4 100;stroke-dashoffset:-100}}[data-ui=progress-indicator][data-part=root][data-wave]{--slotted-progress-indicator-wave-amplitude: min( clamp(0, calc((var(--_percent) - 6) / 10), 1), clamp(0, calc((96 - var(--_percent)) / 12), 1) );animation:slotted-progress-indicator-wave var(--slotted-duration-loop) linear infinite}[data-ui=progress-indicator][data-part=root][data-wave][data-indeterminate]{--slotted-progress-indicator-wave-amplitude: 1}@keyframes slotted-progress-indicator-wave{0%{--slotted-progress-indicator-wave-phase: 0}to{--slotted-progress-indicator-wave-phase: 1}}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=track]{container-type:inline-size;margin-block:calc(.75 * var(--_thickness))}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator]{--_wave-length: 10;background-color:transparent;block-size:calc(2.5 * var(--_thickness));inline-size:calc(1200 * var(--_thickness));inset-block:calc(-.75 * var(--_thickness)) auto;inset-inline-start:0;overflow:visible;position:absolute}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator]:dir(rtl){transform:scaleX(-1)}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator] path{--_track-units: tan(atan2(100cqi, var(--_thickness)));--_window-start: 0;--_window-size: var(--_percent);--_hidden: calc(var(--slotted-progress-indicator-wave-phase) * var(--_wave-length));fill:none;stroke:var(--_ink);stroke-dasharray:max(0,calc(var(--_window-size) * var(--_track-units) / 100 - 1)) 100000;stroke-dashoffset:calc(-1 * (var(--_hidden) + var(--_window-start) * var(--_track-units) / 100 + .5));stroke-linecap:round;stroke-opacity:clamp(0,calc(var(--_window-size) * 1000),1);stroke-width:1;transform:translate(calc(-1 * var(--_hidden) * 1px))}[data-ui=progress-indicator][data-shape=linear][data-wave]:not([data-indeterminate]) [data-part=indicator] path{animation:slotted-progress-indicator-flatten-bar var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui=progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part=indicator]{--_wave-length: 5;animation:slotted-progress-indicator-travel var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite}[data-ui=progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part=indicator] path{--_window-start: var(--slotted-progress-indicator-travel-start);--_window-size: var(--slotted-progress-indicator-travel-size)}[data-ui=progress-indicator][data-shape=circular][data-wave] svg{--_stroke: var(--slotted-progress-indicator-stroke, 5);block-size:calc(1.2 * var(--_size));inline-size:calc(1.2 * var(--_size));overflow:visible}[data-ui=progress-indicator][data-shape=circular][data-wave] [data-part=indicator]{rotate:calc(-45deg * var(--slotted-progress-indicator-wave-phase));stroke-dasharray:var(--_percent) calc(100 - var(--_percent));stroke-dashoffset:calc(-12.5 * var(--slotted-progress-indicator-wave-phase));transform-box:view-box;transform-origin:50% 50%}[data-ui=progress-indicator][data-shape=circular][data-wave]:not([data-indeterminate]) [data-part=indicator]{animation:slotted-progress-indicator-flatten-ring var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui=progress-indicator][data-part=root][data-wave]{--_scrub: var(--slotted-duration-long);--_taper: cubic-bezier(.45, 0, .55, 1)}@keyframes slotted-progress-indicator-flatten-bar{0%{d:path(\"M0-0.75c1.82 0 3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5\")}to{d:path(\"M0 0c1.82 0 3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0\")}}@keyframes slotted-progress-indicator-flatten-ring{0%{d:path(\"M45.6 24C45.6 26.83 41.92 28.82 41 31.04C40.08 33.27 41.27 37.27 39.27 39.27C37.27 41.27 33.27 40.08 31.04 41C28.82 41.92 26.83 45.6 24 45.6C21.17 45.6 19.18 41.92 16.96 41C14.73 40.08 10.73 41.27 8.73 39.27C6.73 37.27 7.92 33.27 7 31.04C6.08 28.82 2.4 26.83 2.4 24C2.4 21.17 6.08 19.18 7 16.96C7.92 14.73 6.73 10.73 8.73 8.73C10.73 6.73 14.73 7.92 16.96 7C19.18 6.08 21.17 2.4 24 2.4C26.83 2.4 28.82 6.08 31.04 7C33.27 7.92 37.27 6.73 39.27 8.73C41.27 10.73 40.08 14.73 41 16.96C41.92 19.18 45.6 21.17 45.6 24Z\")}to{d:path(\"M44 24C44 26.62 43.48 29.23 42.48 31.65C41.48 34.07 39.99 36.29 38.14 38.14C36.29 39.99 34.07 41.48 31.65 42.48C29.23 43.48 26.62 44 24 44C21.38 44 18.77 43.48 16.35 42.48C13.93 41.48 11.71 39.99 9.86 38.14C8.01 36.29 6.52 34.07 5.52 31.65C4.52 29.23 4 26.62 4 24C4 21.38 4.52 18.77 5.52 16.35C6.52 13.93 8.01 11.71 9.86 9.86C11.71 8.01 13.93 6.52 16.35 5.52C18.77 4.52 21.38 4 24 4C26.62 4 29.23 4.52 31.65 5.52C34.07 6.52 36.29 8.01 38.14 9.86C39.99 11.71 41.48 13.93 42.48 16.35C43.48 18.77 44 21.38 44 24Z\")}}[data-ui=progress-indicator][data-shape=morph] [data-part=track]{block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);display:grid;flex:none;inline-size:var(--_size);place-items:center}[data-ui=progress-indicator][data-shape=morph][data-contained] [data-part=track]{background-color:var(--_track-color)}[data-ui=progress-indicator][data-shape=morph] [data-part=track]{animation:slotted-progress-indicator-drift calc(2 * var(--slotted-duration-loop-slow)) linear infinite}[data-ui=progress-indicator][data-shape=morph] [data-part=indicator]{animation:slotted-progress-indicator-morph calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite,slotted-progress-indicator-lurch calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite;background-color:var(--_ink);block-size:100%;inline-size:100%}[data-ui=progress-indicator][data-shape=morph][data-contained] [data-part=indicator]{--_shape: round(nearest, calc(.79 * var(--_size)), 2px);block-size:var(--_shape);inline-size:var(--_shape)}@keyframes slotted-progress-indicator-drift{to{rotate:250deg}}@keyframes slotted-progress-indicator-lurch{0%{rotate:0deg}20%{rotate:90deg}40%{rotate:180deg}60%{rotate:270deg}80%{rotate:360deg}to{rotate:450deg}}@keyframes slotted-progress-indicator-morph{0%{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}20%{clip-path:polygon(50% 0%,59.3% 3.4%,65.9% 11.5%,69.9% 20.3%,73.6% 26.4%,79.7% 30.1%,88.5% 34.1%,96.6% 40.7%,100% 50%,96.6% 59.3%,88.5% 65.9%,79.7% 69.9%,73.6% 73.6%,69.9% 79.7%,65.9% 88.5%,59.3% 96.6%,50% 100%,40.7% 96.6%,34.1% 88.5%,30.1% 79.7%,26.4% 73.6%,20.3% 69.9%,11.5% 65.9%,3.4% 59.3%,0% 50%,3.4% 40.7%,11.5% 34.1%,20.3% 30.1%,26.4% 26.4%,30.1% 20.3%,34.1% 11.5%,40.7% 3.4%)}40%{clip-path:polygon(50% 6.9%,59.5% 2.1%,68.9% 4.3%,74.7% 13%,77% 23%,80.2% 29.8%,87.4% 34.5%,96% 40.8%,100% 50%,96% 59.2%,87.4% 65.5%,80.2% 70.2%,77% 77%,74.7% 87%,68.9% 95.7%,59.5% 97.9%,50% 93.1%,42.7% 86.7%,35.9% 83.9%,26.8% 84.7%,16.1% 83.9%,8.5% 77.7%,7.7% 67.5%,11.5% 57.7%,13.8% 50%,11.5% 42.3%,7.7% 32.5%,8.5% 22.3%,16.1% 16.1%,26.8% 15.3%,35.9% 16.1%,42.7% 13.3%)}60%{clip-path:polygon(50% 9.7%,56.8% 15.7%,62% 21%,67.1% 24.4%,73.7% 26.3%,82% 28.6%,90.7% 33.2%,97.4% 40.6%,100% 50%,97.4% 59.4%,90.7% 66.8%,82% 71.4%,73.7% 73.7%,67.1% 75.6%,62% 79%,56.8% 84.3%,50% 90.3%,41.1% 94.8%,31.1% 95.5%,22.3% 91.4%,16.6% 83.4%,14.9% 73.5%,16.2% 64%,18.3% 56.3%,19.4% 50%,18.3% 43.7%,16.2% 36%,14.9% 26.5%,16.6% 16.6%,22.3% 8.6%,31.1% 4.5%,41.1% 5.2%)}80%{clip-path:polygon(50% 23.1%,55.4% 22.7%,61.6% 22%,68.9% 21.7%,77.2% 22.8%,85.7% 26.2%,93.1% 32.2%,98.2% 40.4%,100% 50%,98.2% 59.6%,93.1% 67.8%,85.7% 73.8%,77.2% 77.2%,68.9% 78.3%,61.6% 78%,55.4% 77.3%,50% 76.9%,44.6% 77.3%,38.4% 78%,31.1% 78.3%,22.8% 77.2%,14.3% 73.8%,6.9% 67.8%,1.8% 59.6%,0% 50%,1.8% 40.4%,6.9% 32.2%,14.3% 26.2%,22.8% 22.8%,31.1% 21.7%,38.4% 22%,44.6% 22.7%)}to{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}}@media(prefers-reduced-motion:reduce){[data-ui=progress-indicator][data-part=root],[data-ui=progress-indicator] [data-part=indicator]:not(path),[data-ui=progress-indicator] [data-part=track],[data-ui=progress-indicator] svg{animation:none!important}[data-ui=progress-indicator][data-shape=linear][data-indeterminate] [data-part=indicator]{--slotted-progress-indicator-travel-size: 46;--slotted-progress-indicator-travel-start: 27}[data-ui=progress-indicator][data-shape=circular][data-indeterminate] [data-part=indicator]{stroke-dasharray:34 100}[data-ui=progress-indicator][data-part=root][data-wave]{animation:none}}@media(forced-colors:active){[data-ui=progress-indicator][data-shape=linear] [data-part=track]{background-color:Canvas;outline:var(--slotted-border-width-thin, 1px) solid ButtonBorder;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}[data-ui=progress-indicator][data-shape=linear] [data-part=track]:before,[data-ui=progress-indicator][data-shape=linear] [data-part=track]:after{content:none}[data-ui=progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part=track]{background-color:transparent;outline:none}[data-ui=progress-indicator] [data-part=indicator]{background-color:Highlight}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator]{background-color:transparent}[data-ui=progress-indicator][data-shape=linear][data-wave] [data-part=indicator] path{stroke:Highlight}[data-ui=progress-indicator][data-shape=circular] [data-part=indicator]{background-color:transparent;stroke:Highlight}[data-ui=progress-indicator][data-shape=circular] [data-part=track]{stroke:ButtonBorder}[data-ui=progress-indicator][data-shape=morph][data-contained] [data-part=track]{background-color:Canvas}}}\n"] }]
|
|
1559
|
+
`, styles: ["@layer slotted.components{[data-ui-upload][data-part-root],[data-ui-upload][data-part-viewer]{--_font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_control-height: var(--slotted-control-height-md, 34px);--_control-inset: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_preview-size: var(--slotted-upload-preview-size, calc(2 * var(--_glyph-size)));--_state-hover: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-upload-state-layer-active, 14%), transparent );--_section-gap: var(--slotted-upload-section-gap, var(--slotted-space-5, .75rem));--_item-gap: var(--slotted-upload-item-gap, var(--slotted-space-4, .5rem));--_line-gap: var(--slotted-upload-line-gap, var(--slotted-space-1, .125rem));--_item-inset-block: var(--slotted-upload-item-padding-block, var(--slotted-space-4, .5rem));--_item-inset-inline: var( --slotted-upload-item-padding-inline, var(--slotted-space-5, .75rem) );--_radius: var(--slotted-upload-radius, var(--slotted-radius-md, 6px));--_item-radius: var(--slotted-upload-item-radius, var(--slotted-radius-md, 6px));--_border-width: var(--slotted-upload-border-width, var(--slotted-border-width-thin, 1px));--_zone-inset-block: var(--slotted-upload-zone-padding-block, var(--slotted-space-9, 2rem));--_zone-inset-inline: var(--slotted-upload-zone-padding-inline, var(--slotted-space-6, 1rem));--_zone-border-width: var( --slotted-upload-zone-border-width, var(--slotted-border-width-medium, 1.5px) );--_zone-edge: var(--slotted-upload-zone-border-color, var(--slotted-border-strong));--_zone-ground: var(--slotted-upload-zone-background, var(--slotted-surface-sunken));--_zone-glyph-size: var(--slotted-upload-zone-icon-size, calc(1.5 * var(--_glyph-size)));--_action-glyph-size: max(var(--slotted-upload-icon-size-min, 14px), var(--_glyph-size));--_action-size: var( --slotted-upload-action-size, max( var(--slotted-target-min, 24px), min( calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) ) ) );--_status-text: var(--slotted-text-muted);--_item-surface: var(--slotted-upload-item-background, var(--slotted-surface));--_item-border: var(--slotted-upload-item-border-color, var(--slotted-border-subtle));--_kind-tile: var(--slotted-upload-kind-other);--_leading: round(up, calc(1em * var(--slotted-line-height-md, 1.5)), 1px);color:var(--slotted-text);font-family:var(--slotted-upload-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-upload][data-part-root]{container-name:slotted-upload;container-type:inline-size;inline-size:100%;display:flex;flex-direction:column;gap:var(--_section-gap)}[data-ui-upload][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_control-height: var(--slotted-control-height-sm, 30px);--_control-inset: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui-upload][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_control-height: var(--slotted-control-height-lg, 38px);--_control-inset: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui-upload] [data-part-label]{color:var(--slotted-text);flex:none;font-weight:var(--slotted-upload-label-font-weight, var(--slotted-font-weight-medium, 500))}[data-ui-upload] [data-part-description]{color:var(--slotted-text-muted);flex:none;margin:0}[data-ui-upload] [data-part-dropzone]{--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground);align-items:center;background-color:var(--_zone-surface);border:var(--_zone-border-width) dashed var(--_zone-border-color);border-radius:var(--_radius);display:flex;flex:none;flex-direction:column;gap:var(--_gap);padding-block:var(--_zone-inset-block);padding-inline:var(--_zone-inset-inline);text-align:center;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-upload] [data-part-dropzone]>[data-ui-icon]{--slotted-icon-size: var(--_zone-glyph-size);color:var(--slotted-text-muted)}[data-ui-upload] [data-part-dropzone][data-drop-target]{--_zone-border-color: var(--slotted-tone-accent-border);--_zone-surface: var(--slotted-tone-accent-surface)}[data-ui-upload] [data-part-dropzone][data-drop-invalid]{--_zone-border-color: var(--slotted-tone-danger-border);--_zone-surface: var(--slotted-tone-danger-surface)}[data-ui-upload] [data-part-dropzone][data-browsable]{cursor:pointer}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):hover{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-hover, 4%), var(--_zone-ground) )}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):active{--_zone-surface: color-mix( in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-active, 8%), var(--_zone-ground) )}[data-ui-upload]:not([data-disabled],[data-invalid]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):is(:hover,:active){--_zone-border-color: var(--slotted-text-muted)}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):has([data-part-trigger]:hover){--_zone-border-color: var(--_zone-edge);--_zone-surface: var(--_zone-ground)}[data-ui-upload][data-disabled][data-part-root]{--_zone-edge: var(--slotted-disabled-border);--_zone-ground: var(--slotted-disabled-background)}[data-ui-upload][data-disabled] [data-part-dropzone]{color:var(--slotted-disabled-foreground)}[data-ui-upload][data-invalid][data-part-root]{--_zone-edge: var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-trigger]{align-items:center;background-color:var(--slotted-upload-trigger-background, var(--slotted-surface));block-size:var(--_control-height);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color);border-radius:var(--slotted-control-radius, 4px);box-shadow:var(--slotted-control-shadow);color:var(--slotted-text);cursor:pointer;display:inline-flex;flex:none;font:inherit;font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;padding-inline:var(--_control-inset);position:relative;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),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);white-space:nowrap}[data-ui-upload] [data-part-trigger]>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-upload]:not([data-disabled]) [data-part-trigger]:hover{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-upload]:not([data-disabled]) [data-part-trigger]:active{background-color:var(--slotted-tone-secondary-subtle-active);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-upload][data-disabled] [data-part-trigger]{background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-trigger]:has(: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-upload][data-invalid] [data-part-trigger]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);border-color:var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-input]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:50%;inset-inline-start:50%;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-upload] [data-part-input]:focus-visible{outline:none}[data-ui-upload] [data-part-summary]{align-items:center;color:var(--slotted-text-muted);display:flex;flex:none;gap:var(--_gap);justify-content:space-between}[data-ui-upload] [data-part-clear]{appearance:none;flex:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--slotted-control-radius, 4px);color:inherit;cursor:pointer;font:inherit;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-3, .375rem);text-decoration-line:underline;text-underline-offset:.2em;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-upload] [data-part-clear]:enabled:hover{background-color:var(--_state-hover)}[data-ui-upload] [data-part-clear]:enabled:active{background-color:var(--_state-active)}[data-ui-upload] [data-part-clear]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-clear]: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-upload] [data-part-list]{--_row-block-size: calc( max(var(--_preview-size), 2lh) + 2 * var(--_item-inset-block) + 2 * var(--_border-width) + var(--_item-gap) );display:flex;flex-direction:column;gap:var(--_item-gap);list-style:none;margin:0;flex:1 1 auto;min-block-size:var(--_row-block-size);max-block-size:calc(var(--slotted-upload-visible-rows, 6) * var(--_row-block-size));overflow-y:auto;padding:0}[data-ui-upload] [data-part-item]{align-items:center;flex:none;background-color:var(--_item-surface);border:var(--_border-width) solid var(--_item-border);border-radius:var(--_item-radius);column-gap:var(--_gap);display:grid;grid-template-areas:\"preview body actions\" \"message message message\";grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden;padding-block:var(--_item-inset-block);padding-inline:var(--_item-inset-inline);position:relative;row-gap:var(--_line-gap);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),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-upload] [data-part-item]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-upload] [data-part-item][data-status=success]{--_status-text: var(--slotted-tone-success-text)}[data-ui-upload] [data-part-item][data-status=ready]{border-style:dashed}[data-ui-upload] [data-part-item][data-status=paused],[data-ui-upload] [data-part-item][data-status=stalled]{--_status-text: var(--slotted-tone-warning-text)}[data-ui-upload] [data-part-item][data-status=rejected],[data-ui-upload] [data-part-item][data-status=error]{--_status-text: var(--slotted-tone-danger-text);--_item-surface: var(--slotted-tone-danger-surface);--_item-border: var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-item][data-status=canceled]{--_status-text: var(--slotted-text-muted)}[data-ui-upload][data-disabled] [data-part-item]{color:var(--slotted-disabled-foreground)}[data-ui-upload] [data-part-preview]{align-items:center;background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--slotted-upload-preview-radius, var(--slotted-radius-sm, 4px));color:var(--slotted-upload-kind-foreground);display:inline-flex;flex-direction:column;grid-area:preview;inline-size:var(--_preview-size);justify-content:center;overflow:hidden}[data-ui-upload] [data-part-preview]>img{block-size:100%;inline-size:100%;object-fit:cover}[data-ui-upload] [data-part-preview]>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-upload] [data-part-preview][data-kind=pdf]{--_kind-tile: var(--slotted-upload-kind-pdf)}[data-ui-upload] [data-part-preview][data-kind=document]{--_kind-tile: var(--slotted-upload-kind-document)}[data-ui-upload] [data-part-preview][data-kind=spreadsheet]{--_kind-tile: var(--slotted-upload-kind-spreadsheet)}[data-ui-upload] [data-part-preview][data-kind=presentation]{--_kind-tile: var(--slotted-upload-kind-presentation)}[data-ui-upload] [data-part-preview][data-kind=image]{--_kind-tile: var(--slotted-upload-kind-image)}[data-ui-upload] [data-part-preview][data-kind=video]{--_kind-tile: var(--slotted-upload-kind-video)}[data-ui-upload] [data-part-preview][data-kind=audio]{--_kind-tile: var(--slotted-upload-kind-audio)}[data-ui-upload] [data-part-preview][data-kind=archive]{--_kind-tile: var(--slotted-upload-kind-archive)}[data-ui-upload] [data-part-item]>[data-part-body]{display:flex;flex-direction:column;gap:var(--_line-gap);grid-area:body;min-inline-size:0}[data-ui-upload] [data-part-filename]{display:flex;font-weight:var(--slotted-upload-name-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0;unicode-bidi:isolate}[data-ui-upload] button[data-part-filename]{appearance:none;background:none;border:0;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:start;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-upload] button[data-part-filename]:enabled:hover{text-decoration-line:underline;text-underline-offset:.2em}[data-ui-upload] button[data-part-filename]:enabled:active{text-decoration-line:underline;text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-upload] button[data-part-filename]:focus-visible{border-radius:var(--slotted-control-radius, 4px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-upload][data-layout=grid] button[data-part-preview]{appearance:none;border:0;cursor:pointer;padding:0}[data-ui-upload] [data-part-name]{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-upload] [data-part-extension]{flex:none}[data-ui-upload] [data-part-detail]{align-items:baseline;color:var(--slotted-text-muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);min-inline-size:0}[data-ui-upload] [data-part-meta]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-upload] [data-part-status]{color:var(--_status-text);font-weight:var(--slotted-upload-status-font-weight, var(--slotted-font-weight-medium, 500));min-inline-size:0}[data-ui-upload] [data-part-meta]:has(+[data-part-status]):after{color:var(--slotted-text-muted);content:\" \\b7\";margin-inline-end:.4em}[data-ui-upload] [data-part-message]{color:var(--_status-text);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading);grid-area:message;margin:0}[data-ui-upload] [data-part-progress]{display:block;inset-block-end:0;inset-inline:0;position:absolute}[data-ui-upload] [data-part-actions]{display:inline-flex;gap:var(--slotted-space-1, .125rem);grid-area:actions;justify-content:flex-end}[data-ui-upload] [data-part-viewerexternal],[data-ui-upload] [data-part-viewerclose],[data-ui-upload] [data-part-start],[data-ui-upload] [data-part-pause],[data-ui-upload] [data-part-retry],[data-ui-upload] [data-part-cancel],[data-ui-upload] [data-part-remove]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-upload-action-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;inline-size:var(--_action-size);justify-content:center;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-upload] [data-part-viewerexternal]>[data-ui-icon],[data-ui-upload] [data-part-viewerclose]>[data-ui-icon],[data-ui-upload] [data-part-start]>[data-ui-icon],[data-ui-upload] [data-part-pause]>[data-ui-icon],[data-ui-upload] [data-part-retry]>[data-ui-icon],[data-ui-upload] [data-part-cancel]>[data-ui-icon],[data-ui-upload] [data-part-remove]>[data-ui-icon]{--slotted-icon-size: var(--_action-glyph-size)}@media(pointer:coarse){[data-ui-upload] :is([data-part-viewerexternal],[data-part-viewerclose],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]){position:relative}[data-ui-upload] :is([data-part-viewerexternal],[data-part-viewerclose],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-upload] :is([data-part-viewerexternal],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel]):has(+:is([data-part-viewerclose],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):not([hidden])):after{inset-inline-end:0}[data-ui-upload] :is([data-part-viewerexternal],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel]):not([hidden])+:is([data-part-viewerclose],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):after{inset-inline-start:0}}[data-ui-upload] [data-part-viewerexternal]:enabled:hover,[data-ui-upload] [data-part-viewerclose]:enabled:hover,[data-ui-upload] [data-part-start]:enabled:hover,[data-ui-upload] [data-part-pause]:enabled:hover,[data-ui-upload] [data-part-retry]:enabled:hover,[data-ui-upload] [data-part-cancel]:enabled:hover,[data-ui-upload] [data-part-remove]:enabled:hover{background-color:var(--_state-hover)}[data-ui-upload] [data-part-viewerexternal]:enabled:active,[data-ui-upload] [data-part-viewerclose]:enabled:active,[data-ui-upload] [data-part-start]:enabled:active,[data-ui-upload] [data-part-pause]:enabled:active,[data-ui-upload] [data-part-retry]:enabled:active,[data-ui-upload] [data-part-cancel]:enabled:active,[data-ui-upload] [data-part-remove]:enabled:active{background-color:var(--_state-active)}[data-ui-upload] [data-part-viewerexternal]:disabled,[data-ui-upload] [data-part-viewerclose]:disabled,[data-ui-upload] [data-part-start]:disabled,[data-ui-upload] [data-part-pause]:disabled,[data-ui-upload] [data-part-retry]:disabled,[data-ui-upload] [data-part-cancel]:disabled,[data-ui-upload] [data-part-remove]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-viewerexternal]:focus-visible,[data-ui-upload] [data-part-viewerclose]:focus-visible,[data-ui-upload] [data-part-start]:focus-visible,[data-ui-upload] [data-part-pause]:focus-visible,[data-ui-upload] [data-part-retry]:focus-visible,[data-ui-upload] [data-part-cancel]:focus-visible,[data-ui-upload] [data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-upload][data-part-viewer]{background-color:var(--slotted-surface);block-size:100%;display:grid;grid-row:1 / -1;grid-template-rows:auto minmax(0,1fr);inline-size:100%}[data-ui-upload] [data-part-viewerheader]{align-items:center;border-block-end:var(--_border-width) solid var(--slotted-border-subtle);column-gap:var(--_gap);display:grid;grid-template-columns:minmax(0,1fr) auto;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem)}[data-ui-upload] [data-part-viewertitle]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--_leading);font-weight:var(--slotted-font-weight-semibold, 600);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-upload] [data-part-viewermeta]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--_leading)}[data-ui-upload] [data-part-vieweractions]{align-items:center;display:inline-flex;gap:var(--slotted-space-1, .125rem)}[data-ui-upload] [data-part-viewerstage]{background-color:var(--slotted-surface-sunken);display:grid;min-block-size:0;overflow:hidden;padding:var(--slotted-space-6, 1rem);place-items:center;position:relative}[data-ui-upload] [data-part-viewerstage]>img,[data-ui-upload] [data-part-viewerstage]>iframe{align-self:stretch;block-size:auto;inline-size:auto;justify-self:stretch;min-block-size:0;min-inline-size:0}[data-ui-upload] [data-part-viewerstage]>img{object-fit:contain}[data-ui-upload] [data-part-viewerstage]>iframe{background-color:var(--slotted-surface);border:0}[data-ui-upload] [data-part-viewerstage]>video,[data-ui-upload] [data-part-viewerstage]>audio{max-block-size:100%;max-inline-size:100%;min-block-size:0;min-inline-size:0}[data-ui-upload] [data-part-viewerstage]>[data-part-preview]{block-size:var(--slotted-upload-viewer-tile-size, 6rem);inline-size:var(--slotted-upload-viewer-tile-size, 6rem)}[data-ui-upload] [data-part-viewerstage]>[data-part-preview]>[data-ui-icon]{--slotted-icon-size: calc(3 * var(--_glyph-size))}[data-ui-upload] [data-part-viewerstage]>p{color:var(--slotted-text-muted);margin:0;max-inline-size:28ch;text-align:center}[data-ui-upload] [data-part-viewerstage]:has(>[data-part-preview]){align-items:center;display:flex;flex-direction:column;gap:var(--slotted-space-5, .75rem);justify-content:center}[data-ui-upload] [data-part-viewerprevious],[data-ui-upload] [data-part-viewernext]{align-items:center;appearance:none;background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-viewer-control-opacity, 92%),transparent);block-size:var(--slotted-upload-viewer-control-size, 2.5rem);border:0;border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-text);cursor:pointer;display:inline-flex;inline-size:var(--slotted-upload-viewer-control-size, 2.5rem);justify-content:center;padding:0;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-upload] [data-part-viewerprevious]{inset-inline-start:var(--slotted-space-5, .75rem)}[data-ui-upload] [data-part-viewernext]{inset-inline-end:var(--slotted-space-5, .75rem)}[data-ui-upload] [data-part-viewerprevious]>[data-ui-icon],[data-ui-upload] [data-part-viewernext]>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-upload] [data-part-viewerprevious]>[data-ui-icon]{rotate:180deg}[data-ui-upload] [data-part-viewerprevious]:enabled:hover,[data-ui-upload] [data-part-viewernext]:enabled:hover{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-hover, 8%),var(--slotted-surface))}[data-ui-upload] [data-part-viewerprevious]:enabled:active,[data-ui-upload] [data-part-viewernext]:enabled:active{background-color:color-mix(in oklab,currentcolor var(--slotted-upload-state-layer-active, 14%),var(--slotted-surface));translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-upload] [data-part-viewerprevious]:disabled,[data-ui-upload] [data-part-viewernext]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-viewerprevious]:focus-visible,[data-ui-upload] [data-part-viewernext]: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-field] [data-ui-upload]>[data-part-label],[data-ui-field] [data-ui-upload]>[data-part-description],[data-ui-field] [data-ui-upload]>[data-part-message]{display:none}[data-ui-field] [data-ui-upload][data-part-root]{--_section-gap: var(--slotted-upload-field-section-gap, var(--slotted-space-4, .5rem))}[data-ui-upload][data-variant=button] [data-part-trigger]{align-self:start}[data-ui-upload][data-variant=field]:where([data-part-root]){--_zone-edge: var(--slotted-control-border-color);--_zone-ground: var(--slotted-control-surface, Field)}[data-ui-upload][data-variant=field] [data-part-dropzone]{align-items:center;border-style:solid;border-width:var(--slotted-control-border-width, 1px);flex-direction:row;gap:var(--_gap);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-2, .25rem);text-align:start}[data-ui-upload][data-layout=grid] [data-part-list]{display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fill,minmax(var(--slotted-upload-card-measure, 9rem),1fr))}[data-ui-upload][data-layout=grid] [data-part-item]{align-content:start;align-items:stretch;container-type:inline-size;grid-template-areas:\"preview\" \"body\" \"message\";grid-template-columns:minmax(0,1fr)}[data-ui-upload][data-layout=grid] [data-part-preview]{block-size:round(down,75cqi,1px);inline-size:100%}[data-ui-upload][data-layout=grid] [data-part-actions]{background-color:color-mix(in oklab,var(--slotted-surface) var(--slotted-upload-card-actions-opacity, 96%),transparent);border-radius:var(--_item-radius);box-shadow:var(--slotted-shadow-xs);inset-block-start:calc(var(--_item-inset-block) + var(--slotted-space-3, .375rem));inset-inline-end:calc(var(--_item-inset-inline) + var(--slotted-space-3, .375rem));margin-block-start:0;min-inline-size:0;padding:var(--slotted-space-1, .125rem);position:absolute}[data-ui-upload][data-layout=grid] [data-part-preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--slotted-font-size-sm, .8125rem);font-weight:var(--slotted-font-weight-semibold, 600);letter-spacing:.06em;margin-block-start:var(--slotted-space-3, .375rem);text-transform:uppercase}[data-ui-upload][data-layout=grid] [data-part-preview]>[data-ui-icon]{--slotted-icon-size: calc(2 * var(--_glyph-size))}@container slotted-upload (max-width: 30rem){[data-ui-upload] [data-part-summary]{align-items:start;flex-direction:column}}@container slotted-upload (max-width: 26rem){[data-ui-upload] [data-part-item]{grid-template-areas:\"preview body\" \"preview actions\" \"message message\";grid-template-columns:auto minmax(0,1fr)}[data-ui-upload] [data-part-preview]{align-self:start}[data-ui-upload] [data-part-actions]{justify-content:flex-start;margin-inline-start:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui-upload] [data-part-dropzone]{padding-block:var(--slotted-space-6, 1rem)}}@media(forced-colors:active){[data-ui-upload] [data-part-item][data-status=rejected],[data-ui-upload] [data-part-item][data-status=error]{--_item-border: CanvasText}[data-ui-upload] [data-part-preview]{border:var(--_border-width) solid ButtonBorder}[data-ui-upload] [data-part-dropzone][data-drop-target],[data-ui-upload] [data-part-dropzone][data-drop-invalid]{--_zone-border-color: Highlight}[data-ui-upload] :is([data-part-clear],[data-part-viewerexternal],[data-part-viewerclose],[data-part-viewerprevious],[data-part-viewernext],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):enabled:is(:hover,:active){background-color:Highlight;color:HighlightText}}@media(forced-colors:active){[data-ui-upload][data-invalid] [data-part-trigger]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui-upload][data-invalid] [data-part-trigger]:has(:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}}}\n", "@property --slotted-progress-indicator-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-buffer-percent{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-start{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-travel-size{syntax: \"<number>\"; inherits: true; initial-value: 100;}@property --slotted-progress-indicator-wave-phase{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --slotted-progress-indicator-wave-amplitude{syntax: \"<number>\"; inherits: true; initial-value: 1;}@layer slotted.components{[data-ui-progress-indicator][data-part-root]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-accent-text));--_track-color: var( --slotted-progress-indicator-track-color, color-mix(in oklab, var(--_ink) 24%, var(--slotted-surface)) );--_buffer-color: var(--slotted-progress-indicator-buffer-color, transparent);--_percent: var(--slotted-progress-indicator-percent, 0);--_buffer-percent: var(--slotted-progress-indicator-buffer-percent, 0);--_lead: max(var(--_percent), var(--_buffer-percent));--_font-size: var(--slotted-control-font-size-md, 13px);--_text-gap: var(--slotted-space-4, .5rem);--_row-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-3, .375rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-full, 9999px));--_gap: var(--slotted-progress-indicator-gap, var(--_thickness));font-family:var(--slotted-control-font-family, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0;--_settle: calc(4 * var(--slotted-duration-long));--_spring: linear( 0, .078, .235, .401, .549, .669, .762, .831, .882, .918, .944, .962, .974, .982, .988, .992, .995, .996, .998, .998, 1 );transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring)}[data-ui-progress-indicator][hidden]{display:none}[data-ui-progress-indicator][data-part-root][data-tone=secondary]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-border-strong))}[data-ui-progress-indicator][data-part-root][data-tone=success]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-success-text))}[data-ui-progress-indicator][data-part-root][data-tone=info]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-info-text))}[data-ui-progress-indicator][data-part-root][data-tone=warning]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-warning-text))}[data-ui-progress-indicator][data-part-root][data-tone=danger]{--_ink: var(--slotted-progress-indicator-indicator-color, var(--slotted-tone-danger-text))}[data-ui-progress-indicator][data-part-root][data-buffered]{--_buffer-color: var( --slotted-progress-indicator-buffer-color, color-mix(in oklab, var(--_ink) 52%, var(--slotted-surface)) )}[data-ui-progress-indicator][data-part-root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_text-gap: var(--slotted-space-3, .375rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-2, .25rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-sm, 30px))}[data-ui-progress-indicator][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_row-gap: var(--slotted-space-4, .5rem);--_thickness: var(--slotted-progress-indicator-thickness, var(--slotted-space-4, .5rem));--_size: var(--slotted-progress-indicator-size, var(--slotted-control-height-lg, 38px))}[data-ui-progress-indicator] [data-part-label]{color:var(--slotted-text, CanvasText);min-inline-size:0;overflow-wrap:break-word}[data-ui-progress-indicator] [data-part-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-progress-indicator][data-part-root][data-shape=linear]{align-items:baseline;column-gap:var(--_text-gap);display:grid;grid-template-columns:1fr auto;row-gap:var(--_row-gap)}[data-ui-progress-indicator][data-shape=linear]>[data-part-label]{grid-column:1}[data-ui-progress-indicator][data-shape=linear]>[data-part-value]{grid-column:2;justify-self:end}[data-ui-progress-indicator][data-shape=linear]>[data-part-track]{grid-column:1 / -1}[data-ui-progress-indicator][data-shape=linear] [data-part-track]{background-color:var(--_buffer-color);block-size:var(--_thickness);border-radius:var(--_radius);inline-size:100%;isolation:isolate;overflow-x:clip;overflow-y:visible;position:relative}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before{background-color:var(--_track-color);border-radius:inherit;content:\"\";inset-block:0;inset-inline-end:0;inset-inline-start:calc(1% * var(--_lead) + var(--_gap));position:absolute}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{background-color:var(--_ink);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inline-size:var(--_thickness);inset-block:0;inset-inline-end:0;position:absolute}[data-ui-progress-indicator][data-shape=linear] [data-part-indicator]{background-color:var(--_ink);block-size:100%;border-radius:inherit;inline-size:calc(1% * var(--_percent));position:relative}@container style(--slotted-progress-indicator-percent: 100){[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before,[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{content:none}}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-track]:before{inset-inline-start:0}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-track]:after{content:none}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]{animation:slotted-progress-indicator-glide var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;inline-size:100%;inset-block:0;inset-inline-start:0;position:absolute;scale:.14 1;transform-origin:left;translate:-14% 0}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]:dir(rtl){animation-name:slotted-progress-indicator-glide-rtl;transform-origin:right;translate:14% 0}@keyframes slotted-progress-indicator-glide{0%{scale:.14 1;translate:-14% 0}45%{scale:.46 1}to{scale:.14 1;translate:100% 0}}@keyframes slotted-progress-indicator-glide-rtl{0%{scale:.14 1;translate:14% 0}45%{scale:.46 1}to{scale:.14 1;translate:-100% 0}}@keyframes slotted-progress-indicator-travel{0%{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: -14}45%{--slotted-progress-indicator-travel-size: 46}to{--slotted-progress-indicator-travel-size: 14;--slotted-progress-indicator-travel-start: 100}}[data-ui-progress-indicator][data-part-root][data-placement=page]{--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-block-start:0;inset-inline:0;position:fixed;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-progress-indicator][data-placement=page] [data-part-track]:after{content:none}[data-ui-progress-indicator][data-part-root]:is([data-placement=edge-start],[data-placement=edge-end]){--_radius: var(--slotted-progress-indicator-radius, var(--slotted-radius-none, 0px));--_track-color: var(--slotted-progress-indicator-track-color, transparent);--_gap: var(--slotted-progress-indicator-gap, 0);inset-inline:0;position:var(--slotted-progress-indicator-position, absolute)}[data-ui-progress-indicator][data-part-root][data-placement=edge-start]{inset-block-start:0}[data-ui-progress-indicator][data-part-root][data-placement=edge-end]{inset-block-end:0}[data-ui-progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part-track]:after{content:none}[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){--_withdrawn: inset(0 0 100% 0);clip-path:inset(0);transition:--slotted-progress-indicator-percent var(--_settle) var(--_spring),--slotted-progress-indicator-buffer-percent var(--_settle) var(--_spring),clip-path var(--slotted-duration-medium) var(--slotted-easing-enter),opacity var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end]){clip-path:var(--_withdrawn);opacity:0}}[data-ui-progress-indicator][data-part-root][data-placement=edge-end]{--_withdrawn: inset(100% 0 0 0)}[data-ui-progress-indicator][data-part-root]:is([data-placement=page],[data-placement=edge-start],[data-placement=edge-end])[hidden]{clip-path:var(--_withdrawn);opacity:0;transition:clip-path var(--slotted-duration-short) var(--slotted-easing-exit),opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) allow-discrete}[data-ui-progress-indicator][data-part-root][data-shape=circular],[data-ui-progress-indicator][data-part-root][data-shape=morph]{align-items:center;column-gap:var(--_text-gap);display:inline-flex}[data-ui-progress-indicator][data-shape=circular] svg{--_stroke: var(--slotted-progress-indicator-stroke, 6);block-size:var(--_size);flex:none;inline-size:var(--_size);rotate:-90deg}[data-ui-progress-indicator][data-shape=circular] [data-part-track],[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{fill:none;stroke-linecap:round;stroke-width:var(--_stroke)}[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{stroke:var(--_ink);stroke-dasharray:var(--_percent) 100;stroke-opacity:clamp(0,calc(var(--_percent) * 1000),1)}[data-ui-progress-indicator][data-shape=circular] [data-part-track]{--_arc-gap: calc(3.2*clamp(0, calc(var(--_percent) * 1000), 1)) ;stroke:var(--_track-color);stroke-dasharray:calc(100 - var(--_percent) - 2 * var(--_arc-gap)) 100;stroke-dashoffset:calc(-1 * (var(--_percent) + var(--_arc-gap)))}@container style(--slotted-progress-indicator-percent: 100){[data-ui-progress-indicator][data-shape=circular] [data-part-track]{stroke:transparent}}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-track]{stroke:transparent}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] svg{animation:slotted-progress-indicator-turn var(--slotted-duration-loop) linear infinite}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-indicator]{animation:slotted-progress-indicator-sweep var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite;stroke-opacity:1;transition:none}@keyframes slotted-progress-indicator-turn{0%{rotate:-90deg}to{rotate:270deg}}@keyframes slotted-progress-indicator-sweep{0%{stroke-dasharray:4 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-18}to{stroke-dasharray:4 100;stroke-dashoffset:-100}}[data-ui-progress-indicator][data-part-root][data-wave]{--slotted-progress-indicator-wave-amplitude: min( clamp(0, calc((var(--_percent) - 6) / 10), 1), clamp(0, calc((96 - var(--_percent)) / 12), 1) );animation:slotted-progress-indicator-wave var(--slotted-duration-loop) linear infinite}[data-ui-progress-indicator][data-part-root][data-wave][data-indeterminate]{--slotted-progress-indicator-wave-amplitude: 1}@keyframes slotted-progress-indicator-wave{0%{--slotted-progress-indicator-wave-phase: 0}to{--slotted-progress-indicator-wave-phase: 1}}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-track]{container-type:inline-size;margin-block:calc(.75 * var(--_thickness))}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]{--_wave-length: 10;background-color:transparent;block-size:calc(2.5 * var(--_thickness));inline-size:calc(1200 * var(--_thickness));inset-block:calc(-.75 * var(--_thickness)) auto;inset-inline-start:0;overflow:visible;position:absolute}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]:dir(rtl){transform:scaleX(-1)}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator] path{--_track-units: tan(atan2(100cqi, var(--_thickness)));--_window-start: 0;--_window-size: var(--_percent);--_hidden: calc(var(--slotted-progress-indicator-wave-phase) * var(--_wave-length));fill:none;stroke:var(--_ink);stroke-dasharray:max(0,calc(var(--_window-size) * var(--_track-units) / 100 - 1)) 100000;stroke-dashoffset:calc(-1 * (var(--_hidden) + var(--_window-start) * var(--_track-units) / 100 + .5));stroke-linecap:round;stroke-opacity:clamp(0,calc(var(--_window-size) * 1000),1);stroke-width:1;transform:translate(calc(-1 * var(--_hidden) * 1px))}[data-ui-progress-indicator][data-shape=linear][data-wave]:not([data-indeterminate]) [data-part-indicator] path{animation:slotted-progress-indicator-flatten-bar var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui-progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part-indicator]{--_wave-length: 5;animation:slotted-progress-indicator-travel var(--slotted-duration-loop-slow) var(--slotted-easing-standard) infinite}[data-ui-progress-indicator][data-shape=linear][data-wave][data-indeterminate] [data-part-indicator] path{--_window-start: var(--slotted-progress-indicator-travel-start);--_window-size: var(--slotted-progress-indicator-travel-size)}[data-ui-progress-indicator][data-shape=circular][data-wave] svg{--_stroke: var(--slotted-progress-indicator-stroke, 5);block-size:calc(1.2 * var(--_size));inline-size:calc(1.2 * var(--_size));overflow:visible}[data-ui-progress-indicator][data-shape=circular][data-wave] [data-part-indicator]{rotate:calc(-45deg * var(--slotted-progress-indicator-wave-phase));stroke-dasharray:var(--_percent) calc(100 - var(--_percent));stroke-dashoffset:calc(-12.5 * var(--slotted-progress-indicator-wave-phase));transform-box:view-box;transform-origin:50% 50%}[data-ui-progress-indicator][data-shape=circular][data-wave]:not([data-indeterminate]) [data-part-indicator]{animation:slotted-progress-indicator-flatten-ring var(--_scrub) var(--_taper) both paused;animation-delay:calc(-1 * var(--_scrub) * (1 - var(--slotted-progress-indicator-wave-amplitude)))}[data-ui-progress-indicator][data-part-root][data-wave]{--_scrub: var(--slotted-duration-long);--_taper: cubic-bezier(.45, 0, .55, 1)}@keyframes slotted-progress-indicator-flatten-bar{0%{d:path(\"M0-0.75c1.82 0 3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5s3.18 1.5 5 1.5s3.18-1.5 5-1.5\")}to{d:path(\"M0 0c1.82 0 3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0s3.18 0 5 0\")}}@keyframes slotted-progress-indicator-flatten-ring{0%{d:path(\"M45.6 24C45.6 26.83 41.92 28.82 41 31.04C40.08 33.27 41.27 37.27 39.27 39.27C37.27 41.27 33.27 40.08 31.04 41C28.82 41.92 26.83 45.6 24 45.6C21.17 45.6 19.18 41.92 16.96 41C14.73 40.08 10.73 41.27 8.73 39.27C6.73 37.27 7.92 33.27 7 31.04C6.08 28.82 2.4 26.83 2.4 24C2.4 21.17 6.08 19.18 7 16.96C7.92 14.73 6.73 10.73 8.73 8.73C10.73 6.73 14.73 7.92 16.96 7C19.18 6.08 21.17 2.4 24 2.4C26.83 2.4 28.82 6.08 31.04 7C33.27 7.92 37.27 6.73 39.27 8.73C41.27 10.73 40.08 14.73 41 16.96C41.92 19.18 45.6 21.17 45.6 24Z\")}to{d:path(\"M44 24C44 26.62 43.48 29.23 42.48 31.65C41.48 34.07 39.99 36.29 38.14 38.14C36.29 39.99 34.07 41.48 31.65 42.48C29.23 43.48 26.62 44 24 44C21.38 44 18.77 43.48 16.35 42.48C13.93 41.48 11.71 39.99 9.86 38.14C8.01 36.29 6.52 34.07 5.52 31.65C4.52 29.23 4 26.62 4 24C4 21.38 4.52 18.77 5.52 16.35C6.52 13.93 8.01 11.71 9.86 9.86C11.71 8.01 13.93 6.52 16.35 5.52C18.77 4.52 21.38 4 24 4C26.62 4 29.23 4.52 31.65 5.52C34.07 6.52 36.29 8.01 38.14 9.86C39.99 11.71 41.48 13.93 42.48 16.35C43.48 18.77 44 21.38 44 24Z\")}}[data-ui-progress-indicator][data-shape=morph] [data-part-track]{block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);display:grid;flex:none;inline-size:var(--_size);place-items:center}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-track]{background-color:var(--_track-color)}[data-ui-progress-indicator][data-shape=morph] [data-part-track]{animation:slotted-progress-indicator-drift calc(2 * var(--slotted-duration-loop-slow)) linear infinite}[data-ui-progress-indicator][data-shape=morph] [data-part-indicator]{animation:slotted-progress-indicator-morph calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite,slotted-progress-indicator-lurch calc(2 * var(--slotted-duration-loop-slow)) var(--slotted-easing-emphasized) infinite;background-color:var(--_ink);block-size:100%;inline-size:100%}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-indicator]{--_shape: round(nearest, calc(.79 * var(--_size)), 2px);block-size:var(--_shape);inline-size:var(--_shape)}@keyframes slotted-progress-indicator-drift{to{rotate:250deg}}@keyframes slotted-progress-indicator-lurch{0%{rotate:0deg}20%{rotate:90deg}40%{rotate:180deg}60%{rotate:270deg}80%{rotate:360deg}to{rotate:450deg}}@keyframes slotted-progress-indicator-morph{0%{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}20%{clip-path:polygon(50% 0%,59.3% 3.4%,65.9% 11.5%,69.9% 20.3%,73.6% 26.4%,79.7% 30.1%,88.5% 34.1%,96.6% 40.7%,100% 50%,96.6% 59.3%,88.5% 65.9%,79.7% 69.9%,73.6% 73.6%,69.9% 79.7%,65.9% 88.5%,59.3% 96.6%,50% 100%,40.7% 96.6%,34.1% 88.5%,30.1% 79.7%,26.4% 73.6%,20.3% 69.9%,11.5% 65.9%,3.4% 59.3%,0% 50%,3.4% 40.7%,11.5% 34.1%,20.3% 30.1%,26.4% 26.4%,30.1% 20.3%,34.1% 11.5%,40.7% 3.4%)}40%{clip-path:polygon(50% 6.9%,59.5% 2.1%,68.9% 4.3%,74.7% 13%,77% 23%,80.2% 29.8%,87.4% 34.5%,96% 40.8%,100% 50%,96% 59.2%,87.4% 65.5%,80.2% 70.2%,77% 77%,74.7% 87%,68.9% 95.7%,59.5% 97.9%,50% 93.1%,42.7% 86.7%,35.9% 83.9%,26.8% 84.7%,16.1% 83.9%,8.5% 77.7%,7.7% 67.5%,11.5% 57.7%,13.8% 50%,11.5% 42.3%,7.7% 32.5%,8.5% 22.3%,16.1% 16.1%,26.8% 15.3%,35.9% 16.1%,42.7% 13.3%)}60%{clip-path:polygon(50% 9.7%,56.8% 15.7%,62% 21%,67.1% 24.4%,73.7% 26.3%,82% 28.6%,90.7% 33.2%,97.4% 40.6%,100% 50%,97.4% 59.4%,90.7% 66.8%,82% 71.4%,73.7% 73.7%,67.1% 75.6%,62% 79%,56.8% 84.3%,50% 90.3%,41.1% 94.8%,31.1% 95.5%,22.3% 91.4%,16.6% 83.4%,14.9% 73.5%,16.2% 64%,18.3% 56.3%,19.4% 50%,18.3% 43.7%,16.2% 36%,14.9% 26.5%,16.6% 16.6%,22.3% 8.6%,31.1% 4.5%,41.1% 5.2%)}80%{clip-path:polygon(50% 23.1%,55.4% 22.7%,61.6% 22%,68.9% 21.7%,77.2% 22.8%,85.7% 26.2%,93.1% 32.2%,98.2% 40.4%,100% 50%,98.2% 59.6%,93.1% 67.8%,85.7% 73.8%,77.2% 77.2%,68.9% 78.3%,61.6% 78%,55.4% 77.3%,50% 76.9%,44.6% 77.3%,38.4% 78%,31.1% 78.3%,22.8% 77.2%,14.3% 73.8%,6.9% 67.8%,1.8% 59.6%,0% 50%,1.8% 40.4%,6.9% 32.2%,14.3% 26.2%,22.8% 22.8%,31.1% 21.7%,38.4% 22%,44.6% 22.7%)}to{clip-path:polygon(50% 0%,59.8% 1%,69.1% 3.8%,77.8% 8.4%,85.4% 14.6%,91.6% 22.2%,96.2% 30.9%,99% 40.2%,100% 50%,99% 59.8%,96.2% 69.1%,91.6% 77.8%,85.4% 85.4%,77.8% 91.6%,69.1% 96.2%,59.8% 99%,50% 100%,40.2% 99%,30.9% 96.2%,22.2% 91.6%,14.6% 85.4%,8.4% 77.8%,3.8% 69.1%,1% 59.8%,0% 50%,1% 40.2%,3.8% 30.9%,8.4% 22.2%,14.6% 14.6%,22.2% 8.4%,30.9% 3.8%,40.2% 1%)}}@media(prefers-reduced-motion:reduce){[data-ui-progress-indicator][data-part-root],[data-ui-progress-indicator] [data-part-indicator]:not(path),[data-ui-progress-indicator] [data-part-track],[data-ui-progress-indicator] svg{animation:none!important}[data-ui-progress-indicator][data-shape=linear][data-indeterminate] [data-part-indicator]{--slotted-progress-indicator-travel-size: 46;--slotted-progress-indicator-travel-start: 27}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]{scale:.46 1;translate:27% 0}[data-ui-progress-indicator][data-shape=linear][data-indeterminate]:not([data-wave]) [data-part-indicator]:dir(rtl){translate:-27% 0}[data-ui-progress-indicator][data-shape=circular][data-indeterminate] [data-part-indicator]{stroke-dasharray:34 100}[data-ui-progress-indicator][data-part-root][data-wave]{animation:none}}@media(forced-colors:active){[data-ui-progress-indicator][data-shape=linear] [data-part-track]{background-color:Canvas;outline:var(--slotted-border-width-thin, 1px) solid ButtonBorder;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}[data-ui-progress-indicator][data-shape=linear] [data-part-track]:before,[data-ui-progress-indicator][data-shape=linear] [data-part-track]:after{content:none}[data-ui-progress-indicator]:is([data-placement=edge-start],[data-placement=edge-end]) [data-part-track]{background-color:transparent;outline:none}[data-ui-progress-indicator] [data-part-indicator]{background-color:Highlight}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator]{background-color:transparent}[data-ui-progress-indicator][data-shape=linear][data-wave] [data-part-indicator] path{stroke:Highlight}[data-ui-progress-indicator][data-shape=circular] [data-part-indicator]{background-color:transparent;stroke:Highlight}[data-ui-progress-indicator][data-shape=circular] [data-part-track]{stroke:ButtonBorder}[data-ui-progress-indicator][data-shape=morph][data-contained] [data-part-track]{background-color:Canvas}}}\n"] }]
|
|
1492
1560
|
}], ctorParameters: () => [], propDecorators: { files: [{ type: i0.Input, args: [{ isSignal: true, alias: "files", required: false }] }, { type: i0.Output, args: ["filesChange"] }], viewing: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewing", required: false }] }, { type: i0.Output, args: ["viewingChange"] }], filesChange2: [{ type: i0.Output, args: ["filesRequest"] }], viewingRequest: [{ type: i0.Output, args: ["viewingRequest"] }], reject: [{ type: i0.Output, args: ["reject"] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], directory: [{ type: i0.Input, args: [{ isSignal: true, alias: "directory", required: false }] }], capture: [{ type: i0.Input, args: [{ isSignal: true, alias: "capture", required: false }] }], maxFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFiles", required: false }] }], minFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "minFiles", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], maxTotalSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxTotalSize", required: false }] }], fileValidator: [{ type: i0.Input, args: [{ isSignal: true, alias: "validate", required: false }] }], transform: [{ type: i0.Input, args: [{ isSignal: true, alias: "transform", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], preview: [{ type: i0.Input, args: [{ isSignal: true, alias: "preview", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }], duplicates: [{ type: i0.Input, args: [{ isSignal: true, alias: "duplicates", required: false }] }], clickToBrowse: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickToBrowse", required: false }] }], allowDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDrop", required: false }] }], allowPaste: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowPaste", required: false }] }], preventDocumentDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventDocumentDrop", required: false }] }], autoUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoUpload", required: false }] }], pendingBlocksSubmit: [{ type: i0.Input, args: [{ isSignal: true, alias: "pendingBlocksSubmit", required: false }] }], adapter: [{ type: i0.Input, args: [{ isSignal: true, alias: "adapter", required: false }] }], concurrency: [{ type: i0.Input, args: [{ isSignal: true, alias: "concurrency", required: false }] }], retries: [{ type: i0.Input, args: [{ isSignal: true, alias: "retries", required: false }] }], retryDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "retryDelay", required: false }] }], stallAfter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stallAfter", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], fileKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileKey", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
|
|
1493
1561
|
function optionalNumber(value) {
|
|
1494
1562
|
return value === undefined || value === null || value === '' ? undefined : numberAttribute(value);
|