@aceshooting/lyra-ui 2.0.0 → 2.2.0

package/dist/components/attachment-trigger/attachment-trigger.js

@@ -1,258 +1,7 @@
-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 } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './attachment-trigger.class.js';
+import { LyraAttachmentTrigger } from './attachment-trigger.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { styles } from './attachment-trigger.styles.js';
-import '../menu/menu.js';
-import '../menu/menu-item.js';
-// Mirrors the shared icon set's viewBox/stroke conventions
-// (internal/icons.ts's chevronIcon()/closeIcon()/etc.) without adding these
-// one-off glyphs to that module -- it's off limits here -- so they still
-// read as part of the same visual language as the rest of the library's
-// inline icons. Same approach as lyra-attachment-chip's local fileGlyph()/
-// retryIcon() and lyra-checkbox's local checkmarkGlyph().
-const ICON_VIEW_BOX = '0 0 24 24';
-const ICON_STROKE_WIDTH = '1.75';
-function icon(paths) {
-    return svg `
-    <svg
-      width="1em"
-      height="1em"
-      viewBox=${ICON_VIEW_BOX}
-      fill="none"
-      stroke="currentColor"
-      stroke-width=${ICON_STROKE_WIDTH}
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      aria-hidden="true"
-      focusable="false"
-    >${paths}</svg>
-  `;
-}
-/** A paperclip glyph -- the generic "attach" affordance, used for the
- *  `files` capability and as the multi-capability menu's own trigger icon
- *  (the one glyph a user recognizes regardless of which capabilities the
- *  menu underneath actually offers). */
-function paperclipIcon() {
-    return icon(svg `
-    <path d="M21.44 11.05 12.25 20.24a5.5 5.5 0 0 1-7.78-7.78l9.19-9.19a3.5 3.5 0 0 1 4.95 4.95l-9.2 9.19a1.5 1.5 0 0 1-2.12-2.12l8.49-8.48"></path>
-  `);
-}
-/** A picture-frame glyph for the `image` capability. */
-function imageIcon() {
-    return icon(svg `
-    <rect x="3" y="3" width="18" height="18" rx="2"></rect>
-    <circle cx="8.5" cy="8.5" r="1.5"></circle>
-    <polyline points="21 15 16 10 5 21"></polyline>
-  `);
-}
-/** A camera-body glyph for the `camera` capability. */
-function cameraIcon() {
-    return icon(svg `
-    <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2Z"></path>
-    <circle cx="12" cy="13" r="4"></circle>
-  `);
-}
-const CAPABILITY_META = {
-    files: { icon: paperclipIcon, triggerLabel: 'Attach files', menuLabel: 'Upload files' },
-    image: { icon: imageIcon, triggerLabel: 'Attach an image', menuLabel: 'Upload a photo' },
-    camera: { icon: cameraIcon, triggerLabel: 'Use camera', menuLabel: 'Take a photo' },
-};
-/**
- * `<lyra-attachment-trigger>` — a compact attach affordance designed for a
- * chat composer's leading slot (see `<lyra-chat-composer>`'s own `leading`
- * slot, which this drops straight into, though this component has no code
- * dependency on it). Its shape adapts to how many attachment `capabilities`
- * are configured:
- *  - Exactly one capability: a single plain icon button ([part='trigger']).
- *    Activating it performs that capability's action directly.
- *  - More than one: a small anchored menu ([part='menu'], composed from
- *    `<lyra-menu>`/`<lyra-menu-item>`) listing each capability as a row.
- *
- * Two of the three capabilities (`files`, `image`) are file-picker-backed:
- * activating them opens a hidden native `<input type="file">` via a
- * synthetic `.click()`, and the resulting selection is re-emitted as
- * `lyra-pick`. `accept` is shared across both — `image` defaults it to
- * `'image/*'` unless the `accept` prop overrides it, `files` always uses
- * `accept` as-is (empty means "any file type", matching a bare native
- * `<input type="file">` with no `accept` attribute).
- *
- * **`camera` is scope-limited by design.** This component does not
- * implement any camera capture UI itself — no `getUserMedia`, no
- * `<input capture>` — because that's entirely a host/browser concern with
- * no single right answer (a desktop web app, a mobile PWA, and a native
- * wrapper all want different things here). Activating the `camera`
- * capability only fires `lyra-camera-request`; the host owns everything
- * from that point on (opening its own capture UI, then presumably handing
- * the resulting `File` back to something like `<lyra-attachment-chip>`).
- *
- * @customElement lyra-attachment-trigger
- * @event lyra-pick - A file-backed capability's hidden file input produced a
- * real selection. `detail: { capability: 'files' | 'image', files }` — a
- * real `FileList` (not a plain array), matching the native input's own
- * `.files` shape, but an independent snapshot rather than that same live
- * object — see `onInputChange`'s own doc for why a live reference would be
- * unsafe to hand out here.
- * @event lyra-camera-request - The `camera` capability was activated. No
- * detail payload — see the class doc's scope note; the host implements the
- * actual capture flow.
- * @csspart trigger - The single-capability icon button. Only rendered when `capabilities.length === 1`.
- * @csspart menu - The `<lyra-menu>` wrapper. Only rendered when `capabilities.length > 1`.
- */
-export class LyraAttachmentTrigger extends LyraElement {
-    constructor() {
-        super(...arguments);
-        /** Which attachment capabilities to offer, in display order. A single
-         *  entry renders a plain button; more than one renders a menu. */
-        this.capabilities = ['files'];
-        /** Native-file-input-style accept string (e.g. `'image/*'` or
-         *  `'.pdf,.docx'`), forwarded to the hidden file input for the
-         *  `files`/`image` capabilities — see the class doc for how each uses it. */
-        this.accept = '';
-        /** Forwarded to the hidden file input's own `multiple` attribute. */
-        this.multiple = true;
-        this.disabled = false;
-        // Which file-backed capability the hidden input's next 'change' event
-        // belongs to -- set synchronously right before the synthetic .click(), so
-        // one shared <input> can serve both 'files' and 'image' (each wanting a
-        // different `accept`) without needing two separate hidden inputs.
-        this.pendingCapability = 'files';
-        this.onTriggerClick = () => {
-            this.activateCapability(this.capabilities[0]);
-        };
-        this.onMenuSelect = (e) => {
-            this.activateCapability(e.detail.value);
-        };
-        this.onInputChange = (e) => {
-            const input = e.target;
-            const selected = input.files;
-            if (selected && selected.length > 0) {
-                // `input.files` is a *live* view of the input's own current
-                // selection, not a frozen snapshot -- clearing `.value` below (so
-                // re-picking the exact same file still fires another 'change' next
-                // time) mutates this very object back to empty in place. A listener
-                // that reads `detail.files` synchronously (a plain `addEventListener`
-                // callback) would never notice, but anything that reads it even one
-                // microtask later (an `async` handler, a queued upload) would see an
-                // empty list. Rehoming the selected files into a fresh `DataTransfer`
-                // produces an independent `FileList` — still the real `FileList` type
-                // the `lyra-pick` contract promises, just no longer tied to this
-                // input's own live state.
-                const snapshot = new DataTransfer();
-                for (const file of selected)
-                    snapshot.items.add(file);
-                this.emit('lyra-pick', {
-                    capability: this.pendingCapability,
-                    files: snapshot.files,
-                });
-            }
-            // Clearing `.value` (not just leaving the stale selection in place)
-            // means re-picking the exact same file still fires another 'change'
-            // event next time, matching <lyra-file-input>'s identical reset.
-            input.value = '';
-        };
-    }
-    static { this.styles = [LyraElement.styles, styles]; }
-    get hasFileCapability() {
-        return this.capabilities.includes('files') || this.capabilities.includes('image');
-    }
-    effectiveAccept(capability) {
-        return capability === 'image' ? this.accept || 'image/*' : this.accept;
-    }
-    activateCapability(capability) {
-        if (this.disabled)
-            return;
-        if (capability === 'camera') {
-            this.emit('lyra-camera-request');
-            return;
-        }
-        this.pendingCapability = capability;
-        const input = this.inputEl;
-        if (!input)
-            return;
-        input.accept = this.effectiveAccept(capability);
-        input.click();
-    }
-    renderHiddenInput() {
-        return html `
-      <input
-        type="file"
-        tabindex="-1"
-        aria-hidden="true"
-        ?multiple=${this.multiple}
-        ?disabled=${this.disabled}
-        @change=${this.onInputChange}
-      />
-    `;
-    }
-    renderSingleTrigger(capability) {
-        const meta = CAPABILITY_META[capability];
-        return html `
-      <button
-        part="trigger"
-        class="trigger-button"
-        type="button"
-        aria-label=${meta.triggerLabel}
-        ?disabled=${this.disabled}
-        @click=${this.onTriggerClick}
-      >
-        ${meta.icon()}
-      </button>
-    `;
-    }
-    renderMenu() {
-        return html `
-      <lyra-menu part="menu" label="Add attachment" @lyra-menu-select=${this.onMenuSelect}>
-        <button
-          slot="trigger"
-          class="trigger-button"
-          type="button"
-          aria-label="Add attachment"
-          ?disabled=${this.disabled}
-        >
-          ${paperclipIcon()}
-        </button>
-        ${this.capabilities.map((capability) => {
-            const meta = CAPABILITY_META[capability];
-            return html `
-            <lyra-menu-item value=${capability}>
-              <span slot="icon">${meta.icon()}</span>
-              ${meta.menuLabel}
-            </lyra-menu-item>
-          `;
-        })}
-      </lyra-menu>
-    `;
-    }
-    render() {
-        const single = this.capabilities.length === 1;
-        const multi = this.capabilities.length > 1;
-        return html `
-      ${single ? this.renderSingleTrigger(this.capabilities[0]) : nothing}
-      ${multi ? this.renderMenu() : nothing}
-      ${this.hasFileCapability ? this.renderHiddenInput() : nothing}
-    `;
-    }
-}
-__decorate([
-    property({ attribute: false })
-], LyraAttachmentTrigger.prototype, "capabilities", void 0);
-__decorate([
-    property()
-], LyraAttachmentTrigger.prototype, "accept", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraAttachmentTrigger.prototype, "multiple", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraAttachmentTrigger.prototype, "disabled", void 0);
-__decorate([
-    query('input[type="file"]')
-], LyraAttachmentTrigger.prototype, "inputEl", void 0);
+import "../menu/menu-item.js";
+import "../menu/menu.js";
 defineElement('attachment-trigger', LyraAttachmentTrigger);
