@aquera/nile-elements 1.9.4 → 1.9.6

package/dist/src/nile-command-menu/nile-command-menu.js

@@ -0,0 +1,557 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { animateTo, stopAnimations } from '../internal/animate';
+import { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';
+import { HasSlotController } from '../internal/slot';
+import { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';
+import { waitForEvent } from '../internal/event';
+import { watch } from '../internal/watch';
+import Modal from '../internal/modal';
+import NileElement from '../internal/nile-element';
+import { styles } from './nile-command-menu.css';
+import '../nile-tag/nile-tag';
+let commandMenuItemId = 0;
+function scopeFromValue(entry) {
+    if (typeof entry === 'string') {
+        return { label: entry, value: entry.toLowerCase() };
+    }
+    return { label: entry.label, value: entry.value ?? entry.label.toLowerCase() };
+}
+/** Normalises the `scopes` attribute (comma-separated string or JSON array) into scope objects. */
+const scopesConverter = {
+    fromAttribute(value) {
+        if (!value) {
+            return [];
+        }
+        const trimmed = value.trim();
+        if (trimmed.startsWith('[')) {
+            try {
+                const parsed = JSON.parse(trimmed);
+                return (Array.isArray(parsed) ? parsed : []).map(scopeFromValue);
+            }
+            catch {
+                // fall through to comma-separated parsing
+            }
+        }
+        return trimmed
+            .split(',')
+            .map(part => part.trim())
+            .filter(Boolean)
+            .map(scopeFromValue);
+    },
+    toAttribute(value) {
+        return (value ?? []).map(scope => scope.label).join(', ');
+    },
+};
+/**
+ * A keyboard-driven command palette for fast, page-wide search and action execution.
+ *
+ * @tag nile-command-menu
+ *
+ * @summary A modal command menu (command palette) with built-in search, grouping and keyboard navigation.
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency nile-glyph
+ * @dependency nile-tag
+ *
+ * @slot - The command content: `nile-command-menu-group` and/or `nile-command-menu-item` elements.
+ * @slot empty - Custom content shown when no items match the current query.
+ * @slot footer - Optional footer content. When empty, a built-in keyboard-hint row is shown (unless `nofooterhints`).
+ *
+ * @event nile-show - Emitted when the menu opens.
+ * @event nile-after-show - Emitted after the menu opens and the animation completes.
+ * @event nile-hide - Emitted when the menu starts to close.
+ * @event nile-after-hide - Emitted after the menu closes and the animation completes.
+ * @event nile-request-close - Emitted when the user attempts to close the menu (overlay click / Escape). Cancelable.
+ * @event nile-search - Emitted when the search value changes. `detail: { value }`.
+ * @event nile-select - Emitted when an item is selected. `detail: { value, item }`.
+ * @event nile-scope-remove - Emitted when a scope tag is removed. `detail: { scope, scopes }`.
+ *
+ * @csspart base - The component's outer wrapper.
+ * @csspart overlay - The overlay behind the panel.
+ * @csspart panel - The command panel.
+ * @csspart header - The search header.
+ * @csspart input - The search input.
+ * @csspart scopes - The "Searching for" scopes row.
+ * @csspart scope-tag - Each scope tag in the scopes row.
+ * @csspart list - The scrollable results list.
+ * @csspart empty - The empty state shown when nothing matches.
+ * @csspart footer - The footer.
+ * @csspart hints - The built-in keyboard-hint row inside the footer.
+ *
+ * @cssproperty --width - The maximum width of the panel.
+ * @cssproperty --max-height - The maximum height of the panel.
+ */
+let NileCommandMenu = class NileCommandMenu extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, 'footer');
+        /** Indicates whether the menu is open. Toggle this attribute, or use `show()` / `hide()`. */
+        this.open = false;
+        /** Placeholder text shown in the search input. */
+        this.placeholder = 'Search commands...';
+        /** Accessible label for the dialog and the search input. */
+        this.label = 'Command menu';
+        /** Message shown when no items match the current query. Ignored when the `empty` slot is used. */
+        this.noResultsMessage = 'No results found';
+        /** The current search value. */
+        this.value = '';
+        /**
+         * When set, the menu does not filter items itself; instead it emits `nile-search` so the host can
+         * manage results. Useful for async/server-side search.
+         */
+        this.customSearch = false;
+        /** Keeps the menu open after an item is selected instead of closing it. */
+        this.keepOpenOnSelect = false;
+        /** Prevents the menu from closing when the overlay is clicked. */
+        this.preventOverlayClose = false;
+        /** Hides the built-in keyboard-hint footer (navigate / select / close). The `footer` slot always overrides it. */
+        this.noFooterHints = false;
+        /**
+         * Active search scopes shown as removable tags in the "Searching for" row. Items are filtered so that
+         * only those with no `scope` or whose `scope` matches an active scope are shown. Set via the `scopes`
+         * attribute (comma-separated labels or a JSON array) or the property (array of `{ label, value }`).
+         */
+        this.scopes = [];
+        /** Label shown before the scope tags. */
+        this.scopesLabel = 'Searching for';
+        /** True when the current query matches no items. */
+        this.hasResults = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
+        this.modal = new Modal(this);
+    }
+    firstUpdated() {
+        this.command.hidden = !this.open;
+        if (this.open) {
+            this.addOpenListeners();
+            this.modal.activate();
+            lockBodyScrolling(this);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        unlockBodyScrolling(this);
+    }
+    /** Gets all command items in the menu (across groups), in document order. */
+    getAllItems() {
+        return [...this.querySelectorAll('nile-command-menu-item')];
+    }
+    /** Gets the items that are currently visible (matching the query) and not disabled. */
+    getVisibleItems() {
+        return this.getAllItems().filter(item => !item.hidden && !item.disabled);
+    }
+    getActiveItem() {
+        return this.getVisibleItems().find(item => item.active);
+    }
+    setActiveItem(item) {
+        this.getAllItems().forEach(i => {
+            i.active = i === item;
+        });
+        if (item) {
+            if (!item.id) {
+                item.id = `nile-command-menu-item-${++commandMenuItemId}`;
+            }
+            this.input?.setAttribute('aria-activedescendant', item.id);
+            item.scrollIntoView({ block: 'nearest' });
+        }
+        else {
+            this.input?.removeAttribute('aria-activedescendant');
+        }
+    }
+    /** Applies the current query to the items, hiding non-matching items and empty groups. */
+    filterItems() {
+        const items = this.getAllItems();
+        if (this.customSearch) {
+            // The host owns visibility; just refresh the empty state and active item.
+            this.hasResults = this.getVisibleItems().length > 0;
+            this.updateGroupVisibility();
+            this.ensureActiveItem();
+            return;
+        }
+        const query = this.value.trim().toLowerCase();
+        const activeScopes = this.scopes.map(scope => scope.value);
+        items.forEach(item => {
+            const matchesQuery = query.length === 0 || item.getFilterText().includes(query);
+            const matchesScope = activeScopes.length === 0 || !item.scope || activeScopes.includes(item.scope);
+            item.hidden = !(matchesQuery && matchesScope);
+        });
+        this.updateGroupVisibility();
+        this.hasResults = this.getVisibleItems().length > 0;
+        this.ensureActiveItem();
+    }
+    /** Hides groups that have no visible items. */
+    updateGroupVisibility() {
+        const groups = [...this.querySelectorAll('nile-command-menu-group')];
+        groups.forEach(group => {
+            const hasVisibleItem = [
+                ...group.querySelectorAll('nile-command-menu-item'),
+            ].some(item => !item.hidden);
+            group.hidden = !hasVisibleItem;
+        });
+    }
+    /** Ensures exactly one visible item is active, defaulting to the first. */
+    ensureActiveItem() {
+        const visible = this.getVisibleItems();
+        const current = this.getActiveItem();
+        if (visible.length === 0) {
+            this.setActiveItem(undefined);
+            return;
+        }
+        if (!current || !visible.includes(current)) {
+            this.setActiveItem(visible[0]);
+        }
+    }
+    handleInput(event) {
+        this.value = event.target.value;
+        this.emit('nile-search', { value: this.value });
+        this.filterItems();
+    }
+    handleScopesChange() {
+        this.filterItems();
+    }
+    handleScopeRemove(scope) {
+        this.scopes = this.scopes.filter(s => s.value !== scope.value);
+        this.emit('nile-scope-remove', { scope, scopes: this.scopes });
+        this.filterItems();
+    }
+    handleSlotChange() {
+        this.filterItems();
+    }
+    handlePanelKeyDown(event) {
+        const visible = this.getVisibleItems();
+        if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
+            if (visible.length === 0) {
+                return;
+            }
+            event.preventDefault();
+            const current = this.getActiveItem();
+            let index = current ? visible.indexOf(current) : -1;
+            if (event.key === 'ArrowDown')
+                index++;
+            else if (event.key === 'ArrowUp')
+                index--;
+            else if (event.key === 'Home')
+                index = 0;
+            else if (event.key === 'End')
+                index = visible.length - 1;
+            if (index < 0)
+                index = visible.length - 1;
+            if (index > visible.length - 1)
+                index = 0;
+            this.setActiveItem(visible[index]);
+            return;
+        }
+        if (event.key === 'Enter') {
+            const current = this.getActiveItem();
+            if (current) {
+                event.preventDefault();
+                this.selectItem(current);
+            }
+        }
+    }
+    handleListClick(event) {
+        const item = event.target.closest('nile-command-menu-item');
+        if (item && !item.disabled) {
+            this.selectItem(item);
+        }
+    }
+    selectItem(item) {
+        this.emit('nile-select', { value: item.value, item });
+        if (!this.keepOpenOnSelect) {
+            this.hide();
+        }
+    }
+    requestClose(source) {
+        const requestClose = this.emit('nile-request-close', { source }, undefined, undefined, true);
+        if (requestClose.defaultPrevented) {
+            return;
+        }
+        if (source === 'overlay' && this.preventOverlayClose) {
+            return;
+        }
+        this.hide();
+    }
+    addOpenListeners() {
+        document.addEventListener('keydown', this.handleDocumentKeyDown);
+    }
+    removeOpenListeners() {
+        document.removeEventListener('keydown', this.handleDocumentKeyDown);
+    }
+    handleDocumentKeyDown(event) {
+        if (this.open && event.key === 'Escape') {
+            event.stopPropagation();
+            this.requestClose('keyboard');
+        }
+    }
+    async handleOpenChange() {
+        if (this.open) {
+            this.emit('nile-show');
+            this.addOpenListeners();
+            this.originalTrigger = document.activeElement;
+            this.modal.activate();
+            lockBodyScrolling(this);
+            await stopAnimations(this.command);
+            this.command.hidden = false;
+            // Reset query and selection each time the menu opens.
+            this.value = '';
+            this.filterItems();
+            requestAnimationFrame(() => {
+                this.input?.focus({ preventScroll: true });
+            });
+            const panelAnimation = getAnimation(this, 'command.show', { dir: 'ltr' });
+            const overlayAnimation = getAnimation(this, 'command.overlay.show', { dir: 'ltr' });
+            await Promise.all([
+                animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
+                animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options),
+            ]);
+            this.emit('nile-after-show');
+        }
+        else {
+            this.emit('nile-hide');
+            this.removeOpenListeners();
+            this.modal.deactivate();
+            await stopAnimations(this.command);
+            const panelAnimation = getAnimation(this, 'command.hide', { dir: 'ltr' });
+            const overlayAnimation = getAnimation(this, 'command.overlay.hide', { dir: 'ltr' });
+            await Promise.all([
+                animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
+                animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options),
+            ]);
+            this.command.hidden = true;
+            unlockBodyScrolling(this);
+            const trigger = this.originalTrigger;
+            if (typeof trigger?.focus === 'function') {
+                setTimeout(() => trigger.focus());
+            }
+            this.emit('nile-after-hide');
+        }
+    }
+    /** Renders the "Searching for" scopes row when scopes are active. */
+    renderScopes() {
+        if (this.scopes.length === 0) {
+            return nothing;
+        }
+        return html `
+      <div part="scopes" class="command__scopes">
+        <span class="command__scopes-label">${this.scopesLabel}</span>
+        <div class="command__scopes-tags">
+          ${this.scopes.map(scope => html `
+              <nile-tag
+                part="scope-tag"
+                exportparts="base:scope-tag__base"
+                size="medium"
+                variant="normal"
+                pill
+                removable
+                .value=${scope.value}
+                @nile-remove=${() => this.handleScopeRemove(scope)}
+              >
+                ${scope.label}
+              </nile-tag>
+            `)}
+        </div>
+      </div>
+    `;
+    }
+    /** Renders the built-in keyboard-hint footer (used as the `footer` slot's fallback content). */
+    renderHints() {
+        return html `
+      <div part="hints" class="command__hints">
+        <span class="command__hint"><kbd>↑</kbd><kbd>↓</kbd> to navigate</span>
+        <span class="command__hint"><kbd>↵</kbd> to select</span>
+        <span class="command__hint"><kbd>esc</kbd> to close</span>
+      </div>
+    `;
+    }
+    /** Shows the command menu. */
+    async show() {
+        if (this.open) {
+            return undefined;
+        }
+        this.open = true;
+        return waitForEvent(this, 'nile-after-show');
+    }
+    /** Hides the command menu. */
+    async hide() {
+        if (!this.open) {
+            return undefined;
+        }
+        this.open = false;
+        return waitForEvent(this, 'nile-after-hide');
+    }
+    render() {
+        return html `
+      <div
+        part="base"
+        class=${classMap({
+            command: true,
+            'command--open': this.open,
+            'command--has-footer': this.hasSlotController.test('footer') || !this.noFooterHints,
+        })}
+      >
+        <div
+          part="overlay"
+          class="command__overlay"
+          tabindex="-1"
+          @click=${() => this.requestClose('overlay')}
+        ></div>
+
+        <div
+          part="panel"
+          class="command__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-label=${this.label}
+          aria-hidden=${this.open ? 'false' : 'true'}
+          @keydown=${this.handlePanelKeyDown}
+        >
+          <div part="header" class="command__header">
+            <span class="command__search-icon" aria-hidden="true">
+              <nile-glyph name="search" size="20" method="stroke"></nile-glyph>
+            </span>
+            <input
+              part="input"
+              class="command__input"
+              type="text"
+              role="combobox"
+              aria-expanded="true"
+              aria-controls="command-list"
+              aria-label=${this.label}
+              autocomplete="off"
+              autocorrect="off"
+              autocapitalize="off"
+              spellcheck="false"
+              .value=${this.value}
+              placeholder=${this.placeholder}
+              @input=${this.handleInput}
+            />
+          </div>
+
+          ${this.renderScopes()}
+
+          <div
+            part="list"
+            id="command-list"
+            class="command__list"
+            role="listbox"
+            aria-label=${this.label}
+            @click=${this.handleListClick}
+          >
+            <slot @slotchange=${this.handleSlotChange}></slot>
+
+            <div
+              part="empty"
+              class=${classMap({
+            command__empty: true,
+            'command__empty--visible': !this.hasResults,
+        })}
+            >
+              <slot name="empty">${!this.hasResults ? this.noResultsMessage : nothing}</slot>
+            </div>
+          </div>
+
+          <footer part="footer" class="command__footer">
+            <slot name="footer">
+              ${this.noFooterHints ? nothing : this.renderHints()}
+            </slot>
+          </footer>
+        </div>
+      </div>
+    `;
+    }
+};
+NileCommandMenu.styles = styles;
+__decorate([
+    query('.command')
+], NileCommandMenu.prototype, "command", void 0);
+__decorate([
+    query('.command__panel')
+], NileCommandMenu.prototype, "panel", void 0);
+__decorate([
+    query('.command__overlay')
+], NileCommandMenu.prototype, "overlay", void 0);
+__decorate([
+    query('.command__input')
+], NileCommandMenu.prototype, "input", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileCommandMenu.prototype, "open", void 0);
+__decorate([
+    property()
+], NileCommandMenu.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], NileCommandMenu.prototype, "label", void 0);
+__decorate([
+    property({ attribute: true })
+], NileCommandMenu.prototype, "noResultsMessage", void 0);
+__decorate([
+    property()
+], NileCommandMenu.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, attribute: true })
+], NileCommandMenu.prototype, "customSearch", void 0);
+__decorate([
+    property({ type: Boolean, attribute: true })
+], NileCommandMenu.prototype, "keepOpenOnSelect", void 0);
+__decorate([
+    property({ type: Boolean, attribute: true })
+], NileCommandMenu.prototype, "preventOverlayClose", void 0);
+__decorate([
+    property({ type: Boolean, attribute: true })
+], NileCommandMenu.prototype, "noFooterHints", void 0);
+__decorate([
+    property({ converter: scopesConverter })
+], NileCommandMenu.prototype, "scopes", void 0);
+__decorate([
+    property({ attribute: true })
+], NileCommandMenu.prototype, "scopesLabel", void 0);
+__decorate([
+    state()
+], NileCommandMenu.prototype, "hasResults", void 0);
+__decorate([
+    watch('scopes', { waitUntilFirstUpdate: true })
+], NileCommandMenu.prototype, "handleScopesChange", null);
+__decorate([
+    watch('open', { waitUntilFirstUpdate: true })
+], NileCommandMenu.prototype, "handleOpenChange", null);
+NileCommandMenu = __decorate([
+    customElement('nile-command-menu')
+], NileCommandMenu);
+export { NileCommandMenu };
+setDefaultAnimation('command.show', {
+    keyframes: [
+        { opacity: 0, scale: 0.95 },
+        { opacity: 1, scale: 1 },
+    ],
+    options: { duration: 200, easing: 'ease' },
+});
+setDefaultAnimation('command.hide', {
+    keyframes: [
+        { opacity: 1, scale: 1 },
+        { opacity: 0, scale: 0.95 },
+    ],
+    options: { duration: 200, easing: 'ease' },
+});
+setDefaultAnimation('command.overlay.show', {
+    keyframes: [{ opacity: 0 }, { opacity: 1 }],
+    options: { duration: 200 },
+});
+setDefaultAnimation('command.overlay.hide', {
+    keyframes: [{ opacity: 1 }, { opacity: 0 }],
+    options: { duration: 200 },
+});
+export default NileCommandMenu;
+//# sourceMappingURL=nile-command-menu.js.map

