@aceshooting/lyra-ui 4.1.0 → 5.0.0

package/dist/components/conversation/branch-picker/branch-picker.class.js

@@ -0,0 +1,152 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { nextId } from '../../../internal/a11y.js';
+import { chevronIcon } from '../../../internal/icons.js';
+import { finiteCount, finiteInteger } from '../../../internal/numbers.js';
+import '../../utility/live-region/live-region.class.js';
+import { styles } from './branch-picker.styles.js';
+import { getNumberFormat } from '../../../internal/intl-cache.js';
+/**
+ * `<lr-branch-picker>` — the "‹ 2 / 5 ›" navigator across regenerated/edited variants of one
+ * message. Pure controlled: it never mutates its own `index` — the same contract `<lr-pagination>`
+ * already establishes for `page`. The host listens for `lr-branch-change`, swaps the displayed
+ * branch content, and applies the new `index` back.
+ *
+ * Renders nothing at all while `count < 2`, so a host can bind it unconditionally on every message
+ * regardless of whether that message actually has multiple branches yet.
+ *
+ * @customElement lr-branch-picker
+ * @event lr-branch-change - A branch navigation was requested. `detail: { index }` — always a
+ *   valid target (never past either bound); the consumer applies `index` after switching the
+ *   displayed branch content.
+ * @csspart base - The group wrapper (`role="group"`).
+ * @csspart previous-button - The previous-branch chevron button.
+ * @csspart next-button - The next-branch chevron button.
+ * @csspart position - The visible "2 / 5" text.
+ */
+export class LyraBranchPicker extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** 0-based current branch, rendered 1-based ("2 / 5"). Controlled -- this component never writes
+         *  to it itself. */
+        this.index = 0;
+        /** Total number of branches. While `count < 2` the component renders nothing at all. */
+        this.count = 1;
+        /** Accessible name for the group. Defaults to the localized `branchPickerLabel`. */
+        this.label = '';
+        this.groupId = nextId('branch-picker');
+        /** Gates the position announcement so a freshly-mounted picker never announces its own initial
+         *  position -- mirrors `<lr-chat-message>`'s identical `isMounting` gate for status-change
+         *  announcements. */
+        this.isMounting = true;
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** Read-time-safe view of `count` -- non-negative, finite, truncated to a whole branch count.
+     *  Both `index` and `count` are fully controlled (this component never writes to them), so an
+     *  out-of-range/non-finite value assigned from outside would otherwise reach the `count - 1`/
+     *  `index + 1` arithmetic below unsanitized; a non-finite value falls back to `1` (matching the
+     *  property's own default), which keeps the render-nothing-while-`count < 2` contract intact
+     *  instead of throwing or displaying `NaN`. */
+    get normalizedCount() {
+        return finiteCount(this.count, 1);
+    }
+    /** Read-time-safe view of the controlled `index` property, clamped to `[0, normalizedCount - 1]`
+     *  -- never mutates `index` itself, matching this component's fully controlled contract (mirrors
+     *  `<lr-pagination>`'s identical `currentPage` pattern). */
+    get normalizedIndex() {
+        const count = this.normalizedCount;
+        if (count === 0)
+            return 0;
+        return finiteInteger(this.index, 0, 0, count - 1);
+    }
+    /** Focuses whichever chevron button isn't currently `disabled` -- mirrors `<lr-copy-button>`'s
+     *  own `focus()`-delegation-to-the-internal-control pattern, so this component composes cleanly
+     *  as one stop inside a parent toolbar. */
+    focus(options) {
+        const target = this.normalizedIndex > 0 ? this.previousButtonEl : this.nextButtonEl;
+        (target ?? this.previousButtonEl ?? this.nextButtonEl)?.focus(options);
+    }
+    blur() {
+        this.previousButtonEl?.blur();
+        this.nextButtonEl?.blur();
+    }
+    updated(changed) {
+        const wasMounting = this.isMounting;
+        this.isMounting = false;
+        if (changed.has('index') && !wasMounting) {
+            // `force: true` bypasses the live region's default 500ms coalescing window -- a discrete
+            // navigation like this one is a single, deliberate event, not a burst of streaming updates
+            // to throttle, and a delayed/dropped announcement here would read as the control silently
+            // failing. Same reasoning as `<lr-chat-message>`'s own forced status-change announcements.
+            this.liveRegion?.announce(this.localize('branchPosition', undefined, { index: this.normalizedIndex + 1, total: this.normalizedCount }), { force: true });
+        }
+    }
+    requestIndex(next) {
+        if (next < 0 || next > this.normalizedCount - 1 || next === this.normalizedIndex)
+            return;
+        this.emit('lr-branch-change', { index: next });
+    }
+    // `previous-glyph`/`next-glyph` render as plain wrapping `<span>`s around the shared
+    // `chevronIcon()` -- it bakes in no direction/rotation of its own (see its doc comment) --
+    // and the stylesheet owns 100% of the rotation, both the LTR base state and the RTL override,
+    // via `transform` on those two parts.
+    render() {
+        const count = this.normalizedCount;
+        if (count < 2)
+            return html ``;
+        const index = this.normalizedIndex;
+        const label = this.label || this.localize('branchPickerLabel');
+        const ariaLabel = this.getAttribute('aria-label') || label;
+        const formatter = getNumberFormat(this.effectiveLocale);
+        return html `
+      <div part="base" id=${this.groupId} role="group" aria-label=${ariaLabel}>
+        <button
+          part="previous-button"
+          type="button"
+          aria-label=${this.localize('branchPrevious')}
+          ?disabled=${index <= 0}
+          @click=${() => this.requestIndex(index - 1)}
+        >
+          <span part="previous-glyph">${chevronIcon()}</span>
+        </button>
+        <span part="position">${formatter.format(index + 1)} / ${formatter.format(count)}</span>
+        <button
+          part="next-button"
+          type="button"
+          aria-label=${this.localize('branchNext')}
+          ?disabled=${index >= count - 1}
+          @click=${() => this.requestIndex(index + 1)}
+        >
+          <span part="next-glyph">${chevronIcon()}</span>
+        </button>
+        <lr-live-region></lr-live-region>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraBranchPicker.prototype, "index", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraBranchPicker.prototype, "count", void 0);
+__decorate([
+    property()
+], LyraBranchPicker.prototype, "label", void 0);
+__decorate([
+    query('[part="previous-button"]')
+], LyraBranchPicker.prototype, "previousButtonEl", void 0);
+__decorate([
+    query('[part="next-button"]')
+], LyraBranchPicker.prototype, "nextButtonEl", void 0);
+__decorate([
+    query('lr-live-region')
+], LyraBranchPicker.prototype, "liveRegion", void 0);
+//# sourceMappingURL=branch-picker.class.js.map

package/dist/components/conversation/branch-picker/branch-picker.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-picker.class.js","sourceRoot":"","sources":["../../../../src/components/conversation/branch-picker/branch-picker.class.ts"],"names":[],"mappings":"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"}

package/dist/components/conversation/branch-picker/branch-picker.d.ts

@@ -0,0 +1,3 @@
+export * from './branch-picker.class.js';
+import '../../utility/live-region/live-region.js';
+//# sourceMappingURL=branch-picker.d.ts.map

package/dist/components/conversation/branch-picker/branch-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/branch-picker/branch-picker.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AAGzC,OAAO,0CAA0C,CAAC"}

package/dist/components/conversation/branch-picker/branch-picker.js

@@ -0,0 +1,6 @@
+export * from './branch-picker.class.js';
+import { LyraBranchPicker } from './branch-picker.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+import '../../utility/live-region/live-region.js';
+defineElement('branch-picker', LyraBranchPicker);
+//# sourceMappingURL=branch-picker.js.map

package/dist/components/conversation/branch-picker/branch-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-picker.js","sourceRoot":"","sources":["../../../../src/components/conversation/branch-picker/branch-picker.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,0CAA0C,CAAC;AAClD,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/conversation/branch-picker/branch-picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-picker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/branch-picker/branch-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA6DlB,CAAC"}

package/dist/components/conversation/branch-picker/branch-picker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-picker.styles.js","sourceRoot":"","sources":["../../../../src/components/conversation/branch-picker/branch-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DxB,CAAC"}

package/dist/components/conversation/chat-composer/chat-composer.class.d.ts

@@ -0,0 +1,215 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export type ChatComposerStatus = 'idle' | 'sending' | 'streaming';
+export type ChatComposerWrap = 'hard' | 'soft' | 'off';
+export type ChatComposerSelectionDirection = 'forward' | 'backward' | 'none';
+export interface LyraChatComposerEventMap {
+    'lr-input': CustomEvent<{
+        value: string;
+    }>;
+    'lr-stop': CustomEvent<undefined>;
+    'lr-submit': CustomEvent<{
+        value: string;
+    }>;
+    blur: CustomEvent<undefined>;
+    focus: CustomEvent<undefined>;
+}
+declare class LyraChatComposerBase extends LyraElement<LyraChatComposerEventMap> {
+}
+declare const LyraChatComposer_base: typeof LyraChatComposerBase & (new (...args: any[]) => import("../../../lyra.js").FormAssociatedInterface);
+/**
+ * `<lr-chat-composer>` — the message input for a chat/agent conversation
+ * surface: an auto-resizing textarea plus a send/stop button. Form-
+ * associated via the `FormAssociated` mixin (see `<lr-date-input>` for the
+ * same shape), so it participates in native `<form>` submission/validation/
+ * reset like any other text control — `name`/`value`/`disabled`/`required`/
+ * `checkValidity()`/`reportValidity()` all come from that mixin.
+ *
+ * Auto-resize reads the textarea's own *computed* line-height/padding/
+ * border at runtime (`resizeTextarea()`) rather than assuming a fixed
+ * px-per-row constant, so it stays correct under a consumer's own font-size/
+ * line-height overrides. It grows between `min-rows` and `max-rows`, then
+ * switches to internal scrolling. A `ResizeObserver` on the textarea itself
+ * re-runs the same fit whenever its *width* changes (a responsive
+ * breakpoint, a sidebar toggling, a window resize, an orientation change)
+ * even though `value`/`min-rows`/`max-rows` never did -- a narrower box
+ * wraps the same text across more lines, so the previously-fitted height
+ * would otherwise go stale and clip content with no scrollbar to reveal it.
+ *
+ * Enter-to-send (only active while `submit-on-enter` is true, the default):
+ * plain Enter submits and is prevented from inserting a newline; Shift+Enter
+ * always inserts a newline no matter what; an IME composition step (checked
+ * via `isComposing`, with `keyCode === 229` as a defense-in-depth fallback
+ * for browsers that report `isComposing` inconsistently on the
+ * compositionend-adjacent keydown) is never treated as a submit trigger;
+ * and while `status` isn't `"idle"` Enter is left alone to insert a newline
+ * too, rather than trying to submit again -- there is nothing meaningful to
+ * submit while a previous message is still sending/streaming, and the
+ * textarea deliberately stays interactive (see `disabled` below) so a user
+ * can keep composing their next message in the meantime.
+ *
+ * Deliberately no label/hint/error chrome -- a composite chat-input control, not a labeled form
+ * field; wrap it in your own layout for that context. A host `aria-label` is forwarded to the
+ * internal textarea and takes precedence over the placeholder-derived name.
+ *
+ * `lr-submit`'s `detail.value` is always the exact, untrimmed current
+ * value (`detail.value === value` at the moment it fires) -- trimming is
+ * left to the consumer so it never silently diverges from what `value`
+ * itself reports. Submitting does not clear `value`; the consumer clears it
+ * once the submission has actually been accepted (so e.g. a failed send can
+ * leave the text in place for retry).
+ * `submitDisabled` lets the consumer apply its own validation policy without
+ * disabling the textarea or the busy-state Stop action.
+ *
+ * @customElement lr-chat-composer
+ * @slot leading - Content rendered before the textarea (e.g. an attach-file trigger button).
+ * @slot chips - An attachment tray rendered above the input row (e.g. files queued for this message).
+ * @slot trailing - Overrides the built-in send/stop button entirely when it has assigned content.
+ * @event lr-input - Fired on every user-driven edit of the textarea (not a programmatic `.value` assignment). `detail: { value }`.
+ * @event lr-submit - Fired by Enter (per `submit-on-enter`) or the built-in button while `status="idle"` and `submitDisabled` is false. `detail: { value }`.
+ * @event lr-stop - Fired by the built-in button while `status` is `"sending"` or `"streaming"` and `stoppable` is `true` (the default). No detail.
+ * @event blur - Re-dispatched from the internal native textarea as a bubbling, composed event.
+ * @event focus - Re-dispatched from the internal native textarea as a bubbling, composed event.
+ * @csspart base - The bordered root container.
+ * @csspart chips - The wrapper around the `chips` slot. Hidden entirely when the slot is empty.
+ * @csspart row - The row holding the leading slot, textarea, and trailing slot/button.
+ * @csspart leading - The wrapper around the `leading` slot. Hidden entirely when the slot is empty.
+ * @csspart textarea - The auto-resizing `<textarea>` itself.
+ * @csspart trailing - The wrapper around the `trailing` slot and the built-in `action-button`.
+ * @csspart action-button - The built-in send/stop button. Absent from the accessibility tree's meaningful content whenever `trailing` has assigned content. Style its busy treatment via `:host([status='sending'])`/`:host([status='streaming'])`.
+ */
+export declare class LyraChatComposer extends LyraChatComposer_base {
+    static styles: import("lit").CSSResultGroup[];
+    placeholder: string;
+    minRows: number;
+    maxRows: number;
+    status: ChatComposerStatus;
+    submitOnEnter: boolean;
+    /** Consumer-controlled validation gate for submission. While idle, disables the built-in Send
+     * button and suppresses Enter/click submission without disabling the textarea. Busy Stop behavior
+     * remains governed by `status` and `stoppable`. */
+    submitDisabled: boolean;
+    /** When `false`, the built-in button never renders as a Stop/cancel control
+     *  while busy -- instead it stays a (disabled) Send button, since there is
+     *  no cancellation operation to offer. Defaults to `true`, reproducing
+     *  today's Stop-button behavior for every `status` other than `'idle'`. */
+    stoppable: boolean;
+    /** Accessible name for the internal textarea. Takes precedence over the placeholder-derived name. */
+    accessibleLabel: string | null;
+    /** Forwarded to the internal `<textarea>`'s own `spellcheck`. Defaults to `true`, matching the
+     *  native element's own default. Uses {@link spellcheckConverter} rather than Lit's default
+     *  presence-based `type: Boolean` handling, so a plain-HTML consumer with no way to write a
+     *  `.spellcheck` property binding can still turn this off with `spellcheck="false"`; a Lit
+     *  template can do the same with either that attribute string or a `.spellcheck=${false}`
+     *  property binding. */
+    spellcheck: boolean;
+    /** Forwarded to the internal `<textarea>`'s own `autocapitalize`. Empty string omits the
+     *  attribute (browser default). */
+    autocapitalize: string;
+    /** Forwarded to the internal `<textarea>`'s own `autocorrect` (Safari/WebKit-specific). Empty
+     *  string omits the attribute (browser default).
+     *
+     *  Named `autoCorrect` (capital `C`), not `autocorrect`, purely to dodge a TS `lib.dom.d.ts`
+     *  collision: newer DOM typings declare a `boolean`-typed `HTMLElement.autocorrect` IDL member,
+     *  which a same-named `string`-typed reactive property here would override unsoundly from the
+     *  type checker's point of view (even though the browser itself would happily let this class's
+     *  own accessor win at runtime). The explicit attribute mapping preserves the standard
+     *  lowercase `autocorrect` wire name in both Lit and generated component metadata. */
+    autoCorrect: string;
+    /** Native editing-assistance attributes forwarded to the internal textarea. */
+    wrap: ChatComposerWrap;
+    autocomplete: string;
+    inputMode: string;
+    enterKeyHint: string;
+    private hasLeadingSlot;
+    private hasChipsSlot;
+    private hasTrailingSlot;
+    private touched;
+    private textareaEl?;
+    private textareaResizeObserver?;
+    private textareaResizeRaf?;
+    private get effectiveMinRows();
+    /** Never less than {@link effectiveMinRows} -- an inverted min/max-rows pair (authored
+     *  backwards, or a live update that shrinks `max-rows` below the current `min-rows`) still
+     *  produces a usable, non-collapsed range instead of clipping the textarea to less than its own
+     *  minimum. */
+    private get effectiveMaxRows();
+    constructor();
+    /** The internal native textarea for integrations that require direct DOM access. */
+    get input(): HTMLTextAreaElement | null;
+    get selectionStart(): number | null;
+    set selectionStart(value: number | null);
+    get selectionEnd(): number | null;
+    set selectionEnd(value: number | null);
+    get selectionDirection(): ChatComposerSelectionDirection | null;
+    set selectionDirection(value: ChatComposerSelectionDirection | null);
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    select(): void;
+    setSelectionRange(start: number | null, end: number | null, direction?: ChatComposerSelectionDirection): void;
+    setRangeText(replacement: string): void;
+    setRangeText(replacement: string, start: number, end: number, selectMode?: SelectionMode): void;
+    protected willUpdate(): void;
+    protected firstUpdated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    formResetCallback(): void;
+    private hasSlotted;
+    /**
+     * Grows/shrinks the textarea between `min-rows` and `max-rows`, reading
+     * the *computed* line-height/padding/border back out of the element at
+     * call time instead of assuming a fixed px-per-row figure -- correct
+     * whatever font-size/line-height a consumer's own CSS ends up applying.
+     * Past `max-rows` the box stops growing and switches to internal
+     * scrolling (`overflow-y: auto`).
+     */
+    private resizeTextarea;
+    /**
+     * Re-fits the textarea whenever its own box *width* changes, independent
+     * of any `value`/`min-rows`/`max-rows` update -- `updated()` above only
+     * reacts to those, so a pure layout change (a responsive breakpoint, a
+     * sidebar collapsing/expanding, a window resize, an orientation change)
+     * would otherwise leave the height pinned at whatever it last was, even
+     * though the same text now wraps across a different number of lines.
+     * Mirrors split.ts's `collapseResizeObserver`/virtual-list.ts's
+     * `containerResizeObserver`/lite-chart.ts's `resizeObserver`.
+     *
+     * Only reacts to an actual inline-size change rather than calling
+     * `resizeTextarea()` unconditionally on every callback: `resizeTextarea()`
+     * itself sets `ta.style.height`, a *block*-size change on the very element
+     * being observed, which would otherwise re-trigger this same observer
+     * every tick. Diffing against the last-seen width (same technique as
+     * split.ts keying its collapse state off `contentBoxSize[0].inlineSize`)
+     * keeps a same-width, height-only callback from doing anything.
+     *
+     * The actual recompute is deferred one animation frame rather than run
+     * synchronously inside the callback: `ResizeObserver`'s spec re-delivers,
+     * within the same notification pass, to any observed element resized by
+     * its own callback -- mutating `ta.style.height` synchronously here would
+     * do exactly that to the very box just observed, and the browser reports
+     * it as "ResizeObserver loop completed with undelivered notifications"
+     * (a real, user-visible console error, not just noise). Deferring the
+     * mutation to the next frame -- outside that notification pass -- avoids
+     * ever resizing the observed element from inside its own callback.
+     */
+    private armTextareaResizeObserver;
+    private onTextareaInput;
+    private onTextareaKeyDown;
+    private onActionClick;
+    private submit;
+    private onLeadingSlotChange;
+    private onChipsSlotChange;
+    private onTrailingSlotChange;
+    private onTextareaBlur;
+    private onTextareaFocus;
+    private renderActionButton;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-chat-composer': LyraChatComposer;
+    }
+}
+export {};
+//# sourceMappingURL=chat-composer.class.d.ts.map

package/dist/components/conversation/chat-composer/chat-composer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-composer.class.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/chat-composer/chat-composer.class.ts"],"names":[],"mappings":"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"}