+//# sourceMappingURL=attachment-trigger.js.map

package/dist/components/attachment-trigger/attachment-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-trigger.js","sourceRoot":"","sources":["../../../src/components/attachment-trigger/attachment-trigger.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AACzB,aAAa,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC"}

package/dist/components/attachment-trigger/attachment-trigger.styles.d.ts

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

package/dist/components/attachment-trigger/attachment-trigger.styles.d.ts.map

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

package/dist/components/attachment-trigger/attachment-trigger.styles.js

@@ -11,12 +11,13 @@ export const styles = css `
   }
 
   /* Shared visual treatment for both the single-capability button
-     ([part='trigger']) and the multi-capability button slotted into
-     lyra-menu's own trigger slot -- the latter can't itself carry
-     part='trigger' (that name is reserved for the single-capability case,
-     so a consumer's ::part(trigger) selector unambiguously targets exactly
-     one button), so both buttons share this plain class instead of
-     duplicating the same declaration block twice. */
+     ([part='trigger']) and the multi-capability button ([part='menu-trigger'])
+     slotted into lyra-menu's own trigger slot -- the latter can't reuse
+     part='trigger' itself (that name is reserved for the single-capability
+     case, so a consumer's ::part(trigger) selector unambiguously targets
+     exactly one button), so both buttons share this plain class for the
+     declarations that genuinely are identical, on top of each one's own
+     distinct part name. */
   .trigger-button {
     display: inline-flex;
     flex: 0 0 auto;
@@ -28,23 +29,27 @@ export const styles = css `
        this sits comfortably inside a composer's leading slot alongside a
        textarea, matching lyra-combobox's clear-button / lyra-select's
        toggle sizing convention. */
