@c2n/chart 0.0.7 → 0.0.9

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

@@ -0,0 +1,42 @@
+import { type CSSResultGroup, type PropertyValues, type TemplateResult } from 'lit';
+import { ChartLinkedElement, type ChartLinkTarget } from './chart-link.js';
+import type { ChartTooltipContext } from './chart-types.js';
+/**
+ * A tooltip linked to a chart by id. It can float beside the hovered point or render inline wherever it is
+ * placed in the document.
+ *
+ * @tag c2-chart-tooltip
+ * @slot - Replaces the generated tooltip body. Use `renderTooltip` for data-driven custom content.
+ * @csspart bubble - The tooltip surface.
+ * @cssproperty {color} [--c2-chart__tooltip--background-color=#18181b] - Tooltip background.
+ * @cssproperty {color} [--c2-chart__tooltip--color=#fafafa] - Tooltip text colour.
+ * @cssproperty {font-size} [--c2-chart__tooltip--font-size=12px] - Tooltip font size.
+ * @cssproperty {padding} [--c2-chart__tooltip--padding=8px 10px] - Tooltip padding.
+ * @cssproperty {border-radius} [--c2-chart__tooltip--border-radius=6px] - Tooltip corner radius.
+ * @cssproperty {box-shadow} [--c2-chart__tooltip--box-shadow=0 8px 24px rgba(24, 24, 27, 0.08)] - Tooltip shadow.
+ * @cssproperty {pixel} [--c2-chart__tooltip--gap=6px] - Gap between tooltip rows.
+ */
+export declare class ChartTooltip extends ChartLinkedElement {
+    #private;
+    static styles: CSSResultGroup;
+    /** Whether the tooltip follows the hovered point or occupies its authored HTML position. */
+    position: 'floating' | 'inline';
+    /** Preferred side of the hovered point when `position="floating"`. Flips at viewport edges. */
+    placement: 'top' | 'bottom' | 'start' | 'end';
+    /** Renders the tooltip body. Property only. */
+    renderTooltip?: (context: ChartTooltipContext) => unknown;
+    private bubble?;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected chartConnected(chart: ChartLinkTarget): void;
+    protected chartDisconnected(chart: ChartLinkTarget): void;
+    protected updated(changed: PropertyValues): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-chart-tooltip': ChartTooltip;
+    }
+}
+//# sourceMappingURL=chart-tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-tooltip.d.ts","sourceRoot":"","sources":["../../src/chart-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG9G,OAAO,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAG3D;;;;;;;;;;;;;;GAcG;AACH,qBACa,YAAa,SAAQ,kBAAkB;;IAClD,OAAgB,MAAM,EAAE,cAAc,CAAoB;IAE1D,4FAA4F;IACjD,QAAQ,EAAE,UAAU,GAAG,QAAQ,CAAa;IAEvF,+FAA+F;IACpD,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAQ;IAEhG,+CAA+C;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAA;IAEvE,OAAO,CAAC,MAAM,CAAC,CAAa;;IASrC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;cAiBlB,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;cAM5C,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;cAO/C,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;cAKtC,MAAM,IAAI,cAAc;CA6D5C;AAQD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAA;KACjC;CACF"}

package/types/src/chart.d.ts

@@ -9,8 +9,14 @@ import './area-chart.js';
 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';
-export { ChartBase, type ChartEventMap } from './chart-base.js';
+import './chart-legend.js';
+import './chart-tooltip.js';
+export { ChartBase, type ChartEventMap, type ChartLegendChangeEventDetail, type ChartLegendItem } from './chart-base.js';
 export { UplotChartBase, type UplotSeriesStyle } from './uplot-chart-base.js';
 export { EchartsChartBase } from './echarts-chart-base.js';
 export { LineChart } from './line-chart.js';
@@ -18,7 +24,13 @@ export { AreaChart } from './area-chart.js';
 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';
