@aceshooting/lyra-ui 3.7.0 → 3.9.0

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

@@ -0,0 +1,109 @@
+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 { finiteCount } from '../../internal/numbers.js';
+import '../chip/chip.class.js';
+import '../button/button.class.js';
+import '../empty/empty.class.js';
+import { styles } from './community-card.styles.js';
+/**
+ * `<lyra-community-card>` — a cluster/community summary card (GraphRAG community report): label,
+ * LLM summary excerpt, member count, member chips with overflow, and a drill-in action. Doesn't
+ * own community rendering on the graph or membership fetching -- `lyra-drill` asks the host to
+ * load members/subgraph.
+ *
+ * @customElement lyra-community-card
+ * @slot actions - Extra header actions alongside the built-in drill button.
+ * @event lyra-drill - `detail: { id }`.
+ * @event lyra-entity-activate - A member chip was activated. `detail: { id }`.
+ * @csspart base - The outer bordered container.
+ * @csspart header - The header row.
+ * @csspart title - The community label, `role="heading" aria-level="3"` wrapping a `<button>`.
+ * @csspart member-count - The `"{count} members"` text.
+ * @csspart summary - The LLM summary excerpt, omitted in `compact` mode.
+ * @csspart members - The wrapper around member chips, omitted in `compact` mode.
+ * @csspart member - One member chip button.
+ * @csspart overflow - The "+N" overflow chip button.
+ * @csspart drill-button - The built-in "Explore community" button.
+ * @csspart actions - The wrapper around the `actions` slot and the drill button.
+ * @csspart empty - The empty state shown when `community` is `null`.
+ */
+export class LyraCommunityCard extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** `null` renders the `noData` empty state. */
+        this.community = null;
+        /** Rendered as chips. */
+        this.members = [];
+        /** Visible member chips before the "+N" overflow chip. */
+        this.maxMembers = 8;
+        /** Single-row layout (title + member count + drill button, no summary/chips). */
+        this.compact = false;
+        this.onDrill = () => {
+            if (this.community)
+                this.emit('lyra-drill', { id: this.community.id });
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** `maxMembers` normalized to a finite, non-negative integer count -- passed straight to
+     *  `Array.prototype.slice()` below, which would otherwise silently misbehave on a non-finite or
+     *  negative input (e.g. a negative `end` slices from the far end of the array instead of
+     *  limiting how many members show). */
+    get effectiveMaxMembers() {
+        return finiteCount(this.maxMembers, 8);
+    }
+    render() {
+        if (!this.community) {
+            return html `<div part="base"><lyra-empty part="empty" heading=${this.localize('noData')}></lyra-empty></div>`;
+        }
+        const community = this.community;
+        const titleText = community.label || this.localize('untitledCommunity');
+        const memberCount = community.memberCount ?? this.members.length;
+        const visibleMembers = this.members.slice(0, this.effectiveMaxMembers);
+        const overflowCount = Math.max(0, memberCount - visibleMembers.length);
+        return html `
+      <div part="base">
+        <div part="header">
+          <span part="title" role="heading" aria-level="3"><button type="button" @click=${this.onDrill}>${titleText}</button></span>
+          <span part="member-count">${this.localize('communityMemberCount', undefined, { count: memberCount })}</span>
+          <div part="actions">
+            <slot name="actions"></slot>
+            <lyra-button part="drill-button" size="s" @click=${this.onDrill}>${this.localize('communityDrillIn')}</lyra-button>
+          </div>
+        </div>
+        ${!this.compact && community.summary ? html `<p part="summary">${community.summary}</p>` : nothing}
+        ${!this.compact
+            ? html `<div part="members">
+              ${visibleMembers.map((m) => html `<button part="member" type="button" @click=${() => this.emit('lyra-entity-activate', { id: m.id })}>
+                  <lyra-chip>${m.label || m.id}</lyra-chip>
+                </button>`)}
+              ${overflowCount > 0
+                ? html `<button part="overflow" type="button" @click=${this.onDrill}>
+                    <lyra-chip>${this.localize('showMoreCount', undefined, { count: overflowCount })}</lyra-chip>
+                  </button>`
+                : nothing}
+            </div>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraCommunityCard.prototype, "community", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraCommunityCard.prototype, "members", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-members' })
+], LyraCommunityCard.prototype, "maxMembers", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCommunityCard.prototype, "compact", void 0);
+//# sourceMappingURL=community-card.class.js.map

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

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

