@aceshooting/lyra-ui 2.12.0 → 2.13.0

package/dist/components/rating/rating.class.js

@@ -0,0 +1,92 @@
+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 } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './rating.styles.js';
+/**
+ * `<lyra-rating>` — a keyboard-accessible star rating control.
+ *
+ * @customElement lyra-rating
+ * @event lyra-change - The rating changed. `detail: { value }`.
+ * @csspart base - The slider-like rating control.
+ * @csspart star - Each visual star.
+ */
+export class LyraRating extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.value = 0;
+        this.max = 5;
+        this.precision = 1;
+        this.readonly = false;
+        this.disabled = false;
+        this.accessibleLabel = '';
+        this.onClick = (event) => {
+            const target = event.target.closest('[data-value]');
+            if (target)
+                this.setValue(Number(target.dataset.value));
+        };
+        this.onKeyDown = (event) => {
+            if (event.key === 'ArrowRight' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                this.setValue(this.value + this.precision);
+            }
+            if (event.key === 'ArrowLeft' || event.key === 'ArrowDown') {
+                event.preventDefault();
+                this.setValue(this.value - this.precision);
+            }
+            if (event.key === 'Home') {
+                event.preventDefault();
+                this.setValue(0);
+            }
+            if (event.key === 'End') {
+                event.preventDefault();
+                this.setValue(this.max);
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    setValue(next) {
+        if (this.readonly || this.disabled)
+            return;
+        const precision = this.precision > 0 ? this.precision : 1;
+        this.value = Math.max(0, Math.min(this.max, Math.round(next / precision) * precision));
+        this.emit('lyra-change', { value: this.value });
+    }
+    render() {
+        const count = Math.max(0, Math.round(this.max));
+        return html `<div part="base" role="slider" tabindex=${this.disabled ? '-1' : '0'}
+      aria-label=${this.getAttribute('aria-label') || this.accessibleLabel || this.localize('rating')}
+      aria-valuemin="0" aria-valuemax=${this.max} aria-valuenow=${this.value}
+      aria-disabled=${this.disabled ? 'true' : 'false'} aria-readonly=${this.readonly ? 'true' : 'false'}
+      @click=${this.onClick} @keydown=${this.onKeyDown}>
+      ${Array.from({ length: count }, (_, index) => {
+            const star = index + 1;
+            return html `<span part="star" data-value=${star} ?data-filled=${this.value >= star} aria-hidden="true">★</span>`;
+        })}
+    </div>`;
+    }
+}
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraRating.prototype, "value", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraRating.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], LyraRating.prototype, "precision", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraRating.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraRating.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraRating.prototype, "accessibleLabel", void 0);
+//# sourceMappingURL=rating.class.js.map

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

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

package/dist/components/rating/rating.d.ts

@@ -0,0 +1,2 @@
+export * from './rating.class.js';
+//# sourceMappingURL=rating.d.ts.map

package/dist/components/rating/rating.d.ts.map

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

package/dist/components/rating/rating.js

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

package/dist/components/rating/rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.js","sourceRoot":"","sources":["../../../src/components/rating/rating.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/rating/rating.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=rating.styles.d.ts.map

package/dist/components/rating/rating.styles.d.ts.map

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

package/dist/components/rating/rating.styles.js