package/dist/src/nile-command-menu/nile-command-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-command-menu.js","sourceRoot":"","sources":["../../../src/nile-command-menu/nile-command-menu.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-command-menu.css';\nimport '../nile-tag/nile-tag';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileCommandMenuItem } from '../nile-command-menu-item/nile-command-menu-item';\nimport type { NileCommandMenuGroup } from '../nile-command-menu-group/nile-command-menu-group';\n\nlet commandMenuItemId = 0;\n\n/** A removable search scope shown in the \"Searching for\" row. */\nexport interface CommandMenuScope {\n  label: string;\n  value: string;\n}\n\nfunction scopeFromValue(entry: CommandMenuScope | string): CommandMenuScope {\n  if (typeof entry === 'string') {\n    return { label: entry, value: entry.toLowerCase() };\n  }\n  return { label: entry.label, value: entry.value ?? entry.label.toLowerCase() };\n}\n\n/** Normalises the `scopes` attribute (comma-separated string or JSON array) into scope objects. */\nconst scopesConverter = {\n  fromAttribute(value: string | null): CommandMenuScope[] {\n    if (!value) {\n      return [];\n    }\n    const trimmed = value.trim();\n    if (trimmed.startsWith('[')) {\n      try {\n        const parsed = JSON.parse(trimmed);\n        return (Array.isArray(parsed) ? parsed : []).map(scopeFromValue);\n      } catch {\n        // fall through to comma-separated parsing\n      }\n    }\n    return trimmed\n      .split(',')\n      .map(part => part.trim())\n      .filter(Boolean)\n      .map(scopeFromValue);\n  },\n  toAttribute(value: CommandMenuScope[]): string {\n    return (value ?? []).map(scope => scope.label).join(', ');\n  },\n};\n\n/**\n * A keyboard-driven command palette for fast, page-wide search and action execution.\n *\n * @tag nile-command-menu\n *\n * @summary A modal command menu (command palette) with built-in search, grouping and keyboard navigation.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-glyph\n * @dependency nile-tag\n *\n * @slot - The command content: `nile-command-menu-group` and/or `nile-command-menu-item` elements.\n * @slot empty - Custom content shown when no items match the current query.\n * @slot footer - Optional footer content. When empty, a built-in keyboard-hint row is shown (unless `nofooterhints`).\n *\n * @event nile-show - Emitted when the menu opens.\n * @event nile-after-show - Emitted after the menu opens and the animation completes.\n * @event nile-hide - Emitted when the menu starts to close.\n * @event nile-after-hide - Emitted after the menu closes and the animation completes.\n * @event nile-request-close - Emitted when the user attempts to close the menu (overlay click / Escape). Cancelable.\n * @event nile-search - Emitted when the search value changes. `detail: { value }`.\n * @event nile-select - Emitted when an item is selected. `detail: { value, item }`.\n * @event nile-scope-remove - Emitted when a scope tag is removed. `detail: { scope, scopes }`.\n *\n * @csspart base - The component's outer wrapper.\n * @csspart overlay - The overlay behind the panel.\n * @csspart panel - The command panel.\n * @csspart header - The search header.\n * @csspart input - The search input.\n * @csspart scopes - The \"Searching for\" scopes row.\n * @csspart scope-tag - Each scope tag in the scopes row.\n * @csspart list - The scrollable results list.\n * @csspart empty - The empty state shown when nothing matches.\n * @csspart footer - The footer.\n * @csspart hints - The built-in keyboard-hint row inside the footer.\n *\n * @cssproperty --width - The maximum width of the panel.\n * @cssproperty --max-height - The maximum height of the panel.\n */\n@customElement('nile-command-menu')\nexport class NileCommandMenu extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer');\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n\n  @query('.command') command: HTMLElement;\n  @query('.command__panel') panel: HTMLElement;\n  @query('.command__overlay') overlay: HTMLElement;\n  @query('.command__input') input: HTMLInputElement;\n\n  /** Indicates whether the menu is open. Toggle this attribute, or use `show()` / `hide()`. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Placeholder text shown in the search input. */\n  @property() placeholder = 'Search commands...';\n\n  /** Accessible label for the dialog and the search input. */\n  @property() label = 'Command menu';\n\n  /** Message shown when no items match the current query. Ignored when the `empty` slot is used. */\n  @property({ attribute: true }) noResultsMessage = 'No results found';\n\n  /** The current search value. */\n  @property() value = '';\n\n  /**\n   * When set, the menu does not filter items itself; instead it emits `nile-search` so the host can\n   * manage results. Useful for async/server-side search.\n   */\n  @property({ type: Boolean, attribute: true }) customSearch = false;\n\n  /** Keeps the menu open after an item is selected instead of closing it. */\n  @property({ type: Boolean, attribute: true }) keepOpenOnSelect = false;\n\n  /** Prevents the menu from closing when the overlay is clicked. */\n  @property({ type: Boolean, attribute: true }) preventOverlayClose = false;\n\n  /** Hides the built-in keyboard-hint footer (navigate / select / close). The `footer` slot always overrides it. */\n  @property({ type: Boolean, attribute: true }) noFooterHints = false;\n\n  /**\n   * Active search scopes shown as removable tags in the \"Searching for\" row. Items are filtered so that\n   * only those with no `scope` or whose `scope` matches an active scope are shown. Set via the `scopes`\n   * attribute (comma-separated labels or a JSON array) or the property (array of `{ label, value }`).\n   */\n  @property({ converter: scopesConverter }) scopes: CommandMenuScope[] = [];\n\n  /** Label shown before the scope tags. */\n  @property({ attribute: true }) scopesLabel = 'Searching for';\n\n  /** True when the current query matches no items. */\n  @state() private hasResults = true;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.modal = new Modal(this);\n  }\n\n  firstUpdated() {\n    this.command.hidden = !this.open;\n\n    if (this.open) {\n      this.addOpenListeners();\n      this.modal.activate();\n      lockBodyScrolling(this);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unlockBodyScrolling(this);\n  }\n\n  /** Gets all command items in the menu (across groups), in document order. */\n  private getAllItems(): NileCommandMenuItem[] {\n    return [...this.querySelectorAll<NileCommandMenuItem>('nile-command-menu-item')];\n  }\n\n  /** Gets the items that are currently visible (matching the query) and not disabled. */\n  private getVisibleItems(): NileCommandMenuItem[] {\n    return this.getAllItems().filter(item => !item.hidden && !item.disabled);\n  }\n\n  private getActiveItem(): NileCommandMenuItem | undefined {\n    return this.getVisibleItems().find(item => item.active);\n  }\n\n  private setActiveItem(item: NileCommandMenuItem | undefined) {\n    this.getAllItems().forEach(i => {\n      i.active = i === item;\n    });\n\n    if (item) {\n      if (!item.id) {\n        item.id = `nile-command-menu-item-${++commandMenuItemId}`;\n      }\n      this.input?.setAttribute('aria-activedescendant', item.id);\n      item.scrollIntoView({ block: 'nearest' });\n    } else {\n      this.input?.removeAttribute('aria-activedescendant');\n    }\n  }\n\n  /** Applies the current query to the items, hiding non-matching items and empty groups. */\n  private filterItems() {\n    const items = this.getAllItems();\n\n    if (this.customSearch) {\n      // The host owns visibility; just refresh the empty state and active item.\n      this.hasResults = this.getVisibleItems().length > 0;\n      this.updateGroupVisibility();\n      this.ensureActiveItem();\n      return;\n    }\n\n    const query = this.value.trim().toLowerCase();\n    const activeScopes = this.scopes.map(scope => scope.value);\n\n    items.forEach(item => {\n      const matchesQuery = query.length === 0 || item.getFilterText().includes(query);\n      const matchesScope =\n        activeScopes.length === 0 || !item.scope || activeScopes.includes(item.scope);\n      item.hidden = !(matchesQuery && matchesScope);\n    });\n\n    this.updateGroupVisibility();\n    this.hasResults = this.getVisibleItems().length > 0;\n    this.ensureActiveItem();\n  }\n\n  /** Hides groups that have no visible items. */\n  private updateGroupVisibility() {\n    const groups = [...this.querySelectorAll<NileCommandMenuGroup>('nile-command-menu-group')];\n    groups.forEach(group => {\n      const hasVisibleItem = [\n        ...group.querySelectorAll<NileCommandMenuItem>('nile-command-menu-item'),\n      ].some(item => !item.hidden);\n      group.hidden = !hasVisibleItem;\n    });\n  }\n\n  /** Ensures exactly one visible item is active, defaulting to the first. */\n  private ensureActiveItem() {\n    const visible = this.getVisibleItems();\n    const current = this.getActiveItem();\n\n    if (visible.length === 0) {\n      this.setActiveItem(undefined);\n      return;\n    }\n\n    if (!current || !visible.includes(current)) {\n      this.setActiveItem(visible[0]);\n    }\n  }\n\n  private handleInput(event: Event) {\n    this.value = (event.target as HTMLInputElement).value;\n    this.emit('nile-search', { value: this.value });\n    this.filterItems();\n  }\n\n  @watch('scopes', { waitUntilFirstUpdate: true })\n  handleScopesChange() {\n    this.filterItems();\n  }\n\n  private handleScopeRemove(scope: CommandMenuScope) {\n    this.scopes = this.scopes.filter(s => s.value !== scope.value);\n    this.emit('nile-scope-remove', { scope, scopes: this.scopes });\n    this.filterItems();\n  }\n\n  private handleSlotChange() {\n    this.filterItems();\n  }\n\n  private handlePanelKeyDown(event: KeyboardEvent) {\n    const visible = this.getVisibleItems();\n\n    if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n      if (visible.length === 0) {\n        return;\n      }\n      event.preventDefault();\n\n      const current = this.getActiveItem();\n      let index = current ? visible.indexOf(current) : -1;\n\n      if (event.key === 'ArrowDown') index++;\n      else if (event.key === 'ArrowUp') index--;\n      else if (event.key === 'Home') index = 0;\n      else if (event.key === 'End') index = visible.length - 1;\n\n      if (index < 0) index = visible.length - 1;\n      if (index > visible.length - 1) index = 0;\n\n      this.setActiveItem(visible[index]);\n      return;\n    }\n\n    if (event.key === 'Enter') {\n      const current = this.getActiveItem();\n      if (current) {\n        event.preventDefault();\n        this.selectItem(current);\n      }\n    }\n  }\n\n  private handleListClick(event: MouseEvent) {\n    const item = (event.target as HTMLElement).closest<NileCommandMenuItem>(\n      'nile-command-menu-item'\n    );\n    if (item && !item.disabled) {\n      this.selectItem(item);\n    }\n  }\n\n  private selectItem(item: NileCommandMenuItem) {\n    this.emit('nile-select', { value: item.value, item });\n    if (!this.keepOpenOnSelect) {\n      this.hide();\n    }\n  }\n\n  private requestClose(source: 'overlay' | 'keyboard') {\n    const requestClose = this.emit(\n      'nile-request-close',\n      { source },\n      undefined,\n      undefined,\n      true\n    );\n\n    if (requestClose.defaultPrevented) {\n      return;\n    }\n\n    if (source === 'overlay' && this.preventOverlayClose) {\n      return;\n    }\n\n    this.hide();\n  }\n\n  private addOpenListeners() {\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private removeOpenListeners() {\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.requestClose('keyboard');\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      this.emit('nile-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n      this.modal.activate();\n      lockBodyScrolling(this);\n\n      await stopAnimations(this.command);\n      this.command.hidden = false;\n\n      // Reset query and selection each time the menu opens.\n      this.value = '';\n      this.filterItems();\n\n      requestAnimationFrame(() => {\n        this.input?.focus({ preventScroll: true });\n      });\n\n      const panelAnimation = getAnimation(this, 'command.show', { dir: 'ltr' });\n      const overlayAnimation = getAnimation(this, 'command.overlay.show', { dir: 'ltr' });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options),\n      ]);\n\n      this.emit('nile-after-show');\n    } else {\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n      this.modal.deactivate();\n\n      await stopAnimations(this.command);\n      const panelAnimation = getAnimation(this, 'command.hide', { dir: 'ltr' });\n      const overlayAnimation = getAnimation(this, 'command.overlay.hide', { dir: 'ltr' });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options),\n      ]);\n\n      this.command.hidden = true;\n      unlockBodyScrolling(this);\n\n      const trigger = this.originalTrigger;\n      if (typeof trigger?.focus === 'function') {\n        setTimeout(() => trigger.focus());\n      }\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  /** Renders the \"Searching for\" scopes row when scopes are active. */\n  private renderScopes() {\n    if (this.scopes.length === 0) {\n      return nothing;\n    }\n\n    return html`\n      <div part=\"scopes\" class=\"command__scopes\">\n        <span class=\"command__scopes-label\">${this.scopesLabel}</span>\n        <div class=\"command__scopes-tags\">\n          ${this.scopes.map(\n            scope => html`\n              <nile-tag\n                part=\"scope-tag\"\n                exportparts=\"base:scope-tag__base\"\n                size=\"medium\"\n                variant=\"normal\"\n                pill\n                removable\n                .value=${scope.value}\n                @nile-remove=${() => this.handleScopeRemove(scope)}\n              >\n                ${scope.label}\n              </nile-tag>\n            `\n          )}\n        </div>\n      </div>\n    `;\n  }\n\n  /** Renders the built-in keyboard-hint footer (used as the `footer` slot's fallback content). */\n  private renderHints() {\n    return html`\n      <div part=\"hints\" class=\"command__hints\">\n        <span class=\"command__hint\"><kbd>↑</kbd><kbd>↓</kbd> to navigate</span>\n        <span class=\"command__hint\"><kbd>↵</kbd> to select</span>\n        <span class=\"command__hint\"><kbd>esc</kbd> to close</span>\n      </div>\n    `;\n  }\n\n  /** Shows the command menu. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the command menu. */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          command: true,\n          'command--open': this.open,\n          'command--has-footer':\n            this.hasSlotController.test('footer') || !this.noFooterHints,\n        })}\n      >\n        <div\n          part=\"overlay\"\n          class=\"command__overlay\"\n          tabindex=\"-1\"\n          @click=${() => this.requestClose('overlay')}\n        ></div>\n\n        <div\n          part=\"panel\"\n          class=\"command__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=${this.label}\n          aria-hidden=${this.open ? 'false' : 'true'}\n          @keydown=${this.handlePanelKeyDown}\n        >\n          <div part=\"header\" class=\"command__header\">\n            <span class=\"command__search-icon\" aria-hidden=\"true\">\n              <nile-glyph name=\"search\" size=\"20\" method=\"stroke\"></nile-glyph>\n            </span>\n            <input\n              part=\"input\"\n              class=\"command__input\"\n              type=\"text\"\n              role=\"combobox\"\n              aria-expanded=\"true\"\n              aria-controls=\"command-list\"\n              aria-label=${this.label}\n              autocomplete=\"off\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              spellcheck=\"false\"\n              .value=${this.value}\n              placeholder=${this.placeholder}\n              @input=${this.handleInput}\n            />\n          </div>\n\n          ${this.renderScopes()}\n\n          <div\n            part=\"list\"\n            id=\"command-list\"\n            class=\"command__list\"\n            role=\"listbox\"\n            aria-label=${this.label}\n            @click=${this.handleListClick}\n          >\n            <slot @slotchange=${this.handleSlotChange}></slot>\n\n            <div\n              part=\"empty\"\n              class=${classMap({\n                command__empty: true,\n                'command__empty--visible': !this.hasResults,\n              })}\n            >\n              <slot name=\"empty\">${!this.hasResults ? this.noResultsMessage : nothing}</slot>\n            </div>\n          </div>\n\n          <footer part=\"footer\" class=\"command__footer\">\n            <slot name=\"footer\">\n              ${this.noFooterHints ? nothing : this.renderHints()}\n            </slot>\n          </footer>\n        </div>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('command.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.95 },\n    { opacity: 1, scale: 1 },\n  ],\n  options: { duration: 200, easing: 'ease' },\n});\n\nsetDefaultAnimation('command.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.95 },\n  ],\n  options: { duration: 200, easing: 'ease' },\n});\n\nsetDefaultAnimation('command.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 200 },\n});\n\nsetDefaultAnimation('command.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 200 },\n});\n\nexport default NileCommandMenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-command-menu': NileCommandMenu;\n  }\n}\n"]}

package/dist/src/nile-command-menu/nile-command-menu.test.d.ts

@@ -0,0 +1,3 @@
+import './nile-command-menu';
+import '../nile-command-menu-group/nile-command-menu-group';
+import '../nile-command-menu-item/nile-command-menu-item';