@aceshooting/lyra-ui 2.11.0 → 2.13.0

package/dist/components/callout/callout.class.js

@@ -0,0 +1,85 @@
+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 { styles } from './callout.styles.js';
+/**
+ * `<lyra-callout>` — an inline message surface for status, warning, and error content.
+ *
+ * @customElement lyra-callout
+ * @slot - Message content.
+ * @slot heading - Optional heading.
+ * @slot icon - Optional icon.
+ * @event lyra-close - The close action was accepted. Cancelable before the callout hides.
+ * @csspart base - The callout surface.
+ * @csspart icon - The icon wrapper.
+ * @csspart content - The message content.
+ * @csspart heading - The heading wrapper.
+ * @csspart close-button - The close button.
+ */
+export class LyraCallout extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'neutral';
+        this.heading = '';
+        this.closable = false;
+        this.open = true;
+        this.accessibleLabel = '';
+        this.hasIcon = false;
+        this.hasHeading = false;
+        this.close = () => {
+            const event = this.emit('lyra-close', undefined, { cancelable: true });
+            if (!event.defaultPrevented)
+                this.open = false;
+        };
+        this.onSlotChange = (event) => {
+            const slot = event.target;
+            const present = slot.assignedElements({ flatten: true }).length > 0;
+            if (slot.name === 'icon')
+                this.hasIcon = present;
+            if (slot.name === 'heading')
+                this.hasHeading = present;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() {
+        if (!this.open)
+            return html ``;
+        const label = this.accessibleLabel || undefined;
+        return html `<div part="base" role="${this.variant === 'danger' ? 'alert' : 'status'}" aria-label=${label || nothing}>
+      <span part="icon" ?hidden=${!this.hasIcon}><slot name="icon" @slotchange=${this.onSlotChange}></slot></span>
+      <div part="content">
+        <div part="heading" ?hidden=${!this.heading && !this.hasHeading}>${this.heading}<slot name="heading" @slotchange=${this.onSlotChange}></slot></div>
+        <div part="message"><slot></slot></div>
+      </div>
+      <button part="close-button" ?hidden=${!this.closable} aria-label=${this.localize('close')} @click=${this.close}>×</button>
+    </div>`;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraCallout.prototype, "variant", void 0);
+__decorate([
+    property()
+], LyraCallout.prototype, "heading", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCallout.prototype, "closable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCallout.prototype, "open", void 0);
+__decorate([
+    property({ attribute: 'accessible-label' })
+], LyraCallout.prototype, "accessibleLabel", void 0);
+__decorate([
+    state()
+], LyraCallout.prototype, "hasIcon", void 0);
+__decorate([
+    state()
+], LyraCallout.prototype, "hasHeading", void 0);
+//# sourceMappingURL=callout.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callout.class.js","sourceRoot":"","sources":["../../../src/components/callout/callout.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,WAAY,SAAQ,WAAgC;IAAjE;;QAE+B,YAAO,GAAmB,SAAS,CAAC;QACrD,YAAO,GAAG,EAAE,CAAC;QACmB,aAAQ,GAAG,KAAK,CAAC;QACjB,SAAI,GAAG,IAAI,CAAC;QACX,oBAAe,GAAG,EAAE,CAAC;QACjD,YAAO,GAAG,KAAK,CAAC;QAChB,eAAU,GAAG,KAAK,CAAC;QAC5B,UAAK,GAAG,GAAS,EAAE;YACzB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;YACvE,IAAI,CAAC,KAAK,CAAC,gBAAgB;gBAAE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACjD,CAAC,CAAC;QACM,iBAAY,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC7C,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YACpE,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;gBAAE,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACjD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;gBAAE,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QACzD,CAAC,CAAC;IAaJ,CAAC;aA9BQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAkB7C,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,SAAS,CAAC;QAChD,OAAO,IAAI,CAAA,0BAA0B,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,gBAAgB,KAAK,IAAI,OAAO;kCACrF,CAAC,IAAI,CAAC,OAAO,kCAAkC,IAAI,CAAC,YAAY;;sCAE5D,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,oCAAoC,IAAI,CAAC,YAAY;;;4CAGhG,CAAC,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,IAAI,CAAC,KAAK;WACzG,CAAC;IACV,CAAC;CACF;AA7B8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAqC;AACrD;IAAX,QAAQ,EAAE;4CAAc;AACmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAa;AACX;IAA5C,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;oDAAsB;AACjD;IAAhB,KAAK,EAAE;4CAAyB;AAChB;IAAhB,KAAK,EAAE;+CAA4B"}

package/dist/components/callout/callout.d.ts

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

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

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

package/dist/components/callout/callout.js

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

package/dist/components/callout/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/components/callout/callout.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC"}

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

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

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

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

package/dist/components/callout/callout.styles.js

@@ -0,0 +1,16 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; }
+  [part='base'] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--lyra-space-s); padding: var(--lyra-space-m); border: var(--lyra-border-width-thin) solid var(--lyra-callout-border, var(--lyra-color-border)); border-radius: var(--lyra-radius-xs); background: var(--lyra-callout-background, var(--lyra-color-surface)); color: var(--lyra-callout-color, var(--lyra-color-text)); }
+  :host([variant='brand']) { --lyra-callout-background: var(--lyra-color-brand-quiet); --lyra-callout-color: var(--lyra-color-brand); --lyra-callout-border: var(--lyra-color-brand); }
+  :host([variant='success']) { --lyra-callout-background: var(--lyra-color-success-quiet); --lyra-callout-color: var(--lyra-color-success); --lyra-callout-border: var(--lyra-color-success); }
+  :host([variant='warning']) { --lyra-callout-background: var(--lyra-color-warning-quiet); --lyra-callout-color: var(--lyra-color-warning); --lyra-callout-border: var(--lyra-color-warning); }
+  :host([variant='danger']) { --lyra-callout-background: var(--lyra-color-danger-quiet); --lyra-callout-color: var(--lyra-color-danger); --lyra-callout-border: var(--lyra-color-danger); }
+  [part='icon'] { display: inline-flex; font-size: var(--lyra-font-size-lg); line-height: var(--lyra-line-height-none); }
+  [part='icon'][hidden], [part='close-button'][hidden] { display: none; }
+  [part='heading'] { margin-block-end: var(--lyra-space-xs); font-weight: var(--lyra-font-weight-semibold); }
+  [part='content'] { min-inline-size: 0; }
+  [part='close-button'] { display: inline-flex; align-items: center; justify-content: center; min-inline-size: var(--lyra-icon-button-size); min-block-size: var(--lyra-icon-button-size); border: 0; border-radius: var(--lyra-radius-pill); background: transparent; color: inherit; cursor: pointer; }
+  [part='close-button']:focus-visible { outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color); outline-offset: var(--lyra-focus-ring-offset); }
+`;
+//# sourceMappingURL=callout.styles.js.map

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

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

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

@@ -7,6 +7,9 @@ export type CardAppearance = 'accent' | 'filled' | 'outlined' | 'filled-outlined
  * direct `<lyra-*>` counterpart to `<wa-card>`'s contract, staying slot-compatible with
  * `lyra-result-card` where they overlap.
  *
+ * The header is allocation-responsive: long or translated header content can shrink and wrap,
+ * and the actions group moves onto another line when both no longer fit side by side.
+ *
  * @customElement lyra-card
  * @slot - The card body.
  * @slot header - Header row content, rendered above the body.

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

@@ -1 +1 @@
-{"version":3,"file":"card.class.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.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,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,iBAAiB,GAAG,OAAO,CAAC;AAE5F;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,iCAAgC;IAE7C;2FACuF;IAC1D,UAAU,EAAE,cAAc,CAAc;IAErE;;;kBAGc;IAC8B,WAAW,UAAS;IAEhE;+FAC2F;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAS;IAExC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQlD;IAED,OAAO,CAAC,kBAAkB,CAExB;IACF,OAAO,CAAC,iBAAiB,CAEvB;IACF,OAAO,CAAC,kBAAkB,CAExB;IACF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,MAAM,IAAI,cAAc,CAoBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"card.class.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.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,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,iBAAiB,GAAG,OAAO,CAAC;AAE5F;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,QAAS,SAAQ,WAAW;IACvC,MAAM,CAAC,MAAM,iCAAgC;IAE7C;2FACuF;IAC1D,UAAU,EAAE,cAAc,CAAc;IAErE;;;kBAGc;IAC8B,WAAW,UAAS;IAEhE;+FAC2F;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,cAAc,CAAS;IAExC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQlD;IAED,OAAO,CAAC,kBAAkB,CAExB;IACF,OAAO,CAAC,iBAAiB,CAEvB;IACF,OAAO,CAAC,kBAAkB,CAExB;IACF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,MAAM,IAAI,cAAc,CAoBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/card/card.class.js

@@ -14,6 +14,9 @@ import { styles } from './card.styles.js';
  * direct `<lyra-*>` counterpart to `<wa-card>`'s contract, staying slot-compatible with
  * `lyra-result-card` where they overlap.
  *
+ * The header is allocation-responsive: long or translated header content can shrink and wrap,
+ * and the actions group moves onto another line when both no longer fit side by side.
+ *
  * @customElement lyra-card
  * @slot - The card body.
  * @slot header - Header row content, rendered above the body.

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

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

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

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

package/dist/components/card/card.styles.js

@@ -50,11 +50,18 @@ export const styles = css `
   }
   [part='header'] {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
+    min-inline-size: 0;
     gap: var(--lyra-space-s);
     padding: var(--lyra-space-s) var(--lyra-space-m);
     border-block-end: var(--lyra-border-width-thin) solid var(--lyra-color-border);
   }
