@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-message.mjs

@@ -0,0 +1,866 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, Directive, model, output, HostAttributeToken, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, afterNextRender, effect, untracked } from '@angular/core';
+import { injectMessages } from '@slotted/angular/i18n';
+import { messageMessages } from '@slotted/core/i18n';
+import { createControllable } from '@slotted/core/state';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { initialStream, advanceStream, prefersReducedMotion, settleStream } from '@slotted/core/text-stream';
+
+const FALLBACK = {
+    layout: 'bubble',
+    actionsVisibility: 'hover',
+    variant: 'soft',
+    tone: 'secondary',
+};
+const MESSAGE_DEFAULTS = new InjectionToken('slotted message defaults', {
+    providedIn: 'root',
+    factory: () => FALLBACK,
+});
+/**
+ * An application decides once how its messages are laid out, when their
+ * actions show, and what a bubble paints when nothing infers it. A group, a
+ * row or a bubble that states any of them still wins. Its words come from the
+ * language in force (`provideSlotted`).
+ */
+function provideMessageDefaults(defaults) {
+    return {
+        provide: MESSAGE_DEFAULTS,
+        useFactory: () => ({
+            layout: defaults.layout ?? FALLBACK.layout,
+            actionsVisibility: defaults.actionsVisibility ?? FALLBACK.actionsVisibility,
+            variant: defaults.variant ?? FALLBACK.variant,
+            tone: defaults.tone ?? FALLBACK.tone,
+        }),
+    };
+}
+function injectMessageDefaults() {
+    return inject(MESSAGE_DEFAULTS);
+}
+/** A click from Enter or Space has no detail. */
+function reasonOf(event) {
+    return event.detail === 0 ? 'keyboard' : 'pointer';
+}
+
+let nextId$1 = 0;
+/**
+ * A run of messages from one sender on the `div` the page wrote. The rows
+ * inside it stand two pixels apart, the corners that face each other on the
+ * sender's side are drawn in, and a row with no avatar still stands on the
+ * column the run's avatar holds — read from the DOM by the stylesheet.
+ */
+class SlMessageGroup {
+    /** The layout every row in the run takes unless it states its own. */
+    layout = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slMessageGroup]',
+                    standalone: true,
+                    exportAs: 'slMessageGroup',
+                    host: { 'data-ui': 'message', 'data-part': 'group' },
+                }]
+        }], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }] } });
+/**
+ * One message of a conversation, on the `article` the page wrote, named by
+ * its author.
+ *
+ * **The side is asked once, here.** A bubble inside the row follows `align`
+ * and, when it states no painting, takes the reader's own for `end` — the
+ * accent's fill — and none for a thread.
+ *
+ * **The status is a fact about delivery.** `sending` and `streaming` are
+ * `aria-busy` and `data-loading`, `failed` is `data-invalid`, `read` is
+ * `data-read`.
+ *
+ * **Versions.** With `versionCount` of two or more, `slMessageVersions`
+ * pages between them; `[(version)]` is two-way and every move is asked
+ * first through `versionChangeRequest`.
+ */
+class SlMessage {
+    /** The sender's side. `end` is the reader's own message. */
+    align = input('start', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    /** Bubbles in a conversation, or rows of a comment thread. Falls back to the group, then the token. */
+    layout = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    actionsVisibility = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actionsVisibility" }] : /* istanbul ignore next */ []));
+    status = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    /** The version on screen, from 0. Two-way; every move is asked first. */
+    version = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "version" }] : /* istanbul ignore next */ []));
+    /** How many versions exist; the pager draws when there are two or more. */
+    versionCount = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "versionCount" }] : /* istanbul ignore next */ []));
+    /**
+     * Words laid over the catalog of the language in force, key by key, for
+     * this row and every part and bubble inside it.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** Emitted before the version moves; `cancel()` keeps it. */
+    versionChangeRequest = output();
+    /** Asks to send the message again; `slBubbleRetry` emits it. */
+    retry = output();
+    defaults = injectMessageDefaults();
+    group = inject(SlMessageGroup, { optional: true });
+    ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true }) ??
+        inject(new HostAttributeToken('aria-labelledby'), { optional: true });
+    authorId = `sl-message-${nextId$1++}-author`;
+    /** The family's words in the language in force, with this row's `messages` laid over them. */
+    t = injectMessages(messageMessages, this.messages);
+    authorPresent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "authorPresent" }] : /* istanbul ignore next */ []));
+    resolvedLayout = computed(() => this.layout() ?? this.group?.layout() ?? this.defaults.layout, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLayout" }] : /* istanbul ignore next */ []));
+    resolvedActions = computed(() => this.actionsVisibility() ?? this.defaults.actionsVisibility, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedActions" }] : /* istanbul ignore next */ []));
+    busy = computed(() => this.status() === 'sending' || this.status() === 'streaming', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+    /** The author names the article unless the page named it: `aria-labelledby` would outrank its `aria-label`. */
+    labelledBy = computed(() => this.ownLabel === null && this.authorPresent() ? this.authorId : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
+    registerAuthor(present) {
+        this.authorPresent.set(present);
+    }
+    requestVersion(next, reason, source) {
+        const bounded = Math.min(Math.max(0, next), Math.max(0, this.versionCount() - 1));
+        const state = createControllable({
+            initial: this.version(),
+            onRequest: (request) => this.versionChangeRequest.emit(request),
+        });
+        if (state.request(bounded, reason, source))
+            this.version.set(bounded);
+    }
+    requestRetry(reason, source) {
+        this.retry.emit({ reason, source });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessage, decorators: [{
+            type: Component,
+            args: [{ selector: '[slMessage]', standalone: true, exportAs: 'slMessage', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'message',
+                        'data-part': 'root',
+                        '[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()',
+                    }, 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"] }]
+        }], 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"] }] } });
+/**
+ * The family's words for a part that may stand outside a row: the row's, with
+ * its `messages` laid over the language in force, or the language alone.
+ */
+function injectMessageWords() {
+    const own = injectMessages(messageMessages);
+    return inject(SlMessage, { optional: true })?.t ?? own;
+}
+
+function message() {
+    const owner = inject(SlMessage, { optional: true });
+    if (owner === null)
+        throw new Error('A message part is rendered outside slMessage.');
+    return owner;
+}
+/** The box the sender's avatar stands in: at the foot of a run, or beside the name in a thread. */
+class SlMessageAvatar {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAvatar, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slMessageAvatar]', standalone: true, host: { 'data-part': 'avatar' } }]
+        }] });
+/** The column of the words: the header, the bubbles, the attachments and the footer. */
+class SlMessageBody {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageBody, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slMessageBody]', standalone: true, host: { 'data-part': 'body' } }]
+        }] });
+/** The name and, in a thread, the hour, over the words. */
+class SlMessageHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageHeader, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slMessageHeader]', standalone: true, host: { 'data-part': 'header' } }]
+        }] });
+/** What is said about the message under it: a receipt outside a bubble, the actions, the versions. */
+class SlMessageFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageFooter, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slMessageFooter]', standalone: true, host: { 'data-part': 'footer' } }]
+        }] });
+/** The hour, on the `time` element the page wrote with its `datetime`. */
+class SlMessageTime {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageTime, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageTime, decorators: [{
+            type: Directive,
+            args: [{ selector: 'time[slMessageTime]', standalone: true, host: { 'data-part': 'time' } }]
+        }] });
+/**
+ * The sender's name. While it is on the page the article is named by it, so a
+ * screen reader that moves from article to article hears who spoke. A page
+ * `id` is kept.
+ */
+class SlMessageAuthor {
+    owner = message();
+    id = inject(new HostAttributeToken('id'), { optional: true }) ?? this.owner.authorId;
+    constructor() {
+        this.owner.registerAuthor(true);
+        inject(DestroyRef).onDestroy(() => this.owner.registerAuthor(false));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAuthor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageAuthor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slMessageAuthor]',
+                    standalone: true,
+                    host: { 'data-part': 'author', '[attr.id]': 'id' },
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * The hour and the delivery mark inside a bubble, riding at the end of the
+ * last line. A receipt inside it draws its mark and keeps its word for
+ * assistive technology.
+ */
+class SlBubbleMeta {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleMeta, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slBubbleMeta]', standalone: true, host: { 'data-part': 'meta' } }]
+        }] });
+const RECEIPT_GLYPH = {
+    sending: 'clock',
+    sent: 'check',
+    delivered: 'check-check',
+    read: 'check-check',
+};
+/**
+ * Where the message is in its delivery. Inside `slBubbleMeta` it is a mark
+ * beside the hour with the word hidden for assistive technology; anywhere
+ * else it is the word alone — a mark beside a word of twelve pixels is two
+ * voices saying one thing.
+ */
+class SlMessageReceipt {
+    /** Falls back to the row's status. */
+    status = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    owner = message();
+    inMeta = inject(SlBubbleMeta, { optional: true }) !== null;
+    resolved = computed(() => {
+        const own = this.owner.status();
+        return this.status() ?? (own === 'streaming' ? undefined : own) ?? 'sent';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolved" }] : /* istanbul ignore next */ []));
+    word = computed(() => this.owner.t(this.resolved()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "word" }] : /* istanbul ignore next */ []));
+    glyph = computed(() => {
+        const status = this.resolved();
+        return this.inMeta && status !== 'failed' ? RECEIPT_GLYPH[status] : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "glyph" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageReceipt, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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) {
+      <span slIcon><svg slGlyph [name]="name"></svg></span><span>{{ word() }}</span>
+    } @else {
+      {{ word() }}
+    }`, 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageReceipt, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slMessageReceipt]',
+                    standalone: true,
+                    imports: [SlGlyph, SlIcon],
+                    template: `@if (glyph(); as name) {
+      <span slIcon><svg slGlyph [name]="name"></svg></span><span>{{ word() }}</span>
+    } @else {
+      {{ word() }}
+    }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { 'data-part': 'receipt', '[attr.data-status]': 'resolved()' },
+                }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
+/** The message's own actions — copy, reply, rate — as a toolbar the row reveals. */
+class SlMessageActions {
+    owner = message();
+    written = inject(new HostAttributeToken('aria-label'), { optional: true });
+    label = computed(() => this.written ?? this.owner.t('actions'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slMessageActions]',
+                    standalone: true,
+                    host: {
+                        'data-part': 'actions',
+                        role: 'toolbar',
+                        '[attr.aria-label]': 'label()',
+                    },
+                }]
+        }] });
+/** What a reply is doing before it has words, as a short log of steps; a status region. */
+class SlMessageActivity {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActivity, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActivity, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slMessageActivity]',
+                    standalone: true,
+                    host: { 'data-part': 'activity', role: 'status' },
+                }]
+        }] });
+/** One step of an activity: done, in progress, or waiting. */
+class SlMessageActivityStep {
+    status = input('current', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActivityStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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()) {
+      @case ('complete') {
+        <span slIcon><svg slGlyph name="check"></svg></span>
+      }
+      @case ('current') {
+        <span aria-hidden="true"><span aria-hidden="true" data-ui="spinner"></span></span>
+      }
+      @default {
+        <span aria-hidden="true"></span>
+      }
+    }
+    <span><ng-content></ng-content></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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageActivityStep, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slMessageActivityStep]',
+                    standalone: true,
+                    imports: [SlGlyph, SlIcon],
+                    template: `@switch (status()) {
+      @case ('complete') {
+        <span slIcon><svg slGlyph name="check"></svg></span>
+      }
+      @case ('current') {
+        <span aria-hidden="true"><span aria-hidden="true" data-ui="spinner"></span></span>
+      }
+      @default {
+        <span aria-hidden="true"></span>
+      }
+    }
+    <span><ng-content></ng-content></span>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'activity-step',
+                        '[attr.data-complete]': "status() === 'complete' ? '' : null",
+                        '[attr.data-current]': "status() === 'current' ? '' : null",
+                        '[attr.aria-current]': "status() === 'current' ? 'step' : null",
+                    },
+                }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
+/**
+ * `2 de 3` between two controls that page through a reply's versions. It
+ * draws its controls only while there are two or more; they stop at the ends
+ * rather than wrapping. `ArrowLeft` and `ArrowRight` page as well, mirrored in
+ * a right-to-left document.
+ */
+class SlMessageVersions {
+    owner = message();
+    host = inject(ElementRef).nativeElement;
+    label = computed(() => this.owner.t('versionLabel', {
+        current: this.owner.version() + 1,
+        total: this.owner.versionCount(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    step(delta, event) {
+        this.owner.requestVersion(this.owner.version() + delta, reasonOf(event), event);
+    }
+    onKeyDown(event) {
+        if (event.defaultPrevented)
+            return;
+        const rtl = getComputedStyle(this.host).direction === 'rtl';
+        const forward = rtl ? 'ArrowLeft' : 'ArrowRight';
+        const back = rtl ? 'ArrowRight' : 'ArrowLeft';
+        if (event.key !== forward && event.key !== back)
+            return;
+        event.preventDefault();
+        this.owner.requestVersion(this.owner.version() + (event.key === forward ? 1 : -1), 'keyboard', event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageVersions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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) {
+    <button
+      type="button"
+      data-part="version-previous"
+      [attr.aria-label]="owner.t('previousVersion')"
+      [disabled]="owner.version() <= 0"
+      (click)="step(-1, $event)"
+    >
+      <span slIcon><svg slGlyph name="chevron-right"></svg></span>
+    </button>
+    <span data-part="version-label" aria-live="polite">{{ label() }}</span>
+    <button
+      type="button"
+      data-part="version-next"
+      [attr.aria-label]="owner.t('nextVersion')"
+      [disabled]="owner.version() >= owner.versionCount() - 1"
+      (click)="step(1, $event)"
+    >
+      <span slIcon><svg slGlyph name="chevron-right"></svg></span>
+    </button>
+  }`, 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageVersions, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slMessageVersions]',
+                    standalone: true,
+                    imports: [SlGlyph, SlIcon],
+                    template: `@if (owner.versionCount() > 1) {
+    <button
+      type="button"
+      data-part="version-previous"
+      [attr.aria-label]="owner.t('previousVersion')"
+      [disabled]="owner.version() <= 0"
+      (click)="step(-1, $event)"
+    >
+      <span slIcon><svg slGlyph name="chevron-right"></svg></span>
+    </button>
+    <span data-part="version-label" aria-live="polite">{{ label() }}</span>
+    <button
+      type="button"
+      data-part="version-next"
+      [attr.aria-label]="owner.t('nextVersion')"
+      [disabled]="owner.version() >= owner.versionCount() - 1"
+      (click)="step(1, $event)"
+    >
+      <span slIcon><svg slGlyph name="chevron-right"></svg></span>
+    </button>
+  }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'versions',
+                        role: 'group',
+                        '[attr.aria-label]': "owner.t('versions')",
+                        '[attr.hidden]': "owner.versionCount() > 1 ? null : ''",
+                        '(keydown)': 'onKeyDown($event)',
+                    },
+                }]
+        }] });
+
+let nextId = 0;
+/**
+ * The surface a message's words are painted on, on the `div` the page wrote.
+ *
+ * **Painting.** `variant` × `tone`. A bubble that states neither takes it from
+ * its row — the reader's own message is the accent's fill, a thread paints no
+ * box — then from the token; the result is written as `data-variant` and
+ * `data-tone`.
+ *
+ * **Clamp.** With `maxLines`, a longer text shows its first lines and a
+ * “show more” control under the surface, drawn only while the text
+ * overflows; the whole text stays in the DOM. `[(revealed)]` is two-way and
+ * every move is asked first through `revealedChangeRequest`.
+ */
+class SlBubble {
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /** Lines shown before the text is clamped behind a “show more” control. */
+    maxLines = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxLines" }] : /* istanbul ignore next */ []));
+    /** The text shown whole. Two-way; every move is asked first. */
+    revealed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "revealed" }] : /* istanbul ignore next */ []));
+    revealedChangeRequest = output();
+    defaults = injectMessageDefaults();
+    row = inject(SlMessage, { optional: true });
+    contentId = `sl-bubble-${nextId++}-content`;
+    /** The family's words: the row's, or the language in force outside a row. */
+    t = injectMessageWords();
+    overflowing = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowing" }] : /* istanbul ignore next */ []));
+    clamped = computed(() => this.maxLines() !== undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clamped" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => {
+        const own = this.variant();
+        if (own !== undefined)
+            return own;
+        if (this.row?.resolvedLayout() === 'thread')
+            return 'plain';
+        if (this.row?.align() === 'end')
+            return 'solid';
+        return this.defaults.variant;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedTone = computed(() => {
+        const own = this.tone();
+        if (own !== undefined)
+            return own;
+        if (this.row?.align() === 'end' && this.row.resolvedLayout() !== 'thread')
+            return 'accent';
+        return this.defaults.tone;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+    toggle(event) {
+        this.requestRevealed(!this.revealed(), reasonOf(event), event);
+    }
+    requestRevealed(next, reason, source) {
+        const state = createControllable({
+            initial: this.revealed(),
+            onRequest: (request) => this.revealedChangeRequest.emit(request),
+        });
+        if (state.request(next, reason, source))
+            this.revealed.set(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubble, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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>
+    @if (clamped() && (overflowing() || revealed())) {
+      <button
+        type="button"
+        data-part="more"
+        [attr.aria-controls]="contentId"
+        [attr.aria-expanded]="revealed()"
+        (click)="toggle($event)"
+      >
+        {{ revealed() ? t('less') : t('more') }}
+        <span slIcon><svg slGlyph name="chevron-down"></svg></span>
+      </button>
+    }`, 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubble, decorators: [{
+            type: Component,
+            args: [{ selector: '[slBubble]', standalone: true, exportAs: 'slBubble', imports: [SlGlyph, SlIcon], template: `<ng-content></ng-content>
+    @if (clamped() && (overflowing() || revealed())) {
+      <button
+        type="button"
+        data-part="more"
+        [attr.aria-controls]="contentId"
+        [attr.aria-expanded]="revealed()"
+        (click)="toggle($event)"
+      >
+        {{ revealed() ? t('less') : t('more') }}
+        <span slIcon><svg slGlyph name="chevron-down"></svg></span>
+      </button>
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'message',
+                        'data-part': 'bubble',
+                        '[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',
+                    }, 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"] }]
+        }], 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"] }] } });
+/**
+ * The painted surface, on the `div`, `button` or `a` the page wrote: a quick
+ * reply is a `button`, a way out of the thread an `a`, and each keeps the
+ * painting, the hover, the press and the focus ring. Inside a clamped bubble
+ * it measures whether its text overflows, which is what draws “show more”.
+ */
+class SlBubbleContent {
+    bubble = inject(SlBubble, { optional: true });
+    id = inject(new HostAttributeToken('id'), { optional: true }) ?? this.bubble?.contentId ?? null;
+    constructor() {
+        const element = inject(ElementRef).nativeElement;
+        const bubble = this.bubble;
+        if (bubble === null)
+            return;
+        let observer = null;
+        afterNextRender(() => {
+            const measure = () => {
+                if (!bubble.clamped() || bubble.revealed())
+                    return;
+                bubble.overflowing.set(element.scrollHeight > element.clientHeight + 1);
+            };
+            measure();
+            if (typeof ResizeObserver === 'undefined')
+                return;
+            observer = new ResizeObserver(measure);
+            observer.observe(element);
+        });
+        inject(DestroyRef).onDestroy(() => observer?.disconnect());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slBubbleContent]',
+                    standalone: true,
+                    host: { 'data-part': 'content', '[attr.id]': 'id' },
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * The message a reply answers, at the head of the surface, on the `div` or
+ * `button` the page wrote. On a `button` it asks the page to scroll to the
+ * quoted message through `(click)` — the scroller's `scrollToMessage`.
+ */
+class SlBubbleQuote {
+    author = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "author" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleQuote, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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) {
+      <span data-part="quote-author">{{ name }}</span>
+    }
+    <ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleQuote, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slBubbleQuote]',
+                    standalone: true,
+                    template: `@if (author(); as name) {
+      <span data-part="quote-author">{{ name }}</span>
+    }
+    <ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { 'data-part': 'quote' },
+                }]
+        }], propDecorators: { author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }] } });
+/**
+ * The words of a streamed reply, entering as they arrive, on the `span` the
+ * page wrote.
+ *
+ * `text` is everything received so far. What extends the previous text is
+ * split into words by `@slotted/core/text-stream`; each word is in the DOM at
+ * once and enters as a `stream-chunk` after a delay of at most 320 ms, so a
+ * burst from the transport reads as a wave rather than a block. A chunk that
+ * has entered is folded back into plain text. Text that does not extend the
+ * previous — a regenerated reply — replaces it at once, and so does every
+ * arrival under reduced motion.
+ *
+ * Arrivals animate while the row is `streaming`, and the arrival that ends
+ * the stream with it; `animate` states it outright.
+ */
+class SlBubbleStream {
+    row = inject(SlMessage, { optional: true });
+    view = inject((ElementRef)).nativeElement.ownerDocument.defaultView;
+    /** The whole reply received so far. Text that extends it enters word by word. */
+    text = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    /** Let arrivals enter. Falls back to whether the row is `streaming`. */
+    animate = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "animate" }] : /* istanbul ignore next */ []));
+    streaming = computed(() => this.animate() ?? this.row?.status() === 'streaming', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "streaming" }] : /* istanbul ignore next */ []));
+    stream = signal(initialStream(''), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stream" }] : /* istanbul ignore next */ []));
+    started = false;
+    wasStreaming = false;
+    constructor() {
+        effect(() => {
+            const text = this.text();
+            const streaming = this.streaming();
+            untracked(() => {
+                if (!this.started) {
+                    this.started = true;
+                    this.stream.set(initialStream(text));
+                }
+                else {
+                    this.stream.update((stream) => advanceStream(stream, text, {
+                        animate: (streaming || this.wasStreaming) && !prefersReducedMotion(this.view),
+                        now: typeof performance === 'undefined' ? 0 : performance.now(),
+                    }));
+                }
+                this.wasStreaming = streaming;
+            });
+        });
+    }
+    settle(key) {
+        this.stream.update((stream) => settleStream(stream, key));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleStream, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleStream, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'span[slBubbleStream]',
+                    standalone: true,
+                    /* One line: a space or a line break between the text and the chunks would be painted. */
+                    // prettier-ignore
+                    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>}`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { 'data-part': 'stream' },
+                }]
+        }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }] } });
+/** The caret at the end of the words that have arrived while a reply streams. */
+class SlBubbleCaret {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleCaret, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleCaret, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slBubbleCaret]',
+                    standalone: true,
+                    host: { 'data-part': 'caret', 'aria-hidden': 'true' },
+                }]
+        }] });
+/** Three dots in the bubble of someone writing, named for assistive technology. */
+class SlBubbleTyping {
+    t = injectMessageWords();
+    written = inject(new HostAttributeToken('aria-label'), { optional: true });
+    /** A written `aria-label` wins over the `typing` message. */
+    label = computed(() => this.written ?? this.t('typing'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleTyping, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleTyping, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slBubbleTyping]',
+                    standalone: true,
+                    template: '<span></span><span></span><span></span>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { 'data-part': 'typing', role: 'img', '[attr.aria-label]': 'label()' },
+                }]
+        }] });
+/**
+ * The round control beside a message that did not go, on the `button` the
+ * page wrote. It asks the row's `(retry)` with the reason, after the page's
+ * own `(click)`.
+ */
+class SlBubbleRetry {
+    row = inject(SlMessage, { optional: true });
+    t = injectMessageWords();
+    written = inject(new HostAttributeToken('aria-label'), { optional: true });
+    label = computed(() => this.written ?? this.t('retry'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    onClick(event) {
+        if (event.defaultPrevented)
+            return;
+        this.row?.requestRetry(reasonOf(event), event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleRetry, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleRetry, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[slBubbleRetry]',
+                    standalone: true,
+                    imports: [SlGlyph, SlIcon],
+                    template: '<span slIcon><svg slGlyph name="rotate-ccw"></svg></span>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'retry',
+                        type: 'button',
+                        '[attr.aria-label]': 'label()',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }] });
+/** The row of reactions straddling the surface's lower edge; in a thread, a row under the words. */
+class SlBubbleReactions {
+    t = injectMessageWords();
+    written = inject(new HostAttributeToken('aria-label'), { optional: true });
+    label = computed(() => this.written ?? this.t('reactions'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReactions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReactions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slBubbleReactions]',
+                    standalone: true,
+                    host: { 'data-part': 'reactions', role: 'group', '[attr.aria-label]': 'label()' },
+                }]
+        }] });
+/**
+ * One reaction on the `button` the page wrote: the emoji or mark the page
+ * writes inside it, and its count. `[(pressed)]` is two-way and every move is
+ * asked first through `pressedChangeRequest`; the count is the page's store's.
+ */
+class SlBubbleReaction {
+    pressed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
+    count = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    pressedChangeRequest = output();
+    toggle(event) {
+        if (event.defaultPrevented || this.disabled())
+            return;
+        const state = createControllable({
+            initial: this.pressed(),
+            onRequest: (request) => this.pressedChangeRequest.emit(request),
+        });
+        if (state.request(!this.pressed(), reasonOf(event), event))
+            this.pressed.set(!this.pressed());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReaction, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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>
+    @if (count() !== undefined) {
+      <span data-part="reaction-count">{{ count() }}</span>
+    }`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlBubbleReaction, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[slBubbleReaction]',
+                    standalone: true,
+                    template: `<ng-content></ng-content>
+    @if (count() !== undefined) {
+      <span data-part="reaction-count">{{ count() }}</span>
+    }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'reaction',
+                        type: 'button',
+                        '[attr.aria-pressed]': 'pressed()',
+                        '[attr.data-pressed]': "pressed() ? '' : null",
+                        '[attr.data-disabled]': "disabled() ? '' : null",
+                        '[disabled]': 'disabled()',
+                        '(click)': 'toggle($event)',
+                    },
+                }]
+        }], propDecorators: { pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }, { type: i0.Output, args: ["pressedChange"] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], pressedChangeRequest: [{ type: i0.Output, args: ["pressedChangeRequest"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MESSAGE_DEFAULTS, SlBubble, SlBubbleCaret, SlBubbleContent, SlBubbleMeta, SlBubbleQuote, SlBubbleReaction, SlBubbleReactions, SlBubbleRetry, SlBubbleStream, SlBubbleTyping, SlMessage, SlMessageActions, SlMessageActivity, SlMessageActivityStep, SlMessageAuthor, SlMessageAvatar, SlMessageBody, SlMessageFooter, SlMessageGroup, SlMessageHeader, SlMessageReceipt, SlMessageTime, SlMessageVersions, injectMessageDefaults, provideMessageDefaults };
+//# sourceMappingURL=slotted-angular-message.mjs.map