@fusedashlabs/widgets 0.2.0

package/dist/components/box-plot-chart/element/styles.js

@@ -0,0 +1,69 @@
+import { css } from "lit";
+const boxPlotStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-body {
+    flex: 1 1 auto;
+    min-height: 240px;
+    display: flex;
+    flex-direction: column;
+  }
+  .chart-scroll {
+    flex: 1 1 auto;
+    min-height: 200px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: relative;
+  }
+  .chart-x-axis {
+    flex-shrink: 0;
+    width: 100%;
+    min-height: 21px;
+    overflow: hidden;
+  }
+  .chart-root {
+    width: 100%;
+    min-height: 240px;
+  }
+  .chart-root svg .bin-quartile {
+    filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))
+      drop-shadow(0 2px 4px rgb(3 4 4 / 6%));
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 10px));
+    white-space: nowrap;
+  }
+  .tooltip .name {
+    font-weight: 600;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  boxPlotStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/box-plot-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/box-plot-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const boxPlotStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: 200px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: 240px;\n  }\n  .chart-root svg .bin-quartile {\n    filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))\n      drop-shadow(0 2px 4px rgb(3 4 4 / 6%));\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/box-plot-chart/element/ui9000-box-plot-chart.d.ts

@@ -0,0 +1,33 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { BoxPlotOrientation } from '../lib/index.js';
+export declare class Ui9000BoxPlotChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    orientation: BoxPlotOrientation;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    xLabel: string;
+    yLabel: string;
+    private _tooltip;
+    private _empty;
+    private _fixedXAxis;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    firstUpdated(): void;
+    private scheduleDraw;
+    private parseData;
+    private draw;
+    private renderLegend;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-box-plot-chart': Ui9000BoxPlotChart;
+    }
+}
+export declare function registerBoxPlotChart(): void;
+//# sourceMappingURL=ui9000-box-plot-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-box-plot-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/box-plot-chart/element/ui9000-box-plot-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAO7F,OAAO,EAML,KAAK,kBAAkB,EAExB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,kBAAmB,SAAQ,kBAAkB;IACxD,OAAgB,MAAM,4BAAqC;IAG3D,WAAW,EAAE,kBAAkB,CAAc;IAG7C,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAUA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAUtC,YAAY,IAAI,IAAI;IAS7B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,IAAI;IA2EZ,OAAO,CAAC,YAAY;IAWX,MAAM;CA4ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAI3C"}

package/dist/components/box-plot-chart/element/ui9000-box-plot-chart.js

