@aceshooting/lyra-ui 4.2.0 → 5.0.0

package/dist/components/layout/carousel/carousel.class.d.ts

@@ -0,0 +1,71 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export interface LyraCarouselEventMap {
+    'lr-slide-change': CustomEvent<{
+        index: number;
+    }>;
+}
+/**
+ * `<lr-carousel>` — an accessible single-slide carousel for arbitrary
+ * slotted content. The index is reflected and self-managed by navigation;
+ * every change emits `lr-slide-change` so applications can persist or
+ * coordinate the active slide.
+ *
+ * @customElement lr-carousel
+ * @slot - Slide elements. Each assigned element becomes one slide.
+ * @event lr-slide-change - Active slide changed. `detail: { index }`.
+ * @csspart base - The carousel landmark.
+ * @csspart viewport - The keyboard-focusable slide viewport.
+ * @csspart track - The slotted slide wrapper.
+ * @csspart controls - Previous/next control row.
+ * @csspart previous-button - Previous slide button.
+ * @csspart previous-glyph - The chevron glyph inside `previous-button`, mirrored under RTL.
+ * @csspart next-button - Next slide button.
+ * @csspart next-glyph - The chevron glyph inside `next-button`, mirrored under RTL.
+ * @csspart indicators - Indicator button group.
+ * @csspart indicator - An individual slide indicator's interactive hit target, sized to the
+ *   shared minimum tappable size (`--lr-icon-button-size`), independent of the smaller visible
+ *   dot rendered inside it (mirrors `<lr-swatch-picker>`'s `[part="swatch"]`/`[part="swatch-fill"]`
+ *   split).
+ * @csspart indicator-dot - The individual indicator's compact visible dot.
+ */
+export declare class LyraCarousel extends LyraElement<LyraCarouselEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    index: number;
+    loop: boolean;
+    autoplay: boolean;
+    autoplayInterval: number;
+    showIndicators: boolean;
+    accessibleLabel: string;
+    private hostAccessibleLabel;
+    private slideSlot?;
+    private timer?;
+    private reduceMotion;
+    private mediaQuery?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    private onMotionPreferenceChange;
+    private slides;
+    /** Read-time-safe view of the reflected `index` property, clamped to `[0, count - 1]` -- `count`
+     *  is the live slotted-slide count, not a static bound, so this re-clamps on every call rather
+     *  than caching. */
+    private normalizedIndex;
+    private syncSlides;
+    private changeTo;
+    next: () => void;
+    previous: () => void;
+    goTo: (index: number) => void;
+    private stopAutoplay;
+    private restartAutoplay;
+    private onSlotChange;
+    private onViewportKeyDown;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-carousel': LyraCarousel;
+    }
+}
+//# sourceMappingURL=carousel.class.d.ts.map

package/dist/components/layout/carousel/carousel.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/carousel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,MAAM,iCAAgC;IAEF,KAAK,SAAK;IACT,IAAI,UAAS;IACb,QAAQ,UAAS;IACD,gBAAgB,SAAQ;IACzB,cAAc,UAAQ;IACpC,eAAe,SAAM;IAC3B,OAAO,CAAC,mBAAmB,CAAuB;IAC1E,OAAO,CAAC,SAAS,CAAC,CAAkB;IAEnD,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAC,CAAiB;IAEpC,iBAAiB,IAAI,IAAI,CAMxB;IAED,oBAAoB,IAAI,IAAI,CAK3B;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAIlD;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAG/C;IAED,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,MAAM;IAMd;;wBAEoB;IACpB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,UAAU,CAqBhB;IAEF,OAAO,CAAC,QAAQ;IAWhB,IAAI,QAAO,IAAI,CAAkC;IACjD,QAAQ,QAAO,IAAI,CAAkC;IACrD,IAAI,UAAW,MAAM,KAAG,IAAI,CAAyB;IAErD,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,iBAAiB,CAiBvB;IAEF,MAAM,IAAI,cAAc,CA+CvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF"}

package/dist/components/layout/carousel/carousel.class.js

