@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/media/zoomable-frame/zoomable-frame.class.js

@@ -0,0 +1,153 @@
+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 { safeMediaSrc } from '../../../internal/safe-url.js';
+import { finiteRange } from '../../../internal/numbers.js';
+import { styles } from './zoomable-frame.styles.js';
+/**
+ * `<lr-zoomable-frame>` — a scrollable frame for inspecting slotted or
+ * image content at a bounded zoom level. Scrolling provides panning when the
+ * content exceeds the frame; the controls and keyboard shortcuts change zoom.
+ *
+ * Two public reset methods cover different needs: `resetZoom()` (also wired to the built-in
+ * reset button and the `0` keyboard shortcut) returns zoom to 1 while intentionally preserving
+ * the current pan/scroll position; `resetView()` additionally returns pan to the origin, for a
+ * caller (e.g. `<lr-lightbox>`) that wants a fully clean view, such as when swapping to new
+ * content entirely.
+ *
+ * @customElement lr-zoomable-frame
+ * @slot - Content to inspect; when `src` is set, an image is rendered instead.
+ * @event lr-zoom-change - Zoom changed. `detail: { zoom }`.
+ * @csspart base - The frame wrapper.
+ * @csspart viewport - The scrollable viewport.
+ * @csspart content - The transformed content wrapper.
+ * @csspart controls - Zoom controls.
+ * @csspart zoom-out - Zoom-out button.
+ * @csspart zoom-in - Zoom-in button.
+ * @csspart reset - Reset-to-100-percent button.
+ * @cssprop --lr-zoomable-frame-min-block-size - Minimum viewport block size.
+ * @cssprop [--lr-zoomable-frame-zoom=1] - The scale factor applied to `[part="content"]`. Written
+ *   by the component itself on every render from the current `zoom`, so it is a read-out rather
+ *   than a consumer knob; set the `zoom` property instead.
+ */
+export class LyraZoomableFrame extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.zoom = 1;
+        this.minZoom = 0.5;
+        this.maxZoom = 4;
+        this.zoomStep = 0.25;
+        this.src = '';
+        this.alt = '';
+        this.accessibleLabel = null;
+        this.zoomIn = () => this.setZoom(this.safeZoom + this.safeZoomStep);
+        this.zoomOut = () => this.setZoom(this.safeZoom - this.safeZoomStep);
+        /** Resets zoom to 1 only -- deliberately leaves the viewport's native scroll offset
+         *  untouched, so a consumer relying on "reset zoom but keep my pan position" (a legitimate
+         *  photo-viewer pattern) doesn't regress. Backs the built-in reset button and the `0` keyboard
+         *  shortcut. See `resetView()` for a stronger reset that also returns to the origin. */
+        this.resetZoom = () => this.setZoom(1);
+        /** Resets both zoom and pan/scroll position to their initial state -- distinct from
+         *  `resetZoom()` (called by the built-in reset button), which intentionally preserves pan.
+         *  Intended for a caller (e.g. `<lr-lightbox>`, swapping to a new image) that wants every
+         *  view to start clean rather than carrying over the previous image's zoom/pan state. */
+        this.resetView = () => {
+            this.resetZoom();
+            this.renderRoot.querySelector('[part="viewport"]')?.scrollTo({ left: 0, top: 0 });
+        };
+        this.onViewportKeyDown = (event) => {
+            if (event.key === '+' || event.key === '=') {
+                event.preventDefault();
+                this.zoomIn();
+            }
+            else if (event.key === '-' || event.key === '_') {
+                event.preventDefault();
+                this.zoomOut();
+            }
+            else if (event.key === '0') {
+                event.preventDefault();
+                this.resetZoom();
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** `minZoom`/`maxZoom` normalized to finite, positive scale bounds before any zoom math -- an
+     *  invalid attribute value would otherwise flow straight into the stepped-zoom clamp below,
+     *  producing `NaN` instead of falling back to a sane default. Bounds mirror the pan/zoom
+     *  convention already established for `<lr-flow-canvas>`/`<lr-graph>`. */
+    get safeMinZoom() {
+        return finiteRange(this.minZoom, 0.5, 0.01, 1000);
+    }
+    get safeMaxZoom() {
+        return finiteRange(this.maxZoom, 4, this.safeMinZoom, 1000);
+    }
+    /** `zoomStep` normalized to a finite, strictly-positive increment -- a zero/negative/non-finite
+     *  step would otherwise stall `zoomIn`/`zoomOut` (no-op or reverse direction) instead of clamping
+     *  to a usable floor. `0.01` matches `setZoom()`'s own rounding grain (`Math.round(x * 100) /
+     *  100`), so the floor itself always produces a visible zoom change instead of one the final
+     *  rounding silently erases. */
+    get safeZoomStep() {
+        return finiteRange(this.zoomStep, 0.25, 0.01, 1000);
+    }
+    /** The current `zoom`, normalized to a finite value clamped into `[safeMinZoom, safeMaxZoom]`. */
+    get safeZoom() {
+        return finiteRange(this.zoom, 1, this.safeMinZoom, this.safeMaxZoom);
+    }
+    setZoom(value) {
+        const min = this.safeMinZoom;
+        const max = this.safeMaxZoom;
+        const step = this.safeZoomStep;
+        const stepped = Math.round(value / step) * step;
+        const next = Math.min(max, Math.max(min, Math.round(stepped * 100) / 100));
+        if (next === this.zoom)
+            return;
+        this.zoom = next;
+        this.emit('lr-zoom-change', { zoom: next });
+    }
+    render() {
+        const zoom = this.safeZoom;
+        const min = this.safeMinZoom;
+        const max = this.safeMaxZoom;
+        const label = this.accessibleLabel || this.localize('zoomableFrameLabel');
+        return html `<div part="base" role="region" aria-label=${label}>
+      <div part="viewport" role="group" aria-label=${label} tabindex="0" @keydown=${this.onViewportKeyDown}>
+        <div part="content" data-zoom=${String(zoom)} style="--lr-zoomable-frame-zoom: ${zoom}">
+          ${this.src ? html `<img src=${safeMediaSrc(this.src) ?? ''} alt=${this.alt} />` : html `<slot></slot>`}
+        </div>
+      </div>
+      <div part="controls" aria-label=${this.localize('zoomControls')}>
+        <button part="zoom-out" type="button" aria-label=${this.localize('zoomOut')} ?disabled=${zoom <= min} @click=${this.zoomOut}>−</button>
+        <button part="reset" type="button" aria-label=${this.localize('resetZoom')} @click=${this.resetZoom}>${this.localize('pdfViewerCurrentZoom', undefined, { percent: 100 })}</button>
+        <button part="zoom-in" type="button" aria-label=${this.localize('zoomIn')} ?disabled=${zoom >= max} @click=${this.zoomIn}>+</button>
+      </div>
+    </div>`;
+    }
+}
+__decorate([
+    property({ type: Number, reflect: true })
+], LyraZoomableFrame.prototype, "zoom", void 0);
+__decorate([
+    property({ type: Number, attribute: 'min-zoom' })
+], LyraZoomableFrame.prototype, "minZoom", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-zoom' })
+], LyraZoomableFrame.prototype, "maxZoom", void 0);
+__decorate([
+    property({ type: Number, attribute: 'zoom-step' })
+], LyraZoomableFrame.prototype, "zoomStep", void 0);
+__decorate([
+    property()
+], LyraZoomableFrame.prototype, "src", void 0);
+__decorate([
+    property()
+], LyraZoomableFrame.prototype, "alt", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraZoomableFrame.prototype, "accessibleLabel", void 0);
+//# sourceMappingURL=zoomable-frame.class.js.map

