@c2n/chart 0.0.8 → 0.0.9

package/dist/area-chart.js

@@ -1,5 +1,5 @@
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
-import { r as withAlpha } from "./uplot-paths-BRtF33Wh.js";
+import { r as withAlpha } from "./uplot-paths-D5HCEKRV.js";
 import { LineChart } from "./line-chart.js";
 import { property } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";

package/dist/bar-chart.js

@@ -1,7 +1,7 @@
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import "./chart-series.js";
-import { t as UplotChartBase } from "./uplot-chart-base-CDHzOLwa.js";
-import { t as barPaths } from "./uplot-paths-BRtF33Wh.js";
+import { t as UplotChartBase } from "./uplot-chart-base-CLhgOeM_.js";
+import { t as barPaths } from "./uplot-paths-D5HCEKRV.js";
 import { property } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 //#region src/bar-chart.ts
@@ -17,7 +17,7 @@ var BarChart = class BarChart extends UplotChartBase {
 			stroke: color,
 			fill: color,
 			width: 0,
-			paths: barPaths(this.barWidth, this.barGap, index, context.series.length),
+			paths: barPaths(this.barWidth, this.barGap, index, context.series.length, context.theme.barRadius),
 			points: { show: false }
 		};
 	}

package/dist/candlestick-chart.js

@@ -1,7 +1,7 @@
 import { columnValue } from "./chart-data.js";
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import "./chart-series.js";
-import { t as EchartsChartBase } from "./echarts-chart-base-6JsZbB05.js";
+import { t as EchartsChartBase } from "./echarts-chart-base-CImXMzVk.js";
 import { property } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 //#region src/candlestick-chart.ts

package/dist/{chart-base-BwPwRgHt.js → chart-base-CEZvMKwW.js}

@@ -6,7 +6,7 @@ import { property, query, state } from "lit/decorators.js";
 import { LitElement, html, isServer, nothing, unsafeCSS } from "lit";
 import { jsonPropertyConverter } from "@c2n/core/lit-helper.js";
 //#region src/chart.scss?inline