+  ::slotted([slot='header']) {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
+  }
   [part='actions'] {
     display: flex;
     align-items: center;

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

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

package/dist/components/carousel/carousel-item.class.d.ts

@@ -0,0 +1,21 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+/**
+ * `<lyra-carousel-item>` — an optional semantic wrapper for one child of
+ * `<lyra-carousel>`. A carousel also accepts arbitrary slotted elements, so
+ * this element is convenience syntax for migrations and for consistent item styling.
+ *
+ * @customElement lyra-carousel-item
+ * @slot - Slide content.
+ * @csspart base - The slide wrapper.
+ */
+export declare class LyraCarouselItem extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-carousel-item': LyraCarouselItem;
+    }
+}
+//# sourceMappingURL=carousel-item.class.d.ts.map

package/dist/components/carousel/carousel-item.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.class.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAG7D;;;;;;;;GAQG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,CAAC,MAAM,iCAAgC;IAE7C,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/carousel/carousel-item.class.js

@@ -0,0 +1,19 @@
+import { html } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './carousel-item.styles.js';
+/**
+ * `<lyra-carousel-item>` — an optional semantic wrapper for one child of
+ * `<lyra-carousel>`. A carousel also accepts arbitrary slotted elements, so
+ * this element is convenience syntax for migrations and for consistent item styling.
+ *
+ * @customElement lyra-carousel-item
+ * @slot - Slide content.
+ * @csspart base - The slide wrapper.
+ */
+export class LyraCarouselItem extends LyraElement {
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() {
+        return html `<div part="base"><slot></slot></div>`;
+    }
+}
+//# sourceMappingURL=carousel-item.class.js.map

