@aceshooting/lyra-ui 3.7.0 → 3.9.0

package/dist/components/entity-card/entity-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-card.d.ts","sourceRoot":"","sources":["../../../src/components/entity-card/entity-card.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AAGvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC"}

package/dist/components/entity-card/entity-card.js

@@ -0,0 +1,10 @@
+export * from './entity-card.class.js';
+import { LyraEntityCard } from './entity-card.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import '../result-card/result-field.js';
+import '../badge/badge.js';
+import '../chip/chip.js';
+import '../button/button.js';
+import '../empty/empty.js';
+defineElement('entity-card', LyraEntityCard);
+//# sourceMappingURL=entity-card.js.map

package/dist/components/entity-card/entity-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-card.js","sourceRoot":"","sources":["../../../src/components/entity-card/entity-card.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,gCAAgC,CAAC;AACxC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAC3B,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/entity-card/entity-card.styles.d.ts

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

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

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

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

@@ -0,0 +1,48 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lyra-space-s);
+    padding: var(--lyra-space-m);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-surface);
+    color: var(--lyra-color-text);
+    min-inline-size: 0;
+  }
+  [part='header'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+  }
+  [part='title'] {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    font-size: var(--lyra-font-size-md);
+    font-weight: var(--lyra-font-weight-semibold);
+    overflow-wrap: anywhere;
+  }
+  [part='description'] {
+    margin: 0;
+    color: var(--lyra-color-text-quiet);
+    font-size: var(--lyra-font-size-sm);
+    overflow-wrap: anywhere;
+  }
+  [part='properties'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lyra-space-xs);
+  }
+  [part='actions'] {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+  }
+`;
+//# sourceMappingURL=entity-card.styles.js.map

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

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

package/dist/components/entity-chip/entity-chip.class.d.ts

@@ -0,0 +1,72 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export interface LyraEntityChipEventMap {
+    'lyra-entity-activate': CustomEvent<{
+        id: string;
+    }>;
+    'lyra-entity-open': CustomEvent<{
+        id: string;
+    }>;
+}
+/**
+ * `<lyra-entity-chip>` — an inline `@entity` mention for agent prose: flow content,
+ * keyboard-focusable, with a hover/focus preview popover. The knowledge-graph sibling of
+ * `lyra-citation-badge`, reusing its interaction contract wholesale. Carries ids through events
+ * only -- no entity data resolution, no navigation.
+ *
+ * @customElement lyra-entity-chip
+ * @slot - Rich preview content (typically a compact `lyra-entity-card`), shown in a floating
+ * popover on hover/focus. No content -> no popover and no hover affordance at all.
+ * @event lyra-entity-activate - Click, or Enter while focused. `detail: { id }`.
+ * @event lyra-entity-open - Dblclick, or Space while focused. `detail: { id }`.
+ * @csspart base - The clickable chip (`<button>`).
+ * @csspart label - The chip's visible label text.
+ * @csspart popover - The floating preview panel.
+ * @cssprop [--lyra-entity-chip-color=var(--lyra-color-brand)] - Text/accent color. Reflected `type`
+ * lets a host theme per type from CSS, e.g. `lyra-entity-chip[type='person'] { --lyra-entity-chip-color: ... }`.
+ * @cssprop [--lyra-entity-chip-bg=var(--lyra-color-brand-quiet)] - Background color.
+ */
+export declare class LyraEntityChip extends LyraElement<LyraEntityChipEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Echoed verbatim in both events, never validated -- the citation-badge `source-id` contract. */
+    entityId: string;
+    /** The visible chip text (unlike citation-badge, the chip renders its label, not `[n]`). */
+    label: string;
+    /** The entity's `lyra-graph` `nodeTypes` id; reflected so hosts theme per type from CSS. */
+    type: string;
+    /** Resolved display label for `type`; when set, the accessible name speaks it instead of the raw
+     *  type id. */
+    typeLabel?: string;
+    private hasPreviewSlot;
+    private popoverOpen;
+    private buttonEl?;
+    private popoverEl?;
+    private readonly popoverId;
+    private cleanupPositioner?;
+    private hideTimer?;
+    private hovering;
+    private focused;
+    protected willUpdate(): void;
+    protected updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private get accessibleLabel();
+    private onSlotChange;
+    private showPreview;
+    private scheduleHidePreview;
+    private hidePreviewNow;
+    private onPointerEnter;
+    private onPointerLeave;
+    private onFocusIn;
+    private onFocusOut;
+    private onKeyDown;
+    private onClick;
+    private onDblClick;
+    private emitOpen;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-entity-chip': LyraEntityChip;
+    }
+}
+//# sourceMappingURL=entity-chip.class.d.ts.map

package/dist/components/entity-chip/entity-chip.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-chip.class.d.ts","sourceRoot":"","sources":["../../../src/components/entity-chip/entity-chip.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,sBAAsB;IACrC,sBAAsB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,kBAAkB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjD;AAUD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,kGAAkG;IAC5D,QAAQ,SAAM;IACpD,4FAA4F;IAChF,KAAK,SAAM;IACvB,4FAA4F;IAC/D,IAAI,SAAM;IACvC;mBACe;IACwB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEjD,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,WAAW,CAAS;IAEb,OAAO,CAAC,QAAQ,CAAC,CAAoB;IAClC,OAAO,CAAC,SAAS,CAAC,CAAc;IAE3D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAiC;IAC3D,OAAO,CAAC,iBAAiB,CAAC,CAAa;IACvC,OAAO,CAAC,SAAS,CAAC,CAAgC;IAClD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IAExB,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQ/C;IAED,oBAAoB,IAAI,IAAI,CAI3B;IAED,OAAO,KAAK,eAAe,GAI1B;IAED,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,SAAS,CAGf;IACF,OAAO,CAAC,UAAU,CAIhB;IAEF,OAAO,CAAC,SAAS,CAUf;IAEF,OAAO,CAAC,OAAO,CAEb;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,QAAQ;IAIhB,MAAM,IAAI,cAAc,CA6BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/entity-chip/entity-chip.class.js

@@ -0,0 +1,200 @@
+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, query } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { place } from '../../internal/positioner.js';
+import { nextId } from '../../internal/a11y.js';
+import { styles } from './entity-chip.styles.js';
+const HIDE_DELAY_MS = 200;
+/** A node counts as real preview content if it's an element not assigned to some other named
+ *  slot, or non-whitespace text -- mirrors `lyra-citation-badge`'s identical `isRealPreviewNode`. */
+function isRealPreviewNode(n) {
+    return n.nodeType === Node.ELEMENT_NODE ? !n.hasAttribute('slot') : (n.textContent ?? '').trim().length > 0;
+}
+/**
+ * `<lyra-entity-chip>` — an inline `@entity` mention for agent prose: flow content,
+ * keyboard-focusable, with a hover/focus preview popover. The knowledge-graph sibling of
+ * `lyra-citation-badge`, reusing its interaction contract wholesale. Carries ids through events
+ * only -- no entity data resolution, no navigation.
+ *
+ * @customElement lyra-entity-chip
+ * @slot - Rich preview content (typically a compact `lyra-entity-card`), shown in a floating
+ * popover on hover/focus. No content -> no popover and no hover affordance at all.
+ * @event lyra-entity-activate - Click, or Enter while focused. `detail: { id }`.
+ * @event lyra-entity-open - Dblclick, or Space while focused. `detail: { id }`.
+ * @csspart base - The clickable chip (`<button>`).
+ * @csspart label - The chip's visible label text.
+ * @csspart popover - The floating preview panel.
+ * @cssprop [--lyra-entity-chip-color=var(--lyra-color-brand)] - Text/accent color. Reflected `type`
+ * lets a host theme per type from CSS, e.g. `lyra-entity-chip[type='person'] { --lyra-entity-chip-color: ... }`.
+ * @cssprop [--lyra-entity-chip-bg=var(--lyra-color-brand-quiet)] - Background color.
+ */
+export class LyraEntityChip extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Echoed verbatim in both events, never validated -- the citation-badge `source-id` contract. */
+        this.entityId = '';
+        /** The visible chip text (unlike citation-badge, the chip renders its label, not `[n]`). */
+        this.label = '';
+        /** The entity's `lyra-graph` `nodeTypes` id; reflected so hosts theme per type from CSS. */
+        this.type = '';
+        this.hasPreviewSlot = false;
+        this.popoverOpen = false;
+        this.popoverId = nextId('entity-chip-popover');
+        this.hovering = false;
+        this.focused = false;
+        this.onSlotChange = (e) => {
+            this.hasPreviewSlot = e.target.assignedNodes({ flatten: true }).some(isRealPreviewNode);
+            if (!this.hasPreviewSlot)
+                this.hidePreviewNow();
+        };
+        this.onPointerEnter = () => {
+            this.hovering = true;
+            this.showPreview();
+        };
+        this.onPointerLeave = () => {
+            this.hovering = false;
+            this.scheduleHidePreview();
+        };
+        this.onFocusIn = () => {
+            this.focused = true;
+            this.showPreview();
+        };
+        this.onFocusOut = () => {
+            this.focused = false;
+            if (this.hovering)
+                return;
+            this.hidePreviewNow();
+        };
+        this.onKeyDown = (e) => {
+            if (e.key === 'Escape' && this.popoverOpen) {
+                e.stopPropagation();
+                this.hidePreviewNow();
+                return;
+            }
+            if (e.key === ' ' && !e.repeat && e.target === this.buttonEl) {
+                e.preventDefault();
+                this.emitOpen();
+            }
+        };
+        this.onClick = () => {
+            this.emit('lyra-entity-activate', { id: this.entityId });
+        };
+        this.onDblClick = () => {
+            this.emitOpen();
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            this.hasPreviewSlot = Array.from(this.childNodes).some(isRealPreviewNode);
+        }
+    }
+    updated(changed) {
+        if (changed.has('popoverOpen')) {
+            this.cleanupPositioner?.();
+            this.cleanupPositioner = undefined;
+            if (this.popoverOpen && this.buttonEl && this.popoverEl) {
+                this.cleanupPositioner = place(this.buttonEl, this.popoverEl, { placement: 'top-start' });
+            }
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.cleanupPositioner?.();
+        clearTimeout(this.hideTimer);
+    }
+    get accessibleLabel() {
+        if (!this.type)
+            return this.label;
+        const typeText = this.typeLabel || this.type;
+        return this.localize('entityChipWithType', undefined, { label: this.label, type: typeText });
+    }
+    showPreview() {
+        if (!this.hasPreviewSlot)
+            return;
+        clearTimeout(this.hideTimer);
+        this.hideTimer = undefined;
+        if (this.popoverOpen)
+            return;
+        this.popoverOpen = true;
+    }
+    scheduleHidePreview() {
+        if (!this.popoverOpen || this.hovering || this.focused)
+            return;
+        clearTimeout(this.hideTimer);
+        this.hideTimer = setTimeout(() => {
+            this.hideTimer = undefined;
+            this.popoverOpen = false;
+        }, HIDE_DELAY_MS);
+    }
+    hidePreviewNow() {
+        clearTimeout(this.hideTimer);
+        this.hideTimer = undefined;
+        if (this.popoverOpen)
+            this.popoverOpen = false;
+    }
+    emitOpen() {
+        this.emit('lyra-entity-open', { id: this.entityId });
+    }
+    render() {
+        return html `
+      <span
+        class="wrapper"
+        @pointerenter=${this.onPointerEnter}
+        @pointerleave=${this.onPointerLeave}
+        @focusin=${this.onFocusIn}
+        @focusout=${this.onFocusOut}
+        @keydown=${this.onKeyDown}
+      >
+        <button
+          part="base"
+          type="button"
+          aria-label=${this.getAttribute('aria-label') ||
+            this.accessibleLabel ||
+            /* `label` unset: never leave the button nameless — same degenerate-state
+               fallback `lyra-entity-card` uses for its title. */
+            this.localize('untitledEntity')}
+          aria-describedby=${this.hasPreviewSlot ? this.popoverId : nothing}
+          @click=${this.onClick}
+          @dblclick=${this.onDblClick}
+        >
+          <span part="label">${this.label}</span>
+        </button>
+        <div part="popover" id=${this.popoverId} role="tooltip" ?hidden=${!this.popoverOpen}>
+          <slot @slotchange=${this.onSlotChange}></slot>
+        </div>
+      </span>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: 'entity-id' })
+], LyraEntityChip.prototype, "entityId", void 0);
+__decorate([
+    property()
+], LyraEntityChip.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraEntityChip.prototype, "type", void 0);
+__decorate([
+    property({ attribute: 'type-label' })
+], LyraEntityChip.prototype, "typeLabel", void 0);
+__decorate([
+    state()
+], LyraEntityChip.prototype, "hasPreviewSlot", void 0);
+__decorate([
+    state()
+], LyraEntityChip.prototype, "popoverOpen", void 0);
+__decorate([
+    query('[part="base"]')
+], LyraEntityChip.prototype, "buttonEl", void 0);
+__decorate([
+    query('[part="popover"]')
+], LyraEntityChip.prototype, "popoverEl", void 0);
+//# sourceMappingURL=entity-chip.class.js.map