-var chart_default = "@charset \"UTF-8\";\n/* ex : var((width: 24px), width, c2-checkbox)  returns var(--c2-checkbox-width, 24px) */\n:host {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: var(--c2-chart--width,100%);\n  height: var(--c2-chart--height,320px);\n  /*\n   * The plot is absolutely positioned, so nothing inside the host contributes intrinsic width. As a flex\n   * item — which is what every example frame in the docs site makes it — the host would otherwise shrink\n   * to its legend, and to nothing at all when there is no legend. `min-width: 0` keeps it able to shrink\n   * below its content when a layout genuinely needs that.\n   */\n  min-width: 0;\n  padding: var(--c2-chart--padding,12px);\n  background: var(--c2-chart--background,#ffffff);\n  color: var(--c2-chart--color,#18181b);\n  font-family: var(--c2-chart--font-family,inherit);\n  font-size: var(--c2-chart--font-size,12px);\n  border-top: var(--c2-chart--border-top,1px solid #e4e4e7);\n  border-right: var(--c2-chart--border-right,1px solid #e4e4e7);\n  border-bottom: var(--c2-chart--border-bottom,1px solid #e4e4e7);\n  border-left: var(--c2-chart--border-left,1px solid #e4e4e7);\n  border-top-left-radius: var(--c2-chart--border-top-left-radius,8px);\n  border-top-right-radius: var(--c2-chart--border-top-right-radius,8px);\n  border-bottom-left-radius: var(--c2-chart--border-bottom-left-radius,8px);\n  border-bottom-right-radius: var(--c2-chart--border-bottom-right-radius,8px);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.frame {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/*\n * The plot area is the engine's territory. `contain: strict` plus absolute positioning means the canvas\n * the engine sizes inside it can never feed its own size back into the ResizeObserver watching this box,\n * which is what makes the resize loop structurally impossible rather than merely unlikely.\n */\n.plot-area {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.plot {\n  position: absolute;\n  inset: 0;\n  contain: strict;\n}\n\n.plot canvas {\n  display: block;\n  position: absolute;\n  inset: 0;\n}\n\n.overlay {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.tooltip {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2;\n  pointer-events: none;\n  will-change: transform;\n  display: flex;\n  flex-direction: column;\n  gap: var(--c2-chart__tooltip--gap,6px);\n  padding: var(--c2-chart__tooltip--padding,8px 10px);\n  border-radius: var(--c2-chart__tooltip--border-radius,6px);\n  background: var(--c2-chart__tooltip--background-color,#18181b);\n  color: var(--c2-chart__tooltip--color,#fafafa);\n  font-size: var(--c2-chart__tooltip--font-size,12px);\n  box-shadow: var(--c2-chart__tooltip--box-shadow,0 8px 24px rgba(24, 24, 27, 0.08));\n  white-space: nowrap;\n}\n\n.tooltip[hidden] {\n  display: none;\n}\n\n.tooltip-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tooltip-marker {\n  width: var(--c2-chart__legend-marker--size,10px);\n  height: var(--c2-chart__legend-marker--size,10px);\n  border-radius: var(--c2-chart__legend-marker--border-radius,999px);\n  flex: none;\n}\n\n.tooltip-label {\n  flex: 1 1 auto;\n}\n\n.tooltip-value {\n  font-variant-numeric: tabular-nums;\n  font-weight: 600;\n}\n\n.actions {\n  position: absolute;\n  top: 0;\n  right: 0;\n  pointer-events: auto;\n  display: flex;\n  gap: 4px;\n}\n\n.state {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--c2-chart__state--color,#71717a);\n  font-size: var(--c2-chart__state--font-size,14px);\n  background: var(--c2-chart--background,#ffffff);\n}\n\n.legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--c2-chart__legend--gap,12px);\n  padding: var(--c2-chart__legend--padding,8px 0 0);\n  color: var(--c2-chart__legend--color,#71717a);\n  font-size: var(--c2-chart__legend--font-size,12px);\n}\n\n.legend--start,\n.legend--end {\n  flex-direction: column;\n  align-content: flex-start;\n  flex: 0 0 auto;\n  align-self: center;\n  max-height: 100%;\n  overflow: auto;\n}\n\n/* The legend is on an inline edge, so the frame runs as a row. */\n.frame--side {\n  flex-direction: row;\n  align-items: stretch;\n}\n\n.legend-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0;\n  border: 0;\n  background: none;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n}\n\n.legend-item[aria-pressed=false] {\n  opacity: var(--c2-chart__legend__disabled--opacity,0.38);\n}\n\n.legend-marker {\n  width: var(--c2-chart__legend-marker--size,10px);\n  height: var(--c2-chart__legend-marker--size,10px);\n  border-radius: var(--c2-chart__legend-marker--border-radius,999px);\n  flex: none;\n}\n\n.definitions {\n  display: none;\n}\n\n/*\n * Colour probes. `getComputedStyle().getPropertyValue()` hands back the author's text for a `var()` or\n * `color-mix()` chain, which no canvas engine can parse; the computed `color` of an element always\n * resolves to `rgb(…)`. `display: none` keeps them free.\n */\n.theme-probe {\n  display: none;\n}\n.theme-probe i:nth-child(1) {\n  color: var(--c2-chart__series-1--color,#0265dc);\n}\n.theme-probe i:nth-child(2) {\n  color: var(--c2-chart__series-2--color,#ea580c);\n}\n.theme-probe i:nth-child(3) {\n  color: var(--c2-chart__series-3--color,#0f766e);\n}\n.theme-probe i:nth-child(4) {\n  color: var(--c2-chart__series-4--color,#db2777);\n}\n.theme-probe i:nth-child(5) {\n  color: var(--c2-chart__series-5--color,#a16207);\n}\n.theme-probe i:nth-child(6) {\n  color: var(--c2-chart__series-6--color,#7c3aed);\n}\n.theme-probe i:nth-child(7) {\n  color: var(--c2-chart__series-7--color,#0891b2);\n}\n.theme-probe i:nth-child(8) {\n  color: var(--c2-chart__series-8--color,#52525b);\n}\n.theme-probe i:nth-child(9) {\n  color: var(--c2-chart__axis--color,#71717a);\n}\n.theme-probe i:nth-child(10) {\n  color: var(--c2-chart__grid--color,#e4e4e7);\n}\n.theme-probe i:nth-child(11) {\n  color: var(--c2-chart--color,#18181b);\n}\n.theme-probe i:nth-child(12) {\n  color: var(--c2-chart__muted--color,#71717a);\n}\n.theme-probe i:nth-child(13) {\n  color: var(--c2-chart__tooltip--background-color,#18181b);\n}\n.theme-probe i:nth-child(14) {\n  color: var(--c2-chart__tooltip--color,#fafafa);\n}\n.theme-probe i:nth-child(15) {\n  color: var(--c2-chart__crosshair--color,#a1a1aa);\n}\n.theme-probe i:nth-child(16) {\n  color: var(--c2-chart__positive--color,#16a34a);\n}\n.theme-probe i:nth-child(17) {\n  color: var(--c2-chart__negative--color,#dc2626);\n}\n.theme-probe i:nth-child(18) {\n  color: var(--c2-chart__surface--color,#ffffff);\n}\n\n/*\n * uPlot's structural CSS, hand-ported.\n *\n * `uplot/dist/uPlot.min.css` is a global stylesheet and a shadow root cannot see it, so the rules the\n * engine's DOM depends on live here instead. Only the structural half is kept: the legend and title rules\n * are dropped because this component renders its own. Version-coupled to the `uplot` peer range — re-check\n * after an upgrade.\n */\n.uplot,\n.uplot *,\n.uplot *::before,\n.uplot *::after {\n  box-sizing: border-box;\n}\n\n.uplot {\n  font-family: var(--c2-chart--font-family,inherit);\n  line-height: 1.5;\n  width: min-content;\n}\n\n.u-wrap {\n  position: relative;\n  user-select: none;\n}\n\n.u-over,\n.u-under {\n  position: absolute;\n}\n\n.u-under {\n  overflow: hidden;\n}\n\n.uplot canvas {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.u-axis {\n  position: absolute;\n}\n\n.u-select {\n  position: absolute;\n  pointer-events: none;\n  background: rgba(0, 0, 0, 0.07);\n}\n\n.u-cursor-x,\n.u-cursor-y {\n  position: absolute;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  will-change: transform;\n}\n\n.u-hz .u-cursor-x,\n.u-vt .u-cursor-y {\n  height: 100%;\n  border-right: var(--c2-chart__crosshair--width,1px) dashed var(--c2-chart__crosshair--color,#a1a1aa);\n}\n\n.u-hz .u-cursor-y,\n.u-vt .u-cursor-x {\n  width: 100%;\n  border-bottom: var(--c2-chart__crosshair--width,1px) dashed var(--c2-chart__crosshair--color,#a1a1aa);\n}\n\n.u-cursor-pt {\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 50%;\n  border: 0 solid;\n  pointer-events: none;\n  will-change: transform;\n  /* Must stay !important: uPlot sets the `background` shorthand inline. */\n  background-clip: padding-box !important;\n}\n\n.u-axis.u-off,\n.u-select.u-off,\n.u-cursor-x.u-off,\n.u-cursor-y.u-off,\n.u-cursor-pt.u-off {\n  display: none;\n}";
+var chart_default = "@charset \"UTF-8\";\n/* ex : var((width: 24px), width, c2-checkbox)  returns var(--c2-checkbox-width, 24px) */\n:host {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: var(--c2-chart--width,100%);\n  height: var(--c2-chart--height,320px);\n  /*\n   * The plot is absolutely positioned, so nothing inside the host contributes intrinsic width. As a flex\n   * item — which is what every example frame in the docs site makes it — the host would otherwise shrink\n   * to its legend, and to nothing at all when there is no legend. `min-width: 0` keeps it able to shrink\n   * below its content when a layout genuinely needs that.\n   */\n  min-width: 0;\n  padding: var(--c2-chart--padding,12px);\n  background: var(--c2-chart--background,#ffffff);\n  color: var(--c2-chart--color,#18181b);\n  font-family: var(--c2-chart--font-family,inherit);\n  font-size: var(--c2-chart--font-size,12px);\n  border-top: var(--c2-chart--border-top,1px solid #e4e4e7);\n  border-right: var(--c2-chart--border-right,1px solid #e4e4e7);\n  border-bottom: var(--c2-chart--border-bottom,1px solid #e4e4e7);\n  border-left: var(--c2-chart--border-left,1px solid #e4e4e7);\n  border-top-left-radius: var(--c2-chart--border-top-left-radius,8px);\n  border-top-right-radius: var(--c2-chart--border-top-right-radius,8px);\n  border-bottom-left-radius: var(--c2-chart--border-bottom-left-radius,8px);\n  border-bottom-right-radius: var(--c2-chart--border-bottom-right-radius,8px);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.frame {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/*\n * The plot area is the engine's territory. `contain: strict` plus absolute positioning means the canvas\n * the engine sizes inside it can never feed its own size back into the ResizeObserver watching this box,\n * which is what makes the resize loop structurally impossible rather than merely unlikely.\n */\n.plot-area {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.plot {\n  position: absolute;\n  inset: 0;\n  contain: strict;\n}\n\n/* uPlot has no entry animation. Reveal its already-rendered canvas once, when the adapter becomes ready. */\n:host([data-chart-engine=uplot][animation=auto]) .plot .u-under {\n  animation: c2-chart-plot-reveal 500ms cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n\n/* Bars enter from their baseline instead of using the line/area chart's horizontal reveal. */\n:host(c2-bar-chart[data-chart-engine=uplot][animation=auto]) .plot .u-under {\n  animation-name: c2-chart-bar-grow;\n  animation-duration: 600ms;\n}\n\n@keyframes c2-chart-plot-reveal {\n  from {\n    clip-path: inset(0 100% 0 0);\n    opacity: 0.65;\n  }\n  to {\n    clip-path: inset(0);\n    opacity: 1;\n  }\n}\n@keyframes c2-chart-bar-grow {\n  from {\n    clip-path: inset(100% 0 0);\n    opacity: 0.65;\n  }\n  to {\n    clip-path: inset(0);\n    opacity: 1;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  :host([data-chart-engine=uplot][animation=auto]) .plot .u-under,\n  :host(c2-bar-chart[data-chart-engine=uplot][animation=auto]) .plot .u-under {\n    animation: none;\n  }\n}\n.plot canvas {\n  display: block;\n  position: absolute;\n  inset: 0;\n}\n\n.overlay {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.tooltip {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2;\n  pointer-events: none;\n  will-change: transform;\n  display: flex;\n  flex-direction: column;\n  gap: var(--c2-chart__tooltip--gap,6px);\n  padding: var(--c2-chart__tooltip--padding,8px 10px);\n  border-radius: var(--c2-chart__tooltip--border-radius,6px);\n  background: var(--c2-chart__tooltip--background-color,#18181b);\n  color: var(--c2-chart__tooltip--color,#fafafa);\n  font-size: var(--c2-chart__tooltip--font-size,12px);\n  box-shadow: var(--c2-chart__tooltip--box-shadow,0 8px 24px rgba(24, 24, 27, 0.08));\n  white-space: nowrap;\n}\n\n.tooltip[hidden] {\n  display: none;\n}\n\n.tooltip-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.tooltip-marker {\n  width: var(--c2-chart__legend-marker--size,10px);\n  height: var(--c2-chart__legend-marker--size,10px);\n  border-radius: var(--c2-chart__legend-marker--border-radius,999px);\n  flex: none;\n}\n\n.tooltip-label {\n  flex: 1 1 auto;\n}\n\n.tooltip-value {\n  font-variant-numeric: tabular-nums;\n  font-weight: 600;\n}\n\n.actions {\n  position: absolute;\n  top: 0;\n  right: 0;\n  pointer-events: auto;\n  display: flex;\n  gap: 4px;\n}\n\n.state {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--c2-chart__state--color,#71717a);\n  font-size: var(--c2-chart__state--font-size,14px);\n  background: var(--c2-chart--background,#ffffff);\n}\n\n.legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--c2-chart__legend--gap,12px);\n  padding: var(--c2-chart__legend--padding,8px 0 0);\n  color: var(--c2-chart__legend--color,#71717a);\n  font-size: var(--c2-chart__legend--font-size,12px);\n}\n\n.legend--start,\n.legend--end {\n  flex-direction: column;\n  align-content: flex-start;\n  flex: 0 0 auto;\n  align-self: center;\n  max-height: 100%;\n  overflow: auto;\n}\n\n/* The legend is on an inline edge, so the frame runs as a row. */\n.frame--side {\n  flex-direction: row;\n  align-items: stretch;\n}\n\n.legend-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0;\n  border: 0;\n  background: none;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n}\n\n.legend-item[aria-pressed=false] {\n  opacity: var(--c2-chart__legend__disabled--opacity,0.38);\n}\n\n.legend-marker {\n  width: var(--c2-chart__legend-marker--size,10px);\n  height: var(--c2-chart__legend-marker--size,10px);\n  border-radius: var(--c2-chart__legend-marker--border-radius,999px);\n  flex: none;\n}\n\n.definitions {\n  display: none;\n}\n\n/*\n * Colour probes. `getComputedStyle().getPropertyValue()` hands back the author's text for a `var()` or\n * `color-mix()` chain, which no canvas engine can parse; the computed `color` of an element always\n * resolves to `rgb(…)`. `display: none` keeps them free.\n */\n.theme-probe {\n  display: none;\n}\n.theme-probe i:nth-child(1) {\n  color: var(--c2-chart__series-1--color,#0265dc);\n}\n.theme-probe i:nth-child(2) {\n  color: var(--c2-chart__series-2--color,#ea580c);\n}\n.theme-probe i:nth-child(3) {\n  color: var(--c2-chart__series-3--color,#0f766e);\n}\n.theme-probe i:nth-child(4) {\n  color: var(--c2-chart__series-4--color,#db2777);\n}\n.theme-probe i:nth-child(5) {\n  color: var(--c2-chart__series-5--color,#a16207);\n}\n.theme-probe i:nth-child(6) {\n  color: var(--c2-chart__series-6--color,#7c3aed);\n}\n.theme-probe i:nth-child(7) {\n  color: var(--c2-chart__series-7--color,#0891b2);\n}\n.theme-probe i:nth-child(8) {\n  color: var(--c2-chart__series-8--color,#52525b);\n}\n.theme-probe i:nth-child(9) {\n  color: var(--c2-chart__axis--color,#71717a);\n}\n.theme-probe i:nth-child(10) {\n  color: var(--c2-chart__grid--color,#e4e4e7);\n}\n.theme-probe i:nth-child(11) {\n  color: var(--c2-chart--color,#18181b);\n}\n.theme-probe i:nth-child(12) {\n  color: var(--c2-chart__muted--color,#71717a);\n}\n.theme-probe i:nth-child(13) {\n  color: var(--c2-chart__tooltip--background-color,#18181b);\n}\n.theme-probe i:nth-child(14) {\n  color: var(--c2-chart__tooltip--color,#fafafa);\n}\n.theme-probe i:nth-child(15) {\n  color: var(--c2-chart__crosshair--color,#a1a1aa);\n}\n.theme-probe i:nth-child(16) {\n  color: var(--c2-chart__positive--color,#16a34a);\n}\n.theme-probe i:nth-child(17) {\n  color: var(--c2-chart__negative--color,#dc2626);\n}\n.theme-probe i:nth-child(18) {\n  color: var(--c2-chart__surface--color,#ffffff);\n}\n\n/*\n * uPlot's structural CSS, hand-ported.\n *\n * `uplot/dist/uPlot.min.css` is a global stylesheet and a shadow root cannot see it, so the rules the\n * engine's DOM depends on live here instead. Only the structural half is kept: the legend and title rules\n * are dropped because this component renders its own. Version-coupled to the `uplot` peer range — re-check\n * after an upgrade.\n */\n.uplot,\n.uplot *,\n.uplot *::before,\n.uplot *::after {\n  box-sizing: border-box;\n}\n\n.uplot {\n  font-family: var(--c2-chart--font-family,inherit);\n  line-height: 1.5;\n  width: min-content;\n}\n\n.u-wrap {\n  position: relative;\n  user-select: none;\n}\n\n.u-over,\n.u-under {\n  position: absolute;\n}\n\n.u-under {\n  overflow: hidden;\n}\n\n.uplot canvas {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.u-axis {\n  position: absolute;\n}\n\n.u-select {\n  position: absolute;\n  pointer-events: none;\n  background: rgba(0, 0, 0, 0.07);\n}\n\n.u-cursor-x,\n.u-cursor-y {\n  position: absolute;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  will-change: transform;\n}\n\n.u-hz .u-cursor-x,\n.u-vt .u-cursor-y {\n  height: 100%;\n  border-right: var(--c2-chart__crosshair--width,1px) dashed var(--c2-chart__crosshair--color,#a1a1aa);\n}\n\n.u-hz .u-cursor-y,\n.u-vt .u-cursor-x {\n  width: 100%;\n  border-bottom: var(--c2-chart__crosshair--width,1px) dashed var(--c2-chart__crosshair--color,#a1a1aa);\n}\n\n.u-cursor-pt {\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 50%;\n  border: 0 solid;\n  pointer-events: none;\n  will-change: transform;\n  /* Must stay !important: uPlot sets the `background` shorthand inline. */\n  background-clip: padding-box !important;\n}\n\n.u-axis.u-off,\n.u-select.u-off,\n.u-cursor-x.u-off,\n.u-cursor-y.u-off,\n.u-cursor-pt.u-off {\n  display: none;\n}";
 //#endregion
 //#region src/chart-base.ts
 /** Properties that only ever move data. A change limited to these takes the fast path. */