package/dist/components/carousel/carousel-item.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.class.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-item.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,OAAO,gBAAiB,SAAQ,WAAW;aACxC,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE7C,MAAM;QACJ,OAAO,IAAI,CAAA,sCAAsC,CAAC;IACpD,CAAC;CACF"}

package/dist/components/carousel/carousel-item.d.ts

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

package/dist/components/carousel/carousel-item.d.ts.map

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

package/dist/components/carousel/carousel-item.js

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

package/dist/components/carousel/carousel-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-item.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-item.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/carousel/carousel-item.styles.d.ts

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

package/dist/components/carousel/carousel-item.styles.d.ts.map

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

package/dist/components/carousel/carousel-item.styles.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    min-inline-size: 0;
+  }
+
+  [part='base'] {
+    min-inline-size: 0;
+  }
+`;
+//# sourceMappingURL=carousel-item.styles.js.map

package/dist/components/carousel/carousel-item.styles.js.map

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

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

@@ -0,0 +1,61 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export interface LyraCarouselEventMap {
+    'lyra-slide-change': CustomEvent<{
+        index: number;
+    }>;
+}
+/**
+ * `<lyra-carousel>` — an accessible single-slide carousel for arbitrary
+ * slotted content. The index is reflected and self-managed by navigation;
+ * every change emits `lyra-slide-change` so applications can persist or
+ * coordinate the active slide.
+ *
+ * @customElement lyra-carousel
+ * @slot - Slide elements. Each assigned element becomes one slide.
+ * @event lyra-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 next-button - Next slide button.
+ * @csspart indicators - Indicator button group.
+ * @csspart indicator - An individual slide indicator.
+ */
+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 updated(changed: PropertyValues): void;
+    private onMotionPreferenceChange;
+    private slides;
+    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 {
+        'lyra-carousel': LyraCarousel;
+    }
+}
+//# sourceMappingURL=carousel.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.class.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.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,WAAW,oBAAoB;IACnC,mBAAmB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACrD;AAED;;;;;;;;;;;;;;;;;GAiBG;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,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAG/C;IAED,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,MAAM;IAMd,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;IAUvB,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,iBAAiB,CAcvB;IAEF,MAAM,IAAI,cAAc,CA+CvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

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

@@ -0,0 +1,223 @@
+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 { styles } from './carousel.styles.js';
+/**
+ * `<lyra-carousel>` — an accessible single-slide carousel for arbitrary
+ * slotted content. The index is reflected and self-managed by navigation;
+ * every change emits `lyra-slide-change` so applications can persist or
+ * coordinate the active slide.
+ *
+ * @customElement lyra-carousel
+ * @slot - Slide elements. Each assigned element becomes one slide.
+ * @event lyra-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 next-button - Next slide button.
+ * @csspart indicators - Indicator button group.
+ * @csspart indicator - An individual slide indicator.
+ */
+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) => {
+            if (event.key === 'ArrowRight' || (event.key === 'ArrowLeft' && this.effectiveDirection === 'rtl')) {
+                event.preventDefault();
+                this.next();
+            }
+            else if (event.key === 'ArrowLeft' || (event.key === 'ArrowRight' && this.effectiveDirection === 'rtl')) {
+                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();
+    }
+    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);
+    }
+    normalizedIndex(count = this.slides().length) {
+        if (count === 0)
+            return 0;
+        return Math.min(count - 1, Math.max(0, Number.isFinite(this.index) ? Math.trunc(this.index) : 0));
+    }
+    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('lyra-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;
+        const interval = Number.isFinite(this.autoplayInterval) ? Math.max(1000, this.autoplayInterval) : 5000;
+        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"
+        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}
+            >‹</button>
+            ${this.showIndicators
+                ? html `<div part="indicators" role="tablist" aria-label=${this.localize('carouselIndicators')}>
+                  ${Array.from({ length: count }, (_, slideIndex) => html `<button
+                    part="indicator"
+                    type="button"
+                    role="tab"
+                    aria-label=${this.localize('carouselGoTo', undefined, { index: slideIndex + 1 })}
+                    aria-selected=${slideIndex === current ? 'true' : 'false'}
+                    aria-current=${slideIndex === current ? 'true' : 'false'}
+                    @click=${() => this.goTo(slideIndex)}
+                  ></button>`)}
+                </div>`
+                : nothing}
+            <button
+              part="next-button"
+              type="button"
+              aria-label=${nextLabel}
+              ?disabled=${!this.loop && current === count - 1}
+              @click=${this.next}
+            >›</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/carousel/carousel.class.js.map

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

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

@@ -0,0 +1,3 @@
+export { LyraCarousel } from './carousel.class.js';
+export type { LyraCarouselEventMap } from './carousel.class.js';
+//# sourceMappingURL=carousel.d.ts.map

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

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

package/dist/components/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