@fusedashlabs/widgets 0.2.0

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

@@ -0,0 +1,187 @@
+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, getAreaGroupedBarChartDimensions } from "../../../utils/chart-helpers.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderAreaGroupedBarChart } from "../render/draw.js";
+import { normalizeAreaGroupedBarData } from "../lib/normalize.js";
+import { formatAgbValue } from "../lib/format.js";
+import { lineChartStyles } from "../../line-chart/element/styles.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 Ui9000AreaGroupedBarChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._tooltip = null;
+    this._empty = 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) {
+    if (chartPropsChanged(changed)) this.scheduleDraw();
+  }
+  scheduleDraw() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => this.draw());
+  }
+  parseData() {
+    const raw = parseJsonAttr(this.dataJson, null);
+    return normalizeAreaGroupedBarData(raw);
+  }
+  legendEntries(model) {
+    const entries = [];
+    if (model.lineField) {
+      entries.push({
+        label: model.lineLabel || model.lineField,
+        swatch: { kind: "line", color: model.lineColor }
+      });
+    }
+    for (const g of model.groups) {
+      entries.push({
+        label: g.label,
+        swatch: { kind: "swatch", color: g.color, opacity: 0.85 }
+      });
+    }
+    return entries;
+  }
+  renderLegend(model) {
+    if (!this.showLegend) return nothing;
+    const entries = this.legendEntries(model);
+    if (entries.length <= 1) return nothing;
+    return renderChartLegend(entries);
+  }
+  tooltipLines(model, category) {
+    var _a, _b;
+    const xLabel = ((_b = (_a = model.axisDetails) == null ? void 0 : _a[model.xField]) == null ? void 0 : _b.label) ?? model.xField;
+    const lines = [`${xLabel}: ${category}`];
+    const gMap = model.barsByCategory[category] ?? {};
+    let barsSum = 0;
+    for (const g of model.groups) {
+      const v = gMap[g.key];
+      if (!Number.isFinite(v)) continue;
+      barsSum += v;
+      lines.push(`${g.label}: ${formatAgbValue(v)}`);
+    }
+    const linePt = model.linePoints.find((p) => p.x === category);
+    const lineValue = (linePt == null ? void 0 : linePt.y) ?? barsSum;
+    if (Number.isFinite(lineValue)) {
+      const aLabel = model.lineLabel || model.lineField;
+      lines.push(`${aLabel}: ${formatAgbValue(lineValue)}`);
+    }
+    return lines;
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const model = this.parseData();
+    this._empty = model.categories.length === 0 && model.linePoints.length === 0 && model.groups.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    const theme = readThemeFromElement(this);
+    const { width, height, margin } = getAreaGroupedBarChartDimensions(root);
+    renderAreaGroupedBarChart(root, {
+      model,
+      width,
+      height,
+      margin,
+      theme,
+      showGrid: this.showGrid,
+      showTooltip: this.showTooltip,
+      ...this.axisLabelHandlers(),
+      onHover: this.showTooltip ? ({ category, event }) => {
+        const rect = this.getBoundingClientRect();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          lines: this.tooltipLines(model, category)
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    const model = this._empty ? null : this.parseData();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          ${model ? this.renderLegend(model) : nothing}
+          <div class="chart-root" part="chart" ?hidden=${this._empty}></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"
+              >
+                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000AreaGroupedBarChart.styles = [lineChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000AreaGroupedBarChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000AreaGroupedBarChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000AreaGroupedBarChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000AreaGroupedBarChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000AreaGroupedBarChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000AreaGroupedBarChart.prototype, "_empty", 2);
+Ui9000AreaGroupedBarChart = __decorateClass([
+  customElement("ui9000-area-grouped-bar-chart")
+], Ui9000AreaGroupedBarChart);
+function registerAreaGroupedBarChart() {
+  if (!customElements.get("ui9000-area-grouped-bar-chart")) {
+    customElements.define("ui9000-area-grouped-bar-chart", Ui9000AreaGroupedBarChart);
+  }
+}
+registerAreaGroupedBarChart();
+export {
+  Ui9000AreaGroupedBarChart,
+  registerAreaGroupedBarChart
+};
+//# sourceMappingURL=ui9000-area-grouped-bar-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-area-grouped-bar-chart.js","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-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, type ChartLegendEntry } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport {\n  getAreaGroupedBarChartDimensions,\n  parseJsonAttr,\n} from '../../../utils/chart-helpers.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatAgbValue,\n  normalizeAreaGroupedBarData,\n  type AreaGroupedBarChartInput,\n  type AreaGroupedBarModel,\n} from '../lib/index.js';\nimport { renderAreaGroupedBarChart } from '../render/draw.js';\nimport { areaGroupedBarChartStyles } from './styles.js';\n\n@customElement('ui9000-area-grouped-bar-chart')\nexport class Ui9000AreaGroupedBarChart extends Ui9000ChartElement {\n  static override styles = [areaGroupedBarChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\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  @state()\n  private _tooltip: { x: number; y: number; lines: string[] } | null = null;\n\n  @state()\n  private _empty = 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  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): AreaGroupedBarModel {\n    const raw = parseJsonAttr<AreaGroupedBarChartInput>(this.dataJson, null);\n    return normalizeAreaGroupedBarData(raw);\n  }\n\n  private legendEntries(model: AreaGroupedBarModel): ChartLegendEntry[] {\n    const entries: ChartLegendEntry[] = [];\n    if (model.lineField) {\n      entries.push({\n        label: model.lineLabel || model.lineField,\n        swatch: { kind: 'line', color: model.lineColor },\n      });\n    }\n    for (const g of model.groups) {\n      entries.push({\n        label: g.label,\n        swatch: { kind: 'swatch', color: g.color, opacity: 0.85 },\n      });\n    }\n    return entries;\n  }\n\n  private renderLegend(model: AreaGroupedBarModel) {\n    if (!this.showLegend) return nothing;\n    const entries = this.legendEntries(model);\n    if (entries.length <= 1) return nothing;\n    return renderChartLegend(entries);\n  }\n\n  private tooltipLines(model: AreaGroupedBarModel, category: string): string[] {\n    const xLabel = model.axisDetails?.[model.xField]?.label ?? model.xField;\n    const lines: string[] = [`${xLabel}: ${category}`];\n\n    const gMap = model.barsByCategory[category] ?? {};\n    let barsSum = 0;\n    for (const g of model.groups) {\n      const v = gMap[g.key];\n      if (!Number.isFinite(v)) continue;\n      barsSum += v;\n      lines.push(`${g.label}: ${formatAgbValue(v)}`);\n    }\n\n    const linePt = model.linePoints.find((p) => p.x === category);\n    const lineValue = linePt?.y ?? barsSum;\n    if (Number.isFinite(lineValue)) {\n      const aLabel = model.lineLabel || model.lineField;\n      lines.push(`${aLabel}: ${formatAgbValue(lineValue)}`);\n    }\n    return lines;\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty =\n      model.categories.length === 0 &&\n      model.linePoints.length === 0 &&\n      model.groups.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getAreaGroupedBarChartDimensions(root);\n\n    renderAreaGroupedBarChart(root, {\n      model,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ category, event }) => {\n            const rect = this.getBoundingClientRect();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              lines: this.tooltipLines(model, category),\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip\n        ? () => {\n            this._tooltip = null;\n          }\n        : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    const model = this._empty ? null : this.parseData();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${model ? this.renderLegend(model) : nothing}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></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                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-area-grouped-bar-chart': Ui9000AreaGroupedBarChart;\n  }\n}\n\nexport function registerAreaGroupedBarChart(): void {\n  if (!customElements.get('ui9000-area-grouped-bar-chart')) {\n    customElements.define('ui9000-area-grouped-bar-chart', Ui9000AreaGroupedBarChart);\n  }\n}\n\nregisterAreaGroupedBarChart();\n"],"names":["areaGroupedBarChartStyles"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+export { Ui9000AreaGroupedBarChart, registerAreaGroupedBarChart, } from './element/ui9000-area-grouped-bar-chart.js';
+export { renderAreaGroupedBarChart } from './render/draw.js';
+export type { AreaGroupedBarHoverPayload, RenderAreaGroupedBarChartOptions, } from './render/draw.js';
+export { normalizeAreaGroupedBarData, areaGroupedBarYDomain, formatAgbAxisTick, formatAgbValue, type AreaGroupedBarChartInput, type AreaGroupedBarGroup, type AreaGroupedBarLinePoint, type AreaGroupedBarModel, } from './lib/index.js';
+export { default as areaGroupedBarChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/area-grouped-bar-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAC5B,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EACV,0BAA0B,EAC1B,gCAAgC,GACjC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,EACd,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,18 @@
+import { registerAreaGroupedBarChart } from "./element/ui9000-area-grouped-bar-chart.js";
+import { Ui9000AreaGroupedBarChart } from "./element/ui9000-area-grouped-bar-chart.js";
+import { renderAreaGroupedBarChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { areaGroupedBarYDomain } from "./lib/domain.js";
+import { formatAgbAxisTick, formatAgbValue } from "./lib/format.js";
+import { normalizeAreaGroupedBarData } from "./lib/normalize.js";
+export {
+  Ui9000AreaGroupedBarChart,
+  default2 as areaGroupedBarChartMetadata,
+  areaGroupedBarYDomain,
+  formatAgbAxisTick,
+  formatAgbValue,
+  normalizeAreaGroupedBarData,
+  registerAreaGroupedBarChart,
+  renderAreaGroupedBarChart
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+import { AreaGroupedBarModel } from './types.js';
+/** Shared Y domain over line + bar metrics (client `calculateScaleLinearDomain`). */
+export declare function areaGroupedBarYDomain(model: AreaGroupedBarModel): [number, number];
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/lib/domain.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,qFAAqF;AACrF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAalF"}

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

@@ -0,0 +1,19 @@
+import { calculateScaleLinearDomain } from "../../../utils/fusedash-visual.js";
+function areaGroupedBarYDomain(model) {
+  const values = [];
+  for (const pt of model.linePoints) {
+    if (Number.isFinite(pt.y)) values.push(pt.y);
+  }
+  for (const cat of model.categories) {
+    const row = model.barsByCategory[cat] ?? {};
+    for (const g of model.groups) {
+      const v = row[g.key];
+      if (Number.isFinite(v)) values.push(v);
+    }
+  }
+  return calculateScaleLinearDomain(values);
+}
+export {
+  areaGroupedBarYDomain
+};
+//# sourceMappingURL=domain.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/area-grouped-bar-chart/lib/domain.ts"],"sourcesContent":["import { calculateScaleLinearDomain } from '../../../utils/fusedash-visual.js';\nimport type { AreaGroupedBarModel } from './types.js';\n\n/** Shared Y domain over line + bar metrics (client `calculateScaleLinearDomain`). */\nexport function areaGroupedBarYDomain(model: AreaGroupedBarModel): [number, number] {\n  const values: number[] = [];\n  for (const pt of model.linePoints) {\n    if (Number.isFinite(pt.y)) values.push(pt.y);\n  }\n  for (const cat of model.categories) {\n    const row = model.barsByCategory[cat] ?? {};\n    for (const g of model.groups) {\n      const v = row[g.key];\n      if (Number.isFinite(v)) values.push(v);\n    }\n  }\n  return calculateScaleLinearDomain(values);\n}\n"],"names":[],"mappings":";AAIO,SAAS,sBAAsB,OAA8C;AAClF,QAAM,SAAmB,CAAA;AACzB,aAAW,MAAM,MAAM,YAAY;AACjC,QAAI,OAAO,SAAS,GAAG,CAAC,EAAG,QAAO,KAAK,GAAG,CAAC;AAAA,EAC7C;AACA,aAAW,OAAO,MAAM,YAAY;AAClC,UAAM,MAAM,MAAM,eAAe,GAAG,KAAK,CAAA;AACzC,eAAW,KAAK,MAAM,QAAQ;AAC5B,YAAM,IAAI,IAAI,EAAE,GAAG;AACnB,UAAI,OAAO,SAAS,CAAC,EAAG,QAAO,KAAK,CAAC;AAAA,IACvC;AAAA,EACF;AACA,SAAO,2BAA2B,MAAM;AAC1C;"}

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

@@ -0,0 +1,5 @@
+/** Y-axis tick label — mirrors client AxisLeft tickFormat. */
+export declare function formatAgbAxisTick(value: number): string;
+/** Tooltip numeric values. */
+export declare function formatAgbValue(value: number): string;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/lib/format.ts"],"names":[],"mappings":"AAEA,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED,8BAA8B;AAC9B,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGpD"}

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

@@ -0,0 +1,14 @@
+import { formatCompactNumber } from "../../../utils/fusedash-visual.js";
+function formatAgbAxisTick(value) {
+  const decimals = Number.isInteger(value) && Math.abs(value) < 1e3 ? 0 : 2;
+  return formatCompactNumber(value, decimals);
+}
+function formatAgbValue(value) {
+  if (!Number.isFinite(value)) return "—";
+  return value.toLocaleString(void 0, { maximumFractionDigits: 4 });
+}
+export {
+  formatAgbAxisTick,
+  formatAgbValue
+};
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/area-grouped-bar-chart/lib/format.ts"],"sourcesContent":["import { formatCompactNumber } from '../../../utils/fusedash-visual.js';\n\n/** Y-axis tick label — mirrors client AxisLeft tickFormat. */\nexport function formatAgbAxisTick(value: number): string {\n  const decimals = Number.isInteger(value) && Math.abs(value) < 1000 ? 0 : 2;\n  return formatCompactNumber(value, decimals);\n}\n\n/** Tooltip numeric values. */\nexport function formatAgbValue(value: number): string {\n  if (!Number.isFinite(value)) return '—';\n  return value.toLocaleString(undefined, { maximumFractionDigits: 4 });\n}\n"],"names":[],"mappings":";AAGO,SAAS,kBAAkB,OAAuB;AACvD,QAAM,WAAW,OAAO,UAAU,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,MAAO,IAAI;AACzE,SAAO,oBAAoB,OAAO,QAAQ;AAC5C;AAGO,SAAS,eAAe,OAAuB;AACpD,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,MAAM,eAAe,QAAW,EAAE,uBAAuB,GAAG;AACrE;"}

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

@@ -0,0 +1,3 @@
+export { normalizeAreaGroupedBarData, areaGroupedBarYDomain, formatAgbAxisTick, formatAgbValue, } from './normalize.js';
+export type { AreaGroupedBarChartInput, AreaGroupedBarGroup, AreaGroupedBarLinePoint, AreaGroupedBarModel, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,GACf,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,wBAAwB,EACxB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,YAAY,CAAC"}

package/dist/components/area-grouped-bar-chart/lib/normalize.d.ts

@@ -0,0 +1,6 @@
+import { AreaGroupedBarChartInput, AreaGroupedBarModel } from './types.js';
+/** Normalize FuseDash / chat payloads into area+grouped-bar model. */
+export declare function normalizeAreaGroupedBarData(input: AreaGroupedBarChartInput): AreaGroupedBarModel;
+export { areaGroupedBarYDomain } from './domain.js';
+export { formatAgbAxisTick, formatAgbValue } from './format.js';
+//# sourceMappingURL=normalize.d.ts.map

package/dist/components/area-grouped-bar-chart/lib/normalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/lib/normalize.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,wBAAwB,EAExB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AA8KpB,sEAAsE;AACtE,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,wBAAwB,GAC9B,mBAAmB,CAgBrB;AAED,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/area-grouped-bar-chart/lib/normalize.js

@@ -0,0 +1,132 @@
+import { QUALITATIVE_2, resolveFormattingColor, pickQualitativePalette } from "../../../utils/fuse-palette.js";
+import { isFuseWidgetPayload, rowsOf, firstField, resolveUniqueValuesOrder, filterTruthyValues } from "../../../utils/fuse-widget.js";
+import { resolveWidgetFormatting } from "../../../utils/chart-formatting/from-fuse-widget.js";
+const EMPTY = {
+  categories: [],
+  groups: [],
+  barsByCategory: {},
+  linePoints: [],
+  lineColor: QUALITATIVE_2[0],
+  lineLabel: "",
+  lineField: "",
+  barField: "",
+  xField: "",
+  groupField: ""
+};
+function toNumberValue(value) {
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+function resolveYKeys(widget) {
+  const fromDisplay = Array.isArray(widget.display) ? widget.display : widget.display ? [widget.display] : [];
+  const fromY = Array.isArray(widget.yAxe) ? widget.yAxe : widget.yAxe ? [widget.yAxe] : [];
+  const keys = (fromDisplay.length ? fromDisplay : fromY).map(String).filter(Boolean);
+  return keys;
+}
+function xCategories(rows, widget, xKey) {
+  var _a, _b;
+  const allX = Array.from(
+    new Set(rows.map((r) => String(r[xKey] ?? "").trim()).filter(Boolean))
+  );
+  const hint = (_b = (_a = widget.uniqueValues) == null ? void 0 : _a[xKey]) == null ? void 0 : _b.map(String).filter((v) => allX.includes(v));
+  if (hint == null ? void 0 : hint.length) return hint;
+  return resolveUniqueValuesOrder(allX, widget.uniqueValues, xKey);
+}
+function groupKeys(rows, widget, groupBy) {
+  var _a;
+  const fromUv = (_a = widget.uniqueValues) == null ? void 0 : _a[groupBy];
+  const raw = (fromUv == null ? void 0 : fromUv.length) ? fromUv.map(String) : Array.from(
+    new Set(rows.map((r) => String(r[groupBy] ?? "")).filter(Boolean))
+  );
+  return filterTruthyValues(raw);
+}
+function resolveLineColor(formatting, lineField, hasFormatting) {
+  if (hasFormatting) {
+    return resolveFormattingColor(formatting, lineField, formatting.length || 1);
+  }
+  return resolveFormattingColor([{ key: lineField, color: "1" }], lineField, 1);
+}
+function resolveGroupColor(formatting, groupKey, groupIndex, groupCount, hasFormatting) {
+  if (hasFormatting) {
+    return resolveFormattingColor(formatting, groupKey, groupCount);
+  }
+  const palette = pickQualitativePalette(3, groupCount);
+  return palette[(groupIndex + 1) % palette.length] ?? QUALITATIVE_2[1];
+}
+function fromFuseWidget(widget) {
+  var _a, _b, _c;
+  const rows = rowsOf(widget);
+  const xField = firstField(widget.xAxe) ?? "";
+  const groupField = firstField(widget.groupBy) ?? "";
+  const yKeys = resolveYKeys(widget);
+  const lineField = yKeys[0] || firstField(widget.yAxe) || "";
+  const barField = yKeys[1] || yKeys[0] || "";
+  if (!rows.length || !xField || !lineField) return EMPTY;
+  const categories = xCategories(rows, widget, xField);
+  const gKeys = groupField ? groupKeys(rows, widget, groupField) : [];
+  const formatting = resolveWidgetFormatting(widget);
+  const hasFormatting = Array.isArray(widget.formatting) && (((_a = widget.formatting) == null ? void 0 : _a.length) ?? 0) > 0;
+  const groups = gKeys.map((key, i) => ({
+    key,
+    label: key,
+    color: resolveGroupColor(formatting, key, i, gKeys.length, hasFormatting)
+  }));
+  const barsByCategory = {};
+  if (groupField && gKeys.length) {
+    for (const d of rows) {
+      const xKey = String(d[xField] ?? "").trim();
+      const gKey = String(d[groupField] ?? "").trim();
+      if (!xKey || !gKey || gKey === "null" || gKey === "undefined") continue;
+      const useValueFromGroup = yKeys.includes(gKey) && d[gKey] != null;
+      const v = toNumberValue(useValueFromGroup ? d[gKey] : d[barField]);
+      if (!barsByCategory[xKey]) barsByCategory[xKey] = {};
+      barsByCategory[xKey][gKey] = (barsByCategory[xKey][gKey] ?? 0) + v;
+    }
+  }
+  const byX = {};
+  for (const d of rows) {
+    const rawX = String(d[xField] ?? "").trim();
+    if (!rawX) continue;
+    if (!byX[rawX]) byX[rawX] = { barsSum: 0 };
+    const lineV = toNumberValue(d[lineField]);
+    if (Number.isFinite(lineV)) byX[rawX].line = lineV;
+    byX[rawX].barsSum += toNumberValue(d[barField]);
+  }
+  const linePoints = categories.map((rawX) => {
+    const acc = byX[rawX];
+    if (!acc) return null;
+    const rawY = Number.isFinite(acc.line) ? Number(acc.line) : Number(acc.barsSum);
+    if (!Number.isFinite(rawY)) return null;
+    return { x: rawX, y: rawY };
+  }).filter((p) => p != null);
+  const lineLabel = ((_c = (_b = widget.axisDetails) == null ? void 0 : _b[lineField]) == null ? void 0 : _c.label) ?? lineField;
+  const hasPlot = linePoints.length > 0 || Object.keys(barsByCategory).length > 0;
+  if (!hasPlot) return EMPTY;
+  return {
+    categories,
+    groups,
+    barsByCategory,
+    linePoints,
+    lineColor: resolveLineColor(formatting, lineField, hasFormatting),
+    lineLabel,
+    lineField,
+    barField,
+    xField,
+    groupField,
+    axisDetails: widget.axisDetails ?? void 0
+  };
+}
+function normalizeAreaGroupedBarData(input) {
+  if (!input) return EMPTY;
+  if (isFuseWidgetPayload(input)) {
+    return fromFuseWidget(input);
+  }
+  if (typeof input === "object" && Array.isArray(input.categories) && Array.isArray(input.linePoints)) {
+    return input;
+  }
+  return EMPTY;
+}
+export {
+  normalizeAreaGroupedBarData
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/area-grouped-bar-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/area-grouped-bar-chart/lib/normalize.ts"],"sourcesContent":["import {\n  pickQualitativePalette,\n  QUALITATIVE_2,\n  resolveFormattingColor,\n} from '../../../utils/fuse-palette.js';\nimport { resolveWidgetFormatting } from '../../../utils/chart-formatting/index.js';\nimport {\n  filterTruthyValues,\n  firstField,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type {\n  AreaGroupedBarChartInput,\n  AreaGroupedBarGroup,\n  AreaGroupedBarModel,\n} from './types.js';\n\nconst EMPTY: AreaGroupedBarModel = {\n  categories: [],\n  groups: [],\n  barsByCategory: {},\n  linePoints: [],\n  lineColor: QUALITATIVE_2[0],\n  lineLabel: '',\n  lineField: '',\n  barField: '',\n  xField: '',\n  groupField: '',\n};\n\ntype WidgetWithDisplay = FuseWidgetLike & {\n  display?: string | string[] | null;\n};\n\nfunction toNumberValue(value: unknown): number {\n  const parsed = Number(value);\n  return Number.isFinite(parsed) ? parsed : 0;\n}\n\nfunction resolveYKeys(widget: WidgetWithDisplay): string[] {\n  const fromDisplay = Array.isArray(widget.display)\n    ? widget.display\n    : widget.display\n      ? [widget.display]\n      : [];\n  const fromY = Array.isArray(widget.yAxe)\n    ? widget.yAxe\n    : widget.yAxe\n      ? [widget.yAxe]\n      : [];\n  const keys = (fromDisplay.length ? fromDisplay : fromY)\n    .map(String)\n    .filter(Boolean);\n  return keys;\n}\n\nfunction xCategories(\n  rows: Record<string, unknown>[],\n  widget: FuseWidgetLike,\n  xKey: string,\n): string[] {\n  const allX = Array.from(\n    new Set(rows.map((r) => String(r[xKey] ?? '').trim()).filter(Boolean)),\n  );\n  const hint = widget.uniqueValues?.[xKey]?.map(String).filter((v) => allX.includes(v));\n  if (hint?.length) return hint;\n  return resolveUniqueValuesOrder(allX, widget.uniqueValues, xKey);\n}\n\nfunction groupKeys(\n  rows: Record<string, unknown>[],\n  widget: FuseWidgetLike,\n  groupBy: string,\n): string[] {\n  const fromUv = widget.uniqueValues?.[groupBy];\n  const raw = fromUv?.length\n    ? fromUv.map(String)\n    : Array.from(\n        new Set(rows.map((r) => String(r[groupBy] ?? '')).filter(Boolean)),\n      );\n  return filterTruthyValues(raw);\n}\n\nfunction resolveLineColor(\n  formatting: ReturnType<typeof resolveWidgetFormatting>,\n  lineField: string,\n  hasFormatting: boolean,\n): string {\n  if (hasFormatting) {\n    return resolveFormattingColor(formatting, lineField, formatting.length || 1);\n  }\n  return resolveFormattingColor([{ key: lineField, color: '1' }], lineField, 1);\n}\n\nfunction resolveGroupColor(\n  formatting: ReturnType<typeof resolveWidgetFormatting>,\n  groupKey: string,\n  groupIndex: number,\n  groupCount: number,\n  hasFormatting: boolean,\n): string {\n  if (hasFormatting) {\n    return resolveFormattingColor(formatting, groupKey, groupCount);\n  }\n  const palette = pickQualitativePalette(3, groupCount);\n  return palette[(groupIndex + 1) % palette.length] ?? QUALITATIVE_2[1];\n}\n\nfunction fromFuseWidget(widget: WidgetWithDisplay): AreaGroupedBarModel {\n  const rows = rowsOf(widget);\n  const xField = firstField(widget.xAxe) ?? '';\n  const groupField = firstField(widget.groupBy) ?? '';\n  const yKeys = resolveYKeys(widget);\n  const lineField = yKeys[0] || firstField(widget.yAxe) || '';\n  const barField = yKeys[1] || yKeys[0] || '';\n\n  if (!rows.length || !xField || !lineField) return EMPTY;\n\n  const categories = xCategories(rows, widget, xField);\n  const gKeys = groupField ? groupKeys(rows, widget, groupField) : [];\n  const formatting = resolveWidgetFormatting(widget);\n  const hasFormatting = Array.isArray(widget.formatting) && (widget.formatting?.length ?? 0) > 0;\n\n  const groups: AreaGroupedBarGroup[] = gKeys.map((key, i) => ({\n    key,\n    label: key,\n    color: resolveGroupColor(formatting, key, i, gKeys.length, hasFormatting),\n  }));\n\n  const barsByCategory: Record<string, Record<string, number>> = {};\n  if (groupField && gKeys.length) {\n    for (const d of rows) {\n      const xKey = String(d[xField] ?? '').trim();\n      const gKey = String(d[groupField] ?? '').trim();\n      if (!xKey || !gKey || gKey === 'null' || gKey === 'undefined') continue;\n      const useValueFromGroup = yKeys.includes(gKey) && d[gKey] != null;\n      const v = toNumberValue(useValueFromGroup ? d[gKey] : d[barField]);\n      if (!barsByCategory[xKey]) barsByCategory[xKey] = {};\n      barsByCategory[xKey][gKey] = (barsByCategory[xKey][gKey] ?? 0) + v;\n    }\n  }\n\n  // Line/area: explicit yAxe[0] when finite; else sum(bars) per category.\n  const byX: Record<string, { line?: number; barsSum: number }> = {};\n  for (const d of rows) {\n    const rawX = String(d[xField] ?? '').trim();\n    if (!rawX) continue;\n    if (!byX[rawX]) byX[rawX] = { barsSum: 0 };\n    const lineV = toNumberValue(d[lineField]);\n    if (Number.isFinite(lineV)) byX[rawX].line = lineV;\n    byX[rawX].barsSum += toNumberValue(d[barField]);\n  }\n\n  const linePoints = categories\n    .map((rawX) => {\n      const acc = byX[rawX];\n      if (!acc) return null;\n      const rawY = Number.isFinite(acc.line as number)\n        ? Number(acc.line)\n        : Number(acc.barsSum);\n      if (!Number.isFinite(rawY)) return null;\n      return { x: rawX, y: rawY };\n    })\n    .filter((p): p is { x: string; y: number } => p != null);\n\n  const lineLabel =\n    widget.axisDetails?.[lineField]?.label ?? lineField;\n\n  const hasPlot =\n    linePoints.length > 0 ||\n    Object.keys(barsByCategory).length > 0;\n\n  if (!hasPlot) return EMPTY;\n\n  return {\n    categories,\n    groups,\n    barsByCategory,\n    linePoints,\n    lineColor: resolveLineColor(formatting, lineField, hasFormatting),\n    lineLabel,\n    lineField,\n    barField,\n    xField,\n    groupField,\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\n/** Normalize FuseDash / chat payloads into area+grouped-bar model. */\nexport function normalizeAreaGroupedBarData(\n  input: AreaGroupedBarChartInput,\n): AreaGroupedBarModel {\n  if (!input) return EMPTY;\n\n  if (isFuseWidgetPayload(input)) {\n    return fromFuseWidget(input as WidgetWithDisplay);\n  }\n\n  if (\n    typeof input === 'object' &&\n    Array.isArray((input as AreaGroupedBarModel).categories) &&\n    Array.isArray((input as AreaGroupedBarModel).linePoints)\n  ) {\n    return input as AreaGroupedBarModel;\n  }\n\n  return EMPTY;\n}\n\nexport { areaGroupedBarYDomain } from './domain.js';\nexport { formatAgbAxisTick, formatAgbValue } from './format.js';\n"],"names":[],"mappings":"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"}

package/dist/components/area-grouped-bar-chart/lib/types.d.ts

@@ -0,0 +1,33 @@
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+export interface AreaGroupedBarLinePoint {
+    x: string;
+    y: number;
+}
+export interface AreaGroupedBarGroup {
+    key: string;
+    label: string;
+    color: string;
+}
+export interface AreaGroupedBarModel {
+    /** Ordered X categories (uniqueValues ∩ data) */
+    categories: string[];
+    /** Ordered groupBy keys for nested bars */
+    groups: AreaGroupedBarGroup[];
+    /** bars[category][groupKey] = numeric value */
+    barsByCategory: Record<string, Record<string, number>>;
+    /** Line/area series — one point per category */
+    linePoints: AreaGroupedBarLinePoint[];
+    lineColor: string;
+    lineLabel: string;
+    lineField: string;
+    barField: string;
+    xField: string;
+    groupField: string;
+    axisDetails?: Record<string, {
+        label?: string;
+        measure_unit_symbol?: string;
+        measure_unit?: string;
+    }>;
+}
+export type AreaGroupedBarChartInput = FuseWidgetLike | AreaGroupedBarModel | null | undefined;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/area-grouped-bar-chart/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,MAAM,WAAW,uBAAuB;IACtC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,iDAAiD;IACjD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,2CAA2C;IAC3C,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACvD,gDAAgD;IAChD,UAAU,EAAE,uBAAuB,EAAE,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAClB,MAAM,EACN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CACxE,CAAC;CACH;AAED,MAAM,MAAM,wBAAwB,GAChC,cAAc,GACd,mBAAmB,GACnB,IAAI,GACJ,SAAS,CAAC"}

package/dist/components/area-grouped-bar-chart/metadata.json.d.ts

@@ -0,0 +1,37 @@
+declare const _default: {
+  "id": "area-grouped-bar-chart",
+  "tag": "ui9000-area-grouped-bar-chart",
+  "title": "Area Grouped Bar Chart",
+  "description": "Chat-optimized combo chart: grouped bars + area/line overlay. Vertical only, no Redux.",
+  "chartTypeKeys": ["areaGroupedBarChart"],
+  "source": "client/libs/shared/components/src/Widgets/AreaGroupedBarChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/area-grouped-bar-chart",
+  "entry": "@ui9000/widgets/area-grouped-bar-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "description": "FuseDash WidgetItem-shaped payload (xAxe, yAxe[0]=line, yAxe[1]=bars, groupBy)"
+      },
+      "show-grid": { "type": "boolean" },
+      "show-legend": { "type": "boolean" },
+      "show-tooltip": { "type": "boolean" },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"]
+      }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/area-grouped-bar-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "area-grouped-bar-chart";
+const tag = "ui9000-area-grouped-bar-chart";
+const title = "Area Grouped Bar Chart";
+const description = "Chat-optimized combo chart: grouped bars + area/line overlay. Vertical only, no Redux.";
+const chartTypeKeys = ["areaGroupedBarChart"];
+const source = "client/libs/shared/components/src/Widgets/AreaGroupedBarChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/area-grouped-bar-chart";
+const entry = "@ui9000/widgets/area-grouped-bar-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "resize"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "description": "FuseDash WidgetItem-shaped payload (xAxe, yAxe[0]=line, yAxe[1]=bars, groupBy)" }, "show-grid": { "type": "boolean" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
+const areaGroupedBarMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  areaGroupedBarMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/area-grouped-bar-chart/metadata.json.js.map

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