package/dist/components/media/zoomable-frame/zoomable-frame.class.js.map

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

package/dist/components/media/zoomable-frame/zoomable-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoomable-frame.d.ts","sourceRoot":"","sources":["../../../../src/components/media/zoomable-frame/zoomable-frame.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/media/zoomable-frame/zoomable-frame.js

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

package/dist/components/media/zoomable-frame/zoomable-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoomable-frame.js","sourceRoot":"","sources":["../../../../src/components/media/zoomable-frame/zoomable-frame.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,aAAa,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/media/zoomable-frame/zoomable-frame.styles.d.ts.map

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

package/dist/components/media/zoomable-frame/zoomable-frame.styles.js.map

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

package/dist/components/overlays/badge/badge.class.d.ts

@@ -0,0 +1,27 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export type BadgeVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+/**
+ * `<lr-badge>` — a compact status label.
+ *
+ * @customElement lr-badge
+ * @slot - Badge content.
+ * @csspart base - The badge surface.
+ * @cssprop [--lr-badge-background=var(--lr-color-surface)] - The badge's background. Each non-neutral
+ * `variant` sets it to that variant's `-quiet` tint.
+ * @cssprop [--lr-badge-border=var(--lr-color-border)] - The badge's border color. Each non-neutral
+ * `variant` sets it to that variant's loud color.
+ * @cssprop [--lr-badge-color=var(--lr-color-text)] - The badge's text color. Each non-neutral
+ * `variant` sets it to that variant's loud color.
+ */
+export declare class LyraBadge extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    variant: BadgeVariant;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-badge': LyraBadge;
+    }
+}
+//# sourceMappingURL=badge.class.d.ts.map