@@ -0,0 +1,10 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: inline-block; color: var(--lyra-color-warning); }
+  [part='base'] { display: inline-flex; align-items: center; gap: var(--lyra-space-xs); min-block-size: var(--lyra-icon-button-size); cursor: pointer; }
+  [part='base']:focus-visible { outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color); outline-offset: var(--lyra-focus-ring-offset); }
+  [part='star'] { display: inline-block; color: var(--lyra-rating-empty-color, var(--lyra-color-border)); font-size: var(--lyra-rating-size, var(--lyra-font-size-xl)); line-height: var(--lyra-line-height-none); }
+  [part='star'][data-filled] { color: var(--lyra-rating-fill, var(--lyra-color-warning)); }
+  :host([disabled]) [part='base'] { cursor: not-allowed; opacity: var(--lyra-opacity-disabled); }
+`;
+//# sourceMappingURL=rating.styles.js.map

package/dist/components/rating/rating.styles.js.map

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

package/dist/components/resize-observer/resize-observer.class.d.ts

@@ -0,0 +1,37 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type ResizeObserverBox = 'content-box' | 'border-box' | 'device-pixel-content-box';
+export interface LyraResizeObserverEventMap {
+    'lyra-resize': CustomEvent<{
+        entries: ResizeObserverEntry[];
+    }>;
+}
+/**
+ * `<lyra-resize-observer>` — observes the first-party or consumer-owned
+ * elements in its default slot and emits typed resize entries. The wrapper has
+ * no visual layout of its own (`display: contents`).
+ *
+ * @customElement lyra-resize-observer
+ * @slot - Elements to observe.
+ * @event lyra-resize - Observed elements changed size.
+ * @csspart base - The non-layout wrapper around the observed slot.
+ */
+export declare class LyraResizeObserver extends LyraElement<LyraResizeObserverEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    disabled: boolean;
+    box: ResizeObserverBox;
+    private observer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    private onSlotChange;
+    private disconnect;
+    private observeTargets;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-resize-observer': LyraResizeObserver;
+    }
+}
+//# sourceMappingURL=resize-observer.class.d.ts.map

package/dist/components/resize-observer/resize-observer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer.class.d.ts","sourceRoot":"","sources":["../../../src/components/resize-observer/resize-observer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,YAAY,GAAG,0BAA0B,CAAC;AAE1F,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA;KAAE,CAAC,CAAC;CAChE;AAED;;;;;;;;;GASG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IAED,QAAQ,UAAS;IAChC,GAAG,EAAE,iBAAiB,CAAiB;IAEpE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAElC,iBAAiB,IAAI,IAAI,CAGxB;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAE/C;IAED,OAAO,CAAC,YAAY,CAAqC;IAEzD,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,cAAc,CAcpB;IAEF,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/components/resize-observer/resize-observer.class.js

@@ -0,0 +1,74 @@
+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 { styles } from './resize-observer.styles.js';
+/**
+ * `<lyra-resize-observer>` — observes the first-party or consumer-owned
+ * elements in its default slot and emits typed resize entries. The wrapper has
+ * no visual layout of its own (`display: contents`).
+ *
+ * @customElement lyra-resize-observer
+ * @slot - Elements to observe.
+ * @event lyra-resize - Observed elements changed size.
+ * @csspart base - The non-layout wrapper around the observed slot.
+ */
+export class LyraResizeObserver extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.box = 'content-box';
+        this.onSlotChange = () => this.observeTargets();
+        this.observeTargets = () => {
+            this.disconnect();
+            if (this.disabled)
+                return;
+            const slot = this.renderRoot.querySelector('slot');
+            const targets = slot?.assignedElements({ flatten: true }).filter((element) => element instanceof Element) ?? [];
+            if (targets.length === 0 || typeof ResizeObserver === 'undefined')
+                return;
+            this.observer = new ResizeObserver((entries) => this.emit('lyra-resize', { entries: [...entries] }));
+            for (const target of targets) {
+                try {
+                    this.observer.observe(target, { box: this.box });
+                }
+                catch {
+                    this.observer.observe(target);
+                }
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('slotchange', this.onSlotChange);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('slotchange', this.onSlotChange);
+        this.disconnect();
+        super.disconnectedCallback();
+    }
+    updated(changed) {
+        if (changed.has('disabled') || changed.has('box'))
+            queueMicrotask(this.observeTargets);
+    }
+    disconnect() {
+        this.observer?.disconnect();
+        this.observer = undefined;
+    }
+    render() {
+        return html `<span part="base"><slot @slotchange=${this.onSlotChange}></slot></span>`;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraResizeObserver.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraResizeObserver.prototype, "box", void 0);
+//# sourceMappingURL=resize-observer.class.js.map

package/dist/components/resize-observer/resize-observer.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer.class.js","sourceRoot":"","sources":["../../../src/components/resize-observer/resize-observer.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAQrD;;;;;;;;;GASG;AACH,MAAM,OAAO,kBAAmB,SAAQ,WAAuC;IAA/E;;QAG8C,aAAQ,GAAG,KAAK,CAAC;QAChC,QAAG,GAAsB,aAAa,CAAC;QAmB5D,iBAAY,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAOjD,mBAAc,GAAG,GAAS,EAAE;YAClC,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YACnD,MAAM,OAAO,GAAG,IAAI,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAsB,EAAE,CAAC,OAAO,YAAY,OAAO,CAAC,IAAI,EAAE,CAAC;YACpI,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,cAAc,KAAK,WAAW;gBAAE,OAAO;YAC1E,IAAI,CAAC,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;YACrG,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;gBAC7B,IAAI,CAAC;oBACH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;gBACnD,CAAC;gBAAC,MAAM,CAAC;oBACP,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IAKJ,CAAC;aAhDQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAO7C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1D,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAES,OAAO,CAAC,OAAuB;QACvC,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,cAAc,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACzF,CAAC;IAIO,UAAU;QAChB,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC5B,CAAC;IAkBD,MAAM;QACJ,OAAO,IAAI,CAAA,uCAAuC,IAAI,CAAC,YAAY,iBAAiB,CAAC;IACvF,CAAC;CACF;AA9C6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAkB;AAChC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAwC"}

package/dist/components/resize-observer/resize-observer.d.ts

@@ -0,0 +1,2 @@
+export * from './resize-observer.class.js';
+//# sourceMappingURL=resize-observer.d.ts.map

package/dist/components/resize-observer/resize-observer.d.ts.map

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

package/dist/components/resize-observer/resize-observer.js

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

package/dist/components/resize-observer/resize-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer.js","sourceRoot":"","sources":["../../../src/components/resize-observer/resize-observer.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/components/resize-observer/resize-observer.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=resize-observer.styles.d.ts.map

package/dist/components/resize-observer/resize-observer.styles.d.ts.map

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

package/dist/components/resize-observer/resize-observer.styles.js

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: contents;
+  }
+
+  [part='base'] {
+    display: contents;
+  }
+`;
+//# sourceMappingURL=resize-observer.styles.js.map