@@ -0,0 +1,244 @@
+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, query } from 'lit/decorators.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { finiteDuration, finiteInteger } from '../../../internal/numbers.js';
+import { styles } from './carousel.styles.js';
+/**
+ * `<lr-carousel>` — an accessible single-slide carousel for arbitrary
+ * slotted content. The index is reflected and self-managed by navigation;
+ * every change emits `lr-slide-change` so applications can persist or
+ * coordinate the active slide.
+ *
+ * @customElement lr-carousel
+ * @slot - Slide elements. Each assigned element becomes one slide.
+ * @event lr-slide-change - Active slide changed. `detail: { index }`.
+ * @csspart base - The carousel landmark.
+ * @csspart viewport - The keyboard-focusable slide viewport.
+ * @csspart track - The slotted slide wrapper.
+ * @csspart controls - Previous/next control row.
+ * @csspart previous-button - Previous slide button.
+ * @csspart previous-glyph - The chevron glyph inside `previous-button`, mirrored under RTL.
+ * @csspart next-button - Next slide button.
+ * @csspart next-glyph - The chevron glyph inside `next-button`, mirrored under RTL.
+ * @csspart indicators - Indicator button group.
+ * @csspart indicator - An individual slide indicator's interactive hit target, sized to the
+ *   shared minimum tappable size (`--lr-icon-button-size`), independent of the smaller visible
+ *   dot rendered inside it (mirrors `<lr-swatch-picker>`'s `[part="swatch"]`/`[part="swatch-fill"]`
+ *   split).
+ * @csspart indicator-dot - The individual indicator's compact visible dot.
+ */
+export class LyraCarousel extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.index = 0;
+        this.loop = false;
+        this.autoplay = false;
+        this.autoplayInterval = 5000;
+        this.showIndicators = true;
+        this.accessibleLabel = '';
+        this.hostAccessibleLabel = null;
+        this.reduceMotion = false;
+        this.onMotionPreferenceChange = (event) => {
+            this.reduceMotion = event.matches;
+            this.restartAutoplay();
+        };
+        this.syncSlides = () => {
+            const slides = this.slides();
+            const current = this.normalizedIndex(slides.length);
+            if (this.index !== current)
+                this.index = current;
+            slides.forEach((slide, slideIndex) => {
+                const canUseGroupRole = !['IMG', 'VIDEO', 'AUDIO', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'].includes(slide.tagName);
+                if (canUseGroupRole)
+                    slide.setAttribute('role', 'group');
+                else if (slide.getAttribute('role') === 'group')
+                    slide.removeAttribute('role');
+                slide.setAttribute('aria-roledescription', this.localize('carouselSlide'));
+                slide.setAttribute('aria-label', this.localize('carouselSlidePosition', undefined, {
+                    index: slideIndex + 1,
+                    total: slides.length,
+                }));
+                slide.toggleAttribute('hidden', slideIndex !== current);
+                slide.setAttribute('aria-hidden', slideIndex === current ? 'false' : 'true');
+            });
+        };
+        this.next = () => this.changeTo(this.index + 1);
+        this.previous = () => this.changeTo(this.index - 1);
+        this.goTo = (index) => this.changeTo(index);
+        this.onSlotChange = () => {
+            this.syncSlides();
+            this.restartAutoplay();
+            this.requestUpdate();
+        };
+        this.onViewportKeyDown = (event) => {
+            const rtl = this.effectiveDirection === 'rtl';
+            const forwardKey = rtl ? 'ArrowLeft' : 'ArrowRight';
+            const backwardKey = rtl ? 'ArrowRight' : 'ArrowLeft';
+            if (event.key === forwardKey) {
+                event.preventDefault();
+                this.next();
+            }
+            else if (event.key === backwardKey) {
+                event.preventDefault();
+                this.previous();
+            }
+            else if (event.key === 'Home') {
+                event.preventDefault();
+                this.goTo(0);
+            }
+            else if (event.key === 'End') {
+                event.preventDefault();
+                this.goTo(this.slides().length - 1);
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.mediaQuery = typeof matchMedia === 'function' ? matchMedia('(prefers-reduced-motion: reduce)') : undefined;
+        this.reduceMotion = this.mediaQuery?.matches ?? false;
+        this.mediaQuery?.addEventListener('change', this.onMotionPreferenceChange);
+        this.restartAutoplay();
+    }
+    disconnectedCallback() {
+        this.stopAutoplay();
+        this.mediaQuery?.removeEventListener('change', this.onMotionPreferenceChange);
+        this.mediaQuery = undefined;
+        super.disconnectedCallback();
+    }
+    willUpdate(changed) {
+        if (changed.has('index') && this.slideSlot) {
+            this.index = this.normalizedIndex();
+        }
+    }
+    updated(changed) {
+        if (changed.has('index') || changed.has('loop') || changed.has('showIndicators'))
+            this.syncSlides();
+        if (changed.has('autoplay') || changed.has('autoplayInterval'))
+            this.restartAutoplay();
+    }
+    slides() {
+        return (this.slideSlot?.assignedElements({ flatten: true }) ?? []).filter((element) => element instanceof HTMLElement);
+    }
+    /** Read-time-safe view of the reflected `index` property, clamped to `[0, count - 1]` -- `count`
+     *  is the live slotted-slide count, not a static bound, so this re-clamps on every call rather
+     *  than caching. */
+    normalizedIndex(count = this.slides().length) {
+        if (count === 0)
+            return 0;
+        return finiteInteger(this.index, 0, 0, count - 1);
+    }
+    changeTo(index) {
+        const count = this.slides().length;
+        if (count === 0)
+            return;
+        let next = index;
+        if (this.loop)
+            next = (index + count) % count;
+        else
+            next = Math.min(count - 1, Math.max(0, index));
+        if (next === this.index)
+            return;
+        this.index = next;
+        this.emit('lr-slide-change', { index: next });
+    }
+    stopAutoplay() {
+        if (this.timer !== undefined)
+            window.clearInterval(this.timer);
+        this.timer = undefined;
+    }
+    restartAutoplay() {
+        this.stopAutoplay();
+        if (!this.autoplay || this.reduceMotion || this.slides().length < 2)
+            return;
+        // `autoplayInterval` is a timer duration handed straight to `setInterval` -- floor it at 1s (a
+        // sub-second autoplay interval would fight the transition and hurt usability more than help)
+        // and default a non-finite/`NaN` value to the property's own 5s default.
+        const interval = finiteDuration(this.autoplayInterval, 5000, 1000);
+        this.timer = window.setInterval(() => {
+            if (this.loop || this.index < this.slides().length - 1)
+                this.next();
+            else
+                this.stopAutoplay();
+        }, interval);
+    }
+    render() {
+        const count = this.slides().length;
+        const current = this.normalizedIndex(count);
+        const label = this.hostAccessibleLabel || this.accessibleLabel || this.localize('carouselLabel');
+        const previousLabel = this.localize('previous');
+        const nextLabel = this.localize('next');
+        return html `<section part="base" role="region" aria-roledescription=${this.localize('carousel')} aria-label=${label}>
+      <div
+        part="viewport"
+        role="group"
+        aria-label=${label}
+        tabindex="0"
+        aria-live=${this.autoplay ? 'off' : 'polite'}
+        @keydown=${this.onViewportKeyDown}
+      >
+        <div part="track"><slot @slotchange=${this.onSlotChange}></slot></div>
+      </div>
+      ${count > 1
+            ? html `<div part="controls">
+            <button
+              part="previous-button"
+              type="button"
+              aria-label=${previousLabel}
+              ?disabled=${!this.loop && current === 0}
+              @click=${this.previous}
+            ><span part="previous-glyph" aria-hidden="true">‹</span></button>
+            ${this.showIndicators
+                ? html `<div part="indicators" role="group" aria-label=${this.localize('carouselIndicators')}>
+                  ${Array.from({ length: count }, (_, slideIndex) => html `<button
+                    part="indicator"
+                    type="button"
+                    aria-label=${this.localize('carouselGoTo', undefined, { index: slideIndex + 1 })}
+                    aria-current=${slideIndex === current ? 'true' : 'false'}
+                    @click=${() => this.goTo(slideIndex)}
+                  ><span part="indicator-dot" aria-hidden="true"></span></button>`)}
+                </div>`
+                : nothing}
+            <button
+              part="next-button"
+              type="button"
+              aria-label=${nextLabel}
+              ?disabled=${!this.loop && current === count - 1}
+              @click=${this.next}
+            ><span part="next-glyph" aria-hidden="true">›</span></button>
+          </div>`
+            : nothing}
+    </section>`;
+    }
+}
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraCarousel.prototype, "index", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCarousel.prototype, "loop", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCarousel.prototype, "autoplay", void 0);
+__decorate([
+    property({ type: Number, attribute: 'autoplay-interval' })
+], LyraCarousel.prototype, "autoplayInterval", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-indicators' })
+], LyraCarousel.prototype, "showIndicators", void 0);
+__decorate([
+    property({ attribute: 'accessible-label' })
+], LyraCarousel.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraCarousel.prototype, "hostAccessibleLabel", void 0);
+__decorate([
+    query('slot')
+], LyraCarousel.prototype, "slideSlot", void 0);
+//# sourceMappingURL=carousel.class.js.map

