@fusedashlabs/widgets 0.2.0

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

@@ -0,0 +1,261 @@
+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, getBarChartDimensions } from "../../../utils/chart-helpers.js";
+import { lineLegendEntries, resolveSeriesLegendColor } from "../../../utils/chart-legend.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { FD } from "../../../utils/fusedash-visual.js";
+import { renderBarChart } from "../render/draw.js";
+import { barChartStyles } from "./styles.js";
+import { normalizeBarData } from "../lib/normalize.js";
+import { collectBarCategories } from "../lib/domain.js";
+import { barHorizontalMinSpan } from "../lib/layout.js";
+import { formatCompact } from "../lib/format.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 Ui9000BarChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.orientation = "vertical";
+    this.layout = "grouped";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this.cumulativeLine = false;
+    this.xLabel = "";
+    this.yLabel = "";
+    this._tooltip = null;
+    this._empty = false;
+    this._fixedXAxis = false;
+    this._raf = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (typeof ResizeObserver !== "undefined") {
+      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,
+      []
+    );
+    return normalizeBarData(raw);
+  }
+  renderLegend(series) {
+    var _a;
+    if (!this.showLegend) return nothing;
+    const theme = readThemeFromElement(this);
+    const multi = series.length > 1;
+    const withCumulative = this.cumulativeLine && !multi;
+    if (!multi && !withCumulative) return nothing;
+    const entries = multi ? lineLegendEntries(series, theme).map((entry) => ({
+      ...entry,
+      swatch: { kind: "swatch", color: entry.swatch.color, opacity: 0.8 }
+    })) : [
+      {
+        label: ((_a = series[0]) == null ? void 0 : _a.name) ?? "Series",
+        swatch: {
+          kind: "swatch",
+          color: resolveSeriesLegendColor(series[0], 0, theme),
+          opacity: 0.8
+        }
+      },
+      {
+        label: "Cumulative",
+        swatch: { kind: "line", color: FD.barCumulativeColor }
+      }
+    ];
+    return renderChartLegend(entries);
+  }
+  draw() {
+    var _a, _b, _c, _d;
+    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 series = this.parseData();
+    this._empty = series.length === 0 || series.every((s) => !s.points.length);
+    if (this._empty) {
+      root.replaceChildren();
+      xAxisRoot == null ? void 0 : xAxisRoot.replaceChildren();
+      this._fixedXAxis = false;
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const { width, margin } = getBarChartDimensions(chartBody, this.scale);
+    const scrollViewportH = scroll.clientHeight || 300;
+    const categories = collectBarCategories(series);
+    const minPlotSpan = barHorizontalMinSpan(
+      categories.length,
+      series.length,
+      this.layout
+    );
+    const availPlotH = scrollViewportH - margin.top;
+    const needsFixedXAxis = this.orientation === "horizontal" && minPlotSpan > availPlotH + 1;
+    this._fixedXAxis = needsFixedXAxis;
+    renderBarChart(root, {
+      series,
+      width,
+      height: scrollViewportH,
+      margin,
+      theme,
+      orientation: this.orientation,
+      layout: this.layout,
+      showGrid: this.showGrid,
+      showTooltip: this.showTooltip,
+      cumulativeLine: this.cumulativeLine,
+      xLabel: this.xLabel || void 0,
+      yLabel: this.yLabel || void 0,
+      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,
+      ...this.axisLabelHandlers(),
+      onHover: this.showTooltip ? ({ category, entries, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          category,
+          entries
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+    if (xAxisRoot && !needsFixedXAxis) {
+      xAxisRoot.replaceChildren();
+    }
+  }
+  render() {
+    const title = this.headerTitle();
+    const series = this._empty ? [] : 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(series)}
+            <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="category">${this._tooltip.category}</div>
+                ${this._tooltip.entries.map(
+      (entry) => html`<div class="row">
+                    <span class="swatch" style="background:${entry.color}"></span>
+                    <span>${entry.seriesName}</span>
+                    <span class="value">${formatCompact(entry.value)}</span>
+                  </div>`
+    )}
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000BarChart.styles = [barChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000BarChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: String, attribute: "orientation" })
+], Ui9000BarChart.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: String, attribute: "layout" })
+], Ui9000BarChart.prototype, "layout", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000BarChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000BarChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000BarChart.prototype, "showTooltip", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "cumulative-line" })
+], Ui9000BarChart.prototype, "cumulativeLine", 2);
+__decorateClass([
+  property({ type: String, attribute: "x-label" })
+], Ui9000BarChart.prototype, "xLabel", 2);
+__decorateClass([
+  property({ type: String, attribute: "y-label" })
+], Ui9000BarChart.prototype, "yLabel", 2);
+__decorateClass([
+  state()
+], Ui9000BarChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000BarChart.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000BarChart.prototype, "_fixedXAxis", 2);
+Ui9000BarChart = __decorateClass([
+  customElement("ui9000-bar-chart")
+], Ui9000BarChart);
+function registerBarChart() {
+  if (!customElements.get("ui9000-bar-chart")) {
+    customElements.define("ui9000-bar-chart", Ui9000BarChart);
+  }
+}
+registerBarChart();
+export {
+  Ui9000BarChart,
+  registerBarChart
+};
+//# sourceMappingURL=ui9000-bar-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-bar-chart.js","sources":["../../../../src/components/bar-chart/element/ui9000-bar-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 type { ChartLegendEntry } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { DataPoint, WidgetScale } from '../../../types/index.js';\nimport { getBarChartDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { lineLegendEntries, resolveSeriesLegendColor } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { FD } from '../../../utils/fusedash-visual.js';\nimport type { FuseWidgetLike } from '../../../utils/fuse-widget.js';\nimport {\n  barHorizontalMinSpan,\n  collectBarCategories,\n  formatCompact,\n  normalizeBarData,\n  type BarChartData,\n  type BarHoverEntry,\n  type BarLayout,\n  type BarOrientation,\n  type BarSeries,\n} from '../lib/index.js';\nimport { renderBarChart } from '../render/draw.js';\nimport { barChartStyles } from './styles.js';\n\n@customElement('ui9000-bar-chart')\nexport class Ui9000BarChart extends Ui9000ChartElement {\n  static override styles = [barChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: String, attribute: 'orientation' })\n  orientation: BarOrientation = 'vertical';\n\n  /** Multi-series only — a single series always renders as a plain bar chart */\n  @property({ type: String, attribute: 'layout' })\n  layout: BarLayout = 'grouped';\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  /** Running-total overlay (FuseDash `cumulativeLine`), single series only */\n  @property({ type: Boolean, attribute: 'cumulative-line' })\n  cumulativeLine = false;\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    category: string;\n    entries: BarHoverEntry[];\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    if (typeof ResizeObserver !== 'undefined') {\n      this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n      this._resizeObserver.observe(this);\n    }\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(): BarSeries[] {\n    const raw = parseJsonAttr<DataPoint[] | BarChartData | BarSeries[] | FuseWidgetLike>(\n      this.dataJson,\n      [],\n    );\n    return normalizeBarData(raw);\n  }\n\n  private renderLegend(series: BarSeries[]): typeof nothing | ReturnType<typeof renderChartLegend> {\n    if (!this.showLegend) return nothing;\n    const theme = readThemeFromElement(this);\n    const multi = series.length > 1;\n    const withCumulative = this.cumulativeLine && !multi;\n\n    if (!multi && !withCumulative) return nothing;\n\n    const entries: ChartLegendEntry[] = multi\n      ? lineLegendEntries(series, theme).map((entry) => ({\n          ...entry,\n          swatch: { kind: 'swatch', color: entry.swatch.color, opacity: 0.8 },\n        }))\n      : [\n          {\n            label: series[0]?.name ?? 'Series',\n            swatch: {\n              kind: 'swatch',\n              color: resolveSeriesLegendColor(series[0], 0, theme),\n              opacity: 0.8,\n            },\n          },\n          {\n            label: 'Cumulative',\n            swatch: { kind: 'line', color: FD.barCumulativeColor },\n          },\n        ];\n\n    return renderChartLegend(entries);\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 HTMLElement | null;\n    const xAxisRoot = this.shadowRoot?.querySelector('.chart-x-axis') as\n      | HTMLElement\n      | null;\n    if (!chartBody || !scroll || !root) return;\n\n    const series = this.parseData();\n    this._empty = series.length === 0 || series.every((s) => !s.points.length);\n    if (this._empty) {\n      root.replaceChildren();\n      xAxisRoot?.replaceChildren();\n      this._fixedXAxis = false;\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, margin } = getBarChartDimensions(chartBody, this.scale);\n    const scrollViewportH = scroll.clientHeight || 300;\n    const categories = collectBarCategories(series);\n    const minPlotSpan = barHorizontalMinSpan(\n      categories.length,\n      series.length,\n      this.layout,\n    );\n    const availPlotH = scrollViewportH - margin.top;\n    const needsFixedXAxis =\n      this.orientation === 'horizontal' && minPlotSpan > availPlotH + 1;\n    this._fixedXAxis = needsFixedXAxis;\n\n    renderBarChart(root, {\n      series,\n      width,\n      height: scrollViewportH,\n      margin,\n      theme,\n      orientation: this.orientation,\n      layout: this.layout,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      cumulativeLine: this.cumulativeLine,\n      xLabel: this.xLabel || undefined,\n      yLabel: this.yLabel || undefined,\n      xAxisContainer: needsFixedXAxis ? xAxisRoot : null,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ category, entries, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              category,\n              entries,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n\n    if (xAxisRoot && !needsFixedXAxis) {\n      xAxisRoot.replaceChildren();\n    }\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const series = this._empty ? [] : 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(series)}\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 ? html`<div class=\"empty\" part=\"empty\">No data</div>` : 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=\"category\">${this._tooltip.category}</div>\n                ${this._tooltip.entries.map(\n                  (entry) => html`<div class=\"row\">\n                    <span class=\"swatch\" style=\"background:${entry.color}\"></span>\n                    <span>${entry.seriesName}</span>\n                    <span class=\"value\">${formatCompact(entry.value)}</span>\n                  </div>`,\n                )}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-bar-chart': Ui9000BarChart;\n  }\n}\n\nexport function registerBarChart(): void {\n  if (!customElements.get('ui9000-bar-chart')) {\n    customElements.define('ui9000-bar-chart', Ui9000BarChart);\n  }\n}\n\nregisterBarChart();\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { Ui9000BarChart, registerBarChart } from './element/ui9000-bar-chart.js';
+export { renderBarChart } from './render/draw.js';
+export { barPadFactor, collectBarCategories, collectBarValueDomain, cumulativeValues, formatCompact, groupedBarOffset, normalizeBarData, resolveBaseline, selectTickIndices, stackTotals, valueAt, barHorizontalMinSpan, type BarChartData, type BarHoverEntry, type BarLayout, type BarOrientation, type BarPoint, type BarSeries, } from './lib/index.js';
+export { default as barChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bar-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,oBAAoB,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,SAAS,GACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,27 @@
+import { registerBarChart } from "./element/ui9000-bar-chart.js";
+import { Ui9000BarChart } from "./element/ui9000-bar-chart.js";
+import { renderBarChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { barHorizontalMinSpan } from "./lib/layout.js";
+import { barPadFactor, collectBarCategories, collectBarValueDomain, cumulativeValues, groupedBarOffset, resolveBaseline, stackTotals, valueAt } from "./lib/domain.js";
+import { formatCompact, selectTickIndices } from "./lib/format.js";
+import { normalizeBarData } from "./lib/normalize.js";
+export {
+  Ui9000BarChart,
+  default2 as barChartMetadata,
+  barHorizontalMinSpan,
+  barPadFactor,
+  collectBarCategories,
+  collectBarValueDomain,
+  cumulativeValues,
+  formatCompact,
+  groupedBarOffset,
+  normalizeBarData,
+  registerBarChart,
+  renderBarChart,
+  resolveBaseline,
+  selectTickIndices,
+  stackTotals,
+  valueAt
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,52 @@
+import { BarLayout, BarOrientation, BarSeries } from './types.js';
+/**
+ * Category axis domain — first series order wins (normalize keeps uniqueValues
+ * order), then any categories only present in sibling series.
+ */
+export declare function collectBarCategories(series: BarSeries[]): string[];
+/** Value of one series at one category, or `undefined` when the row is absent. */
+export declare function valueAt(series: BarSeries, category: string): number | undefined;
+/** Running totals across categories — FuseDash `cumulativeValues`. */
+export declare function cumulativeValues(series: BarSeries, categories: string[]): number[];
+/**
+ * Per-category positive and negative stack totals — the extent a stacked bar
+ * actually occupies (FuseDash sums the signs separately so mixed stacks grow
+ * away from the baseline in both directions).
+ */
+export declare function stackTotals(series: BarSeries[], categories: string[]): {
+    positive: number[];
+    negative: number[];
+};
+/**
+ * Headroom multiplier applied to the raw extent, matching each FuseDash
+ * variant: the plain vertical chart pads by 1.2, the horizontal family by 1.1,
+ * and the grouped vertical chart not at all.
+ */
+export declare function barPadFactor(orientation: BarOrientation, grouped: boolean): number;
+export interface BarValueDomainOptions {
+    orientation?: BarOrientation;
+    layout?: BarLayout;
+    /** Extend the domain so the cumulative overlay fits (FuseDash `cumulativeLine`) */
+    cumulativeMax?: number;
+}
+/**
+ * Value-axis extent: Y for vertical charts, X for horizontal ones.
+ *
+ * Grouped/plain charts take `calculateScaleLinearDomain` over every bar value;
+ * stacked charts take the per-category stack totals plus FuseDash's flat 10%
+ * pad on the larger side. `.nice()` is left to the scale.
+ */
+export declare function collectBarValueDomain(series: BarSeries[], options?: BarValueDomainOptions): [number, number];
+/**
+ * FuseDash baseline rule: bars grow from zero when the domain straddles it,
+ * otherwise from whichever end of the domain is closest to zero.
+ */
+export declare function resolveBaseline(domain: [number, number]): number;
+/**
+ * Offset of one bar from its group's centre — port of FuseDash `getBarPosition`.
+ *
+ * Bars step by `thickness + 1`; an odd count puts the middle bar dead centre,
+ * an even count straddles the centre by half a step.
+ */
+export declare function groupedBarOffset(thickness: number, index: number, count: number, gap?: number): number;
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,CAalE;AAED,kFAAkF;AAClF,wBAAgB,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAG/E;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAMlF;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,SAAS,EAAE,EACnB,UAAU,EAAE,MAAM,EAAE,GACnB;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CAgB5C;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,OAAO,GACf,MAAM,CAGR;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,SAAS,EAAE,EACnB,OAAO,GAAE,qBAA0B,GAClC,CAAC,MAAM,EAAE,MAAM,CAAC,CA+BlB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAIhE;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,GAAG,GAAE,MAAuB,GAC3B,MAAM,CAcR"}

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

@@ -0,0 +1,105 @@
+import { FD, calculateScaleLinearDomain } from "../../../utils/fusedash-visual.js";
+function collectBarCategories(series) {
+  if (!series.length) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const s of series) {
+    for (const p of s.points) {
+      if (!seen.has(p.x)) {
+        seen.add(p.x);
+        out.push(p.x);
+      }
+    }
+  }
+  return out;
+}
+function valueAt(series, category) {
+  const point = series.points.find((p) => p.x === category);
+  return point && Number.isFinite(point.y) ? point.y : void 0;
+}
+function cumulativeValues(series, categories) {
+  let acc = 0;
+  return categories.map((c) => {
+    acc += valueAt(series, c) ?? 0;
+    return acc;
+  });
+}
+function stackTotals(series, categories) {
+  const positive = [];
+  const negative = [];
+  for (const c of categories) {
+    let pos = 0;
+    let neg = 0;
+    for (const s of series) {
+      const v = valueAt(s, c);
+      if (v == null) continue;
+      if (v > 0) pos += v;
+      else neg += Math.abs(v);
+    }
+    positive.push(pos);
+    negative.push(neg);
+  }
+  return { positive, negative };
+}
+function barPadFactor(orientation, grouped) {
+  if (orientation === "horizontal") return FD.barHorizontalPadFactor;
+  return grouped ? 1 : FD.barDomainPadFactor;
+}
+function collectBarValueDomain(series, options = {}) {
+  const { orientation = "vertical", layout = "grouped", cumulativeMax } = options;
+  const categories = collectBarCategories(series);
+  const stacked = layout === "stacked" && series.length > 1;
+  if (stacked) {
+    const { positive, negative } = stackTotals(series, categories);
+    const maxPositive = positive.length ? Math.max(...positive) : 0;
+    const maxNegative = negative.length ? Math.max(...negative) : 0;
+    if (!maxPositive && !maxNegative) return [0, 1];
+    const pad = Math.max(maxPositive, maxNegative) * FD.barStackedPadFraction;
+    return [
+      maxNegative > 0 ? -(maxNegative + pad) : 0,
+      maxPositive > 0 ? maxPositive + pad : 0
+    ];
+  }
+  const values = [];
+  for (const s of series) {
+    for (const p of s.points) {
+      if (Number.isFinite(p.y)) values.push(p.y);
+    }
+  }
+  if (!values.length) return [0, 1];
+  const [min, max] = calculateScaleLinearDomain(values);
+  const factor = barPadFactor(orientation, series.length > 1);
+  const paddedMax = Math.max(max * factor, cumulativeMax ?? -Infinity);
+  const paddedMin = min * factor;
+  if (paddedMin === 0 && paddedMax === 0) return [0, 1];
+  return [paddedMin, paddedMax];
+}
+function resolveBaseline(domain) {
+  const [min, max] = domain;
+  if (max > 0 && min < 0) return 0;
+  return max > 0 ? min : max;
+}
+function groupedBarOffset(thickness, index, count, gap = FD.barGroupGap) {
+  const current = index + 1;
+  const half = count / 2;
+  const step = thickness + gap;
+  if (count % 2) {
+    const centre = Math.ceil(half);
+    if (current < centre) return -step * (centre - current);
+    if (current === centre) return 0;
+    return step * (current - centre);
+  }
+  if (current <= half) return -(step * (half - current + 0.5));
+  return step * (current - half - 0.5);
+}
+export {
+  barPadFactor,
+  collectBarCategories,
+  collectBarValueDomain,
+  cumulativeValues,
+  groupedBarOffset,
+  resolveBaseline,
+  stackTotals,
+  valueAt
+};
+//# sourceMappingURL=domain.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/bar-chart/lib/domain.ts"],"sourcesContent":["import { calculateScaleLinearDomain, FD } from '../../../utils/fusedash-visual.js';\nimport type { BarLayout, BarOrientation, BarSeries } from './types.js';\n\n/**\n * Category axis domain — first series order wins (normalize keeps uniqueValues\n * order), then any categories only present in sibling series.\n */\nexport function collectBarCategories(series: BarSeries[]): string[] {\n  if (!series.length) return [];\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (!seen.has(p.x)) {\n        seen.add(p.x);\n        out.push(p.x);\n      }\n    }\n  }\n  return out;\n}\n\n/** Value of one series at one category, or `undefined` when the row is absent. */\nexport function valueAt(series: BarSeries, category: string): number | undefined {\n  const point = series.points.find((p) => p.x === category);\n  return point && Number.isFinite(point.y) ? point.y : undefined;\n}\n\n/** Running totals across categories — FuseDash `cumulativeValues`. */\nexport function cumulativeValues(series: BarSeries, categories: string[]): number[] {\n  let acc = 0;\n  return categories.map((c) => {\n    acc += valueAt(series, c) ?? 0;\n    return acc;\n  });\n}\n\n/**\n * Per-category positive and negative stack totals — the extent a stacked bar\n * actually occupies (FuseDash sums the signs separately so mixed stacks grow\n * away from the baseline in both directions).\n */\nexport function stackTotals(\n  series: BarSeries[],\n  categories: string[],\n): { positive: number[]; negative: number[] } {\n  const positive: number[] = [];\n  const negative: number[] = [];\n  for (const c of categories) {\n    let pos = 0;\n    let neg = 0;\n    for (const s of series) {\n      const v = valueAt(s, c);\n      if (v == null) continue;\n      if (v > 0) pos += v;\n      else neg += Math.abs(v);\n    }\n    positive.push(pos);\n    negative.push(neg);\n  }\n  return { positive, negative };\n}\n\n/**\n * Headroom multiplier applied to the raw extent, matching each FuseDash\n * variant: the plain vertical chart pads by 1.2, the horizontal family by 1.1,\n * and the grouped vertical chart not at all.\n */\nexport function barPadFactor(\n  orientation: BarOrientation,\n  grouped: boolean,\n): number {\n  if (orientation === 'horizontal') return FD.barHorizontalPadFactor;\n  return grouped ? 1 : FD.barDomainPadFactor;\n}\n\nexport interface BarValueDomainOptions {\n  orientation?: BarOrientation;\n  layout?: BarLayout;\n  /** Extend the domain so the cumulative overlay fits (FuseDash `cumulativeLine`) */\n  cumulativeMax?: number;\n}\n\n/**\n * Value-axis extent: Y for vertical charts, X for horizontal ones.\n *\n * Grouped/plain charts take `calculateScaleLinearDomain` over every bar value;\n * stacked charts take the per-category stack totals plus FuseDash's flat 10%\n * pad on the larger side. `.nice()` is left to the scale.\n */\nexport function collectBarValueDomain(\n  series: BarSeries[],\n  options: BarValueDomainOptions = {},\n): [number, number] {\n  const { orientation = 'vertical', layout = 'grouped', cumulativeMax } = options;\n  const categories = collectBarCategories(series);\n  const stacked = layout === 'stacked' && series.length > 1;\n\n  if (stacked) {\n    const { positive, negative } = stackTotals(series, categories);\n    const maxPositive = positive.length ? Math.max(...positive) : 0;\n    const maxNegative = negative.length ? Math.max(...negative) : 0;\n    if (!maxPositive && !maxNegative) return [0, 1];\n    const pad = Math.max(maxPositive, maxNegative) * FD.barStackedPadFraction;\n    return [\n      maxNegative > 0 ? -(maxNegative + pad) : 0,\n      maxPositive > 0 ? maxPositive + pad : 0,\n    ];\n  }\n\n  const values: number[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (Number.isFinite(p.y)) values.push(p.y);\n    }\n  }\n  if (!values.length) return [0, 1];\n\n  const [min, max] = calculateScaleLinearDomain(values);\n  const factor = barPadFactor(orientation, series.length > 1);\n  const paddedMax = Math.max(max * factor, cumulativeMax ?? -Infinity);\n  const paddedMin = min * factor;\n  if (paddedMin === 0 && paddedMax === 0) return [0, 1];\n  return [paddedMin, paddedMax];\n}\n\n/**\n * FuseDash baseline rule: bars grow from zero when the domain straddles it,\n * otherwise from whichever end of the domain is closest to zero.\n */\nexport function resolveBaseline(domain: [number, number]): number {\n  const [min, max] = domain;\n  if (max > 0 && min < 0) return 0;\n  return max > 0 ? min : max;\n}\n\n/**\n * Offset of one bar from its group's centre — port of FuseDash `getBarPosition`.\n *\n * Bars step by `thickness + 1`; an odd count puts the middle bar dead centre,\n * an even count straddles the centre by half a step.\n */\nexport function groupedBarOffset(\n  thickness: number,\n  index: number,\n  count: number,\n  gap: number = FD.barGroupGap,\n): number {\n  const current = index + 1;\n  const half = count / 2;\n  const step = thickness + gap;\n\n  if (count % 2) {\n    const centre = Math.ceil(half);\n    if (current < centre) return -step * (centre - current);\n    if (current === centre) return 0;\n    return step * (current - centre);\n  }\n\n  if (current <= half) return -(step * (half - current + 0.5));\n  return step * (current - half - 0.5);\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/** Value tick / tooltip formatting — same rule as FuseDash `tickFormat`. */
+export declare function formatCompact(value: number): string;
+/**
+ * Pick which category ticks to label so none collide — shared with step-line.
+ * The chat host has no room for FuseDash `useVisxDynamicAxisLabel`.
+ */
+export declare function selectTickIndices(labels: string[], positions: number[], charWidth?: number, gap?: number): number[];
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/lib/format.ts"],"names":[],"mappings":"AAEA,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGnD;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EAAE,EAChB,SAAS,EAAE,MAAM,EAAE,EACnB,SAAS,SAAM,EACf,GAAG,SAAI,GACN,MAAM,EAAE,CAgCV"}

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

@@ -0,0 +1,38 @@
+import { formatCompactNumber } from "../../../utils/fusedash-visual.js";
+function formatCompact(value) {
+  const decimals = Number.isInteger(value) && Math.abs(value) < 1e3 ? 0 : 2;
+  return formatCompactNumber(value, decimals);
+}
+function selectTickIndices(labels, positions, charWidth = 6.2, gap = 8) {
+  const n = labels.length;
+  if (n <= 1) return n === 1 ? [0] : [];
+  const extent = (i) => {
+    const w = labels[i].length * charWidth;
+    const x = positions[i];
+    if (i === 0) return [x, x + w];
+    if (i === n - 1) return [x - w, x];
+    return [x - w / 2, x + w / 2];
+  };
+  const kept = [];
+  let prevRight = -Infinity;
+  for (let i = 0; i < n - 1; i++) {
+    if (!Number.isFinite(positions[i])) continue;
+    const [left, right] = extent(i);
+    if (left >= prevRight + gap) {
+      kept.push(i);
+      prevRight = right;
+    }
+  }
+  if (!Number.isFinite(positions[n - 1])) return kept;
+  const [lastLeft] = extent(n - 1);
+  while (kept.length && extent(kept[kept.length - 1])[1] + gap > lastLeft) {
+    kept.pop();
+  }
+  kept.push(n - 1);
+  return kept;
+}
+export {
+  formatCompact,
+  selectTickIndices
+};
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/bar-chart/lib/format.ts"],"sourcesContent":["import { formatCompactNumber } from '../../../utils/fusedash-visual.js';\n\n/** Value tick / tooltip formatting — same rule as FuseDash `tickFormat`. */\nexport function formatCompact(value: number): string {\n  const decimals = Number.isInteger(value) && Math.abs(value) < 1000 ? 0 : 2;\n  return formatCompactNumber(value, decimals);\n}\n\n/**\n * Pick which category ticks to label so none collide — shared with step-line.\n * The chat host has no room for FuseDash `useVisxDynamicAxisLabel`.\n */\nexport function selectTickIndices(\n  labels: string[],\n  positions: number[],\n  charWidth = 6.2,\n  gap = 8,\n): number[] {\n  const n = labels.length;\n  if (n <= 1) return n === 1 ? [0] : [];\n\n  const extent = (i: number): [number, number] => {\n    const w = labels[i].length * charWidth;\n    const x = positions[i];\n    if (i === 0) return [x, x + w];\n    if (i === n - 1) return [x - w, x];\n    return [x - w / 2, x + w / 2];\n  };\n\n  const kept: number[] = [];\n  let prevRight = -Infinity;\n  for (let i = 0; i < n - 1; i++) {\n    if (!Number.isFinite(positions[i])) continue;\n    const [left, right] = extent(i);\n    if (left >= prevRight + gap) {\n      kept.push(i);\n      prevRight = right;\n    }\n  }\n\n  if (!Number.isFinite(positions[n - 1])) return kept;\n\n  const [lastLeft] = extent(n - 1);\n  while (kept.length && extent(kept[kept.length - 1])[1] + gap > lastLeft) {\n    kept.pop();\n  }\n  kept.push(n - 1);\n\n  return kept;\n}\n"],"names":[],"mappings":";AAGO,SAAS,cAAc,OAAuB;AACnD,QAAM,WAAW,OAAO,UAAU,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,MAAO,IAAI;AACzE,SAAO,oBAAoB,OAAO,QAAQ;AAC5C;AAMO,SAAS,kBACd,QACA,WACA,YAAY,KACZ,MAAM,GACI;AACV,QAAM,IAAI,OAAO;AACjB,MAAI,KAAK,EAAG,QAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAA;AAEnC,QAAM,SAAS,CAAC,MAAgC;AAC9C,UAAM,IAAI,OAAO,CAAC,EAAE,SAAS;AAC7B,UAAM,IAAI,UAAU,CAAC;AACrB,QAAI,MAAM,EAAG,QAAO,CAAC,GAAG,IAAI,CAAC;AAC7B,QAAI,MAAM,IAAI,UAAU,CAAC,IAAI,GAAG,CAAC;AACjC,WAAO,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC;AAAA,EAC9B;AAEA,QAAM,OAAiB,CAAA;AACvB,MAAI,YAAY;AAChB,WAAS,IAAI,GAAG,IAAI,IAAI,GAAG,KAAK;AAC9B,QAAI,CAAC,OAAO,SAAS,UAAU,CAAC,CAAC,EAAG;AACpC,UAAM,CAAC,MAAM,KAAK,IAAI,OAAO,CAAC;AAC9B,QAAI,QAAQ,YAAY,KAAK;AAC3B,WAAK,KAAK,CAAC;AACX,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,MAAI,CAAC,OAAO,SAAS,UAAU,IAAI,CAAC,CAAC,EAAG,QAAO;AAE/C,QAAM,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC;AAC/B,SAAO,KAAK,UAAU,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,MAAM,UAAU;AACvE,SAAK,IAAA;AAAA,EACP;AACA,OAAK,KAAK,IAAI,CAAC;AAEf,SAAO;AACT;"}

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

@@ -0,0 +1,6 @@
+export { type BarChartData, type BarHoverEntry, type BarLayout, type BarOrientation, type BarPoint, type BarSeries, } from './types.js';
+export { normalizeBarData } from './normalize.js';
+export { barPadFactor, collectBarCategories, collectBarValueDomain, cumulativeValues, groupedBarOffset, resolveBaseline, stackTotals, valueAt, type BarValueDomainOptions, } from './domain.js';
+export { BAR_GROUP_INNER_GAP, BAR_GROUP_PADDING, barGroupedBandPadding, barGroupedMinCategorySpan, barGroupSpan, barHorizontalMinSpan, barMinCategorySpan, barRowPitch, } from './layout.js';
+export { formatCompact, selectTickIndices } from './format.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,SAAS,GACf,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,OAAO,EACP,KAAK,qBAAqB,GAC3B,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,yBAAyB,EACzB,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,36 @@
+import { BarLayout } from './types.js';
+/**
+ * HorizontalGroupedBarChart inner gap between bars in a group
+ * (`barSpacing = 4` in the client new design).
+ */
+export declare const BAR_GROUP_INNER_GAP = 4;
+/**
+ * Space between category bands on grouped horizontal charts —
+ * client `groupPadding = 32` (`2 * barRowSpacing`).
+ */
+export declare const BAR_GROUP_PADDING: number;
+/** Preferred row pitch for plain / stacked horizontal bars: 24 + 16×2. */
+export declare function barRowPitch(): number;
+/**
+ * Span of one grouped-horizontal category (bars + inner gaps), matching
+ * client `numBarsInGroup * 24 + (n − 1) * 4`.
+ */
+export declare function barGroupSpan(seriesCount: number): number;
+/**
+ * Minimum plot height for a plain or stacked horizontal bar chart.
+ * Client: `n * (24 + 16×2) + 16×2`.
+ */
+export declare function barMinCategorySpan(categoryCount: number): number;
+/**
+ * Minimum plot height for a grouped horizontal bar chart.
+ * Client: `nCategories * (groupSpan + 32)`.
+ */
+export declare function barGroupedMinCategorySpan(categoryCount: number, seriesCount: number): number;
+/** Band padding so grouped-horizontal categories keep a 32px gutter. */
+export declare function barGroupedBandPadding(seriesCount: number): number;
+/**
+ * Minimum categorical span for a horizontal bar chart. Grouped (multi-series,
+ * not stacked) uses the grouped formula; plain and stacked share the row pitch.
+ */
+export declare function barHorizontalMinSpan(categoryCount: number, seriesCount: number, layout?: BarLayout): number;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/components/bar-chart/lib/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAuB,CAAC;AAEtD,0EAA0E;AAC1E,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAGxD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,GAClB,MAAM,CAGR;AAED,wEAAwE;AACxE,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAGjE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,EACnB,MAAM,GAAE,SAAqB,GAC5B,MAAM,CAKR"}