+export { ChartLegend } from './chart-legend.js';
+export { ChartTooltip } from './chart-tooltip.js';
 export { ChartFrameBuilder, columnValue, type NormalizeContext } from './chart-data.js';
 export { ChartThemeController, PALETTE_SIZE, PROBE_COLORS, type ChartTheme } from './chart-theme.js';
 export type { ChartAdapter, ChartAdapterEvents, ChartBuildContext } from './chart-adapter.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,mBAAmB,CAAA;AAE1B,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/D,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,WAAW,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACpE,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' | 'heatmap' | 'candlestick' | 'bar' | 'line' | 'grid' | 'legend' | 'tooltip' | 'visualMap' | '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,SAAS,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAA;AAuBhK;;;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-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uplot-adapter.d.ts","sourceRoot":"","sources":["../../../src/engines/uplot-adapter.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAA;AAE3E,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAkGtF"}
+{"version":3,"file":"uplot-adapter.d.ts","sourceRoot":"","sources":["../../../src/engines/uplot-adapter.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAA;AAE3E,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAkHtF"}

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

@@ -0,0 +1,54 @@
+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 './chart-series.js';
+export interface GaugeChart {
+    addEventListener: TypedAddEventListener<GaugeChart, ChartEventMap>;
+    removeEventListener: TypedRemoveEventListener<GaugeChart, ChartEventMap>;
+}
+/**
+ * A radial gauge drawn by ECharts. Use one row and one series for a current value; `label-field` names it.
+ *
+ * ```html
+ * <c2-gauge-chart label-field="metric" min="0" max="100" value-suffix="%" data='[{ "metric": "Target", "value": 78 }]'>
+ *   <c2-chart-series field="value" label="Attainment"></c2-chart-series>
+ * </c2-gauge-chart>
+ * ```
+ *
+ * @tag c2-gauge-chart
+ */
+export declare class GaugeChart extends EchartsChartBase {
+    protected readonly features: readonly EchartsFeature[];
+    /** Lowest value on the gauge scale. */
+    min: number;
+    /** Highest value on the gauge scale. */
+    max: number;
+    /** Angle where the arc starts, in degrees counter-clockwise from three o'clock. */
+    startAngle: number;
+    /** Angle where the arc ends, in degrees counter-clockwise from three o'clock. */
+    endAngle: number;
+    /** Number of labelled divisions around the arc. */
+    splitNumber: number;
+    /** Maximum number of decimal places shown in the current value. */
+    precision: number;
+    /** Text appended to the current value and scale labels, such as `%`. */
+    valueSuffix: string;
+    /** Whether to draw the filled progress arc up to the current value. */
+    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';
+    protected seriesOption(index: number, context: ChartBuildContext): Record<string, unknown>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-gauge-chart': GaugeChart;
+    }
+}
+//# sourceMappingURL=gauge-chart.d.ts.map

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

@@ -0,0 +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;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

@@ -3,6 +3,7 @@ import { EchartsChartBase } from './echarts-chart-base.js';
 import type { ChartLegendItem } from './chart-base.js';
 import type { ChartEventMap } from './chart-base.js';
 import type { ChartBuildContext } from './chart-adapter.js';