@@ -117,6 +117,7 @@ var RESIZE_EPSILON = 1;
 * @cssproperty {pixel} [--c2-chart__line--width=2px] - Stroke width of a line series.
 * @cssproperty {pixel} [--c2-chart__point--radius=2.5px] - Radius of a data point marker.
 * @cssproperty {opacity} [--c2-chart__area--opacity=0.15] - Opacity of the fill under an area series.
+* @cssproperty {number} [--c2-chart__bar--border-radius=0] - Roundedness of a bar's value end, from 0 (square) to 0.5 (fully rounded).
 *
 * @cssproperty {color} [--c2-chart__axis--color=#71717a] - Colour of the axis lines and tick labels.
 * @cssproperty {font-size} [--c2-chart__axis--font-size=12px] - Font size of the tick labels.
@@ -158,7 +159,7 @@ var ChartBase = class extends LitElement {
 		this.xType = "linear";
 		this.legend = "bottom";
 		this.tooltip = "axis";
-		this.animation = "none";
+		this.animation = "auto";
 		this.loading = false;
 		this.error = "";
 		this.emptyMessage = "No data";
@@ -231,6 +232,14 @@ var ChartBase = class extends LitElement {
 			this.#intersectionObserver.observe(this);
 		} else this.#visible = true;
 	}
+	/**
+	* Client-rendered charts connect before Lit creates their plot node. Observe it after the first render as
+	* well, so a chart whose initial layout is zero-sized still draws when its container becomes measurable.
+	*/
+	firstUpdated() {
+		if (this.plotElement) this.#resizeObserver?.observe(this.plotElement);
+		this.themeController.invalidate();
+	}
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		this.removeEventListener(SERIES_CHANGE_EVENT, this.#handleSeriesChange);
@@ -240,6 +249,7 @@ var ChartBase = class extends LitElement {
 		this.#unsubscribe = void 0;
 		this.adapter?.destroy();
 		this.adapter = void 0;
+		this.removeAttribute("data-chart-engine");
 		this.removeAttribute("data-chart-ready");
 	}
 	/**
@@ -454,6 +464,7 @@ var ChartBase = class extends LitElement {
 			this.#optionsDirty = false;
 			this.#dataDirty = false;
 			this.restoreVisibility(adapter);
+			this.setAttribute("data-chart-engine", this.engineName);
 			this.setAttribute("data-chart-ready", "true");
 			this.dispatchEvent(new CustomEvent("chart-ready", { detail: { engine: this.engineName } }));
 		} catch (error) {
@@ -714,7 +725,10 @@ __decorate([property({
 })], ChartBase.prototype, "xType", void 0);
 __decorate([property({ type: String })], ChartBase.prototype, "legend", void 0);
 __decorate([property({ type: String })], ChartBase.prototype, "tooltip", void 0);
-__decorate([property({ type: String })], ChartBase.prototype, "animation", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], ChartBase.prototype, "animation", void 0);
 __decorate([property({ type: String })], ChartBase.prototype, "locale", void 0);
 __decorate([property({
 	type: Boolean,

package/dist/chart-base.js

@@ -1,2 +1,2 @@
-import { t as ChartBase } from "./chart-base-BwPwRgHt.js";
+import { t as ChartBase } from "./chart-base-CEZvMKwW.js";
 export { ChartBase };

package/dist/chart-theme.js

@@ -61,7 +61,8 @@ var FALLBACK = {
 	fontFamily: "inherit",
 	fontSize: 12,
 	lineWidth: 2,
-	pointRadius: 2.5
+	pointRadius: 2.5,
+	barRadius: 0
 };
 /**
 * Resolves and caches the host's chart theme, and invalidates it whenever the page's colour scheme moves.
@@ -143,7 +144,8 @@ var ChartThemeController = class {
 			fontFamily: style.getPropertyValue("--c2-chart--font-family").trim() || FALLBACK.fontFamily,
 			fontSize: scalar("--c2-chart--font-size", FALLBACK.fontSize),
 			lineWidth: scalar("--c2-chart__line--width", FALLBACK.lineWidth),
-			pointRadius: scalar("--c2-chart__point--radius", FALLBACK.pointRadius)
+			pointRadius: scalar("--c2-chart__point--radius", FALLBACK.pointRadius),
+			barRadius: Math.min(.5, Math.max(0, scalar("--c2-chart__bar--border-radius", FALLBACK.barRadius)))
 		};
 	}
 };

package/dist/chart.js

@@ -1,18 +1,19 @@
-import { t as ChartBase } from "./chart-base-BwPwRgHt.js";
+import { t as ChartBase } from "./chart-base-CEZvMKwW.js";
 import { isChartFrame } from "./chart-types.js";
 import { ChartFrameBuilder, columnValue } from "./chart-data.js";
 import { ChartThemeController, PALETTE_SIZE, PROBE_COLORS } from "./chart-theme.js";
 import { ChartSeries, SERIES_CHANGE_EVENT } from "./chart-series.js";
-import { t as UplotChartBase } from "./uplot-chart-base-CDHzOLwa.js";
+import { t as UplotChartBase } from "./uplot-chart-base-CLhgOeM_.js";
 import { LineChart } from "./line-chart.js";
 import { AreaChart } from "./area-chart.js";
 import { BarChart } from "./bar-chart.js";
 import { Sparkline } from "./sparkline.js";
-import { t as EchartsChartBase } from "./echarts-chart-base-6JsZbB05.js";
+import { t as EchartsChartBase } from "./echarts-chart-base-CImXMzVk.js";
 import { PieChart } from "./pie-chart.js";
 import { GaugeChart } from "./gauge-chart.js";
+import { RadarChart } from "./radar-chart.js";
 import { ScatterChart } from "./scatter-chart.js";
 import { CandlestickChart } from "./candlestick-chart.js";
 import { t as ChartLegend } from "./chart-legend-DJE3HO7C.js";
 import { t as ChartTooltip } from "./chart-tooltip-J-oC2DKZ.js";
-export { AreaChart, BarChart, CandlestickChart, ChartBase, ChartFrameBuilder, ChartLegend, ChartSeries, ChartThemeController, ChartTooltip, EchartsChartBase, GaugeChart, LineChart, PALETTE_SIZE, PROBE_COLORS, PieChart, SERIES_CHANGE_EVENT, ScatterChart, Sparkline, UplotChartBase, columnValue, isChartFrame };
+export { AreaChart, BarChart, CandlestickChart, ChartBase, ChartFrameBuilder, ChartLegend, ChartSeries, ChartThemeController, ChartTooltip, EchartsChartBase, GaugeChart, LineChart, PALETTE_SIZE, PROBE_COLORS, PieChart, RadarChart, SERIES_CHANGE_EVENT, ScatterChart, Sparkline, UplotChartBase, columnValue, isChartFrame };

package/dist/{echarts-chart-base-6JsZbB05.js → echarts-chart-base-CImXMzVk.js}

@@ -1,10 +1,11 @@
-import { t as ChartBase } from "./chart-base-BwPwRgHt.js";
+import { t as ChartBase } from "./chart-base-CEZvMKwW.js";
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { property } from "lit/decorators.js";
 //#region src/engines/echarts-loader.ts
 var LOADERS = {
 	pie: () => import("echarts/charts").then((m) => [m.PieChart]),
 	gauge: () => import("echarts/charts").then((m) => [m.GaugeChart]),
+	radar: () => import("echarts/charts").then((m) => [m.RadarChart]),
 	scatter: () => import("echarts/charts").then((m) => [m.ScatterChart]),
 	candlestick: () => import("echarts/charts").then((m) => [m.CandlestickChart]),
 	bar: () => import("echarts/charts").then((m) => [m.BarChart]),
@@ -204,8 +205,12 @@ var EchartsChartBase = class extends ChartBase {
 	}
 	buildOptions(context) {
 		const { theme, series } = context;
+		const animate = this.animation === "auto" && !globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 		return {
-			animation: this.animation === "auto",
+			animation: animate,
+			animationDuration: animate ? 500 : 0,
+			animationDurationUpdate: 0,
+			animationEasing: "cubicOut",
 			color: theme.palette,
 			textStyle: {
 				fontFamily: theme.fontFamily === "inherit" ? void 0 : theme.fontFamily,

package/dist/echarts-chart-base.js

@@ -1,2 +1,2 @@
-import { t as EchartsChartBase } from "./echarts-chart-base-6JsZbB05.js";
+import { t as EchartsChartBase } from "./echarts-chart-base-CImXMzVk.js";
 export { EchartsChartBase };

package/dist/gauge-chart.js

@@ -1,6 +1,6 @@
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import "./chart-series.js";
-import { t as EchartsChartBase } from "./echarts-chart-base-6JsZbB05.js";
+import { t as EchartsChartBase } from "./echarts-chart-base-CImXMzVk.js";
 import { property } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 //#region src/gauge-chart.ts
@@ -17,6 +17,7 @@ var GaugeChart = class GaugeChart extends EchartsChartBase {
 		this.valueSuffix = "";
 		this.progress = "show";
 		this.pointer = "show";
+		this.marks = "show";
 		this.tooltip = "item";
 		this.legend = "none";
 	}
@@ -55,8 +56,14 @@ var GaugeChart = class GaugeChart extends EchartsChartBase {
 				width: 12,
 				color: [[1, context.theme.gridColor]]
 			} },
-			axisTick: { lineStyle: { color: context.theme.axisColor } },
-			splitLine: { lineStyle: { color: context.theme.axisColor } },
+			axisTick: {
+				show: this.marks === "show",
+				lineStyle: { color: context.theme.axisColor }
+			},
+			splitLine: {
+				show: this.marks === "show",
+				lineStyle: { color: context.theme.axisColor }
+			},
 			axisLabel: {
 				color: context.theme.axisColor,
 				fontSize: context.theme.fontSize,
@@ -65,13 +72,13 @@ var GaugeChart = class GaugeChart extends EchartsChartBase {
 			title: {
 				color: context.theme.mutedColor,
 				fontSize: context.theme.fontSize,
-				offsetCenter: [0, "43%"]
+				offsetCenter: [0, "25%"]
 			},
 			detail: {
 				color: context.theme.color,
 				fontSize: Math.max(20, context.theme.fontSize * 1.8),
 				fontWeight: 650,
-				offsetCenter: [0, "67%"],
+				offsetCenter: [0, "-3%"],
 				formatter: formatValue
 			}
 		};
@@ -98,6 +105,7 @@ __decorate([property({
 })], GaugeChart.prototype, "valueSuffix", void 0);
 __decorate([property({ type: String })], GaugeChart.prototype, "progress", void 0);
 __decorate([property({ type: String })], GaugeChart.prototype, "pointer", void 0);
+__decorate([property({ type: String })], GaugeChart.prototype, "marks", void 0);
 GaugeChart = __decorate([customElement("c2-gauge-chart")], GaugeChart);
 //#endregion
 export { GaugeChart };

package/dist/line-chart.js

@@ -1,7 +1,7 @@
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import "./chart-series.js";
-import { t as UplotChartBase } from "./uplot-chart-base-CDHzOLwa.js";
-import { n as linePaths } from "./uplot-paths-BRtF33Wh.js";
+import { t as UplotChartBase } from "./uplot-chart-base-CLhgOeM_.js";
+import { n as linePaths } from "./uplot-paths-D5HCEKRV.js";
 import { property } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 //#region src/line-chart.ts

package/dist/pie-chart.js

@@ -1,6 +1,6 @@
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import "./chart-series.js";
-import { t as EchartsChartBase } from "./echarts-chart-base-6JsZbB05.js";
+import { t as EchartsChartBase } from "./echarts-chart-base-CImXMzVk.js";
 import { property, state } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 //#region src/pie-chart.ts
@@ -12,6 +12,7 @@ var PieChart = class PieChart extends EchartsChartBase {
 		this.outerRadius = .75;
 		this.startAngle = 90;
 		this.labels = "none";
+		this.labelContent = "name";
 		this.sort = "none";
 		this.hiddenSlices = /* @__PURE__ */ new Set();
 		this.tooltip = "item";
@@ -68,13 +69,22 @@ var PieChart = class PieChart extends EchartsChartBase {
 				show: this.labels !== "none",
 				position: this.labels === "inside" ? "inside" : "outside",
 				color: this.labels === "inside" ? theme.surface : theme.color,
-				fontSize: theme.fontSize
+				fontSize: theme.fontSize,
+				formatter: this.labelFormatter()
 			},
 			labelLine: { show: this.labels === "outside" },
 			itemStyle: sliceBorder(this, theme.surface),
 			sort: this.sort === "none" ? void 0 : this.sort === "asc" ? "ascending" : "descending"
 		};
 	}
