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

package/fesm2022/slotted-angular-message-scroller.mjs

@@ -0,0 +1,378 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, output, computed, signal, ElementRef, effect, untracked, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component, HostAttributeToken, afterNextRender, Directive } from '@angular/core';
+import { injectMessages } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { messageScrollerMessages } from '@slotted/core/i18n';
+import { getLiveAnnouncer } from '@slotted/core/live-announcer';
+import { createMessageScroller } from '@slotted/core/message-scroller';
+
+const FALLBACK = {
+    follow: false,
+    defaultPosition: 'last-anchor',
+    peek: 64,
+    scrollMargin: 0,
+};
+const MESSAGE_SCROLLER_DEFAULTS = new InjectionToken('slotted message-scroller defaults', { providedIn: 'root', factory: () => FALLBACK });
+/**
+ * An application decides once whether its conversations follow a reply,
+ * where a saved one opens, and how much of the previous turn stays in view.
+ * A scroller that states any of them wins. Its words come from the language
+ * in force (`provideSlotted`).
+ */
+function provideMessageScrollerDefaults(defaults) {
+    return {
+        provide: MESSAGE_SCROLLER_DEFAULTS,
+        useFactory: () => ({
+            follow: defaults.follow ?? FALLBACK.follow,
+            defaultPosition: defaults.defaultPosition ?? FALLBACK.defaultPosition,
+            peek: defaults.peek ?? FALLBACK.peek,
+            scrollMargin: defaults.scrollMargin ?? FALLBACK.scrollMargin,
+        }),
+    };
+}
+function injectMessageScrollerDefaults() {
+    return inject(MESSAGE_SCROLLER_DEFAULTS);
+}
+
+/**
+ * The region a conversation scrolls in, on the `div` the page wrote. It fills
+ * a parent whose height is bounded; the viewport inside it scrolls and the
+ * jump control stands over it.
+ *
+ * The behaviour is `@slotted/core/message-scroller`: where a saved
+ * conversation opens, whether new words pull the view (`follow`), where a
+ * turn the reader sends stands (`anchor` on the item), older rows arriving
+ * above without moving the reader, and jumps — `scrollToMessage()` on the
+ * instance (`#chat="slMessageScroller"`). The engine writes the scroll state
+ * on the DOM itself; the instance's `state` signal is what the jump control
+ * reads.
+ */
+class SlMessageScroller {
+    follow = input(undefined, { ...(ngDevMode ? { debugName: "follow" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    defaultPosition = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultPosition" }] : /* istanbul ignore next */ []));
+    edgeThreshold = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "edgeThreshold" }] : /* istanbul ignore next */ []));
+    scrollMargin = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollMargin" }] : /* istanbul ignore next */ []));
+    peek = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "peek" }] : /* istanbul ignore next */ []));
+    preserveOnPrepend = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "preserveOnPrepend" }] : /* istanbul ignore next */ []));
+    /** A reply is streaming: the log is `aria-busy` and the change is announced once each way. */
+    busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * region's name, the jump controls, the unread line, the loader and the
+     * two announcements of a streaming reply.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The reader reached the top — the moment to ask for older messages. */
+    reachStart = output();
+    anchorChange = output();
+    scrollableChange = output();
+    defaults = injectMessageScrollerDefaults();
+    /** The family's words in the language in force, with this scroller's `messages` laid over them. */
+    t = injectMessages(messageScrollerMessages, this.messages);
+    resolvedPosition = computed(() => this.defaultPosition() ?? this.defaults.defaultPosition, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPosition" }] : /* istanbul ignore next */ []));
+    engine = createMessageScroller({
+        defaultPosition: this.defaults.defaultPosition,
+        onAnchorChange: (id, reason) => this.anchorChange.emit({ id, reason }),
+        onReachStart: (reason) => this.reachStart.emit(reason),
+        onScrollableChange: (edges) => this.scrollableChange.emit(edges),
+    });
+    /** The engine's state: which edges the viewport can scroll toward, the count of rows out of view. */
+    state = signal(this.engine.getState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    root = inject(ElementRef).nativeElement;
+    viewport = null;
+    content = null;
+    disconnect = null;
+    constructor() {
+        const unsubscribe = this.engine.subscribe(() => this.state.set(this.engine.getState()));
+        effect(() => {
+            this.engine.update({
+                defaultPosition: this.resolvedPosition(),
+                edgeThreshold: this.edgeThreshold(),
+                follow: this.follow() ?? this.defaults.follow,
+                peek: this.peek() ?? this.defaults.peek,
+                preserveOnPrepend: this.preserveOnPrepend(),
+                scrollMargin: this.scrollMargin() ?? this.defaults.scrollMargin,
+            });
+        });
+        let wasBusy = null;
+        effect(() => {
+            const busy = this.busy();
+            if (wasBusy !== null && wasBusy !== busy) {
+                getLiveAnnouncer().announce(untracked(() => (busy ? this.t('busy') : this.t('idle'))));
+            }
+            wasBusy = busy;
+        });
+        inject(DestroyRef).onDestroy(() => {
+            unsubscribe();
+            this.disconnect?.();
+            this.engine.destroy();
+        });
+    }
+    /** @internal */ registerViewport(node) {
+        this.viewport = node;
+        this.connect();
+    }
+    /** @internal */ registerContent(node) {
+        this.content = node;
+        this.connect();
+    }
+    connect() {
+        if (this.viewport === null || this.content === null)
+            return;
+        this.disconnect?.();
+        this.disconnect = this.engine.connect({
+            content: this.content,
+            root: this.root,
+            viewport: this.viewport,
+        });
+        this.state.set(this.engine.getState());
+    }
+    scrollToMessage(id, options) {
+        return this.engine.scrollToMessage(id, options);
+    }
+    scrollToEnd(options) {
+        return this.engine.scrollToEnd(options);
+    }
+    scrollToStart(options) {
+        return this.engine.scrollToStart(options);
+    }
+    /** Moves focus to the viewport, which scrolls from the keyboard. */
+    focus() {
+        this.viewport?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScroller, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlMessageScroller, isStandalone: true, selector: "[slMessageScroller]", inputs: { follow: { classPropertyName: "follow", publicName: "follow", isSignal: true, isRequired: false, transformFunction: null }, defaultPosition: { classPropertyName: "defaultPosition", publicName: "defaultPosition", isSignal: true, isRequired: false, transformFunction: null }, edgeThreshold: { classPropertyName: "edgeThreshold", publicName: "edgeThreshold", isSignal: true, isRequired: false, transformFunction: null }, scrollMargin: { classPropertyName: "scrollMargin", publicName: "scrollMargin", isSignal: true, isRequired: false, transformFunction: null }, peek: { classPropertyName: "peek", publicName: "peek", isSignal: true, isRequired: false, transformFunction: null }, preserveOnPrepend: { classPropertyName: "preserveOnPrepend", publicName: "preserveOnPrepend", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reachStart: "reachStart", anchorChange: "anchorChange", scrollableChange: "scrollableChange" }, host: { attributes: { "data-ui": "message-scroller", "data-part": "root" } }, exportAs: ["slMessageScroller"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=message-scroller][data-part=root]{--_inset: var(--slotted-message-scroller-padding, var(--slotted-space-6, 1rem));--_gap: var(--slotted-message-scroller-gap, calc(var(--slotted-control-gap-md, 8px) * 2.5));--_fade: var(--slotted-message-scroller-fade, var(--slotted-space-6, 1rem));display:flex;flex-direction:column;position:relative;box-sizing:border-box;block-size:100%;min-block-size:0;min-inline-size:0;overflow:hidden;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui=message-scroller] [data-part=viewport]{position:relative;flex:1 1 auto;box-sizing:border-box;min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-color:var(--slotted-border-strong) transparent;scrollbar-gutter:stable;scrollbar-width:thin}[data-ui=message-scroller] [data-part=viewport][data-scrollable~=start]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade));mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade))}[data-ui=message-scroller] [data-part=viewport][data-scrollable~=end]{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--_fade));mask-image:linear-gradient(to top,transparent,#000 var(--_fade))}[data-ui=message-scroller] [data-part=viewport][data-scrollable~=start][data-scrollable~=end]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade),#000 calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade),#000 calc(100% - var(--_fade)),transparent)}[data-ui=message-scroller] [data-part=viewport][data-pending]{visibility:hidden}[data-ui=message-scroller] [data-part=viewport]: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-scroller] [data-part=content]{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--_gap);box-sizing:border-box;min-block-size:100%;padding:var(--_inset);padding-block-end:calc(var(--_inset) + var(--slotted-message-scroller-room, 0px))}[data-ui=message-scroller] [data-part=item]{min-inline-size:0;border-radius:var(--slotted-radius-md, 6px);content-visibility:auto;contain-intrinsic-size:auto 6rem;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),background-color var(--slotted-duration-long) var(--slotted-easing-standard, ease),box-shadow var(--slotted-duration-long) var(--slotted-easing-standard, ease)}@starting-style{[data-ui=message-scroller] [data-part=item]{opacity:0;translate:0 var(--slotted-space-4, .5rem)}}[data-ui=message-scroller] [data-part=item][data-current]{background-color:var(--slotted-tone-accent-subtle-hover);box-shadow:0 0 0 var(--slotted-space-3, .375rem) var(--slotted-tone-accent-subtle-hover)}[data-ui=message-scroller] :is([data-part=separator],[data-part=unread]){display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:round(up,calc(var(--slotted-font-size-xs, .75rem) * var(--slotted-line-height-xs, 1.4)),1px)}[data-ui=message-scroller] :is([data-part=separator],[data-part=unread]):before,[data-ui=message-scroller] :is([data-part=separator],[data-part=unread]):after{content:\"\";flex:1 1 0;min-inline-size:var(--slotted-space-6, 1rem);border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle)}[data-ui=message-scroller] [data-part=item]:has(>[data-part=separator][data-sticky]),[data-ui=message-scroller] [data-part=separator][data-sticky]:not([data-part=item]>*){position:sticky;inset-block-start:var(--_fade);z-index:1;content-visibility:visible}[data-ui=message-scroller] [data-part=separator][data-sticky]:before,[data-ui=message-scroller] [data-part=separator][data-sticky]:after{content:none}[data-ui=message-scroller] [data-part=separator][data-sticky]{justify-content:center}[data-ui=message-scroller] [data-part=separator][data-sticky]>*{box-shadow:var(--slotted-shadow-xs)}[data-ui=message-scroller] [data-part=separator]>*{padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface)}[data-ui=message-scroller] [data-part=unread]{color:var(--slotted-tone-accent-text)}[data-ui=message-scroller] [data-part=unread]:before,[data-ui=message-scroller] [data-part=unread]:after{border-block-start-color:var(--slotted-tone-accent-border)}[data-ui=message-scroller] [data-part=loader]{display:flex;align-items:center;justify-content:center;gap:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px)}[data-ui=message-scroller] [data-part=loader]>[data-ui=spinner]{--slotted-spinner-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=message-scroller] [data-part=jump]{--_size: var(--slotted-message-scroller-jump-size, var(--slotted-control-height-md, 34px));--_ground: var(--slotted-surface-raised);--_ink: var(--slotted-text);--_shift: var(--slotted-space-4, .5rem);display:inline-flex;align-items:center;justify-content:center;gap:var(--slotted-space-2, .25rem);position:absolute;inset-block-end:var(--_inset);inset-inline-start:50%;z-index:2;box-sizing:border-box;min-inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);box-shadow:var(--slotted-shadow-md);color:var(--_ink);font:inherit;font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;white-space:nowrap;cursor:pointer;translate:-50% 0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message-scroller] [data-part=jump]:dir(rtl){translate:50% 0}[data-ui=message-scroller] [data-part=jump][data-direction=start]{inset-block:var(--_inset) auto;--_shift: calc(var(--slotted-space-4, .5rem) * -1)}[data-ui=message-scroller] [data-part=jump]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-md, 16px);rotate:-90deg}[data-ui=message-scroller] [data-part=jump][data-direction=start]>[data-ui=icon]{rotate:90deg}[data-ui=message-scroller] [data-part=jump]:has(>[data-part=jump-count]){padding-inline:var(--slotted-space-4, .5rem) var(--slotted-space-5, .75rem)}[data-ui=message-scroller] [data-part=jump-count]{font-variant-numeric:tabular-nums}[data-ui=message-scroller] [data-part=jump][data-active=false]{opacity:0;pointer-events:none;translate:-50% var(--_shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in),translate var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}[data-ui=message-scroller] [data-part=jump][data-active=false]:dir(rtl){translate:50% var(--_shift)}[data-ui=message-scroller] [data-part=jump]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--_ink) var(--slotted-message-scroller-state-layer-hover, 6%),var(--_ground))}[data-ui=message-scroller] [data-part=jump]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--_ink) var(--slotted-message-scroller-state-layer-active, 12%),var(--_ground));translate:-50% var(--slotted-space-1, .125rem)}[data-ui=message-scroller] [data-part=jump]:active:not(:disabled):not([data-disabled]):dir(rtl){translate:50% var(--slotted-space-1, .125rem)}[data-ui=message-scroller] [data-part=jump]: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-scroller] [data-part=item][data-current]{outline:var(--slotted-border-width-thick, 2px) solid Highlight;outline-offset:var(--slotted-space-2, .25rem)}[data-ui=message-scroller] [data-part=viewport][data-scrollable]{-webkit-mask-image:none;mask-image:none}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScroller, decorators: [{
+            type: Component,
+            args: [{ selector: '[slMessageScroller]', standalone: true, exportAs: 'slMessageScroller', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'data-ui': 'message-scroller', 'data-part': 'root' }, styles: ["@layer slotted.components{[data-ui=message-scroller][data-part=root]{--_inset: var(--slotted-message-scroller-padding, var(--slotted-space-6, 1rem));--_gap: var(--slotted-message-scroller-gap, calc(var(--slotted-control-gap-md, 8px) * 2.5));--_fade: var(--slotted-message-scroller-fade, var(--slotted-space-6, 1rem));display:flex;flex-direction:column;position:relative;box-sizing:border-box;block-size:100%;min-block-size:0;min-inline-size:0;overflow:hidden;color:var(--slotted-text);font-family:var(--slotted-font-family-sans, sans-serif)}[data-ui=message-scroller] [data-part=viewport]{position:relative;flex:1 1 auto;box-sizing:border-box;min-block-size:0;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-color:var(--slotted-border-strong) transparent;scrollbar-gutter:stable;scrollbar-width:thin}[data-ui=message-scroller] [data-part=viewport][data-scrollable~=start]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade));mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade))}[data-ui=message-scroller] [data-part=viewport][data-scrollable~=end]{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--_fade));mask-image:linear-gradient(to top,transparent,#000 var(--_fade))}[data-ui=message-scroller] [data-part=viewport][data-scrollable~=start][data-scrollable~=end]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade),#000 calc(100% - var(--_fade)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--_fade),#000 calc(100% - var(--_fade)),transparent)}[data-ui=message-scroller] [data-part=viewport][data-pending]{visibility:hidden}[data-ui=message-scroller] [data-part=viewport]: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-scroller] [data-part=content]{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--_gap);box-sizing:border-box;min-block-size:100%;padding:var(--_inset);padding-block-end:calc(var(--_inset) + var(--slotted-message-scroller-room, 0px))}[data-ui=message-scroller] [data-part=item]{min-inline-size:0;border-radius:var(--slotted-radius-md, 6px);content-visibility:auto;contain-intrinsic-size:auto 6rem;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),background-color var(--slotted-duration-long) var(--slotted-easing-standard, ease),box-shadow var(--slotted-duration-long) var(--slotted-easing-standard, ease)}@starting-style{[data-ui=message-scroller] [data-part=item]{opacity:0;translate:0 var(--slotted-space-4, .5rem)}}[data-ui=message-scroller] [data-part=item][data-current]{background-color:var(--slotted-tone-accent-subtle-hover);box-shadow:0 0 0 var(--slotted-space-3, .375rem) var(--slotted-tone-accent-subtle-hover)}[data-ui=message-scroller] :is([data-part=separator],[data-part=unread]){display:flex;align-items:center;gap:var(--slotted-space-4, .5rem);color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);line-height:round(up,calc(var(--slotted-font-size-xs, .75rem) * var(--slotted-line-height-xs, 1.4)),1px)}[data-ui=message-scroller] :is([data-part=separator],[data-part=unread]):before,[data-ui=message-scroller] :is([data-part=separator],[data-part=unread]):after{content:\"\";flex:1 1 0;min-inline-size:var(--slotted-space-6, 1rem);border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle)}[data-ui=message-scroller] [data-part=item]:has(>[data-part=separator][data-sticky]),[data-ui=message-scroller] [data-part=separator][data-sticky]:not([data-part=item]>*){position:sticky;inset-block-start:var(--_fade);z-index:1;content-visibility:visible}[data-ui=message-scroller] [data-part=separator][data-sticky]:before,[data-ui=message-scroller] [data-part=separator][data-sticky]:after{content:none}[data-ui=message-scroller] [data-part=separator][data-sticky]{justify-content:center}[data-ui=message-scroller] [data-part=separator][data-sticky]>*{box-shadow:var(--slotted-shadow-xs)}[data-ui=message-scroller] [data-part=separator]>*{padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--slotted-surface)}[data-ui=message-scroller] [data-part=unread]{color:var(--slotted-tone-accent-text)}[data-ui=message-scroller] [data-part=unread]:before,[data-ui=message-scroller] [data-part=unread]:after{border-block-start-color:var(--slotted-tone-accent-border)}[data-ui=message-scroller] [data-part=loader]{display:flex;align-items:center;justify-content:center;gap:var(--slotted-space-3, .375rem);padding-block:var(--slotted-space-2, .25rem);color:var(--slotted-text-muted);font-size:var(--slotted-control-font-size-md, 13px)}[data-ui=message-scroller] [data-part=loader]>[data-ui=spinner]{--slotted-spinner-size: var(--slotted-control-icon-size-sm, 14px)}[data-ui=message-scroller] [data-part=jump]{--_size: var(--slotted-message-scroller-jump-size, var(--slotted-control-height-md, 34px));--_ground: var(--slotted-surface-raised);--_ink: var(--slotted-text);--_shift: var(--slotted-space-4, .5rem);display:inline-flex;align-items:center;justify-content:center;gap:var(--slotted-space-2, .25rem);position:absolute;inset-block-end:var(--_inset);inset-inline-start:50%;z-index:2;box-sizing:border-box;min-inline-size:var(--_size);block-size:var(--_size);margin:0;padding:0;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-full, 9999px);background-color:var(--_ground);box-shadow:var(--slotted-shadow-md);color:var(--_ink);font:inherit;font-size:var(--slotted-control-font-size-md, 13px);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;white-space:nowrap;cursor:pointer;translate:-50% 0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),translate var(--slotted-duration-medium) var(--slotted-easing-enter, ease-out),background-color var(--slotted-duration-short) var(--slotted-easing-standard, ease)}[data-ui=message-scroller] [data-part=jump]:dir(rtl){translate:50% 0}[data-ui=message-scroller] [data-part=jump][data-direction=start]{inset-block:var(--_inset) auto;--_shift: calc(var(--slotted-space-4, .5rem) * -1)}[data-ui=message-scroller] [data-part=jump]>[data-ui=icon]{--slotted-icon-size: var(--slotted-control-icon-size-md, 16px);rotate:-90deg}[data-ui=message-scroller] [data-part=jump][data-direction=start]>[data-ui=icon]{rotate:90deg}[data-ui=message-scroller] [data-part=jump]:has(>[data-part=jump-count]){padding-inline:var(--slotted-space-4, .5rem) var(--slotted-space-5, .75rem)}[data-ui=message-scroller] [data-part=jump-count]{font-variant-numeric:tabular-nums}[data-ui=message-scroller] [data-part=jump][data-active=false]{opacity:0;pointer-events:none;translate:-50% var(--_shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit, ease-in),translate var(--slotted-duration-short) var(--slotted-easing-exit, ease-in)}[data-ui=message-scroller] [data-part=jump][data-active=false]:dir(rtl){translate:50% var(--_shift)}[data-ui=message-scroller] [data-part=jump]:hover:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--_ink) var(--slotted-message-scroller-state-layer-hover, 6%),var(--_ground))}[data-ui=message-scroller] [data-part=jump]:active:not(:disabled):not([data-disabled]){background-color:color-mix(in oklab,var(--_ink) var(--slotted-message-scroller-state-layer-active, 12%),var(--_ground));translate:-50% var(--slotted-space-1, .125rem)}[data-ui=message-scroller] [data-part=jump]:active:not(:disabled):not([data-disabled]):dir(rtl){translate:50% var(--slotted-space-1, .125rem)}[data-ui=message-scroller] [data-part=jump]: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-scroller] [data-part=item][data-current]{outline:var(--slotted-border-width-thick, 2px) solid Highlight;outline-offset:var(--slotted-space-2, .25rem)}[data-ui=message-scroller] [data-part=viewport][data-scrollable]{-webkit-mask-image:none;mask-image:none}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { follow: [{ type: i0.Input, args: [{ isSignal: true, alias: "follow", required: false }] }], defaultPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPosition", required: false }] }], edgeThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "edgeThreshold", required: false }] }], scrollMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollMargin", required: false }] }], peek: [{ type: i0.Input, args: [{ isSignal: true, alias: "peek", required: false }] }], preserveOnPrepend: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveOnPrepend", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], reachStart: [{ type: i0.Output, args: ["reachStart"] }], anchorChange: [{ type: i0.Output, args: ["anchorChange"] }], scrollableChange: [{ type: i0.Output, args: ["scrollableChange"] }] } });
+function scroller() {
+    const owner = inject(SlMessageScroller, { optional: true });
+    if (owner === null)
+        throw new Error('A message-scroller part is rendered outside slMessageScroller.');
+    return owner;
+}
+/**
+ * The element that scrolls: a labelled region that takes focus, so the
+ * keyboard scrolls it; hidden, laid out, until the opening position applies.
+ */
+class SlMessageScrollerViewport {
+    owner = scroller();
+    tabindex = inject(new HostAttributeToken('tabindex'), { optional: true }) ?? '0';
+    written = inject(new HostAttributeToken('aria-label'), { optional: true });
+    label = computed(() => this.written ?? this.owner.t('label'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const host = inject(ElementRef).nativeElement;
+        if (this.owner.resolvedPosition() !== 'start')
+            host.setAttribute('data-pending', '');
+        afterNextRender(() => this.owner.registerViewport(host));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerViewport, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageScrollerViewport, isStandalone: true, selector: "[slMessageScrollerViewport]", host: { attributes: { "data-part": "viewport", "role": "region" }, properties: { "attr.tabindex": "tabindex", "attr.aria-label": "label()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerViewport, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slMessageScrollerViewport]',
+                    standalone: true,
+                    host: {
+                        'data-part': 'viewport',
+                        role: 'region',
+                        '[attr.tabindex]': 'tabindex',
+                        '[attr.aria-label]': 'label()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/** The rows: a WAI-ARIA `log`; `busy` on the scroller holds arrivals back until a reply is whole. */
+class SlMessageScrollerContent {
+    owner = scroller();
+    constructor() {
+        const host = inject(ElementRef).nativeElement;
+        afterNextRender(() => this.owner.registerContent(host));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageScrollerContent, isStandalone: true, selector: "[slMessageScrollerContent]", host: { attributes: { "data-part": "content", "role": "log", "aria-relevant": "additions" }, properties: { "attr.aria-busy": "owner.busy() ? 'true' : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slMessageScrollerContent]',
+                    standalone: true,
+                    host: {
+                        'data-part': 'content',
+                        role: 'log',
+                        'aria-relevant': 'additions',
+                        '[attr.aria-busy]': "owner.busy() ? 'true' : null",
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/** One row — a message, a separator, a line the system writes. */
+class SlMessageScrollerItem {
+    messageId = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messageId" }] : /* istanbul ignore next */ []));
+    anchor = input(false, { ...(ngDevMode ? { debugName: "anchor" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlMessageScrollerItem, isStandalone: true, selector: "[slMessageScrollerItem]", inputs: { messageId: { classPropertyName: "messageId", publicName: "messageId", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-message-id": "messageId() ?? null", "attr.data-anchor": "anchor() ? 'true' : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slMessageScrollerItem]',
+                    standalone: true,
+                    host: {
+                        'data-part': 'item',
+                        '[attr.data-message-id]': 'messageId() ?? null',
+                        '[attr.data-anchor]': "anchor() ? 'true' : null",
+                    },
+                }]
+        }], propDecorators: { messageId: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageId", required: false }] }], anchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchor", required: false }] }] } });
+/** A day, or a line the system writes; `sticky` keeps it at the top while its rows are in view. */
+class SlMessageScrollerSeparator {
+    sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlMessageScrollerSeparator, isStandalone: true, selector: "[slMessageScrollerSeparator]", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "separator" }, properties: { "attr.data-sticky": "sticky() ? '' : null" } }, ngImport: i0, template: '<span><ng-content></ng-content></span>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slMessageScrollerSeparator]',
+                    standalone: true,
+                    template: '<span><ng-content></ng-content></span>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { 'data-part': 'separator', '[attr.data-sticky]': "sticky() ? '' : null" },
+                }]
+        }], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }] } });
+/** The line above the first message the reader has not seen. */
+class SlMessageScrollerUnread {
+    owner = scroller();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerUnread, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageScrollerUnread, isStandalone: true, selector: "[slMessageScrollerUnread]", host: { attributes: { "data-part": "unread" } }, ngImport: i0, template: `<span
+    ><ng-content>{{ owner.t('unread') }}</ng-content></span
+  >`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerUnread, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slMessageScrollerUnread]',
+                    standalone: true,
+                    template: `<span
+    ><ng-content>{{ owner.t('unread') }}</ng-content></span
+  >`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { 'data-part': 'unread' },
+                }]
+        }] });
+/** Older rows on their way: the shared ring and a line of text, read once as a status. */
+class SlMessageScrollerLoader {
+    owner = scroller();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlMessageScrollerLoader, isStandalone: true, selector: "[slMessageScrollerLoader]", host: { attributes: { "data-part": "loader", "role": "status" } }, ngImport: i0, template: `<span aria-hidden="true" data-ui="spinner"></span
+    ><span
+      ><ng-content>{{ owner.t('loader') }}</ng-content></span
+    >`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerLoader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slMessageScrollerLoader]',
+                    standalone: true,
+                    template: `<span aria-hidden="true" data-ui="spinner"></span
+    ><span
+      ><ng-content>{{ owner.t('loader') }}</ng-content></span
+    >`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { 'data-part': 'loader', role: 'status' },
+                }]
+        }] });
+/**
+ * The control that takes the reader to the latest row — or, with
+ * `direction="start"`, to the first — on the `button` the page wrote. With
+ * nowhere to go it is inert and out of the tab order; when rows arrived out
+ * of view it says how many, in its name and on its face.
+ */
+class SlMessageScrollerJump {
+    direction = input('end', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    behavior = input('smooth', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "behavior" }] : /* istanbul ignore next */ []));
+    owner = scroller();
+    ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    active = computed(() => {
+        const { scrollable } = this.owner.state();
+        return this.direction() === 'end' ? scrollable.end : scrollable.start;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    count = computed(() => this.direction() === 'end' ? this.owner.state().newCount : 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+    words = computed(() => {
+        const count = this.count();
+        return count > 0 ? this.owner.t('jumpCount', { count }) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "words" }] : /* istanbul ignore next */ []));
+    label = computed(() => {
+        if (this.ownLabel !== null)
+            return this.ownLabel;
+        if (this.direction() === 'start')
+            return this.owner.t('jumpToStart');
+        const count = this.count();
+        return count > 0 ? this.owner.t('jumpToEndCount', { count }) : this.owner.t('jumpToEnd');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    onClick(event) {
+        if (event.defaultPrevented)
+            return;
+        if (this.direction() === 'end')
+            this.owner.scrollToEnd({ behavior: this.behavior() });
+        else
+            this.owner.scrollToStart({ behavior: this.behavior() });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlMessageScrollerJump, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlMessageScrollerJump, isStandalone: true, selector: "button[slMessageScrollerJump]", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "jump", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.data-direction": "direction()", "attr.data-active": "active() ? \"true\" : \"false\"", "attr.inert": "active() ? null : ''", "attr.tabindex": "active() ? 0 : -1", "attr.aria-label": "label()" } }, ngImport: i0, template: `<span slIcon><svg slGlyph name="arrow-left"></svg></span>
+    @if (words(); as count) {
+      <span data-part="jump-count">{{ count }}</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: SlMessageScrollerJump, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[slMessageScrollerJump]',
+                    standalone: true,
+                    imports: [SlGlyph, SlIcon],
+                    template: `<span slIcon><svg slGlyph name="arrow-left"></svg></span>
+    @if (words(); as count) {
+      <span data-part="jump-count">{{ count }}</span>
+    }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'jump',
+                        type: 'button',
+                        '[attr.data-direction]': 'direction()',
+                        '[attr.data-active]': 'active() ? "true" : "false"',
+                        '[attr.inert]': "active() ? null : ''",
+                        '[attr.tabindex]': 'active() ? 0 : -1',
+                        '[attr.aria-label]': 'label()',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MESSAGE_SCROLLER_DEFAULTS, SlMessageScroller, SlMessageScrollerContent, SlMessageScrollerItem, SlMessageScrollerJump, SlMessageScrollerLoader, SlMessageScrollerSeparator, SlMessageScrollerUnread, SlMessageScrollerViewport, injectMessageScrollerDefaults, provideMessageScrollerDefaults };
+//# sourceMappingURL=slotted-angular-message-scroller.mjs.map

package/fesm2022/slotted-angular-message-scroller.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-message-scroller.mjs","sources":["../../message-scroller/src/message-scroller-defaults.ts","../../message-scroller/src/message-scroller.ts","../../message-scroller/src/slotted-angular-message-scroller.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\nimport type { MessageScrollerPosition } from '@slotted/core/message-scroller';\n\nexport interface MessageScrollerDefaults {\n  follow: boolean;\n  defaultPosition: MessageScrollerPosition;\n  peek: number;\n  scrollMargin: number;\n}\n\nconst FALLBACK: MessageScrollerDefaults = {\n  follow: false,\n  defaultPosition: 'last-anchor',\n  peek: 64,\n  scrollMargin: 0,\n};\n\nexport const MESSAGE_SCROLLER_DEFAULTS = new InjectionToken<MessageScrollerDefaults>(\n  'slotted message-scroller defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/**\n * An application decides once whether its conversations follow a reply,\n * where a saved one opens, and how much of the previous turn stays in view.\n * A scroller that states any of them wins. Its words come from the language\n * in force (`provideSlotted`).\n */\nexport function provideMessageScrollerDefaults(defaults: Partial<MessageScrollerDefaults>) {\n  return {\n    provide: MESSAGE_SCROLLER_DEFAULTS,\n    useFactory: (): MessageScrollerDefaults => ({\n      follow: defaults.follow ?? FALLBACK.follow,\n      defaultPosition: defaults.defaultPosition ?? FALLBACK.defaultPosition,\n      peek: defaults.peek ?? FALLBACK.peek,\n      scrollMargin: defaults.scrollMargin ?? FALLBACK.scrollMargin,\n    }),\n  };\n}\n\nexport function injectMessageScrollerDefaults(): MessageScrollerDefaults {\n  return inject(MESSAGE_SCROLLER_DEFAULTS);\n}\n","import {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport {\n  messageScrollerMessages,\n  type MessageScrollerMessages,\n  type PartialMessages,\n} from '@slotted/core/i18n';\nimport { getLiveAnnouncer } from '@slotted/core/live-announcer';\nimport { createMessageScroller } from '@slotted/core/message-scroller';\nimport type {\n  MessageScrollerEdges,\n  MessageScrollerPosition,\n  MessageScrollerState,\n  ScrollCommandOptions,\n  ScrollToMessageOptions,\n} from '@slotted/core/message-scroller';\n\nimport { injectMessageScrollerDefaults } from './message-scroller-defaults';\n\n/**\n * The region a conversation scrolls in, on the `div` the page wrote. It fills\n * a parent whose height is bounded; the viewport inside it scrolls and the\n * jump control stands over it.\n *\n * The behaviour is `@slotted/core/message-scroller`: where a saved\n * conversation opens, whether new words pull the view (`follow`), where a\n * turn the reader sends stands (`anchor` on the item), older rows arriving\n * above without moving the reader, and jumps — `scrollToMessage()` on the\n * instance (`#chat=\"slMessageScroller\"`). The engine writes the scroll state\n * on the DOM itself; the instance's `state` signal is what the jump control\n * reads.\n */\n@Component({\n  selector: '[slMessageScroller]',\n  standalone: true,\n  exportAs: 'slMessageScroller',\n  template: '<ng-content></ng-content>',\n  styleUrl: '../../../styles/src/message-scroller/message-scroller.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { 'data-ui': 'message-scroller', 'data-part': 'root' },\n})\nexport class SlMessageScroller {\n  readonly follow = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly defaultPosition = input<MessageScrollerPosition | undefined>(undefined);\n  readonly edgeThreshold = input<number | undefined>(undefined);\n  readonly scrollMargin = input<number | undefined>(undefined);\n  readonly peek = input<number | undefined>(undefined);\n  readonly preserveOnPrepend = input<boolean | undefined>(undefined);\n  /** A reply is streaming: the log is `aria-busy` and the change is announced once each way. */\n  readonly busy = input(false, { transform: booleanAttribute });\n  /**\n   * Words laid over the catalog of the language in force, key by key: the\n   * region's name, the jump controls, the unread line, the loader and the\n   * two announcements of a streaming reply.\n   */\n  readonly messages = input<PartialMessages<MessageScrollerMessages> | undefined>(undefined);\n\n  /** The reader reached the top — the moment to ask for older messages. */\n  readonly reachStart = output<'scroll'>();\n  readonly anchorChange = output<{ id: string | null; reason: 'scroll' | 'programmatic' }>();\n  readonly scrollableChange = output<MessageScrollerEdges>();\n\n  private readonly defaults = injectMessageScrollerDefaults();\n  /** The family's words in the language in force, with this scroller's `messages` laid over them. */\n  readonly t = injectMessages(messageScrollerMessages, this.messages);\n  readonly resolvedPosition = computed(\n    () => this.defaultPosition() ?? this.defaults.defaultPosition,\n  );\n\n  private readonly engine = createMessageScroller({\n    defaultPosition: this.defaults.defaultPosition,\n    onAnchorChange: (id, reason) => this.anchorChange.emit({ id, reason }),\n    onReachStart: (reason) => this.reachStart.emit(reason),\n    onScrollableChange: (edges) => this.scrollableChange.emit(edges),\n  });\n\n  /** The engine's state: which edges the viewport can scroll toward, the count of rows out of view. */\n  readonly state = signal<MessageScrollerState>(this.engine.getState());\n\n  private readonly root = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private viewport: HTMLElement | null = null;\n  private content: HTMLElement | null = null;\n  private disconnect: (() => void) | null = null;\n\n  constructor() {\n    const unsubscribe = this.engine.subscribe(() => this.state.set(this.engine.getState()));\n    effect(() => {\n      this.engine.update({\n        defaultPosition: this.resolvedPosition(),\n        edgeThreshold: this.edgeThreshold(),\n        follow: this.follow() ?? this.defaults.follow,\n        peek: this.peek() ?? this.defaults.peek,\n        preserveOnPrepend: this.preserveOnPrepend(),\n        scrollMargin: this.scrollMargin() ?? this.defaults.scrollMargin,\n      });\n    });\n    let wasBusy: boolean | null = null;\n    effect(() => {\n      const busy = this.busy();\n      if (wasBusy !== null && wasBusy !== busy) {\n        getLiveAnnouncer().announce(untracked(() => (busy ? this.t('busy') : this.t('idle'))));\n      }\n      wasBusy = busy;\n    });\n    inject(DestroyRef).onDestroy(() => {\n      unsubscribe();\n      this.disconnect?.();\n      this.engine.destroy();\n    });\n  }\n\n  /** @internal */ registerViewport(node: HTMLElement) {\n    this.viewport = node;\n    this.connect();\n  }\n\n  /** @internal */ registerContent(node: HTMLElement) {\n    this.content = node;\n    this.connect();\n  }\n\n  private connect() {\n    if (this.viewport === null || this.content === null) return;\n    this.disconnect?.();\n    this.disconnect = this.engine.connect({\n      content: this.content,\n      root: this.root,\n      viewport: this.viewport,\n    });\n    this.state.set(this.engine.getState());\n  }\n\n  scrollToMessage(id: string, options?: ScrollToMessageOptions): boolean {\n    return this.engine.scrollToMessage(id, options);\n  }\n\n  scrollToEnd(options?: ScrollCommandOptions): boolean {\n    return this.engine.scrollToEnd(options);\n  }\n\n  scrollToStart(options?: ScrollCommandOptions): boolean {\n    return this.engine.scrollToStart(options);\n  }\n\n  /** Moves focus to the viewport, which scrolls from the keyboard. */\n  focus() {\n    this.viewport?.focus();\n  }\n}\n\nfunction scroller(): SlMessageScroller {\n  const owner = inject(SlMessageScroller, { optional: true });\n  if (owner === null)\n    throw new Error('A message-scroller part is rendered outside slMessageScroller.');\n  return owner;\n}\n\n/**\n * The element that scrolls: a labelled region that takes focus, so the\n * keyboard scrolls it; hidden, laid out, until the opening position applies.\n */\n@Directive({\n  selector: '[slMessageScrollerViewport]',\n  standalone: true,\n  host: {\n    'data-part': 'viewport',\n    role: 'region',\n    '[attr.tabindex]': 'tabindex',\n    '[attr.aria-label]': 'label()',\n  },\n})\nexport class SlMessageScrollerViewport {\n  private readonly owner = scroller();\n  protected readonly tabindex =\n    inject(new HostAttributeToken('tabindex'), { optional: true }) ?? '0';\n  private readonly written = inject(new HostAttributeToken('aria-label'), { optional: true });\n  protected readonly label = computed(() => this.written ?? this.owner.t('label'));\n\n  constructor() {\n    const host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n    if (this.owner.resolvedPosition() !== 'start') host.setAttribute('data-pending', '');\n    afterNextRender(() => this.owner.registerViewport(host));\n  }\n}\n\n/** The rows: a WAI-ARIA `log`; `busy` on the scroller holds arrivals back until a reply is whole. */\n@Directive({\n  selector: '[slMessageScrollerContent]',\n  standalone: true,\n  host: {\n    'data-part': 'content',\n    role: 'log',\n    'aria-relevant': 'additions',\n    '[attr.aria-busy]': \"owner.busy() ? 'true' : null\",\n  },\n})\nexport class SlMessageScrollerContent {\n  protected readonly owner = scroller();\n\n  constructor() {\n    const host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n    afterNextRender(() => this.owner.registerContent(host));\n  }\n}\n\n/** One row — a message, a separator, a line the system writes. */\n@Directive({\n  selector: '[slMessageScrollerItem]',\n  standalone: true,\n  host: {\n    'data-part': 'item',\n    '[attr.data-message-id]': 'messageId() ?? null',\n    '[attr.data-anchor]': \"anchor() ? 'true' : null\",\n  },\n})\nexport class SlMessageScrollerItem {\n  readonly messageId = input<string | undefined>(undefined);\n  readonly anchor = input(false, { transform: booleanAttribute });\n}\n\n/** A day, or a line the system writes; `sticky` keeps it at the top while its rows are in view. */\n@Component({\n  selector: '[slMessageScrollerSeparator]',\n  standalone: true,\n  template: '<span><ng-content></ng-content></span>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { 'data-part': 'separator', '[attr.data-sticky]': \"sticky() ? '' : null\" },\n})\nexport class SlMessageScrollerSeparator {\n  readonly sticky = input(false, { transform: booleanAttribute });\n}\n\n/** The line above the first message the reader has not seen. */\n@Component({\n  selector: '[slMessageScrollerUnread]',\n  standalone: true,\n  template: `<span\n    ><ng-content>{{ owner.t('unread') }}</ng-content></span\n  >`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { 'data-part': 'unread' },\n})\nexport class SlMessageScrollerUnread {\n  protected readonly owner = scroller();\n}\n\n/** Older rows on their way: the shared ring and a line of text, read once as a status. */\n@Component({\n  selector: '[slMessageScrollerLoader]',\n  standalone: true,\n  template: `<span aria-hidden=\"true\" data-ui=\"spinner\"></span\n    ><span\n      ><ng-content>{{ owner.t('loader') }}</ng-content></span\n    >`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { 'data-part': 'loader', role: 'status' },\n})\nexport class SlMessageScrollerLoader {\n  protected readonly owner = scroller();\n}\n\n/**\n * The control that takes the reader to the latest row — or, with\n * `direction=\"start\"`, to the first — on the `button` the page wrote. With\n * nowhere to go it is inert and out of the tab order; when rows arrived out\n * of view it says how many, in its name and on its face.\n */\n@Component({\n  selector: 'button[slMessageScrollerJump]',\n  standalone: true,\n  imports: [SlGlyph, SlIcon],\n  template: `<span slIcon><svg slGlyph name=\"arrow-left\"></svg></span>\n    @if (words(); as count) {\n      <span data-part=\"jump-count\">{{ count }}</span>\n    }`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'jump',\n    type: 'button',\n    '[attr.data-direction]': 'direction()',\n    '[attr.data-active]': 'active() ? \"true\" : \"false\"',\n    '[attr.inert]': \"active() ? null : ''\",\n    '[attr.tabindex]': 'active() ? 0 : -1',\n    '[attr.aria-label]': 'label()',\n    '(click)': 'onClick($event)',\n  },\n})\nexport class SlMessageScrollerJump {\n  readonly direction = input<'end' | 'start'>('end');\n  readonly behavior = input<ScrollBehavior>('smooth');\n\n  private readonly owner = scroller();\n  private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n  protected readonly active = computed(() => {\n    const { scrollable } = this.owner.state();\n    return this.direction() === 'end' ? scrollable.end : scrollable.start;\n  });\n  private readonly count = computed(() =>\n    this.direction() === 'end' ? this.owner.state().newCount : 0,\n  );\n  protected readonly words = computed(() => {\n    const count = this.count();\n    return count > 0 ? this.owner.t('jumpCount', { count }) : null;\n  });\n  protected readonly label = computed(() => {\n    if (this.ownLabel !== null) return this.ownLabel;\n    if (this.direction() === 'start') return this.owner.t('jumpToStart');\n    const count = this.count();\n    return count > 0 ? this.owner.t('jumpToEndCount', { count }) : this.owner.t('jumpToEnd');\n  });\n\n  protected onClick(event: MouseEvent) {\n    if (event.defaultPrevented) return;\n    if (this.direction() === 'end') this.owner.scrollToEnd({ behavior: this.behavior() });\n    else this.owner.scrollToStart({ behavior: this.behavior() });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,QAAQ,GAA4B;AACxC,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,eAAe,EAAE,aAAa;AAC9B,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,YAAY,EAAE,CAAC;CAChB;MAEY,yBAAyB,GAAG,IAAI,cAAc,CACzD,mCAAmC,EACnC,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,EAAE;AAGjD;;;;;AAKG;AACG,SAAU,8BAA8B,CAAC,QAA0C,EAAA;IACvF,OAAO;AACL,QAAA,OAAO,EAAE,yBAAyB;AAClC,QAAA,UAAU,EAAE,OAAgC;AAC1C,YAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM;AAC1C,YAAA,eAAe,EAAE,QAAQ,CAAC,eAAe,IAAI,QAAQ,CAAC,eAAe;AACrE,YAAA,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI;AACpC,YAAA,YAAY,EAAE,QAAQ,CAAC,YAAY,IAAI,QAAQ,CAAC,YAAY;SAC7D,CAAC;KACH;AACH;SAEgB,6BAA6B,GAAA;AAC3C,IAAA,OAAO,MAAM,CAAC,yBAAyB,CAAC;AAC1C;;ACLA;;;;;;;;;;;;AAYG;MAWU,iBAAiB,CAAA;AACnB,IAAA,MAAM,GAAG,KAAK,CAAoD,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,CAAA,EAClF,SAAS,EAAE,CAAC,KAAK,MAAM,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,GACjF;IACO,eAAe,GAAG,KAAK,CAAsC,SAAS;wFAAC;IACvE,aAAa,GAAG,KAAK,CAAqB,SAAS;sFAAC;IACpD,YAAY,GAAG,KAAK,CAAqB,SAAS;qFAAC;IACnD,IAAI,GAAG,KAAK,CAAqB,SAAS;6EAAC;IAC3C,iBAAiB,GAAG,KAAK,CAAsB,SAAS;0FAAC;;IAEzD,IAAI,GAAG,KAAK,CAAC,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC7D;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAuD,SAAS;iFAAC;;IAGjF,UAAU,GAAG,MAAM,EAAY;IAC/B,YAAY,GAAG,MAAM,EAA4D;IACjF,gBAAgB,GAAG,MAAM,EAAwB;IAEzC,QAAQ,GAAG,6BAA6B,EAAE;;IAElD,CAAC,GAAG,cAAc,CAAC,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC;AAC1D,IAAA,gBAAgB,GAAG,QAAQ,CAClC,MAAM,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe;yFAC9D;IAEgB,MAAM,GAAG,qBAAqB,CAAC;AAC9C,QAAA,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe;AAC9C,QAAA,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;AACtE,QAAA,YAAY,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;AACtD,QAAA,kBAAkB,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;AACjE,KAAA,CAAC;;IAGO,KAAK,GAAG,MAAM,CAAuB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;8EAAC;AAEpD,IAAA,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;IACzE,QAAQ,GAAuB,IAAI;IACnC,OAAO,GAAuB,IAAI;IAClC,UAAU,GAAwB,IAAI;AAE9C,IAAA,WAAA,GAAA;QACE,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;QACvF,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AACjB,gBAAA,eAAe,EAAE,IAAI,CAAC,gBAAgB,EAAE;AACxC,gBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE;gBACnC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM;gBAC7C,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI;AACvC,gBAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE;gBAC3C,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY;AAChE,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;QACF,IAAI,OAAO,GAAmB,IAAI;QAClC,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;YACxB,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE;AACxC,gBAAA,gBAAgB,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACxF;YACA,OAAO,GAAG,IAAI;AAChB,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,MAAK;AAChC,YAAA,WAAW,EAAE;AACb,YAAA,IAAI,CAAC,UAAU,IAAI;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;AACvB,QAAA,CAAC,CAAC;IACJ;qBAEiB,gBAAgB,CAAC,IAAiB,EAAA;AACjD,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QACpB,IAAI,CAAC,OAAO,EAAE;IAChB;qBAEiB,eAAe,CAAC,IAAiB,EAAA;AAChD,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,IAAI,CAAC,OAAO,EAAE;IAChB;IAEQ,OAAO,GAAA;QACb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;YAAE;AACrD,QAAA,IAAI,CAAC,UAAU,IAAI;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACpC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;IACxC;IAEA,eAAe,CAAC,EAAU,EAAE,OAAgC,EAAA;QAC1D,OAAO,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,EAAE,OAAO,CAAC;IACjD;AAEA,IAAA,WAAW,CAAC,OAA8B,EAAA;QACxC,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC;IACzC;AAEA,IAAA,aAAa,CAAC,OAA8B,EAAA;QAC1C,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC;IAC3C;;IAGA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE;IACxB;uGA5GW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,02CANlB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,20QAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAM1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACE,qBAAqB,EAAA,UAAA,EACnB,IAAI,EAAA,QAAA,EACN,mBAAmB,YACnB,2BAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,EAAE,EAAA,MAAA,EAAA,CAAA,20QAAA,CAAA,EAAA;;AAiH9D,SAAS,QAAQ,GAAA;AACf,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC3D,IAAI,KAAK,KAAK,IAAI;AAChB,QAAA,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC;AACnF,IAAA,OAAO,KAAK;AACd;AAEA;;;AAGG;MAWU,yBAAyB,CAAA;IACnB,KAAK,GAAG,QAAQ,EAAE;AAChB,IAAA,QAAQ,GACzB,MAAM,CAAC,IAAI,kBAAkB,CAAC,UAAU,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,GAAG;AACtD,IAAA,OAAO,GAAG,MAAM,CAAC,IAAI,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACxE,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;8EAAC;AAEhF,IAAA,WAAA,GAAA;QACE,MAAM,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;AACtE,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,OAAO;AAAE,YAAA,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC;AACpF,QAAA,eAAe,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC1D;uGAXW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,UAAU;AACvB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,iBAAiB,EAAE,UAAU;AAC7B,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA;AACF,iBAAA;;AAeD;MAWa,wBAAwB,CAAA;IAChB,KAAK,GAAG,QAAQ,EAAE;AAErC,IAAA,WAAA,GAAA;QACE,MAAM,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;AACtE,QAAA,eAAe,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACzD;uGANW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,SAAA,EAAA,MAAA,EAAA,KAAA,EAAA,eAAA,EAAA,WAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,8BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,SAAS;AACtB,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,eAAe,EAAE,WAAW;AAC5B,wBAAA,kBAAkB,EAAE,8BAA8B;AACnD,qBAAA;AACF,iBAAA;;AAUD;MAUa,qBAAqB,CAAA;IACvB,SAAS,GAAG,KAAK,CAAqB,SAAS;kFAAC;IAChD,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;uGAFpD,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,wBAAwB,EAAE,qBAAqB;AAC/C,wBAAA,oBAAoB,EAAE,0BAA0B;AACjD,qBAAA;AACF,iBAAA;;AAMD;MASa,0BAA0B,CAAA;IAC5B,MAAM,GAAG,KAAK,CAAC,KAAK,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;uGADpD,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,+UAL3B,wCAAwC,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAKvC,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wCAAwC;oBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,sBAAsB,EAAE;AACjF,iBAAA;;AAKD;MAWa,uBAAuB,CAAA;IACf,KAAK,GAAG,QAAQ,EAAE;uGAD1B,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPxB,CAAA;;AAER,GAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAKS,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;AAER,GAAA,CAAA;oBACF,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE;AAChC,iBAAA;;AAKD;MAYa,uBAAuB,CAAA;IACf,KAAK,GAAG,QAAQ,EAAE;uGAD1B,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARxB,CAAA;;;AAGN,KAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAKO,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAXnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;AAGN,KAAA,CAAA;oBACJ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;AAChD,iBAAA;;AAKD;;;;;AAKG;MAsBU,qBAAqB,CAAA;IACvB,SAAS,GAAG,KAAK,CAAkB,KAAK;kFAAC;IACzC,QAAQ,GAAG,KAAK,CAAiB,QAAQ;iFAAC;IAElC,KAAK,GAAG,QAAQ,EAAE;AAClB,IAAA,QAAQ,GAAG,MAAM,CAAC,IAAI,kBAAkB,CAAC,YAAY,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEzE,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;QACxC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;AACzC,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,KAAK,KAAK,GAAG,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,KAAK;IACvE,CAAC;+EAAC;IACe,KAAK,GAAG,QAAQ,CAAC,MAChC,IAAI,CAAC,SAAS,EAAE,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,QAAQ,GAAG,CAAC;8EAC7D;AACkB,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;QAC1B,OAAO,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAChE,CAAC;8EAAC;AACiB,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC,QAAQ;AAChD,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,OAAO;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;AACpE,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,OAAO,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC;IAC1F,CAAC;8EAAC;AAEQ,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,IAAI,KAAK,CAAC,gBAAgB;YAAE;AAC5B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,KAAK;AAAE,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;;AAChF,YAAA,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC9D;uGA7BW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,iCAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAjBtB,CAAA;;;MAGN,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJM,OAAO,oFAAE,MAAM,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAkBd,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBArBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,+BAA+B;AACzC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;AAC1B,oBAAA,QAAQ,EAAE,CAAA;;;AAGN,KAAA,CAAA;oBACJ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,uBAAuB,EAAE,aAAa;AACtC,wBAAA,oBAAoB,EAAE,6BAA6B;AACnD,wBAAA,cAAc,EAAE,sBAAsB;AACtC,wBAAA,iBAAiB,EAAE,mBAAmB;AACtC,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,SAAS,EAAE,iBAAiB;AAC7B,qBAAA;AACF,iBAAA;;;ACvTD;;AAEG;;"}