@fusedashlabs/widgets 0.2.0 → 0.4.0

package/dist/components/polar-area-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/polar-area-chart/render/draw.ts"],"sourcesContent":["import { scaleLinear } from 'd3-scale';\nimport { select, type Selection } from 'd3-selection';\nimport { arc } from 'd3-shape';\n\nimport type { ChartDimensions, WidgetTheme } from '../../../types/index.js';\nimport {\n  decorateManualAxisLabel,\n  type AxisLabelTooltipHandlers,\n} from '../../../utils/axis-labels.js';\nimport { FD, formatCompactNumber } from '../../../utils/fusedash-visual.js';\nimport {\n  polarGroupedSectorAngles,\n  polarLabelAnchor,\n  polarLabelGutter,\n  polarOuterRadius,\n  polarRadialTicks,\n  polarSectorAngles,\n} from '../lib/domain.js';\nimport type { PolarAreaModel, PolarAreaSector } from '../lib/types.js';\n\nexport interface RenderPolarAreaChartOptions extends AxisLabelTooltipHandlers {\n  model: PolarAreaModel;\n  width: number;\n  height: number;\n  margin: ChartDimensions['margin'];\n  theme: WidgetTheme;\n  themeMode?: 'light' | 'dark';\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  onHover?: (payload: { sector: PolarAreaSector; event: MouseEvent }) => void;\n  onLeave?: () => void;\n}\n\nconst SECTOR_CLASS = 'polar-area-path';\nconst TICK_CLASS = 'polar-tick-group';\n\n/**\n * getBBox is unavailable on detached / non-rendering hosts — fall back to a\n * character estimate around the anchor (`text-anchor: middle` + central\n * baseline), which is where getBBox would report the box.\n */\nfunction measureText(\n  node: SVGTextElement | null,\n  text: string,\n  fontSize: number,\n  cx: number,\n  cy: number,\n): { x: number; y: number; width: number; height: number } {\n  const box = node?.getBBox?.();\n  if (box && box.width > 0) return box;\n  const width = text.length * fontSize * 0.6;\n  return { x: cx - width / 2, y: cy - fontSize / 2, width, height: fontSize };\n}\n\nfunction drawGridRings(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  ticks: number[],\n  radial: (value: number) => number,\n): void {\n  parent\n    .selectAll('circle')\n    .data(ticks)\n    .enter()\n    .append('circle')\n    .attr('r', (d) => radial(d))\n    .attr('fill', 'none')\n    .attr('stroke', FD.polarGridStroke)\n    .attr('stroke-opacity', (_d, i) => (i + 1) * FD.polarGridStepOpacity);\n}\n\nfunction drawSpokes(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  categories: string[],\n  outer: number,\n): void {\n  const slice = (Math.PI * 2) / categories.length;\n  for (let i = 0; i < categories.length; i += 1) {\n    // Angle 0 is 12 o'clock, matching the sector arcs.\n    const angle = slice * i - Math.PI / 2;\n    const x = outer * Math.cos(angle);\n    const y = outer * Math.sin(angle);\n\n    parent\n      .append('line')\n      .attr('x1', 0)\n      .attr('y1', 0)\n      .attr('x2', x)\n      .attr('y2', y)\n      .attr('stroke', FD.polarGridStroke)\n      .attr('stroke-linejoin', 'round')\n      .attr('stroke-linecap', 'round')\n      .attr('stroke-dasharray', FD.polarSpokeDash);\n\n    parent\n      .append('circle')\n      .attr('cx', x)\n      .attr('cy', y)\n      .attr('r', FD.polarSpokeCapRadius)\n      .attr('fill', FD.polarGridStroke);\n  }\n}\n\nfunction drawCategoryLabels(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  categories: string[],\n  outer: number,\n  halfWidth: number,\n  handlers: AxisLabelTooltipHandlers,\n): void {\n  const slice = (Math.PI * 2) / categories.length;\n  const radius = outer + FD.polarCategoryLabelOffset;\n\n  categories.forEach((category, i) => {\n    const labelAngle = slice * i - Math.PI / 2 + slice / 2;\n    const x = radius * Math.cos(labelAngle);\n    const anchor = polarLabelAnchor(labelAngle);\n    // Room left between the label anchor and the SVG edge it grows towards.\n    const slotWidth =\n      anchor === 'start'\n        ? halfWidth - x\n        : anchor === 'end'\n          ? halfWidth + x\n          : 2 * Math.min(halfWidth - x, halfWidth + x);\n\n    const text = parent\n      .append('text')\n      .attr('x', x)\n      .attr('y', radius * Math.sin(labelAngle))\n      .attr('text-anchor', anchor)\n      .attr('font-size', FD.polarCategoryLabelSize)\n      .attr('dominant-baseline', 'central')\n      .attr('fill', FD.polarCategoryLabelFill);\n\n    decorateManualAxisLabel(text, category, {\n      ...handlers,\n      slotWidth,\n      fontSize: FD.polarCategoryLabelSize,\n    });\n  });\n}\n\nfunction drawRadialTicks(\n  parent: Selection<SVGGElement, unknown, null, undefined>,\n  ticks: number[],\n  radial: (value: number) => number,\n  theme: WidgetTheme,\n  themeMode: 'light' | 'dark',\n): void {\n  const pillFill =\n    theme.background && theme.background !== 'transparent'\n      ? theme.background\n      : themeMode === 'dark'\n        ? FD.polarTickPillDark\n        : FD.polarTickPill;\n\n  parent\n    .selectAll<SVGGElement, number>('g')\n    .data(ticks)\n    .enter()\n    .append('g')\n    .attr('class', TICK_CLASS)\n    .each(function (value) {\n      const group = select(this);\n      const label = formatCompactNumber(value, 2);\n\n      const cy = -radial(value);\n      const text = group\n        .append('text')\n        .attr('x', 0)\n        .attr('y', cy)\n        .attr('font-size', FD.polarCategoryLabelSize)\n        .attr('text-anchor', 'middle')\n        .attr('dominant-baseline', 'central')\n        .attr('fill', theme.text)\n        .text(label);\n\n      const box = measureText(text.node(), label, FD.polarCategoryLabelSize, 0, cy);\n      group\n        .insert('rect', 'text')\n        .attr('x', box.x - FD.polarTickPillPadX)\n        .attr('y', box.y - FD.polarTickPillPadY)\n        .attr('width', box.width + FD.polarTickPillPadX * 2)\n        .attr('height', box.height + FD.polarTickPillPadY * 2)\n        .attr('rx', FD.polarTickPillRadius)\n        .attr('ry', FD.polarTickPillRadius)\n        .attr('fill', pillFill);\n    });\n}\n\n/**\n * FuseDash PolarAreaChart — D3 rewrite.\n * One wedge per category, each reaching the radius of its value; the legend\n * lives in the Lit shell.\n */\nexport function renderPolarAreaChart(\n  container: HTMLElement,\n  options: RenderPolarAreaChartOptions,\n): void {\n  const {\n    model,\n    width,\n    height,\n    margin,\n    theme,\n    themeMode = 'light',\n    showGrid = true,\n    showTooltip = true,\n    onHover,\n    onLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  container.replaceChildren();\n\n  const plotWidth = width - margin.left - margin.right;\n  const plotHeight = height - margin.top - margin.bottom;\n  const labelGutter = polarLabelGutter(model.categories, plotWidth);\n  const outerRadius = polarOuterRadius(plotWidth, plotHeight, labelGutter);\n  if (!model.sectors.length || outerRadius <= 0 || !model.maxValue) return;\n\n  const radial = scaleLinear()\n    .domain([0, model.maxValue])\n    .rangeRound([0, outerRadius])\n    .nice();\n  const gridOuter = radial(model.maxValue);\n  const ticks = polarRadialTicks(model.maxValue, FD.polarRadialSteps);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('viewBox', `0 0 ${width} ${height}`);\n\n  const root = svg.append('g').attr('transform', `translate(${width / 2}, ${height / 2})`);\n\n  if (showGrid) {\n    const gridGroup = root\n      .append('g')\n      .attr('class', 'polar-grid')\n      .attr('pointer-events', 'none');\n    drawGridRings(gridGroup, ticks, radial);\n    drawSpokes(gridGroup, model.categories, gridOuter);\n  }\n  if (outerRadius >= FD.polarMinLabelRadius) {\n    drawCategoryLabels(\n      root.append('g').attr('class', 'polar-category-labels'),\n      model.categories,\n      gridOuter,\n      width / 2,\n      { onAxisLabelHover, onAxisLabelLeave },\n    );\n  }\n\n  const angles = model.grouped\n    ? polarGroupedSectorAngles(model.categories, model.sectors)\n    : polarSectorAngles(model.sectors.length);\n  const arcGen = arc<{ sector: PolarAreaSector; startAngle: number; endAngle: number }>()\n    .innerRadius(0)\n    .outerRadius((d) => radial(d.sector.value))\n    .startAngle((d) => d.startAngle)\n    .endAngle((d) => d.endAngle);\n\n  const stroke = themeMode === 'dark' ? FD.donutSliceStrokeDark : FD.donutSliceStroke;\n  const sectors = root\n    .append('g')\n    .attr('class', 'polar-sectors')\n    .selectAll('path')\n    .data(model.sectors.map((sector, i) => ({ sector, ...angles[i] })))\n    .enter()\n    .append('path')\n    .attr('class', SECTOR_CLASS)\n    .attr('d', arcGen)\n    .attr('fill', (d) => d.sector.color)\n    .attr('opacity', FD.polarSectorOpacity)\n    .attr('stroke', stroke)\n    .attr('stroke-width', FD.donutSliceStrokeWidth);\n\n  // Client hides the radial tick pills when they would stack on top of each\n  // other. It tests the box height; here the disc no longer fills the box, so\n  // the ring spacing itself is what has to clear a pill row.\n  const fitsTicks = outerRadius >= FD.polarRadialSteps * FD.polarTickPillRowHeight;\n  if (showGrid && fitsTicks) {\n    drawRadialTicks(\n      root.append('g').attr('class', 'polar-ticks').attr('pointer-events', 'none'),\n      ticks,\n      radial,\n      theme,\n      themeMode,\n    );\n  }\n\n  if (!showTooltip || !onHover) return;\n\n  const dimmable = root.selectAll(`.${SECTOR_CLASS}, .${TICK_CLASS}`);\n  sectors\n    .style('cursor', 'pointer')\n    .on('mouseenter', function (event: MouseEvent, datum) {\n      dimmable.attr('opacity', FD.polarSectorOpacityDimmed);\n      select(this).attr('opacity', 1);\n      onHover({ sector: datum.sector, event });\n    })\n    .on('mousemove', (event: MouseEvent, datum) => {\n      onHover({ sector: datum.sector, event });\n    })\n    .on('mouseleave', () => {\n      sectors.attr('opacity', FD.polarSectorOpacity);\n      root.selectAll(`.${TICK_CLASS}`).attr('opacity', 1);\n      onLeave?.();\n    });\n}\n"],"names":[],"mappings":";;;;;;AAiCA,MAAM,eAAe;AACrB,MAAM,aAAa;AAOnB,SAAS,YACP,MACA,MACA,UACA,IACA,IACyD;;AACzD,QAAM,OAAM,kCAAM,YAAN;AACZ,MAAI,OAAO,IAAI,QAAQ,EAAG,QAAO;AACjC,QAAM,QAAQ,KAAK,SAAS,WAAW;AACvC,SAAO,EAAE,GAAG,KAAK,QAAQ,GAAG,GAAG,KAAK,WAAW,GAAG,OAAO,QAAQ,SAAA;AACnE;AAEA,SAAS,cACP,QACA,OACA,QACM;AACN,SACG,UAAU,QAAQ,EAClB,KAAK,KAAK,EACV,MAAA,EACA,OAAO,QAAQ,EACf,KAAK,KAAK,CAAC,MAAM,OAAO,CAAC,CAAC,EAC1B,KAAK,QAAQ,MAAM,EACnB,KAAK,UAAU,GAAG,eAAe,EACjC,KAAK,kBAAkB,CAAC,IAAI,OAAO,IAAI,KAAK,GAAG,oBAAoB;AACxE;AAEA,SAAS,WACP,QACA,YACA,OACM;AACN,QAAM,QAAS,KAAK,KAAK,IAAK,WAAW;AACzC,WAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK,GAAG;AAE7C,UAAM,QAAQ,QAAQ,IAAI,KAAK,KAAK;AACpC,UAAM,IAAI,QAAQ,KAAK,IAAI,KAAK;AAChC,UAAM,IAAI,QAAQ,KAAK,IAAI,KAAK;AAEhC,WACG,OAAO,MAAM,EACb,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC,EACZ,KAAK,UAAU,GAAG,eAAe,EACjC,KAAK,mBAAmB,OAAO,EAC/B,KAAK,kBAAkB,OAAO,EAC9B,KAAK,oBAAoB,GAAG,cAAc;AAE7C,WACG,OAAO,QAAQ,EACf,KAAK,MAAM,CAAC,EACZ,KAAK,MAAM,CAAC,EACZ,KAAK,KAAK,GAAG,mBAAmB,EAChC,KAAK,QAAQ,GAAG,eAAe;AAAA,EACpC;AACF;AAEA,SAAS,mBACP,QACA,YACA,OACA,WACA,UACM;AACN,QAAM,QAAS,KAAK,KAAK,IAAK,WAAW;AACzC,QAAM,SAAS,QAAQ,GAAG;AAE1B,aAAW,QAAQ,CAAC,UAAU,MAAM;AAClC,UAAM,aAAa,QAAQ,IAAI,KAAK,KAAK,IAAI,QAAQ;AACrD,UAAM,IAAI,SAAS,KAAK,IAAI,UAAU;AACtC,UAAM,SAAS,iBAAiB,UAAU;AAE1C,UAAM,YACJ,WAAW,UACP,YAAY,IACZ,WAAW,QACT,YAAY,IACZ,IAAI,KAAK,IAAI,YAAY,GAAG,YAAY,CAAC;AAEjD,UAAM,OAAO,OACV,OAAO,MAAM,EACb,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,SAAS,KAAK,IAAI,UAAU,CAAC,EACvC,KAAK,eAAe,MAAM,EAC1B,KAAK,aAAa,GAAG,sBAAsB,EAC3C,KAAK,qBAAqB,SAAS,EACnC,KAAK,QAAQ,GAAG,sBAAsB;AAEzC,4BAAwB,MAAM,UAAU;AAAA,MACtC,GAAG;AAAA,MACH;AAAA,MACA,UAAU,GAAG;AAAA,IAAA,CACd;AAAA,EACH,CAAC;AACH;AAEA,SAAS,gBACP,QACA,OACA,QACA,OACA,WACM;AACN,QAAM,WACJ,MAAM,cAAc,MAAM,eAAe,gBACrC,MAAM,aACN,cAAc,SACZ,GAAG,oBACH,GAAG;AAEX,SACG,UAA+B,GAAG,EAClC,KAAK,KAAK,EACV,MAAA,EACA,OAAO,GAAG,EACV,KAAK,SAAS,UAAU,EACxB,KAAK,SAAU,OAAO;AACrB,UAAM,QAAQ,OAAO,IAAI;AACzB,UAAM,QAAQ,oBAAoB,OAAO,CAAC;AAE1C,UAAM,KAAK,CAAC,OAAO,KAAK;AACxB,UAAM,OAAO,MACV,OAAO,MAAM,EACb,KAAK,KAAK,CAAC,EACX,KAAK,KAAK,EAAE,EACZ,KAAK,aAAa,GAAG,sBAAsB,EAC3C,KAAK,eAAe,QAAQ,EAC5B,KAAK,qBAAqB,SAAS,EACnC,KAAK,QAAQ,MAAM,IAAI,EACvB,KAAK,KAAK;AAEb,UAAM,MAAM,YAAY,KAAK,KAAA,GAAQ,OAAO,GAAG,wBAAwB,GAAG,EAAE;AAC5E,UACG,OAAO,QAAQ,MAAM,EACrB,KAAK,KAAK,IAAI,IAAI,GAAG,iBAAiB,EACtC,KAAK,KAAK,IAAI,IAAI,GAAG,iBAAiB,EACtC,KAAK,SAAS,IAAI,QAAQ,GAAG,oBAAoB,CAAC,EAClD,KAAK,UAAU,IAAI,SAAS,GAAG,oBAAoB,CAAC,EACpD,KAAK,MAAM,GAAG,mBAAmB,EACjC,KAAK,MAAM,GAAG,mBAAmB,EACjC,KAAK,QAAQ,QAAQ;AAAA,EAC1B,CAAC;AACL;AAOO,SAAS,qBACd,WACA,SACM;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,YAAU,gBAAA;AAEV,QAAM,YAAY,QAAQ,OAAO,OAAO,OAAO;AAC/C,QAAM,aAAa,SAAS,OAAO,MAAM,OAAO;AAChD,QAAM,cAAc,iBAAiB,MAAM,YAAY,SAAS;AAChE,QAAM,cAAc,iBAAiB,WAAW,YAAY,WAAW;AACvE,MAAI,CAAC,MAAM,QAAQ,UAAU,eAAe,KAAK,CAAC,MAAM,SAAU;AAElE,QAAM,SAAS,YAAA,EACZ,OAAO,CAAC,GAAG,MAAM,QAAQ,CAAC,EAC1B,WAAW,CAAC,GAAG,WAAW,CAAC,EAC3B,KAAA;AACH,QAAM,YAAY,OAAO,MAAM,QAAQ;AACvC,QAAM,QAAQ,iBAAiB,MAAM,UAAU,GAAG,gBAAgB;AAElE,QAAM,MAAM,OAAO,SAAS,EACzB,OAAO,KAAK,EACZ,KAAK,SAAS,KAAK,EACnB,KAAK,UAAU,MAAM,EACrB,KAAK,WAAW,OAAO,KAAK,IAAI,MAAM,EAAE;AAE3C,QAAM,OAAO,IAAI,OAAO,GAAG,EAAE,KAAK,aAAa,aAAa,QAAQ,CAAC,KAAK,SAAS,CAAC,GAAG;AAEvF,MAAI,UAAU;AACZ,UAAM,YAAY,KACf,OAAO,GAAG,EACV,KAAK,SAAS,YAAY,EAC1B,KAAK,kBAAkB,MAAM;AAChC,kBAAc,WAAW,OAAO,MAAM;AACtC,eAAW,WAAW,MAAM,YAAY,SAAS;AAAA,EACnD;AACA,MAAI,eAAe,GAAG,qBAAqB;AACzC;AAAA,MACE,KAAK,OAAO,GAAG,EAAE,KAAK,SAAS,uBAAuB;AAAA,MACtD,MAAM;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,MACR,EAAE,kBAAkB,iBAAA;AAAA,IAAiB;AAAA,EAEzC;AAEA,QAAM,SAAS,MAAM,UACjB,yBAAyB,MAAM,YAAY,MAAM,OAAO,IACxD,kBAAkB,MAAM,QAAQ,MAAM;AAC1C,QAAM,SAAS,MACZ,YAAY,CAAC,EACb,YAAY,CAAC,MAAM,OAAO,EAAE,OAAO,KAAK,CAAC,EACzC,WAAW,CAAC,MAAM,EAAE,UAAU,EAC9B,SAAS,CAAC,MAAM,EAAE,QAAQ;AAE7B,QAAM,SAAS,cAAc,SAAS,GAAG,uBAAuB,GAAG;AACnE,QAAM,UAAU,KACb,OAAO,GAAG,EACV,KAAK,SAAS,eAAe,EAC7B,UAAU,MAAM,EAChB,KAAK,MAAM,QAAQ,IAAI,CAAC,QAAQ,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAC,EAAA,EAAI,CAAC,EACjE,MAAA,EACA,OAAO,MAAM,EACb,KAAK,SAAS,YAAY,EAC1B,KAAK,KAAK,MAAM,EAChB,KAAK,QAAQ,CAAC,MAAM,EAAE,OAAO,KAAK,EAClC,KAAK,WAAW,GAAG,kBAAkB,EACrC,KAAK,UAAU,MAAM,EACrB,KAAK,gBAAgB,GAAG,qBAAqB;AAKhD,QAAM,YAAY,eAAe,GAAG,mBAAmB,GAAG;AAC1D,MAAI,YAAY,WAAW;AACzB;AAAA,MACE,KAAK,OAAO,GAAG,EAAE,KAAK,SAAS,aAAa,EAAE,KAAK,kBAAkB,MAAM;AAAA,MAC3E;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,MAAI,CAAC,eAAe,CAAC,QAAS;AAE9B,QAAM,WAAW,KAAK,UAAU,IAAI,YAAY,MAAM,UAAU,EAAE;AAClE,UACG,MAAM,UAAU,SAAS,EACzB,GAAG,cAAc,SAAU,OAAmB,OAAO;AACpD,aAAS,KAAK,WAAW,GAAG,wBAAwB;AACpD,WAAO,IAAI,EAAE,KAAK,WAAW,CAAC;AAC9B,YAAQ,EAAE,QAAQ,MAAM,QAAQ,OAAO;AAAA,EACzC,CAAC,EACA,GAAG,aAAa,CAAC,OAAmB,UAAU;AAC7C,YAAQ,EAAE,QAAQ,MAAM,QAAQ,OAAO;AAAA,EACzC,CAAC,EACA,GAAG,cAAc,MAAM;AACtB,YAAQ,KAAK,WAAW,GAAG,kBAAkB;AAC7C,SAAK,UAAU,IAAI,UAAU,EAAE,EAAE,KAAK,WAAW,CAAC;AAClD;AAAA,EACF,CAAC;AACL;"}

package/dist/components/polar-area-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderPolarAreaChart, type RenderPolarAreaChartOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/polar-area-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/polar-area-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,GACjC,MAAM,WAAW,CAAC"}

package/dist/components/punchcard-chart/element/ui9000-punchcard-chart.d.ts

@@ -18,7 +18,7 @@ export declare class Ui9000PunchcardChart extends Ui9000ChartElement {
     private scheduleDraw;
     private parseData;
     private draw;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/punchcard-chart/metadata.json.d.ts

@@ -2,7 +2,7 @@ declare const _default: {
   "id": "punchcard-chart",
   "tag": "ui9000-punchcard-chart",
   "title": "Punchcard Chart",
-  "description": "Chat-optimized punchcard rewritten in D3 (Visx → D3). Bubble matrix by x/y categories, no Redux.",
+  "description": "Chat-optimized punchcard rewritten in D3. Single (no groupBy) or Grouped (groupBy as Y rows). Sequential bubble matrix, no Redux.",
   "chartTypeKeys": ["punchcardChart"],
   "source": "client/libs/shared/components/src/Widgets/PunchcardChart/",
   "stack": "d3",

package/dist/components/punchcard-chart/metadata.json.js

@@ -1,7 +1,7 @@
 const id = "punchcard-chart";
 const tag = "ui9000-punchcard-chart";
 const title = "Punchcard Chart";
-const description = "Chat-optimized punchcard rewritten in D3 (Visx → D3). Bubble matrix by x/y categories, no Redux.";
+const description = "Chat-optimized punchcard rewritten in D3. Single (no groupBy) or Grouped (groupBy as Y rows). Sequential bubble matrix, no Redux.";
 const chartTypeKeys = ["punchcardChart"];
 const source = "client/libs/shared/components/src/Widgets/PunchcardChart/";
 const stack = "d3";

package/dist/components/radar-chart/element/ui9000-radar-chart.d.ts

@@ -19,7 +19,7 @@ export declare class Ui9000RadarChart extends Ui9000ChartElement {
     private themeMode;
     private renderLegend;
     private draw;
-    render(): import('lit').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/radial-bar-chart/element/styles.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBA+ChC,CAAC"}

package/dist/components/radial-bar-chart/element/styles.js

@@ -0,0 +1,53 @@
+import { css } from "lit";
+const radialBarChartStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 260px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-root {
+    flex: 1;
+    min-height: 0;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .tooltip {
+    position: absolute;
+    pointer-events: none;
+    z-index: 2;
+    padding: 6px 10px;
+    border-radius: 6px;
+    font-size: 12px;
+    line-height: 1.35;
+    background: var(--ui9000-color-text, #111827);
+    color: #fff;
+    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
+    transform: translate(-50%, calc(-100% - 10px));
+    white-space: nowrap;
+  }
+  .tooltip-title {
+    font-weight: 600;
+    margin-bottom: 2px;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  radialBarChartStyles
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/radial-bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const radialBarChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 260px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-root {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip-title {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/radial-bar-chart/element/ui9000-radial-bar-chart.d.ts

@@ -0,0 +1,35 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000RadialBarChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _tooltip;
+    private _empty;
+    /**
+     * Model from the last draw. `render()` reads it for the legend so a paint
+     * never re-parses the `data` attribute; `_`-prefixed state is ignored by
+     * `chartPropsChanged`, so assigning it cannot loop back into a redraw.
+     */
+    private _model;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseData;
+    private renderLegend;
+    private draw;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-radial-bar-chart': Ui9000RadialBarChart;
+    }
+}
+export declare function registerRadialBarChart(): void;
+//# sourceMappingURL=ui9000-radial-bar-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-radial-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/radial-bar-chart/element/ui9000-radial-bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAc3D,qBACa,oBAAqB,SAAQ,kBAAkB;IAC1D,OAAgB,MAAM,4BAA4C;IAGlE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB;;;;OAIG;IAEH,OAAO,CAAC,MAAM,CAA+B;IAE7C,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,IAAI;IAkDH,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,oBAAoB,CAAC;KACjD;CACF;AAED,wBAAgB,sBAAsB,IAAI,IAAI,CAI7C"}

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

@@ -0,0 +1,174 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { renderChartLegend } from "../../../element/chart-legend-render.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { parseJsonAttr, getRadialBarDimensions } from "../../../utils/chart-helpers.js";
+import { swatchLegendEntries } from "../../../utils/chart-legend.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderRadialBarChart } from "../render/draw.js";
+import { radialBarChartStyles } from "./styles.js";
+import { normalizeRadialBarData } from "../lib/normalize.js";
+import { formatRadialBarCategory, formatRadialBarValue } 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 Ui9000RadialBarChart = 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._model = null;
+    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 normalizeRadialBarData(raw);
+  }
+  renderLegend(model) {
+    if (!this.showLegend || !model.legend.length) return nothing;
+    const theme = readThemeFromElement(this);
+    return renderChartLegend(
+      swatchLegendEntries(
+        model.legend.map((bar) => bar.label),
+        theme,
+        (_label, index) => {
+          var _a;
+          return ((_a = model.legend[index]) == null ? void 0 : _a.color) ?? theme.primary;
+        }
+      )
+    );
+  }
+  draw() {
+    var _a;
+    const root = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(".chart-root");
+    if (!root) return;
+    const model = this.parseData();
+    this._model = model;
+    this._empty = model.bars.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      return;
+    }
+    readThemeFromElement(this);
+    const { width, height, margin } = getRadialBarDimensions(root, this.scale);
+    const xField = model.xField;
+    const yField = model.yField;
+    renderRadialBarChart(root, {
+      bars: model.bars,
+      width,
+      height,
+      margin,
+      showGrid: this.showGrid,
+      showTooltip: this.showTooltip,
+      ...this.axisLabelHandlers(),
+      onHover: this.showTooltip ? ({ bar, event }) => {
+        var _a2, _b;
+        const rect = this.getBoundingClientRect();
+        const xDetail = xField ? (_a2 = model.axisDetails) == null ? void 0 : _a2[xField] : void 0;
+        const yDetail = yField ? (_b = model.axisDetails) == null ? void 0 : _b[yField] : void 0;
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          title: formatRadialBarCategory(bar.label),
+          lines: [
+            `${(xDetail == null ? void 0 : xDetail.label) ?? xField ?? "Category"}: ${formatRadialBarCategory(bar.label, xDetail)}`,
+            `${(yDetail == null ? void 0 : yDetail.label) ?? yField ?? "Value"}: ${formatRadialBarValue(bar.value, yDetail)}`
+          ]
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    const model = this._empty ? null : this._model;
+    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"
+              >
+                <div class="tooltip-title">${this._tooltip.title}</div>
+                ${this._tooltip.lines.map((line) => html`<div>${line}</div>`)}
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000RadialBarChart.styles = [radialBarChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000RadialBarChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-grid" })
+], Ui9000RadialBarChart.prototype, "showGrid", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000RadialBarChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000RadialBarChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000RadialBarChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000RadialBarChart.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000RadialBarChart.prototype, "_model", 2);
+Ui9000RadialBarChart = __decorateClass([
+  customElement("ui9000-radial-bar-chart")
+], Ui9000RadialBarChart);
+function registerRadialBarChart() {
+  if (!customElements.get("ui9000-radial-bar-chart")) {
+    customElements.define("ui9000-radial-bar-chart", Ui9000RadialBarChart);
+  }
+}
+registerRadialBarChart();
+export {
+  Ui9000RadialBarChart,
+  registerRadialBarChart
+};
+//# sourceMappingURL=ui9000-radial-bar-chart.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;AAqBO,IAAM,uBAAN,cAAmC,mBAAmB;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,QAAqB;AAGrB,SAAA,WAAW;AAGX,SAAA,aAAa;AAGb,SAAA,cAAc;AAGd,SAAQ,WAKG;AAGX,SAAQ,SAAS;AAQjB,SAAQ,SAAgC;AAGxC,SAAQ,OAAO;AAAA,EAAA;AAAA,EAEN,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,kBAAkB,IAAI,eAAe,MAAM,KAAK,cAAc;AACnE,SAAK,gBAAgB,QAAQ,IAAI;AAAA,EACnC;AAAA,EAES,uBAA6B;;AACpC,eAAK,oBAAL,mBAAsB;AACtB,yBAAqB,KAAK,IAAI;AAC9B,UAAM,qBAAA;AAAA,EACR;AAAA,EAES,QAAQ,SAA+B;AAC9C,QAAI,kBAAkB,OAAO,EAAG,MAAK,aAAA;AAAA,EACvC;AAAA,EAEQ,eAAqB;AAC3B,yBAAqB,KAAK,IAAI;AAC9B,SAAK,OAAO,sBAAsB,MAAM,KAAK,MAAM;AAAA,EACrD;AAAA,EAEQ,YAA4B;AAClC,UAAM,MAAM,cAAkC,KAAK,UAAU,IAAI;AACjE,WAAO,uBAAuB,GAAG;AAAA,EACnC;AAAA,EAEQ,aAAa,OAAuB;AAC1C,QAAI,CAAC,KAAK,cAAc,CAAC,MAAM,OAAO,OAAQ,QAAO;AACrD,UAAM,QAAQ,qBAAqB,IAAI;AACvC,WAAO;AAAA,MACL;AAAA,QACE,MAAM,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK;AAAA,QACnC;AAAA,QACA,CAAC,QAAQ;;AAAU,8BAAM,OAAO,KAAK,MAAlB,mBAAqB,UAAS,MAAM;AAAA;AAAA,MAAA;AAAA,IACzD;AAAA,EAEJ;AAAA,EAEQ,OAAa;;AACnB,UAAM,QAAO,UAAK,eAAL,mBAAiB,cAAc;AAC5C,QAAI,CAAC,KAAM;AAEX,UAAM,QAAQ,KAAK,UAAA;AACnB,SAAK,SAAS;AACd,SAAK,SAAS,MAAM,KAAK,WAAW;AACpC,QAAI,KAAK,QAAQ;AACf,WAAK,gBAAA;AACL;AAAA,IACF;AAEc,yBAAqB,IAAI;AACvC,UAAM,EAAE,OAAO,QAAQ,OAAA,IAAW,uBAAuB,MAAM,KAAK,KAAK;AACzE,UAAM,SAAS,MAAM;AACrB,UAAM,SAAS,MAAM;AAErB,yBAAqB,MAAM;AAAA,MACzB,MAAM,MAAM;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAU,KAAK;AAAA,MACf,aAAa,KAAK;AAAA,MAClB,GAAG,KAAK,kBAAA;AAAA,MACR,SAAS,KAAK,cACV,CAAC,EAAE,KAAK,YAAY;;AAClB,cAAM,OAAO,KAAK,sBAAA;AAClB,cAAM,UAAU,UAASA,MAAA,MAAM,gBAAN,gBAAAA,IAAoB,UAAU;AACvD,cAAM,UAAU,UAAS,WAAM,gBAAN,mBAAoB,UAAU;AACvD,aAAK,WAAW;AAAA,UACd,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,GAAG,MAAM,UAAU,KAAK;AAAA,UACxB,OAAO,wBAAwB,IAAI,KAAK;AAAA,UACxC,OAAO;AAAA,YACL,IAAG,mCAAS,UAAS,UAAU,UAAU,KAAK,wBAAwB,IAAI,OAAO,OAAO,CAAC;AAAA,YACzF,IAAG,mCAAS,UAAS,UAAU,OAAO,KAAK,qBAAqB,IAAI,OAAO,OAAO,CAAC;AAAA,UAAA;AAAA,QACrF;AAAA,MAEJ,IACA;AAAA,MACJ,SAAS,KAAK,cACV,MAAM;AACJ,aAAK,WAAW;AAAA,MAClB,IACA;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK,YAAA;AACnB,UAAM,QAAQ,KAAK,SAAS,OAAO,KAAK;AACxC,WAAO;AAAA;AAAA,UAED,KAAK,kBAAkB,KAAK,CAAC;AAAA;AAAA,YAE3B,QAAQ,KAAK,aAAa,KAAK,IAAI,OAAO;AAAA,yDACG,KAAK,MAAM;AAAA,YACxD,KAAK,SAAS,sDAAsD,OAAO;AAAA,YAC3E,KAAK,WACH;AAAA;AAAA;AAAA,8BAGgB,KAAK,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC;AAAA;AAAA,6CAEzB,KAAK,SAAS,KAAK;AAAA,kBAC9C,KAAK,SAAS,MAAM,IAAI,CAAC,SAAS,YAAY,IAAI,QAAQ,CAAC;AAAA,wBAE/D,OAAO;AAAA,YACT,KAAK,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAIxC;AACF;AAtJa,qBACK,SAAS,CAAC,sBAAsB,gBAAgB;AAGhE,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,SAAS;AAAA,GAHnC,qBAIX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,aAAa;AAAA,GANxC,qBAOX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,eAAe;AAAA,GAT1C,qBAUX,WAAA,cAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAZ3C,qBAaX,WAAA,eAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GAfI,qBAgBH,WAAA,YAAA,CAAA;AAQA,gBAAA;AAAA,EADP,MAAA;AAAM,GAvBI,qBAwBH,WAAA,UAAA,CAAA;AAQA,gBAAA;AAAA,EADP,MAAA;AAAM,GA/BI,qBAgCH,WAAA,UAAA,CAAA;AAhCG,uBAAN,gBAAA;AAAA,EADN,cAAc,yBAAyB;AAAA,GAC3B,oBAAA;AA8JN,SAAS,yBAA+B;AAC7C,MAAI,CAAC,eAAe,IAAI,yBAAyB,GAAG;AAClD,mBAAe,OAAO,2BAA2B,oBAAoB;AAAA,EACvE;AACF;AAEA,uBAAA;"}

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"}