+	labelFormatter() {
+		switch (this.labelContent) {
+			case "value": return "{c}";
+			case "percent": return "{d}%";
+			case "name-percent": return "{b} · {d}%";
+			default: return "{b}";
+		}
+	}
 };
 __decorate([property({
 	type: Number,
@@ -89,6 +99,10 @@ __decorate([property({
 	attribute: "start-angle"
 })], PieChart.prototype, "startAngle", void 0);
 __decorate([property({ type: String })], PieChart.prototype, "labels", void 0);
+__decorate([property({
+	type: String,
+	attribute: "label-content"
+})], PieChart.prototype, "labelContent", void 0);
 __decorate([property({ type: String })], PieChart.prototype, "sort", void 0);
 __decorate([state()], PieChart.prototype, "hiddenSlices", void 0);
 PieChart = __decorate([customElement("c2-pie-chart")], PieChart);

package/dist/radar-chart.js

@@ -0,0 +1,109 @@
+import { columnValue } from "./chart-data.js";
+import { t as __decorate } from "./decorate-BkO8ArQg.js";
+import "./chart-series.js";
+import { t as EchartsChartBase } from "./echarts-chart-base-CImXMzVk.js";
+import { property } from "lit/decorators.js";
+import { customElement } from "@c2n/core/element-helper.js";
+//#region src/radar-chart.ts
+var RadarChart = class RadarChart extends EchartsChartBase {
+	constructor() {
+		super();
+		this.features = ["radar"];
+		this.min = 0;
+		this.shape = "polygon";
+		this.startAngle = 90;
+		this.splitNumber = 5;
+		this.points = "show";
+		this.xType = "category";
+		this.tooltip = "item";
+	}
+	coordinateSystem(context) {
+		const { theme } = context;
+		return { radar: {
+			indicator: this.indicators(),
+			shape: this.shape,
+			startAngle: this.startAngle,
+			splitNumber: Math.max(1, Math.trunc(this.splitNumber)),
+			radius: "68%",
+			axisName: {
+				color: theme.axisColor,
+				fontSize: theme.fontSize
+			},
+			axisLine: { lineStyle: { color: theme.gridColor } },
+			splitLine: { lineStyle: { color: theme.gridColor } },
+			splitArea: { show: false }
+		} };
+	}
+	seriesOption(index, context) {
+		const series = context.series[index] ?? { field: "" };
+		const color = this.colorOf(series, index, context.theme);
+		return {
+			type: "radar",
+			symbol: this.points === "show" ? "circle" : "none",
+			symbolSize: context.theme.pointRadius * 2,
+			lineStyle: {
+				color,
+				width: series.lineWidth ?? context.theme.lineWidth
+			},
+			itemStyle: { color },
+			areaStyle: {
+				color,
+				opacity: this.fillOpacity ?? this.areaOpacity()
+			}
+		};
+	}
+	projectData(frame, context) {
+		return context.series.map((series, seriesIndex) => {
+			const column = frame.columns[seriesIndex];
+			const values = new Array(frame.length);
+			for (let index = 0; index < frame.length; index += 1) values[index] = column ? columnValue(column, index) : null;
+			return [{
+				name: series.label ?? series.field,
+				value: values
+			}];
+		});
+	}
+	indicators() {
+		const frame = this.frame;
+		if (!frame) return [];
+		return Array.from({ length: frame.length }, (_, indicatorIndex) => ({
+			name: frame.labels?.[indicatorIndex] ?? String(indicatorIndex + 1),
+			min: this.min,
+			max: this.max ?? this.indicatorMax(frame, indicatorIndex)
+		}));
+	}
+	indicatorMax(frame, indicatorIndex) {
+		let largest = this.min;
+		for (const column of frame.columns) {
+			const value = columnValue(column, indicatorIndex);
+			if (value !== null) largest = Math.max(largest, value);
+		}
+		if (largest <= this.min) return this.min + 1;
+		const padded = largest + (largest - this.min) * .1;
+		const magnitude = 10 ** Math.floor(Math.log10(Math.abs(padded)));
+		return Math.ceil(padded / magnitude) * magnitude;
+	}
+	areaOpacity() {
+		const raw = parseFloat(getComputedStyle(this).getPropertyValue("--c2-chart__area--opacity"));
+		return Number.isFinite(raw) ? raw : .15;
+	}
+};
+__decorate([property({ type: Number })], RadarChart.prototype, "min", void 0);
+__decorate([property({ type: Number })], RadarChart.prototype, "max", void 0);
+__decorate([property({ type: String })], RadarChart.prototype, "shape", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "start-angle"
+})], RadarChart.prototype, "startAngle", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "split-number"
+})], RadarChart.prototype, "splitNumber", void 0);
+__decorate([property({ type: String })], RadarChart.prototype, "points", void 0);
+__decorate([property({
+	type: Number,
+	attribute: "fill-opacity"
+})], RadarChart.prototype, "fillOpacity", void 0);
+RadarChart = __decorate([customElement("c2-radar-chart")], RadarChart);
+//#endregion
+export { RadarChart };

