@fusedashlabs/widgets 0.2.0 → 0.3.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-radial-bar-chart.js","sources":["../../../../src/components/radial-bar-chart/element/ui9000-radial-bar-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getRadialBarDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  formatRadialBarCategory,\n  formatRadialBarValue,\n  normalizeRadialBarData,\n  type RadialBarChartData,\n  type RadialBarModel,\n} from '../lib/index.js';\nimport { renderRadialBarChart } from '../render/draw.js';\nimport { radialBarChartStyles } from './styles.js';\n\n@customElement('ui9000-radial-bar-chart')\nexport class Ui9000RadialBarChart extends Ui9000ChartElement {\n  static override styles = [radialBarChartStyles, 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: {\n    x: number;\n    y: number;\n    title: string;\n    lines: string[];\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  /**\n   * Model from the last draw. `render()` reads it for the legend so a paint\n   * never re-parses the `data` attribute; `_`-prefixed state is ignored by\n   * `chartPropsChanged`, so assigning it cannot loop back into a redraw.\n   */\n  @state()\n  private _model: RadialBarModel | null = null;\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(): RadialBarModel {\n    const raw = parseJsonAttr<RadialBarChartData>(this.dataJson, null);\n    return normalizeRadialBarData(raw);\n  }\n\n  private renderLegend(model: RadialBarModel) {\n    if (!this.showLegend || !model.legend.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        model.legend.map((bar) => bar.label),\n        theme,\n        (_label, index) => model.legend[index]?.color ?? theme.primary,\n      ),\n    );\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._model = model;\n    this._empty = model.bars.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height, margin } = getRadialBarDimensions(root, this.scale);\n    const xField = model.xField;\n    const yField = model.yField;\n\n    renderRadialBarChart(root, {\n      bars: model.bars,\n      width,\n      height,\n      margin,\n      theme,\n      showGrid: this.showGrid,\n      showTooltip: this.showTooltip,\n      ...this.axisLabelHandlers(),\n      onHover: this.showTooltip\n        ? ({ bar, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xDetail = xField ? model.axisDetails?.[xField] : undefined;\n            const yDetail = yField ? model.axisDetails?.[yField] : undefined;\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              title: formatRadialBarCategory(bar.label),\n              lines: [\n                `${xDetail?.label ?? xField ?? 'Category'}: ${formatRadialBarCategory(bar.label, xDetail)}`,\n                `${yDetail?.label ?? yField ?? 'Value'}: ${formatRadialBarValue(bar.value, yDetail)}`,\n              ],\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._model;\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 ? 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=\"tooltip-title\">${this._tooltip.title}</div>\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-radial-bar-chart': Ui9000RadialBarChart;\n  }\n}\n\nexport function registerRadialBarChart(): void {\n  if (!customElements.get('ui9000-radial-bar-chart')) {\n    customElements.define('ui9000-radial-bar-chart', Ui9000RadialBarChart);\n  }\n}\n\nregisterRadialBarChart();\n"],"names":["_a"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { Ui9000RadialBarChart, registerRadialBarChart, } from './element/ui9000-radial-bar-chart.js';
+export { renderRadialBarChart, type RenderRadialBarChartOptions, } from './render/index.js';
+export { RADIAL_BAR_SWEEP, formatRadialBarCategory, formatRadialBarValue, normalizeRadialBarData, radialBarAngleScale, radialBarArcWidth, radialBarLabelLimit, type RadialBarChartData, type RadialBarDatum, type RadialBarModel, } from './lib/index.js';
+export { default as radialBarChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radial-bar-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,GACjC,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,KAAK,kBAAkB,EACvB,KAAK,cAAc,EACnB,KAAK,cAAc,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,21 @@
+import { registerRadialBarChart } from "./element/ui9000-radial-bar-chart.js";
+import { Ui9000RadialBarChart } from "./element/ui9000-radial-bar-chart.js";
+import { default as default2 } from "./metadata.json.js";
+import { RADIAL_BAR_SWEEP, radialBarAngleScale, radialBarArcWidth, radialBarLabelLimit } from "./lib/domain.js";
+import { formatRadialBarCategory, formatRadialBarValue } from "./lib/format.js";
+import { normalizeRadialBarData } from "./lib/normalize.js";
+import { renderRadialBarChart } from "./render/draw.js";
+export {
+  RADIAL_BAR_SWEEP,
+  Ui9000RadialBarChart,
+  formatRadialBarCategory,
+  formatRadialBarValue,
+  normalizeRadialBarData,
+  radialBarAngleScale,
+  radialBarArcWidth,
+  default2 as radialBarChartMetadata,
+  radialBarLabelLimit,
+  registerRadialBarChart,
+  renderRadialBarChart
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,47 @@
+import { ScaleLinear } from 'd3-scale';
+/** Full sweep of the rings: 270° in radians (0 = 12 o'clock, clockwise). */
+export declare const RADIAL_BAR_SWEEP: number;
+/**
+ * Client `radialScale`: value → angle over [0, 270°], `.nice()`-ed, with the
+ * lower bound pinned to zero unless the data actually goes negative.
+ */
+export declare function radialBarAngleScale(values: number[]): ScaleLinear<number, number>;
+/**
+ * Client `radiusScale`. Domain and range are the same interval, so `.nice()`
+ * widens the domain only — the rings end up slightly inset from the raw radii.
+ */
+export declare function radialBarRadiusScale(innerRadius: number, outerRadius: number): ScaleLinear<number, number>;
+/** Client `arcWidth`: half of the free space per ring, clamped to 4–24px. */
+export declare function radialBarArcWidth(innerRadius: number, outerRadius: number, ringCount: number): number;
+/** Client `maxLengthBarLabel`: characters that fit between the hole and the rim. */
+export declare function radialBarLabelLimit(innerRadius: number, outerRadius: number): number;
+export type RadialBarMargin = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+/**
+ * Client anchoring: the labels straight above and below the hole are centred on
+ * their tick, the rest sit beside it.
+ */
+export declare function radialBarTickAnchor(angle: number): 'start' | 'middle' | 'end';
+/**
+ * Client `outerRadius`: the circle inscribed in the frame, whatever the aspect
+ * ratio.
+ *
+ * Value labels are drawn 12px beyond the rim and are allowed to run past the
+ * SVG edge, exactly as in FuseDash: a square or portrait body clips the
+ * right-hand label against the widget viewBox (420x420 loses ~20px of it,
+ * 360x600 ~48px), while every landscape body has room to spare. Matching the
+ * client ring size is the accepted trade — do not shrink the circle to rescue
+ * the label.
+ *
+ * One difference remains, and it is in our favour: the client scales a
+ * `0 0 width height+40` viewBox into a `100%`-sized element, so its whole
+ * drawing letterboxes and its 12px text is not really 12px. We keep a 1:1
+ * pixel viewBox, so labels clip against the container edge instead of that
+ * inset box — same ring, same failure mode, a few px different boundary.
+ */
+export declare function radialBarOuterRadius(width: number, height: number, margin: RadialBarMargin): number;
+//# sourceMappingURL=domain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/lib/domain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAIzD,4EAA4E;AAC5E,eAAO,MAAM,gBAAgB,QAAyC,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EAAE,GACf,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAa7B;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAK7B;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,GAChB,MAAM,CAOR;AAED,oFAAoF;AACpF,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,GAClB,MAAM,CAKR;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAI7E;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,eAAe,GACtB,MAAM,CAKR"}

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

@@ -0,0 +1,50 @@
+import { scaleLinear } from "d3-scale";
+import { FD } from "../../../utils/fusedash-visual.js";
+const RADIAL_BAR_SWEEP = FD.radialBarSweepDeg / 180 * Math.PI;
+function radialBarAngleScale(values) {
+  const finite = values.filter((v) => Number.isFinite(v));
+  const min = finite.length ? Math.min(...finite) : 0;
+  const max = finite.length ? Math.max(...finite) : 0;
+  const scale = scaleLinear().domain([min < 0 ? min : 0, max]).range([0, RADIAL_BAR_SWEEP]).nice();
+  const [niceMin, niceMax] = scale.domain();
+  scale.domain([min < 0 ? niceMin : 0, niceMax]);
+  return scale;
+}
+function radialBarRadiusScale(innerRadius, outerRadius) {
+  return scaleLinear().domain([innerRadius, outerRadius]).rangeRound([innerRadius, outerRadius]).nice();
+}
+function radialBarArcWidth(innerRadius, outerRadius, ringCount) {
+  if (ringCount <= 0) return FD.radialBarMinArcWidth;
+  const free = outerRadius - innerRadius - ringCount;
+  return Math.max(
+    FD.radialBarMinArcWidth,
+    Math.min(FD.radialBarMaxArcWidth, free / ringCount * 0.5)
+  );
+}
+function radialBarLabelLimit(innerRadius, outerRadius) {
+  return Math.max(
+    1,
+    Math.ceil((outerRadius - innerRadius) / FD.radialBarLabelCharWidth)
+  );
+}
+function radialBarTickAnchor(angle) {
+  const vertical = Math.abs(Math.abs(angle) - Math.PI / 2) < 1e-9;
+  if (vertical) return "middle";
+  return angle > -Math.PI / 2 && angle < Math.PI / 2 ? "start" : "end";
+}
+function radialBarOuterRadius(width, height, margin) {
+  return Math.max(
+    0,
+    Math.min(width - margin.left - margin.right, height - margin.top - margin.bottom) / 2
+  );
+}
+export {
+  RADIAL_BAR_SWEEP,
+  radialBarAngleScale,
+  radialBarArcWidth,
+  radialBarLabelLimit,
+  radialBarOuterRadius,
+  radialBarRadiusScale,
+  radialBarTickAnchor
+};
+//# sourceMappingURL=domain.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sources":["../../../../src/components/radial-bar-chart/lib/domain.ts"],"sourcesContent":["import { scaleLinear, type ScaleLinear } from 'd3-scale';\n\nimport { FD } from '../../../utils/fusedash-visual.js';\n\n/** Full sweep of the rings: 270° in radians (0 = 12 o'clock, clockwise). */\nexport const RADIAL_BAR_SWEEP = (FD.radialBarSweepDeg / 180) * Math.PI;\n\n/**\n * Client `radialScale`: value → angle over [0, 270°], `.nice()`-ed, with the\n * lower bound pinned to zero unless the data actually goes negative.\n */\nexport function radialBarAngleScale(\n  values: number[],\n): ScaleLinear<number, number> {\n  const finite = values.filter((v) => Number.isFinite(v));\n  const min = finite.length ? Math.min(...finite) : 0;\n  const max = finite.length ? Math.max(...finite) : 0;\n\n  const scale = scaleLinear()\n    .domain([min < 0 ? min : 0, max])\n    .range([0, RADIAL_BAR_SWEEP])\n    .nice();\n\n  const [niceMin, niceMax] = scale.domain();\n  scale.domain([min < 0 ? niceMin : 0, niceMax]);\n  return scale;\n}\n\n/**\n * Client `radiusScale`. Domain and range are the same interval, so `.nice()`\n * widens the domain only — the rings end up slightly inset from the raw radii.\n */\nexport function radialBarRadiusScale(\n  innerRadius: number,\n  outerRadius: number,\n): ScaleLinear<number, number> {\n  return scaleLinear()\n    .domain([innerRadius, outerRadius])\n    .rangeRound([innerRadius, outerRadius])\n    .nice();\n}\n\n/** Client `arcWidth`: half of the free space per ring, clamped to 4–24px. */\nexport function radialBarArcWidth(\n  innerRadius: number,\n  outerRadius: number,\n  ringCount: number,\n): number {\n  if (ringCount <= 0) return FD.radialBarMinArcWidth;\n  const free = outerRadius - innerRadius - ringCount;\n  return Math.max(\n    FD.radialBarMinArcWidth,\n    Math.min(FD.radialBarMaxArcWidth, (free / ringCount) * 0.5),\n  );\n}\n\n/** Client `maxLengthBarLabel`: characters that fit between the hole and the rim. */\nexport function radialBarLabelLimit(\n  innerRadius: number,\n  outerRadius: number,\n): number {\n  return Math.max(\n    1,\n    Math.ceil((outerRadius - innerRadius) / FD.radialBarLabelCharWidth),\n  );\n}\n\nexport type RadialBarMargin = {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n};\n\n/**\n * Client anchoring: the labels straight above and below the hole are centred on\n * their tick, the rest sit beside it.\n */\nexport function radialBarTickAnchor(angle: number): 'start' | 'middle' | 'end' {\n  const vertical = Math.abs(Math.abs(angle) - Math.PI / 2) < 1e-9;\n  if (vertical) return 'middle';\n  return angle > -Math.PI / 2 && angle < Math.PI / 2 ? 'start' : 'end';\n}\n\n/**\n * Client `outerRadius`: the circle inscribed in the frame, whatever the aspect\n * ratio.\n *\n * Value labels are drawn 12px beyond the rim and are allowed to run past the\n * SVG edge, exactly as in FuseDash: a square or portrait body clips the\n * right-hand label against the widget viewBox (420x420 loses ~20px of it,\n * 360x600 ~48px), while every landscape body has room to spare. Matching the\n * client ring size is the accepted trade — do not shrink the circle to rescue\n * the label.\n *\n * One difference remains, and it is in our favour: the client scales a\n * `0 0 width height+40` viewBox into a `100%`-sized element, so its whole\n * drawing letterboxes and its 12px text is not really 12px. We keep a 1:1\n * pixel viewBox, so labels clip against the container edge instead of that\n * inset box — same ring, same failure mode, a few px different boundary.\n */\nexport function radialBarOuterRadius(\n  width: number,\n  height: number,\n  margin: RadialBarMargin,\n): number {\n  return Math.max(\n    0,\n    Math.min(width - margin.left - margin.right, height - margin.top - margin.bottom) / 2,\n  );\n}\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAoB,GAAG,oBAAoB,MAAO,KAAK;AAM7D,SAAS,oBACd,QAC6B;AAC7B,QAAM,SAAS,OAAO,OAAO,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACtD,QAAM,MAAM,OAAO,SAAS,KAAK,IAAI,GAAG,MAAM,IAAI;AAClD,QAAM,MAAM,OAAO,SAAS,KAAK,IAAI,GAAG,MAAM,IAAI;AAElD,QAAM,QAAQ,YAAA,EACX,OAAO,CAAC,MAAM,IAAI,MAAM,GAAG,GAAG,CAAC,EAC/B,MAAM,CAAC,GAAG,gBAAgB,CAAC,EAC3B,KAAA;AAEH,QAAM,CAAC,SAAS,OAAO,IAAI,MAAM,OAAA;AACjC,QAAM,OAAO,CAAC,MAAM,IAAI,UAAU,GAAG,OAAO,CAAC;AAC7C,SAAO;AACT;AAMO,SAAS,qBACd,aACA,aAC6B;AAC7B,SAAO,YAAA,EACJ,OAAO,CAAC,aAAa,WAAW,CAAC,EACjC,WAAW,CAAC,aAAa,WAAW,CAAC,EACrC,KAAA;AACL;AAGO,SAAS,kBACd,aACA,aACA,WACQ;AACR,MAAI,aAAa,EAAG,QAAO,GAAG;AAC9B,QAAM,OAAO,cAAc,cAAc;AACzC,SAAO,KAAK;AAAA,IACV,GAAG;AAAA,IACH,KAAK,IAAI,GAAG,sBAAuB,OAAO,YAAa,GAAG;AAAA,EAAA;AAE9D;AAGO,SAAS,oBACd,aACA,aACQ;AACR,SAAO,KAAK;AAAA,IACV;AAAA,IACA,KAAK,MAAM,cAAc,eAAe,GAAG,uBAAuB;AAAA,EAAA;AAEtE;AAaO,SAAS,oBAAoB,OAA2C;AAC7E,QAAM,WAAW,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,CAAC,IAAI;AAC3D,MAAI,SAAU,QAAO;AACrB,SAAO,QAAQ,CAAC,KAAK,KAAK,KAAK,QAAQ,KAAK,KAAK,IAAI,UAAU;AACjE;AAmBO,SAAS,qBACd,OACA,QACA,QACQ;AACR,SAAO,KAAK;AAAA,IACV;AAAA,IACA,KAAK,IAAI,QAAQ,OAAO,OAAO,OAAO,OAAO,SAAS,OAAO,MAAM,OAAO,MAAM,IAAI;AAAA,EAAA;AAExF;"}

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

@@ -0,0 +1,6 @@
+import { FuseAxisDetail } from '../../../utils/format-text.js';
+/** Client tooltip category row: capitalized words, then the axis unit. */
+export declare function formatRadialBarCategory(label: string, detail?: FuseAxisDetail): string;
+/** Client tooltip value row: `formatNumber(value)` plus the axis unit. */
+export declare function formatRadialBarValue(value: number, detail?: FuseAxisDetail): string;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/lib/format.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAEvC,0EAA0E;AAC1E,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,cAAc,GACtB,MAAM,CAER;AAED,0EAA0E;AAC1E,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,cAAc,GACtB,MAAM,CAER"}

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

@@ -0,0 +1,12 @@
+import { formatValueWithUnit, formatCapitalizedWords, formatFuseNumber } from "../../../utils/format-text.js";
+function formatRadialBarCategory(label, detail) {
+  return formatValueWithUnit(formatCapitalizedWords(label), detail);
+}
+function formatRadialBarValue(value, detail) {
+  return formatValueWithUnit(formatFuseNumber(value), detail);
+}
+export {
+  formatRadialBarCategory,
+  formatRadialBarValue
+};
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/radial-bar-chart/lib/format.ts"],"sourcesContent":["import {\n  formatCapitalizedWords,\n  formatFuseNumber,\n  formatValueWithUnit,\n  type FuseAxisDetail,\n} from '../../../utils/format-text.js';\n\n/** Client tooltip category row: capitalized words, then the axis unit. */\nexport function formatRadialBarCategory(\n  label: string,\n  detail?: FuseAxisDetail,\n): string {\n  return formatValueWithUnit(formatCapitalizedWords(label), detail);\n}\n\n/** Client tooltip value row: `formatNumber(value)` plus the axis unit. */\nexport function formatRadialBarValue(\n  value: number,\n  detail?: FuseAxisDetail,\n): string {\n  return formatValueWithUnit(formatFuseNumber(value), detail);\n}\n"],"names":[],"mappings":";AAQO,SAAS,wBACd,OACA,QACQ;AACR,SAAO,oBAAoB,uBAAuB,KAAK,GAAG,MAAM;AAClE;AAGO,SAAS,qBACd,OACA,QACQ;AACR,SAAO,oBAAoB,iBAAiB,KAAK,GAAG,MAAM;AAC5D;"}

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

@@ -0,0 +1,5 @@
+export { normalizeRadialBarData } from './normalize.js';
+export { RADIAL_BAR_SWEEP, radialBarAngleScale, radialBarArcWidth, radialBarLabelLimit, radialBarOuterRadius, radialBarRadiusScale, radialBarTickAnchor, type RadialBarMargin, } from './domain.js';
+export { formatRadialBarCategory, formatRadialBarValue } from './format.js';
+export type { RadialBarChartData, RadialBarDatum, RadialBarLabelValue, RadialBarModel, RadialBarPoints, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,eAAe,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAC5E,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,4 @@
+import { RadialBarChartData, RadialBarModel } from './types.js';
+/** Normalize chat / FuseDash WidgetItem payloads into radial bar rings. */
+export declare function normalizeRadialBarData(input: RadialBarChartData): RadialBarModel;
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/lib/normalize.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,kBAAkB,EAGlB,cAAc,EAEf,MAAM,YAAY,CAAC;AA4GpB,2EAA2E;AAC3E,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAoBhB"}

package/dist/components/radial-bar-chart/lib/normalize.js

@@ -0,0 +1,92 @@
+import { resolveFormattingColor } from "../../../utils/fuse-palette.js";
+import { isFuseWidgetPayload, firstField, rowsOf, resolveUniqueValuesOrder } from "../../../utils/fuse-widget.js";
+import { resolveWidgetFormatting } from "../../../utils/chart-formatting/from-fuse-widget.js";
+const EMPTY = { bars: [], legend: [] };
+function isLabelValueArray(input) {
+  if (!Array.isArray(input) || !input.length) return false;
+  const first = input[0];
+  return !!first && typeof first === "object" && "label" in first && "value" in first;
+}
+function isPointsPayload(input) {
+  return !!input && typeof input === "object" && Array.isArray(input.points);
+}
+function parseRows(rows) {
+  const parsed = [];
+  for (const row of rows) {
+    const key = row.key;
+    const value = Number(row.value);
+    if (key == null || key === "" || !Number.isFinite(value)) continue;
+    parsed.push({ key: String(key), label: String(key), value });
+  }
+  return parsed;
+}
+function buildModel(parsed, orderedKeys, colorFor) {
+  if (!parsed.length) return EMPTY;
+  const byKey = new Map(parsed.map((row) => [row.key, row]));
+  const legend = orderedKeys.map((key) => byKey.get(key)).filter((row) => row != null).map((row) => ({ ...row, color: colorFor(row.key, orderedKeys.length) }));
+  return { bars: [...legend].reverse(), legend };
+}
+function fromFuseWidget(widget) {
+  var _a, _b;
+  const xKey = firstField(widget.xAxe ?? void 0);
+  const yKey = firstField(widget.yAxe ?? void 0);
+  if (!xKey || !yKey) return EMPTY;
+  const parsed = parseRows(
+    rowsOf(widget).map((row) => ({ key: row[xKey], value: row[yKey] }))
+  );
+  const orderKey = ((_b = (_a = widget.uniqueValues) == null ? void 0 : _a[xKey]) == null ? void 0 : _b.length) ? xKey : Object.keys(widget.uniqueValues ?? {})[0];
+  const orderedKeys = resolveUniqueValuesOrder(
+    parsed.map((row) => row.key),
+    widget.uniqueValues,
+    orderKey
+  );
+  const formatting = resolveWidgetFormatting(widget);
+  const model = buildModel(
+    parsed,
+    orderedKeys,
+    (key, count) => resolveFormattingColor(formatting, key, count)
+  );
+  return {
+    ...model,
+    xField: xKey,
+    yField: yKey,
+    axisDetails: widget.axisDetails ?? void 0
+  };
+}
+function fromLabelValue(rows) {
+  const parsed = parseRows(
+    rows.map((row) => ({ key: row.label, value: row.value }))
+  );
+  const colorByKey = new Map(
+    rows.filter((row) => row.color).map((row) => [String(row.label), row.color])
+  );
+  const formatting = parsed.map((row, index) => ({
+    key: row.key,
+    color: String(index % 12 + 1)
+  }));
+  return buildModel(
+    parsed,
+    parsed.map((row) => row.key),
+    (key, count) => colorByKey.get(key) ?? resolveFormattingColor(formatting, key, count)
+  );
+}
+function normalizeRadialBarData(input) {
+  if (!input) return EMPTY;
+  if (Array.isArray(input)) {
+    return isLabelValueArray(input) ? fromLabelValue(input) : EMPTY;
+  }
+  if (isFuseWidgetPayload(input)) return fromFuseWidget(input);
+  if (isPointsPayload(input)) {
+    return fromLabelValue(
+      input.points.map((point) => ({ label: String(point.x), value: point.y }))
+    );
+  }
+  if (Array.isArray(input.bars)) {
+    return input;
+  }
+  return EMPTY;
+}
+export {
+  normalizeRadialBarData
+};
+//# sourceMappingURL=normalize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/radial-bar-chart/lib/normalize.ts"],"sourcesContent":["import { resolveWidgetFormatting } from '../../../utils/chart-formatting/index.js';\nimport { resolveFormattingColor } from '../../../utils/fuse-palette.js';\nimport {\n  firstField,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type {\n  RadialBarChartData,\n  RadialBarDatum,\n  RadialBarLabelValue,\n  RadialBarModel,\n  RadialBarPoints,\n} from './types.js';\n\nconst EMPTY: RadialBarModel = { bars: [], legend: [] };\n\ntype ParsedRow = { key: string; label: string; value: number };\n\nfunction isLabelValueArray(input: unknown): input is RadialBarLabelValue[] {\n  if (!Array.isArray(input) || !input.length) return false;\n  const first = input[0] as Record<string, unknown> | null;\n  return !!first && typeof first === 'object' && 'label' in first && 'value' in first;\n}\n\nfunction isPointsPayload(input: unknown): input is RadialBarPoints {\n  return (\n    !!input &&\n    typeof input === 'object' &&\n    Array.isArray((input as RadialBarPoints).points)\n  );\n}\n\nfunction parseRows(\n  rows: Array<{ key: unknown; value: unknown }>,\n): ParsedRow[] {\n  const parsed: ParsedRow[] = [];\n  for (const row of rows) {\n    const key = row.key;\n    const value = Number(row.value);\n    if (key == null || key === '' || !Number.isFinite(value)) continue;\n    parsed.push({ key: String(key), label: String(key), value });\n  }\n  return parsed;\n}\n\n/**\n * Rings sit in `uniqueValues` order reversed (client sorts then `.reverse()`),\n * while the legend keeps the original order.\n */\nfunction buildModel(\n  parsed: ParsedRow[],\n  orderedKeys: string[],\n  colorFor: (key: string, count: number) => string,\n): RadialBarModel {\n  if (!parsed.length) return EMPTY;\n\n  const byKey = new Map(parsed.map((row) => [row.key, row]));\n  const legend: RadialBarDatum[] = orderedKeys\n    .map((key) => byKey.get(key))\n    .filter((row): row is ParsedRow => row != null)\n    .map((row) => ({ ...row, color: colorFor(row.key, orderedKeys.length) }));\n\n  return { bars: [...legend].reverse(), legend };\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): RadialBarModel {\n  const xKey = firstField(widget.xAxe ?? undefined);\n  const yKey = firstField(widget.yAxe ?? undefined);\n  if (!xKey || !yKey) return EMPTY;\n\n  const parsed = parseRows(\n    rowsOf(widget).map((row) => ({ key: row[xKey], value: row[yKey] })),\n  );\n  // Client reads the category order from `uniqueValues[xAxe]` and falls back to\n  // the first `uniqueValues` key for the legend.\n  const orderKey = widget.uniqueValues?.[xKey]?.length\n    ? xKey\n    : Object.keys(widget.uniqueValues ?? {})[0];\n  const orderedKeys = resolveUniqueValuesOrder(\n    parsed.map((row) => row.key),\n    widget.uniqueValues,\n    orderKey,\n  );\n\n  const formatting = resolveWidgetFormatting(widget);\n  const model = buildModel(parsed, orderedKeys, (key, count) =>\n    resolveFormattingColor(formatting, key, count),\n  );\n\n  return {\n    ...model,\n    xField: xKey,\n    yField: yKey,\n    axisDetails: widget.axisDetails ?? undefined,\n  };\n}\n\nfunction fromLabelValue(rows: RadialBarLabelValue[]): RadialBarModel {\n  const parsed = parseRows(\n    rows.map((row) => ({ key: row.label, value: row.value })),\n  );\n  const colorByKey = new Map(\n    rows\n      .filter((row) => row.color)\n      .map((row) => [String(row.label), row.color as string]),\n  );\n  // Chat payloads carry no formatting, so generate the same 1-based color\n  // indices `getUniversalFormatting` would have produced for a widget.\n  const formatting = parsed.map((row, index) => ({\n    key: row.key,\n    color: String((index % 12) + 1),\n  }));\n\n  return buildModel(\n    parsed,\n    parsed.map((row) => row.key),\n    (key, count) => colorByKey.get(key) ?? resolveFormattingColor(formatting, key, count),\n  );\n}\n\n/** Normalize chat / FuseDash WidgetItem payloads into radial bar rings. */\nexport function normalizeRadialBarData(\n  input: RadialBarChartData,\n): RadialBarModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    return isLabelValueArray(input) ? fromLabelValue(input) : EMPTY;\n  }\n\n  if (isFuseWidgetPayload(input)) return fromFuseWidget(input);\n\n  if (isPointsPayload(input)) {\n    return fromLabelValue(\n      input.points.map((point) => ({ label: String(point.x), value: point.y })),\n    );\n  }\n\n  if (Array.isArray((input as RadialBarModel).bars)) {\n    return input as RadialBarModel;\n  }\n\n  return EMPTY;\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,34 @@
+import { FuseAxisDetail } from '../../../utils/format-text.js';
+import { FuseWidgetLike } from '../../../utils/fuse-widget.js';
+/** One ring of the radial bar chart. */
+export interface RadialBarDatum {
+    key: string;
+    label: string;
+    value: number;
+    color: string;
+}
+export interface RadialBarModel {
+    /**
+     * Rings from the inside out. The client sorts `data` by `uniqueValues[xAxe]`
+     * and then reverses it, so the last category ends up on the innermost ring.
+     */
+    bars: RadialBarDatum[];
+    /** Legend keeps the `uniqueValues` order, i.e. the reverse of `bars`. */
+    legend: RadialBarDatum[];
+    xField?: string;
+    yField?: string;
+    axisDetails?: Record<string, FuseAxisDetail>;
+}
+export type RadialBarLabelValue = {
+    label: string;
+    value: number;
+    color?: string;
+};
+export type RadialBarPoints = {
+    points: Array<{
+        x: string | number;
+        y: number;
+    }>;
+};
+export type RadialBarChartData = RadialBarLabelValue[] | RadialBarPoints | RadialBarModel | FuseWidgetLike | null | undefined;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,wCAAwC;AACxC,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CAC9C;AAED,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,mBAAmB,EAAE,GACrB,eAAe,GACf,cAAc,GACd,cAAc,GACd,IAAI,GACJ,SAAS,CAAC"}

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

@@ -0,0 +1,62 @@
+declare const _default: {
+  "id": "radial-bar-chart",
+  "tag": "ui9000-radial-bar-chart",
+  "title": "Radial Bar Chart",
+  "description": "Chat-optimized radial bar chart rewritten in D3. One ring per category over a 270° sweep, no Redux.",
+  "chartTypeKeys": ["radialBarChart"],
+  "source": "client/libs/shared/components/src/Widgets/RadialBarChart/",
+  "stack": "d3",
+  "lazyImport": "@fusedashlabs/widgets/lazy/radial-bar-chart",
+  "entry": "@fusedashlabs/widgets/radial-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": {
+        "oneOf": [
+          {
+            "type": "array",
+            "items": {
+              "type": "object",
+              "required": ["label", "value"],
+              "properties": {
+                "label": { "type": "string" },
+                "value": { "type": "number" },
+                "color": { "type": "string" }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "description": "FuseDash WidgetItem-shaped payload",
+            "properties": {
+              "chartType": { "type": "string" },
+              "xAxe": { "type": "array", "items": { "type": "string" } },
+              "yAxe": { "type": "array", "items": { "type": "string" } },
+              "uniqueValues": { "type": "object" },
+              "formatting": { "type": "array" },
+              "axisDetails": { "type": "object" },
+              "data": { "type": "array" }
+            }
+          }
+        ]
+      },
+      "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/radial-bar-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "radial-bar-chart";
+const tag = "ui9000-radial-bar-chart";
+const title = "Radial Bar Chart";
+const description = "Chat-optimized radial bar chart rewritten in D3. One ring per category over a 270° sweep, no Redux.";
+const chartTypeKeys = ["radialBarChart"];
+const source = "client/libs/shared/components/src/Widgets/RadialBarChart/";
+const stack = "d3";
+const lazyImport = "@fusedashlabs/widgets/lazy/radial-bar-chart";
+const entry = "@fusedashlabs/widgets/radial-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": { "oneOf": [{ "type": "array", "items": { "type": "object", "required": ["label", "value"], "properties": { "label": { "type": "string" }, "value": { "type": "number" }, "color": { "type": "string" } } } }, { "type": "object", "description": "FuseDash WidgetItem-shaped payload", "properties": { "chartType": { "type": "string" }, "xAxe": { "type": "array", "items": { "type": "string" } }, "yAxe": { "type": "array", "items": { "type": "string" } }, "uniqueValues": { "type": "object" }, "formatting": { "type": "array" }, "axisDetails": { "type": "object" }, "data": { "type": "array" } } }] }, "show-grid": { "type": "boolean" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] } } };
+const radialBarMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  radialBarMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

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

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

package/dist/components/radial-bar-chart/render/draw.d.ts

@@ -0,0 +1,29 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { RadialBarDatum } from '../lib/types.js';
+export interface RenderRadialBarChartOptions extends AxisLabelTooltipHandlers {
+    /** Rings from the inside out. */
+    bars: RadialBarDatum[];
+    width: number;
+    height: number;
+    margin: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    onHover?: (payload: {
+        bar: RadialBarDatum;
+        event: MouseEvent;
+    }) => void;
+    onLeave?: () => void;
+}
+/**
+ * FuseDash RadialBarChart — D3 rewrite of the client widget.
+ * Rings sweep 270° clockwise from 12 o'clock; the legend lives in the Lit shell.
+ */
+export declare function renderRadialBarChart(container: HTMLElement, options: RenderRadialBarChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/radial-bar-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/render/draw.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AAWvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,2BAA4B,SAAQ,wBAAwB;IAC3E,iCAAiC;IACjC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAwBD;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAmJN"}

package/dist/components/radial-bar-chart/render/draw.js

@@ -0,0 +1,92 @@
+import { select } from "d3-selection";
+import { arc } from "d3-shape";
+import { decorateManualAxisLabel } from "../../../utils/axis-labels.js";
+import { FD, formatCompactNumber } from "../../../utils/fusedash-visual.js";
+import { radialBarAngleScale, radialBarOuterRadius, radialBarRadiusScale, radialBarTickAnchor, RADIAL_BAR_SWEEP, radialBarArcWidth, radialBarLabelLimit } from "../lib/domain.js";
+function drawRings(parent, radii, endAngle) {
+  const ring = arc().innerRadius((d) => d.radius).outerRadius((d) => d.radius).startAngle(0).endAngle(endAngle);
+  parent.selectAll("path").data(radii.map((radius) => ({ radius }))).enter().append("path").attr("class", "radial-grid-arc").attr("d", ring).attr("fill", "none").attr("stroke", FD.radialBarGridStroke);
+}
+function renderRadialBarChart(container, options) {
+  const {
+    bars,
+    width,
+    height,
+    margin,
+    showGrid = true,
+    showTooltip = true,
+    onHover,
+    onLeave
+  } = options;
+  container.replaceChildren();
+  if (!bars.length || width <= 0 || height <= 0) return;
+  const angleScale = radialBarAngleScale(bars.map((bar) => bar.value));
+  const ticks = angleScale.ticks(FD.radialBarTicks);
+  const outerRadius = radialBarOuterRadius(width, height, margin);
+  if (outerRadius <= 0) return;
+  const innerRadius = outerRadius * FD.radialBarInnerRadiusRatio;
+  const radiusScale = radialBarRadiusScale(innerRadius, outerRadius);
+  const ringCount = bars.length;
+  const ringInterval = (outerRadius - innerRadius) / ringCount;
+  const arcWidth = radialBarArcWidth(innerRadius, outerRadius, ringCount);
+  const rimRadius = radiusScale(outerRadius);
+  const holeRadius = radiusScale(innerRadius);
+  const endAngle = angleScale(angleScale.domain()[1]);
+  const zeroAngle = angleScale(0);
+  const ringRadius = (index) => radiusScale(innerRadius + ringInterval * index) + ringInterval / 2;
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`);
+  const root = svg.append("g").attr("transform", `translate(${width / 2}, ${height / 2})`);
+  if (showGrid) {
+    drawRings(
+      root.append("g").attr("class", "radial-grid"),
+      Array.from(
+        { length: ringCount + 1 },
+        (_, i) => radiusScale(innerRadius + ringInterval * i)
+      ),
+      endAngle
+    );
+  }
+  const axisGroup = root.append("g").attr("class", "radial-axis");
+  const labelLimit = radialBarLabelLimit(innerRadius, outerRadius);
+  ticks.forEach((value) => {
+    const angle = angleScale(value) - Math.PI / 2;
+    const cos = Math.cos(angle);
+    const sin = Math.sin(angle);
+    if (showGrid) {
+      axisGroup.append("line").attr("x1", holeRadius * cos).attr("y1", holeRadius * sin).attr("x2", rimRadius * cos).attr("y2", rimRadius * sin).attr("stroke", FD.radialBarGridStroke).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-dasharray", value === 0 ? null : FD.radialBarTickDash);
+    }
+    const labelRadius = rimRadius + FD.radialBarTickLabelOffset;
+    axisGroup.append("text").attr("class", "radial-tick-label").attr("x", labelRadius * cos).attr("y", labelRadius * sin).attr("text-anchor", radialBarTickAnchor(angle)).attr("dominant-baseline", "central").attr("font-size", FD.radialBarTickLabelSize).attr("fill", FD.radialBarLabelFill).text(formatCompactNumber(value));
+  });
+  const ringLabels = root.append("g").attr("class", "radial-ring-labels");
+  bars.forEach((bar, i) => {
+    const text = ringLabels.append("text").attr("class", "radial-ring-label").attr("x", -rimRadius).attr("y", -ringRadius(i)).attr("text-anchor", "start").attr("dominant-baseline", "central").attr("font-size", FD.radialBarRingLabelSize).attr("fill", FD.radialBarLabelFill);
+    decorateManualAxisLabel(text, bar.label, {
+      maxLength: labelLimit,
+      onAxisLabelHover: options.onAxisLabelHover,
+      onAxisLabelLeave: options.onAxisLabelLeave
+    });
+  });
+  const barArc = arc().cornerRadius(FD.radialBarArcCornerRadius).innerRadius((d) => ringRadius(d.index) - arcWidth / 2).outerRadius((d) => ringRadius(d.index) + arcWidth / 2).startAngle(
+    (d) => d.value >= 0 ? zeroAngle : Math.min(angleScale(d.value), RADIAL_BAR_SWEEP)
+  ).endAngle(
+    (d) => d.value >= 0 ? Math.min(angleScale(d.value), RADIAL_BAR_SWEEP) : zeroAngle
+  );
+  const paths = root.append("g").attr("class", "radial-bars").selectAll("path").data(bars.map((bar, index) => ({ ...bar, index }))).enter().append("path").attr("class", "radial-bar").attr("d", barArc).attr("fill", (d) => d.color).attr("opacity", FD.radialBarArcOpacity);
+  if (showTooltip && onHover) {
+    paths.style("cursor", "pointer").on("mouseenter", function(event, datum) {
+      root.selectAll(".radial-bar").attr("opacity", FD.radialBarArcOpacityDimmed);
+      select(this).attr("opacity", 1);
+      onHover({ bar: datum, event });
+    }).on("mousemove", (event, datum) => {
+      onHover({ bar: datum, event });
+    }).on("mouseleave", () => {
+      root.selectAll(".radial-bar").attr("opacity", FD.radialBarArcOpacity);
+      onLeave == null ? void 0 : onLeave();
+    });
+  }
+}
+export {
+  renderRadialBarChart
+};
+//# sourceMappingURL=draw.js.map