@@ -0,0 +1,229 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { renderChartLegend } from "../../../element/chart-legend-render.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { parseJsonAttr, getBoxPlotDimensions } from "../../../utils/chart-helpers.js";
+import { swatchLegendEntries } from "../../../utils/chart-legend.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { seriesColor } from "../../../utils/fusedash-visual.js";
+import { renderBoxPlotChart } from "../render/draw.js";
+import { boxPlotStyles } from "./styles.js";
+import { normalizeBoxPlotData } from "../lib/normalize.js";
+import { boxPlotMinCategorySpan } from "../lib/layout.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let Ui9000BoxPlotChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.orientation = "vertical";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this.xLabel = "";
+    this.yLabel = "";
+    this._tooltip = null;
+    this._empty = false;
+    this._fixedXAxis = false;
+    this._raf = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());
+    this._resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    super.disconnectedCallback();
+  }
+  updated(changed) {
+    var _a, _b, _c, _d;
+    if (chartPropsChanged(changed)) this.scheduleDraw();
+    if (changed.has("_fixedXAxis")) {
+      const body = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-body");
+      const scroll = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".chart-scroll");
+      if (body instanceof HTMLElement) (_c = this._resizeObserver) == null ? void 0 : _c.observe(body);
+      if (scroll instanceof HTMLElement) (_d = this._resizeObserver) == null ? void 0 : _d.observe(scroll);
+    }
+  }
+  firstUpdated() {
+    var _a, _b, _c, _d, _e, _f;
+    const body = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".widget-body");
+    const chartBody = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".chart-body");
+    const scroll = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".chart-scroll");
+    if (body instanceof HTMLElement) (_d = this._resizeObserver) == null ? void 0 : _d.observe(body);
+    if (chartBody instanceof HTMLElement) (_e = this._resizeObserver) == null ? void 0 : _e.observe(chartBody);
+    if (scroll instanceof HTMLElement) (_f = this._resizeObserver) == null ? void 0 : _f.observe(scroll);
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(this.dataJson, []);
+    const model = normalizeBoxPlotData(raw);
+    if (this.orientation === "horizontal" || this.orientation === "vertical") {
+      return { ...model, orientation: this.orientation };
+    }
+    return model;
+  }
+  draw() {
+    var _a, _b, _c, _d, _e;
+    const chartBody = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-body");
+    const scroll = (_b = this.shadowRoot) == null ? void 0 : _b.querySelector(".chart-scroll");
+    const root = (_c = this.shadowRoot) == null ? void 0 : _c.querySelector(".chart-root");
+    const xAxisRoot = (_d = this.shadowRoot) == null ? void 0 : _d.querySelector(".chart-x-axis");
+    if (!chartBody || !scroll || !root) return;
+    const model = this.parseData();
+    this._empty = model.boxes.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      xAxisRoot == null ? void 0 : xAxisRoot.replaceChildren();
+      this._fixedXAxis = false;
+      return;
+    }
+    const labels = ((_e = model.categoryLabels) == null ? void 0 : _e.length) ? model.categoryLabels : [...new Set(model.boxes.map((b) => b.label))];
+    const groupCount = model.groups.length || 1;
+    const minPlotSpan = boxPlotMinCategorySpan(labels.length, groupCount);
+    const { width, margin } = getBoxPlotDimensions(chartBody);
+    const scrollViewportH = scroll.clientHeight || 300;
+    const availPlotH = scrollViewportH - margin.top;
+    const needsFixedXAxis = model.orientation === "horizontal" && minPlotSpan > availPlotH + 1;
+    this._fixedXAxis = needsFixedXAxis;
+    const theme = readThemeFromElement(this);
+    renderBoxPlotChart(root, {
+      model,
+      width,
+      height: scrollViewportH,
+      margin,
+      theme,
+      orientation: this.orientation,
+      showGrid: this.showGrid,
+      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,
+      xLabel: this.xLabel || void 0,
+      yLabel: this.yLabel || void 0,
+      ...this.axisLabelHandlers(),
+      onBoxHover: this.showTooltip ? ({ box, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          label: box.label,
+          group: box.group,
+          q1: box.q1,
+          median: box.median,
+          q3: box.q3,
+          min: box.smallestNonOutlier,
+          max: box.biggestNonOutlier
+        };
+      } : void 0,
+      onBoxLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+    if (xAxisRoot && !needsFixedXAxis) {
+      xAxisRoot.replaceChildren();
+    }
+  }
+  renderLegend(model) {
+    if (!this.showLegend || model.groups.length <= 1) return nothing;
+    const theme = readThemeFromElement(this);
+    return renderChartLegend(
+      swatchLegendEntries(model.groups, theme, (group, i) => {
+        const sample = model.boxes.find((b) => (b.group ?? "default") === group);
+        return (sample == null ? void 0 : sample.color) ?? seriesColor(i);
+      })
+    );
+  }
+  render() {
+    const title = this.headerTitle();
+    const model = this.parseData();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          <div class="chart-body" part="chart-body">
+            ${this.renderLegend(model)}
+            <div class="chart-scroll" part="scroll">
+              <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
+            </div>
+            <div
+              class="chart-x-axis"
+              part="x-axis"
+              ?hidden=${!this._fixedXAxis}
+            ></div>
+          </div>
+          ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
+          ${this._tooltip ? html`<div
+                class="tooltip"
+                part="tooltip"
+                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
+              >
+                <div class="name">
+                  ${this._tooltip.group ? `${this._tooltip.group} · ${this._tooltip.label}` : this._tooltip.label}
+                </div>
+                <div>min: ${this._tooltip.min}</div>
+                <div>25%: ${this._tooltip.q1}</div>
+                <div>median: ${this._tooltip.median}</div>
+                <div>75%: ${this._tooltip.q3}</div>
+                <div>max: ${this._tooltip.max}</div>
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000BoxPlotChart.styles = [boxPlotStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String })
+], Ui9000BoxPlotChart.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000BoxPlotChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000BoxPlotChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000BoxPlotChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: String, attribute: "x-label" })
+], Ui9000BoxPlotChart.prototype, "xLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "y-label" })
+], Ui9000BoxPlotChart.prototype, "yLabel", 2);
+__decorateClass([
+  state()
+], Ui9000BoxPlotChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000BoxPlotChart.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000BoxPlotChart.prototype, "_fixedXAxis", 2);
+Ui9000BoxPlotChart = __decorateClass([
+  customElement("ui9000-box-plot-chart")
+], Ui9000BoxPlotChart);
+function registerBoxPlotChart() {
+  if (!customElements.get("ui9000-box-plot-chart")) {
+    customElements.define("ui9000-box-plot-chart", Ui9000BoxPlotChart);
+  }
+}
+registerBoxPlotChart();
+export {
+  Ui9000BoxPlotChart,
+  registerBoxPlotChart
+};
+//# sourceMappingURL=ui9000-box-plot-chart.js.map

package/dist/components/box-plot-chart/element/ui9000-box-plot-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-box-plot-chart.js","sources":["../../../../src/components/box-plot-chart/element/ui9000-box-plot-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport { getBoxPlotDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { seriesColor as fdSeriesColor } from '../../../utils/fusedash-visual.js';\nimport {\n  boxPlotMinCategorySpan,\n  normalizeBoxPlotData,\n  type BoxPlotBox,\n  type BoxPlotBoxesPayload,\n  type BoxPlotModel,\n  type BoxPlotOrientation,\n  type FuseDashBoxPlotPayload,\n} from '../lib/index.js';\nimport { renderBoxPlotChart } from '../render/draw.js';\nimport { boxPlotStyles } from './styles.js';\n\n@customElement('ui9000-box-plot-chart')\nexport class Ui9000BoxPlotChart extends Ui9000ChartElement {\n  static override styles = [boxPlotStyles, chartShellStyles];\n\n  @property({ type: String })\n  orientation: BoxPlotOrientation = 'vertical';\n\n  @property({ type: Boolean, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @property({ type: String, attribute: 'x-label' })\n  xLabel = '';\n\n  @property({ type: String, attribute: 'y-label' })\n  yLabel = '';\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    label: string;\n    group?: string;\n    q1: number;\n    median: number;\n    q3: number;\n    min: number;\n    max: number;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _fixedXAxis = false;\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n    if (changed.has('_fixedXAxis')) {\n      const body = this.shadowRoot?.querySelector('.chart-body');\n      const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n      if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n      if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n    }\n  }\n\n  override firstUpdated(): void {\n    const body = this.shadowRoot?.querySelector('.widget-body');\n    const chartBody = this.shadowRoot?.querySelector('.chart-body');\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll');\n    if (body instanceof HTMLElement) this._resizeObserver?.observe(body);\n    if (chartBody instanceof HTMLElement) this._resizeObserver?.observe(chartBody);\n    if (scroll instanceof HTMLElement) this._resizeObserver?.observe(scroll);\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): BoxPlotModel {\n    const raw = parseJsonAttr<\n      BoxPlotBox[] | BoxPlotBoxesPayload | FuseDashBoxPlotPayload\n    >(this.dataJson, []);\n    const model = normalizeBoxPlotData(raw);\n    if (this.orientation === 'horizontal' || this.orientation === 'vertical') {\n      return { ...model, orientation: this.orientation };\n    }\n    return model;\n  }\n\n  private draw(): void {\n    const chartBody = this.shadowRoot?.querySelector('.chart-body') as\n      | HTMLElement\n      | null;\n    const scroll = this.shadowRoot?.querySelector('.chart-scroll') as\n      | HTMLElement\n      | null;\n    const root = this.shadowRoot?.querySelector('.chart-root') as\n      | HTMLElement\n      | null;\n    const xAxisRoot = this.shadowRoot?.querySelector('.chart-x-axis') as\n      | HTMLElement\n      | null;\n    if (!chartBody || !scroll || !root) return;\n\n    const model = this.parseData();\n    this._empty = model.boxes.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      xAxisRoot?.replaceChildren();\n      this._fixedXAxis = false;\n      return;\n    }\n\n    const labels =\n      model.categoryLabels?.length\n        ? model.categoryLabels\n        : [...new Set(model.boxes.map((b) => b.label))];\n    const groupCount = model.groups.length || 1;\n    const minPlotSpan = boxPlotMinCategorySpan(labels.length, groupCount);\n    const { width, margin } = getBoxPlotDimensions(chartBody);\n    const scrollViewportH = scroll.clientHeight || 300;\n    const availPlotH = scrollViewportH - margin.top;\n    const needsFixedXAxis =\n      model.orientation === 'horizontal' && minPlotSpan > availPlotH + 1;\n    this._fixedXAxis = needsFixedXAxis;\n\n    const theme = readThemeFromElement(this);\n\n    renderBoxPlotChart(root, {\n      model,\n      width,\n      height: scrollViewportH,\n      margin,\n      theme,\n      orientation: this.orientation,\n      showGrid: this.showGrid,\n      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      ...this.axisLabelHandlers(),\n      onBoxHover: this.showTooltip\n        ? ({ box, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              label: box.label,\n              group: box.group,\n              q1: box.q1,\n              median: box.median,\n              q3: box.q3,\n              min: box.smallestNonOutlier,\n              max: box.biggestNonOutlier,\n            };\n          }\n        : undefined,\n      onBoxLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n\n    if (xAxisRoot && !needsFixedXAxis) {\n      xAxisRoot.replaceChildren();\n    }\n  }\n\n  private renderLegend(model: BoxPlotModel) {\n    if (!this.showLegend || model.groups.length <= 1) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(model.groups, theme, (group, i) => {\n        const sample = model.boxes.find((b) => (b.group ?? 'default') === group);\n        return sample?.color ?? fdSeriesColor(i);\n      }),\n    );\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-body\" part=\"chart-body\">\n            ${this.renderLegend(model)}\n            <div class=\"chart-scroll\" part=\"scroll\">\n              <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n            </div>\n            <div\n              class=\"chart-x-axis\"\n              part=\"x-axis\"\n              ?hidden=${!this._fixedXAxis}\n            ></div>\n          </div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div class=\"name\">\n                  ${this._tooltip.group\n                    ? `${this._tooltip.group} · ${this._tooltip.label}`\n                    : this._tooltip.label}\n                </div>\n                <div>min: ${this._tooltip.min}</div>\n                <div>25%: ${this._tooltip.q1}</div>\n                <div>median: ${this._tooltip.median}</div>\n                <div>75%: ${this._tooltip.q3}</div>\n                <div>max: ${this._tooltip.max}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-box-plot-chart': Ui9000BoxPlotChart;\n  }\n}\n\nexport function registerBoxPlotChart(): void {\n  if (!customElements.get('ui9000-box-plot-chart')) {\n    customElements.define('ui9000-box-plot-chart', Ui9000BoxPlotChart);\n  }\n}\n\nregisterBoxPlotChart();\n"],"names":["fdSeriesColor"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { Ui9000BoxPlotChart, registerBoxPlotChart, } from './element/ui9000-box-plot-chart.js';
+export { renderBoxPlotChart } from './render/draw.js';
+export { normalizeBoxPlotData, boxPlotLinearDomain, collectLabels, collectValueExtent, formatCompact, type BoxPlotBox, type BoxPlotBoxesPayload, type BoxPlotModel, type BoxPlotOrientation, type FuseDashBoxPlotPayload, type FuseDashBoxPlotRow, } from './lib/index.js';
+export { default as boxPlotChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/box-plot-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/box-plot-chart/index.js

@@ -0,0 +1,19 @@
+import { registerBoxPlotChart } from "./element/ui9000-box-plot-chart.js";
+import { Ui9000BoxPlotChart } from "./element/ui9000-box-plot-chart.js";
+import { renderBoxPlotChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { boxPlotLinearDomain, collectLabels, collectValueExtent } from "./lib/domain.js";
+import { formatCompact } from "./lib/format.js";
+import { normalizeBoxPlotData } from "./lib/normalize.js";
+export {
+  Ui9000BoxPlotChart,
+  default2 as boxPlotChartMetadata,
+  boxPlotLinearDomain,
+  collectLabels,
+  collectValueExtent,
+  formatCompact,
+  normalizeBoxPlotData,
+  registerBoxPlotChart,
+  renderBoxPlotChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/box-plot-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/box-plot-chart/lib/domain.d.ts

@@ -0,0 +1,7 @@
+import { BoxPlotBox, BoxPlotModel } from './types.js';
+export declare function collectLabels(model: BoxPlotModel): string[];
+/** Values that affect the linear scale (whiskers + outliers). */
+export declare function collectValueExtent(boxes: BoxPlotBox[]): [number, number];
+/** Domain padded * 1.1 — matches client Horizontal/Vertical BoxPlotChart. */
+export declare function boxPlotLinearDomain(boxes: BoxPlotBox[]): [number, number];
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/box-plot-chart/lib/domain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE3D,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,EAAE,CAU3D;AAED,iEAAiE;AACjE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CA2BxE;AAED,6EAA6E;AAC7E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAKzE"}

package/dist/components/box-plot-chart/lib/domain.js

@@ -0,0 +1,48 @@
+function collectLabels(model) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const b of model.boxes) {
+    if (!seen.has(b.label)) {
+      seen.add(b.label);
+      out.push(b.label);
+    }
+  }
+  return out;
+}
+function collectValueExtent(boxes) {
+  let min = Infinity;
+  let max = -Infinity;
+  const push = (v) => {
+    if (v == null || !Number.isFinite(v)) return;
+    if (v < min) min = v;
+    if (v > max) max = v;
+  };
+  for (const b of boxes) {
+    push(b.smallestNonOutlier);
+    push(b.biggestNonOutlier);
+    push(b.q1);
+    push(b.q3);
+    push(b.median);
+    push(b.min);
+    push(b.max);
+    for (const o of b.outliers ?? []) push(o);
+  }
+  if (!Number.isFinite(min) || !Number.isFinite(max)) return [0, 1];
+  if (min === max) {
+    const pad = Math.abs(min) * 0.1 || 1;
+    return [min - pad, max + pad];
+  }
+  return [min, max];
+}
+function boxPlotLinearDomain(boxes) {
+  const [min, max] = collectValueExtent(boxes);
+  const domainMin = min < 0 ? min * 1.1 : 0;
+  const domainMax = max === 0 && min === 0 ? 1 : max * 1.1;
+  return [domainMin, domainMax];
+}
+export {
+  boxPlotLinearDomain,
+  collectLabels,
+  collectValueExtent
+};
+//# sourceMappingURL=domain.js.map

package/dist/components/box-plot-chart/lib/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/box-plot-chart/lib/domain.ts"],"sourcesContent":["import type { BoxPlotBox, BoxPlotModel } from './types.js';\n\nexport function collectLabels(model: BoxPlotModel): string[] {\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const b of model.boxes) {\n    if (!seen.has(b.label)) {\n      seen.add(b.label);\n      out.push(b.label);\n    }\n  }\n  return out;\n}\n\n/** Values that affect the linear scale (whiskers + outliers). */\nexport function collectValueExtent(boxes: BoxPlotBox[]): [number, number] {\n  let min = Infinity;\n  let max = -Infinity;\n\n  const push = (v: number | undefined) => {\n    if (v == null || !Number.isFinite(v)) return;\n    if (v < min) min = v;\n    if (v > max) max = v;\n  };\n\n  for (const b of boxes) {\n    push(b.smallestNonOutlier);\n    push(b.biggestNonOutlier);\n    push(b.q1);\n    push(b.q3);\n    push(b.median);\n    push(b.min);\n    push(b.max);\n    for (const o of b.outliers ?? []) push(o);\n  }\n\n  if (!Number.isFinite(min) || !Number.isFinite(max)) return [0, 1];\n  if (min === max) {\n    const pad = Math.abs(min) * 0.1 || 1;\n    return [min - pad, max + pad];\n  }\n  return [min, max];\n}\n\n/** Domain padded * 1.1 — matches client Horizontal/Vertical BoxPlotChart. */\nexport function boxPlotLinearDomain(boxes: BoxPlotBox[]): [number, number] {\n  const [min, max] = collectValueExtent(boxes);\n  const domainMin = min < 0 ? min * 1.1 : 0;\n  const domainMax = max === 0 && min === 0 ? 1 : max * 1.1;\n  return [domainMin, domainMax];\n}\n"],"names":[],"mappings":"AAEO,SAAS,cAAc,OAA+B;AAC3D,QAAM,2BAAW,IAAA;AACjB,QAAM,MAAgB,CAAA;AACtB,aAAW,KAAK,MAAM,OAAO;AAC3B,QAAI,CAAC,KAAK,IAAI,EAAE,KAAK,GAAG;AACtB,WAAK,IAAI,EAAE,KAAK;AAChB,UAAI,KAAK,EAAE,KAAK;AAAA,IAClB;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,mBAAmB,OAAuC;AACxE,MAAI,MAAM;AACV,MAAI,MAAM;AAEV,QAAM,OAAO,CAAC,MAA0B;AACtC,QAAI,KAAK,QAAQ,CAAC,OAAO,SAAS,CAAC,EAAG;AACtC,QAAI,IAAI,IAAK,OAAM;AACnB,QAAI,IAAI,IAAK,OAAM;AAAA,EACrB;AAEA,aAAW,KAAK,OAAO;AACrB,SAAK,EAAE,kBAAkB;AACzB,SAAK,EAAE,iBAAiB;AACxB,SAAK,EAAE,EAAE;AACT,SAAK,EAAE,EAAE;AACT,SAAK,EAAE,MAAM;AACb,SAAK,EAAE,GAAG;AACV,SAAK,EAAE,GAAG;AACV,eAAW,KAAK,EAAE,YAAY,CAAA,QAAS,CAAC;AAAA,EAC1C;AAEA,MAAI,CAAC,OAAO,SAAS,GAAG,KAAK,CAAC,OAAO,SAAS,GAAG,EAAG,QAAO,CAAC,GAAG,CAAC;AAChE,MAAI,QAAQ,KAAK;AACf,UAAM,MAAM,KAAK,IAAI,GAAG,IAAI,OAAO;AACnC,WAAO,CAAC,MAAM,KAAK,MAAM,GAAG;AAAA,EAC9B;AACA,SAAO,CAAC,KAAK,GAAG;AAClB;AAGO,SAAS,oBAAoB,OAAuC;AACzE,QAAM,CAAC,KAAK,GAAG,IAAI,mBAAmB,KAAK;AAC3C,QAAM,YAAY,MAAM,IAAI,MAAM,MAAM;AACxC,QAAM,YAAY,QAAQ,KAAK,QAAQ,IAAI,IAAI,MAAM;AACrD,SAAO,CAAC,WAAW,SAAS;AAC9B;"}

package/dist/components/box-plot-chart/lib/format.d.ts

@@ -0,0 +1,2 @@
+export declare function formatCompact(value: number): string;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/box-plot-chart/lib/format.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOnD"}

package/dist/components/box-plot-chart/lib/format.js

@@ -0,0 +1,12 @@
+function formatCompact(value) {
+  const abs = Math.abs(value);
+  if (abs >= 1e9) return `${(value / 1e9).toFixed(1)}B`;
+  if (abs >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+  if (abs >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
+  if (Number.isInteger(value)) return String(value);
+  return value.toFixed(1);
+}
+export {
+  formatCompact
+};
+//# sourceMappingURL=format.js.map

package/dist/components/box-plot-chart/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/box-plot-chart/lib/format.ts"],"sourcesContent":["export function formatCompact(value: number): string {\n  const abs = Math.abs(value);\n  if (abs >= 1_000_000_000) return `${(value / 1_000_000_000).toFixed(1)}B`;\n  if (abs >= 1_000_000) return `${(value / 1_000_000).toFixed(1)}M`;\n  if (abs >= 1_000) return `${(value / 1_000).toFixed(1)}K`;\n  if (Number.isInteger(value)) return String(value);\n  return value.toFixed(1);\n}\n"],"names":[],"mappings":"AAAO,SAAS,cAAc,OAAuB;AACnD,QAAM,MAAM,KAAK,IAAI,KAAK;AAC1B,MAAI,OAAO,IAAe,QAAO,IAAI,QAAQ,KAAe,QAAQ,CAAC,CAAC;AACtE,MAAI,OAAO,IAAW,QAAO,IAAI,QAAQ,KAAW,QAAQ,CAAC,CAAC;AAC9D,MAAI,OAAO,IAAO,QAAO,IAAI,QAAQ,KAAO,QAAQ,CAAC,CAAC;AACtD,MAAI,OAAO,UAAU,KAAK,EAAG,QAAO,OAAO,KAAK;AAChD,SAAO,MAAM,QAAQ,CAAC;AACxB;"}

package/dist/components/box-plot-chart/lib/index.d.ts

@@ -0,0 +1,6 @@
+export { type BoxPlotBox, type BoxPlotBoxesPayload, type BoxPlotModel, type BoxPlotOrientation, type FuseDashBoxPlotPayload, type FuseDashBoxPlotRow, } from './types.js';
+export { normalizeBoxPlotData } from './normalize.js';
+export { boxPlotLinearDomain, collectLabels, collectValueExtent, } from './domain.js';
+export { formatCompact } from './format.js';
+export { BIN_BAND_PADDING, BIN_BORDER_RADIUS, BIN_GROUP_GAP, BIN_SIZE, boxPlotGroupSpan, boxPlotMinCategorySpan, boxPlotGroupOffset, } from './layout.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/box-plot-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,aAAa,CAAC"}

package/dist/components/box-plot-chart/lib/layout.d.ts

@@ -0,0 +1,12 @@
+/** FuseDash HorizontalBoxPlotChart / VerticalBoxPlotChart layout constants. */
+export declare const BIN_SIZE = 12;
+export declare const BIN_GROUP_GAP = 4;
+/** Space between category bands — `BIN_SIZE * 2` in client. */
+export declare const BIN_BAND_PADDING: number;
+export declare const BIN_BORDER_RADIUS = 2;
+export declare function boxPlotGroupSpan(groupCount: number): number;
+/** Minimum plot span along the categorical axis (height horizontal, width vertical). */
+export declare function boxPlotMinCategorySpan(categoryCount: number, groupCount: number): number;
+/** Per-group offset within a category band — matches client `groupY` / `groupX`. */
+export declare function boxPlotGroupOffset(groupIndex: number, groupCount: number): number;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/components/box-plot-chart/lib/layout.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,+DAA+D;AAC/D,eAAO,MAAM,gBAAgB,QAAe,CAAC;AAC7C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAG3D;AAED,wFAAwF;AACxF,wBAAgB,sBAAsB,CACpC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,GACjB,MAAM,CAIR;AAED,oFAAoF;AACpF,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,GACjB,MAAM,CAIR"}

package/dist/components/box-plot-chart/lib/layout.js

@@ -0,0 +1,22 @@
+const BIN_SIZE = 12;
+const BIN_GROUP_GAP = 4;
+const BIN_BAND_PADDING = BIN_SIZE * 2;
+const BIN_BORDER_RADIUS = 2;
+function boxPlotGroupSpan(groupCount) {
+  if (groupCount <= 0) return BIN_SIZE;
+  return BIN_SIZE * groupCount + BIN_GROUP_GAP * Math.max(groupCount - 1, 0);
+}
+function boxPlotMinCategorySpan(categoryCount, groupCount) {
+  if (categoryCount <= 0) return 0;
+  const groupSpan = boxPlotGroupSpan(groupCount);
+  return categoryCount * (groupSpan + BIN_BAND_PADDING);
+}
+export {
+  BIN_BAND_PADDING,
+  BIN_BORDER_RADIUS,
+  BIN_GROUP_GAP,
+  BIN_SIZE,
+  boxPlotGroupSpan,
+  boxPlotMinCategorySpan
+};
+//# sourceMappingURL=layout.js.map

package/dist/components/box-plot-chart/lib/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../../src/components/box-plot-chart/lib/layout.ts"],"sourcesContent":["/** FuseDash HorizontalBoxPlotChart / VerticalBoxPlotChart layout constants. */\nexport const BIN_SIZE = 12;\nexport const BIN_GROUP_GAP = 4;\n/** Space between category bands — `BIN_SIZE * 2` in client. */\nexport const BIN_BAND_PADDING = BIN_SIZE * 2;\nexport const BIN_BORDER_RADIUS = 2;\n\nexport function boxPlotGroupSpan(groupCount: number): number {\n  if (groupCount <= 0) return BIN_SIZE;\n  return BIN_SIZE * groupCount + BIN_GROUP_GAP * Math.max(groupCount - 1, 0);\n}\n\n/** Minimum plot span along the categorical axis (height horizontal, width vertical). */\nexport function boxPlotMinCategorySpan(\n  categoryCount: number,\n  groupCount: number,\n): number {\n  if (categoryCount <= 0) return 0;\n  const groupSpan = boxPlotGroupSpan(groupCount);\n  return categoryCount * (groupSpan + BIN_BAND_PADDING);\n}\n\n/** Per-group offset within a category band — matches client `groupY` / `groupX`. */\nexport function boxPlotGroupOffset(\n  groupIndex: number,\n  groupCount: number,\n): number {\n  const groupSpan = boxPlotGroupSpan(groupCount);\n  const step = groupCount > 0 ? groupSpan / groupCount : BIN_SIZE;\n  return -groupSpan / 2 + groupIndex * step + BIN_SIZE / 2;\n}\n"],"names":[],"mappings":"AACO,MAAM,WAAW;AACjB,MAAM,gBAAgB;AAEtB,MAAM,mBAAmB,WAAW;AACpC,MAAM,oBAAoB;AAE1B,SAAS,iBAAiB,YAA4B;AAC3D,MAAI,cAAc,EAAG,QAAO;AAC5B,SAAO,WAAW,aAAa,gBAAgB,KAAK,IAAI,aAAa,GAAG,CAAC;AAC3E;AAGO,SAAS,uBACd,eACA,YACQ;AACR,MAAI,iBAAiB,EAAG,QAAO;AAC/B,QAAM,YAAY,iBAAiB,UAAU;AAC7C,SAAO,iBAAiB,YAAY;AACtC;"}

package/dist/components/box-plot-chart/lib/normalize.d.ts

@@ -0,0 +1,10 @@
+import { BoxPlotBox, BoxPlotBoxesPayload, BoxPlotModel, FuseDashBoxPlotPayload } from './types.js';
+/**
+ * Normalize chat / FuseDash payloads into a BoxPlotModel.
+ * Accepts:
+ * 1. `{ orientation?, boxes: BoxPlotBox[] }`
+ * 2. `BoxPlotBox[]`
+ * 3. FuseDash `{ orientation?, xAxe?, groupBy?, data: [...] }`
+ */
+export declare function normalizeBoxPlotData(input: BoxPlotBox[] | BoxPlotBoxesPayload | FuseDashBoxPlotPayload | null | undefined): BoxPlotModel;
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/box-plot-chart/lib/normalize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,mBAAmB,EACnB,YAAY,EAEZ,sBAAsB,EAEvB,MAAM,YAAY,CAAC;AAmMpB;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EACD,UAAU,EAAE,GACZ,mBAAmB,GACnB,sBAAsB,GACtB,IAAI,GACJ,SAAS,GACZ,YAAY,CAoBd"}