package/dist/scatter-chart.js

@@ -1,6 +1,6 @@
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import "./chart-series.js";
-import { t as EchartsChartBase } from "./echarts-chart-base-6JsZbB05.js";
+import { t as EchartsChartBase } from "./echarts-chart-base-CImXMzVk.js";
 import { property } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 //#region src/scatter-chart.ts

package/dist/sparkline.js

@@ -1,7 +1,7 @@
-import { n as chart_default } from "./chart-base-BwPwRgHt.js";
+import { n as chart_default } from "./chart-base-CEZvMKwW.js";
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
-import { t as UplotChartBase } from "./uplot-chart-base-CDHzOLwa.js";
-import { n as linePaths, r as withAlpha } from "./uplot-paths-BRtF33Wh.js";
+import { t as UplotChartBase } from "./uplot-chart-base-CLhgOeM_.js";
+import { n as linePaths, r as withAlpha } from "./uplot-paths-D5HCEKRV.js";
 import { property } from "lit/decorators.js";
 import { customElement } from "@c2n/core/element-helper.js";
 import { css, unsafeCSS } from "lit";

package/dist/{uplot-chart-base-CDHzOLwa.js → uplot-chart-base-CLhgOeM_.js}

@@ -1,4 +1,4 @@
-import { t as ChartBase } from "./chart-base-BwPwRgHt.js";
+import { t as ChartBase } from "./chart-base-CEZvMKwW.js";
 import { t as __decorate } from "./decorate-BkO8ArQg.js";
 import { property } from "lit/decorators.js";
 //#region src/engines/uplot-loader.ts

package/dist/uplot-chart-base.js

@@ -1,2 +1,2 @@
-import { t as UplotChartBase } from "./uplot-chart-base-CDHzOLwa.js";
+import { t as UplotChartBase } from "./uplot-chart-base-CLhgOeM_.js";
 export { UplotChartBase };

package/dist/{uplot-paths-BRtF33Wh.js → uplot-paths-D5HCEKRV.js}

@@ -1,4 +1,4 @@
-import { n as loadedUplot } from "./uplot-chart-base-CDHzOLwa.js";
+import { n as loadedUplot } from "./uplot-chart-base-CLhgOeM_.js";
 //#region src/engines/uplot-paths.ts
 var cache = /* @__PURE__ */ new Map();
 /**
@@ -45,8 +45,8 @@ var SCALE_VALUE = 1;
 * Grouping is therefore ours to do: `disp` gives uPlot an explicit left edge and width per bar — in data
 * units, which is what it reads when no `unit` is set — placing each series in its own slot of the band.
 */
-function barPaths(width, gap, index, count) {
-	const key = `${width}:${gap}:${index}:${count}`;
+function barPaths(width, gap, index, count, radius = 0) {
+	const key = `${width}:${gap}:${index}:${count}:${radius}`;
 	if (barCache.has(key)) return barCache.get(key);
 	const paths = loadedUplot()?.paths;
 	if (!paths) return void 0;
@@ -55,8 +55,10 @@ function barPaths(width, gap, index, count) {
 		Infinity,
 		1
 	];
+	const roundedEnd = [radius, 0];
 	const builder = count > 1 ? paths.bars?.({
 		size,
+		radius: roundedEnd,
 		disp: {
 			x0: {
 				unit: SCALE_VALUE,
@@ -67,7 +69,10 @@ function barPaths(width, gap, index, count) {
 				values: (self) => [layout(self, width, gap, count).barWidth]
 			}
 		}
-	}) : paths.bars?.({ size });
+	}) : paths.bars?.({
+		size,
+		radius: roundedEnd
+	});
 	barCache.set(key, builder);
 	return builder;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c2n/chart",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "type": "module",
   "main": "dist/chart.js",
   "exports": {
@@ -32,6 +32,10 @@
       "types": "./types/src/gauge-chart.d.ts",
       "default": "./dist/gauge-chart.js"
     },
+    "./radar-chart.js": {
+      "types": "./types/src/radar-chart.d.ts",
+      "default": "./dist/radar-chart.js"
+    },
     "./scatter-chart.js": {
       "types": "./types/src/scatter-chart.d.ts",
       "default": "./dist/scatter-chart.js"
@@ -105,6 +109,7 @@
     "data visualization",
     "line chart",
     "gauge chart",
+    "radar chart",
     "scatter plot",
     "candlestick chart",
     "sparkline",
@@ -144,7 +149,7 @@
     }
   },
   "dependencies": {
-    "@c2n/core": "0.0.8",
+    "@c2n/core": "0.0.9",
     "lit": "3.3.3"
   },
   "devDependencies": {
@@ -165,5 +170,5 @@
       "optional": true
     }
   },
-  "gitHead": "be59cbccee1d33ca248e39f69b05c0b595ec6c6d"
+  "gitHead": "e4768cce5e0fbd5bc3165cd493a1e8d57cf0fff4"
 }

package/react.d.ts

@@ -17,6 +17,7 @@ import type { ChartTooltip } from '@c2n/chart/chart-tooltip.js'
 import type { GaugeChart } from '@c2n/chart/gauge-chart.js'
 import type { LineChart } from '@c2n/chart/line-chart.js'
 import type { PieChart } from '@c2n/chart/pie-chart.js'
+import type { RadarChart } from '@c2n/chart/radar-chart.js'
 import type { ScatterChart } from '@c2n/chart/scatter-chart.js'
 import type { Sparkline } from '@c2n/chart/sparkline.js'
 
@@ -35,6 +36,7 @@ declare module 'react' {
       'c2-gauge-chart': C2Props<GaugeChart>
       'c2-line-chart': C2Props<LineChart>
       'c2-pie-chart': C2Props<PieChart>
+      'c2-radar-chart': C2Props<RadarChart>
       'c2-scatter-chart': C2Props<ScatterChart>
       'c2-sparkline': C2Props<Sparkline>
     }

package/types/src/chart-base.d.ts