package/dist/components/layout/carousel/carousel.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.class.js","sourceRoot":"","sources":["../../../../src/components/layout/carousel/carousel.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA4C,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAM9C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,YAAa,SAAQ,WAAiC;IAAnE;;QAG6C,UAAK,GAAG,CAAC,CAAC;QACT,SAAI,GAAG,KAAK,CAAC;QACb,aAAQ,GAAG,KAAK,CAAC;QACD,qBAAgB,GAAG,IAAI,CAAC;QACzB,mBAAc,GAAG,IAAI,CAAC;QACpC,oBAAe,GAAG,EAAE,CAAC;QACnB,wBAAmB,GAAkB,IAAI,CAAC;QAIjF,iBAAY,GAAG,KAAK,CAAC;QA6BrB,6BAAwB,GAAG,CAAC,KAA0B,EAAQ,EAAE;YACtE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;YAClC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;QAgBM,eAAU,GAAG,GAAS,EAAE;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACpD,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO;gBAAE,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;YACjD,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;gBACnC,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,QAAQ,CAClG,KAAK,CAAC,OAAO,CACd,CAAC;gBACF,IAAI,eAAe;oBAAE,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;qBACpD,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO;oBAAE,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;gBAC/E,KAAK,CAAC,YAAY,CAAC,sBAAsB,EAAE,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC;gBAC3E,KAAK,CAAC,YAAY,CAChB,YAAY,EACZ,IAAI,CAAC,QAAQ,CAAC,uBAAuB,EAAE,SAAS,EAAE;oBAChD,KAAK,EAAE,UAAU,GAAG,CAAC;oBACrB,KAAK,EAAE,MAAM,CAAC,MAAM;iBACrB,CAAC,CACH,CAAC;gBACF,KAAK,CAAC,eAAe,CAAC,QAAQ,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC;gBACxD,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAC/E,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAaF,SAAI,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACjD,aAAQ,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACrD,SAAI,GAAG,CAAC,KAAa,EAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAoB7C,iBAAY,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,KAAoB,EAAQ,EAAE;YACzD,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,KAAK,KAAK,CAAC;YAC9C,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;YACpD,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;YACrD,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;gBACrC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC;gBAChC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACf,CAAC;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC;IAkDJ,CAAC;aA7LQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAe7C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAChH,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,KAAK,CAAC;QACtD,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAC3E,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,EAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAC9E,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAES,UAAU,CAAC,OAAuB;QAC1C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC3C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACtC,CAAC;IACH,CAAC;IAES,OAAO,CAAC,OAAuB;QACvC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC;YAAE,IAAI,CAAC,UAAU,EAAE,CAAC;QACpG,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;YAAE,IAAI,CAAC,eAAe,EAAE,CAAC;IACzF,CAAC;IAOO,MAAM;QACZ,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CACvE,CAAC,OAAO,EAA0B,EAAE,CAAC,OAAO,YAAY,WAAW,CACpE,CAAC;IACJ,CAAC;IAED;;wBAEoB;IACZ,eAAe,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM;QAClD,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAC1B,OAAO,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IACpD,CAAC;IAyBO,QAAQ,CAAC,KAAa;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC;QACnC,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO;QACxB,IAAI,IAAI,GAAG,KAAK,CAAC;QACjB,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;;YACzC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;QACpD,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK;YAAE,OAAO;QAChC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAChD,CAAC;IAMO,YAAY;QAClB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;YAAE,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/D,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACzB,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QAC5E,+FAA+F;QAC/F,6FAA6F;QAC7F,yEAAyE;QACzE,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YACnC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC;gBAAE,IAAI,CAAC,IAAI,EAAE,CAAC;;gBAC/D,IAAI,CAAC,YAAY,EAAE,CAAC;QAC3B,CAAC,EAAE,QAAQ,CAAC,CAAC;IACf,CAAC;IA2BD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC;QACnC,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACjG,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAChD,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,IAAI,CAAA,2DAA2D,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,eAAe,KAAK;;;;qBAIlG,KAAK;;oBAEN,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;mBACjC,IAAI,CAAC,iBAAiB;;8CAEK,IAAI,CAAC,YAAY;;QAEvD,KAAK,GAAG,CAAC;YACT,CAAC,CAAC,IAAI,CAAA;;;;2BAIa,aAAa;0BACd,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,KAAK,CAAC;uBAC9B,IAAI,CAAC,QAAQ;;cAEtB,IAAI,CAAC,cAAc;gBACnB,CAAC,CAAC,IAAI,CAAA,kDAAkD,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC;oBACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAA;;;iCAGxC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,GAAG,CAAC,EAAE,CAAC;mCACjE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;6BAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;kFAC0B,CAAC;uBAC5D;gBACT,CAAC,CAAC,OAAO;;;;2BAII,SAAS;0BACV,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,KAAK,KAAK,GAAG,CAAC;uBACtC,IAAI,CAAC,IAAI;;iBAEf;YACT,CAAC,CAAC,OAAO;eACF,CAAC;IACd,CAAC;CACF;AA3L4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAW;AACT;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAc;AACb;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAkB;AACD;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDAAyB;AACzB;IAA1D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;oDAAuB;AACpC;IAA5C,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDAAsB;AACnB;IAA9C,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;yDAAmD;AAClE;IAAtB,KAAK,CAAC,MAAM,CAAC;+CAAqC"}