package/dist/components/resize-observer/resize-observer.styles.js.map

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

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

@@ -0,0 +1,54 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export type ScrollerOrientation = 'horizontal' | 'vertical';
+export interface LyraScrollerEventMap {
+    'lyra-scroll': CustomEvent<{
+        scrollStart: boolean;
+        scrollEnd: boolean;
+        scrollLeft: number;
+        scrollTop: number;
+    }>;
+}
+/**
+ * `<lyra-scroller>` — a responsive overflow surface with optional previous
+ * and next controls. Content remains in the default slot, so cards, tabs, and
+ * any consumer-owned interactive elements retain their own semantics.
+ *
+ * @customElement lyra-scroller
+ * @slot - Scrollable content.
+ * @event lyra-scroll - The scroll position or available edge changed.
+ * @csspart base - The overall scroller layout.
+ * @csspart viewport - The native scroll container.
+ * @csspart content - The slotted content wrapper.
+ * @csspart previous - The previous/start control.
+ * @csspart next - The next/end control.
+ * @cssprop --lyra-scroller-control-size - Control size.
+ * @cssprop --lyra-scroller-min-block-size - Minimum vertical scroller size.
+ */
+export declare class LyraScroller extends LyraElement<LyraScrollerEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    orientation: ScrollerOrientation;
+    controls: boolean;
+    hideScrollbar: boolean;
+    scrollStep: number;
+    label: string;
+    private canScrollStart;
+    private canScrollEnd;
+    private viewport?;
+    private resizeObserver?;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    private edgeDetail;
+    private updateEdges;
+    private onScroll;
+    private scrollByDirection;
+    private scrollToEdge;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-scroller': LyraScroller;
+    }
+}
+//# sourceMappingURL=scroller.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroller.class.d.ts","sourceRoot":"","sources":["../../../src/components/scroller/scroller.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,WAAW,CAAC;QACzB,WAAW,EAAE,OAAO,CAAC;QACrB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;CACJ;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,MAAM,iCAAgC;IAEhB,WAAW,EAAE,mBAAmB,CAAgB;IACjC,QAAQ,UAAS;IACY,aAAa,UAAS;IACzC,UAAU,SAAK;IACzD,KAAK,SAAM;IAEd,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,YAAY,CAAS;IACV,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC3D,OAAO,CAAC,cAAc,CAAC,CAAiB;IAExC,YAAY,IAAI,IAAI,CAKnB;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAE/C;IAED,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,QAAQ,CAAkC;IAElD,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,YAAY;IAapB,MAAM,IAAI,cAAc,CAQvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/scroller/scroller.class.js