@@ -111,6 +111,7 @@ export interface ChartBase {
  * @cssproperty {pixel} [--c2-chart__line--width=2px] - Stroke width of a line series.
  * @cssproperty {pixel} [--c2-chart__point--radius=2.5px] - Radius of a data point marker.
  * @cssproperty {opacity} [--c2-chart__area--opacity=0.15] - Opacity of the fill under an area series.
+ * @cssproperty {number} [--c2-chart__bar--border-radius=0] - Roundedness of a bar's value end, from 0 (square) to 0.5 (fully rounded).
  *
  * @cssproperty {color} [--c2-chart__axis--color=#71717a] - Colour of the axis lines and tick labels.
  * @cssproperty {font-size} [--c2-chart__axis--font-size=12px] - Font size of the tick labels.
@@ -173,9 +174,10 @@ export declare abstract class ChartBase extends LitElement {
     /** Whether the tooltip follows the whole x position or only the hovered datum. */
     tooltip: 'none' | 'item' | 'axis';
     /**
-     * Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should
-     * not animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a
-     * method every element already has, and shadowing it breaks the Web Animations API on the host.
+     * Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a
+     * lightweight plot reveal; subsequent data updates stay immediate so a live source does not animate
+     * every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every
+     * element already has, and shadowing it breaks the Web Animations API on the host.
      */
     animation: 'none' | 'auto';
     /** BCP 47 locale for the axis and tooltip formatting. Defaults to the browser locale. */
@@ -217,6 +219,11 @@ export declare abstract class ChartBase extends LitElement {
     /** Whether changing chart data can change the legend model. Pie charts use row labels as entries. */
     protected get legendDependsOnData(): boolean;
     connectedCallback(): void;
+    /**
+     * Client-rendered charts connect before Lit creates their plot node. Observe it after the first render as
+     * well, so a chart whose initial layout is zero-sized still draws when its container becomes measurable.
+     */
+    protected firstUpdated(): void;
     disconnectedCallback(): void;
     /**
      * The fast path. A change confined to `data`/`revision` on a live chart is pushed into the engine here

package/types/src/chart-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-base.d.ts","sourceRoot":"","sources":["../../src/chart-base.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chart-base.d.ts","sourceRoot":"","sources":["../../src/chart-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsC,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAGnI,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAEhG,OAAO,EAAE,iBAAiB,EAAe,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAgB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACtF,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACzE,OAAO,EAAmC,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACrF,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,4BAA4B,EAC5B,mBAAmB,EAEpB,MAAM,kBAAkB,CAAA;AAiCzB,kGAAkG;AAClG,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,iBAAiB,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wEAAwE;AACxE,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,eAAe,EAAE,CAAA;CACzB;AAYD,iEAAiE;AACjE,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,CAAC,CAAA;IAC3D,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;IAC9C,aAAa,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;IACjD,aAAa,EAAE,WAAW,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAA;IACxD,gBAAgB,EAAE,WAAW,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;IACzD,eAAe,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAA;IAC1D,cAAc,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAA;IAClD,eAAe,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAA;CAC3D;AAED,MAAM,WAAW,SAAS;IACxB,gBAAgB,EAAE,qBAAqB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACjE,mBAAmB,EAAE,wBAAwB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;CACxE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,8BAAsB,SAAU,SAAQ,UAAU;;IAChD,OAAgB,MAAM,EAAE,cAAc,CAAoB;IAE1C,SAAS,CAAC,WAAW,EAAG,WAAW,GAAG,IAAI,CAAA;IACvC,OAAO,CAAC,cAAc,CAAqB;IAI9D;;;OAGG;IAC6C,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjE,8FAA8F;IAClE,QAAQ,SAAI;IAExC,sEAAsE;IACtC,UAAU,CAAC,EAAE,eAAe,CAAA;IAI5D,2GAA2G;IAC3D,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAE5E,sFAAsF;IACpC,MAAM,SAAK;IAE7D,+EAA+E;IACzB,UAAU,SAAK;IAErE,mFAAmF;IAClC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAW;IAEjG;;;OAGG;IACyB,MAAM,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAW;IAE1F,kFAAkF;IACtD,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAS;IAEtE;;;;;OAKG;IACwC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAS;IAE9E,yFAAyF;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;IAE3C,mDAAmD;IACP,OAAO,UAAQ;IAE3D,kDAAkD;IACtB,KAAK,SAAK;IAEtC,4CAA4C;IACY,YAAY,SAAY;IAEhF,2GAA2G;IACtD,SAAS,SAAI;IAElE,wEAAwE;IACjB,UAAU,UAAQ;IAEzE,6FAA6F;IAC7D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAA;IAEzF,4FAA4F;IAC5D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IAI/F,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAK;IAC5C,SAAS,CAAC,YAAY,cAAoB;IAC1C,SAAS,CAAC,YAAY,EAAE,mBAAmB,GAAG,IAAI,CAAO;IACzD,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,gBAAgB,CAAQ;IAEzC,SAAS,CAAC,eAAe,uBAAiE;IAC1F,SAAS,CAAC,YAAY,oBAA0B;IAChD,SAAS,CAAC,KAAK,CAAC,EAAE,UAAU,CAAA;IAE5B,SAAS,CAAC,OAAO,CAAC,EAAE,YAAY,CAAA;IAkBhC,0CAA0C;IAC1C,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;IAE3D,oDAAoD;IACpD,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC;IAEzD,6FAA6F;IAC7F,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO;IAEpE,yEAAyE;IACzE,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,GAAG,OAAO;IAEtF,kFAAkF;IAClF,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAIxD,qGAAqG;IACrG,SAAS,KAAK,mBAAmB,IAAI,OAAO,CAE3C;IAIQ,iBAAiB,IAAI,IAAI;IA0BlC;;;OAGG;cACgB,YAAY,IAAI,IAAI;IAO9B,oBAAoB,IAAI,IAAI;IAcrC;;;OAGG;cACgB,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO;cAQ9C,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;cAkBzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAczD;;;OAGG;IACH,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;IAMlC;;;OAGG;IACH,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI;IAUhE,qDAAqD;IACrD,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAiBvD,sDAAsD;IACtD,cAAc,IAAI,eAAe,EAAE;IAInC,2DAA2D;IAC3D,iBAAiB,IAAI,mBAAmB,GAAG,IAAI;IAI/C,mFAAmF;IACnF,aAAa,IAAI,OAAO;IAIxB,4FAA4F;IAC5F,uBAAuB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAKrD,+CAA+C;IAC/C,yBAAyB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAKvD,8FAA8F;IAC9F,wBAAwB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAKtD,gDAAgD;IAChD,0BAA0B,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;IAKxD,gGAAgG;IAChG,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAIpC,0GAA0G;IAC1G,IAAI,cAAc,IAAI,iBAAiB,EAAE,CAMxC;IAED;;;;;;;;OAQG;IACH,SAAS,CAAC,cAAc,IAAI,iBAAiB,EAAE;IAkB/C,8EAA8E;IAC9E,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAE,UAAuC,GAAG,MAAM;IAMnH,SAAS,CAAC,gBAAgB,IAAI,gBAAgB;IAU9C,SAAS,CAAC,YAAY,IAAI,iBAAiB;IA0F3C,OAAO,CAAC,iBAAiB;IAsJzB,4FAA4F;IAC5F,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAOxC;;;OAGG;IACH,SAAS,CAAC,KAAK,IAAI,MAAM;IAQzB,iEAAiE;IACjE,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;cAMzB,MAAM,IAAI,cAAc;IA2B3C,2GAA2G;IAC3G,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,WAAW;IASnB;;;;OAIG;IACH,SAAS,CAAC,WAAW,IAAI,eAAe,EAAE;IAW1C,OAAO,CAAC,YAAY;CAqBrB"}

package/types/src/chart-theme.d.ts

@@ -42,6 +42,8 @@ export interface ChartTheme {
     fontSize: number;
     lineWidth: number;
     pointRadius: number;
+    /** Roundedness of a bar's value end, expressed as a 0–0.5 share of its width. */
+    barRadius: number;
 }
 /**
  * Resolves and caches the host's chart theme, and invalidates it whenever the page's colour scheme moves.

package/types/src/chart-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-theme.d.ts","sourceRoot":"","sources":["../../src/chart-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAA;AAEpF,mGAAmG;AACnG,KAAK,SAAS,GAAG,sBAAsB,GAAG,WAAW,GAAG;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,CAAA;AAE5F,wFAAwF;AACxF,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B;;;GAGG;AACH,eAAO,MAAM,YAAY,kOAmBf,CAAA;AAEV,gFAAgF;AAChF,MAAM,WAAW,UAAU;IACzB,yEAAyE;IACzE,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,qFAAqF;IACrF,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;CACpB;AAoBD;;;;;;GAMG;AACH,qBAAa,oBAAqB,YAAW,kBAAkB;;gBAOjD,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,IAAI;IAMjD,0EAA0E;IAC1E,IAAI,KAAK,IAAI,UAAU,CAGtB;IAED,+EAA+E;IAC/E,UAAU,IAAI,IAAI;IAKlB,aAAa,IAAI,IAAI;IAarB,gBAAgB,IAAI,IAAI;CAiDzB"}
+{"version":3,"file":"chart-theme.d.ts","sourceRoot":"","sources":["../../src/chart-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAA;AAEpF,mGAAmG;AACnG,KAAK,SAAS,GAAG,sBAAsB,GAAG,WAAW,GAAG;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,CAAA;AAE5F,wFAAwF;AACxF,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B;;;GAGG;AACH,eAAO,MAAM,YAAY,kOAmBf,CAAA;AAEV,gFAAgF;AAChF,MAAM,WAAW,UAAU;IACzB,yEAAyE;IACzE,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,qFAAqF;IACrF,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAA;CAClB;AAqBD;;;;;;GAMG;AACH,qBAAa,oBAAqB,YAAW,kBAAkB;;gBAOjD,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,IAAI;IAMjD,0EAA0E;IAC1E,IAAI,KAAK,IAAI,UAAU,CAGtB;IAED,+EAA+E;IAC/E,UAAU,IAAI,IAAI;IAKlB,aAAa,IAAI,IAAI;IAarB,gBAAgB,IAAI,IAAI;CAkDzB"}

package/types/src/chart.d.ts

@@ -10,6 +10,7 @@ import './bar-chart.js';
 import './sparkline.js';
 import './pie-chart.js';
 import './gauge-chart.js';
+import './radar-chart.js';
 import './scatter-chart.js';
 import './candlestick-chart.js';
 import './chart-series.js';
@@ -24,6 +25,7 @@ export { BarChart } from './bar-chart.js';
 export { Sparkline } from './sparkline.js';
 export { PieChart } from './pie-chart.js';
 export { GaugeChart } from './gauge-chart.js';
+export { RadarChart } from './radar-chart.js';
 export { ScatterChart } from './scatter-chart.js';
 export { CandlestickChart } from './candlestick-chart.js';
 export { ChartSeries, SERIES_CHANGE_EVENT } from './chart-series.js';

package/types/src/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/chart.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,kBAAkB,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,4BAA4B,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxH,OAAO,EAAE,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACpG,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC7F,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,QAAQ,EACR,iBAAiB,EACjB,4BAA4B,EAC5B,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/chart.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AACvB,OAAO,kBAAkB,CAAA;AACzB,OAAO,kBAAkB,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,4BAA4B,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxH,OAAO,EAAE,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACpG,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC7F,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,QAAQ,EACR,iBAAiB,EACjB,4BAA4B,EAC5B,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA"}

package/types/src/echarts-chart-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"echarts-chart-base.d.ts","sourceRoot":"","sources":["../../src/echarts-chart-base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD;;;;;;GAMG;AACH,8BAAsB,gBAAiB,SAAQ,SAAS;IACtD,mBAA4B,UAAU,EAAG,SAAS,CAAS;IAE3D,sGAAsG;IAC1E,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAW;IAEjE,oGAAoG;IACpG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAA;IAE/D,wCAAwC;IACxC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEnG,yGAAyG;IACzG,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAW5D,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC;cAMtC,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,GAAG,OAAO;IAItF,sFAAsF;IACtF,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO;cAI3D,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO;CAsBrE"}
+{"version":3,"file":"echarts-chart-base.d.ts","sourceRoot":"","sources":["../../src/echarts-chart-base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD;;;;;;GAMG;AACH,8BAAsB,gBAAiB,SAAQ,SAAS;IACtD,mBAA4B,UAAU,EAAG,SAAS,CAAS;IAE3D,sGAAsG;IAC1E,QAAQ,EAAE,QAAQ,GAAG,KAAK,CAAW;IAEjE,oGAAoG;IACpG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAA;IAE/D,wCAAwC;IACxC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEnG,yGAAyG;IACzG,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAW5D,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC;cAMtC,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,GAAG,OAAO;IAItF,sFAAsF;IACtF,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO;cAI3D,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO;CA0BrE"}

package/types/src/engines/echarts-loader.d.ts

@@ -7,7 +7,7 @@
  */
 import type * as echarts from 'echarts/core';
 /** A registerable ECharts module, keyed by the chart type or component that needs it. */
-export type EchartsFeature = 'pie' | 'gauge' | 'scatter' | 'candlestick' | 'bar' | 'line' | 'grid' | 'legend' | 'tooltip' | 'dataZoom';
+export type EchartsFeature = 'pie' | 'gauge' | 'radar' | 'scatter' | 'candlestick' | 'bar' | 'line' | 'grid' | 'legend' | 'tooltip' | 'dataZoom';
 /**
  * Loads `echarts/core`, registers `features` and the chosen renderer, and returns the core namespace.
  * Registration is idempotent and deduped, so calling this per element is cheap after the first.

package/types/src/engines/echarts-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"echarts-loader.d.ts","sourceRoot":"","sources":["../../../src/engines/echarts-loader.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,OAAO,MAAM,cAAc,CAAA;AAE5C,yFAAyF;AACzF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;AAqBtI;;;GAGG;AACH,wBAAsB,WAAW,CAAC,QAAQ,EAAE,SAAS,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,OAAO,CAAC,CA0B1H"}
+{"version":3,"file":"echarts-loader.d.ts","sourceRoot":"","sources":["../../../src/engines/echarts-loader.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,OAAO,MAAM,cAAc,CAAA;AAE5C,yFAAyF;AACzF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;AAsBhJ;;;GAGG;AACH,wBAAsB,WAAW,CAAC,QAAQ,EAAE,SAAS,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC,OAAO,OAAO,CAAC,CA0B1H"}

package/types/src/engines/uplot-paths.d.ts

@@ -21,5 +21,5 @@ export declare function withAlpha(color: string, alpha: number): string;
  * Grouping is therefore ours to do: `disp` gives uPlot an explicit left edge and width per bar — in data
  * units, which is what it reads when no `unit` is set — placing each series in its own slot of the band.
  */
-export declare function barPaths(width: number, gap: number, index: number, count: number): Series.PathBuilder | undefined;
+export declare function barPaths(width: number, gap: number, index: number, count: number, radius?: number): Series.PathBuilder | undefined;
 //# sourceMappingURL=uplot-paths.d.ts.map

package/types/src/engines/uplot-paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uplot-paths.d.ts","sourceRoot":"","sources":["../../../src/engines/uplot-paths.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGnC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAIrD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,CAa3E;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAa9D;AAOD;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,CAyBjH"}
+{"version":3,"file":"uplot-paths.d.ts","sourceRoot":"","sources":["../../../src/engines/uplot-paths.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGnC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;AAIrD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,CAa3E;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAa9D;AAOD;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAI,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,CA6B7H"}

package/types/src/gauge-chart.d.ts

@@ -39,6 +39,8 @@ export declare class GaugeChart extends EchartsChartBase {
     progress: 'show' | 'none';
     /** Whether to draw the radial pointer. */
     pointer: 'show' | 'none';
+    /** Whether to draw the small axis ticks and division lines around the arc. */
+    marks: 'show' | 'none';
     constructor();
     protected coordinateSystem(): Record<string, unknown>;
     protected dataShape(): 'named';

package/types/src/gauge-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gauge-chart.d.ts","sourceRoot":"","sources":["../../src/gauge-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,qBAAqB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;IAClE,mBAAmB,EAAE,wBAAwB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;CACzE;AAED;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,gBAAgB;IAC9C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAY;IAE3E,uCAAuC;IACX,GAAG,SAAI;IAEnC,wCAAwC;IACZ,GAAG,SAAM;IAErC,mFAAmF;IAC7B,UAAU,SAAM;IAEtE,iFAAiF;IAC7B,QAAQ,SAAM;IAElE,mDAAmD;IACI,WAAW,SAAI;IAEtE,mEAAmE;IACvC,SAAS,SAAI;IAEzC,wEAAwE;IACjB,WAAW,SAAK;IAEvE,uEAAuE;IAC3C,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAS;IAE9D,0CAA0C;IACd,OAAO,EAAE,MAAM,GAAG,MAAM,CAAS;;cAQ1C,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAI3C,SAAS,IAAI,OAAO;cAIpB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CA4BpG;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAA;KAC7B;CACF"}
+{"version":3,"file":"gauge-chart.d.ts","sourceRoot":"","sources":["../../src/gauge-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,qBAAqB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;IAClE,mBAAmB,EAAE,wBAAwB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;CACzE;AAED;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,gBAAgB;IAC9C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAY;IAE3E,uCAAuC;IACX,GAAG,SAAI;IAEnC,wCAAwC;IACZ,GAAG,SAAM;IAErC,mFAAmF;IAC7B,UAAU,SAAM;IAEtE,iFAAiF;IAC7B,QAAQ,SAAM;IAElE,mDAAmD;IACI,WAAW,SAAI;IAEtE,mEAAmE;IACvC,SAAS,SAAI;IAEzC,wEAAwE;IACjB,WAAW,SAAK;IAEvE,uEAAuE;IAC3C,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAS;IAE9D,0CAA0C;IACd,OAAO,EAAE,MAAM,GAAG,MAAM,CAAS;IAE7D,8EAA8E;IAClD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAS;;cAQxC,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAI3C,SAAS,IAAI,OAAO;cAIpB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CA8BpG;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAA;KAC7B;CACF"}

package/types/src/pie-chart.d.ts

@@ -35,6 +35,8 @@ export declare class PieChart extends EchartsChartBase {
     startAngle: number;
     /** Where the slice labels are drawn, or `none` to leave them off. */
     labels: 'none' | 'inside' | 'outside';
+    /** Content shown by visible slice labels. */
+    labelContent: 'name' | 'value' | 'percent' | 'name-percent';
     /** Orders the slices by value rather than keeping the data order. */
     sort: 'none' | 'asc' | 'desc';
     constructor();
@@ -53,6 +55,7 @@ export declare class PieChart extends EchartsChartBase {
     protected restoreVisibility(adapter: ChartAdapter): void;
     protected dataShape(): 'pairs' | 'values' | 'named';
     protected seriesOption(_index: number, context: ChartBuildContext): Record<string, unknown>;
+    private labelFormatter;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/types/src/pie-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../src/pie-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,QAAQ;IACvB,gBAAgB,EAAE,qBAAqB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAChE,mBAAmB,EAAE,wBAAwB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,gBAAgB;IAC5C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAU;IAEzE,uFAAuF;IAChC,WAAW,SAAI;IAEtE,+DAA+D;IACR,WAAW,SAAO;IAEzE,yFAAyF;IACnC,UAAU,SAAK;IAErE,qEAAqE;IACzC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAS;IAE1E,qEAAqE;IACzC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAS;;IASlE,oEAAoE;IAC3D,OAAO,CAAC,YAAY,CAAoB;IAEjD,cAAuB,mBAAmB,IAAI,OAAO,CAEpD;IAED,mGAAmG;cAChF,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI9D;;;OAGG;cACgB,WAAW,IAAI,eAAe,EAAE;IAenD,yGAAyG;IACzG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;cASnC,iBAAiB,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;cAK9C,SAAS,IAAI,OAAO,GAAG,QAAQ,GAAG,OAAO;cAIzC,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAoBrG;AAYD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,QAAQ,CAAA;KACzB;CACF"}
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../src/pie-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,QAAQ;IACvB,gBAAgB,EAAE,qBAAqB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAChE,mBAAmB,EAAE,wBAAwB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;CACvE;AAED;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,gBAAgB;IAC5C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAU;IAEzE,uFAAuF;IAChC,WAAW,SAAI;IAEtE,+DAA+D;IACR,WAAW,SAAO;IAEzE,yFAAyF;IACnC,UAAU,SAAK;IAErE,qEAAqE;IACzC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAS;IAE1E,6CAA6C;IACW,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,cAAc,CAAS;IAE5H,qEAAqE;IACzC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAS;;IASlE,oEAAoE;IAC3D,OAAO,CAAC,YAAY,CAAoB;IAEjD,cAAuB,mBAAmB,IAAI,OAAO,CAEpD;IAED,mGAAmG;cAChF,gBAAgB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAI9D;;;OAGG;cACgB,WAAW,IAAI,eAAe,EAAE;IAenD,yGAAyG;IACzG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;cASnC,iBAAiB,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;cAK9C,SAAS,IAAI,OAAO,GAAG,QAAQ,GAAG,OAAO;cAIzC,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAsBpG,OAAO,CAAC,cAAc;CAYvB;AAYD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,QAAQ,CAAA;KACzB;CACF"}

package/types/src/radar-chart.d.ts

@@ -0,0 +1,55 @@
+import type { TypedAddEventListener, TypedRemoveEventListener } from '@c2n/core/event-helper.js';
+import { EchartsChartBase } from './echarts-chart-base.js';
+import type { ChartEventMap } from './chart-base.js';
+import type { ChartBuildContext } from './chart-adapter.js';
+import type { EchartsFeature } from './engines/echarts-loader.js';
+import type { ChartFrame } from './chart-types.js';
+import './chart-series.js';
+export interface RadarChart {
+    addEventListener: TypedAddEventListener<RadarChart, ChartEventMap>;
+    removeEventListener: TypedRemoveEventListener<RadarChart, ChartEventMap>;
+}
+/**
+ * A radar chart drawn by ECharts. Each data row is an indicator named by `label-field`; each
+ * `c2-chart-series` is one comparable profile drawn across those indicators.
+ *
+ * ```html
+ * <c2-radar-chart label-field="metric" max="100"
+ *   data='[{"metric":"Quality","current":82,"target":90},{"metric":"Speed","current":74,"target":85}]'>
+ *   <c2-chart-series field="current" label="Current"></c2-chart-series>
+ *   <c2-chart-series field="target" label="Target"></c2-chart-series>
+ * </c2-radar-chart>
+ * ```
+ *
+ * @tag c2-radar-chart
+ */
+export declare class RadarChart extends EchartsChartBase {
+    protected readonly features: readonly EchartsFeature[];
+    /** Lowest value shared by every indicator. */
+    min: number;
+    /** Highest value shared by every indicator. Auto-ranged per indicator when unset. */
+    max?: number;
+    /** Shape of the indicator grid. */
+    shape: 'polygon' | 'circle';
+    /** Angle of the first indicator, in degrees counter-clockwise from three o'clock. */
+    startAngle: number;
+    /** Number of concentric divisions in the indicator grid. */
+    splitNumber: number;
+    /** Whether to draw point markers at the indicator values. */
+    points: 'show' | 'none';
+    /** Opacity of each profile's fill. Falls back to `--c2-chart__area--opacity`. */
+    fillOpacity?: number;
+    constructor();
+    protected coordinateSystem(context: ChartBuildContext): Record<string, unknown>;
+    protected seriesOption(index: number, context: ChartBuildContext): Record<string, unknown>;
+    protected projectData(frame: ChartFrame, context: ChartBuildContext): unknown;
+    private indicators;
+    private indicatorMax;
+    private areaOpacity;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-radar-chart': RadarChart;
+    }
+}
+//# sourceMappingURL=radar-chart.d.ts.map

package/types/src/radar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../src/radar-chart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAChG,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,UAAU;IACzB,gBAAgB,EAAE,qBAAqB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;IAClE,mBAAmB,EAAE,wBAAwB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;CACzE;AAED;;;;;;;;;;;;;GAaG;AACH,qBACa,UAAW,SAAQ,gBAAgB;IAC9C,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAY;IAE3E,8CAA8C;IAClB,GAAG,SAAI;IAEnC,qFAAqF;IACzD,GAAG,CAAC,EAAE,MAAM,CAAA;IAExC,mCAAmC;IACP,KAAK,EAAE,SAAS,GAAG,QAAQ,CAAY;IAEnE,qFAAqF;IAC/B,UAAU,SAAK;IAErE,4DAA4D;IACL,WAAW,SAAI;IAEtE,6DAA6D;IACjC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAS;IAE5D,iFAAiF;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;;cAQxD,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAiBrE,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAahF,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,GAAG,OAAO;IAStF,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,WAAW;CAIpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,UAAU,CAAA;KAC7B;CACF"}

package/vue.d.ts

@@ -17,6 +17,7 @@ import type { ChartTooltip } from '@c2n/chart/chart-tooltip.js'
 import type { GaugeChart, GaugeChartEventMap } from '@c2n/chart/gauge-chart.js'
 import type { LineChart, LineChartEventMap } from '@c2n/chart/line-chart.js'
 import type { PieChart, PieChartEventMap } from '@c2n/chart/pie-chart.js'
+import type { RadarChart, RadarChartEventMap } from '@c2n/chart/radar-chart.js'
 import type { ScatterChart, ScatterChartEventMap } from '@c2n/chart/scatter-chart.js'
 import type { Sparkline, SparklineEventMap } from '@c2n/chart/sparkline.js'
 
@@ -146,6 +147,7 @@ declare module 'vue' {
         'inner-radius'?: unknown
         'outer-radius'?: unknown
         'start-angle'?: unknown
+        'label-content'?: unknown
         'x-field'?: unknown
         'label-field'?: unknown
         'x-type'?: unknown
@@ -162,6 +164,27 @@ declare module 'vue' {
         onPointClick?: (event: PieChartEventMap['point-click']) => void
       }
     >
+    'c2-radar-chart': DefineComponent<
+      C2Props<RadarChart> & {
+        'start-angle'?: unknown
+        'split-number'?: unknown
+        'fill-opacity'?: unknown
+        'x-field'?: unknown
+        'label-field'?: unknown
+        'x-type'?: unknown
+        'empty-message'?: unknown
+        'max-points'?: unknown
+        'lazy-render'?: unknown
+        onTooltipChange?: (event: RadarChartEventMap['tooltip-change']) => void
+        onSeriesToggle?: (event: RadarChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: RadarChartEventMap['legend-change']) => void
+        onRangeChange?: (event: RadarChartEventMap['range-change']) => void
+        onChartReady?: (event: RadarChartEventMap['chart-ready']) => void
+        onChartError?: (event: RadarChartEventMap['chart-error']) => void
+        onPointHover?: (event: RadarChartEventMap['point-hover']) => void
+        onPointClick?: (event: RadarChartEventMap['point-click']) => void
+      }
+    >
     'c2-scatter-chart': DefineComponent<
       C2Props<ScatterChart> & {
         'symbol-size'?: unknown