@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
|
@@ -53,7 +53,7 @@ class SlMessageGroup {
|
|
|
53
53
|
layout = input(undefined, /* @ts-ignore */
|
|
54
54
|
...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
|
|
55
55
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
56
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlMessageGroup, isStandalone: true, selector: "[slMessageGroup]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "message", "data-part": "group" } }, exportAs: ["slMessageGroup"], ngImport: i0 });
|
|
56
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlMessageGroup, isStandalone: true, selector: "[slMessageGroup]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "message", "data-ui-message": "", "data-part": "group", "data-part-group": "" } }, exportAs: ["slMessageGroup"], ngImport: i0 });
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageGroup, decorators: [{
|
|
59
59
|
type: Directive,
|
|
@@ -61,7 +61,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
61
61
|
selector: '[slMessageGroup]',
|
|
62
62
|
standalone: true,
|
|
63
63
|
exportAs: 'slMessageGroup',
|
|
64
|
-
host: {
|
|
64
|
+
host: {
|
|
65
|
+
'data-ui': 'message',
|
|
66
|
+
'data-ui-message': '',
|
|
67
|
+
'data-part': 'group',
|
|
68
|
+
'data-part-group': '',
|
|
69
|
+
},
|
|
65
70
|
}]
|
|
66
71
|
}], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }] } });
|
|
67
72
|
/**
|
|
@@ -141,13 +146,15 @@ class SlMessage {
|
|
|
141
146
|
this.retry.emit({ reason, source });
|
|
142
147
|
}
|
|
143
148
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
144
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlMessage, isStandalone: true, selector: "[slMessage]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, actionsVisibility: { classPropertyName: "actionsVisibility", publicName: "actionsVisibility", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, versionCount: { classPropertyName: "versionCount", publicName: "versionCount", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { version: "versionChange", versionChangeRequest: "versionChangeRequest", retry: "retry" }, host: { attributes: { "data-ui": "message", "data-part": "root" }, properties: { "attr.data-align": "align()", "attr.data-layout": "resolvedLayout()", "attr.data-actions": "resolvedActions()", "attr.data-status": "status() ?? null", "attr.data-loading": "busy() ? '' : null", "attr.data-invalid": "status() === 'failed' ? '' : null", "attr.data-read": "status() === 'read' ? '' : null", "attr.aria-busy": "busy() ? 'true' : null", "attr.aria-labelledby": "labelledBy()" } }, exportAs: ["slMessage"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=message][data-part=root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui=message][data-part=root]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui=message][data-part=root][data-align=end]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui=message][data-part=root]>[data-part=avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui=message][data-part=root]:has(>[data-part=body]>[data-part=footer])>[data-part=avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui=message][data-part=root]>[data-part=body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui=message][data-part=root][data-align=end]>[data-part=body]{align-items:flex-end}[data-ui=message][data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui=message][data-part=root] :is([data-part=header],[data-part=footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui=message][data-part=root][data-align=end] :is([data-part=header],[data-part=footer]){justify-content:flex-end}[data-ui=message][data-part=root] [data-part=header]>*+[data-part=time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui=message][data-part=root] [data-part=author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=message][data-part=root] [data-part=time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]{white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]>[data-ui=icon]{display:none}[data-ui=message][data-part=root][data-invalid]>[data-part=body]>[data-part=footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui=message][data-part=root] [data-part=actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui=message][data-part=root][data-actions=hover] [data-part=actions]{opacity:0}[data-ui=message][data-part=root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part=actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui=message][data-part=root] [data-part=activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui=message][data-part=root] [data-part=activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui=message][data-part=root] [data-part=activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui=message][data-part=root] [data-part=activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]{color:var(--slotted-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui=message][data-part=root] [data-part=versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui=message][data-part=root] [data-part=version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=version-previous]>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) [data-part=version-previous]>[data-ui=icon]{scale:1 1}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=avatar]{align-self:start;margin-block-end:0}[data-ui=message][data-part=root][data-layout=thread] [data-part=author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui=message][data-part=root][data-layout=thread][data-actions=hover]>[data-part=actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui=message][data-part=bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui=message][data-part=bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui=message][data-part=bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui=message][data-part=bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui=message][data-part=bubble]>[data-part=content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=message][data-part=bubble][data-variant=solid]>[data-part=content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui=message][data-part=bubble][data-variant=outline]>[data-part=content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui=message][data-part=bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]{align-items:flex-end}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui=message][data-part=bubble]:has(~[data-part=bubble]),[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:last-child)>[data-part=body]>[data-part=bubble]:not(:has(~[data-part=bubble])){--_bottom-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]~[data-part=bubble],[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:first-child)>[data-part=body]>[data-part=bubble]:not([data-part=bubble]~[data-part=bubble]){--_top-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui=message][data-part=bubble][data-variant=solid] [data-part=meta]{--_read-ink: var(--_on-solid)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]{display:inline-grid;place-items:center}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=read]{color:var(--_read-ink)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=meta]{display:none}[data-ui=message][data-part=bubble][data-clamped]:not([data-revealed])>[data-part=content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui=message][data-part=bubble]>[data-part=more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble]>[data-part=more]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-revealed]>[data-part=more]>[data-ui=icon]{rotate:180deg}[data-ui=message][data-part=bubble]>[data-part=more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui=message][data-part=bubble]>[data-part=more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble]>[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=bubble] [data-part=quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui=message][data-part=bubble] [data-part=quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=bubble] button[data-part=quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble] button[data-part=quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=stream]{white-space:pre-wrap}[data-ui=message][data-part=bubble] [data-part=stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui=message][data-part=bubble] [data-part=caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui=message][data-part=bubble] [data-part=stream]:has(>[data-part=stream-chunk])+[data-part=caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui=message][data-part=bubble] [data-part=typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui=message][data-part=root]>[data-part=body]:has(>[data-part=bubble] [data-part=typing])>[data-part=footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui=message][data-part=bubble] [data-part=typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui=message][data-part=bubble]>[data-part=retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui=message][data-part=bubble]>[data-part=retry]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled])>[data-ui=icon]{rotate:-45deg}[data-ui=message][data-part=bubble]>[data-part=retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui=message][data-part=bubble]>[data-part=retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui=message][data-part=bubble] [data-part=caret],[data-ui=message][data-part=bubble] [data-part=stream-chunk],[data-ui=message][data-part=bubble] [data-part=typing]>span,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after,[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:none}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){opacity:.55}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){opacity:.8}}[data-ui=message][data-part=bubble]:has(>[data-part=reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui=message][data-part=bubble]>[data-part=reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui=message][data-part=bubble][data-variant=plain]:has(>[data-part=reactions]){padding-block-end:0}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui=message][data-part=bubble] [data-part=reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui=message][data-part=bubble] [data-part=reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui=message][data-part=bubble] [data-part=reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]>[data-part=reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble] [data-part=reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui=message][data-part=bubble] [data-part=reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=message][data-part=bubble]>[data-part=content]{border-color:CanvasText}[data-ui=message][data-part=bubble] [data-part=caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{border-color:transparent}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui=message][data-part=bubble] [data-part=quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
149
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlMessage, isStandalone: true, selector: "[slMessage]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, actionsVisibility: { classPropertyName: "actionsVisibility", publicName: "actionsVisibility", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, versionCount: { classPropertyName: "versionCount", publicName: "versionCount", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { version: "versionChange", versionChangeRequest: "versionChangeRequest", retry: "retry" }, host: { attributes: { "data-ui": "message", "data-ui-message": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-align": "align()", "attr.data-layout": "resolvedLayout()", "attr.data-actions": "resolvedActions()", "attr.data-status": "status() ?? null", "attr.data-loading": "busy() ? '' : null", "attr.data-invalid": "status() === 'failed' ? '' : null", "attr.data-read": "status() === 'read' ? '' : null", "attr.aria-busy": "busy() ? 'true' : null", "attr.aria-labelledby": "labelledBy()" } }, exportAs: ["slMessage"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-message][data-part-root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui-message][data-part-root]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui-message][data-part-root][data-align=end]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui-message][data-part-root]>[data-part-avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui-message][data-part-root]:has(>[data-part-body]>[data-part-footer])>[data-part-avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui-message][data-part-root]>[data-part-body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui-message][data-part-root][data-align=end]>[data-part-body]{align-items:flex-end}[data-ui-message][data-part-group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui-message][data-part-root] :is([data-part-header],[data-part-footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui-message][data-part-root][data-align=end] :is([data-part-header],[data-part-footer]){justify-content:flex-end}[data-ui-message][data-part-root] [data-part-header]>*+[data-part-time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui-message][data-part-root] [data-part-author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-message][data-part-root] [data-part-time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]{white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]>[data-ui-icon]{display:none}[data-ui-message][data-part-root][data-invalid]>[data-part-body]>[data-part-footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui-message][data-part-root] [data-part-actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui-message][data-part-root][data-actions=hover] [data-part-actions]{opacity:0}[data-ui-message][data-part-root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part-actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui-message][data-part-root] [data-part-activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui-message][data-part-root] [data-part-activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui-message][data-part-root] [data-part-activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui-message][data-part-root] [data-part-activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]{color:var(--slotted-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui-message][data-part-root] [data-part-versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui-message][data-part-root] [data-part-version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-version-previous]>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) [data-part-version-previous]>[data-ui-icon]{scale:1 1}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-avatar]{align-self:start;margin-block-end:0}[data-ui-message][data-part-root][data-layout=thread] [data-part-author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui-message][data-part-root][data-layout=thread][data-actions=hover]>[data-part-actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui-message][data-part-bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui-message][data-part-bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui-message][data-part-bubble][data-tone=info]{--_solid: var(--slotted-tone-info-solid);--_on-solid: var(--slotted-tone-info-on-solid);--_surface: var(--slotted-tone-info-surface);--_border: var(--slotted-tone-info-border);--_soft-ink: var(--slotted-tone-info-text)}[data-ui-message][data-part-bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui-message][data-part-bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui-message][data-part-bubble]>[data-part-content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-message][data-part-bubble][data-variant=solid]>[data-part-content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui-message][data-part-bubble][data-variant=outline]>[data-part-content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui-message][data-part-bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]{align-items:flex-end}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui-message][data-part-bubble]:has(~[data-part-bubble]),[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:last-child)>[data-part-body]>[data-part-bubble]:not(:has(~[data-part-bubble])){--_bottom-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]~[data-part-bubble],[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:first-child)>[data-part-body]>[data-part-bubble]:not([data-part-bubble]~[data-part-bubble]){--_top-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui-message][data-part-bubble][data-variant=solid] [data-part-meta]{--_read-ink: var(--_on-solid)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]{display:inline-grid;place-items:center}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=read]{color:var(--_read-ink)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-meta]{display:none}[data-ui-message][data-part-bubble][data-clamped]:not([data-revealed])>[data-part-content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui-message][data-part-bubble]>[data-part-more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble]>[data-part-more]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-revealed]>[data-part-more]>[data-ui-icon]{rotate:180deg}[data-ui-message][data-part-bubble]>[data-part-more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui-message][data-part-bubble]>[data-part-more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble]>[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-bubble] [data-part-quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui-message][data-part-bubble] [data-part-quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-bubble] button[data-part-quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble] button[data-part-quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-stream]{white-space:pre-wrap}[data-ui-message][data-part-bubble] [data-part-stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui-message][data-part-bubble] [data-part-caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui-message][data-part-bubble] [data-part-stream]:has(>[data-part-stream-chunk])+[data-part-caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui-message][data-part-bubble] [data-part-typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui-message][data-part-root]>[data-part-body]:has(>[data-part-bubble] [data-part-typing])>[data-part-footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui-message][data-part-bubble] [data-part-typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui-message][data-part-bubble]>[data-part-retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui-message][data-part-bubble]>[data-part-retry]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled])>[data-ui-icon]{rotate:-45deg}[data-ui-message][data-part-bubble]>[data-part-retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui-message][data-part-bubble]>[data-part-retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui-message][data-part-bubble] [data-part-caret],[data-ui-message][data-part-bubble] [data-part-stream-chunk],[data-ui-message][data-part-bubble] [data-part-typing]>span,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after,[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:none}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){opacity:.55}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){opacity:.8}}[data-ui-message][data-part-bubble]:has(>[data-part-reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui-message][data-part-bubble]>[data-part-reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui-message][data-part-bubble][data-variant=plain]:has(>[data-part-reactions]){padding-block-end:0}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui-message][data-part-bubble] [data-part-reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui-message][data-part-bubble] [data-part-reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui-message][data-part-bubble] [data-part-reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]>[data-part-reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble] [data-part-reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui-message][data-part-bubble] [data-part-reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui-message][data-part-bubble]>[data-part-content]{border-color:CanvasText}[data-ui-message][data-part-bubble] [data-part-caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{border-color:transparent}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui-message][data-part-bubble] [data-part-quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
145
150
|
}
|
|
146
151
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessage, decorators: [{
|
|
147
152
|
type: Component,
|
|
148
153
|
args: [{ selector: '[slMessage]', standalone: true, exportAs: 'slMessage', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
149
154
|
'data-ui': 'message',
|
|
155
|
+
'data-ui-message': '',
|
|
150
156
|
'data-part': 'root',
|
|
157
|
+
'data-part-root': '',
|
|
151
158
|
'[attr.data-align]': 'align()',
|
|
152
159
|
'[attr.data-layout]': 'resolvedLayout()',
|
|
153
160
|
'[attr.data-actions]': 'resolvedActions()',
|
|
@@ -157,7 +164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
157
164
|
'[attr.data-read]': "status() === 'read' ? '' : null",
|
|
158
165
|
'[attr.aria-busy]': "busy() ? 'true' : null",
|
|
159
166
|
'[attr.aria-labelledby]': 'labelledBy()',
|
|
160
|
-
}, styles: ["@layer slotted.components{[data-ui=message][data-part=root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui=message][data-part=root]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui=message][data-part=root][data-align=end]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui=message][data-part=root]>[data-part=avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui=message][data-part=root]:has(>[data-part=body]>[data-part=footer])>[data-part=avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui=message][data-part=root]>[data-part=body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui=message][data-part=root][data-align=end]>[data-part=body]{align-items:flex-end}[data-ui=message][data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui=message][data-part=root] :is([data-part=header],[data-part=footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui=message][data-part=root][data-align=end] :is([data-part=header],[data-part=footer]){justify-content:flex-end}[data-ui=message][data-part=root] [data-part=header]>*+[data-part=time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui=message][data-part=root] [data-part=author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=message][data-part=root] [data-part=time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]{white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]>[data-ui=icon]{display:none}[data-ui=message][data-part=root][data-invalid]>[data-part=body]>[data-part=footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui=message][data-part=root] [data-part=actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui=message][data-part=root][data-actions=hover] [data-part=actions]{opacity:0}[data-ui=message][data-part=root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part=actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui=message][data-part=root] [data-part=activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui=message][data-part=root] [data-part=activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui=message][data-part=root] [data-part=activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui=message][data-part=root] [data-part=activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]{color:var(--slotted-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui=message][data-part=root] [data-part=versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui=message][data-part=root] [data-part=version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=version-previous]>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) [data-part=version-previous]>[data-ui=icon]{scale:1 1}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=avatar]{align-self:start;margin-block-end:0}[data-ui=message][data-part=root][data-layout=thread] [data-part=author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui=message][data-part=root][data-layout=thread][data-actions=hover]>[data-part=actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui=message][data-part=bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui=message][data-part=bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui=message][data-part=bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui=message][data-part=bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui=message][data-part=bubble]>[data-part=content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=message][data-part=bubble][data-variant=solid]>[data-part=content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui=message][data-part=bubble][data-variant=outline]>[data-part=content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui=message][data-part=bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]{align-items:flex-end}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui=message][data-part=bubble]:has(~[data-part=bubble]),[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:last-child)>[data-part=body]>[data-part=bubble]:not(:has(~[data-part=bubble])){--_bottom-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]~[data-part=bubble],[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:first-child)>[data-part=body]>[data-part=bubble]:not([data-part=bubble]~[data-part=bubble]){--_top-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui=message][data-part=bubble][data-variant=solid] [data-part=meta]{--_read-ink: var(--_on-solid)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]{display:inline-grid;place-items:center}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=read]{color:var(--_read-ink)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=meta]{display:none}[data-ui=message][data-part=bubble][data-clamped]:not([data-revealed])>[data-part=content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui=message][data-part=bubble]>[data-part=more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble]>[data-part=more]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-revealed]>[data-part=more]>[data-ui=icon]{rotate:180deg}[data-ui=message][data-part=bubble]>[data-part=more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui=message][data-part=bubble]>[data-part=more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble]>[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=bubble] [data-part=quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui=message][data-part=bubble] [data-part=quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=bubble] button[data-part=quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble] button[data-part=quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=stream]{white-space:pre-wrap}[data-ui=message][data-part=bubble] [data-part=stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui=message][data-part=bubble] [data-part=caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui=message][data-part=bubble] [data-part=stream]:has(>[data-part=stream-chunk])+[data-part=caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui=message][data-part=bubble] [data-part=typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui=message][data-part=root]>[data-part=body]:has(>[data-part=bubble] [data-part=typing])>[data-part=footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui=message][data-part=bubble] [data-part=typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui=message][data-part=bubble]>[data-part=retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui=message][data-part=bubble]>[data-part=retry]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled])>[data-ui=icon]{rotate:-45deg}[data-ui=message][data-part=bubble]>[data-part=retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui=message][data-part=bubble]>[data-part=retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui=message][data-part=bubble] [data-part=caret],[data-ui=message][data-part=bubble] [data-part=stream-chunk],[data-ui=message][data-part=bubble] [data-part=typing]>span,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after,[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:none}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){opacity:.55}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){opacity:.8}}[data-ui=message][data-part=bubble]:has(>[data-part=reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui=message][data-part=bubble]>[data-part=reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui=message][data-part=bubble][data-variant=plain]:has(>[data-part=reactions]){padding-block-end:0}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui=message][data-part=bubble] [data-part=reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui=message][data-part=bubble] [data-part=reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui=message][data-part=bubble] [data-part=reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]>[data-part=reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble] [data-part=reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui=message][data-part=bubble] [data-part=reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=message][data-part=bubble]>[data-part=content]{border-color:CanvasText}[data-ui=message][data-part=bubble] [data-part=caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{border-color:transparent}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui=message][data-part=bubble] [data-part=quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"] }]
|
|
167
|
+
}, styles: ["@layer slotted.components{[data-ui-message][data-part-root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui-message][data-part-root]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui-message][data-part-root][data-align=end]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui-message][data-part-root]>[data-part-avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui-message][data-part-root]:has(>[data-part-body]>[data-part-footer])>[data-part-avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui-message][data-part-root]>[data-part-body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui-message][data-part-root][data-align=end]>[data-part-body]{align-items:flex-end}[data-ui-message][data-part-group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui-message][data-part-root] :is([data-part-header],[data-part-footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui-message][data-part-root][data-align=end] :is([data-part-header],[data-part-footer]){justify-content:flex-end}[data-ui-message][data-part-root] [data-part-header]>*+[data-part-time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui-message][data-part-root] [data-part-author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-message][data-part-root] [data-part-time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]{white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]>[data-ui-icon]{display:none}[data-ui-message][data-part-root][data-invalid]>[data-part-body]>[data-part-footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui-message][data-part-root] [data-part-actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui-message][data-part-root][data-actions=hover] [data-part-actions]{opacity:0}[data-ui-message][data-part-root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part-actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui-message][data-part-root] [data-part-activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui-message][data-part-root] [data-part-activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui-message][data-part-root] [data-part-activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui-message][data-part-root] [data-part-activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]{color:var(--slotted-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui-message][data-part-root] [data-part-versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui-message][data-part-root] [data-part-version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-version-previous]>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) [data-part-version-previous]>[data-ui-icon]{scale:1 1}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-avatar]{align-self:start;margin-block-end:0}[data-ui-message][data-part-root][data-layout=thread] [data-part-author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui-message][data-part-root][data-layout=thread][data-actions=hover]>[data-part-actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui-message][data-part-bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui-message][data-part-bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui-message][data-part-bubble][data-tone=info]{--_solid: var(--slotted-tone-info-solid);--_on-solid: var(--slotted-tone-info-on-solid);--_surface: var(--slotted-tone-info-surface);--_border: var(--slotted-tone-info-border);--_soft-ink: var(--slotted-tone-info-text)}[data-ui-message][data-part-bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui-message][data-part-bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui-message][data-part-bubble]>[data-part-content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-message][data-part-bubble][data-variant=solid]>[data-part-content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui-message][data-part-bubble][data-variant=outline]>[data-part-content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui-message][data-part-bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]{align-items:flex-end}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui-message][data-part-bubble]:has(~[data-part-bubble]),[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:last-child)>[data-part-body]>[data-part-bubble]:not(:has(~[data-part-bubble])){--_bottom-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]~[data-part-bubble],[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:first-child)>[data-part-body]>[data-part-bubble]:not([data-part-bubble]~[data-part-bubble]){--_top-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui-message][data-part-bubble][data-variant=solid] [data-part-meta]{--_read-ink: var(--_on-solid)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]{display:inline-grid;place-items:center}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=read]{color:var(--_read-ink)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-meta]{display:none}[data-ui-message][data-part-bubble][data-clamped]:not([data-revealed])>[data-part-content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui-message][data-part-bubble]>[data-part-more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble]>[data-part-more]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-revealed]>[data-part-more]>[data-ui-icon]{rotate:180deg}[data-ui-message][data-part-bubble]>[data-part-more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui-message][data-part-bubble]>[data-part-more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble]>[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-bubble] [data-part-quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui-message][data-part-bubble] [data-part-quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-bubble] button[data-part-quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble] button[data-part-quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-stream]{white-space:pre-wrap}[data-ui-message][data-part-bubble] [data-part-stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui-message][data-part-bubble] [data-part-caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui-message][data-part-bubble] [data-part-stream]:has(>[data-part-stream-chunk])+[data-part-caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui-message][data-part-bubble] [data-part-typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui-message][data-part-root]>[data-part-body]:has(>[data-part-bubble] [data-part-typing])>[data-part-footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui-message][data-part-bubble] [data-part-typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui-message][data-part-bubble]>[data-part-retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui-message][data-part-bubble]>[data-part-retry]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled])>[data-ui-icon]{rotate:-45deg}[data-ui-message][data-part-bubble]>[data-part-retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui-message][data-part-bubble]>[data-part-retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui-message][data-part-bubble] [data-part-caret],[data-ui-message][data-part-bubble] [data-part-stream-chunk],[data-ui-message][data-part-bubble] [data-part-typing]>span,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after,[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:none}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){opacity:.55}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){opacity:.8}}[data-ui-message][data-part-bubble]:has(>[data-part-reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui-message][data-part-bubble]>[data-part-reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui-message][data-part-bubble][data-variant=plain]:has(>[data-part-reactions]){padding-block-end:0}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui-message][data-part-bubble] [data-part-reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui-message][data-part-bubble] [data-part-reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui-message][data-part-bubble] [data-part-reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]>[data-part-reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble] [data-part-reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui-message][data-part-bubble] [data-part-reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui-message][data-part-bubble]>[data-part-content]{border-color:CanvasText}[data-ui-message][data-part-bubble] [data-part-caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{border-color:transparent}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui-message][data-part-bubble] [data-part-quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"] }]
|
|
161
168
|
}], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], actionsVisibility: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsVisibility", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], version: [{ type: i0.Input, args: [{ isSignal: true, alias: "version", required: false }] }, { type: i0.Output, args: ["versionChange"] }], versionCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "versionCount", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], versionChangeRequest: [{ type: i0.Output, args: ["versionChangeRequest"] }], retry: [{ type: i0.Output, args: ["retry"] }] } });
|
|
162
169
|
/**
|
|
163
170
|
* The family's words for a part that may stand outside a row: the row's, with
|
|
@@ -177,47 +184,67 @@ function message() {
|
|
|
177
184
|
/** The box the sender's avatar stands in: at the foot of a run, or beside the name in a thread. */
|
|
178
185
|
class SlMessageAvatar {
|
|
179
186
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
180
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageAvatar, isStandalone: true, selector: "[slMessageAvatar]", host: { attributes: { "data-part": "avatar" } }, ngImport: i0 });
|
|
187
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageAvatar, isStandalone: true, selector: "[slMessageAvatar]", host: { attributes: { "data-part": "avatar", "data-part-avatar": "" } }, ngImport: i0 });
|
|
181
188
|
}
|
|
182
189
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAvatar, decorators: [{
|
|
183
190
|
type: Directive,
|
|
184
|
-
args: [{
|
|
191
|
+
args: [{
|
|
192
|
+
selector: '[slMessageAvatar]',
|
|
193
|
+
standalone: true,
|
|
194
|
+
host: { 'data-part': 'avatar', 'data-part-avatar': '' },
|
|
195
|
+
}]
|
|
185
196
|
}] });
|
|
186
197
|
/** The column of the words: the header, the bubbles, the attachments and the footer. */
|
|
187
198
|
class SlMessageBody {
|
|
188
199
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
189
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageBody, isStandalone: true, selector: "[slMessageBody]", host: { attributes: { "data-part": "body" } }, ngImport: i0 });
|
|
200
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageBody, isStandalone: true, selector: "[slMessageBody]", host: { attributes: { "data-part": "body", "data-part-body": "" } }, ngImport: i0 });
|
|
190
201
|
}
|
|
191
202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageBody, decorators: [{
|
|
192
203
|
type: Directive,
|
|
193
|
-
args: [{
|
|
204
|
+
args: [{
|
|
205
|
+
selector: '[slMessageBody]',
|
|
206
|
+
standalone: true,
|
|
207
|
+
host: { 'data-part': 'body', 'data-part-body': '' },
|
|
208
|
+
}]
|
|
194
209
|
}] });
|
|
195
210
|
/** The name and, in a thread, the hour, over the words. */
|
|
196
211
|
class SlMessageHeader {
|
|
197
212
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
198
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageHeader, isStandalone: true, selector: "[slMessageHeader]", host: { attributes: { "data-part": "header" } }, ngImport: i0 });
|
|
213
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageHeader, isStandalone: true, selector: "[slMessageHeader]", host: { attributes: { "data-part": "header", "data-part-header": "" } }, ngImport: i0 });
|
|
199
214
|
}
|
|
200
215
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageHeader, decorators: [{
|
|
201
216
|
type: Directive,
|
|
202
|
-
args: [{
|
|
217
|
+
args: [{
|
|
218
|
+
selector: '[slMessageHeader]',
|
|
219
|
+
standalone: true,
|
|
220
|
+
host: { 'data-part': 'header', 'data-part-header': '' },
|
|
221
|
+
}]
|
|
203
222
|
}] });
|
|
204
223
|
/** What is said about the message under it: a receipt outside a bubble, the actions, the versions. */
|
|
205
224
|
class SlMessageFooter {
|
|
206
225
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
207
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageFooter, isStandalone: true, selector: "[slMessageFooter]", host: { attributes: { "data-part": "footer" } }, ngImport: i0 });
|
|
226
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageFooter, isStandalone: true, selector: "[slMessageFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, ngImport: i0 });
|
|
208
227
|
}
|
|
209
228
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageFooter, decorators: [{
|
|
210
229
|
type: Directive,
|
|
211
|
-
args: [{
|
|
230
|
+
args: [{
|
|
231
|
+
selector: '[slMessageFooter]',
|
|
232
|
+
standalone: true,
|
|
233
|
+
host: { 'data-part': 'footer', 'data-part-footer': '' },
|
|
234
|
+
}]
|
|
212
235
|
}] });
|
|
213
236
|
/** The hour, on the `time` element the page wrote with its `datetime`. */
|
|
214
237
|
class SlMessageTime {
|
|
215
238
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageTime, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
216
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageTime, isStandalone: true, selector: "time[slMessageTime]", host: { attributes: { "data-part": "time" } }, ngImport: i0 });
|
|
239
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageTime, isStandalone: true, selector: "time[slMessageTime]", host: { attributes: { "data-part": "time", "data-part-time": "" } }, ngImport: i0 });
|
|
217
240
|
}
|
|
218
241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageTime, decorators: [{
|
|
219
242
|
type: Directive,
|
|
220
|
-
args: [{
|
|
243
|
+
args: [{
|
|
244
|
+
selector: 'time[slMessageTime]',
|
|
245
|
+
standalone: true,
|
|
246
|
+
host: { 'data-part': 'time', 'data-part-time': '' },
|
|
247
|
+
}]
|
|
221
248
|
}] });
|
|
222
249
|
/**
|
|
223
250
|
* The sender's name. While it is on the page the article is named by it, so a
|
|
@@ -232,14 +259,14 @@ class SlMessageAuthor {
|
|
|
232
259
|
inject(DestroyRef).onDestroy(() => this.owner.registerAuthor(false));
|
|
233
260
|
}
|
|
234
261
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAuthor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
235
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageAuthor, isStandalone: true, selector: "[slMessageAuthor]", host: { attributes: { "data-part": "author" }, properties: { "attr.id": "id" } }, ngImport: i0 });
|
|
262
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageAuthor, isStandalone: true, selector: "[slMessageAuthor]", host: { attributes: { "data-part": "author", "data-part-author": "" }, properties: { "attr.id": "id" } }, ngImport: i0 });
|
|
236
263
|
}
|
|
237
264
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAuthor, decorators: [{
|
|
238
265
|
type: Directive,
|
|
239
266
|
args: [{
|
|
240
267
|
selector: '[slMessageAuthor]',
|
|
241
268
|
standalone: true,
|
|
242
|
-
host: { 'data-part': 'author', '[attr.id]': 'id' },
|
|
269
|
+
host: { 'data-part': 'author', 'data-part-author': '', '[attr.id]': 'id' },
|
|
243
270
|
}]
|
|
244
271
|
}], ctorParameters: () => [] });
|
|
245
272
|
/**
|
|
@@ -249,11 +276,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
249
276
|
*/
|
|
250
277
|
class SlBubbleMeta {
|
|
251
278
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
252
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleMeta, isStandalone: true, selector: "[slBubbleMeta]", host: { attributes: { "data-part": "meta" } }, ngImport: i0 });
|
|
279
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleMeta, isStandalone: true, selector: "[slBubbleMeta]", host: { attributes: { "data-part": "meta", "data-part-meta": "" } }, ngImport: i0 });
|
|
253
280
|
}
|
|
254
281
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleMeta, decorators: [{
|
|
255
282
|
type: Directive,
|
|
256
|
-
args: [{
|
|
283
|
+
args: [{
|
|
284
|
+
selector: '[slBubbleMeta]',
|
|
285
|
+
standalone: true,
|
|
286
|
+
host: { 'data-part': 'meta', 'data-part-meta': '' },
|
|
287
|
+
}]
|
|
257
288
|
}] });
|
|
258
289
|
const RECEIPT_GLYPH = {
|
|
259
290
|
sending: 'clock',
|
|
@@ -286,7 +317,7 @@ class SlMessageReceipt {
|
|
|
286
317
|
}, /* @ts-ignore */
|
|
287
318
|
...(ngDevMode ? [{ debugName: "glyph" }] : /* istanbul ignore next */ []));
|
|
288
319
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageReceipt, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
289
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlMessageReceipt, isStandalone: true, selector: "[slMessageReceipt]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "receipt" }, properties: { "attr.data-status": "resolved()" } }, ngImport: i0, template: `@if (glyph(); as name) {
|
|
320
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlMessageReceipt, isStandalone: true, selector: "[slMessageReceipt]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "receipt", "data-part-receipt": "" }, properties: { "attr.data-status": "resolved()" } }, ngImport: i0, template: `@if (glyph(); as name) {
|
|
290
321
|
<span slIcon><svg slGlyph [name]="name"></svg></span><span>{{ word() }}</span>
|
|
291
322
|
} @else {
|
|
292
323
|
{{ word() }}
|
|
@@ -305,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
305
336
|
}`,
|
|
306
337
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
307
338
|
encapsulation: ViewEncapsulation.None,
|
|
308
|
-
host: { 'data-part': 'receipt', '[attr.data-status]': 'resolved()' },
|
|
339
|
+
host: { 'data-part': 'receipt', 'data-part-receipt': '', '[attr.data-status]': 'resolved()' },
|
|
309
340
|
}]
|
|
310
341
|
}], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
|
|
311
342
|
/** The message's own actions — copy, reply, rate — as a toolbar the row reveals. */
|
|
@@ -315,7 +346,7 @@ class SlMessageActions {
|
|
|
315
346
|
label = computed(() => this.written ?? this.owner.t('actions'), /* @ts-ignore */
|
|
316
347
|
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
317
348
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
318
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageActions, isStandalone: true, selector: "[slMessageActions]", host: { attributes: { "data-part": "actions", "role": "toolbar" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0 });
|
|
349
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageActions, isStandalone: true, selector: "[slMessageActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "", "role": "toolbar" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0 });
|
|
319
350
|
}
|
|
320
351
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActions, decorators: [{
|
|
321
352
|
type: Directive,
|
|
@@ -324,6 +355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
324
355
|
standalone: true,
|
|
325
356
|
host: {
|
|
326
357
|
'data-part': 'actions',
|
|
358
|
+
'data-part-actions': '',
|
|
327
359
|
role: 'toolbar',
|
|
328
360
|
'[attr.aria-label]': 'label()',
|
|
329
361
|
},
|
|
@@ -332,14 +364,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
332
364
|
/** What a reply is doing before it has words, as a short log of steps; a status region. */
|
|
333
365
|
class SlMessageActivity {
|
|
334
366
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActivity, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
335
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageActivity, isStandalone: true, selector: "[slMessageActivity]", host: { attributes: { "data-part": "activity", "role": "status" } }, ngImport: i0 });
|
|
367
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageActivity, isStandalone: true, selector: "[slMessageActivity]", host: { attributes: { "data-part": "activity", "data-part-activity": "", "role": "status" } }, ngImport: i0 });
|
|
336
368
|
}
|
|
337
369
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActivity, decorators: [{
|
|
338
370
|
type: Directive,
|
|
339
371
|
args: [{
|
|
340
372
|
selector: '[slMessageActivity]',
|
|
341
373
|
standalone: true,
|
|
342
|
-
host: { 'data-part': 'activity', role: 'status' },
|
|
374
|
+
host: { 'data-part': 'activity', 'data-part-activity': '', role: 'status' },
|
|
343
375
|
}]
|
|
344
376
|
}] });
|
|
345
377
|
/** One step of an activity: done, in progress, or waiting. */
|
|
@@ -347,12 +379,14 @@ class SlMessageActivityStep {
|
|
|
347
379
|
status = input('current', /* @ts-ignore */
|
|
348
380
|
...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
|
|
349
381
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActivityStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
350
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlMessageActivityStep, isStandalone: true, selector: "[slMessageActivityStep]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "activity-step" }, properties: { "attr.data-complete": "status() === 'complete' ? '' : null", "attr.data-current": "status() === 'current' ? '' : null", "attr.aria-current": "status() === 'current' ? 'step' : null" } }, ngImport: i0, template: `@switch (status()) {
|
|
382
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlMessageActivityStep, isStandalone: true, selector: "[slMessageActivityStep]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "activity-step", "data-part-activity-step": "" }, properties: { "attr.data-complete": "status() === 'complete' ? '' : null", "attr.data-current": "status() === 'current' ? '' : null", "attr.aria-current": "status() === 'current' ? 'step' : null" } }, ngImport: i0, template: `@switch (status()) {
|
|
351
383
|
@case ('complete') {
|
|
352
384
|
<span slIcon><svg slGlyph name="check"></svg></span>
|
|
353
385
|
}
|
|
354
386
|
@case ('current') {
|
|
355
|
-
<span aria-hidden="true"
|
|
387
|
+
<span aria-hidden="true"
|
|
388
|
+
><span aria-hidden="true" data-ui="spinner" data-ui-spinner=""></span
|
|
389
|
+
></span>
|
|
356
390
|
}
|
|
357
391
|
@default {
|
|
358
392
|
<span aria-hidden="true"></span>
|
|
@@ -371,7 +405,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
371
405
|
<span slIcon><svg slGlyph name="check"></svg></span>
|
|
372
406
|
}
|
|
373
407
|
@case ('current') {
|
|
374
|
-
<span aria-hidden="true"
|
|
408
|
+
<span aria-hidden="true"
|
|
409
|
+
><span aria-hidden="true" data-ui="spinner" data-ui-spinner=""></span
|
|
410
|
+
></span>
|
|
375
411
|
}
|
|
376
412
|
@default {
|
|
377
413
|
<span aria-hidden="true"></span>
|
|
@@ -382,6 +418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
382
418
|
encapsulation: ViewEncapsulation.None,
|
|
383
419
|
host: {
|
|
384
420
|
'data-part': 'activity-step',
|
|
421
|
+
'data-part-activity-step': '',
|
|
385
422
|
'[attr.data-complete]': "status() === 'complete' ? '' : null",
|
|
386
423
|
'[attr.data-current]': "status() === 'current' ? '' : null",
|
|
387
424
|
'[attr.aria-current]': "status() === 'current' ? 'step' : null",
|
|
@@ -417,20 +454,24 @@ class SlMessageVersions {
|
|
|
417
454
|
this.owner.requestVersion(this.owner.version() + (event.key === forward ? 1 : -1), 'keyboard', event);
|
|
418
455
|
}
|
|
419
456
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageVersions, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
420
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlMessageVersions, isStandalone: true, selector: "[slMessageVersions]", host: { attributes: { "data-part": "versions", "role": "group" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "attr.aria-label": "owner.t('versions')", "attr.hidden": "owner.versionCount() > 1 ? null : ''" } }, ngImport: i0, template: `@if (owner.versionCount() > 1) {
|
|
457
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlMessageVersions, isStandalone: true, selector: "[slMessageVersions]", host: { attributes: { "data-part": "versions", "data-part-versions": "", "role": "group" }, listeners: { "keydown": "onKeyDown($event)" }, properties: { "attr.aria-label": "owner.t('versions')", "attr.hidden": "owner.versionCount() > 1 ? null : ''" } }, ngImport: i0, template: `@if (owner.versionCount() > 1) {
|
|
421
458
|
<button
|
|
422
459
|
type="button"
|
|
423
460
|
data-part="version-previous"
|
|
461
|
+
data-part-version-previous=""
|
|
424
462
|
[attr.aria-label]="owner.t('previousVersion')"
|
|
425
463
|
[disabled]="owner.version() <= 0"
|
|
426
464
|
(click)="step(-1, $event)"
|
|
427
465
|
>
|
|
428
466
|
<span slIcon><svg slGlyph name="chevron-right"></svg></span>
|
|
429
467
|
</button>
|
|
430
|
-
<span data-part="version-label" aria-live="polite">{{
|
|
468
|
+
<span data-part="version-label" data-part-version-label="" aria-live="polite">{{
|
|
469
|
+
label()
|
|
470
|
+
}}</span>
|
|
431
471
|
<button
|
|
432
472
|
type="button"
|
|
433
473
|
data-part="version-next"
|
|
474
|
+
data-part-version-next=""
|
|
434
475
|
[attr.aria-label]="owner.t('nextVersion')"
|
|
435
476
|
[disabled]="owner.version() >= owner.versionCount() - 1"
|
|
436
477
|
(click)="step(1, $event)"
|
|
@@ -449,16 +490,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
449
490
|
<button
|
|
450
491
|
type="button"
|
|
451
492
|
data-part="version-previous"
|
|
493
|
+
data-part-version-previous=""
|
|
452
494
|
[attr.aria-label]="owner.t('previousVersion')"
|
|
453
495
|
[disabled]="owner.version() <= 0"
|
|
454
496
|
(click)="step(-1, $event)"
|
|
455
497
|
>
|
|
456
498
|
<span slIcon><svg slGlyph name="chevron-right"></svg></span>
|
|
457
499
|
</button>
|
|
458
|
-
<span data-part="version-label" aria-live="polite">{{
|
|
500
|
+
<span data-part="version-label" data-part-version-label="" aria-live="polite">{{
|
|
501
|
+
label()
|
|
502
|
+
}}</span>
|
|
459
503
|
<button
|
|
460
504
|
type="button"
|
|
461
505
|
data-part="version-next"
|
|
506
|
+
data-part-version-next=""
|
|
462
507
|
[attr.aria-label]="owner.t('nextVersion')"
|
|
463
508
|
[disabled]="owner.version() >= owner.versionCount() - 1"
|
|
464
509
|
(click)="step(1, $event)"
|
|
@@ -470,6 +515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
470
515
|
encapsulation: ViewEncapsulation.None,
|
|
471
516
|
host: {
|
|
472
517
|
'data-part': 'versions',
|
|
518
|
+
'data-part-versions': '',
|
|
473
519
|
role: 'group',
|
|
474
520
|
'[attr.aria-label]': "owner.t('versions')",
|
|
475
521
|
'[attr.hidden]': "owner.versionCount() > 1 ? null : ''",
|
|
@@ -545,11 +591,12 @@ class SlBubble {
|
|
|
545
591
|
this.revealed.set(next);
|
|
546
592
|
}
|
|
547
593
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubble, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
548
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubble, isStandalone: true, selector: "[slBubble]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, maxLines: { classPropertyName: "maxLines", publicName: "maxLines", isSignal: true, isRequired: false, transformFunction: null }, revealed: { classPropertyName: "revealed", publicName: "revealed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { revealed: "revealedChange", revealedChangeRequest: "revealedChangeRequest" }, host: { attributes: { "data-ui": "message", "data-part": "bubble" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-tone": "resolvedTone()", "attr.data-clamped": "clamped() ? '' : null", "attr.data-revealed": "clamped() && revealed() ? '' : null", "style.--slotted-message-max-lines": "maxLines() ?? null" } }, exportAs: ["slBubble"], ngImport: i0, template: `<ng-content></ng-content>
|
|
594
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubble, isStandalone: true, selector: "[slBubble]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, maxLines: { classPropertyName: "maxLines", publicName: "maxLines", isSignal: true, isRequired: false, transformFunction: null }, revealed: { classPropertyName: "revealed", publicName: "revealed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { revealed: "revealedChange", revealedChangeRequest: "revealedChangeRequest" }, host: { attributes: { "data-ui": "message", "data-ui-message": "", "data-part": "bubble", "data-part-bubble": "" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-tone": "resolvedTone()", "attr.data-clamped": "clamped() ? '' : null", "attr.data-revealed": "clamped() && revealed() ? '' : null", "style.--slotted-message-max-lines": "maxLines() ?? null" } }, exportAs: ["slBubble"], ngImport: i0, template: `<ng-content></ng-content>
|
|
549
595
|
@if (clamped() && (overflowing() || revealed())) {
|
|
550
596
|
<button
|
|
551
597
|
type="button"
|
|
552
598
|
data-part="more"
|
|
599
|
+
data-part-more=""
|
|
553
600
|
[attr.aria-controls]="contentId"
|
|
554
601
|
[attr.aria-expanded]="revealed()"
|
|
555
602
|
(click)="toggle($event)"
|
|
@@ -557,7 +604,7 @@ class SlBubble {
|
|
|
557
604
|
{{ revealed() ? t('less') : t('more') }}
|
|
558
605
|
<span slIcon><svg slGlyph name="chevron-down"></svg></span>
|
|
559
606
|
</button>
|
|
560
|
-
}`, isInline: true, styles: ["@layer slotted.components{[data-ui=message][data-part=root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui=message][data-part=root]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui=message][data-part=root][data-align=end]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui=message][data-part=root]>[data-part=avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui=message][data-part=root]:has(>[data-part=body]>[data-part=footer])>[data-part=avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui=message][data-part=root]>[data-part=body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui=message][data-part=root][data-align=end]>[data-part=body]{align-items:flex-end}[data-ui=message][data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui=message][data-part=root] :is([data-part=header],[data-part=footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui=message][data-part=root][data-align=end] :is([data-part=header],[data-part=footer]){justify-content:flex-end}[data-ui=message][data-part=root] [data-part=header]>*+[data-part=time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui=message][data-part=root] [data-part=author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=message][data-part=root] [data-part=time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]{white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]>[data-ui=icon]{display:none}[data-ui=message][data-part=root][data-invalid]>[data-part=body]>[data-part=footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui=message][data-part=root] [data-part=actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui=message][data-part=root][data-actions=hover] [data-part=actions]{opacity:0}[data-ui=message][data-part=root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part=actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui=message][data-part=root] [data-part=activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui=message][data-part=root] [data-part=activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui=message][data-part=root] [data-part=activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui=message][data-part=root] [data-part=activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]{color:var(--slotted-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui=message][data-part=root] [data-part=versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui=message][data-part=root] [data-part=version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=version-previous]>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) [data-part=version-previous]>[data-ui=icon]{scale:1 1}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=avatar]{align-self:start;margin-block-end:0}[data-ui=message][data-part=root][data-layout=thread] [data-part=author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui=message][data-part=root][data-layout=thread][data-actions=hover]>[data-part=actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui=message][data-part=bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui=message][data-part=bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui=message][data-part=bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui=message][data-part=bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui=message][data-part=bubble]>[data-part=content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=message][data-part=bubble][data-variant=solid]>[data-part=content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui=message][data-part=bubble][data-variant=outline]>[data-part=content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui=message][data-part=bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]{align-items:flex-end}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui=message][data-part=bubble]:has(~[data-part=bubble]),[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:last-child)>[data-part=body]>[data-part=bubble]:not(:has(~[data-part=bubble])){--_bottom-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]~[data-part=bubble],[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:first-child)>[data-part=body]>[data-part=bubble]:not([data-part=bubble]~[data-part=bubble]){--_top-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui=message][data-part=bubble][data-variant=solid] [data-part=meta]{--_read-ink: var(--_on-solid)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]{display:inline-grid;place-items:center}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=read]{color:var(--_read-ink)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=meta]{display:none}[data-ui=message][data-part=bubble][data-clamped]:not([data-revealed])>[data-part=content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui=message][data-part=bubble]>[data-part=more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble]>[data-part=more]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-revealed]>[data-part=more]>[data-ui=icon]{rotate:180deg}[data-ui=message][data-part=bubble]>[data-part=more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui=message][data-part=bubble]>[data-part=more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble]>[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=bubble] [data-part=quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui=message][data-part=bubble] [data-part=quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=bubble] button[data-part=quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble] button[data-part=quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=stream]{white-space:pre-wrap}[data-ui=message][data-part=bubble] [data-part=stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui=message][data-part=bubble] [data-part=caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui=message][data-part=bubble] [data-part=stream]:has(>[data-part=stream-chunk])+[data-part=caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui=message][data-part=bubble] [data-part=typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui=message][data-part=root]>[data-part=body]:has(>[data-part=bubble] [data-part=typing])>[data-part=footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui=message][data-part=bubble] [data-part=typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui=message][data-part=bubble]>[data-part=retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui=message][data-part=bubble]>[data-part=retry]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled])>[data-ui=icon]{rotate:-45deg}[data-ui=message][data-part=bubble]>[data-part=retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui=message][data-part=bubble]>[data-part=retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui=message][data-part=bubble] [data-part=caret],[data-ui=message][data-part=bubble] [data-part=stream-chunk],[data-ui=message][data-part=bubble] [data-part=typing]>span,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after,[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:none}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){opacity:.55}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){opacity:.8}}[data-ui=message][data-part=bubble]:has(>[data-part=reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui=message][data-part=bubble]>[data-part=reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui=message][data-part=bubble][data-variant=plain]:has(>[data-part=reactions]){padding-block-end:0}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui=message][data-part=bubble] [data-part=reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui=message][data-part=bubble] [data-part=reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui=message][data-part=bubble] [data-part=reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]>[data-part=reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble] [data-part=reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui=message][data-part=bubble] [data-part=reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=message][data-part=bubble]>[data-part=content]{border-color:CanvasText}[data-ui=message][data-part=bubble] [data-part=caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{border-color:transparent}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui=message][data-part=bubble] [data-part=quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
607
|
+
}`, isInline: true, styles: ["@layer slotted.components{[data-ui-message][data-part-root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui-message][data-part-root]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui-message][data-part-root][data-align=end]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui-message][data-part-root]>[data-part-avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui-message][data-part-root]:has(>[data-part-body]>[data-part-footer])>[data-part-avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui-message][data-part-root]>[data-part-body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui-message][data-part-root][data-align=end]>[data-part-body]{align-items:flex-end}[data-ui-message][data-part-group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui-message][data-part-root] :is([data-part-header],[data-part-footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui-message][data-part-root][data-align=end] :is([data-part-header],[data-part-footer]){justify-content:flex-end}[data-ui-message][data-part-root] [data-part-header]>*+[data-part-time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui-message][data-part-root] [data-part-author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-message][data-part-root] [data-part-time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]{white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]>[data-ui-icon]{display:none}[data-ui-message][data-part-root][data-invalid]>[data-part-body]>[data-part-footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui-message][data-part-root] [data-part-actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui-message][data-part-root][data-actions=hover] [data-part-actions]{opacity:0}[data-ui-message][data-part-root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part-actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui-message][data-part-root] [data-part-activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui-message][data-part-root] [data-part-activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui-message][data-part-root] [data-part-activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui-message][data-part-root] [data-part-activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]{color:var(--slotted-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui-message][data-part-root] [data-part-versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui-message][data-part-root] [data-part-version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-version-previous]>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) [data-part-version-previous]>[data-ui-icon]{scale:1 1}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-avatar]{align-self:start;margin-block-end:0}[data-ui-message][data-part-root][data-layout=thread] [data-part-author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui-message][data-part-root][data-layout=thread][data-actions=hover]>[data-part-actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui-message][data-part-bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui-message][data-part-bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui-message][data-part-bubble][data-tone=info]{--_solid: var(--slotted-tone-info-solid);--_on-solid: var(--slotted-tone-info-on-solid);--_surface: var(--slotted-tone-info-surface);--_border: var(--slotted-tone-info-border);--_soft-ink: var(--slotted-tone-info-text)}[data-ui-message][data-part-bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui-message][data-part-bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui-message][data-part-bubble]>[data-part-content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-message][data-part-bubble][data-variant=solid]>[data-part-content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui-message][data-part-bubble][data-variant=outline]>[data-part-content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui-message][data-part-bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]{align-items:flex-end}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui-message][data-part-bubble]:has(~[data-part-bubble]),[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:last-child)>[data-part-body]>[data-part-bubble]:not(:has(~[data-part-bubble])){--_bottom-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]~[data-part-bubble],[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:first-child)>[data-part-body]>[data-part-bubble]:not([data-part-bubble]~[data-part-bubble]){--_top-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui-message][data-part-bubble][data-variant=solid] [data-part-meta]{--_read-ink: var(--_on-solid)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]{display:inline-grid;place-items:center}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=read]{color:var(--_read-ink)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-meta]{display:none}[data-ui-message][data-part-bubble][data-clamped]:not([data-revealed])>[data-part-content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui-message][data-part-bubble]>[data-part-more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble]>[data-part-more]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-revealed]>[data-part-more]>[data-ui-icon]{rotate:180deg}[data-ui-message][data-part-bubble]>[data-part-more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui-message][data-part-bubble]>[data-part-more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble]>[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-bubble] [data-part-quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui-message][data-part-bubble] [data-part-quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-bubble] button[data-part-quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble] button[data-part-quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-stream]{white-space:pre-wrap}[data-ui-message][data-part-bubble] [data-part-stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui-message][data-part-bubble] [data-part-caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui-message][data-part-bubble] [data-part-stream]:has(>[data-part-stream-chunk])+[data-part-caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui-message][data-part-bubble] [data-part-typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui-message][data-part-root]>[data-part-body]:has(>[data-part-bubble] [data-part-typing])>[data-part-footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui-message][data-part-bubble] [data-part-typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui-message][data-part-bubble]>[data-part-retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui-message][data-part-bubble]>[data-part-retry]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled])>[data-ui-icon]{rotate:-45deg}[data-ui-message][data-part-bubble]>[data-part-retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui-message][data-part-bubble]>[data-part-retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui-message][data-part-bubble] [data-part-caret],[data-ui-message][data-part-bubble] [data-part-stream-chunk],[data-ui-message][data-part-bubble] [data-part-typing]>span,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after,[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:none}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){opacity:.55}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){opacity:.8}}[data-ui-message][data-part-bubble]:has(>[data-part-reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui-message][data-part-bubble]>[data-part-reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui-message][data-part-bubble][data-variant=plain]:has(>[data-part-reactions]){padding-block-end:0}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui-message][data-part-bubble] [data-part-reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui-message][data-part-bubble] [data-part-reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui-message][data-part-bubble] [data-part-reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]>[data-part-reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble] [data-part-reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui-message][data-part-bubble] [data-part-reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui-message][data-part-bubble]>[data-part-content]{border-color:CanvasText}[data-ui-message][data-part-bubble] [data-part-caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{border-color:transparent}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui-message][data-part-bubble] [data-part-quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
561
608
|
}
|
|
562
609
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubble, decorators: [{
|
|
563
610
|
type: Component,
|
|
@@ -566,6 +613,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
566
613
|
<button
|
|
567
614
|
type="button"
|
|
568
615
|
data-part="more"
|
|
616
|
+
data-part-more=""
|
|
569
617
|
[attr.aria-controls]="contentId"
|
|
570
618
|
[attr.aria-expanded]="revealed()"
|
|
571
619
|
(click)="toggle($event)"
|
|
@@ -575,13 +623,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
575
623
|
</button>
|
|
576
624
|
}`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
577
625
|
'data-ui': 'message',
|
|
626
|
+
'data-ui-message': '',
|
|
578
627
|
'data-part': 'bubble',
|
|
628
|
+
'data-part-bubble': '',
|
|
579
629
|
'[attr.data-variant]': 'resolvedVariant()',
|
|
580
630
|
'[attr.data-tone]': 'resolvedTone()',
|
|
581
631
|
'[attr.data-clamped]': "clamped() ? '' : null",
|
|
582
632
|
'[attr.data-revealed]': "clamped() && revealed() ? '' : null",
|
|
583
633
|
'[style.--slotted-message-max-lines]': 'maxLines() ?? null',
|
|
584
|
-
}, styles: ["@layer slotted.components{[data-ui=message][data-part=root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui=message][data-part=root]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui=message][data-part=root][data-align=end]:has(>[data-part=avatar]),[data-ui=message][data-part=group]:has([data-part=avatar])>[data-ui=message][data-part=root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui=message][data-part=root]>[data-part=avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui=message][data-part=root]:has(>[data-part=body]>[data-part=footer])>[data-part=avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui=message][data-part=root]>[data-part=body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui=message][data-part=root][data-align=end]>[data-part=body]{align-items:flex-end}[data-ui=message][data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui=message][data-part=root] :is([data-part=header],[data-part=footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui=message][data-part=root][data-align=end] :is([data-part=header],[data-part=footer]){justify-content:flex-end}[data-ui=message][data-part=root] [data-part=header]>*+[data-part=time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui=message][data-part=root] [data-part=author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=message][data-part=root] [data-part=time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]{white-space:nowrap}[data-ui=message][data-part=root] [data-part=footer]>[data-part=receipt]>[data-ui=icon]{display:none}[data-ui=message][data-part=root][data-invalid]>[data-part=body]>[data-part=footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui=message][data-part=root] [data-part=actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui=message][data-part=root][data-actions=hover] [data-part=actions]{opacity:0}[data-ui=message][data-part=root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part=actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui=message][data-part=root] [data-part=activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui=message][data-part=root] [data-part=activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui=message][data-part=root] [data-part=activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui=message][data-part=root] [data-part=activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]{color:var(--slotted-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui=message][data-part=root] [data-part=versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui=message][data-part=root] [data-part=version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui=message][data-part=root] [data-part=version-previous]>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) :is([data-part=version-previous],[data-part=version-next])>[data-ui=icon]{scale:-1 1}[data-ui=message][data-part=root]:dir(rtl) [data-part=version-previous]>[data-ui=icon]{scale:1 1}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui=message][data-part=root] :is([data-part=version-previous],[data-part=version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=avatar]{align-self:start;margin-block-end:0}[data-ui=message][data-part=root][data-layout=thread] [data-part=author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=message][data-part=root][data-layout=thread]>[data-part=actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui=message][data-part=root][data-layout=thread][data-actions=hover]>[data-part=actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui=message][data-part=bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui=message][data-part=bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui=message][data-part=bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui=message][data-part=bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui=message][data-part=bubble]>[data-part=content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=message][data-part=bubble][data-variant=solid]>[data-part=content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui=message][data-part=bubble][data-variant=outline]>[data-part=content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui=message][data-part=bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]{align-items:flex-end}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui=message][data-part=bubble]:has(~[data-part=bubble]),[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:last-child)>[data-part=body]>[data-part=bubble]:not(:has(~[data-part=bubble])){--_bottom-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]~[data-part=bubble],[data-ui=message][data-part=group]>[data-ui=message][data-part=root]:not(:first-child)>[data-part=body]>[data-part=bubble]:not([data-part=bubble]~[data-part=bubble]){--_top-side: var(--_radius-joined)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui=message][data-part=bubble]>[data-part=content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui=message][data-part=bubble][data-variant=solid] [data-part=meta]{--_read-ink: var(--_on-solid)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]{display:inline-grid;place-items:center}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=read]{color:var(--_read-ink)}[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=meta]{display:none}[data-ui=message][data-part=bubble][data-clamped]:not([data-revealed])>[data-part=content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui=message][data-part=bubble]>[data-part=more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble]>[data-part=more]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-revealed]>[data-part=more]>[data-ui=icon]{rotate:180deg}[data-ui=message][data-part=bubble]>[data-part=more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui=message][data-part=bubble]>[data-part=more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble]>[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=message][data-part=bubble] [data-part=quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui=message][data-part=bubble] [data-part=quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=message][data-part=bubble] button[data-part=quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble] button[data-part=quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui=message][data-part=bubble] button[data-part=quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=message][data-part=bubble] [data-part=stream]{white-space:pre-wrap}[data-ui=message][data-part=bubble] [data-part=stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui=message][data-part=bubble] [data-part=caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui=message][data-part=bubble] [data-part=stream]:has(>[data-part=stream-chunk])+[data-part=caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui=message][data-part=bubble] [data-part=typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui=message][data-part=root]>[data-part=body]:has(>[data-part=bubble] [data-part=typing])>[data-part=footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui=message][data-part=bubble] [data-part=typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui=message][data-part=bubble]>[data-part=retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui=message][data-part=bubble]>[data-part=retry]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui=message][data-part=bubble]>[data-part=retry]:hover:not(:disabled):not([data-disabled])>[data-ui=icon]{rotate:-45deg}[data-ui=message][data-part=bubble]>[data-part=retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui=message][data-part=bubble]>[data-part=retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui=message][data-part=bubble] [data-part=caret],[data-ui=message][data-part=bubble] [data-part=stream-chunk],[data-ui=message][data-part=bubble] [data-part=typing]>span,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):before,[data-ui=message][data-part=bubble]>[data-part=content]:has(>[data-part=typing]):after,[data-ui=message][data-part=bubble] [data-part=meta] [data-part=receipt][data-status=sending]>[data-ui=icon]{animation:none}[data-ui=message][data-part=root] [data-part=activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(2){opacity:.55}[data-ui=message][data-part=bubble] [data-part=typing]>span:nth-child(3){opacity:.8}}[data-ui=message][data-part=bubble]:has(>[data-part=reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui=message][data-part=bubble]>[data-part=reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui=message][data-part=root][data-align=end] [data-part=bubble]>[data-part=reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui=message][data-part=bubble][data-variant=plain]:has(>[data-part=reactions]){padding-block-end:0}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui=message][data-part=bubble] [data-part=reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message][data-part=bubble][data-variant=plain] [data-part=reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui=message][data-part=bubble] [data-part=reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui=message][data-part=bubble] [data-part=reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]>[data-part=reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui=message][data-part=bubble] [data-part=reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui=message][data-part=bubble] [data-part=reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui=message][data-part=bubble]>[data-part=content]{border-color:CanvasText}[data-ui=message][data-part=bubble] [data-part=caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui=message][data-part=bubble][data-variant=plain]>[data-part=content]{border-color:transparent}[data-ui=message][data-part=bubble] [data-part=reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui=message][data-part=bubble] [data-part=quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"] }]
|
|
634
|
+
}, styles: ["@layer slotted.components{[data-ui-message][data-part-root]{--_avatar-size: var(--slotted-message-avatar-size, var(--slotted-avatar-size-sm, 28px));--_column-gap: var(--slotted-message-column-gap, var(--slotted-space-4, .5rem));--_stack-gap: var(--slotted-message-stack-gap, var(--slotted-space-2, .25rem));--_meta-size: var(--slotted-font-size-xs, .75rem);--_meta-leading: round(up, calc(var(--_meta-size) * var(--slotted-line-height-xs, 1.4)), 1px);--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: max( var(--slotted-target-min, 24px), calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)) );display:grid;grid-template-areas:\"body\";grid-template-columns:minmax(0,1fr);column-gap:var(--_column-gap);position:relative;min-inline-size:0;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui-message][data-part-root]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root]{grid-template-areas:\"avatar body\";grid-template-columns:var(--_avatar-size) minmax(0,1fr)}[data-ui-message][data-part-root][data-align=end]:has(>[data-part-avatar]),[data-ui-message][data-part-group]:has([data-part-avatar])>[data-ui-message][data-part-root][data-align=end]{grid-template-areas:\"body avatar\";grid-template-columns:minmax(0,1fr) var(--_avatar-size)}[data-ui-message][data-part-root]>[data-part-avatar]{grid-area:avatar;display:flex;align-self:end;justify-content:center;inline-size:var(--_avatar-size);min-block-size:var(--_avatar-size)}[data-ui-message][data-part-root]:has(>[data-part-body]>[data-part-footer])>[data-part-avatar]{margin-block-end:calc(var(--_meta-leading) + var(--_stack-gap))}[data-ui-message][data-part-root]>[data-part-body]{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;gap:var(--_stack-gap);min-inline-size:0}[data-ui-message][data-part-root][data-align=end]>[data-part-body]{align-items:flex-end}[data-ui-message][data-part-group]{display:flex;flex-direction:column;gap:var(--slotted-message-run-gap, var(--slotted-space-1, .125rem));min-inline-size:0}[data-ui-message][data-part-root] :is([data-part-header],[data-part-footer]){display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--slotted-space-3, .375rem);max-inline-size:100%;min-inline-size:0;padding-inline:var(--_pad-inline);color:var(--slotted-text-muted);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:var(--_meta-leading)}[data-ui-message][data-part-root][data-align=end] :is([data-part-header],[data-part-footer]){justify-content:flex-end}[data-ui-message][data-part-root] [data-part-header]>*+[data-part-time]:before{content:\"\";display:inline-block;inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);margin-inline-end:var(--slotted-space-3, .375rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.5;vertical-align:middle}[data-ui-message][data-part-root] [data-part-author]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-message][data-part-root] [data-part-time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]{white-space:nowrap}[data-ui-message][data-part-root] [data-part-footer]>[data-part-receipt]>[data-ui-icon]{display:none}[data-ui-message][data-part-root][data-invalid]>[data-part-body]>[data-part-footer]{padding-inline:var(--slotted-space-2, .25rem);color:var(--slotted-tone-danger-text)}[data-ui-message][data-part-root] [data-part-actions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}@media(hover:hover){[data-ui-message][data-part-root][data-actions=hover] [data-part-actions]{opacity:0}[data-ui-message][data-part-root][data-actions=hover]:is(:hover:not([data-disabled]),:focus-within) [data-part-actions]{opacity:1;transition-timing-function:var(--slotted-easing-enter, ease-out)}}[data-ui-message][data-part-root] [data-part-activity]{display:inline-flex;flex-direction:column;gap:var(--slotted-space-3, .375rem);box-sizing:border-box;max-inline-size:100%;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline) calc(var(--_pad-inline) + var(--slotted-space-2, .25rem));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_pad-block) * 2);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px)}[data-ui-message][data-part-root] [data-part-activity-step]{display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),color var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}@starting-style{[data-ui-message][data-part-root] [data-part-activity-step]{opacity:0;translate:0 var(--slotted-space-2, .25rem)}}[data-ui-message][data-part-root] [data-part-activity-step]>:first-child{--slotted-icon-size: var(--_glyph-size);--slotted-spinner-size: var(--_glyph-size);display:inline-grid;flex:none;place-items:center;inline-size:var(--_glyph-size);block-size:var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-activity-step][data-complete]>:first-child{color:var(--slotted-tone-success-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]{color:var(--slotted-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:first-child{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{--_base: color-mix(in oklab, var(--slotted-text) 72%, var(--slotted-text-muted));background-image:linear-gradient(90deg,var(--_base) 0%,var(--_base) 38%,var(--slotted-text-muted) 50%,var(--_base) 62%,var(--_base) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slotted-message-sweep var(--slotted-duration-loop-slow) linear infinite}@keyframes slotted-message-sweep{0%{background-position:100% 0}to{background-position:0% 0}}[data-ui-message][data-part-root] [data-part-versions]{display:inline-flex;align-items:center;color:var(--slotted-text-muted)}[data-ui-message][data-part-root] [data-part-version-label]{padding-inline:var(--slotted-space-2, .25rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]){display:inline-grid;place-items:center;inline-size:var(--_inner-size);block-size:var(--_inner-size);margin:0;padding:0;border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:inherit;font:inherit;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{--slotted-icon-size: var(--_glyph-size)}[data-ui-message][data-part-root] [data-part-version-previous]>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) :is([data-part-version-previous],[data-part-version-next])>[data-ui-icon]{scale:-1 1}[data-ui-message][data-part-root]:dir(rtl) [data-part-version-previous]>[data-ui-icon]{scale:1 1}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):active:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-active);color:var(--slotted-text)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):disabled{color:var(--slotted-disabled-foreground)}[data-ui-message][data-part-root] :is([data-part-version-previous],[data-part-version-next]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-root][data-layout=thread]{--_avatar-size: var(--slotted-message-thread-avatar-size, var(--slotted-avatar-size-md, 36px));--_pad-inline: 0px;padding-block:var(--slotted-space-3, .375rem);padding-inline:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-md, 6px);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-avatar]{align-self:start;margin-block-end:0}[data-ui-message][data-part-root][data-layout=thread] [data-part-author]{color:var(--slotted-text);font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-root][data-layout=thread]:hover:not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-message][data-part-root][data-layout=thread]>[data-part-actions]{grid-column:body;justify-self:start}@media(hover:hover){[data-ui-message][data-part-root][data-layout=thread][data-actions=hover]>[data-part-actions]{position:absolute;inset-block-start:calc(var(--slotted-space-2, .25rem) * -1);inset-inline-end:var(--slotted-space-4, .5rem);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-md, 6px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-sm)}}[data-ui-message][data-part-bubble]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-border-subtle);--_soft-ink: var(--slotted-text);--_radius: var(--slotted-message-bubble-radius, calc(var(--_pad-block) * 2));--_radius-joined: var(--slotted-message-bubble-radius-joined, var(--slotted-radius-sm, 4px));--_pad-block: var(--slotted-message-bubble-padding-block, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-message-bubble-padding-inline, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_top-side: var(--_radius);--_bottom-side: var(--_radius);--_font-size: var(--slotted-control-font-size-lg, 14px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_reactions-size: max( var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px) );display:flex;flex-direction:column;align-items:flex-start;gap:var(--slotted-space-1, .125rem);position:relative;inline-size:fit-content;min-inline-size:0;max-inline-size:var(--slotted-message-bubble-share, 80%)}[data-ui-message][data-part-bubble][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_soft-ink: var(--slotted-tone-success-text)}[data-ui-message][data-part-bubble][data-tone=info]{--_solid: var(--slotted-tone-info-solid);--_on-solid: var(--slotted-tone-info-on-solid);--_surface: var(--slotted-tone-info-surface);--_border: var(--slotted-tone-info-border);--_soft-ink: var(--slotted-tone-info-text)}[data-ui-message][data-part-bubble][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_soft-ink: var(--slotted-tone-warning-text)}[data-ui-message][data-part-bubble][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_soft-ink: var(--slotted-tone-danger-text)}[data-ui-message][data-part-bubble]>[data-part-content]{--_ground: var(--_surface);--_ink: var(--_soft-ink);--_edge: color-mix(in oklab, var(--_surface), var(--slotted-border-subtle));display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;margin:0;padding-block:var(--_pad-block, 8px);padding-inline:var(--_pad-inline, 12px);border:var(--slotted-border-width-thin, 1px) solid var(--_edge);border-start-start-radius:var(--_top-side);border-start-end-radius:var(--_radius);border-end-start-radius:var(--_bottom-side);border-end-end-radius:var(--_radius);background-color:var(--_ground);color:var(--_ink);font-family:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--_leading);text-align:start;text-decoration:none;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui-message][data-part-bubble][data-variant=solid]>[data-part-content]{--_ground: var(--_solid);--_ink: var(--_on-solid);--_edge: var(--_solid)}[data-ui-message][data-part-bubble][data-variant=outline]>[data-part-content]{--_ground: var(--slotted-surface);--_ink: var(--slotted-text);--_edge: var(--_border)}[data-ui-message][data-part-bubble][data-variant=plain]{--_pad-inline: 0px;max-inline-size:100%}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{--_ground: transparent;--_ink: var(--slotted-text);--_edge: transparent;padding:0;border-width:0;border-radius:0}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]{align-items:flex-end}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-content]{border-start-start-radius:var(--_radius);border-start-end-radius:var(--_top-side);border-end-start-radius:var(--_radius);border-end-end-radius:var(--_bottom-side)}[data-ui-message][data-part-bubble]:has(~[data-part-bubble]),[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:last-child)>[data-part-body]>[data-part-bubble]:not(:has(~[data-part-bubble])){--_bottom-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]~[data-part-bubble],[data-ui-message][data-part-group]>[data-ui-message][data-part-root]:not(:first-child)>[data-part-body]>[data-part-bubble]:not([data-part-bubble]~[data-part-bubble]){--_top-side: var(--_radius-joined)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a){--_ground-hover: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-hover, 6%), var(--_ground) );--_ground-active: color-mix( in oklab, var(--_ink) var(--slotted-message-state-layer-active, 12%), var(--_ground) );appearance:none;cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]:is(button,a){padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-2, .25rem);margin-inline:calc(var(--slotted-space-2, .25rem) * -1);border-radius:var(--slotted-radius-sm, 4px)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):hover:not(:disabled):not([data-disabled]){background-color:var(--_ground-hover)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):active:not(:disabled):not([data-disabled]){background-color:var(--_ground-active)}[data-ui-message][data-part-bubble]>[data-part-content]:is(button,a):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-meta]{--_meta-ink: color-mix(in srgb, currentColor 90%, transparent);--_read-ink: var(--slotted-tone-accent-text);display:inline-flex;float:inline-end;align-items:center;gap:var(--slotted-space-1, .125rem);block-size:round(down,var(--_leading),2px);margin-inline-start:var(--slotted-space-4, .5rem);color:var(--_meta-ink);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-control-icon-size-sm, 14px);font-variant-numeric:tabular-nums;white-space:nowrap;translate:0 1px}[data-ui-message][data-part-bubble][data-variant=solid] [data-part-meta]{--_read-ink: var(--_on-solid)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]{display:inline-grid;place-items:center}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt]>span:not([data-ui]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=read]{color:var(--_read-ink)}[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:slotted-message-pending var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}@keyframes slotted-message-pending{0%{opacity:1}to{opacity:.4}}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-meta]{display:none}[data-ui-message][data-part-bubble][data-clamped]:not([data-revealed])>[data-part-content]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--slotted-message-max-lines, 6);overflow:clip;overflow-clip-margin:content-box}[data-ui-message][data-part-bubble]>[data-part-more]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);min-block-size:var(--slotted-target-min, 24px);margin:0;padding-block:0;padding-inline:var(--_pad-inline, 12px);border:0;border-radius:var(--slotted-control-radius, 4px);background-color:transparent;color:var(--slotted-text-muted);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);transition:color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble]>[data-part-more]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-revealed]>[data-part-more]>[data-ui-icon]{rotate:180deg}[data-ui-message][data-part-bubble]>[data-part-more]:hover:not(:disabled){color:var(--slotted-text)}[data-ui-message][data-part-bubble]>[data-part-more]:active:not(:disabled){color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble]>[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-message][data-part-bubble] [data-part-quote]{display:block;box-sizing:border-box;inline-size:100%;margin:0;margin-block-end:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--slotted-space-4, .5rem);border:0;border-radius:calc(var(--_radius) - var(--_pad-block, 8px));background-color:color-mix(in oklab,currentColor 8%,transparent);color:inherit;font:inherit;font-size:var(--slotted-control-font-size-md, 13px);line-height:round(up,calc(1em * var(--slotted-line-height-md, 1.5)),1px);text-align:start;unicode-bidi:plaintext;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}[data-ui-message][data-part-bubble] [data-part-quote-author]{display:block;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-message][data-part-bubble] button[data-part-quote]{cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble] button[data-part-quote]:hover:not(:disabled){background-color:color-mix(in oklab,currentColor 13%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:active:not(:disabled){background-color:color-mix(in oklab,currentColor 18%,transparent)}[data-ui-message][data-part-bubble] button[data-part-quote]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-message][data-part-bubble] [data-part-stream]{white-space:pre-wrap}[data-ui-message][data-part-bubble] [data-part-stream-chunk]{animation:slotted-message-word var(--slotted-duration-long) var(--slotted-easing-standard) both}@keyframes slotted-message-word{0%{opacity:0;filter:blur(.16em)}to{opacity:1;filter:blur(0)}}[data-ui-message][data-part-bubble] [data-part-caret]{--_dot: round(nearest, .6em, 2px);display:inline-block;inline-size:var(--_dot);block-size:var(--_dot);margin-inline-start:var(--slotted-space-1, .125rem);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;vertical-align:middle;transition:filter var(--slotted-duration-medium) var(--slotted-easing-enter) var(--slotted-duration-long);animation:slotted-message-dot-in var(--slotted-duration-medium) var(--slotted-easing-enter),slotted-message-breathe var(--slotted-duration-loop) var(--slotted-easing-standard) var(--slotted-duration-medium) infinite alternate}[data-ui-message][data-part-bubble] [data-part-stream]:has(>[data-part-stream-chunk])+[data-part-caret]{filter:opacity(0);transition:filter var(--slotted-duration-short) var(--slotted-easing-exit)}@keyframes slotted-message-dot-in{0%{opacity:0;scale:0}}@keyframes slotted-message-breathe{0%{opacity:1;scale:1}to{opacity:.5;scale:.72}}[data-ui-message][data-part-bubble] [data-part-typing]{--_dot: round(calc(var(--_leading) / 3), 1px);display:inline-flex;align-items:center;gap:calc(var(--_dot) * .6);block-size:var(--_leading);padding-inline:var(--slotted-space-1, .125rem);vertical-align:top}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){position:relative;padding-inline:calc(var(--_pad-inline) + var(--slotted-space-1, .125rem));transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out)}@starting-style{[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]){opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{content:\"\";position:absolute;box-sizing:border-box;border:inherit;border-radius:var(--slotted-radius-full, 9999px);background-color:inherit;animation:slotted-message-trail var(--slotted-duration-loop-slow) var(--slotted-easing-standard, ease) infinite alternate}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before{inset-block-end:calc(var(--slotted-space-1, .125rem) * -1);inset-inline-start:calc(var(--slotted-space-1, .125rem) * -1);inline-size:var(--slotted-space-4, .5rem);block-size:var(--slotted-space-4, .5rem)}[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after{inset-block-end:calc(var(--slotted-space-3, .375rem) * -1);inset-inline-start:calc(var(--slotted-space-3, .375rem) * -1);inline-size:var(--slotted-space-2, .25rem);block-size:var(--slotted-space-2, .25rem);animation-delay:calc(var(--slotted-duration-loop-slow) / -2)}[data-ui-message][data-part-root]>[data-part-body]:has(>[data-part-bubble] [data-part-typing])>[data-part-footer]{margin-block-start:var(--slotted-space-2, .25rem)}@keyframes slotted-message-trail{0%{opacity:1}to{opacity:.55}}[data-ui-message][data-part-bubble] [data-part-typing]>span{inline-size:var(--_dot);block-size:var(--_dot);border-radius:var(--slotted-radius-full, 9999px);background-color:currentColor;opacity:.3;animation:slotted-message-typing var(--slotted-duration-loop) var(--slotted-easing-standard, ease) infinite}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){animation-delay:calc(var(--slotted-duration-loop) / 6)}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){animation-delay:calc(var(--slotted-duration-loop) / 3)}@keyframes slotted-message-typing{0%,55%,to{opacity:.3;translate:0 0}25%{opacity:.85;translate:0 calc(var(--_dot) * -.5)}}[data-ui-message][data-part-bubble]>[data-part-retry]{--_size: max(var(--slotted-target-min, 24px), var(--slotted-control-inner-size-md, 24px));--_ground: var(--slotted-tone-danger-solid);display:inline-grid;place-items:center;position:absolute;inset-block-end:calc((var(--_leading) + 2 * var(--_pad-block) + 2 * var(--slotted-border-width-thin, 1px) - var(--_size)) / 2);inset-inline-start:calc(100% + var(--slotted-space-4, .5rem));box-sizing:border-box;inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:0;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);color:var(--slotted-tone-danger-on-solid);cursor:pointer;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-retry]{inset-inline:auto calc(100% + var(--slotted-space-4, .5rem))}[data-ui-message][data-part-bubble]>[data-part-retry]>[data-ui-icon]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);transition:rotate var(--slotted-duration-medium) var(--slotted-easing-emphasized, ease)}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-tone-danger-on-solid) var(--slotted-message-retry-state-layer, 14%),var(--_ground))}[data-ui-message][data-part-bubble]>[data-part-retry]:hover:not(:disabled):not([data-disabled])>[data-ui-icon]{rotate:-45deg}[data-ui-message][data-part-bubble]>[data-part-retry]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-danger-solid-active)}[data-ui-message][data-part-bubble]>[data-part-retry]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(prefers-reduced-motion:reduce){[data-ui-message][data-part-bubble] [data-part-caret],[data-ui-message][data-part-bubble] [data-part-stream-chunk],[data-ui-message][data-part-bubble] [data-part-typing]>span,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):before,[data-ui-message][data-part-bubble]>[data-part-content]:has(>[data-part-typing]):after,[data-ui-message][data-part-bubble] [data-part-meta] [data-part-receipt][data-status=sending]>[data-ui-icon]{animation:none}[data-ui-message][data-part-root] [data-part-activity-step][data-current]>:last-child{animation:none;background-image:none;color:inherit}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(2){opacity:.55}[data-ui-message][data-part-bubble] [data-part-typing]>span:nth-child(3){opacity:.8}}[data-ui-message][data-part-bubble]:has(>[data-part-reactions]){padding-block-end:calc(var(--_reactions-size) - var(--_pad-block, 8px) / 2)}[data-ui-message][data-part-bubble]>[data-part-reactions]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);position:absolute;inset-block-end:0;inset-inline-end:var(--_pad-inline, 12px);padding:var(--slotted-space-1, .125rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface-raised);box-shadow:var(--slotted-shadow-xs)}[data-ui-message][data-part-root][data-align=end] [data-part-bubble]>[data-part-reactions]{inset-inline:var(--_pad-inline, 12px) auto}[data-ui-message][data-part-bubble][data-variant=plain]:has(>[data-part-reactions]){padding-block-end:0}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-reactions]{position:static;padding:0;border:0;background-color:transparent;box-shadow:none;translate:none}[data-ui-message][data-part-bubble] [data-part-reaction]{display:inline-flex;align-items:center;gap:var(--slotted-space-1, .125rem);box-sizing:border-box;min-inline-size:var(--_reactions-size);block-size:var(--_reactions-size);margin:0;padding-block:0;padding-inline:var(--slotted-space-3, .375rem);--_reaction-ground: transparent;border:var(--slotted-border-width-thin, 1px) solid transparent;border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_reaction-ground);color:var(--slotted-text);font:inherit;font-size:var(--slotted-font-size-xs, .75rem);line-height:1;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),border-color var(--slotted-duration-short) var(--slotted-easing-standard, ease),color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui-message][data-part-bubble][data-variant=plain] [data-part-reaction]{--_reaction-ground: var(--slotted-surface);border-color:var(--slotted-border-subtle)}[data-ui-message][data-part-bubble] [data-part-reaction-count]{color:var(--slotted-text-muted);font-weight:var(--slotted-font-weight-medium, 500);font-variant-numeric:tabular-nums}[data-ui-message][data-part-bubble] [data-part-reaction]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-hover, 6%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--slotted-text) var(--slotted-message-state-layer-active, 12%),var(--_reaction-ground))}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{--_reaction-ground: var(--slotted-tone-accent-surface);border-color:var(--slotted-tone-accent-border)}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]>[data-part-reaction-count]{color:var(--slotted-tone-accent-text)}[data-ui-message][data-part-bubble] [data-part-reaction]:is(:disabled,[data-disabled]){color:var(--slotted-disabled-foreground);cursor:default}[data-ui-message][data-part-bubble] [data-part-reaction]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}@media(forced-colors:active){[data-ui-message][data-part-bubble]>[data-part-content]{border-color:CanvasText}[data-ui-message][data-part-bubble] [data-part-caret]{forced-color-adjust:none;background-color:CanvasText}[data-ui-message][data-part-bubble][data-variant=plain]>[data-part-content]{border-color:transparent}[data-ui-message][data-part-bubble] [data-part-reaction][data-pressed]{border-color:Highlight;forced-color-adjust:none;background-color:Highlight;color:HighlightText}[data-ui-message][data-part-bubble] [data-part-quote]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}}}\n"] }]
|
|
585
635
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], maxLines: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLines", required: false }] }], revealed: [{ type: i0.Input, args: [{ isSignal: true, alias: "revealed", required: false }] }, { type: i0.Output, args: ["revealedChange"] }], revealedChangeRequest: [{ type: i0.Output, args: ["revealedChangeRequest"] }] } });
|
|
586
636
|
/**
|
|
587
637
|
* The painted surface, on the `div`, `button` or `a` the page wrote: a quick
|
|
@@ -613,14 +663,14 @@ class SlBubbleContent {
|
|
|
613
663
|
inject(DestroyRef).onDestroy(() => observer?.disconnect());
|
|
614
664
|
}
|
|
615
665
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
616
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleContent, isStandalone: true, selector: "[slBubbleContent]", host: { attributes: { "data-part": "content" }, properties: { "attr.id": "id" } }, ngImport: i0 });
|
|
666
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleContent, isStandalone: true, selector: "[slBubbleContent]", host: { attributes: { "data-part": "content", "data-part-content": "" }, properties: { "attr.id": "id" } }, ngImport: i0 });
|
|
617
667
|
}
|
|
618
668
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleContent, decorators: [{
|
|
619
669
|
type: Directive,
|
|
620
670
|
args: [{
|
|
621
671
|
selector: '[slBubbleContent]',
|
|
622
672
|
standalone: true,
|
|
623
|
-
host: { 'data-part': 'content', '[attr.id]': 'id' },
|
|
673
|
+
host: { 'data-part': 'content', 'data-part-content': '', '[attr.id]': 'id' },
|
|
624
674
|
}]
|
|
625
675
|
}], ctorParameters: () => [] });
|
|
626
676
|
/**
|
|
@@ -632,8 +682,8 @@ class SlBubbleQuote {
|
|
|
632
682
|
author = input(undefined, /* @ts-ignore */
|
|
633
683
|
...(ngDevMode ? [{ debugName: "author" }] : /* istanbul ignore next */ []));
|
|
634
684
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleQuote, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
635
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubbleQuote, isStandalone: true, selector: "[slBubbleQuote]", inputs: { author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "quote" } }, ngImport: i0, template: `@if (author(); as name) {
|
|
636
|
-
<span data-part="quote-author">{{ name }}</span>
|
|
685
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubbleQuote, isStandalone: true, selector: "[slBubbleQuote]", inputs: { author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "quote", "data-part-quote": "" } }, ngImport: i0, template: `@if (author(); as name) {
|
|
686
|
+
<span data-part="quote-author" data-part-quote-author="">{{ name }}</span>
|
|
637
687
|
}
|
|
638
688
|
<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
639
689
|
}
|
|
@@ -643,12 +693,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
643
693
|
selector: '[slBubbleQuote]',
|
|
644
694
|
standalone: true,
|
|
645
695
|
template: `@if (author(); as name) {
|
|
646
|
-
<span data-part="quote-author">{{ name }}</span>
|
|
696
|
+
<span data-part="quote-author" data-part-quote-author="">{{ name }}</span>
|
|
647
697
|
}
|
|
648
698
|
<ng-content></ng-content>`,
|
|
649
699
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
650
700
|
encapsulation: ViewEncapsulation.None,
|
|
651
|
-
host: { 'data-part': 'quote' },
|
|
701
|
+
host: { 'data-part': 'quote', 'data-part-quote': '' },
|
|
652
702
|
}]
|
|
653
703
|
}], propDecorators: { author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }] } });
|
|
654
704
|
/**
|
|
@@ -704,7 +754,7 @@ class SlBubbleStream {
|
|
|
704
754
|
this.stream.update((stream) => settleStream(stream, key));
|
|
705
755
|
}
|
|
706
756
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleStream, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
707
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubbleStream, isStandalone: true, selector: "span[slBubbleStream]", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "stream" } }, ngImport: i0, template: `{{ stream().settled }}@for (chunk of stream().chunks; track chunk.key) {<span data-part="stream-chunk" [style.animation-delay.ms]="chunk.delay" (animationend)="settle(chunk.key)">{{ chunk.text }}</span>}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
757
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubbleStream, isStandalone: true, selector: "span[slBubbleStream]", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "stream", "data-part-stream": "" } }, ngImport: i0, template: `{{ stream().settled }}@for (chunk of stream().chunks; track chunk.key) {<span data-part="stream-chunk" data-part-stream-chunk="" [style.animation-delay.ms]="chunk.delay" (animationend)="settle(chunk.key)">{{ chunk.text }}</span>}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
708
758
|
}
|
|
709
759
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleStream, decorators: [{
|
|
710
760
|
type: Component,
|
|
@@ -713,23 +763,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
713
763
|
standalone: true,
|
|
714
764
|
/* One line: a space or a line break between the text and the chunks would be painted. */
|
|
715
765
|
// prettier-ignore
|
|
716
|
-
template: `{{ stream().settled }}@for (chunk of stream().chunks; track chunk.key) {<span data-part="stream-chunk" [style.animation-delay.ms]="chunk.delay" (animationend)="settle(chunk.key)">{{ chunk.text }}</span>}`,
|
|
766
|
+
template: `{{ stream().settled }}@for (chunk of stream().chunks; track chunk.key) {<span data-part="stream-chunk" data-part-stream-chunk="" [style.animation-delay.ms]="chunk.delay" (animationend)="settle(chunk.key)">{{ chunk.text }}</span>}`,
|
|
717
767
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
718
768
|
encapsulation: ViewEncapsulation.None,
|
|
719
|
-
host: { 'data-part': 'stream' },
|
|
769
|
+
host: { 'data-part': 'stream', 'data-part-stream': '' },
|
|
720
770
|
}]
|
|
721
771
|
}], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
|
|
722
772
|
/** The caret at the end of the words that have arrived while a reply streams. */
|
|
723
773
|
class SlBubbleCaret {
|
|
724
774
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleCaret, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
725
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleCaret, isStandalone: true, selector: "[slBubbleCaret]", host: { attributes: { "data-part": "caret", "aria-hidden": "true" } }, ngImport: i0 });
|
|
775
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleCaret, isStandalone: true, selector: "[slBubbleCaret]", host: { attributes: { "data-part": "caret", "data-part-caret": "", "aria-hidden": "true" } }, ngImport: i0 });
|
|
726
776
|
}
|
|
727
777
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleCaret, decorators: [{
|
|
728
778
|
type: Directive,
|
|
729
779
|
args: [{
|
|
730
780
|
selector: '[slBubbleCaret]',
|
|
731
781
|
standalone: true,
|
|
732
|
-
host: { 'data-part': 'caret', 'aria-hidden': 'true' },
|
|
782
|
+
host: { 'data-part': 'caret', 'data-part-caret': '', 'aria-hidden': 'true' },
|
|
733
783
|
}]
|
|
734
784
|
}] });
|
|
735
785
|
/** Three dots in the bubble of someone writing, named for assistive technology. */
|
|
@@ -740,7 +790,7 @@ class SlBubbleTyping {
|
|
|
740
790
|
label = computed(() => this.written ?? this.t('typing'), /* @ts-ignore */
|
|
741
791
|
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
742
792
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleTyping, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
743
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleTyping, isStandalone: true, selector: "[slBubbleTyping]", host: { attributes: { "data-part": "typing", "role": "img" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0, template: '<span></span><span></span><span></span>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
793
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleTyping, isStandalone: true, selector: "[slBubbleTyping]", host: { attributes: { "data-part": "typing", "data-part-typing": "", "role": "img" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0, template: '<span></span><span></span><span></span>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
744
794
|
}
|
|
745
795
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleTyping, decorators: [{
|
|
746
796
|
type: Component,
|
|
@@ -750,7 +800,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
750
800
|
template: '<span></span><span></span><span></span>',
|
|
751
801
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
752
802
|
encapsulation: ViewEncapsulation.None,
|
|
753
|
-
host: {
|
|
803
|
+
host: {
|
|
804
|
+
'data-part': 'typing',
|
|
805
|
+
'data-part-typing': '',
|
|
806
|
+
role: 'img',
|
|
807
|
+
'[attr.aria-label]': 'label()',
|
|
808
|
+
},
|
|
754
809
|
}]
|
|
755
810
|
}] });
|
|
756
811
|
/**
|
|
@@ -770,7 +825,7 @@ class SlBubbleRetry {
|
|
|
770
825
|
this.row?.requestRetry(reasonOf(event), event);
|
|
771
826
|
}
|
|
772
827
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleRetry, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
773
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleRetry, isStandalone: true, selector: "button[slBubbleRetry]", host: { attributes: { "data-part": "retry", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0, template: '<span slIcon><svg slGlyph name="rotate-ccw"></svg></span>', isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
828
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleRetry, isStandalone: true, selector: "button[slBubbleRetry]", host: { attributes: { "data-part": "retry", "data-part-retry": "", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0, template: '<span slIcon><svg slGlyph name="rotate-ccw"></svg></span>', isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
774
829
|
}
|
|
775
830
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleRetry, decorators: [{
|
|
776
831
|
type: Component,
|
|
@@ -783,6 +838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
783
838
|
encapsulation: ViewEncapsulation.None,
|
|
784
839
|
host: {
|
|
785
840
|
'data-part': 'retry',
|
|
841
|
+
'data-part-retry': '',
|
|
786
842
|
type: 'button',
|
|
787
843
|
'[attr.aria-label]': 'label()',
|
|
788
844
|
'(click)': 'onClick($event)',
|
|
@@ -796,14 +852,19 @@ class SlBubbleReactions {
|
|
|
796
852
|
label = computed(() => this.written ?? this.t('reactions'), /* @ts-ignore */
|
|
797
853
|
...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
798
854
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReactions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
799
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleReactions, isStandalone: true, selector: "[slBubbleReactions]", host: { attributes: { "data-part": "reactions", "role": "group" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0 });
|
|
855
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlBubbleReactions, isStandalone: true, selector: "[slBubbleReactions]", host: { attributes: { "data-part": "reactions", "data-part-reactions": "", "role": "group" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0 });
|
|
800
856
|
}
|
|
801
857
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReactions, decorators: [{
|
|
802
858
|
type: Directive,
|
|
803
859
|
args: [{
|
|
804
860
|
selector: '[slBubbleReactions]',
|
|
805
861
|
standalone: true,
|
|
806
|
-
host: {
|
|
862
|
+
host: {
|
|
863
|
+
'data-part': 'reactions',
|
|
864
|
+
'data-part-reactions': '',
|
|
865
|
+
role: 'group',
|
|
866
|
+
'[attr.aria-label]': 'label()',
|
|
867
|
+
},
|
|
807
868
|
}]
|
|
808
869
|
}] });
|
|
809
870
|
/**
|
|
@@ -830,9 +891,9 @@ class SlBubbleReaction {
|
|
|
830
891
|
this.pressed.set(!this.pressed());
|
|
831
892
|
}
|
|
832
893
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReaction, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
833
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubbleReaction, isStandalone: true, selector: "button[slBubbleReaction]", inputs: { pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", pressedChangeRequest: "pressedChangeRequest" }, host: { attributes: { "data-part": "reaction", "type": "button" }, listeners: { "click": "toggle($event)" }, properties: { "attr.aria-pressed": "pressed()", "attr.data-pressed": "pressed() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "disabled": "disabled()" } }, ngImport: i0, template: `<ng-content></ng-content>
|
|
894
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlBubbleReaction, isStandalone: true, selector: "button[slBubbleReaction]", inputs: { pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange", pressedChangeRequest: "pressedChangeRequest" }, host: { attributes: { "data-part": "reaction", "data-part-reaction": "", "type": "button" }, listeners: { "click": "toggle($event)" }, properties: { "attr.aria-pressed": "pressed()", "attr.data-pressed": "pressed() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "disabled": "disabled()" } }, ngImport: i0, template: `<ng-content></ng-content>
|
|
834
895
|
@if (count() !== undefined) {
|
|
835
|
-
<span data-part="reaction-count">{{ count() }}</span>
|
|
896
|
+
<span data-part="reaction-count" data-part-reaction-count="">{{ count() }}</span>
|
|
836
897
|
}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
837
898
|
}
|
|
838
899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReaction, decorators: [{
|
|
@@ -842,12 +903,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
842
903
|
standalone: true,
|
|
843
904
|
template: `<ng-content></ng-content>
|
|
844
905
|
@if (count() !== undefined) {
|
|
845
|
-
<span data-part="reaction-count">{{ count() }}</span>
|
|
906
|
+
<span data-part="reaction-count" data-part-reaction-count="">{{ count() }}</span>
|
|
846
907
|
}`,
|
|
847
908
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
848
909
|
encapsulation: ViewEncapsulation.None,
|
|
849
910
|
host: {
|
|
850
911
|
'data-part': 'reaction',
|
|
912
|
+
'data-part-reaction': '',
|
|
851
913
|
type: 'button',
|
|
852
914
|
'[attr.aria-pressed]': 'pressed()',
|
|
853
915
|
'[attr.data-pressed]': "pressed() ? '' : null",
|