package/dist/components/overlays/badge/badge.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.class.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/badge/badge.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElF;;;;;;;;;;;;GAYG;AACH,qBAAa,SAAU,SAAQ,WAAW;IACxC,MAAM,CAAC,MAAM,iCAAgC;IAChB,OAAO,EAAE,YAAY,CAAa;IAC/D,MAAM,IAAI,cAAc,CAAyD;CAClF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,UAAU,EAAE,SAAS,CAAC;KAAE;CAAE"}

package/dist/components/overlays/badge/badge.class.js

@@ -0,0 +1,35 @@
+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 './badge.styles.js';
+/**
+ * `<lr-badge>` — a compact status label.
+ *
+ * @customElement lr-badge
+ * @slot - Badge content.
+ * @csspart base - The badge surface.
+ * @cssprop [--lr-badge-background=var(--lr-color-surface)] - The badge's background. Each non-neutral
+ * `variant` sets it to that variant's `-quiet` tint.
+ * @cssprop [--lr-badge-border=var(--lr-color-border)] - The badge's border color. Each non-neutral
+ * `variant` sets it to that variant's loud color.
+ * @cssprop [--lr-badge-color=var(--lr-color-text)] - The badge's text color. Each non-neutral
+ * `variant` sets it to that variant's loud color.
+ */
+export class LyraBadge extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'neutral';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    render() { return html `<span part="base"><slot></slot></span>`; }
+}
+__decorate([
+    property({ reflect: true })
+], LyraBadge.prototype, "variant", void 0);
+//# sourceMappingURL=badge.class.js.map

package/dist/components/overlays/badge/badge.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.class.js","sourceRoot":"","sources":["../../../../src/components/overlays/badge/badge.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAI3C;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAA1C;;QAE+B,YAAO,GAAiB,SAAS,CAAC;IAEjE,CAAC;aAHQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAE7C,MAAM,KAAqB,OAAO,IAAI,CAAA,wCAAwC,CAAC,CAAC,CAAC;CAClF;AAF8B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAmC"}

package/dist/components/overlays/badge/badge.d.ts.map

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

package/dist/components/overlays/badge/badge.js

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

package/dist/components/overlays/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/overlays/badge/badge.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC"}

package/dist/components/overlays/badge/badge.styles.d.ts.map

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

package/dist/components/overlays/badge/badge.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../../src/components/overlays/badge/badge.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/overlays/badge/tag.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.class.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/badge/tag.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,SAAS;CAAG;AACzC,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,QAAQ,EAAE,OAAO,CAAC;KAAE;CAAE"}

package/dist/components/overlays/badge/tag.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.class.js","sourceRoot":"","sources":["../../../../src/components/overlays/badge/tag.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,SAAS;CAAG"}

package/dist/components/overlays/badge/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/badge/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/overlays/badge/tag.js

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

