@fusedashlabs/widgets 0.2.0

package/dist/components/lollipop/render/draw.js

@@ -0,0 +1,207 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, calculateScaleLinearDomain, hexWithAlpha, appendLollipopMarkerVertical, formatCompactNumber, calculateNumTicks, seriesColor } from "../../../utils/fusedash-visual.js";
+import { collectLabels } from "../lib/domain.js";
+function resolveColor(series, index, theme) {
+  if (series.color) return series.color;
+  if (index === 0 && theme.primary) return theme.primary;
+  if (index === 1 && theme.secondary) return theme.secondary;
+  return seriesColor(index);
+}
+function renderLollipopChart(container, options) {
+  const {
+    series,
+    width,
+    height,
+    margin = { ...FD.lollipopMargin },
+    theme,
+    orientation = "vertical",
+    marker = "rhombus",
+    showGrid = true,
+    labelHint,
+    xLabel,
+    yLabel,
+    onPointHover,
+    onPointLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const axisLabels = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  container.replaceChildren();
+  if (!series.length || width <= 0 || height <= 0) return;
+  const labels = collectLabels(series, labelHint);
+  const vertical = orientation === "vertical";
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 12)
+  };
+  const plotTop = m.top;
+  const plotBottom = height - m.bottom;
+  const plotLeft = m.left;
+  const plotRight = width - m.right;
+  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;
+  const allV = [];
+  for (const s of series) {
+    for (const p of s.points) {
+      if (Number.isFinite(p.value)) allV.push(p.value);
+    }
+  }
+  const [minV, maxV] = calculateScaleLinearDomain(allV);
+  const domainMin = minV * 1.2;
+  const domainMax = maxV === 0 && minV === 0 ? 1 : maxV * 1.2;
+  const numTicks = calculateNumTicks(height);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Lollipop chart").style("display", "block").style("font-family", theme.fontFamily);
+  const root = svg.append("g").attr("class", "plot");
+  if (vertical) {
+    const xScale = scaleBand().domain(labels).range([plotLeft, plotRight]).padding(0);
+    const yScale = scaleLinear().domain([domainMin, domainMax]).nice().range([plotBottom, plotTop]);
+    const yTicks = yScale.ticks(numTicks);
+    if (showGrid) {
+      const grid = root.append("g").attr("class", "grid");
+      for (const cat of labels) {
+        const bx = xScale(cat);
+        if (bx == null) continue;
+        grid.append("line").attr("x1", bx).attr("x2", bx).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+      }
+      for (const t of yTicks) {
+        grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(t)).attr("y2", yScale(t)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+      }
+      grid.append("line").attr("x1", plotRight).attr("x2", plotRight).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", "#e0e0e0").attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+      grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(0)).attr("y2", yScale(0)).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+    }
+    const zeroY = yScale(0);
+    series.forEach((s, si) => {
+      const color = resolveColor(s, si, theme);
+      const layer = root.append("g").attr("class", `series series-${s.id}`);
+      const offset = series.length > 1 ? (si - (series.length - 1) / 2) * xScale.bandwidth() / Math.max(series.length, 1) : 0;
+      s.points.forEach((p) => {
+        if (xScale(p.label) == null || !Number.isFinite(p.value)) return;
+        const cx = (xScale(p.label) ?? 0) + xScale.bandwidth() / 2 + offset;
+        const cy = yScale(p.value);
+        const markerColor = p.color ?? color;
+        const g = layer.append("g").attr("class", "lollipop").style("cursor", onPointHover ? "pointer" : "default");
+        g.append("line").attr("class", "stem").attr("x1", cx).attr("x2", cx).attr("y1", cy + 2).attr("y2", zeroY).attr("stroke", hexWithAlpha(markerColor, FD.lollipopStemAlphaPct)).attr("stroke-width", FD.lollipopStemWidth);
+        appendLollipopMarkerVertical(g, {
+          shape: marker,
+          color: markerColor,
+          cx,
+          cy
+        });
+        g.append("circle").attr("cx", cx).attr("cy", cy).attr("r", 12).attr("fill", "transparent");
+        if (onPointHover) {
+          g.on("mouseenter", (event) => {
+            onPointHover({
+              seriesId: s.id,
+              seriesName: s.name ?? s.id,
+              point: p,
+              event
+            });
+          }).on("mouseleave", () => onPointLeave == null ? void 0 : onPointLeave());
+        }
+      });
+    });
+    const xAxis = root.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotBottom})`).call(axisBottom(xScale).tickSize(0).tickPadding(8));
+    xAxis.select(".domain").attr("stroke", FD.axisStroke);
+    xAxis.selectAll("line").attr("stroke", "none");
+    xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+    const xTickNodes = xAxis.selectAll("text").nodes();
+    if (xTickNodes.length > 0) {
+      select(xTickNodes[0]).attr("text-anchor", "start");
+      if (xTickNodes.length > 1) {
+        select(xTickNodes[xTickNodes.length - 1]).attr("text-anchor", "end");
+      }
+    }
+    decorateAxisLabels(xAxis, {
+      slotWidth: xScale.bandwidth(),
+      ...axisLabels
+    });
+    const yAxis = root.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(
+      axisLeft(yScale).tickValues(yTicks).tickSize(5).tickPadding(6).tickFormat((d) => {
+        const n = Number(d);
+        const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+        return formatCompactNumber(n, decimals);
+      })
+    );
+    yAxis.select(".domain").attr("stroke", "none");
+    yAxis.selectAll("line").attr("stroke", FD.axisStroke).attr("stroke-dasharray", "1 2");
+    applyLeftGutterYAxisLabels(yAxis, plotLeft);
+  } else {
+    const yScale = scaleBand().domain(labels).range([plotTop, plotBottom]).padding(0.2);
+    const xScale = scaleLinear().domain([domainMin, domainMax]).nice().range([plotLeft, plotRight]);
+    const xTicks = xScale.ticks(numTicks);
+    if (showGrid) {
+      const grid = root.append("g").attr("class", "grid");
+      for (const t of xTicks) {
+        grid.append("line").attr("x1", xScale(t)).attr("x2", xScale(t)).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("stroke-dasharray", "1 2").attr("shape-rendering", "crispEdges");
+      }
+      grid.append("line").attr("x1", xScale(0)).attr("x2", xScale(0)).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+    }
+    const zeroX = xScale(0);
+    series.forEach((s, si) => {
+      const color = resolveColor(s, si, theme);
+      const layer = root.append("g").attr("class", `series series-${s.id}`);
+      const offset = series.length > 1 ? (si - (series.length - 1) / 2) * yScale.bandwidth() / Math.max(series.length, 1) : 0;
+      s.points.forEach((p) => {
+        if (yScale(p.label) == null || !Number.isFinite(p.value)) return;
+        const cy = (yScale(p.label) ?? 0) + yScale.bandwidth() / 2 + offset;
+        const cx = xScale(p.value);
+        const markerColor = p.color ?? color;
+        const g = layer.append("g").style("cursor", onPointHover ? "pointer" : "default");
+        g.append("line").attr("x1", zeroX).attr("x2", cx - 2).attr("y1", cy).attr("y2", cy).attr("stroke", hexWithAlpha(markerColor, FD.lollipopStemAlphaPct)).attr("stroke-width", FD.lollipopStemWidth);
+        appendLollipopMarkerVertical(g, {
+          shape: marker,
+          color: markerColor,
+          cx,
+          cy
+        });
+        if (onPointHover) {
+          g.on("mouseenter", (event) => {
+            onPointHover({
+              seriesId: s.id,
+              seriesName: s.name ?? s.id,
+              point: p,
+              event
+            });
+          }).on("mouseleave", () => onPointLeave == null ? void 0 : onPointLeave());
+        }
+      });
+    });
+    const yAxis = root.append("g").attr("transform", `translate(${plotLeft},0)`).call(axisLeft(yScale).tickSize(0).tickPadding(8));
+    yAxis.select(".domain").attr("stroke", FD.axisStroke);
+    yAxis.selectAll("line").attr("stroke", "none");
+    applyLeftGutterYAxisLabels(yAxis, plotLeft, axisLabels);
+    const xAxis = root.append("g").attr("transform", `translate(0,${plotBottom})`).call(
+      axisBottom(xScale).tickValues(xTicks).tickSize(5).tickPadding(6).tickFormat((d) => {
+        const n = Number(d);
+        const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+        return formatCompactNumber(n, decimals);
+      })
+    );
+    xAxis.select(".domain").attr("stroke", FD.axisStroke);
+    xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+    const xTickNodes = xAxis.selectAll("text").nodes();
+    if (xTickNodes.length > 0) {
+      select(xTickNodes[0]).attr("text-anchor", "start");
+      if (xTickNodes.length > 1) {
+        select(xTickNodes[xTickNodes.length - 1]).attr("text-anchor", "end");
+      }
+    }
+  }
+  if (xLabel) {
+    root.append("text").attr("x", (plotLeft + plotRight) / 2).attr("y", height - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+  }
+  if (yLabel) {
+    root.append("text").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(yLabel);
+  }
+}
+export {
+  renderLollipopChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/lollipop/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/lollipop/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select } from 'd3-selection';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport { decorateAxisLabels, applyLeftGutterYAxisLabels, resolvePlotLeftMargin } from '../../../utils/axis-labels.js';\nimport {\n  appendLollipopMarkerVertical,\n  calculateNumTicks,\n  calculateScaleLinearDomain,\n  FD,\n  formatCompactNumber,\n  hexWithAlpha,\n  seriesColor as fdSeriesColor,\n  type MarkerShape,\n} from '../../../utils/fusedash-visual.js';\nimport {\n  collectLabels,\n  type LollipopOrientation,\n  type LollipopPoint,\n  type LollipopSeries,\n} from '../lib/index.js';\n\nexport interface RenderLollipopOptions extends AxisLabelTooltipHandlers {\n  series: LollipopSeries[];\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  orientation?: LollipopOrientation;\n  /** FuseDash default: rhombus */\n  marker?: MarkerShape;\n  showGrid?: boolean;\n  /** FuseDash categorical label order when available. */\n  labelHint?: string[];\n  xLabel?: string;\n  yLabel?: string;\n  onPointHover?: (payload: {\n    seriesId: string;\n    seriesName: string;\n    point: LollipopPoint;\n    event: MouseEvent;\n  }) => void;\n  onPointLeave?: () => void;\n}\n\nfunction resolveColor(series: LollipopSeries, index: number, theme: WidgetTheme): string {\n  if (series.color) return series.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\n/**\n * FuseDash Vertical / Horizontal Lollipop plot — visual parity via D3.\n * Scales include margin in range (Visx coordinate system).\n */\nexport function renderLollipopChart(\n  container: HTMLElement,\n  options: RenderLollipopOptions,\n): void {\n  const {\n    series,\n    width,\n    height,\n    margin = { ...FD.lollipopMargin },\n    theme,\n    orientation = 'vertical',\n    marker = 'rhombus',\n    showGrid = true,\n    labelHint,\n    xLabel,\n    yLabel,\n    onPointHover,\n    onPointLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  const labels = collectLabels(series, labelHint);\n  const vertical = orientation === 'vertical';\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 12),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const allV: number[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      if (Number.isFinite(p.value)) allV.push(p.value);\n    }\n  }\n  const [minV, maxV] = calculateScaleLinearDomain(allV);\n  // FuseDash lollipop: domain * 1.2\n  const domainMin = minV * 1.2;\n  const domainMax = maxV === 0 && minV === 0 ? 1 : maxV * 1.2;\n  const numTicks = calculateNumTicks(height);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Lollipop chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  if (vertical) {\n    const xScale = scaleBand<string>()\n      .domain(labels)\n      .range([plotLeft, plotRight])\n      .padding(0);\n\n    const yScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .range([plotBottom, plotTop]);\n\n    const yTicks = yScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = root.append('g').attr('class', 'grid');\n\n      for (const cat of labels) {\n        const bx = xScale(cat);\n        if (bx == null) continue;\n        grid\n          .append('line')\n          .attr('x1', bx)\n          .attr('x2', bx)\n          .attr('y1', plotTop)\n          .attr('y2', plotBottom)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n\n      for (const t of yTicks) {\n        grid\n          .append('line')\n          .attr('x1', plotLeft)\n          .attr('x2', plotRight)\n          .attr('y1', yScale(t))\n          .attr('y2', yScale(t))\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n\n      grid\n        .append('line')\n        .attr('x1', plotRight)\n        .attr('x2', plotRight)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', '#e0e0e0')\n        .attr('stroke-dasharray', '1 2')\n        .attr('shape-rendering', 'crispEdges');\n\n      // baseline at 0\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(0))\n        .attr('y2', yScale(0))\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const zeroY = yScale(0);\n\n    series.forEach((s, si) => {\n      const color = resolveColor(s, si, theme);\n      const layer = root.append('g').attr('class', `series series-${s.id}`);\n      const offset =\n        series.length > 1\n          ? ((si - (series.length - 1) / 2) * xScale.bandwidth()) / Math.max(series.length, 1)\n          : 0;\n\n      s.points.forEach((p) => {\n        if (xScale(p.label) == null || !Number.isFinite(p.value)) return;\n        const cx = (xScale(p.label) ?? 0) + xScale.bandwidth() / 2 + offset;\n        const cy = yScale(p.value);\n        const markerColor = p.color ?? color;\n\n        const g = layer\n          .append('g')\n          .attr('class', 'lollipop')\n          .style('cursor', onPointHover ? 'pointer' : 'default');\n\n        // stem: tip y+2 like FuseDash; width 3; alpha 50%\n        g.append('line')\n          .attr('class', 'stem')\n          .attr('x1', cx)\n          .attr('x2', cx)\n          .attr('y1', cy + 2)\n          .attr('y2', zeroY)\n          .attr('stroke', hexWithAlpha(markerColor, FD.lollipopStemAlphaPct))\n          .attr('stroke-width', FD.lollipopStemWidth);\n\n        appendLollipopMarkerVertical(g, {\n          shape: marker,\n          color: markerColor,\n          cx,\n          cy,\n        });\n\n        g.append('circle')\n          .attr('cx', cx)\n          .attr('cy', cy)\n          .attr('r', 12)\n          .attr('fill', 'transparent');\n\n        if (onPointHover) {\n          g.on('mouseenter', (event: MouseEvent) => {\n            onPointHover({\n              seriesId: s.id,\n              seriesName: s.name ?? s.id,\n              point: p,\n              event,\n            });\n          }).on('mouseleave', () => onPointLeave?.());\n        }\n      });\n    });\n\n    const xAxis = root\n      .append('g')\n      .attr('class', 'x-axis')\n      .attr('transform', `translate(0,${plotBottom})`)\n      .call(axisBottom(xScale).tickSize(0).tickPadding(8));\n    xAxis.select('.domain').attr('stroke', FD.axisStroke);\n    xAxis.selectAll('line').attr('stroke', 'none');\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('text-anchor', 'middle');\n\n    const xTickNodes = xAxis.selectAll<SVGTextElement, string>('text').nodes();\n    if (xTickNodes.length > 0) {\n      select(xTickNodes[0]).attr('text-anchor', 'start');\n      if (xTickNodes.length > 1) {\n        select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n      }\n    }\n\n    decorateAxisLabels(xAxis, {\n      slotWidth: xScale.bandwidth(),\n      ...axisLabels,\n    });\n\n    const yAxis = root\n      .append('g')\n      .attr('class', 'y-axis')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(\n        axisLeft(yScale)\n          .tickValues(yTicks)\n          .tickSize(5)\n          .tickPadding(6)\n          .tickFormat((d) => {\n            const n = Number(d);\n            const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n            return formatCompactNumber(n, decimals);\n          }),\n      );\n    yAxis.select('.domain').attr('stroke', 'none');\n    yAxis\n      .selectAll('line')\n      .attr('stroke', FD.axisStroke)\n      .attr('stroke-dasharray', '1 2');\n    applyLeftGutterYAxisLabels(yAxis, plotLeft);\n  } else {\n    // Horizontal: categories on Y, values on X (FuseDash HorizontalLollipop)\n    const yScale = scaleBand<string>()\n      .domain(labels)\n      .range([plotTop, plotBottom])\n      .padding(0.2);\n\n    const xScale = scaleLinear()\n      .domain([domainMin, domainMax])\n      .nice()\n      .range([plotLeft, plotRight]);\n\n    const xTicks = xScale.ticks(numTicks);\n\n    if (showGrid) {\n      const grid = root.append('g').attr('class', 'grid');\n      for (const t of xTicks) {\n        grid\n          .append('line')\n          .attr('x1', xScale(t))\n          .attr('x2', xScale(t))\n          .attr('y1', plotTop)\n          .attr('y2', plotBottom)\n          .attr('stroke', FD.gridStroke)\n          .attr('stroke-dasharray', '1 2')\n          .attr('shape-rendering', 'crispEdges');\n      }\n      grid\n        .append('line')\n        .attr('x1', xScale(0))\n        .attr('x2', xScale(0))\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n\n    const zeroX = xScale(0);\n\n    series.forEach((s, si) => {\n      const color = resolveColor(s, si, theme);\n      const layer = root.append('g').attr('class', `series series-${s.id}`);\n      const offset =\n        series.length > 1\n          ? ((si - (series.length - 1) / 2) * yScale.bandwidth()) / Math.max(series.length, 1)\n          : 0;\n\n      s.points.forEach((p) => {\n        if (yScale(p.label) == null || !Number.isFinite(p.value)) return;\n        const cy = (yScale(p.label) ?? 0) + yScale.bandwidth() / 2 + offset;\n        const cx = xScale(p.value);\n        const markerColor = p.color ?? color;\n\n        const g = layer\n          .append('g')\n          .style('cursor', onPointHover ? 'pointer' : 'default');\n\n        g.append('line')\n          .attr('x1', zeroX)\n          .attr('x2', cx - 2)\n          .attr('y1', cy)\n          .attr('y2', cy)\n          .attr('stroke', hexWithAlpha(markerColor, FD.lollipopStemAlphaPct))\n          .attr('stroke-width', FD.lollipopStemWidth);\n\n        appendLollipopMarkerVertical(g, {\n          shape: marker,\n          color: markerColor,\n          cx,\n          cy,\n        });\n\n        if (onPointHover) {\n          g.on('mouseenter', (event: MouseEvent) => {\n            onPointHover({\n              seriesId: s.id,\n              seriesName: s.name ?? s.id,\n              point: p,\n              event,\n            });\n          }).on('mouseleave', () => onPointLeave?.());\n        }\n      });\n    });\n\n    const yAxis = root\n      .append('g')\n      .attr('transform', `translate(${plotLeft},0)`)\n      .call(axisLeft(yScale).tickSize(0).tickPadding(8));\n    yAxis.select('.domain').attr('stroke', FD.axisStroke);\n    yAxis.selectAll('line').attr('stroke', 'none');\n    applyLeftGutterYAxisLabels(yAxis, plotLeft, axisLabels);\n\n    const xAxis = root\n      .append('g')\n      .attr('transform', `translate(0,${plotBottom})`)\n      .call(\n        axisBottom(xScale)\n          .tickValues(xTicks)\n          .tickSize(5)\n          .tickPadding(6)\n          .tickFormat((d) => {\n            const n = Number(d);\n            const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n            return formatCompactNumber(n, decimals);\n          }),\n      );\n    xAxis.select('.domain').attr('stroke', FD.axisStroke);\n    xAxis\n      .selectAll('text')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .attr('text-anchor', 'middle');\n\n    const xTickNodes = xAxis.selectAll<SVGTextElement, number>('text').nodes();\n    if (xTickNodes.length > 0) {\n      select(xTickNodes[0]).attr('text-anchor', 'start');\n      if (xTickNodes.length > 1) {\n        select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n      }\n    }\n  }\n\n  if (xLabel) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":["fdSeriesColor"],"mappings":"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"}

package/dist/components/lollipop/render/index.d.ts

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

package/dist/components/lollipop/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lollipop/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/pie-chart/element/styles.d.ts

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

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

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

package/dist/components/pie-chart/element/styles.js

@@ -0,0 +1,49 @@
+import { css } from "lit";
+const pieChartStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+  .chart-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;
+  }
+  .empty {
+    display: grid;
+    place-items: center;
+    height: 100%;
+    min-height: inherit;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+  }
+`;
+export {
+  pieChartStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/pie-chart/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/pie-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pieChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-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  .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,iBAAiB;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/pie-chart/element/ui9000-pie-chart.d.ts

@@ -0,0 +1,31 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000PieChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    /** Ratio of outer radius (0 = full pie, 0.5 = donut). */
+    innerRadiusRatio: number;
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _tooltip;
+    private _empty;
+    private _legendSlices;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseData;
+    private renderLegend;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-pie-chart': Ui9000PieChart;
+    }
+}
+export declare function registerPieChart(): void;
+//# sourceMappingURL=ui9000-pie-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-pie-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,cAAe,SAAQ,kBAAkB;IACpD,OAAgB,MAAM,4BAAsC;IAG5D,KAAK,EAAE,WAAW,CAAa;IAE/B,yDAAyD;IAEzD,gBAAgB,SAAK;IAGrB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,aAAa,CAAkB;IAEvC,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;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

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