@@ -0,0 +1,138 @@
+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, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './scroller.styles.js';
+/**
+ * `<lyra-scroller>` — a responsive overflow surface with optional previous
+ * and next controls. Content remains in the default slot, so cards, tabs, and
+ * any consumer-owned interactive elements retain their own semantics.
+ *
+ * @customElement lyra-scroller
+ * @slot - Scrollable content.
+ * @event lyra-scroll - The scroll position or available edge changed.
+ * @csspart base - The overall scroller layout.
+ * @csspart viewport - The native scroll container.
+ * @csspart content - The slotted content wrapper.
+ * @csspart previous - The previous/start control.
+ * @csspart next - The next/end control.
+ * @cssprop --lyra-scroller-control-size - Control size.
+ * @cssprop --lyra-scroller-min-block-size - Minimum vertical scroller size.
+ */
+export class LyraScroller extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.orientation = 'horizontal';
+        this.controls = false;
+        this.hideScrollbar = false;
+        this.scrollStep = 0;
+        this.label = '';
+        this.canScrollStart = false;
+        this.canScrollEnd = false;
+        this.updateEdges = () => {
+            const detail = this.edgeDetail();
+            const changed = detail.scrollStart !== this.canScrollStart || detail.scrollEnd !== this.canScrollEnd;
+            this.canScrollStart = detail.scrollStart;
+            this.canScrollEnd = detail.scrollEnd;
+            if (changed)
+                this.emit('lyra-scroll', detail);
+        };
+        this.onScroll = () => this.updateEdges();
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    firstUpdated() {
+        this.resizeObserver = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(this.updateEdges);
+        this.resizeObserver?.observe(this);
+        this.resizeObserver?.observe(this.viewport);
+        queueMicrotask(this.updateEdges);
+    }
+    disconnectedCallback() {
+        this.resizeObserver?.disconnect();
+        this.resizeObserver = undefined;
+        super.disconnectedCallback();
+    }
+    updated(changed) {
+        if (changed.has('orientation') || changed.has('controls'))
+            queueMicrotask(this.updateEdges);
+    }
+    edgeDetail() {
+        const viewport = this.viewport;
+        if (!viewport)
+            return { scrollStart: false, scrollEnd: false, scrollLeft: 0, scrollTop: 0 };
+        const horizontal = this.orientation === 'horizontal';
+        const max = horizontal ? Math.max(0, viewport.scrollWidth - viewport.clientWidth) : Math.max(0, viewport.scrollHeight - viewport.clientHeight);
+        const position = horizontal ? viewport.scrollLeft : viewport.scrollTop;
+        const rtl = horizontal && this.effectiveDirection === 'rtl';
+        const startPosition = rtl ? max - position : position;
+        return {
+            scrollStart: startPosition <= 1,
+            scrollEnd: startPosition >= max - 1,
+            scrollLeft: viewport.scrollLeft,
+            scrollTop: viewport.scrollTop,
+        };
+    }
+    scrollByDirection(direction) {
+        const viewport = this.viewport;
+        if (!viewport)
+            return;
+        const horizontal = this.orientation === 'horizontal';
+        const amount = this.scrollStep > 0
+            ? this.scrollStep
+            : horizontal ? Math.max(1, viewport.clientWidth * 0.8) : Math.max(1, viewport.clientHeight * 0.8);
+        const physicalDirection = horizontal && this.effectiveDirection === 'rtl' ? -direction : direction;
+        viewport.scrollBy(horizontal ? { left: amount * physicalDirection } : { top: amount * direction });
+    }
+    scrollToEdge(edge) {
+        const viewport = this.viewport;
+        if (!viewport)
+            return;
+        const horizontal = this.orientation === 'horizontal';
+        if (horizontal) {
+            const max = Math.max(0, viewport.scrollWidth - viewport.clientWidth);
+            const rtl = this.effectiveDirection === 'rtl';
+            viewport.scrollTo({ left: edge === 'start' ? (rtl ? max : 0) : (rtl ? 0 : max) });
+        }
+        else {
+            viewport.scrollTo({ top: edge === 'start' ? 0 : viewport.scrollHeight });
+        }
+    }
+    render() {
+        const label = this.label || this.getAttribute('aria-label') || this.localize('scrollerLabel');
+        const vertical = this.orientation === 'vertical';
+        return html `<div part="base" role="region" aria-label=${label}>
+      ${this.controls ? html `<button part="control previous" type="button" aria-label=${this.localize('scrollPrevious')} ?disabled=${this.canScrollStart} @click=${() => this.scrollByDirection(-1)} @dblclick=${() => this.scrollToEdge('start')}>${vertical ? '↑' : '‹'}</button>` : nothing}
+      <div part="viewport" tabindex="0" @scroll=${this.onScroll}><div part="content"><slot @slotchange=${this.updateEdges}></slot></div></div>
+      ${this.controls ? html `<button part="control next" type="button" aria-label=${this.localize('scrollNext')} ?disabled=${this.canScrollEnd} @click=${() => this.scrollByDirection(1)} @dblclick=${() => this.scrollToEdge('end')}>${vertical ? '↓' : '›'}</button>` : nothing}
+    </div>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraScroller.prototype, "orientation", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraScroller.prototype, "controls", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-scrollbar', reflect: true })
+], LyraScroller.prototype, "hideScrollbar", void 0);
+__decorate([
+    property({ type: Number, attribute: 'scroll-step' })
+], LyraScroller.prototype, "scrollStep", void 0);
+__decorate([
+    property()
+], LyraScroller.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraScroller.prototype, "canScrollStart", void 0);
+__decorate([
+    state()
+], LyraScroller.prototype, "canScrollEnd", void 0);
+__decorate([
+    query('[part="viewport"]')
+], LyraScroller.prototype, "viewport", void 0);
+//# sourceMappingURL=scroller.class.js.map

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

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

package/dist/components/scroller/scroller.d.ts

@@ -0,0 +1,2 @@
+export * from './scroller.class.js';
+//# sourceMappingURL=scroller.d.ts.map

package/dist/components/scroller/scroller.d.ts.map

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

package/dist/components/scroller/scroller.js

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

package/dist/components/scroller/scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroller.js","sourceRoot":"","sources":["../../../src/components/scroller/scroller.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/scroller/scroller.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=scroller.styles.d.ts.map

package/dist/components/scroller/scroller.styles.d.ts.map

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

package/dist/components/scroller/scroller.styles.js

@@ -0,0 +1,94 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    min-inline-size: 0;
+    max-inline-size: 100%;
+  }
+
+  [part='base'] {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+    min-inline-size: 0;
+  }
+
+  [part='viewport'] {
+    min-inline-size: 0;
+    overflow: auto;
+    overscroll-behavior-inline: contain;
+    scroll-behavior: smooth;
+    scrollbar-width: auto;
+  }
+
+  :host([hide-scrollbar]) [part='viewport'] {
+    scrollbar-width: none;
+  }
+
+  :host([hide-scrollbar]) [part='viewport']::-webkit-scrollbar {
+    display: none;
+  }
+
+  [part='content'] {
+    display: flex;
+    gap: var(--lyra-space-s);
+    min-inline-size: max-content;
+  }
+
+  :host([orientation='vertical']) [part='base'] {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: auto minmax(0, 1fr) auto;
+    min-block-size: var(--lyra-scroller-min-block-size, var(--lyra-size-10rem));
+  }
+
+  :host([orientation='vertical']) [part='viewport'],
+  :host([orientation='vertical']) [part='content'] {
+    block-size: 100%;
+  }
+
+  :host([orientation='vertical']) [part='content'] {
+    flex-direction: column;
+    min-block-size: max-content;
+    min-inline-size: 100%;
+  }
+
+  [part='control'] {
+    display: inline-grid;
+    place-items: center;
+    inline-size: var(--lyra-scroller-control-size, var(--lyra-size-2rem));
+    block-size: var(--lyra-scroller-control-size, var(--lyra-size-2rem));
+    padding: 0;
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius-xs);
+    background: var(--lyra-color-surface);
+    color: var(--lyra-color-text);
+    cursor: pointer;
+  }
+
+  [part='control']:disabled {
+    cursor: default;
+    opacity: var(--lyra-opacity-disabled);
+  }
+
+  [part='control']:focus-visible,
+  [part='viewport']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+
+  :host([orientation='vertical']) [part='previous'] {
+    grid-row: 1;
+  }
+
+  :host([orientation='vertical']) [part='next'] {
+    grid-row: 3;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    [part='viewport'] {
+      scroll-behavior: auto;
+    }
+  }
+`;
+//# sourceMappingURL=scroller.styles.js.map