@aceshooting/lyra-ui 2.1.0 → 2.2.0

package/dist/components/mention-popover/mention-popover.class.js

@@ -0,0 +1,379 @@
+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, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { place } from '../../internal/positioner.js';
+import { nextId } from '../../internal/a11y.js';
+import { styles } from './mention-popover.styles.js';
+function defaultFilter(item, query) {
+    return item.label.toLowerCase().includes(query) || (item.description ?? '').toLowerCase().includes(query);
+}
+function isTextControl(el) {
+    if (el instanceof HTMLTextAreaElement)
+        return true;
+    return el instanceof HTMLInputElement && (el.type === 'text' || el.type === 'search');
+}
+// Computed-style properties that affect text layout/measurement, copied
+// verbatim from the real control onto the hidden mirror in caretClientRect()
+// below so wrapped-line offsets inside the mirror land exactly where they do
+// in the real control. Deliberately excludes paint-only properties (color,
+// background, etc.) -- those never affect where text/lines break.
+const MIRROR_CSS_PROPS = [
+    'box-sizing',
+    'width',
+    'padding-top',
+    'padding-right',
+    'padding-bottom',
+    'padding-left',
+    'border-top-width',
+    'border-right-width',
+    'border-bottom-width',
+    'border-left-width',
+    'border-style',
+    'font-family',
+    'font-size',
+    'font-style',
+    'font-variant',
+    'font-weight',
+    'font-stretch',
+    'letter-spacing',
+    'word-spacing',
+    'line-height',
+    'text-align',
+    'text-indent',
+    'text-transform',
+    'tab-size',
+    'direction',
+];
+/**
+ * Measures exactly where `el`'s caret (`selectionStart`) currently paints,
+ * in viewport coordinates, via the classic "hidden mirror div + marker span"
+ * technique: there is no native DOM API for this -- `getBoundingClientRect()`
+ * on a text control only reports the control's own box, never a cursor
+ * position inside it. A throwaway off-screen clone of `el` is built (font/
+ * box metrics copied via `MIRROR_CSS_PROPS` above), a marker `<span>` is
+ * inserted at the caret's text offset, its rect is measured relative to the
+ * mirror's own rect (so the absolute off-screen position of the mirror
+ * itself never matters), and that local offset is applied to `el`'s real
+ * `getBoundingClientRect()` minus its current scroll offset. Returns `null`
+ * for a zero-size (e.g. `display: none`) control.
+ */
+function caretClientRect(el) {
+    const elRect = el.getBoundingClientRect();
+    if (elRect.width === 0 || elRect.height === 0)
+        return null;
+    const computed = window.getComputedStyle(el);
+    const mirror = document.createElement('div');
+    mirror.style.position = 'absolute';
+    mirror.style.visibility = 'hidden';
+    mirror.style.top = '0';
+    mirror.style.left = '-9999px';
+    // <textarea> soft-wraps; a single-line <input> never does -- mismatching
+    // this makes the mirror wrap where the real control wouldn't (or vice
+    // versa), throwing off every offset past the first line/character run.
+    mirror.style.whiteSpace = el instanceof HTMLTextAreaElement ? 'pre-wrap' : 'pre';
+    mirror.style.overflowWrap = 'break-word';
+    for (const prop of MIRROR_CSS_PROPS) {
+        mirror.style.setProperty(prop, computed.getPropertyValue(prop));
+    }
+    const index = el.selectionStart ?? el.value.length;
+    mirror.append(document.createTextNode(el.value.slice(0, index)));
+    const marker = document.createElement('span');
+    // A marker with no content at all collapses to zero width -- a hair of
+    // content keeps it reliably measurable even for a caret sitting at the
+    // very end of the value.
+    marker.textContent = el.value.slice(index) || '​';
+    mirror.appendChild(marker);
+    document.body.appendChild(mirror);
+    const mirrorRect = mirror.getBoundingClientRect();
+    const markerRect = marker.getBoundingClientRect();
+    mirror.remove();
+    const lineHeight = parseFloat(computed.lineHeight) || markerRect.height || 16;
+    return new DOMRect(elRect.left + (markerRect.left - mirrorRect.left) - el.scrollLeft, elRect.top + (markerRect.top - mirrorRect.top) - el.scrollTop, 1, lineHeight);
+}
+export class LyraMentionPopover extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The full candidate set, pre-`query`-filtering. */
+        this.items = [];
+        /** The text typed since the trigger character (`@`/`/`/…) — drives the
+         *  built-in internal filtering (see `filter` to override it). */
+        this.query = '';
+        /** Whether the popover is shown. */
+        this.open = false;
+        /** Overrides the built-in case-insensitive label/description substring match. */
+        this.filter = null;
+        /** Message shown when `items` (post-`query`-filtering) is empty. */
+        this.emptyText = 'No matches';
+        /** Accessible name for the `role="listbox"` popup. */
+        this.label = 'Suggestions';
+        // Highlighted row, opens pre-highlighted on the top match (index 0) so a
+        // bare Enter right after opening commits immediately -- the same "first
+        // result is pre-selected" UX every mainstream @-mention/slash-command
+        // picker (Slack, GitHub, Notion, …) uses, unlike lyra-combobox's own
+        // listbox which opens with nothing highlighted (-1) since a combobox's
+        // typed text can itself already equal a full, deliberately-typed value.
+        this.activeIndex = 0;
+        this._listboxId = nextId('mention-popover-listbox');
+        // A synthetic zero-size point element, positioned at the measured caret
+        // rect and handed to place() in caret-precision mode -- place()/Floating
+        // UI only understand a real HTMLElement anchor, so caret positioning goes
+        // through this rather than a bespoke non-place()-based positioning path.
+        this.virtualAnchor = null;
+        this._isFirstUpdate = true;
+        // Set by commit() immediately before it flips `open` false, so updated()'s
+        // open-transition handling below (which otherwise fires lyra-mention-close
+        // on every true->false transition, matching lyra-combobox's/lyra-select's
+        // identical lyra-hide handling) can tell a successful-selection close
+        // apart from every other close and skip the event for that one case.
+        this._suppressCloseEvent = false;
+        // Delegated onto [part="listbox"] rather than one closure pair allocated
+        // per row per render -- same pattern as lyra-combobox's/lyra-select's
+        // identical onListboxMouseDown/onListboxClick.
+        this.onListboxMouseDown = (e) => {
+            // Focus must never leave the host's own text control -- preventing the
+            // default here is what stops a plain (non-focusable) row click from
+            // blurring it.
+            if (e.target.closest('[part="option"]'))
+                e.preventDefault();
+        };
+        this.onListboxClick = (e) => {
+            const optionEl = e.target.closest('[part="option"]');
+            const id = optionEl?.dataset.id;
+            if (id === undefined)
+                return;
+            const item = this.filteredItems.find((i) => i.id === id);
+            if (item)
+                this.commit(item);
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        this._isFirstUpdate = !this.hasUpdated;
+        // A fresh query or candidate set re-highlights the top match, mirroring
+        // how a filtering text field's own suggestion list re-anchors to the
+        // first result on every keystroke rather than preserving a highlight
+        // that may no longer even be in the filtered set.
+        if (changed.has('query') || changed.has('items'))
+            this.activeIndex = 0;
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            if (this.open) {
+                this.reposition();
+            }
+            else {
+                this.cleanup?.();
+                this.cleanup = undefined;
+                this.virtualAnchor?.remove();
+                // Don't fire for markup that's simply rendering open="false" for the
+                // first time, and don't fire for the commit() path (see
+                // _suppressCloseEvent's own doc above) -- every other true->false
+                // transition (Escape, or a direct host assignment) does fire.
+                if (!this._isFirstUpdate && !this._suppressCloseEvent)
+                    this.emit('lyra-mention-close');
+                this._suppressCloseEvent = false;
+            }
+        }
+        else if (this.open && (changed.has('anchor') || changed.has('query'))) {
+            this.reposition();
+        }
+        // Keyed separately from the open/anchor/query branch above: a plain
+        // ArrowDown/ArrowUp only ever changes activeIndex (see handleKeyDown), so
+        // this must fire on its own rather than piggyback on a reposition. The
+        // popup's own [part='listbox'] is height-capped and scrollable (see
+        // mention-popover.styles.ts) -- without this, arrowing past its visible
+        // rows would silently move the highlight off-screen. `block: 'nearest'`
+        // makes this a no-op whenever the active row is already fully visible.
+        if (changed.has('activeIndex')) {
+            this.renderRoot.querySelector('[part="option"][data-active]')?.scrollIntoView({ block: 'nearest' });
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.cleanup?.();
+        this.cleanup = undefined;
+        this.virtualAnchor?.remove();
+    }
+    /** The current candidate set: `items` filtered by `query` via `filter`
+     *  (or the built-in default). Empty `query` returns `items` unfiltered. */
+    get filteredItems() {
+        const q = this.query.trim().toLowerCase();
+        if (!q)
+            return this.items;
+        const fn = this.filter ?? defaultFilter;
+        return this.items.filter((item) => fn(item, q));
+    }
+    /** The `id` of the currently-highlighted row for the host to apply as its
+     *  own input's `aria-activedescendant` — `null` while closed or when
+     *  `filteredItems` is empty (nothing to point at). See the class doc's
+     *  `@example` for the full wiring. */
+    get activeDescendantId() {
+        if (!this.open)
+            return null;
+        const idx = this.clampedIndex(this.filteredItems);
+        return idx >= 0 ? this.rowId(idx) : null;
+    }
+    /** The `id` of the `role="listbox"` popup, for a host that also wants to
+     *  wire `aria-controls` on its own input (screen-reader support for
+     *  `aria-controls` is inconsistent, so `activeDescendantId` remains the
+     *  load-bearing piece; this is a supplementary nicety). */
+    get listboxId() {
+        return this._listboxId;
+    }
+    /**
+     * The host's own text-control keydown handler calls this while the
+     * popover is open. Returns `true` when the key was intercepted
+     * (`preventDefault()` already called) and the host should not also act on
+     * it; `false` when the host's normal handling should proceed untouched --
+     * including ArrowDown/ArrowUp/Enter/Tab when there are zero filtered rows
+     * to act on, so e.g. the host's own textarea still moves its caret a line
+     * normally rather than having the keystroke silently eaten.
+     */
+    handleKeyDown(e) {
+        if (!this.open)
+            return false;
+        const rows = this.filteredItems;
+        switch (e.key) {
+            case 'ArrowDown':
+                // Nothing to navigate -- let the key fall through to the host's own
+                // control (e.g. move the caret to the next line), matching Enter/Tab's
+                // identical "no active row" fallthrough right below.
+                if (!rows.length)
+                    return false;
+                e.preventDefault();
+                this.activeIndex = Math.min(rows.length - 1, this.clampedIndex(rows) + 1);
+                return true;
+            case 'ArrowUp':
+                if (!rows.length)
+                    return false;
+                e.preventDefault();
+                this.activeIndex = Math.max(0, this.clampedIndex(rows) - 1);
+                return true;
+            case 'Enter':
+            case 'Tab': {
+                const idx = this.clampedIndex(rows);
+                // Nothing to commit -- let Enter submit / Tab move focus normally,
+                // matching a native combobox with no highlighted suggestion.
+                if (idx < 0)
+                    return false;
+                e.preventDefault();
+                this.commit(rows[idx]);
+                return true;
+            }
+            case 'Escape':
+                e.preventDefault();
+                this.open = false;
+                return true;
+            default:
+                return false;
+        }
+    }
+    clampedIndex(rows) {
+        if (!rows.length)
+            return -1;
+        return Math.min(Math.max(this.activeIndex, 0), rows.length - 1);
+    }
+    rowId(index) {
+        return `${this._listboxId}-opt-${index}`;
+    }
+    commit(item) {
+        this.emit('lyra-mention-select', { id: item.id, label: item.label });
+        this._suppressCloseEvent = true;
+        this.open = false;
+    }
+    reposition() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+        const anchorEl = this.resolveAnchorElement();
+        const popup = this.renderRoot.querySelector('[part="listbox"]');
+        if (anchorEl && popup)
+            this.cleanup = place(anchorEl, popup, { placement: 'bottom-start' });
+    }
+    /** Resolves what to actually hand `place()` -- a caret-precise virtual
+     *  point for a measurable text control, `anchor` itself otherwise. See the
+     *  class doc's "Positioning" section. */
+    resolveAnchorElement() {
+        const anchor = this.anchor;
+        if (!anchor)
+            return null;
+        if (isTextControl(anchor)) {
+            const rect = caretClientRect(anchor);
+            if (rect) {
+                const virtual = this.virtualAnchor ?? (this.virtualAnchor = document.createElement('div'));
+                virtual.style.position = 'fixed';
+                virtual.style.left = `${rect.left}px`;
+                virtual.style.top = `${rect.top}px`;
+                virtual.style.width = '0';
+                virtual.style.height = `${rect.height}px`;
+                virtual.style.pointerEvents = 'none';
+                if (!virtual.isConnected)
+                    document.body.appendChild(virtual);
+                return virtual;
+            }
+        }
+        return anchor;
+    }
+    renderRow(item, index, activeId) {
+        const id = this.rowId(index);
+        const active = id === activeId;
+        return html `
+      <div part="option" id=${id} role="option" data-id=${item.id} aria-selected=${active ? 'true' : 'false'} ?data-active=${active}>
+        ${item.icon ? html `<span part="option-icon" aria-hidden="true">${item.icon}</span>` : nothing}
+        <span part="option-label">
+          <span>${item.label}</span>
+          ${item.description ? html `<span part="option-description">${item.description}</span>` : nothing}
+        </span>
+      </div>
+    `;
+    }
+    render() {
+        const rows = this.filteredItems;
+        const idx = this.clampedIndex(rows);
+        const activeId = idx >= 0 ? this.rowId(idx) : '';
+        return html `
+      <div
+        part="listbox"
+        id=${this._listboxId}
+        role="listbox"
+        aria-label=${this.label}
+        @mousedown=${this.onListboxMouseDown}
+        @click=${this.onListboxClick}
+      >
+        ${rows.length === 0
+            ? html `<div part="empty" role="option" aria-selected="false" aria-disabled="true">${this.emptyText}</div>`
+            : rows.map((item, i) => this.renderRow(item, i, activeId))}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraMentionPopover.prototype, "anchor", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraMentionPopover.prototype, "items", void 0);
+__decorate([
+    property()
+], LyraMentionPopover.prototype, "query", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMentionPopover.prototype, "open", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraMentionPopover.prototype, "filter", void 0);
+__decorate([
+    property({ attribute: 'empty-text' })
+], LyraMentionPopover.prototype, "emptyText", void 0);
+__decorate([
+    property()
+], LyraMentionPopover.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraMentionPopover.prototype, "activeIndex", void 0);
+//# sourceMappingURL=mention-popover.class.js.map

package/dist/components/mention-popover/mention-popover.class.js.map

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

package/dist/components/mention-popover/mention-popover.d.ts

@@ -1,203 +1,2 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/** One candidate row — an `@`-mentionable person/entity, or a `/`-command. */
-export interface MentionItem {
-    id: string;
-    label: string;
-    description?: string;
-    /** Literal icon hint (e.g. an emoji), rendered next to `label` -- same
-     *  "opaque string, not a registry lookup" convention as
-     *  `<lyra-tool-call-chip>`'s/`<lyra-tool-select-dialog>`'s own `icon`. */
-    icon?: string;
-}
-/** Predicate deciding whether `item` matches a (already-trimmed, already-lowercased) `query`.
- *  Mirrors `<lyra-combobox>`'s `OptionFilter` convention -- override `filter` to replace the
- *  built-in case-insensitive label/description substring match entirely. */
-export type MentionFilter = (item: MentionItem, query: string) => boolean;
-export interface MentionSelectDetail {
-    id: string;
-    label: string;
-}
-/**
- * `<lyra-mention-popover>` — a caret-anchored, keyboard-navigable popover for
- * `@`-mention and `/`-slash-command autocomplete inside a plain-text
- * `<textarea>`/`<input>` the host owns (e.g. `<lyra-chat-composer>`'s own
- * textarea, though this component has no dependency on that or any other
- * specific input). It never takes DOM focus itself — the same "focus stays
- * put, `aria-activedescendant` conveys the active row" pattern
- * `<lyra-select>`/`<lyra-combobox>` use for their own listbox — so a host
- * must apply `aria-activedescendant` to its *own* input element, pointing at
- * whatever `activeDescendantId` currently returns.
- *
- * Integration contract (entirely the host's responsibility — this component
- * never inspects the text control's value or listens to it directly):
- * 1. Detect a mention/command trigger (e.g. `@`/`/` at the start of a word)
- *    in the host's own `input` handling.
- * 2. Set `anchor` (the `<textarea>`/`<input>` itself, or any element for
- *    plain whole-element anchoring — see "Positioning" below), `items`, and
- *    `query` (the text typed since the trigger character), then flip
- *    `open = true`.
- * 3. Forward every `keydown` the input receives, while `open`, through
- *    `handleKeyDown()` — it returns `true` when it consumed the key (so the
- *    host's own handler should stop, e.g. skip submitting the message on an
- *    Enter that actually picked a mention) and `false` otherwise.
- * 4. Set `open = false` whenever the query stops looking like an active
- *    mention context (a space typed, the trigger character deleted, the
- *    input blurred, …) — `lyra-mention-close` fires automatically from that
- *    (see below), there is no separate "tell it to close" call needed.
- * 5. Keep the host's own input's `aria-activedescendant` (and, optionally,
- *    `aria-controls`, via `listboxId`) in sync with `activeDescendantId` —
- *    this component has no DOM of the host's to attach that to itself.
- *
- * Positioning: when `anchor` is a plain `<textarea>` or single-line text
- * `<input>`, this component measures exactly where the caret currently
- * paints (`caretClientRect()`, the standard hidden-mirror-element technique
- * — see that function's own doc) and positions against that single point
- * with `internal/positioner.js`'s `place()`, so the popup tracks the caret
- * rather than sitting under the whole textarea. Any other `anchor` element
- * (or a text control this component fails to measure, e.g. one with
- * `display: none`) falls back to `place(anchor, popup)` against the whole
- * element — the same whole-element anchoring `<lyra-combobox>`/
- * `<lyra-select>` use for their own popups. Re-measures on every `anchor`/
- * `query` change while open (a keystroke moves the caret, so a fresh `query`
- * is the proxy for "the caret may have moved"); a caret that moves for a
- * reason other than typing (e.g. a mouse click elsewhere in the text while
- * the popover happens to still be open) is not separately tracked — the
- * host can force a re-measure by toggling `open` or reassigning `anchor`.
- *
- * Filtering happens internally against `items` (mirroring `<lyra-combobox>`'s
- * filter-predicate convention via `filter`, rather than requiring the host to
- * pre-filter): the default predicate is a case-insensitive substring match
- * against `label`/`description`, overridable via `filter`.
- *
- * There is no persisted "selection" the way a real listbox has one — a
- * mention is either committed (closing the popover) or the popover is
- * dismissed with nothing chosen — so `aria-selected="true"` marks whichever
- * row is currently *active* (what Enter/Tab would commit right now), per the
- * WAI-ARIA combobox-with-list-autocomplete pattern, rather than tracking a
- * separate persisted value the way `<lyra-combobox>`'s own `aria-selected`
- * does.
- *
- * @example
- * ```html
- * <textarea id="composer"></textarea>
- * <lyra-mention-popover id="mentions"></lyra-mention-popover>
- * <script>
- *   const textarea = document.getElementById('composer');
- *   const popover = document.getElementById('mentions');
- *
- *   textarea.addEventListener('keydown', (e) => {
- *     if (popover.open && popover.handleKeyDown(e)) return; // consumed
- *     // ...the host's own Enter-to-send handling, etc.
- *   });
- *   textarea.addEventListener('input', () => {
- *     // host's own '@'/'/' + query detection, then:
- *     popover.anchor = textarea;
- *     popover.items = candidates;
- *     popover.query = detectedQuery;
- *     popover.open = detectedQuery !== null;
- *   });
- *   textarea.addEventListener('blur', () => (popover.open = false));
- *
- *   popover.addEventListener('lyra-mention-select', (e) => {
- *     // splice `${e.detail.label}` into the textarea at the trigger offset
- *   });
- *   popover.addEventListener('lyra-mention-close', () => {
- *     textarea.removeAttribute('aria-activedescendant');
- *   });
- *
- *   // Whenever the popover re-renders its active row (e.g. after every
- *   // ArrowUp/ArrowDown handleKeyDown() call above), sync the host's own
- *   // input so assistive tech announces the current candidate:
- *   const syncActiveDescendant = () => {
- *     if (popover.open && popover.activeDescendantId) {
- *       textarea.setAttribute('aria-activedescendant', popover.activeDescendantId);
- *     } else {
- *       textarea.removeAttribute('aria-activedescendant');
- *     }
- *   };
- * </script>
- * ```
- *
- * @customElement lyra-mention-popover
- * @event lyra-mention-select - An item was committed (Enter/Tab/click). `detail: { id, label }`.
- * @event lyra-mention-close - The popover was dismissed with no selection — Escape, or `open`
- * transitioning to `false` by any other means (a direct host assignment included). Never fires
- * for a close that followed a `lyra-mention-select` commit.
- * @csspart listbox - The popover's root element (`role="listbox"`).
- * @csspart option - A candidate row (`role="option"`).
- * @csspart option-icon - A row's leading icon glyph, when `icon` is set.
- * @csspart option-label - Wrapper around a row's label/description.
- * @csspart option-description - A row's optional secondary line, when `description` is set.
- * @csspart empty - The "no matches" message, shown when `items`/`query` produce zero rows.
- */
-export declare class LyraMentionPopover extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** The element to position the popup relative to. When this is a plain
-     *  `<textarea>`/single-line text `<input>`, positioning is caret-precise
-     *  (see the class doc); any other element anchors the whole popup under
-     *  that element's own box, the same as `<lyra-combobox>`'s trigger. */
-    anchor?: HTMLElement;
-    /** The full candidate set, pre-`query`-filtering. */
-    items: MentionItem[];
-    /** The text typed since the trigger character (`@`/`/`/…) — drives the
-     *  built-in internal filtering (see `filter` to override it). */
-    query: string;
-    /** Whether the popover is shown. */
-    open: boolean;
-    /** Overrides the built-in case-insensitive label/description substring match. */
-    filter: MentionFilter | null;
-    /** Message shown when `items` (post-`query`-filtering) is empty. */
-    emptyText: string;
-    /** Accessible name for the `role="listbox"` popup. */
-    label: string;
-    private activeIndex;
-    private readonly _listboxId;
-    private cleanup?;
-    private virtualAnchor;
-    private _isFirstUpdate;
-    private _suppressCloseEvent;
-    protected willUpdate(changed: PropertyValues): void;
-    protected updated(changed: PropertyValues): void;
-    disconnectedCallback(): void;
-    /** The current candidate set: `items` filtered by `query` via `filter`
-     *  (or the built-in default). Empty `query` returns `items` unfiltered. */
-    get filteredItems(): MentionItem[];
-    /** The `id` of the currently-highlighted row for the host to apply as its
-     *  own input's `aria-activedescendant` — `null` while closed or when
-     *  `filteredItems` is empty (nothing to point at). See the class doc's
-     *  `@example` for the full wiring. */
-    get activeDescendantId(): string | null;
-    /** The `id` of the `role="listbox"` popup, for a host that also wants to
-     *  wire `aria-controls` on its own input (screen-reader support for
-     *  `aria-controls` is inconsistent, so `activeDescendantId` remains the
-     *  load-bearing piece; this is a supplementary nicety). */
-    get listboxId(): string;
-    /**
-     * The host's own text-control keydown handler calls this while the
-     * popover is open. Returns `true` when the key was intercepted
-     * (`preventDefault()` already called) and the host should not also act on
-     * it; `false` when the host's normal handling should proceed untouched --
-     * including ArrowDown/ArrowUp/Enter/Tab when there are zero filtered rows
-     * to act on, so e.g. the host's own textarea still moves its caret a line
-     * normally rather than having the keystroke silently eaten.
-     */
-    handleKeyDown(e: KeyboardEvent): boolean;
-    private clampedIndex;
-    private rowId;
-    private commit;
-    private reposition;
-    /** Resolves what to actually hand `place()` -- a caret-precise virtual
-     *  point for a measurable text control, `anchor` itself otherwise. See the
-     *  class doc's "Positioning" section. */
-    private resolveAnchorElement;
-    private onListboxMouseDown;
-    private onListboxClick;
-    private renderRow;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-mention-popover': LyraMentionPopover;
-    }
-}
+export * from './mention-popover.class.js';
+//# sourceMappingURL=mention-popover.d.ts.map

package/dist/components/mention-popover/mention-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-popover.d.ts","sourceRoot":"","sources":["../../../src/components/mention-popover/mention-popover.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}