package/dist/components/layout/carousel/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/carousel/carousel.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/layout/carousel/carousel.js

@@ -0,0 +1,5 @@
+import { defineElement } from '../../../internal/prefix.js';
+import { LyraCarousel } from './carousel.class.js';
+defineElement('carousel', LyraCarousel);
+export { LyraCarousel } from './carousel.class.js';
+//# sourceMappingURL=carousel.js.map

package/dist/components/layout/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../src/components/layout/carousel/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/layout/carousel/carousel.styles.d.ts.map

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

package/dist/components/layout/carousel/carousel.styles.js.map

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

package/dist/components/layout/command-palette/command-palette.class.d.ts

@@ -0,0 +1,79 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export interface LyraCommand {
+    id: string;
+    label: string;
+    description?: string;
+    group?: string;
+    shortcut?: string;
+    keywords?: string[];
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface LyraCommandPaletteEventMap {
+    'lr-select': CustomEvent<{
+        command: LyraCommand;
+    }>;
+    'lr-open': CustomEvent<undefined>;
+    'lr-close': CustomEvent<undefined>;
+}
+/** `<lr-command-palette>` — searchable application command menu with keyboard navigation.
+ * Shared overlay infrastructure (the same one `<lr-dialog>` uses) coordinates focus-trapping
+ * Tab, Escape dismissal, and document scroll-locking for as long as the palette is open.
+ * @customElement lr-command-palette
+ * @event lr-select - A command was chosen; detail is `{ command }`.
+ * @event lr-open - The palette opened.
+ * @event lr-close - The palette closed.
+ * @csspart backdrop - Modal backdrop.
+ * @csspart dialog - Palette dialog.
+ * @csspart input - Search input.
+ * @csspart list - Command list.
+ * @csspart command - A command button.
+ */
+export declare class LyraCommandPalette extends LyraElement<LyraCommandPaletteEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    open: boolean;
+    commands: LyraCommand[];
+    shortcut: string;
+    accessibleLabel: string;
+    private queryText;
+    private activeIndex;
+    private listId;
+    private releaseScrollLock?;
+    private overlay?;
+    /** The `commands` array `haystacks` was built from -- reference-keyed memo, since `commands`
+     *  only ever changes by reassignment (it's `attribute: false`; in-place mutation wouldn't
+     *  trigger a re-render either). */
+    private haystacksFor?;
+    private haystacks;
+    /** One lowercased searchable string per command, index-aligned with `commands`. `filtered`
+     *  runs on every keystroke (and every ArrowUp/ArrowDown/Enter), so re-joining and lowercasing
+     *  every row per call would scale with palette size for a result that only changes when the
+     *  command list itself does. */
+    private get searchHaystacks();
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private activateOverlay;
+    openPalette(): void;
+    close(): void;
+    registerCommand(command: LyraCommand): () => void;
+    private matchesShortcut;
+    private onGlobalKeyDown;
+    private get filtered();
+    private select;
+    /** First enabled index at or past `from`, walking in `step` direction; -1 when every row that
+     *  way is disabled (callers then keep the current index, preserving clamp-at-the-ends arrow
+     *  behavior). Keeps the active option off disabled rows so Enter always has a live target. */
+    private seekEnabled;
+    private onKeyDown;
+    private onInput;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-command-palette': LyraCommandPalette;
+    }
+}
+//# sourceMappingURL=command-palette.class.d.ts.map