-    min-inline-size: min(var(--lyra-icon-button-size), 1.75rem);
-    min-block-size: min(var(--lyra-icon-button-size), 1.75rem);
+    min-inline-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
+    min-block-size: min(var(--lyra-icon-button-size), var(--lyra-size-1-75rem));
     padding: 0;
     border: none;
     border-radius: calc(var(--lyra-radius) * 0.6);
     background: transparent;
     color: var(--lyra-color-text-quiet);
     font: inherit;
-    font-size: 1.125rem;
-    line-height: 1;
+    font-size: var(--lyra-font-size-lg);
+    line-height: var(--lyra-line-height-none);
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transition:
       background-color var(--lyra-transition-fast),
       color var(--lyra-transition-fast);
   }
-  .trigger-button:hover:not(:disabled) {
+  /* :where() zeroes the wrapped selectors' specificity contribution, leaving only :hover itself
+     -- (0,1,0) total, functionally identical selection to \`.trigger-button:hover:not(:disabled)\`
+     ((0,3,0)) but now losing (on the pseudo-element tiebreak) to a consumer's own
+     \`::part(trigger):hover\` override ((0,1,1)) without that consumer needing !important. */
+  :where(.trigger-button):hover:where(:not(:disabled)) {
     background: color-mix(in srgb, var(--lyra-color-text) 8%, transparent);
     color: var(--lyra-color-text);
   }
@@ -60,9 +65,31 @@ export const styles = css `
     display: block;
   }
 
+  /* [part='menu-trigger'] carries a second glyph (the paperclip plus this
+     disclosure chevron) alongside the single-capability [part='trigger']'s
+     one, so it alone needs a gap between them. */
+  [part='menu-trigger'] {
+    gap: var(--lyra-space-xs);
+  }
+
+  /* Disclosure cue for the multi-capability trigger, matching
+     lyra-combobox/lyra-select's own [part='expand-icon'] convention (same
+     chevronIcon() rotated to point down) -- but sized down from their
+     dedicated-touch-target treatment since here it's a second glyph inside
+     one already-compact icon button, not its own separate control. */
+  [part='expand-icon'] {
+    display: inline-flex;
+    flex: 0 0 auto;
+    font-size: var(--lyra-size-0-75em);
+  }
+  [part='expand-icon'] svg {
+    transform: rotate(90deg);
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .trigger-button {
       transition: none !important;
     }
   }
 `;
+//# sourceMappingURL=attachment-trigger.styles.js.map

package/dist/components/attachment-trigger/attachment-trigger.styles.js.map

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

package/dist/components/chart/bar-chart.class.d.ts

@@ -0,0 +1,15 @@
+import { LyraChart } from './chart.class.js';
+/**
+ * `<lyra-bar-chart>` — `<lyra-chart>` with `type` locked to `"bar"`.
+ *
+ * @customElement lyra-bar-chart
+ */
+export declare class LyraBarChart extends LyraChart {
+    type: 'bar';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-bar-chart': LyraBarChart;
+    }
+}
+//# sourceMappingURL=bar-chart.class.d.ts.map

