@aceshooting/lyra-ui 3.7.0 → 3.9.0

package/dist/components/message-actions/message-actions.js.map

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

package/dist/components/message-actions/message-actions.styles.d.ts

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

package/dist/components/message-actions/message-actions.styles.d.ts.map

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

package/dist/components/message-actions/message-actions.styles.js

@@ -0,0 +1,66 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline-flex;
+    max-inline-size: 100%;
+  }
+  :host([reveal-on-hover]) {
+    opacity: 0;
+    transition: opacity var(--lyra-transition-fast);
+  }
+  :host([reveal-on-hover][data-revealed]) {
+    opacity: 1;
+  }
+  @media (hover: none) {
+    :host([reveal-on-hover]) {
+      opacity: 1;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    :host([reveal-on-hover]) {
+      transition: none;
+    }
+  }
+  [part='base'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--lyra-space-2xs);
+    max-inline-size: 100%;
+  }
+  [part~='regenerate-button'],
+  [part~='edit-button'] {
+    /* Keep the glyph compact while giving the interactive box the shared
+       minimum target size -- same "small glyph, padded hit box" pattern as
+       lyra-code-block's/lyra-json-viewer's [part='toggle']. */
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: var(--lyra-size-1-75rem);
+    block-size: var(--lyra-size-1-75rem);
+    min-inline-size: var(--lyra-icon-button-size);
+    min-block-size: var(--lyra-icon-button-size);
+    padding: 0;
+    border: 0;
+    border-radius: var(--lyra-radius);
+    background: transparent;
+    color: var(--lyra-color-text-quiet);
+    cursor: pointer;
+  }
+  [part~='regenerate-button']:hover,
+  [part~='edit-button']:hover {
+    background: var(--lyra-color-surface-raised);
+    color: var(--lyra-color-text);
+  }
+  [part~='regenerate-button']:focus-visible,
+  [part~='edit-button']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  @container (max-width: 20rem) {
+    [part='base'] {
+      inline-size: 100%;
+    }
+  }
+`;
+//# sourceMappingURL=message-actions.styles.js.map

package/dist/components/message-actions/message-actions.styles.js.map

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

package/dist/components/message-feedback/message-feedback.class.d.ts

@@ -0,0 +1,91 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../chip/chip.js';
+import '../live-region/live-region.js';
+export interface MessageFeedbackReason {
+    id: string;
+    label: string;
+}
+export interface LyraMessageFeedbackEventMap {
+    'lyra-change': CustomEvent<{
+        value: 'up' | 'down' | null;
+    }>;
+    'lyra-submit': CustomEvent<{
+        value: 'up' | 'down';
+        reasonIds: string[];
+        comment: string;
+    }>;
+}
+/**
+ * `<lyra-message-feedback>` — thumbs up/down for one assistant message, with an optional inline
+ * detail step (categorical reason chips + a free-text comment) that opens as a disclosure directly
+ * below the thumbs. Emits; never persists — a host reflects a previously-recorded rating back via
+ * `value` (+ `disabled` for a read-only display).
+ *
+ * Activating the pressed thumb again toggles it off to `null` (mirrors `<lyra-rating>`'s
+ * re-activate-to-clear contract) *unless* its own detail panel is currently open, in which case that
+ * click re-opens the panel instead (showing whatever reason/comment draft survived a prior Escape or
+ * submit). A thumbs-only configuration (`reasons` empty and `commentable` false, e.g.
+ * `<lyra-message-actions>`'s embedded built-in) never has a panel to reopen, so its thumbs always
+ * behave as a plain toggle.
+ *
+ * @customElement lyra-message-feedback
+ * @event lyra-change - `detail: { value }`. Activating a thumb sets it; re-activating the pressed
+ *   thumb (with no panel open) clears it to `null`. The terminal signal when no detail panel is
+ *   configured for that thumb.
+ * @event lyra-submit - `detail: { value, reasonIds, comment }`, fired by the panel's submit button.
+ * @csspart base - The root.
+ * @csspart thumbs - The wrapper around both thumb buttons.
+ * @csspart up-button - The thumbs-up toggle button.
+ * @csspart down-button - The thumbs-down toggle button.
+ * @csspart panel - The inline detail disclosure. Only rendered when `reasons` is non-empty or
+ *   `commentable` is set.
+ * @csspart reasons - The reason-chip group. Only rendered when `reasons` is non-empty.
+ * @csspart comment - The comment `<textarea>`. Only rendered when `commentable`.
+ * @csspart submit-button - The panel's submit button.
+ */
+export declare class LyraMessageFeedback extends LyraElement<LyraMessageFeedbackEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Current rating. Host-writable (e.g. to reflect a previously-recorded rating back). */
+    value: 'up' | 'down' | null;
+    /** Categorical reasons offered as multi-select chips inside the detail panel. Empty renders no
+     *  reason-chip group at all. */
+    reasons: MessageFeedbackReason[];
+    /** Adds a free-text comment field to the detail panel. */
+    commentable: boolean;
+    /** Which rating opens the detail panel (only when it would have content -- `reasons` non-empty or
+     *  `commentable`). `'down'` (the default) matches the dominant product pattern of elaborating only
+     *  on negative feedback; `'both'` opens it for either thumb. */
+    detailFor: 'down' | 'both';
+    /** Read-only display of a recorded rating -- both thumbs become inert. */
+    disabled: boolean;
+    private panelOpen;
+    private selectedReasonIds;
+    private commentDraft;
+    private upButtonEl?;
+    private downButtonEl?;
+    private liveRegion?;
+    private readonly panelId;
+    /** Focuses the thumb matching the current `value` (the up thumb when `value` is `null`) --
+     *  lets a toolbar embedding this component (e.g. `<lyra-message-actions>`) treat it as one
+     *  arrow-key stop. */
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    private get hasDetailContent();
+    private detailApplies;
+    private activateThumb;
+    private focusActiveThumb;
+    private closePanel;
+    private onPanelKeyDown;
+    private toggleReason;
+    private onCommentInput;
+    private onSubmit;
+    private renderThumb;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-message-feedback': LyraMessageFeedback;
+    }
+}
+//# sourceMappingURL=message-feedback.class.d.ts.map

package/dist/components/message-feedback/message-feedback.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-feedback.class.d.ts","sourceRoot":"","sources":["../../../src/components/message-feedback/message-feedback.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,iBAAiB,CAAC;AACzB,OAAO,+BAA+B,CAAC;AAIvC,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,2BAA2B;IAC1C,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAC5D,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,IAAI,GAAG,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5F;AAgCD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBAAa,mBAAoB,SAAQ,WAAW,CAAC,2BAA2B,CAAC;IAC/E,MAAM,CAAC,MAAM,iCAAgC;IAE7C,yFAAyF;IAC5D,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAQ;IAEhE;oCACgC;IACA,OAAO,EAAE,qBAAqB,EAAE,CAAM;IAEtE,0DAA0D;IACd,WAAW,UAAS;IAEhE;;oEAEgE;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAU;IAE3E,0EAA0E;IAC9B,QAAQ,UAAS;IAEpD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,YAAY,CAAM;IAEN,OAAO,CAAC,UAAU,CAAC,CAAoB;IACrC,OAAO,CAAC,YAAY,CAAC,CAAoB;IAC7C,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE/D,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAoC;IAE5D;;0BAEsB;IACb,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAE3C;IAEQ,IAAI,IAAI,IAAI,CAGpB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,WAAW;IAmBnB,MAAM,IAAI,cAAc,CA6CvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

package/dist/components/message-feedback/message-feedback.class.js

@@ -0,0 +1,266 @@
+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, svg } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { nextId } from '../../internal/a11y.js';
+import '../chip/chip.js';
+import '../live-region/live-region.js';
+import { styles } from './message-feedback.styles.js';
+// A one-off thumb glyph, sharing internal/icons.ts's 24x24 viewBox / 1em sizing / stroke-width
+// conventions so it reads as part of the same visual language as the rest of the library's inline
+// icons, without adding a feedback-specific shape to that shared, general-purpose module. Same
+// approach several sibling chat components' own local glyphs take for the identical reason.
+// `filled` swaps the fill so the pressed state is never conveyed by aria-pressed/color alone.
+function thumbIcon(direction, filled) {
+    const cuff = direction === 'up'
+        ? 'M7 11v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3Z'
+        : 'M17 13V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v8h4Z';
+    const hand = direction === 'up'
+        ? 'M7 11l3.5-7A2 2 0 0 1 12 3a1 1 0 0 1 1 1v6h4.5a2 2 0 0 1 2 2.3l-1.2 7A2 2 0 0 1 16.3 21H9a2 2 0 0 1-2-2v-8Z'
+        : 'M17 13l-3.5 7A2 2 0 0 1 12 21a1 1 0 0 1-1-1v-6H6.5a2 2 0 0 1-2-2.3l1.2-7A2 2 0 0 1 7.7 3H15a2 2 0 0 1 2 2v8Z';
+    return svg `
+    <svg
+      width="1em"
+      height="1em"
+      viewBox="0 0 24 24"
+      fill=${filled ? 'currentColor' : 'none'}
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      focusable="false"
+    ><path d=${cuff}></path><path d=${hand}></path></svg>
+  `;
+}
+/**
+ * `<lyra-message-feedback>` — thumbs up/down for one assistant message, with an optional inline
+ * detail step (categorical reason chips + a free-text comment) that opens as a disclosure directly
+ * below the thumbs. Emits; never persists — a host reflects a previously-recorded rating back via
+ * `value` (+ `disabled` for a read-only display).
+ *
+ * Activating the pressed thumb again toggles it off to `null` (mirrors `<lyra-rating>`'s
+ * re-activate-to-clear contract) *unless* its own detail panel is currently open, in which case that
+ * click re-opens the panel instead (showing whatever reason/comment draft survived a prior Escape or
+ * submit). A thumbs-only configuration (`reasons` empty and `commentable` false, e.g.
+ * `<lyra-message-actions>`'s embedded built-in) never has a panel to reopen, so its thumbs always
+ * behave as a plain toggle.
+ *
+ * @customElement lyra-message-feedback
+ * @event lyra-change - `detail: { value }`. Activating a thumb sets it; re-activating the pressed
+ *   thumb (with no panel open) clears it to `null`. The terminal signal when no detail panel is
+ *   configured for that thumb.
+ * @event lyra-submit - `detail: { value, reasonIds, comment }`, fired by the panel's submit button.
+ * @csspart base - The root.
+ * @csspart thumbs - The wrapper around both thumb buttons.
+ * @csspart up-button - The thumbs-up toggle button.
+ * @csspart down-button - The thumbs-down toggle button.
+ * @csspart panel - The inline detail disclosure. Only rendered when `reasons` is non-empty or
+ *   `commentable` is set.
+ * @csspart reasons - The reason-chip group. Only rendered when `reasons` is non-empty.
+ * @csspart comment - The comment `<textarea>`. Only rendered when `commentable`.
+ * @csspart submit-button - The panel's submit button.
+ */
+export class LyraMessageFeedback extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Current rating. Host-writable (e.g. to reflect a previously-recorded rating back). */
+        this.value = null;
+        /** Categorical reasons offered as multi-select chips inside the detail panel. Empty renders no
+         *  reason-chip group at all. */
+        this.reasons = [];
+        /** Adds a free-text comment field to the detail panel. */
+        this.commentable = false;
+        /** Which rating opens the detail panel (only when it would have content -- `reasons` non-empty or
+         *  `commentable`). `'down'` (the default) matches the dominant product pattern of elaborating only
+         *  on negative feedback; `'both'` opens it for either thumb. */
+        this.detailFor = 'down';
+        /** Read-only display of a recorded rating -- both thumbs become inert. */
+        this.disabled = false;
+        this.panelOpen = false;
+        this.selectedReasonIds = [];
+        this.commentDraft = '';
+        this.panelId = nextId('message-feedback-panel');
+        this.onPanelKeyDown = (e) => {
+            if (e.key !== 'Escape')
+                return;
+            e.stopPropagation();
+            this.closePanel();
+        };
+        this.onCommentInput = (e) => {
+            this.commentDraft = e.target.value;
+        };
+        this.onSubmit = () => {
+            if (!this.value)
+                return;
+            this.emit('lyra-submit', {
+                value: this.value,
+                reasonIds: [...this.selectedReasonIds],
+                comment: this.commentDraft.trim(),
+            });
+            this.panelOpen = false;
+            this.liveRegion?.announce(this.localize('feedbackSubmitted'), { force: true });
+            this.focusActiveThumb();
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** Focuses the thumb matching the current `value` (the up thumb when `value` is `null`) --
+     *  lets a toolbar embedding this component (e.g. `<lyra-message-actions>`) treat it as one
+     *  arrow-key stop. */
+    focus(options) {
+        (this.value === 'down' ? this.downButtonEl : this.upButtonEl)?.focus(options);
+    }
+    blur() {
+        this.upButtonEl?.blur();
+        this.downButtonEl?.blur();
+    }
+    get hasDetailContent() {
+        return this.reasons.length > 0 || this.commentable;
+    }
+    detailApplies(direction) {
+        return this.detailFor === 'both' || direction === 'down';
+    }
+    activateThumb(next) {
+        if (this.disabled)
+            return;
+        if (this.value === next) {
+            if (this.panelOpen) {
+                this.value = null;
+                this.panelOpen = false;
+                this.selectedReasonIds = [];
+                this.commentDraft = '';
+                this.emit('lyra-change', { value: null });
+                return;
+            }
+            if (this.detailApplies(next) && this.hasDetailContent) {
+                // Panel was closed (Escape, or a prior submit) without clearing `value` -- re-open it
+                // showing whatever draft survived. Nothing about `value` changed, so no lyra-change.
+                this.panelOpen = true;
+                return;
+            }
+            this.value = null;
+            this.emit('lyra-change', { value: null });
+            return;
+        }
+        this.selectedReasonIds = [];
+        this.commentDraft = '';
+        this.value = next;
+        this.panelOpen = this.detailApplies(next) && this.hasDetailContent;
+        this.emit('lyra-change', { value: next });
+    }
+    focusActiveThumb() {
+        (this.value === 'down' ? this.downButtonEl : this.upButtonEl)?.focus();
+    }
+    closePanel() {
+        if (!this.panelOpen)
+            return;
+        this.panelOpen = false;
+        this.focusActiveThumb();
+    }
+    toggleReason(id) {
+        this.selectedReasonIds = this.selectedReasonIds.includes(id)
+            ? this.selectedReasonIds.filter((r) => r !== id)
+            : [...this.selectedReasonIds, id];
+    }
+    renderThumb(direction) {
+        const pressed = this.value === direction;
+        const canExpand = this.detailApplies(direction) && this.hasDetailContent;
+        return html `
+      <button
+        part=${direction === 'up' ? 'up-button' : 'down-button'}
+        type="button"
+        aria-pressed=${pressed ? 'true' : 'false'}
+        aria-label=${this.localize(direction === 'up' ? 'feedbackPositive' : 'feedbackNegative')}
+        aria-expanded=${canExpand ? (pressed && this.panelOpen ? 'true' : 'false') : nothing}
+        aria-controls=${canExpand ? this.panelId : nothing}
+        ?disabled=${this.disabled}
+        @click=${() => this.activateThumb(direction)}
+      >
+        ${thumbIcon(direction, pressed)}
+      </button>
+    `;
+    }
+    render() {
+        return html `
+      <div part="base">
+        <div part="thumbs">${this.renderThumb('up')}${this.renderThumb('down')}</div>
+        ${this.hasDetailContent
+            ? html `
+              <div part="panel" id=${this.panelId} ?data-open=${this.panelOpen} @keydown=${this.onPanelKeyDown}>
+                <div class="panel-inner">
+                  ${this.reasons.length > 0
+                ? html `
+                        <div part="reasons" role="group" aria-label=${this.localize('feedbackReasonsLabel')}>
+                          ${this.reasons.map((reason) => html `
+                              <lyra-chip
+                                toggleable
+                                ?selected=${this.selectedReasonIds.includes(reason.id)}
+                                @lyra-chip-select=${() => this.toggleReason(reason.id)}
+                                >${reason.label}</lyra-chip
+                              >
+                            `)}
+                        </div>
+                      `
+                : nothing}
+                  ${this.commentable
+                ? html `
+                        <textarea
+                          part="comment"
+                          aria-label=${this.localize('feedbackCommentLabel')}
+                          placeholder=${this.localize('feedbackCommentPlaceholder')}
+                          .value=${this.commentDraft}
+                          @input=${this.onCommentInput}
+                        ></textarea>
+                      `
+                : nothing}
+                  <button part="submit-button" type="button" @click=${this.onSubmit}>
+                    ${this.localize('feedbackSubmit')}
+                  </button>
+                </div>
+              </div>
+            `
+            : nothing}
+        <lyra-live-region></lyra-live-region>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ reflect: true })
+], LyraMessageFeedback.prototype, "value", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraMessageFeedback.prototype, "reasons", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMessageFeedback.prototype, "commentable", void 0);
+__decorate([
+    property({ attribute: 'detail-for' })
+], LyraMessageFeedback.prototype, "detailFor", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraMessageFeedback.prototype, "disabled", void 0);
+__decorate([
+    state()
+], LyraMessageFeedback.prototype, "panelOpen", void 0);
+__decorate([
+    state()
+], LyraMessageFeedback.prototype, "selectedReasonIds", void 0);
+__decorate([
+    state()
+], LyraMessageFeedback.prototype, "commentDraft", void 0);
+__decorate([
+    query('[part="up-button"]')
+], LyraMessageFeedback.prototype, "upButtonEl", void 0);
+__decorate([
+    query('[part="down-button"]')
+], LyraMessageFeedback.prototype, "downButtonEl", void 0);
+__decorate([
+    query('lyra-live-region')
+], LyraMessageFeedback.prototype, "liveRegion", void 0);
+//# sourceMappingURL=message-feedback.class.js.map