package/dist/components/layout/command-palette/command-palette.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.class.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/command-palette/command-palette.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAMhE,MAAM,WAAW,WAAW;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAAE;AACpL,MAAM,WAAW,0BAA0B;IAAG,WAAW,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAAC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAAE;AAE1K;;;;;;;;;;;;GAYG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IACD,IAAI,UAAS;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAM;IACjD,QAAQ,SAAW;IACQ,eAAe,SAAM;IACnD,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,WAAW,CAAK;IACjC,OAAO,CAAC,MAAM,CAA0B;IACxC,OAAO,CAAC,iBAAiB,CAAC,CAAa;IACvC,OAAO,CAAC,OAAO,CAAC,CAAgB;IAChC;;uCAEmC;IACnC,OAAO,CAAC,YAAY,CAAC,CAAgB;IACrC,OAAO,CAAC,SAAS,CAAgB;IAEjC;;;oCAGgC;IAChC,OAAO,KAAK,eAAe,GAQ1B;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAYlD;IAID,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAU/C;IAED,iBAAiB,IAAI,IAAI,CAQxB;IAED,oBAAoB,IAAI,IAAI,CAM3B;IAED,OAAO,CAAC,eAAe;IAavB,WAAW,IAAI,IAAI,CAA+J;IAClL,KAAK,IAAI,IAAI,CAAsE;IACnF,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,IAAI,CAAqI;IACtL,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,eAAe,CAAmJ;IAC1K,OAAO,KAAK,QAAQ,GAAoN;IACxO,OAAO,CAAC,MAAM;IACd;;kGAE8F;IAC9F,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,SAAS,CAAohB;IACriB,OAAO,CAAC,OAAO,CAAiK;IAChL,MAAM,IAAI,cAAc,CAavB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,oBAAoB,EAAE,kBAAkB,CAAC;KAAE;CAAE"}