package/dist/components/overlays/badge/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/overlays/badge/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,54 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export type CalloutVariant = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+export interface LyraCalloutEventMap {
+    'lr-close': CustomEvent<undefined>;
+}
+/**
+ * `<lr-callout>` — an inline message surface for status, warning, and error content.
+ * Set `inline` for lightweight reactive status/error text: it removes the panel chrome while
+ * preserving the semantic role, optional leading icon, and close action.
+ *
+ * @customElement lr-callout
+ * @slot - Message content.
+ * @slot heading - Optional heading.
+ * @slot icon - Optional icon.
+ * @event lr-close - The close action was accepted. Cancelable before the callout hides.
+ * @attr inline - Uses the lightweight inline treatment without border, background, or panel padding.
+ * @csspart base - The callout surface.
+ * @csspart icon - The icon wrapper.
+ * @csspart content - The message content.
+ * @csspart heading - The heading wrapper.
+ * @csspart message - The message content wrapper.
+ * @csspart close-button - The close button's interactive hit target, sized to the shared minimum
+ *   tappable size (`--lr-icon-button-size`) in both the default panel and the compact `inline`
+ *   variant.
+ * @csspart close-icon - The close button's visible "×" glyph, independent of `close-button`'s hit
+ *   target size -- shrinks in the `inline` variant while the hit target stays full-size.
+ * @cssprop [--lr-callout-background=var(--lr-color-surface)] - The callout surface's background.
+ *   Each non-neutral `variant` sets it to that variant's `-quiet` tint.
+ * @cssprop [--lr-callout-border=var(--lr-color-border)] - The callout surface's border color. Each
+ *   non-neutral `variant` sets it to that variant's loud color.
+ * @cssprop [--lr-callout-color=var(--lr-color-text)] - The callout's text color. Each non-neutral
+ *   `variant` sets it to that variant's loud color.
+ */
+export declare class LyraCallout extends LyraElement<LyraCalloutEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    variant: CalloutVariant;
+    heading: string;
+    closable: boolean;
+    inline: boolean;
+    open: boolean;
+    accessibleLabel: string;
+    private hasIcon;
+    private hasHeading;
+    private close;
+    private onSlotChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-callout': LyraCallout;
+    }
+}
+//# sourceMappingURL=callout.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callout.class.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/callout/callout.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpF,MAAM,WAAW,mBAAmB;IAAG,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAAE;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,WAAY,SAAQ,WAAW,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,MAAM,iCAAgC;IAChB,OAAO,EAAE,cAAc,CAAa;IACrD,OAAO,SAAM;IACmB,QAAQ,UAAS;IACjB,MAAM,UAAS;IACf,IAAI,UAAQ;IACX,eAAe,SAAM;IACzD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,UAAU,CAAS;IACpC,OAAO,CAAC,KAAK,CAGX;IACF,OAAO,CAAC,YAAY,CAKlB;IACF,MAAM,IAAI,cAAc,CAWvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,YAAY,EAAE,WAAW,CAAC;KAAE;CAAE"}

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