package/dist/components/entity-chip/entity-chip.class.js.map

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

package/dist/components/entity-chip/entity-chip.d.ts

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

package/dist/components/entity-chip/entity-chip.d.ts.map

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

package/dist/components/entity-chip/entity-chip.js

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

package/dist/components/entity-chip/entity-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-chip.js","sourceRoot":"","sources":["../../../src/components/entity-chip/entity-chip.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/entity-chip/entity-chip.styles.d.ts

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

package/dist/components/entity-chip/entity-chip.styles.d.ts.map

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

package/dist/components/entity-chip/entity-chip.styles.js

@@ -0,0 +1,46 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline;
+    line-height: var(--lyra-line-height-normal);
+  }
+  .wrapper {
+    display: inline;
+  }
+  [part='base'] {
+    display: inline;
+    box-sizing: border-box;
+    padding: 0 var(--lyra-size-6px);
+    border: var(--lyra-border-width-thin) solid var(--lyra-entity-chip-border, transparent);
+    border-radius: var(--lyra-radius-pill);
+    background: var(--lyra-entity-chip-bg, var(--lyra-color-brand-quiet));
+    color: var(--lyra-entity-chip-color, var(--lyra-color-brand));
+    font: inherit;
+    font-size: var(--lyra-size-0-875em);
+    font-weight: var(--lyra-font-weight-medium);
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+  }
+  [part='base']:hover {
+    background: color-mix(in srgb, var(--lyra-entity-chip-color, var(--lyra-color-brand)) 16%, var(--lyra-entity-chip-bg, var(--lyra-color-brand-quiet)));
+  }
+  [part='base']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  [part='popover'] {
+    position: fixed;
+    z-index: var(--lyra-layer-dropdown);
+    box-sizing: border-box;
+    max-inline-size: min(90vw, var(--lyra-size-22rem));
+    padding: var(--lyra-space-s) var(--lyra-space-m);
+    background: var(--lyra-color-surface);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    box-shadow: var(--lyra-shadow);
+    font-size: var(--lyra-font-size-sm);
+    line-height: var(--lyra-line-height-1-4);
+    color: var(--lyra-color-text);
+  }
+`;
+//# sourceMappingURL=entity-chip.styles.js.map

package/dist/components/entity-chip/entity-chip.styles.js.map

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

package/dist/components/env-list/env-list.class.d.ts

@@ -0,0 +1,55 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../empty/empty.js';
+export interface EnvEntry {
+    name: string;
+    value: string;
+    secret?: boolean;
+}
+export interface LyraEnvListEventMap {
+    'lyra-reveal-change': CustomEvent<{
+        name: string;
+        revealed: boolean;
+    }>;
+    'lyra-copy': CustomEvent<{
+        text: string;
+    }>;
+}
+/**
+ * `<lyra-env-list>` — masked key/value list for environment variables and secrets, with per-row
+ * reveal and copy. Masking is presentational, not a security boundary: the real value sits in a DOM
+ * property regardless of mask state.
+ *
+ * @customElement lyra-env-list
+ * @event lyra-reveal-change - `detail: { name, revealed }`.
+ * @event lyra-copy - `detail: { text }` — the real (unmasked) value.
+ * @csspart base - The `<dl>` root.
+ * @csspart name - The `<dt>` name text.
+ * @csspart value-cell - The `<dd>` wrapping one entry's value text and its buttons; buttons live
+ * here (not as siblings of `<dt>`/`<dd>`) so the `<dl>` keeps a valid dt/dd content model.
+ * @csspart value - The value text itself; carries `data-masked`.
+ * @csspart reveal-button - The per-row reveal/hide toggle.
+ * @csspart copy-button - The per-row copy button.
+ */
+export declare class LyraEnvList extends LyraElement<LyraEnvListEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** The name/value entries to render, in order. */
+    entries: EnvEntry[];
+    /** Whether each secret entry gets a reveal/hide toggle. */
+    revealable: boolean;
+    /** Whether each entry gets a copy-to-clipboard button. */
+    copyable: boolean;
+    /** Accessible name for the list; falls back to a localized default. */
+    label: string;
+    private revealed;
+    protected willUpdate(changed: PropertyValues): void;
+    private toggleReveal;
+    private copy;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-env-list': LyraEnvList;
+    }
+}
+//# sourceMappingURL=env-list.class.d.ts.map

package/dist/components/env-list/env-list.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-list.class.d.ts","sourceRoot":"","sources":["../../../src/components/env-list/env-list.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,OAAO,mBAAmB,CAAC;AAI3B,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,oBAAoB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACvE,WAAW,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5C;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,WAAY,SAAQ,WAAW,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,MAAM,iCAAgC;IAE7C,kDAAkD;IAClB,OAAO,EAAE,QAAQ,EAAE,CAAM;IAEzD,2DAA2D;IACf,UAAU,UAAQ;IAE9D,0DAA0D;IACd,QAAQ,UAAQ;IAE5D,uEAAuE;IAC3D,KAAK,SAAM;IAEd,OAAO,CAAC,QAAQ,CAA8B;IAEvD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAelD;IAED,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,IAAI;IAWZ,MAAM,IAAI,cAAc,CA6CvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/components/env-list/env-list.class.js

@@ -0,0 +1,143 @@
+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 './env-list.styles.js';
+// The registering barrel, not the bare .class.js module -- this side effect is what
+// registers <lyra-empty> so it's actually defined when this component renders it.
+import '../empty/empty.js';
+const MASK = '•'.repeat(8);
+/**
+ * `<lyra-env-list>` — masked key/value list for environment variables and secrets, with per-row
+ * reveal and copy. Masking is presentational, not a security boundary: the real value sits in a DOM
+ * property regardless of mask state.
+ *
+ * @customElement lyra-env-list
+ * @event lyra-reveal-change - `detail: { name, revealed }`.
+ * @event lyra-copy - `detail: { text }` — the real (unmasked) value.
+ * @csspart base - The `<dl>` root.
+ * @csspart name - The `<dt>` name text.
+ * @csspart value-cell - The `<dd>` wrapping one entry's value text and its buttons; buttons live
+ * here (not as siblings of `<dt>`/`<dd>`) so the `<dl>` keeps a valid dt/dd content model.
+ * @csspart value - The value text itself; carries `data-masked`.
+ * @csspart reveal-button - The per-row reveal/hide toggle.
+ * @csspart copy-button - The per-row copy button.
+ */
+export class LyraEnvList extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The name/value entries to render, in order. */
+        this.entries = [];
+        /** Whether each secret entry gets a reveal/hide toggle. */
+        this.revealable = true;
+        /** Whether each entry gets a copy-to-clipboard button. */
+        this.copyable = true;
+        /** Accessible name for the list; falls back to a localized default. */
+        this.label = '';
+        this.revealed = new Map();
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (changed.has('entries')) {
+            // Carry a row's reveal state forward only when that row's position still holds
+            // the same name it held before this update -- reordering, inserting, or
+            // removing rows resets the shifted rows to masked rather than leaking a stale
+            // reveal onto an entry the consumer didn't actually ask to reveal.
+            const previous = changed.get('entries') ?? [];
+            const next = new Map();
+            this.entries.forEach((entry, index) => {
+                if (previous[index]?.name !== entry.name)
+                    return;
+                const wasRevealed = this.revealed.get(entry.name);
+                if (wasRevealed !== undefined)
+                    next.set(entry.name, wasRevealed);
+            });
+            this.revealed = next;
+        }
+    }
+    toggleReveal(name) {
+        const isRevealed = !(this.revealed.get(name) ?? false);
+        const next = new Map(this.revealed);
+        next.set(name, isRevealed);
+        this.revealed = next;
+        this.emit('lyra-reveal-change', { name, revealed: isRevealed });
+    }
+    copy(entry) {
+        try {
+            void navigator.clipboard?.writeText(entry.value)?.catch(() => { });
+        }
+        catch {
+            // Clipboard access can throw synchronously (e.g. insecure context or a
+            // permissions-policy block); the `lyra-copy` event still fires below so
+            // a host can implement its own fallback.
+        }
+        this.emit('lyra-copy', { text: entry.value });
+    }
+    render() {
+        if (this.entries.length === 0) {
+            return html `<lyra-empty heading=${this.localize('noData')}></lyra-empty>`;
+        }
+        return html `
+      <dl part="base" aria-label=${this.label || this.localize('envListLabel')}>
+        ${this.entries.map((entry) => {
+            const secret = entry.secret ?? true;
+            const isRevealed = this.revealed.get(entry.name) ?? false;
+            const masked = secret && !isRevealed;
+            return html `
+            <dt part="name">${entry.name}</dt>
+            <dd part="value-cell">
+              <span part="value" data-masked=${masked ? 'true' : 'false'}>
+                ${masked
+                ? html `<span aria-label=${this.localize('envListValueHidden')}>${MASK}</span>`
+                : entry.value}
+              </span>
+              ${this.revealable && secret
+                ? html `<button
+                    part="reveal-button"
+                    type="button"
+                    aria-pressed=${isRevealed ? 'true' : 'false'}
+                    @click=${() => this.toggleReveal(entry.name)}
+                  >
+                    ${isRevealed
+                    ? this.localize('envListHide', undefined, { name: entry.name })
+                    : this.localize('envListReveal', undefined, { name: entry.name })}
+                  </button>`
+                : nothing}
+              ${this.copyable
+                ? html `<button
+                    part="copy-button"
+                    type="button"
+                    aria-label=${this.localize('envListCopy', undefined, { name: entry.name })}
+                    @click=${() => this.copy(entry)}
+                  >
+                    ${this.localize('copy')}
+                  </button>`
+                : nothing}
+            </dd>
+          `;
+        })}
+      </dl>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraEnvList.prototype, "entries", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraEnvList.prototype, "revealable", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraEnvList.prototype, "copyable", void 0);
+__decorate([
+    property()
+], LyraEnvList.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraEnvList.prototype, "revealed", void 0);
+//# sourceMappingURL=env-list.class.js.map