package/dist/components/layout/command-palette/command-palette.class.js

@@ -0,0 +1,191 @@
+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 { nextId } from '../../../internal/a11y.js';
+import { activateOverlay } from '../../../internal/overlay-manager.js';
+import { lockScroll } from '../../../internal/scroll-lock.js';
+import { styles } from './command-palette.styles.js';
+/** `<lr-command-palette>` — searchable application command menu with keyboard navigation.
+ * Shared overlay infrastructure (the same one `<lr-dialog>` uses) coordinates focus-trapping
+ * Tab, Escape dismissal, and document scroll-locking for as long as the palette is open.
+ * @customElement lr-command-palette
+ * @event lr-select - A command was chosen; detail is `{ command }`.
+ * @event lr-open - The palette opened.
+ * @event lr-close - The palette closed.
+ * @csspart backdrop - Modal backdrop.
+ * @csspart dialog - Palette dialog.
+ * @csspart input - Search input.
+ * @csspart list - Command list.
+ * @csspart command - A command button.
+ */
+export class LyraCommandPalette extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.commands = [];
+        this.shortcut = 'mod+k';
+        this.accessibleLabel = '';
+        this.queryText = '';
+        this.activeIndex = 0;
+        this.listId = nextId('command-list');
+        this.haystacks = [];
+        this.onGlobalKeyDown = (event) => { if (this.matchesShortcut(event)) {
+            event.preventDefault();
+            this.open ? this.close() : this.openPalette();
+        } };
+        this.onKeyDown = (event) => { const rows = this.filtered; if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            const next = this.seekEnabled(rows, this.activeIndex + 1, 1);
+            if (next !== -1)
+                this.activeIndex = next;
+        }
+        else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            const previous = this.seekEnabled(rows, this.activeIndex - 1, -1);
+            if (previous !== -1)
+                this.activeIndex = previous;
+        }
+        else if (event.key === 'Enter' && rows[this.activeIndex]) {
+            event.preventDefault();
+            this.select(rows[this.activeIndex]);
+        } };
+        this.onInput = (event) => { this.queryText = event.target.value; this.activeIndex = Math.max(0, this.seekEnabled(this.filtered, 0, 1)); };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** One lowercased searchable string per command, index-aligned with `commands`. `filtered`
+     *  runs on every keystroke (and every ArrowUp/ArrowDown/Enter), so re-joining and lowercasing
+     *  every row per call would scale with palette size for a result that only changes when the
+     *  command list itself does. */
+    get searchHaystacks() {
+        if (this.haystacksFor !== this.commands) {
+            this.haystacksFor = this.commands;
+            this.haystacks = this.commands.map((command) => [command.label, command.description ?? '', command.group ?? '', ...(command.keywords ?? [])].join(' ').toLowerCase());
+        }
+        return this.haystacks;
+    }
+    willUpdate(changed) {
+        if (changed.has('open')) {
+            if (this.open) {
+                this.releaseScrollLock ??= lockScroll(this.ownerDocument);
+                this.activateOverlay();
+            }
+            else {
+                this.releaseScrollLock?.();
+                this.releaseScrollLock = undefined;
+                this.overlay?.deactivate();
+                this.overlay = undefined;
+            }
+        }
+    }
+    // Runs after render so the manager can resolve the rendered [part="dialog"] panel -- mirrors
+    // lr-dialog's/lr-tool-select-dialog's identical ordering rationale.
+    updated(changed) {
+        if (changed.has('open') && this.open) {
+            this.overlay?.focusInitial();
+        }
+        // The list is a fixed-height, scrollable box -- without this, arrowing past its visible rows
+        // moves activeIndex/aria-activedescendant correctly but leaves the highlighted row scrolled
+        // out of view. Mirrors lr-combobox's identical fix for the same shape of listbox.
+        if (changed.has('activeIndex')) {
+            this.renderRoot.querySelector('[part="command"][data-active="true"]')?.scrollIntoView({ block: 'nearest' });
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('keydown', this.onGlobalKeyDown);
+        if (this.hasUpdated && this.open) {
+            this.releaseScrollLock ??= lockScroll(this.ownerDocument);
+            this.activateOverlay();
+            queueMicrotask(() => this.overlay?.focusInitial());
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener('keydown', this.onGlobalKeyDown);
+        this.releaseScrollLock?.();
+        this.releaseScrollLock = undefined;
+        this.overlay?.suspend();
+    }
+    activateOverlay() {
+        if (this.overlay?.isActive()) {
+            this.overlay.resume();
+            return;
+        }
+        this.overlay = activateOverlay({
+            host: this,
+            panel: () => this.shadowRoot?.querySelector('[part="dialog"]') ?? null,
+            onEscape: () => this.close(),
+            onBackdrop: () => this.close(),
+        });
+    }
+    openPalette() { if (this.open)
+        return; this.open = true; this.queryText = ''; this.activeIndex = Math.max(0, this.seekEnabled(this.filtered, 0, 1)); this.emit('lr-open'); }
+    close() { if (!this.open)
+        return; this.open = false; this.emit('lr-close'); }
+    registerCommand(command) { this.commands = [...this.commands, command]; return () => { this.commands = this.commands.filter((item) => item !== command); }; }
+    matchesShortcut(event) {
+        const parts = this.shortcut.toLowerCase().split('+');
+        if (event.key.toLowerCase() !== parts.at(-1))
+            return false;
+        if (event.shiftKey !== parts.includes('shift') || event.altKey !== parts.includes('alt'))
+            return false;
+        if (parts.includes('mod'))
+            return navigator.platform.includes('Mac') ? event.metaKey : event.ctrlKey;
+        return event.ctrlKey === parts.includes('ctrl');
+    }
+    get filtered() { const q = this.queryText.trim().toLowerCase(); if (!q)
+        return this.commands; const haystacks = this.searchHaystacks; return this.commands.filter((_, index) => haystacks[index].includes(q)); }
+    select(command) { if (command.disabled)
+        return; this.emit('lr-select', { command }); command.onSelect?.(); this.close(); }
+    /** First enabled index at or past `from`, walking in `step` direction; -1 when every row that
+     *  way is disabled (callers then keep the current index, preserving clamp-at-the-ends arrow
+     *  behavior). Keeps the active option off disabled rows so Enter always has a live target. */
+    seekEnabled(rows, from, step) {
+        for (let index = from; index >= 0 && index < rows.length; index += step)
+            if (!rows[index].disabled)
+                return index;
+        return -1;
+    }
+    render() {
+        if (!this.open)
+            return html ``;
+        const rows = this.filtered;
+        const activeId = rows.length ? `${this.listId}-opt-${this.activeIndex}` : nothing;
+        let previousGroup = '';
+        return html `<div part="backdrop" @click=${(event) => { if (event.target === event.currentTarget)
+            this.overlay?.dismissBackdrop(); }}>
+      <section part="dialog" role="dialog" aria-modal="true" aria-label=${this.accessibleLabel || this.localize('commandPaletteLabel')} tabindex="-1" @keydown=${this.onKeyDown}>
+        <div part="search"><lr-icon name="search" aria-hidden="true"></lr-icon><input part="input" type="search" .value=${this.queryText} placeholder=${this.localize('commandPalettePlaceholder')} aria-controls=${this.listId} aria-activedescendant=${activeId} @input=${this.onInput} /></div>
+        <div part="list" id=${this.listId} role="listbox" aria-label=${this.localize('commandPaletteResults')}>
+          ${rows.length ? rows.map((command, index) => { const group = command.group ?? ''; const heading = group && group !== previousGroup ? (previousGroup = group, html `<div part="group">${group}</div>`) : nothing; return html `${heading}<button id=${`${this.listId}-opt-${index}`} part="command" role="option" data-active=${index === this.activeIndex ? 'true' : 'false'} aria-selected=${index === this.activeIndex ? 'true' : 'false'} aria-disabled=${command.disabled ? 'true' : 'false'} ?disabled=${command.disabled} @mouseenter=${() => { if (!command.disabled)
+            this.activeIndex = index; }} @click=${() => this.select(command)}><span>${command.label}</span><span part="description">${command.description ?? ''}</span>${command.shortcut ? html `<span part="shortcut">${command.shortcut}</span>` : nothing}</button>`; }) : html `<div part="empty">${this.localize('commandPaletteEmpty')}</div>`}
+        </div>
+      </section>
+    </div>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCommandPalette.prototype, "open", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraCommandPalette.prototype, "commands", void 0);
+__decorate([
+    property()
+], LyraCommandPalette.prototype, "shortcut", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraCommandPalette.prototype, "accessibleLabel", void 0);
+__decorate([
+    state()
+], LyraCommandPalette.prototype, "queryText", void 0);
+__decorate([
+    state()
+], LyraCommandPalette.prototype, "activeIndex", void 0);
+//# sourceMappingURL=command-palette.class.js.map