package/dist/components/message-feedback/message-feedback.class.js.map

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

package/dist/components/message-feedback/message-feedback.d.ts

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

package/dist/components/message-feedback/message-feedback.d.ts.map

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

package/dist/components/message-feedback/message-feedback.js

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

package/dist/components/message-feedback/message-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../src/components/message-feedback/message-feedback.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/components/message-feedback/message-feedback.styles.d.ts

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

package/dist/components/message-feedback/message-feedback.styles.d.ts.map

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

package/dist/components/message-feedback/message-feedback.styles.js

@@ -0,0 +1,133 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    max-inline-size: 100%;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lyra-space-xs);
+  }
+  [part='thumbs'] {
+    display: flex;
+    gap: var(--lyra-space-2xs);
+  }
+  [part='up-button'],
+  [part='down-button'] {
+    /* Keep the glyph compact while giving the interactive box the shared
+       minimum target size -- same "small glyph, padded hit box" pattern as
+       lyra-code-block's/lyra-json-viewer's [part='toggle']. */
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: var(--lyra-size-1-75rem);
+    block-size: var(--lyra-size-1-75rem);
+    min-inline-size: var(--lyra-icon-button-size);
+    min-block-size: var(--lyra-icon-button-size);
+    padding: 0;
+    border: var(--lyra-border-width-thin) solid transparent;
+    border-radius: var(--lyra-radius);
+    background: transparent;
+    color: var(--lyra-color-text-quiet);
+    cursor: pointer;
+  }
+  [part='up-button']:hover:not(:disabled),
+  [part='down-button']:hover:not(:disabled) {
+    background: var(--lyra-color-surface-raised);
+    color: var(--lyra-color-text);
+  }
+  [part='up-button']:focus-visible,
+  [part='down-button']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  /* The pressed state is never color-alone -- the icon itself swaps to a filled glyph in
+     lockstep with aria-pressed. These color/background/border rules are additive emphasis
+     layered on top of that shape change, not the sole signal. */
+  [part='up-button'][aria-pressed='true'] {
+    color: var(--lyra-color-success);
+    background: var(--lyra-color-success-quiet);
+    border-color: var(--lyra-color-success);
+  }
+  [part='down-button'][aria-pressed='true'] {
+    color: var(--lyra-color-danger);
+    background: var(--lyra-color-danger-quiet);
+    border-color: var(--lyra-color-danger);
+  }
+  [part='up-button']:disabled,
+  [part='down-button']:disabled {
+    cursor: not-allowed;
+    opacity: var(--lyra-opacity-disabled);
+  }
+  /* A 0fr/1fr grid-row trick animates the disclosure's block size without measuring content --
+     min-block-size: 0 on the inner wrapper plus overflow: hidden here keeps collapsed content from
+     leaking through during the transition. */
+  [part='panel'] {
+    display: grid;
+    grid-template-rows: 0fr;
+    overflow: hidden;
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-surface);
+    transition: grid-template-rows var(--lyra-transition-base);
+  }
+  [part='panel'][data-open] {
+    grid-template-rows: 1fr;
+  }
+  [part='panel'] .panel-inner {
+    overflow: hidden;
+    min-block-size: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lyra-space-s);
+    padding: var(--lyra-space-m);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [part='panel'] {
+      transition: none;
+    }
+  }
+  [part='reasons'] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--lyra-space-2xs);
+  }
+  [part='comment'] {
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-block-size: var(--lyra-size-2-5rem);
+    padding: var(--lyra-space-s);
+    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);
+    font: inherit;
+    resize: vertical;
+  }
+  [part='comment']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  [part='submit-button'] {
+    align-self: flex-end;
+    padding-inline: var(--lyra-space-m);
+    padding-block: var(--lyra-space-xs);
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-brand);
+    color: var(--lyra-color-on-brand);
+    font: inherit;
+    cursor: pointer;
+  }
+  [part='submit-button']:hover {
+    filter: brightness(1.08);
+  }
+  [part='submit-button']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: var(--lyra-focus-ring-offset);
+  }
+  /* 320px baseline: the panel already stacks in a flex column and the comment field is full-width
+     by construction, so no additional narrow-specific rule is needed. */
+`;
+//# sourceMappingURL=message-feedback.styles.js.map

package/dist/components/message-feedback/message-feedback.styles.js.map

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