+import type { ChartAdapter } from './chart-adapter.js';
 import type { EchartsFeature } from './engines/echarts-loader.js';
 import './chart-series.js';
 export interface PieChart {
@@ -34,11 +35,14 @@ 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();
     /** Slices the reader has switched off from the legend, by label. */
     private hiddenSlices;
+    protected get legendDependsOnData(): boolean;
     /** A pie has no grid and no axes at all: contributing them would draw an empty cartesian frame. */
     protected coordinateSystem(): Record<string, unknown>;
     /**
@@ -48,8 +52,10 @@ export declare class PieChart extends EchartsChartBase {
     protected legendItems(): ChartLegendItem[];
     /** Shows or hides one slice, as the legend does. ECharts selects by name, which is the slice's label. */
     setSliceVisible(label: string, visible: boolean): void;
+    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,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,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;cAQnC,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/types/src/scatter-chart.d.ts

@@ -0,0 +1,41 @@
+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 './chart-series.js';
+export interface ScatterChart {
+    addEventListener: TypedAddEventListener<ScatterChart, ChartEventMap>;
+    removeEventListener: TypedRemoveEventListener<ScatterChart, ChartEventMap>;
+}
+/**
+ * A scatter plot drawn by ECharts. `x-field` supplies the shared horizontal value and every series supplies
+ * one vertical measure, so several populations can be compared on the same axes.
+ *
+ * ```html
+ * <c2-scatter-chart x-field="risk" data='[{ "risk": 12, "return": 8.4 }]'>
+ *   <c2-chart-series field="return" label="Portfolio"></c2-chart-series>
+ * </c2-scatter-chart>
+ * ```
+ *
+ * @tag c2-scatter-chart
+ */
+export declare class ScatterChart extends EchartsChartBase {
+    protected readonly features: readonly EchartsFeature[];
+    /** Diameter of each point in CSS pixels. */
+    symbolSize: number;
+    /** Shape used for points. */
+    symbol: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow';
+    /** Enables ECharts' large-point rendering path. */
+    large: boolean;
+    /** Point count at which the large rendering path takes effect. */
+    largeThreshold: number;
+    constructor();
+    protected seriesOption(index: number, context: ChartBuildContext): Record<string, unknown>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-scatter-chart': ScatterChart;
+    }
+}
+//# sourceMappingURL=scatter-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scatter-chart.d.ts","sourceRoot":"","sources":["../../src/scatter-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,YAAY;IAC3B,gBAAgB,EAAE,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;IACpE,mBAAmB,EAAE,wBAAwB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;CAC3E;AAED;;;;;;;;;;;GAWG;AACH,qBACa,YAAa,SAAQ,gBAAgB;IAChD,mBAA4B,QAAQ,EAAE,SAAS,cAAc,EAAE,CAAsB;IAErF,4CAA4C;IACU,UAAU,SAAK;IAErE,6BAA6B;IACD,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,CAAW;IAEzH,mDAAmD;IACtB,KAAK,UAAQ;IAE1C,kEAAkE;IACR,cAAc,SAAO;;cAO5D,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAUpG;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAA;KACjC;CACF"}

package/vue.d.ts

@@ -10,9 +10,15 @@
 import type { DefineComponent, HTMLAttributes } from 'vue'
 import type { AreaChart, AreaChartEventMap } from '@c2n/chart/area-chart.js'
 import type { BarChart, BarChartEventMap } from '@c2n/chart/bar-chart.js'
+import type { CandlestickChart, CandlestickChartEventMap } from '@c2n/chart/candlestick-chart.js'
+import type { ChartLegend } from '@c2n/chart/chart-legend.js'
 import type { ChartSeries, ChartSeriesEventMap } from '@c2n/chart/chart-series.js'
+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'
 
 /** The element's own public properties, plus every attribute Vue understands on a host element. */