@@ -0,0 +1,103 @@
+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';
+/**
+ * `<lr-callout>` — an inline message surface for status, warning, and error content.
+ * Set `inline` for lightweight reactive status/error text: it removes the panel chrome while
+ * preserving the semantic role, optional leading icon, and close action.
+ *
+ * @customElement lr-callout
+ * @slot - Message content.
+ * @slot heading - Optional heading.
+ * @slot icon - Optional icon.
+ * @event lr-close - The close action was accepted. Cancelable before the callout hides.
+ * @attr inline - Uses the lightweight inline treatment without border, background, or panel padding.
+ * @csspart base - The callout surface.
+ * @csspart icon - The icon wrapper.
+ * @csspart content - The message content.
+ * @csspart heading - The heading wrapper.
+ * @csspart message - The message content wrapper.
+ * @csspart close-button - The close button's interactive hit target, sized to the shared minimum
+ *   tappable size (`--lr-icon-button-size`) in both the default panel and the compact `inline`
+ *   variant.
+ * @csspart close-icon - The close button's visible "×" glyph, independent of `close-button`'s hit
+ *   target size -- shrinks in the `inline` variant while the hit target stays full-size.
+ * @cssprop [--lr-callout-background=var(--lr-color-surface)] - The callout surface's background.
+ *   Each non-neutral `variant` sets it to that variant's `-quiet` tint.
+ * @cssprop [--lr-callout-border=var(--lr-color-border)] - The callout surface's border color. Each
+ *   non-neutral `variant` sets it to that variant's loud color.
+ * @cssprop [--lr-callout-color=var(--lr-color-text)] - The callout's text color. Each non-neutral
+ *   `variant` sets it to that variant's loud color.
+ */
+export class LyraCallout extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'neutral';
+        this.heading = '';
+        this.closable = false;
+        this.inline = false;
+        this.open = true;
+        this.accessibleLabel = '';
+        this.hasIcon = false;
+        this.hasHeading = false;
+        this.close = () => {
+            const event = this.emit('lr-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 || this.getAttribute('aria-label') || 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}><span part="close-icon" aria-hidden="true">×</span></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, "inline", 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/overlays/callout/callout.class.js.map

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

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

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

package/dist/components/overlays/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/overlays/callout/callout.js.map

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

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

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

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

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

package/dist/components/overlays/chip/chip-group.class.d.ts

@@ -0,0 +1,65 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export interface ChipGroupOverflowToggleDetail {
+    expanded: boolean;
+}
+export interface LyraChipGroupEventMap {
+    'lr-overflow-toggle': CustomEvent<ChipGroupOverflowToggleDetail>;
+}
+/**
+ * `<lr-chip-group>` — a flex-wrap container for a set of `<lr-chip>`
+ * children (plain light-DOM composition — direct children are the chips,
+ * the same shape `<lr-split>`'s panels / `<lr-source-list>`'s cards
+ * take — no `.items` array prop).
+ *
+ * `max-visible` is entirely optional. When unset, every child is always
+ * shown and this component does nothing beyond flex-wrap layout. When set
+ * and the group has more chip children than that, the excess children are
+ * hidden (via their own `hidden` property — CSS alone can't parameterize
+ * `:nth-child` on a runtime prop, so this reaches into the light DOM the
+ * same way `<lr-split>` sets each panel's inline `flex`/`order`) and a
+ * "+N" overflow-indicator pill takes their place. Clicking it is a toggle:
+ * it reveals the rest (and relabels itself "Show less"); clicking again
+ * re-collapses back to `max-visible`. `lr-overflow-toggle` fires only from
+ * that click — i.e. only when `max-visible` is actually causing an overflow
+ * state — never as a side effect of `max-visible`/children changing on
+ * their own.
+ *
+ * @customElement lr-chip-group
+ * @slot - `<lr-chip>` elements (or any content, though the chip pairing is
+ * the intended usage).
+ * @event lr-overflow-toggle - The overflow indicator was activated,
+ * revealing or re-collapsing the excess children. `detail: { expanded }`.
+ * @csspart base - The flex-wrap container (holds both the slot and the overflow indicator).
+ * @csspart overflow-indicator - The "+N" / "Show less" toggle button. Only rendered while `max-visible` is actively causing an overflow.
+ */
+export declare class LyraChipGroup extends LyraElement<LyraChipGroupEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    private _maxVisible?;
+    /** Maximum number of assigned children shown before the rest collapse behind a "+N"
+     *  indicator. Flattened slot-forwarded children count the same as direct light-DOM children.
+     *  Unset (the default) means no limit — every child is always shown. Any explicitly assigned
+     *  value is sanitized to a finite, non-negative integer via `finiteCount` — this feeds the
+     *  `hasOverflow`/`syncChildVisibility` index comparisons below directly, so a NaN/negative value
+     *  must never reach them. */
+    get maxVisible(): number | undefined;
+    set maxVisible(next: number | undefined | null);
+    private childCount;
+    /** Whether the excess (beyond `max-visible`) children are currently
+     *  revealed. Meaningless (and never rendered) while there's no overflow. */
+    private expanded;
+    protected willUpdate(): void;
+    firstUpdated(): void;
+    protected updated(): void;
+    private get hasOverflow();
+    private syncChildVisibility;
+    private onSlotChange;
+    private onToggleOverflow;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-chip-group': LyraChipGroup;
+    }
+}
+//# sourceMappingURL=chip-group.class.d.ts.map

package/dist/components/overlays/chip/chip-group.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-group.class.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/chip/chip-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,oBAAoB,EAAE,WAAW,CAAC,6BAA6B,CAAC,CAAC;CAClE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,OAAO,CAAC,WAAW,CAAC,CAAS;IAC7B;;;;;iCAK6B;IAC7B,IACI,UAAU,IAAI,MAAM,GAAG,SAAS,CAEnC;IACD,IAAI,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAI7C;IAKQ,OAAO,CAAC,UAAU,CAAK;IAEhC;gFAC4E;IACnE,OAAO,CAAC,QAAQ,CAAS;IAElC,SAAS,CAAC,UAAU,IAAI,IAAI,CAY3B;IAED,YAAY,IAAI,IAAI,CAanB;IAED,SAAS,CAAC,OAAO,IAAI,IAAI,CAExB;IAED,OAAO,KAAK,WAAW,GAKtB;IAED,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,MAAM,IAAI,cAAc,CAsBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,aAAa,CAAC;KAChC;CACF"}