package/dist/components/chart/bar-chart.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/bar-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,qBAAa,YAAa,SAAQ,SAAS;IACjC,IAAI,EAAE,KAAK,CAAC;CACrB;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/chart/bar-chart.class.js

@@ -0,0 +1,10 @@
+import { LyraChart, lockChartType } from './chart.class.js';
+/**
+ * `<lyra-bar-chart>` — `<lyra-chart>` with `type` locked to `"bar"`.
+ *
+ * @customElement lyra-bar-chart
+ */
+export class LyraBarChart extends LyraChart {
+}
+lockChartType(LyraBarChart, 'bar');
+//# sourceMappingURL=bar-chart.class.js.map

package/dist/components/chart/bar-chart.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.class.js","sourceRoot":"","sources":["../../../src/components/chart/bar-chart.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,OAAO,YAAa,SAAQ,SAAS;CAE1C;AAED,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC"}

package/dist/components/chart/bar-chart.d.ts

@@ -1,14 +1,3 @@
-import { LyraChart } from './chart.js';
-/**
- * `<lyra-bar-chart>` — `<lyra-chart>` with `type` locked to `"bar"`.
- *
- * @customElement lyra-bar-chart
- */
-export declare class LyraBarChart extends LyraChart {
-    type: 'bar';
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-bar-chart': LyraBarChart;
-    }
-}
+export * from './bar-chart.class.js';
+import "./chart.js";
+//# sourceMappingURL=bar-chart.d.ts.map

package/dist/components/chart/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/bar-chart.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AAGrC,OAAO,YAAY,CAAC"}

package/dist/components/chart/bar-chart.js

@@ -1,27 +1,6 @@
-import { LyraChart } from './chart.js';
+export * from './bar-chart.class.js';
+import { LyraBarChart } from './bar-chart.class.js';
 import { defineElement } from '../../internal/prefix.js';
-/**
- * `<lyra-bar-chart>` — `<lyra-chart>` with `type` locked to `"bar"`.
- *
- * @customElement lyra-bar-chart
- */
-export class LyraBarChart extends LyraChart {
-}
-// `type` is locked read-only rather than a settable class field with just a
-// default value — `LyraChart` declares it as a plain (decorator-managed)
-// class field, and TypeScript forbids a subclass from re-declaring a base
-// field as a getter/setter pair via ordinary class syntax (TS2611) — so the
-// accessor pair is installed directly on the prototype instead, which is
-// runtime-equivalent (same shadowing semantics as a class-syntax override)
-// without tripping that check.
-Object.defineProperty(LyraBarChart.prototype, 'type', {
-    configurable: true,
-    enumerable: true,
-    get() {
-        return 'bar';
-    },
-    set(_v) {
-        /* locked to 'bar'; direct writes are ignored */
-    },
-});
+import "./chart.js";
 defineElement('bar-chart', LyraBarChart);