@@ -0,0 +1,175 @@
+import { nothing, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { renderChartLegend } from "../../../element/chart-legend-render.js";
+import { readThemeFromElement } from "../../../context/widget-context.js";
+import { parseJsonAttr, getPieDimensions } from "../../../utils/chart-helpers.js";
+import { swatchLegendEntries } from "../../../utils/chart-legend.js";
+import { formatPiePercent } from "../lib/format.js";
+import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { renderPieChart } from "../render/draw.js";
+import { pieChartStyles } from "./styles.js";
+import { normalizePieData, legendSlicesFromPieOrder } from "../lib/normalize.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 Ui9000PieChart = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.innerRadiusRatio = 0;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._tooltip = null;
+    this._empty = false;
+    this._legendSlices = [];
+    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 normalizePieData(raw);
+  }
+  renderLegend() {
+    if (!this.showLegend || !this._legendSlices.length) return nothing;
+    const theme = readThemeFromElement(this);
+    return renderChartLegend(
+      swatchLegendEntries(
+        this._legendSlices.map((slice) => `${formatPiePercent(slice.percentage)}% - ${slice.label}`),
+        theme,
+        (_label, index) => {
+          var _a;
+          return ((_a = this._legendSlices[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._empty = model.slices.length === 0;
+    if (this._empty) {
+      root.replaceChildren();
+      this._legendSlices = [];
+      return;
+    }
+    readThemeFromElement(this);
+    const { width, height } = getPieDimensions(root);
+    const plotSize = Math.min(width, height);
+    const innerRadius = Math.max(0, Math.min(1, this.innerRadiusRatio)) * (plotSize / 2);
+    renderPieChart(root, {
+      slices: model.slices,
+      width,
+      height,
+      innerRadius,
+      showTooltip: this.showTooltip,
+      onLayout: (orderedKeys) => {
+        this._legendSlices = legendSlicesFromPieOrder(model, orderedKeys);
+      },
+      onHover: this.showTooltip ? ({ slice, event }) => {
+        var _a2, _b, _c, _d, _e, _f;
+        const rect = this.getBoundingClientRect();
+        const xField = model.xField ?? "Category";
+        const yField = model.yField ?? "Value";
+        const xAxeLabel = ((_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[xField]) == null ? void 0 : _b.label) ?? xField;
+        const yAxeLabel = ((_d = (_c = model.axisDetails) == null ? void 0 : _c[yField]) == null ? void 0 : _d.label) ?? yField;
+        const symbol = ((_f = (_e = model.axisDetails) == null ? void 0 : _e[yField]) == null ? void 0 : _f.measure_unit_symbol) ?? "";
+        const valueText = symbol ? `${slice.value.toLocaleString()} ${symbol}`.trim() : slice.value.toLocaleString();
+        this._tooltip = {
+          x: event.clientX - rect.left,
+          y: event.clientY - rect.top,
+          xLabel: `${xAxeLabel}: ${slice.label}`,
+          yLabel: `${yAxeLabel}: ${valueText} (${formatPiePercent(slice.percentage)}%)`
+        };
+      } : void 0,
+      onLeave: this.showTooltip ? () => {
+        this._tooltip = null;
+      } : void 0
+    });
+  }
+  render() {
+    const title = this.headerTitle();
+    return html`
+      <div class="widget-shell" part="shell">
+        ${this.renderShellHeader(title)}
+        <div class="widget-body">
+          ${this.renderLegend()}
+          <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>${this._tooltip.xLabel}</div>
+                <div>${this._tooltip.yLabel}</div>
+              </div>` : nothing}
+          ${this.renderShellLabelTooltip()}
+        </div>
+      </div>
+    `;
+  }
+};
+Ui9000PieChart.styles = [pieChartStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000PieChart.prototype, "scale", 2);
+__decorateClass([
+  property({ type: Number, attribute: "inner-radius-ratio" })
+], Ui9000PieChart.prototype, "innerRadiusRatio", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-legend" })
+], Ui9000PieChart.prototype, "showLegend", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-tooltip" })
+], Ui9000PieChart.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000PieChart.prototype, "_tooltip", 2);
+__decorateClass([
+  state()
+], Ui9000PieChart.prototype, "_empty", 2);
+__decorateClass([
+  state()
+], Ui9000PieChart.prototype, "_legendSlices", 2);
+Ui9000PieChart = __decorateClass([
+  customElement("ui9000-pie-chart")
+], Ui9000PieChart);
+function registerPieChart() {
+  if (!customElements.get("ui9000-pie-chart")) {
+    customElements.define("ui9000-pie-chart", Ui9000PieChart);
+  }
+}
+registerPieChart();
+export {
+  Ui9000PieChart,
+  registerPieChart
+};
+//# sourceMappingURL=ui9000-pie-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-pie-chart.js","sources":["../../../../src/components/pie-chart/element/ui9000-pie-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPieDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { formatPiePercent } from '../lib/format.js';\nimport {\n  legendSlicesFromPieOrder,\n  normalizePieData,\n  type PieChartData,\n  type PieModel,\n  type PieSlice,\n} from '../lib/index.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport { renderPieChart } from '../render/draw.js';\nimport { pieChartStyles } from './styles.js';\n\n@customElement('ui9000-pie-chart')\nexport class Ui9000PieChart extends Ui9000ChartElement {\n  static override styles = [pieChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  /** Ratio of outer radius (0 = full pie, 0.5 = donut). */\n  @property({ type: Number, attribute: 'inner-radius-ratio' })\n  innerRadiusRatio = 0;\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    xLabel: string;\n    yLabel: string;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _legendSlices: PieSlice[] = [];\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(): PieModel {\n    const raw = parseJsonAttr<PieChartData>(this.dataJson, null);\n    return normalizePieData(raw);\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._legendSlices.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        this._legendSlices.map((slice) => `${formatPiePercent(slice.percentage)}% - ${slice.label}`),\n        theme,\n        (_label, index) => this._legendSlices[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._empty = model.slices.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      this._legendSlices = [];\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getPieDimensions(root);\n    const plotSize = Math.min(width, height);\n    const innerRadius = Math.max(0, Math.min(1, this.innerRadiusRatio)) * (plotSize / 2);\n\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromPieOrder(model, orderedKeys);\n      },\n      onHover: this.showTooltip\n        ? ({ slice, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const xAxeLabel = model.axisDetails?.[xField]?.label ?? xField;\n            const yAxeLabel = model.axisDetails?.[yField]?.label ?? yField;\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const valueText = symbol\n              ? `${slice.value.toLocaleString()} ${symbol}`.trim()\n              : slice.value.toLocaleString();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${xAxeLabel}: ${slice.label}`,\n              yLabel: `${yAxeLabel}: ${valueText} (${formatPiePercent(slice.percentage)}%)`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          ${this.renderLegend()}\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div>${this._tooltip.xLabel}</div>\n                <div>${this._tooltip.yLabel}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-pie-chart': Ui9000PieChart;\n  }\n}\n\nexport function registerPieChart(): void {\n  if (!customElements.get('ui9000-pie-chart')) {\n    customElements.define('ui9000-pie-chart', Ui9000PieChart);\n  }\n}\n\nregisterPieChart();\n"],"names":["_a"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export { Ui9000PieChart, registerPieChart } from './element/ui9000-pie-chart.js';
+export { renderPieChart } from './render/draw.js';
+export { normalizePieData, legendSlicesFromPieOrder, formatPieLegendLabel, formatPiePercent, type PieChartData, type PieLabelValue, type PieModel, type PieSlice, } from './lib/index.js';
+export { default as pieChartMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pie-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,gBAAgB,EAChB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,QAAQ,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { registerPieChart } from "./element/ui9000-pie-chart.js";
+import { Ui9000PieChart } from "./element/ui9000-pie-chart.js";
+import { renderPieChart } from "./render/draw.js";
+import { default as default2 } from "./metadata.json.js";
+import { formatPieLegendLabel, formatPiePercent } from "./lib/format.js";
+import { legendSlicesFromPieOrder, normalizePieData } from "./lib/normalize.js";
+export {
+  Ui9000PieChart,
+  formatPieLegendLabel,
+  formatPiePercent,
+  legendSlicesFromPieOrder,
+  normalizePieData,
+  default2 as pieChartMetadata,
+  registerPieChart,
+  renderPieChart
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { PieSlice } from './types.js';
+/** FuseDash `formatNumber(value, 2)` for legend percentages. */
+export declare function formatPiePercent(value: number, digits?: number): string;
+/** FuseDash legend label: `12.34% - January`. */
+export declare function formatPieLegendLabel(slice: PieSlice): string;
+//# sourceMappingURL=format.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/lib/format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,gEAAgE;AAChE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAI,GAAG,MAAM,CAGlE;AAED,iDAAiD;AACjD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAE5D"}

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

@@ -0,0 +1,12 @@
+function formatPiePercent(value, digits = 2) {
+  if (!Number.isFinite(value)) return "0";
+  return value.toFixed(digits);
+}
+function formatPieLegendLabel(slice) {
+  return `${formatPiePercent(slice.percentage)}% - ${slice.label}`;
+}
+export {
+  formatPieLegendLabel,
+  formatPiePercent
+};
+//# sourceMappingURL=format.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/pie-chart/lib/format.ts"],"sourcesContent":["import type { PieSlice } from './types.js';\n\n/** FuseDash `formatNumber(value, 2)` for legend percentages. */\nexport function formatPiePercent(value: number, digits = 2): string {\n  if (!Number.isFinite(value)) return '0';\n  return value.toFixed(digits);\n}\n\n/** FuseDash legend label: `12.34% - January`. */\nexport function formatPieLegendLabel(slice: PieSlice): string {\n  return `${formatPiePercent(slice.percentage)}% - ${slice.label}`;\n}\n"],"names":[],"mappings":"AAGO,SAAS,iBAAiB,OAAe,SAAS,GAAW;AAClE,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,MAAM,QAAQ,MAAM;AAC7B;AAGO,SAAS,qBAAqB,OAAyB;AAC5D,SAAO,GAAG,iBAAiB,MAAM,UAAU,CAAC,OAAO,MAAM,KAAK;AAChE;"}

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

@@ -0,0 +1,4 @@
+export { normalizePieData, legendSlicesFromPieOrder, } from './normalize.js';
+export { formatPieLegendLabel, formatPiePercent } from './format.js';
+export type { PieChartData, PieLabelValue, PieModel, PieSlice, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pie-chart/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACrE,YAAY,EACV,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,MAAM,YAAY,CAAC"}