package/dist/components/community-card/community-card.d.ts

@@ -0,0 +1,5 @@
+export * from './community-card.class.js';
+import '../chip/chip.js';
+import '../button/button.js';
+import '../empty/empty.js';
+//# sourceMappingURL=community-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"community-card.d.ts","sourceRoot":"","sources":["../../../src/components/community-card/community-card.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAG1C,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC"}

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

@@ -0,0 +1,8 @@
+export * from './community-card.class.js';
+import { LyraCommunityCard } from './community-card.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import '../chip/chip.js';
+import '../button/button.js';
+import '../empty/empty.js';
+defineElement('community-card', LyraCommunityCard);
+//# sourceMappingURL=community-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"community-card.js","sourceRoot":"","sources":["../../../src/components/community-card/community-card.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,iBAAiB,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC;AAC3B,aAAa,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,74 @@
+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);
+  }
+  [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;
+  }
+  [part='title'] button {
+    display: block;
+    max-inline-size: 100%;
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: var(--lyra-color-text);
+    font: inherit;
+    font-size: var(--lyra-font-size-md);
+    font-weight: var(--lyra-font-weight-semibold);
+    text-align: start;
+    cursor: pointer;
+  }
+  :host([compact]) [part='title'] button {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  [part='member-count'] {
+    flex: 0 0 auto;
+    color: var(--lyra-color-text-quiet);
+    font-size: var(--lyra-font-size-sm);
+  }
+  [part='actions'] {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+  }
+  [part='summary'] {
+    margin: 0;
+    color: var(--lyra-color-text-quiet);
+    font-size: var(--lyra-font-size-sm);
+    overflow-wrap: anywhere;
+  }
+  [part='members'] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--lyra-space-xs);
+  }
+  [part='member'],
+  [part='overflow'] {
+    border: none;
+    background: transparent;
+    padding: 0;
+    cursor: pointer;
+  }
+`;
+//# sourceMappingURL=community-card.styles.js.map

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

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

package/dist/components/compare-panel/compare-panel.class.d.ts

@@ -0,0 +1,112 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../live-region/live-region.js';
+export type CompareVote = 'a' | 'b' | 'tie' | 'both-bad';
+export interface LyraComparePanelEventMap {
+    'lyra-vote': CustomEvent<{
+        choice: CompareVote;
+        itemId: string;
+    }>;
+}
+/**
+ * `<lyra-compare-panel>` — side-by-side A/B output comparison with a winner
+ * vote (LMSYS-arena / LangSmith-pairwise style): two slotted panes, a vote
+ * bar, synchronized reading.
+ *
+ * @customElement lyra-compare-panel
+ * @slot a - The first output (any content — a chat message, markdown, a viewer).
+ * @slot b - The second output.
+ * @slot prompt - Optional shared-input header above both panes.
+ * @event lyra-vote - `detail: { choice, itemId }`.
+ * @csspart base - The outer wrapper.
+ * @csspart prompt - The optional prompt header, hidden when the `prompt` slot is empty.
+ * @csspart panes - The row (or, under 640px, column) wrapping both panes.
+ * @csspart pane-a - The first pane's labeled scroll region.
+ * @csspart pane-b - The second pane's labeled scroll region.
+ * @csspart pane-header - A pane's visible heading.
+ * @csspart vote-bar - The `role="group"` row of vote buttons.
+ * @csspart vote-button - One vote button.
+ * @csspart live-region - The internal vote-announcement live region.
+ */
+export declare class LyraComparePanel extends LyraElement<LyraComparePanelEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    static properties: {
+        labelA: {
+            attribute: string;
+            noAccessor: boolean;
+        };
+        labelB: {
+            attribute: string;
+            noAccessor: boolean;
+        };
+        vote: {
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+        itemId: {
+            attribute: string;
+            noAccessor: boolean;
+        };
+        hideTie: {
+            type: BooleanConstructor;
+            attribute: string;
+            noAccessor: boolean;
+        };
+        hideBothBad: {
+            type: BooleanConstructor;
+            attribute: string;
+            noAccessor: boolean;
+        };
+        syncScroll: {
+            type: BooleanConstructor;
+            attribute: string;
+            noAccessor: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+    };
+    private hasPromptSlot;
+    private paneAEl?;
+    private paneBEl?;
+    private liveRegion?;
+    private _labelA;
+    private _labelB;
+    private _vote;
+    private _itemId;
+    private _hideTie;
+    private _hideBothBad;
+    private _syncScroll;
+    private _disabled;
+    private pendingScrollReset;
+    private suppressSync;
+    get labelA(): string;
+    set labelA(next: string);
+    get labelB(): string;
+    set labelB(next: string);
+    get vote(): CompareVote | null;
+    set vote(next: CompareVote | null);
+    get itemId(): string;
+    set itemId(next: string);
+    get hideTie(): boolean;
+    set hideTie(next: boolean);
+    get hideBothBad(): boolean;
+    set hideBothBad(next: boolean);
+    get syncScroll(): boolean;
+    set syncScroll(next: boolean);
+    get disabled(): boolean;
+    set disabled(next: boolean);
+    private onPromptSlotChange;
+    private castVote;
+    private onPaneScroll;
+    protected updated(_changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-compare-panel': LyraComparePanel;
+    }
+}
+//# sourceMappingURL=compare-panel.class.d.ts.map

package/dist/components/compare-panel/compare-panel.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-panel.class.d.ts","sourceRoot":"","sources":["../../../src/components/compare-panel/compare-panel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,+BAA+B,CAAC;AAGvC,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,KAAK,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,gBAAiB,SAAQ,WAAW,CAAC,wBAAwB,CAAC;IACzE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,MAAM,CAAC,UAAU;QACf,MAAM;YAAI,SAAS;YAAa,UAAU;;QAC1C,MAAM;YAAI,SAAS;YAAa,UAAU;;QAC1C,IAAI;YAAI,OAAO;YAAQ,UAAU;;QACjC,MAAM;YAAI,SAAS;YAAa,UAAU;;QAC1C,OAAO;YAAI,IAAI;YAAW,SAAS;YAAc,UAAU;;QAC3D,WAAW;YAAI,IAAI;YAAW,SAAS;YAAmB,UAAU;;QACpE,UAAU;YAAI,IAAI;YAAW,SAAS;YAAiB,UAAU;;QACjE,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;MACpD;IAEO,OAAO,CAAC,aAAa,CAAS;IAEb,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAC,CAAc;IAC7B,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE/D,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,YAAY,CAAS;IAE7B,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,EAItB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,EAItB;IAED,IAAI,IAAI,IAAI,WAAW,GAAG,IAAI,CAE7B;IACD,IAAI,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAMhC;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,EAQtB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,IAAI,EAAE,OAAO,EAIxB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,EAI5B;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,IAAI,EAAE,OAAO,EAI3B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAKzB;IAED,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,YAAY,CAgBlB;IAEF,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAMhD;IAED,MAAM,IAAI,cAAc,CAmEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/compare-panel/compare-panel.class.js

@@ -0,0 +1,260 @@
+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 { query, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../live-region/live-region.js';
+import { styles } from './compare-panel.styles.js';
+/**
+ * `<lyra-compare-panel>` — side-by-side A/B output comparison with a winner
+ * vote (LMSYS-arena / LangSmith-pairwise style): two slotted panes, a vote
+ * bar, synchronized reading.
+ *
+ * @customElement lyra-compare-panel
+ * @slot a - The first output (any content — a chat message, markdown, a viewer).
+ * @slot b - The second output.
+ * @slot prompt - Optional shared-input header above both panes.
+ * @event lyra-vote - `detail: { choice, itemId }`.
+ * @csspart base - The outer wrapper.
+ * @csspart prompt - The optional prompt header, hidden when the `prompt` slot is empty.
+ * @csspart panes - The row (or, under 640px, column) wrapping both panes.
+ * @csspart pane-a - The first pane's labeled scroll region.
+ * @csspart pane-b - The second pane's labeled scroll region.
+ * @csspart pane-header - A pane's visible heading.
+ * @csspart vote-bar - The `role="group"` row of vote buttons.
+ * @csspart vote-button - One vote button.
+ * @csspart live-region - The internal vote-announcement live region.
+ */
+export class LyraComparePanel extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.hasPromptSlot = false;
+        this._labelA = '';
+        this._labelB = '';
+        this._vote = null;
+        this._itemId = '';
+        this._hideTie = false;
+        this._hideBothBad = false;
+        this._syncScroll = false;
+        this._disabled = false;
+        this.pendingScrollReset = false;
+        this.suppressSync = false;
+        this.onPromptSlotChange = (e) => {
+            this.hasPromptSlot = e.target.assignedNodes({ flatten: true }).length > 0;
+        };
+        this.onPaneScroll = (source) => {
+            return () => {
+                if (!this.syncScroll || this.suppressSync)
+                    return;
+                const from = source === 'a' ? this.paneAEl : this.paneBEl;
+                const to = source === 'a' ? this.paneBEl : this.paneAEl;
+                if (!from || !to)
+                    return;
+                const fromMax = from.scrollHeight - from.clientHeight;
+                const toMax = to.scrollHeight - to.clientHeight;
+                if (fromMax <= 0)
+                    return;
+                const fraction = from.scrollTop / fromMax;
+                this.suppressSync = true;
+                to.scrollTop = fraction * toMax;
+                requestAnimationFrame(() => {
+                    this.suppressSync = false;
+                });
+            };
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    static { this.properties = {
+        labelA: { attribute: 'label-a', noAccessor: true },
+        labelB: { attribute: 'label-b', noAccessor: true },
+        vote: { reflect: true, noAccessor: true },
+        itemId: { attribute: 'item-id', noAccessor: true },
+        hideTie: { type: Boolean, attribute: 'hide-tie', noAccessor: true },
+        hideBothBad: { type: Boolean, attribute: 'hide-both-bad', noAccessor: true },
+        syncScroll: { type: Boolean, attribute: 'sync-scroll', noAccessor: true },
+        disabled: { type: Boolean, reflect: true, noAccessor: true },
+    }; }
+    get labelA() {
+        return this._labelA;
+    }
+    set labelA(next) {
+        const old = this._labelA;
+        this._labelA = next ?? '';
+        this.requestUpdate('labelA', old);
+    }
+    get labelB() {
+        return this._labelB;
+    }
+    set labelB(next) {
+        const old = this._labelB;
+        this._labelB = next ?? '';
+        this.requestUpdate('labelB', old);
+    }
+    get vote() {
+        return this._vote;
+    }
+    set vote(next) {
+        const old = this._vote;
+        this._vote = next ?? null;
+        if (this._vote)
+            this.setAttribute('vote', this._vote);
+        else
+            this.removeAttribute('vote');
+        this.requestUpdate('vote', old);
+    }
+    get itemId() {
+        return this._itemId;
+    }
+    set itemId(next) {
+        const old = this._itemId;
+        this._itemId = next ?? '';
+        if (old !== this._itemId) {
+            this.vote = null;
+            this.pendingScrollReset = true;
+        }
+        this.requestUpdate('itemId', old);
+    }
+    get hideTie() {
+        return this._hideTie;
+    }
+    set hideTie(next) {
+        const old = this._hideTie;
+        this._hideTie = Boolean(next);
+        this.requestUpdate('hideTie', old);
+    }
+    get hideBothBad() {
+        return this._hideBothBad;
+    }
+    set hideBothBad(next) {
+        const old = this._hideBothBad;
+        this._hideBothBad = Boolean(next);
+        this.requestUpdate('hideBothBad', old);
+    }
+    get syncScroll() {
+        return this._syncScroll;
+    }
+    set syncScroll(next) {
+        const old = this._syncScroll;
+        this._syncScroll = Boolean(next);
+        this.requestUpdate('syncScroll', old);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(next) {
+        const old = this._disabled;
+        this._disabled = Boolean(next);
+        this.toggleAttribute('disabled', this._disabled);
+        this.requestUpdate('disabled', old);
+    }
+    castVote(choice) {
+        if (this.disabled)
+            return;
+        this.vote = choice;
+        this.emit('lyra-vote', { choice, itemId: this.itemId });
+        const labelAText = this.labelA || this.localize('compareResponseA');
+        const labelBText = this.labelB || this.localize('compareResponseB');
+        const label = choice === 'a'
+            ? labelAText
+            : choice === 'b'
+                ? labelBText
+                : choice === 'tie'
+                    ? this.localize('compareVoteTie')
+                    : this.localize('compareVoteBothBad');
+        this.liveRegion?.announce(this.localize('compareVoteRecorded', undefined, { label }), { force: true });
+    }
+    updated(_changed) {
+        if (this.pendingScrollReset) {
+            this.pendingScrollReset = false;
+            if (this.paneAEl)
+                this.paneAEl.scrollTop = 0;
+            if (this.paneBEl)
+                this.paneBEl.scrollTop = 0;
+        }
+    }
+    render() {
+        const labelAText = this.labelA || this.localize('compareResponseA');
+        const labelBText = this.labelB || this.localize('compareResponseB');
+        return html `
+      <div part="base" role="group" aria-label=${this.getAttribute('aria-label') || this.localize('comparePanel')}>
+        <div part="prompt" ?hidden=${!this.hasPromptSlot}>
+          <slot name="prompt" @slotchange=${this.onPromptSlotChange}></slot>
+        </div>
+        <div part="panes">
+          <div part="pane-a" role="region" aria-label=${labelAText} tabindex="0" @scroll=${this.onPaneScroll('a')}>
+            <div part="pane-header">${labelAText}</div>
+            <slot name="a"></slot>
+          </div>
+          <div part="pane-b" role="region" aria-label=${labelBText} tabindex="0" @scroll=${this.onPaneScroll('b')}>
+            <div part="pane-header">${labelBText}</div>
+            <slot name="b"></slot>
+          </div>
+        </div>
+        <div part="vote-bar" role="group" aria-label=${this.localize('compareVoteLabel')}>
+          <button
+            part="vote-button"
+            type="button"
+            ?disabled=${this.disabled}
+            aria-pressed=${this.vote === 'a' ? 'true' : 'false'}
+            ?data-selected=${this.vote === 'a'}
+            @click=${() => this.castVote('a')}
+          >
+            ${this.localize('compareVoteBetter', undefined, { label: labelAText })}
+          </button>
+          <button
+            part="vote-button"
+            type="button"
+            ?disabled=${this.disabled}
+            aria-pressed=${this.vote === 'b' ? 'true' : 'false'}
+            ?data-selected=${this.vote === 'b'}
+            @click=${() => this.castVote('b')}
+          >
+            ${this.localize('compareVoteBetter', undefined, { label: labelBText })}
+          </button>
+          ${!this.hideTie
+            ? html `<button
+                part="vote-button"
+                type="button"
+                ?disabled=${this.disabled}
+                aria-pressed=${this.vote === 'tie' ? 'true' : 'false'}
+                ?data-selected=${this.vote === 'tie'}
+                @click=${() => this.castVote('tie')}
+              >
+                ${this.localize('compareVoteTie')}
+              </button>`
+            : nothing}
+          ${!this.hideBothBad
+            ? html `<button
+                part="vote-button"
+                type="button"
+                ?disabled=${this.disabled}
+                aria-pressed=${this.vote === 'both-bad' ? 'true' : 'false'}
+                ?data-selected=${this.vote === 'both-bad'}
+                @click=${() => this.castVote('both-bad')}
+              >
+                ${this.localize('compareVoteBothBad')}
+              </button>`
+            : nothing}
+        </div>
+      </div>
+      <lyra-live-region part="live-region" mode="polite"></lyra-live-region>
+    `;
+    }
+}
+__decorate([
+    state()
+], LyraComparePanel.prototype, "hasPromptSlot", void 0);
+__decorate([
+    query('[part="pane-a"]')
+], LyraComparePanel.prototype, "paneAEl", void 0);
+__decorate([
+    query('[part="pane-b"]')
+], LyraComparePanel.prototype, "paneBEl", void 0);
+__decorate([
+    query('lyra-live-region')
+], LyraComparePanel.prototype, "liveRegion", void 0);
+//# sourceMappingURL=compare-panel.class.js.map

package/dist/components/compare-panel/compare-panel.class.js.map

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

package/dist/components/compare-panel/compare-panel.d.ts

@@ -0,0 +1,3 @@
+export * from './compare-panel.class.js';
+import '../live-region/live-region.js';
+//# sourceMappingURL=compare-panel.d.ts.map

package/dist/components/compare-panel/compare-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-panel.d.ts","sourceRoot":"","sources":["../../../src/components/compare-panel/compare-panel.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AAGzC,OAAO,+BAA+B,CAAC"}

package/dist/components/compare-panel/compare-panel.js

@@ -0,0 +1,6 @@
+export * from './compare-panel.class.js';
+import { LyraComparePanel } from './compare-panel.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import '../live-region/live-region.js';
+defineElement('compare-panel', LyraComparePanel);
+//# sourceMappingURL=compare-panel.js.map

package/dist/components/compare-panel/compare-panel.js.map

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

package/dist/components/compare-panel/compare-panel.styles.d.ts

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

package/dist/components/compare-panel/compare-panel.styles.d.ts.map

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