+//# sourceMappingURL=bar-chart.js.map

package/dist/components/chart/bar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../../src/components/chart/bar-chart.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,YAAY,CAAC;AACpB,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/chart/box-plot.class.d.ts

@@ -0,0 +1,78 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../skeleton/skeleton.class.js';
+export interface BoxPlotPoint {
+    min: number;
+    q1: number;
+    median: number;
+    q3: number;
+    max: number;
+}
+export interface BoxPlotSeries {
+    label: string;
+    data: BoxPlotPoint[];
+    color?: string;
+}
+/**
+ * `<lyra-box-plot>` — a box-and-whisker chart from precomputed five-number
+ * summaries (no raw sample data is shipped to the browser). Beyond Web
+ * Awesome's chart set — useful for summarizing distributions.
+ *
+ * @customElement lyra-box-plot
+ * @csspart base - The chart wrapper.
+ * @csspart canvas - The box-plot canvas.
+ * @csspart description - The accessible box-plot summary.
+ * @csspart data-table - The optional generated or slotted data table.
+ * @slot data-table - An optional consumer-provided accessible table alternative.
+ */
+export declare class LyraBoxPlot extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    labels: string[];
+    boxes: BoxPlotSeries[];
+    legend: boolean;
+    height: string;
+    yLabel: string;
+    beginAtZero: boolean;
+    /** Accessible name applied to the canvas. Falls back to the box labels. */
+    accessibleLabel: string;
+    /** Accessible description for the canvas. When unset, a five-number summary is generated. */
+    accessibleDescription: string;
+    /** Makes the generated data table visible; it remains screen-reader available when false. */
+    showDataTable: boolean;
+    /**
+     * True until the lazy-loaded `chart.js` + `@sgratzl/chartjs-chart-boxplot`
+     * peer dependencies have settled (success or failure) — mirrors
+     * `LyraChart`'s `loading` state.
+     */
+    private loading;
+    private visible;
+    private intersectionObserver?;
+    private canvasEl?;
+    private chart?;
+    private chartJsModule?;
+    private descriptionId;
+    connectedCallback(): void;
+    private onBoxPlotPluginLoaded;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    /**
+     * Resolves the `--lyra-chart-*` theme tokens (declared in
+     * `box-plot.styles.ts`, each layered over an existing semantic token) via
+     * `getComputedStyle`. Chart.js renders to canvas, not the DOM, so it can't
+     * consume CSS `var()` directly — same constraint `chart.ts`'s
+     * `themeColors()` documents — so this is called fresh from `buildConfig()`
+     * on every draw rather than cached.
+     */
+    private themeColors;
+    private buildConfig;
+    private draw;
+    private boxPlotDescription;
+    private renderDataTable;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-box-plot': LyraBoxPlot;
+    }
+}
+//# sourceMappingURL=box-plot.class.d.ts.map

package/dist/components/chart/box-plot.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-plot.class.d.ts","sourceRoot":"","sources":["../../../src/components/chart/box-plot.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,OAAO,+BAA+B,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqDD;;;;;;;;;;;GAWG;AACH,qBAAa,WAAY,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,iCAAwC;IAErB,MAAM,EAAE,MAAM,EAAE,CAAM;IACtB,KAAK,EAAE,aAAa,EAAE,CAAM;IAC/B,MAAM,UAAS;IAChC,MAAM,SAAW;IACO,MAAM,SAAM;IACS,WAAW,UAAQ;IAC5E,2EAA2E;IAC9B,eAAe,SAAM;IAClE,6FAA6F;IAC1C,qBAAqB,SAAM;IAC9E,6FAA6F;IAClC,aAAa,UAAS;IAEjF;;;;OAIG;IACM,OAAO,CAAC,OAAO,CAAQ;IAEvB,OAAO,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,oBAAoB,CAAC,CAAuB;IAEnC,OAAO,CAAC,QAAQ,CAAC,CAAoB;IACtD,OAAO,CAAC,KAAK,CAAC,CAAkB;IAChC,OAAO,CAAC,aAAa,CAAC,CAAkB;IACxC,OAAO,CAAC,aAAa,CAAkC;IAEvD,iBAAiB,IAAI,IAAI,CAWxB;YAca,qBAAqB;IAYnC,oBAAoB,IAAI,IAAI,CAK3B;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAmB/C;IAED;;;;;;;OAOG;IACH,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IAsCnB,OAAO,CAAC,IAAI;IAYZ,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,eAAe;IAoCvB,MAAM,IAAI,cAAc,CAoBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}