@@ -31,7 +37,9 @@ declare module 'vue' {
         'empty-message'?: unknown
         'max-points'?: unknown
         'lazy-render'?: unknown
+        onTooltipChange?: (event: AreaChartEventMap['tooltip-change']) => void
         onSeriesToggle?: (event: AreaChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: AreaChartEventMap['legend-change']) => void
         onRangeChange?: (event: AreaChartEventMap['range-change']) => void
         onChartReady?: (event: AreaChartEventMap['chart-ready']) => void
         onChartError?: (event: AreaChartEventMap['chart-error']) => void
@@ -51,7 +59,9 @@ declare module 'vue' {
         'empty-message'?: unknown
         'max-points'?: unknown
         'lazy-render'?: unknown
+        onTooltipChange?: (event: BarChartEventMap['tooltip-change']) => void
         onSeriesToggle?: (event: BarChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: BarChartEventMap['legend-change']) => void
         onRangeChange?: (event: BarChartEventMap['range-change']) => void
         onChartReady?: (event: BarChartEventMap['chart-ready']) => void
         onChartError?: (event: BarChartEventMap['chart-error']) => void
@@ -59,6 +69,29 @@ declare module 'vue' {
         onPointClick?: (event: BarChartEventMap['point-click']) => void
       }
     >
+    'c2-candlestick-chart': DefineComponent<
+      C2Props<CandlestickChart> & {
+        'open-field'?: unknown
+        'close-field'?: unknown
+        'low-field'?: unknown
+        'high-field'?: unknown
+        'x-field'?: unknown
+        'label-field'?: unknown
+        'x-type'?: unknown
+        'empty-message'?: unknown
+        'max-points'?: unknown
+        'lazy-render'?: unknown
+        onTooltipChange?: (event: CandlestickChartEventMap['tooltip-change']) => void
+        onSeriesToggle?: (event: CandlestickChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: CandlestickChartEventMap['legend-change']) => void
+        onRangeChange?: (event: CandlestickChartEventMap['range-change']) => void
+        onChartReady?: (event: CandlestickChartEventMap['chart-ready']) => void
+        onChartError?: (event: CandlestickChartEventMap['chart-error']) => void
+        onPointHover?: (event: CandlestickChartEventMap['point-hover']) => void
+        onPointClick?: (event: CandlestickChartEventMap['point-click']) => void
+      }
+    >
+    'c2-chart-legend': DefineComponent<C2Props<ChartLegend>>
     'c2-chart-series': DefineComponent<
       C2Props<ChartSeries> & {
         'line-width'?: unknown
@@ -66,6 +99,29 @@ declare module 'vue' {
         onSERIES_CHANGE_EVENT?: (event: ChartSeriesEventMap['SERIES_CHANGE_EVENT']) => void
       }
     >
+    'c2-chart-tooltip': DefineComponent<C2Props<ChartTooltip>>
+    'c2-gauge-chart': DefineComponent<
+      C2Props<GaugeChart> & {
+        'start-angle'?: unknown
+        'end-angle'?: unknown
+        'split-number'?: unknown
+        'value-suffix'?: unknown
+        'x-field'?: unknown
+        'label-field'?: unknown
+        'x-type'?: unknown
+        'empty-message'?: unknown
+        'max-points'?: unknown
+        'lazy-render'?: unknown
+        onTooltipChange?: (event: GaugeChartEventMap['tooltip-change']) => void
+        onSeriesToggle?: (event: GaugeChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: GaugeChartEventMap['legend-change']) => void
+        onRangeChange?: (event: GaugeChartEventMap['range-change']) => void
+        onChartReady?: (event: GaugeChartEventMap['chart-ready']) => void
+        onChartError?: (event: GaugeChartEventMap['chart-error']) => void
+        onPointHover?: (event: GaugeChartEventMap['point-hover']) => void
+        onPointClick?: (event: GaugeChartEventMap['point-click']) => void
+      }
+    >
     'c2-line-chart': DefineComponent<
       C2Props<LineChart> & {
         'y-min'?: unknown
@@ -76,7 +132,9 @@ declare module 'vue' {
         'empty-message'?: unknown
         'max-points'?: unknown
         'lazy-render'?: unknown
+        onTooltipChange?: (event: LineChartEventMap['tooltip-change']) => void
         onSeriesToggle?: (event: LineChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: LineChartEventMap['legend-change']) => void
         onRangeChange?: (event: LineChartEventMap['range-change']) => void
         onChartReady?: (event: LineChartEventMap['chart-ready']) => void
         onChartError?: (event: LineChartEventMap['chart-error']) => void
@@ -89,13 +147,16 @@ declare module 'vue' {
         'inner-radius'?: unknown
         'outer-radius'?: unknown
         'start-angle'?: unknown
+        'label-content'?: unknown
         'x-field'?: unknown
         'label-field'?: unknown
         'x-type'?: unknown
         'empty-message'?: unknown
         'max-points'?: unknown
         'lazy-render'?: unknown
+        onTooltipChange?: (event: PieChartEventMap['tooltip-change']) => void
         onSeriesToggle?: (event: PieChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: PieChartEventMap['legend-change']) => void
         onRangeChange?: (event: PieChartEventMap['range-change']) => void
         onChartReady?: (event: PieChartEventMap['chart-ready']) => void
         onChartError?: (event: PieChartEventMap['chart-error']) => void
@@ -103,6 +164,47 @@ 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
+        'large-threshold'?: unknown
+        'x-field'?: unknown
+        'label-field'?: unknown
+        'x-type'?: unknown
+        'empty-message'?: unknown
+        'max-points'?: unknown
+        'lazy-render'?: unknown
+        onTooltipChange?: (event: ScatterChartEventMap['tooltip-change']) => void
+        onSeriesToggle?: (event: ScatterChartEventMap['series-toggle']) => void
+        onLegendChange?: (event: ScatterChartEventMap['legend-change']) => void
+        onRangeChange?: (event: ScatterChartEventMap['range-change']) => void
+        onChartReady?: (event: ScatterChartEventMap['chart-ready']) => void
+        onChartError?: (event: ScatterChartEventMap['chart-error']) => void
+        onPointHover?: (event: ScatterChartEventMap['point-hover']) => void
+        onPointClick?: (event: ScatterChartEventMap['point-click']) => void
+      }
+    >
     'c2-sparkline': DefineComponent<
       C2Props<Sparkline> & {
         'y-min'?: unknown
@@ -113,7 +215,9 @@ declare module 'vue' {
         'empty-message'?: unknown
         'max-points'?: unknown
         'lazy-render'?: unknown
+        onTooltipChange?: (event: SparklineEventMap['tooltip-change']) => void
         onSeriesToggle?: (event: SparklineEventMap['series-toggle']) => void
+        onLegendChange?: (event: SparklineEventMap['legend-change']) => void
         onRangeChange?: (event: SparklineEventMap['range-change']) => void
         onChartReady?: (event: SparklineEventMap['chart-ready']) => void
         onChartError?: (event: SparklineEventMap['chart-error']) => void

package/dist/chart-series-BnpHO3lm.js

@@ -1,83 +0,0 @@
-import { property } from "lit/decorators.js";
-import { customElement } from "@c2n/core/element-helper.js";
-import { LitElement, css } from "lit";
-//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
-function __decorate(decorators, target, key, desc) {
-	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-	return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-//#endregion
-//#region src/chart-series.ts
-/** Fired at the parent chart whenever a series definition changes. */
-var SERIES_CHANGE_EVENT = "c2-chart-series-change";
-/** The tag, so a chart can match a definition by name rather than by class identity. */
-var SERIES_TAG = "c2-chart-series";
-var ChartSeries = class ChartSeries extends LitElement {
-	constructor(..._args) {
-		super(..._args);
-		this.field = "";
-		this.axis = "left";
-		this.spanGaps = false;
-		this.hidden = false;
-	}
-	static {
-		this.styles = css`
-    :host {
-      display: none;
-    }
-  `;
-	}
-	/** A plain snapshot of this definition, so the chart never holds a reference to the element. */
-	toConfig() {
-		return {
-			field: this.field,
-			label: this.label,
-			color: this.color,
-			lineWidth: this.lineWidth,
-			axis: this.axis,
-			spanGaps: this.spanGaps,
-			hidden: this.hidden,
-			format: this.format
-		};
-	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.#notify();
-	}
-	disconnectedCallback() {
-		super.disconnectedCallback();
-		this.#notify();
-	}
-	updated(_changed) {
-		this.#notify();
-	}
-	/** Composed so it crosses the shadow boundary of a chart that wraps its slot; the chart stops it there. */
-	#notify() {
-		this.dispatchEvent(new CustomEvent(SERIES_CHANGE_EVENT, {
-			bubbles: true,
-			composed: true
-		}));
-	}
-};
-__decorate([property({ type: String })], ChartSeries.prototype, "field", void 0);
-__decorate([property({ type: String })], ChartSeries.prototype, "label", void 0);
-__decorate([property({ type: String })], ChartSeries.prototype, "color", void 0);
-__decorate([property({
-	type: Number,
-	attribute: "line-width"
-})], ChartSeries.prototype, "lineWidth", void 0);
-__decorate([property({ type: String })], ChartSeries.prototype, "axis", void 0);
-__decorate([property({
-	type: Boolean,
-	attribute: "span-gaps"
-})], ChartSeries.prototype, "spanGaps", void 0);
-__decorate([property({
-	type: Boolean,
-	reflect: true
-})], ChartSeries.prototype, "hidden", void 0);
-__decorate([property({ attribute: false })], ChartSeries.prototype, "format", void 0);
-ChartSeries = __decorate([customElement("c2-chart-series")], ChartSeries);
-//#endregion
-export { __decorate as i, SERIES_CHANGE_EVENT as n, SERIES_TAG as r, ChartSeries as t };