@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/menu/menu.class.d.ts

@@ -0,0 +1,173 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import type { Placement } from '@floating-ui/dom';
+import { LyraElement } from '../../internal/lyra-element.js';
+import './menu-item.class.js';
+export interface MenuSelectDetail {
+    value: string;
+}
+export interface LyraMenuEventMap {
+    'lyra-show': CustomEvent<undefined>;
+    'lyra-hide': CustomEvent<undefined>;
+    'lyra-menu-select': CustomEvent<MenuSelectDetail>;
+}
+/**
+ * `<lyra-menu>` — an anchored dropdown of `<lyra-menu-item>` actions, opened
+ * from a consumer-supplied trigger (typically an icon button). A close, drop-
+ * in-shaped replacement for reaching outside this library for a third-party
+ * dropdown to build a gear menu, an avatar menu, or a history row's overflow
+ * menu: click the trigger, a positioned menu appears, clicking an item both
+ * performs the action *and* closes the menu.
+ *
+ * **ARIA pattern — `role="menu"`/`role="menuitem"` with real roving DOM
+ * focus, not a listbox.** Two coherent, mutually-exclusive shapes were
+ * available here: (a) `role="listbox"`/`role="option"` with
+ * `aria-activedescendant`, the pattern `<lyra-select>`'s trigger-button +
+ * popup listbox uses, where DOM focus never leaves the trigger; or (b)
+ * `role="menu"`/`role="menuitem"` with real focus moving between actual
+ * focusable rows, the WAI-ARIA "menu button" pattern. This picks (b):
+ * `<lyra-menu-item>` rows are real, independently-focusable elements (see
+ * that class's own doc), which is the more natural fit for a menu
+ * specifically — unlike a listbox's rows, a menu's rows are conventionally
+ * button-/link-shaped, and every well-known native/OS menu (and this
+ * family's own `<lyra-tree>`/`<lyra-tree-node>` pair, which this component's
+ * roving-tabindex plumbing directly mirrors) already moves real focus rather
+ * than merely a virtual `aria-activedescendant` pointer. `role`/`tabIndex`
+ * are consistently the menu-button shape throughout — never mixed with
+ * listbox/option.
+ *
+ * Interaction contract (mirrors the WAI-ARIA APG "menu button" pattern):
+ * - Click the trigger (or Enter/Space on it, via the trigger's own native
+ *   `click` activation) toggles the menu, moving focus to the first
+ *   non-disabled item on open.
+ * - ArrowDown/ArrowUp on the trigger while closed also open it, focusing the
+ *   first/last non-disabled item respectively.
+ * - Once open, ArrowDown/ArrowUp move the roving focus among non-disabled
+ *   items (wrapping past either end — the recommended, and more common,
+ *   menu-widget behavior, unlike `<lyra-select>`'s clamped listbox nav).
+ *   Home/End jump to the first/last non-disabled item. Enter/Space activate
+ *   the focused item. Escape closes and returns focus to the trigger. Tab
+ *   closes the menu without trapping focus (the browser's own default Tab
+ *   behavior proceeds untouched). A printable keypress runs type-ahead:
+ *   roving focus jumps to the next non-disabled item whose text starts with
+ *   the accumulated buffer, cycling from just after the active item (mirrors
+ *   `<lyra-select>`'s identical listbox type-ahead).
+ * - A click outside both the trigger and the open popup closes it (mirrors
+ *   `<lyra-select>`'s `onDocPointer` exactly) — this does *not* refocus the
+ *   trigger, since the outside click itself already moved focus somewhere
+ *   the user chose; Escape and a committed selection *do* refocus the
+ *   trigger, since those are dismissals with nowhere else for focus to go.
+ *
+ * The trigger element itself is read from the `trigger` slot's assigned
+ * element (first one, if several are assigned) and enhanced imperatively
+ * with `aria-haspopup="menu"`/`aria-expanded`/`aria-controls` — the same
+ * "reach into a consumer-owned light-DOM element to complete its a11y
+ * wiring" approach `<lyra-dialog>` documents for its own heading detection,
+ * necessary here because those attributes belong on the actual interactive
+ * trigger, which lives outside this component's own shadow root.
+ *
+ * The popup is always rendered (never `display:none`) so `.focus()` calls on
+ * its content work synchronously the instant it opens — visually hidden via
+ * `visibility`/`opacity` instead (identical to `<lyra-select>`'s own
+ * `[part="listbox"]`). `visibility` is an inherited CSS property that
+ * pierces the `<slot>` projection boundary, so every closed-state
+ * `<lyra-menu-item>` is automatically excluded from sequential (Tab-key)
+ * navigation with no separate JS bookkeeping.
+ *
+ * @customElement lyra-menu
+ * @slot trigger - The consumer's own trigger element (typically an icon
+ * button). Clicking it toggles the menu; it's positioned against via
+ * `internal/positioner.js`'s `place()`.
+ * @slot - `<lyra-menu-item>` elements, plus optionally plain `<hr>` dividers
+ * between groups (native `<hr>` already carries an implicit `separator`
+ * role, matching what `role="menu"` expects between item groups).
+ * @event lyra-show - The menu opened. Not fired for markup that renders
+ * `open` true from the start (mirrors `<lyra-select>`'s identical guard).
+ * @event lyra-hide - The menu closed. Same first-render guard as `lyra-show`.
+ * @event lyra-menu-select - A `<lyra-menu-item>` was activated. `detail: {
+ * value }` — the consolidated re-fire of that item's own
+ * `lyra-menu-item-select` (see `<lyra-menu-item>`'s doc for why listening
+ * here, rather than on every item, is the recommended approach). Always
+ * followed by the menu closing and focus returning to the trigger.
+ * @csspart trigger - The wrapper around the `trigger` slot (the positioning anchor).
+ * @csspart popup - The positioned floating panel.
+ * @csspart list - The `role="menu"` container wrapping the default slot.
+ */
+export declare class LyraMenu extends LyraElement<LyraMenuEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Whether the menu is open. */
+    open: boolean;
+    /**
+     * Optional placement override forwarded to `place()`. Defaults to whatever `place()` itself
+     * defaults to. A `left`/`right` side is resolved through `rtlAwareSide` semantics (see
+     * `internal/rtl.ts`) so e.g. `placement="left-start"` still anchors to the menu's trailing edge
+     * under RTL rather than pinning to the physical left.
+     */
+    placement?: Placement;
+    /** Accessible name for the `role="menu"` popup — override with something
+     *  specific (e.g. "Row actions") when a page has more than one menu. */
+    label: string;
+    private items;
+    private activeIndex;
+    private triggerEl?;
+    private cleanup?;
+    private itemStateObserver?;
+    private _isFirstUpdate;
+    private pendingFocus;
+    private readonly listId;
+    private typeAheadBuffer;
+    private typeAheadTimer?;
+    protected willUpdate(): void;
+    protected updated(changed: PropertyValues): void;
+    private reposition;
+    disconnectedCallback(): void;
+    private show;
+    /** `refocusTrigger` is only ever `true` for a dismissal with nowhere else
+     *  for focus to land (Escape, a committed selection) -- see the class
+     *  doc's interaction contract for why an outside click deliberately omits it. */
+    private hide;
+    private onDocPointer;
+    private onTriggerClick;
+    private onTriggerKeyDown;
+    private onTriggerSlotChange;
+    /** `aria-haspopup`/`aria-expanded`/`aria-controls` belong on the actual
+     *  interactive trigger, which is consumer-owned light-DOM content outside
+     *  this component's own shadow root -- see the class doc. */
+    private syncTriggerA11y;
+    private onItemsSlotChange;
+    private isNavigable;
+    /** Rehomes roving focus immediately when an active item becomes disabled or hidden. */
+    private onItemStateChange;
+    private onItemSelect;
+    /** Flips exactly one non-disabled item's `tabIndex` to `0` (the roving
+     *  target) and every other item's to `-1` -- see `<lyra-menu-item>`'s doc
+     *  for why this is the sole authority over that property. */
+    private applyRovingTabIndex;
+    /** Moves the roving focus (and real DOM focus) to the first/last
+     *  non-disabled item. A no-op when there are none -- focus then simply
+     *  stays on the trigger (see onTriggerKeyDown's Escape safety net). */
+    private focusRoving;
+    private setActiveItem;
+    /** Resyncs `activeIndex` (and the roving `tabindex`) to wherever real DOM
+     *  focus actually lands, for any path that doesn't go through
+     *  `setActiveItem()` -- e.g. a real mousedown on an item, which focuses it
+     *  even while `disabled` (`tabIndex="-1"` remains mouse-focusable per
+     *  spec). Without this, `activeIndex` goes stale the moment focus moves any
+     *  other way, and subsequent Arrow-key navigation computes its next item
+     *  from that stale position instead of from where focus actually is. A
+     *  no-op for `setActiveItem()`'s own `.focus()` call, since `activeIndex`
+     *  there is already set to match before focus moves. */
+    private onListFocusIn;
+    private onListKeyDown;
+    /** Standard WAI-ARIA APG menu-button type-ahead: moves the roving focus to
+     *  the next non-disabled item whose text content starts with the
+     *  accumulated buffer, cycling from just after the currently active item
+     *  -- mirrors `<lyra-select>`'s identical listbox type-ahead. */
+    private typeAhead;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-menu': LyraMenu;
+    }
+}
+//# sourceMappingURL=menu.class.d.ts.map

package/dist/components/menu/menu.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.class.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,kBAAkB,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACnD;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,qBAAa,QAAS,SAAQ,WAAW,CAAC,gBAAgB,CAAC;IACzD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,gCAAgC;IACY,IAAI,UAAS;IAEzD;;;;;OAKG;IAC0B,SAAS,CAAC,EAAE,SAAS,CAAC;IAEnD;4EACwE;IAC5D,KAAK,SAAU;IAQ3B,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,WAAW,CAAM;IAEzB,OAAO,CAAC,SAAS,CAAC,CAAc;IAChC,OAAO,CAAC,OAAO,CAAC,CAAa;IAC7B,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAuB;IAK9C,OAAO,CAAC,eAAe,CAAM;IAC7B,OAAO,CAAC,cAAc,CAAC,CAAgC;IAEvD,SAAS,CAAC,UAAU,IAAI,IAAI,CAE3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CA4B/C;IAED,OAAO,CAAC,UAAU;IAUlB,oBAAoB,IAAI,IAAI,CAc3B;IAED,OAAO,CAAC,IAAI;IAMZ;;qFAEiF;IACjF,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,gBAAgB,CAsBtB;IAEF,OAAO,CAAC,mBAAmB,CAczB;IAEF;;iEAE6D;IAC7D,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,iBAAiB,CAsBvB;IAEF,OAAO,CAAC,WAAW;IAInB,uFAAuF;IACvF,OAAO,CAAC,iBAAiB,CAgBvB;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF;;iEAE6D;IAC7D,OAAO,CAAC,mBAAmB;IAM3B;;2EAEuE;IACvE,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,aAAa;IAMrB;;;;;;;;4DAQwD;IACxD,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,aAAa,CAkDnB;IAEF;;;qEAGiE;IACjE,OAAO,CAAC,SAAS;IAqBjB,MAAM,IAAI,cAAc,CAoBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/menu/menu.class.js

@@ -0,0 +1,462 @@
+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 } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { place } from '../../internal/positioner.js';
+import { rtlAwarePlacement } from '../../internal/rtl.js';
+import { nextId } from '../../internal/a11y.js';
+import { styles } from './menu.styles.js';
+import { LyraMenuItem } from './menu-item.class.js';
+import './menu-item.class.js';
+/**
+ * `<lyra-menu>` — an anchored dropdown of `<lyra-menu-item>` actions, opened
+ * from a consumer-supplied trigger (typically an icon button). A close, drop-
+ * in-shaped replacement for reaching outside this library for a third-party
+ * dropdown to build a gear menu, an avatar menu, or a history row's overflow
+ * menu: click the trigger, a positioned menu appears, clicking an item both
+ * performs the action *and* closes the menu.
+ *
+ * **ARIA pattern — `role="menu"`/`role="menuitem"` with real roving DOM
+ * focus, not a listbox.** Two coherent, mutually-exclusive shapes were
+ * available here: (a) `role="listbox"`/`role="option"` with
+ * `aria-activedescendant`, the pattern `<lyra-select>`'s trigger-button +
+ * popup listbox uses, where DOM focus never leaves the trigger; or (b)
+ * `role="menu"`/`role="menuitem"` with real focus moving between actual
+ * focusable rows, the WAI-ARIA "menu button" pattern. This picks (b):
+ * `<lyra-menu-item>` rows are real, independently-focusable elements (see
+ * that class's own doc), which is the more natural fit for a menu
+ * specifically — unlike a listbox's rows, a menu's rows are conventionally
+ * button-/link-shaped, and every well-known native/OS menu (and this
+ * family's own `<lyra-tree>`/`<lyra-tree-node>` pair, which this component's
+ * roving-tabindex plumbing directly mirrors) already moves real focus rather
+ * than merely a virtual `aria-activedescendant` pointer. `role`/`tabIndex`
+ * are consistently the menu-button shape throughout — never mixed with
+ * listbox/option.
+ *
+ * Interaction contract (mirrors the WAI-ARIA APG "menu button" pattern):
+ * - Click the trigger (or Enter/Space on it, via the trigger's own native
+ *   `click` activation) toggles the menu, moving focus to the first
+ *   non-disabled item on open.
+ * - ArrowDown/ArrowUp on the trigger while closed also open it, focusing the
+ *   first/last non-disabled item respectively.
+ * - Once open, ArrowDown/ArrowUp move the roving focus among non-disabled
+ *   items (wrapping past either end — the recommended, and more common,
+ *   menu-widget behavior, unlike `<lyra-select>`'s clamped listbox nav).
+ *   Home/End jump to the first/last non-disabled item. Enter/Space activate
+ *   the focused item. Escape closes and returns focus to the trigger. Tab
+ *   closes the menu without trapping focus (the browser's own default Tab
+ *   behavior proceeds untouched). A printable keypress runs type-ahead:
+ *   roving focus jumps to the next non-disabled item whose text starts with
+ *   the accumulated buffer, cycling from just after the active item (mirrors
+ *   `<lyra-select>`'s identical listbox type-ahead).
+ * - A click outside both the trigger and the open popup closes it (mirrors
+ *   `<lyra-select>`'s `onDocPointer` exactly) — this does *not* refocus the
+ *   trigger, since the outside click itself already moved focus somewhere
+ *   the user chose; Escape and a committed selection *do* refocus the
+ *   trigger, since those are dismissals with nowhere else for focus to go.
+ *
+ * The trigger element itself is read from the `trigger` slot's assigned
+ * element (first one, if several are assigned) and enhanced imperatively
+ * with `aria-haspopup="menu"`/`aria-expanded`/`aria-controls` — the same
+ * "reach into a consumer-owned light-DOM element to complete its a11y
+ * wiring" approach `<lyra-dialog>` documents for its own heading detection,
+ * necessary here because those attributes belong on the actual interactive
+ * trigger, which lives outside this component's own shadow root.
+ *
+ * The popup is always rendered (never `display:none`) so `.focus()` calls on
+ * its content work synchronously the instant it opens — visually hidden via
+ * `visibility`/`opacity` instead (identical to `<lyra-select>`'s own
+ * `[part="listbox"]`). `visibility` is an inherited CSS property that
+ * pierces the `<slot>` projection boundary, so every closed-state
+ * `<lyra-menu-item>` is automatically excluded from sequential (Tab-key)
+ * navigation with no separate JS bookkeeping.
+ *
+ * @customElement lyra-menu
+ * @slot trigger - The consumer's own trigger element (typically an icon
+ * button). Clicking it toggles the menu; it's positioned against via
+ * `internal/positioner.js`'s `place()`.
+ * @slot - `<lyra-menu-item>` elements, plus optionally plain `<hr>` dividers
+ * between groups (native `<hr>` already carries an implicit `separator`
+ * role, matching what `role="menu"` expects between item groups).
+ * @event lyra-show - The menu opened. Not fired for markup that renders
+ * `open` true from the start (mirrors `<lyra-select>`'s identical guard).
+ * @event lyra-hide - The menu closed. Same first-render guard as `lyra-show`.
+ * @event lyra-menu-select - A `<lyra-menu-item>` was activated. `detail: {
+ * value }` — the consolidated re-fire of that item's own
+ * `lyra-menu-item-select` (see `<lyra-menu-item>`'s doc for why listening
+ * here, rather than on every item, is the recommended approach). Always
+ * followed by the menu closing and focus returning to the trigger.
+ * @csspart trigger - The wrapper around the `trigger` slot (the positioning anchor).
+ * @csspart popup - The positioned floating panel.
+ * @csspart list - The `role="menu"` container wrapping the default slot.
+ */
+export class LyraMenu extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Whether the menu is open. */
+        this.open = false;
+        /** Accessible name for the `role="menu"` popup — override with something
+         *  specific (e.g. "Row actions") when a page has more than one menu. */
+        this.label = 'Menu';
+        // Plain instance fields, not @state() -- render()'s template never reads
+        // either (items render via the plain default <slot>; there is no
+        // activeIndex-driven markup), so reactively scheduling a re-render on
+        // every roving-focus move would only trigger Lit's "scheduled an update
+        // after an update completed" dev-mode warning for no visual benefit --
+        // both only drive imperative side effects (applyRovingTabIndex()/.focus()).
+        this.items = [];
+        this.activeIndex = -1;
+        this._isFirstUpdate = true;
+        this.pendingFocus = 'first';
+        this.listId = nextId('menu-list');
+        // Standard menu type-ahead, mirroring lyra-select's identical listbox
+        // trio: printable keystrokes accumulate into this buffer and reset ~500ms
+        // after the last one, so "d" then "e" narrows to "de" instead of
+        // restarting the search on every keystroke.
+        this.typeAheadBuffer = '';
+        this.onDocPointer = (e) => {
+            if (!e.composedPath().includes(this))
+                this.hide();
+        };
+        this.onTriggerClick = () => {
+            this.open ? this.hide() : this.show();
+        };
+        this.onTriggerKeyDown = (e) => {
+            // A safety net for a menu with zero navigable items: focus never leaves
+            // the trigger in that edge case (see focusRoving()), so onListKeyDown's
+            // own Escape handling would otherwise never run.
+            if (e.key === 'Escape' && this.open) {
+                e.preventDefault();
+                this.hide(true);
+                return;
+            }
+            if (this.open)
+                return;
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    this.show('first');
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    this.show('last');
+                    break;
+                default:
+                    return;
+            }
+        };
+        this.onTriggerSlotChange = (e) => {
+            const assigned = e.target.assignedElements({ flatten: true });
+            const next = assigned[0];
+            if (next === this.triggerEl)
+                return;
+            if (this.triggerEl) {
+                this.triggerEl.removeAttribute('aria-haspopup');
+                this.triggerEl.removeAttribute('aria-expanded');
+                this.triggerEl.removeAttribute('aria-controls');
+            }
+            this.triggerEl = next;
+            this.syncTriggerA11y();
+            // Covers the "open from the start" race documented on reposition()'s
+            // call in updated() -- a no-op resubscribe once already positioned.
+            if (this.open)
+                this.reposition();
+        };
+        this.onItemsSlotChange = (e) => {
+            this.itemStateObserver?.disconnect();
+            this.items = e.target
+                .assignedElements({ flatten: true })
+                .filter((el) => el instanceof LyraMenuItem);
+            if (typeof MutationObserver !== 'undefined') {
+                this.itemStateObserver = new MutationObserver(() => this.onItemStateChange());
+                for (const item of this.items) {
+                    this.itemStateObserver.observe(item, {
+                        attributes: true,
+                        attributeFilter: ['disabled', 'hidden', 'aria-hidden'],
+                    });
+                }
+            }
+            if (this.activeIndex >= this.items.length)
+                this.activeIndex = -1;
+            this.applyRovingTabIndex();
+            // Covers the same "open from the start" race as onTriggerSlotChange's
+            // reposition() call -- activeIndex === -1 means nothing has claimed the
+            // roving focus yet (never true once a user has actually navigated),
+            // so this only ever fires for that initial catch-up, not on every later
+            // items mutation while open.
+            if (this.open && this.activeIndex === -1)
+                this.focusRoving(this.pendingFocus);
+        };
+        /** Rehomes roving focus immediately when an active item becomes disabled or hidden. */
+        this.onItemStateChange = () => {
+            const navigable = this.items.filter((item) => this.isNavigable(item));
+            if (this.activeIndex >= 0 && !this.isNavigable(this.items[this.activeIndex])) {
+                const current = this.activeIndex;
+                const next = navigable.find((item) => this.items.indexOf(item) > current) ??
+                    navigable.find((item) => this.items.indexOf(item) < current);
+                if (next) {
+                    this.setActiveItem(next);
+                }
+                else {
+                    this.activeIndex = -1;
+                    this.applyRovingTabIndex();
+                }
+                return;
+            }
+            this.applyRovingTabIndex();
+        };
+        this.onItemSelect = (e) => {
+            const item = e.target;
+            if (!(item instanceof LyraMenuItem))
+                return;
+            this.emit('lyra-menu-select', { value: item.value });
+            this.hide(true);
+        };
+        /** Resyncs `activeIndex` (and the roving `tabindex`) to wherever real DOM
+         *  focus actually lands, for any path that doesn't go through
+         *  `setActiveItem()` -- e.g. a real mousedown on an item, which focuses it
+         *  even while `disabled` (`tabIndex="-1"` remains mouse-focusable per
+         *  spec). Without this, `activeIndex` goes stale the moment focus moves any
+         *  other way, and subsequent Arrow-key navigation computes its next item
+         *  from that stale position instead of from where focus actually is. A
+         *  no-op for `setActiveItem()`'s own `.focus()` call, since `activeIndex`
+         *  there is already set to match before focus moves. */
+        this.onListFocusIn = (e) => {
+            const target = e.target;
+            if (!(target instanceof LyraMenuItem))
+                return;
+            const index = this.items.indexOf(target);
+            if (index === -1 || index === this.activeIndex)
+                return;
+            this.activeIndex = index;
+            this.applyRovingTabIndex();
+        };
+        this.onListKeyDown = (e) => {
+            if (!(e.target instanceof LyraMenuItem))
+                return;
+            const navigable = this.items.filter((i) => this.isNavigable(i));
+            const current = this.activeIndex >= 0 ? this.items[this.activeIndex] : undefined;
+            const currentNavIndex = current ? navigable.indexOf(current) : -1;
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    if (navigable.length) {
+                        this.setActiveItem(navigable[(currentNavIndex + 1 + navigable.length) % navigable.length]);
+                    }
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    if (navigable.length) {
+                        const prevIndex = currentNavIndex <= 0 ? navigable.length - 1 : currentNavIndex - 1;
+                        this.setActiveItem(navigable[prevIndex]);
+                    }
+                    break;
+                case 'Home':
+                    e.preventDefault();
+                    if (navigable.length)
+                        this.setActiveItem(navigable[0]);
+                    break;
+                case 'End':
+                    e.preventDefault();
+                    if (navigable.length)
+                        this.setActiveItem(navigable[navigable.length - 1]);
+                    break;
+                case 'Enter':
+                case ' ':
+                    // Mirrors lyra-tree calling current.select() from its own delegated
+                    // keydown handler, rather than each row wiring its own keydown.
+                    e.preventDefault();
+                    current?.select();
+                    break;
+                case 'Escape':
+                    e.preventDefault();
+                    this.hide(true);
+                    break;
+                case 'Tab':
+                    // No preventDefault -- the browser's own default Tab navigation is
+                    // left to proceed untouched, only the (now-stale) open menu closes.
+                    this.hide();
+                    break;
+                default:
+                    if (e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
+                        this.typeAhead(e.key);
+                    }
+                    return;
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate() {
+        this._isFirstUpdate = !this.hasUpdated;
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            this.cleanup?.();
+            this.cleanup = undefined;
+            // All open-driven side effects (positioning, the click-outside
+            // listener, the lyra-show/lyra-hide events, and moving focus into the
+            // menu) live here rather than in show()/hide() so they fire however
+            // `open` became true -- via show()/hide()'s own user-interaction
+            // paths, or a consumer/test setting `el.open` directly, which bypasses
+            // both. Mirrors lyra-select's identical updated()-centralized approach.
+            if (this.open) {
+                document.addEventListener('pointerdown', this.onDocPointer);
+                if (!this._isFirstUpdate)
+                    this.emit('lyra-show');
+                // Both reposition() and focusRoving() no-op gracefully if triggerEl/
+                // items aren't populated yet -- for markup that renders `open` true
+                // from the start, the trigger/default slots' *own* slotchange events
+                // (queued as microtasks) can still be pending at this point, ahead of
+                // Lit's synchronous first update. onTriggerSlotChange/
+                // onItemsSlotChange below re-run these same two calls once that
+                // catches up, so this always resolves correctly either way.
+                this.reposition();
+                this.focusRoving(this.pendingFocus);
+            }
+            else {
+                document.removeEventListener('pointerdown', this.onDocPointer);
+                if (!this._isFirstUpdate)
+                    this.emit('lyra-hide');
+            }
+            this.syncTriggerA11y();
+        }
+    }
+    reposition() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+        const popup = this.renderRoot.querySelector('[part="popup"]');
+        if (this.triggerEl && popup) {
+            const placement = this.placement && rtlAwarePlacement(this.placement, this);
+            this.cleanup = place(this.triggerEl, popup, placement ? { placement } : {});
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.cleanup?.();
+        this.cleanup = undefined;
+        clearTimeout(this.typeAheadTimer);
+        this.itemStateObserver?.disconnect();
+        this.itemStateObserver = undefined;
+        document.removeEventListener('pointerdown', this.onDocPointer);
+        // Reset so a reconnect (e.g. a drag-drop reparent) re-triggers
+        // `updated()`'s `open`-driven branch -- without this, `open` stays
+        // `true` across the disconnect/reconnect and `changed.has('open')` never
+        // fires again, leaving the menu rendered open with no positioning and
+        // no outside-click listener.
+        this.open = false;
+    }
+    show(focus = 'first') {
+        if (this.open)
+            return;
+        this.pendingFocus = focus;
+        this.open = true;
+    }
+    /** `refocusTrigger` is only ever `true` for a dismissal with nowhere else
+     *  for focus to land (Escape, a committed selection) -- see the class
+     *  doc's interaction contract for why an outside click deliberately omits it. */
+    hide(refocusTrigger = false) {
+        if (!this.open)
+            return;
+        this.open = false;
+        this.activeIndex = -1;
+        this.applyRovingTabIndex();
+        if (refocusTrigger)
+            this.triggerEl?.focus();
+    }
+    /** `aria-haspopup`/`aria-expanded`/`aria-controls` belong on the actual
+     *  interactive trigger, which is consumer-owned light-DOM content outside
+     *  this component's own shadow root -- see the class doc. */
+    syncTriggerA11y() {
+        if (!this.triggerEl)
+            return;
+        this.triggerEl.setAttribute('aria-haspopup', 'menu');
+        this.triggerEl.setAttribute('aria-expanded', this.open ? 'true' : 'false');
+        this.triggerEl.setAttribute('aria-controls', this.listId);
+    }
+    isNavigable(item) {
+        return !item.disabled && !item.hidden && item.getAttribute('aria-hidden') !== 'true';
+    }
+    /** Flips exactly one non-disabled item's `tabIndex` to `0` (the roving
+     *  target) and every other item's to `-1` -- see `<lyra-menu-item>`'s doc
+     *  for why this is the sole authority over that property. */
+    applyRovingTabIndex() {
+        this.items.forEach((item, i) => {
+            item.tabIndex = i === this.activeIndex ? 0 : -1;
+        });
+    }
+    /** Moves the roving focus (and real DOM focus) to the first/last
+     *  non-disabled item. A no-op when there are none -- focus then simply
+     *  stays on the trigger (see onTriggerKeyDown's Escape safety net). */
+    focusRoving(which) {
+        const navigable = this.items.filter((i) => this.isNavigable(i));
+        if (!navigable.length)
+            return;
+        const item = which === 'first' ? navigable[0] : navigable[navigable.length - 1];
+        this.setActiveItem(item);
+    }
+    setActiveItem(item) {
+        this.activeIndex = this.items.indexOf(item);
+        this.applyRovingTabIndex();
+        item.focus();
+    }
+    /** Standard WAI-ARIA APG menu-button type-ahead: moves the roving focus to
+     *  the next non-disabled item whose text content starts with the
+     *  accumulated buffer, cycling from just after the currently active item
+     *  -- mirrors `<lyra-select>`'s identical listbox type-ahead. */
+    typeAhead(char) {
+        clearTimeout(this.typeAheadTimer);
+        this.typeAheadBuffer += char.toLowerCase();
+        this.typeAheadTimer = setTimeout(() => {
+            this.typeAheadBuffer = '';
+        }, 500);
+        const navigable = this.items.filter((i) => !i.disabled);
+        if (!navigable.length)
+            return;
+        const current = this.activeIndex >= 0 ? this.items[this.activeIndex] : undefined;
+        const currentIndex = current ? navigable.indexOf(current) : -1;
+        const n = navigable.length;
+        for (let step = 1; step <= n; step++) {
+            const candidate = navigable[(currentIndex + step + n) % n];
+            if ((candidate.textContent ?? '').trim().toLowerCase().startsWith(this.typeAheadBuffer)) {
+                this.setActiveItem(candidate);
+                return;
+            }
+        }
+    }
+    render() {
+        return html `
+      <div part="trigger" @click=${this.onTriggerClick} @keydown=${this.onTriggerKeyDown}>
+        <slot name="trigger" @slotchange=${this.onTriggerSlotChange}></slot>
+      </div>
+      <div part="popup">
+        <div
+          part="list"
+          id=${this.listId}
+          role="menu"
+          aria-label=${this.label}
+          @keydown=${this.onListKeyDown}
+          @focusin=${this.onListFocusIn}
+          @lyra-menu-item-select=${this.onItemSelect}
+          @lyra-menu-item-state-change=${this.onItemStateChange}
+        >
+          <slot @slotchange=${this.onItemsSlotChange}></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMenu.prototype, "open", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraMenu.prototype, "placement", void 0);
+__decorate([
+    property()
+], LyraMenu.prototype, "label", void 0);
+//# sourceMappingURL=menu.class.js.map

package/dist/components/menu/menu.class.js.map

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