vue-data-ui 3.15.11 → 3.16.0

package/README.md

@@ -15,9 +15,12 @@
 [![npm downloads](https://npmx.dev/api/registry/badge/downloads/vue-data-ui)](https://npmx.dev/package/vue-data-ui?modal=chart)
 [![GitHub Repo stars](https://img.shields.io/github/stars/graphieros/vue-data-ui)](https://github.com/graphieros/vue-data-ui)
 
-[Interactive documentation](https://vue-data-ui.graphieros.com/)
+A user-empowering data visualization Vue component library for eloquent data storytelling.
 
-A user-empowering data visualization Vue components library for eloquent data storytelling.
+Interactive Documentation:
+
+- Deployed Site - [Vue Data UI](https://vue-data-ui.graphieros.com/)
+- GitHub Repo - [vue-data-ui-doc](https://github.com/graphieros/vue-data-ui-doc)
 
 Available components
 
@@ -516,72 +519,72 @@ From the dataset you pass into the props, this component will produce the most a
 
 ### Mini charts
 
-| Name                  | dataset type                       | config type                 | emits / exposed methods                             | slots                                                | custom tooltip | themes |
-| --------------------- | ---------------------------------- | --------------------------- | --------------------------------------------------- | ---------------------------------------------------- | -------------- | ------ |
-| `VueUiSparkline`      | `VueUiSparklineDatasetItem[]`      | `VueUiSparklineConfig`      | `@selectDatapoint`                                  | `#svg`, `#before`, `#chart-background`, `#tooltip`   | ✅             | ✅     |
-| `VueUiSparkbar`       | `VueUiSparkbarDatasetItem[]`       | `VueUiSparkbarConfig`       | `@selectDatapoint`                                  | `#data-label`, `#title`                              | ❌             | ✅     |
-| `VueUiSparkStackbar`  | `VueUiSparkStackbarDatasetItem[]`  | `VueUiSparkStackbarConfig`  | `@selectDatapoint`                                  | `#tooltip-before`, `#tooltip-after`                  | ✅             | ✅     |
-| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint`                                  | `#chart-background`                                  | ❌             | ✅     |
-| `VueUiSparkGauge`     | `VueUiSparkGaugeDataset`           | `VueUiSparkGaugeConfig`     | ❌                                                  | `#chart-background`                                  | ❌             | ✅     |
-| `VueUiSparkTrend`     | `number[]`                         | `VueUiSparkTrendConfig`     | ❌                                                  | `#chart-background`                                  | ❌             | ✅     |
-| `VueUiGizmo`          | `VueUiGizmoDataset`                | `VueUiGizmoConfig`          | ❌                                                  | ❌                                                   | ❌             | ❌     |
-| `VueUiBullet`         | `VueUiBulletDataset`               | `VueUiBulletConfig`         | `generatePdf`, `generateImg`, `getData`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background` | ❌             | ✅     |
+| Name                  | dataset type                       | config type                 | emits / exposed methods                             | slots                                                       | custom tooltip | themes |
+| --------------------- | ---------------------------------- | --------------------------- | --------------------------------------------------- | ----------------------------------------------------------- | -------------- | ------ |
+| `VueUiSparkline`      | `VueUiSparklineDatasetItem[]`      | `VueUiSparklineConfig`      | `@selectDatapoint`                                  | `#svg`, `#before`, `#chart-background`, `#tooltip`, `#hint` | ✅             | ✅     |
+| `VueUiSparkbar`       | `VueUiSparkbarDatasetItem[]`       | `VueUiSparkbarConfig`       | `@selectDatapoint`                                  | `#data-label`, `#title`                                     | ❌             | ✅     |
+| `VueUiSparkStackbar`  | `VueUiSparkStackbarDatasetItem[]`  | `VueUiSparkStackbarConfig`  | `@selectDatapoint`                                  | `#tooltip-before`, `#tooltip-after`, `#hint`                | ✅             | ✅     |
+| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint`                                  | `#chart-background`, `#hint`                                | ❌             | ✅     |
+| `VueUiSparkGauge`     | `VueUiSparkGaugeDataset`           | `VueUiSparkGaugeConfig`     | ❌                                                  | `#chart-background`                                         | ❌             | ✅     |
+| `VueUiSparkTrend`     | `number[]`                         | `VueUiSparkTrendConfig`     | ❌                                                  | `#chart-background`                                         | ❌             | ✅     |
+| `VueUiGizmo`          | `VueUiGizmoDataset`                | `VueUiGizmoConfig`          | ❌                                                  | ❌                                                          | ❌             | ❌     |
+| `VueUiBullet`         | `VueUiBulletDataset`               | `VueUiBulletConfig`         | `generatePdf`, `generateImg`, `getData`, `getImage` | `#svg`, `#legend`, `#watermark`, `#chart-background`        | ❌             | ✅     |
 
 ### Charts
 
-| Name                          | dataset type                               | config type                         | emits / exposed methods                                                                                                                                                                                                  | slots                                                                                                                                                                                    | custom tooltip | themes |
-| ----------------------------- | ------------------------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
-| `VueUiAgePyramid`             | `Array<Array<string / number>>`            | `VueUiSparklineConfig`              | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                | ✅             | ✅     |
-| `VueUiBump`                   | `VueUiBumpDatapointItem[]`                 | `VueUiBumpConfig`                   | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getData`, `getImage`                                                                                                                                      | `#svg`, `#watermark`, `#chart-background`, `#time-label`                                                                                                                                 | ❌             | ✅     |
-| `VueUiCandlestick`            | `Array<Array<string / number>>`            | `VueUiCandlestickConfig`            | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`                                                                               | ✅             | ✅     |
-| `VueUiChestnut`               | `VueUiChestnutDatasetRoot[]`               | `VueUiChestnutConfig`               | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                        | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                                                     | ❌             | ✅     |
-| `VueUiChord`                  | `VueUiChordDataset`                        | `VueUiChordConfig`                  | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                    | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`                                                                                                                         | ❌             | ✅     |
-| `VueUiCirclePack`             | `VueUiCirclePackDatasetItem[]`             | `VueUiCirclePackConfig`             | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage`                                                                                                                  | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label`, `#tooltip-before`, `#tooltip-after`                                                     | ✅             | ✅     |
-| `VueUiDag`                    | `VueUiDagDataset`                          | `VueUiDagConfig`                    | `@onNodeClick`, `@onMidpointEnter`, `@onMidpointLeave`, `getData`, `getImage`, `generatePdf`, `generateImage`, `generateSvg`, `toggleAnnotator`, `toggleFullscreen`, `zoomIn`, `zoomOut`, `resetZoom`, `switchDirection` | `#svg`, `#source`, `#node-label`, `#node`, `#tooltip-midpoint`, `#tooltip-node`, `#background-pattern`                                                                                   | ❌             | ✅     |
-| `VueUiDonutEvolution`         | `VueUiDonutEvolutionDatasetItem[]`         | `VueUiDonutEvolutionConfig`         | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage`                                                                                        | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`                                                                                                                    | ❌             | ✅     |
-| `VueUiDonut`                  | `VueUiDonutDatasetItem[]`                  | `VueUiDonutConfig`                  | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                                    | `#svg`, `#legend`, `#dataLabel`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#pattern`                                                     | ✅             | ✅     |
-| `VueUiDumbbell`               | `VueUiDumbbellDataset[]`                   | `VueUiDumbbellConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                                                                      | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                                                     | ❌             | ✅     |
-| `VueUiFlow`                   | `VueUiFlowDatasetItem[]`                   | `VueUiFlowConfig`                   | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                                     | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#tooltip-before`, `#tooltip-after`,                                                                                               | ✅             | ✅     |
-| `VueUiFunnel`                 | `VueUiFunnelDatasetItem[]`                 | `VueUiFunnelConfig`                 | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                                                                      | `#svg`, `#watermark`, `#chart-background`                                                                                                                                                | ❌             | ✅     |
-| `VueUiGalaxy`                 | `VueUiGalaxyDatasetItem[]`                 | `VueUiGalaxyConfig`                 | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                   | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background`                                                                                                               | ✅             | ✅     |
-| `VueUiGauge`                  | `VueUiGaugeDataset`                        | `VueUiGaugeConfig`                  | `generatePdf`, `generateImage`, `getImage`                                                                                                                                                                               | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`                                                                                                                         | ❌             | ✅     |
-| `VueUiHeatmap`                | `VueUiHeatmapDatasetItem[]`                | `VueUiHeatmapConfig`                | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                            | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                           | ✅             | ✅     |
-| `VueUiHistoryPlot`            | `VueUiHistoryPlotDatasetItem[]`            | `VueUiHistoryPlotConfig`            | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                    | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                | ✅             | ✅     |
-| `VueUiHorizontalBar`          | `VueUiHorizontalBarDatasetItem[]`          | `VueUiWheelConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage`                                                         | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`                                                                                    | ✅             | ✅     |
-| `VueUiMolecule`               | `VueUiMoleculeDatasetNode[]`               | `VueUiMoleculeConfig`               | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                                                                                      | `#node`, `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                  | ✅             | ✅     |
-| `VueUiMoodRadar`              | `VueUiMoodRadarDataset`                    | `VueUiMoodRadarConfig`              | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage`                                                                                                                                     | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                                                     | ❌             | ✅     |
-| `VueUiNestedDonuts`           | `VueUiNestedDonutsDatasetItem[]`           | `VueUiNestedDonutsConfig`           | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                   | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                | ✅             | ✅     |
-| `VueUiOnion`                  | `VueUiOnionDatasetItem[]`                  | `VueUiOnionConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                                        | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                | ✅             | ✅     |
-| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                                    | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`                                                                               | ✅             | ✅     |
-| `VueUiQuadrant`               | `VueUiQuadrantDatasetItem[]`               | `VueUiQuadrantConfig`               | `@selectLegend`, `@selectPlot`, `@selectSide`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                          | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#datapoint`                                                                                  | ✅             | ✅     |
-| `VueUiRadar`                  | `VueUiRadarDataset`                        | `VueUiRadarConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                                       | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                | ✅             | ✅     |
-| `VueUiRidgeline`              | `VueUiRidgelineDatasetItem[]`              | `VueUiRidgelineConfig`              | `@selectLegend`, `@selectX`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage`                                                        | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern`                                                                                                           | ❌             | ✅     |
-| `VueUiRings`                  | `VueUiRingsDatasetItem[]`                  | `VueUiRingsConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `toggleLabels`, `getImage`                                                       | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`                                                                                    | ✅             | ✅     |
-| `VueUiScatter`                | `VueUiScatterDatasetItem[]`                | `VueUiScatterConfig`                | `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                                                        | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                | ✅             | ✅     |
-| `VueUiStackbar`               | `VueUiStackbarDatasetItem[]`               | `VueUiStackbarConfig`               | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                           | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`                                                    | ✅             | ✅     |
-| `VueUiStackline`              | `VueUiStacklineDatasetItem[]`              | `VueUiStacklineConfig`              | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                           | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`                                                    | ✅             | ✅     |
-| `VueUiStripPlot`              | `VueUiStripPlotDataset[]`                  | `VueUiStripPlotConfig`              | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                | ✅             | ✅     |
-| `VueUiThermometer`            | `VueUiThermometerDataset`                  | `VueUiThermometerConfig`            | `generatePdf`, `generateImage` , `getImage`                                                                                                                                                                              | `#svg`, `#watermark`, `#chart-background`                                                                                                                                                | ❌             | ✅     |
-| `VueUiTiremarks`              | `VueUiTiremarksDataset`                    | `VueUiTiremarksConfig`              | `generatePdf`, `generateImage` , `getImage`                                                                                                                                                                              | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                                                     | ❌             | ✅     |
-| `VueUiTreemap`                | `VueUiTreemapDatasetItem[]`                | `VueUiTreemapConfig`                | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                   | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow`, `#group-label`                                                  | ✅             | ✅     |
-| `VueUiWaffle`                 | `VueUiWaffleDatasetItem[]`                 | `VueUiWaffleConfig`                 | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                                       | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern`                                                                                                         | ✅             | ✅     |
-| `VueUiWheel`                  | `VueUiWheelDataset`                        | `VueUiWheelConfig`                  | `generatePdf`, `generateImage` , `getImage`                                                                                                                                                                              | `#svg`, `#watermark`, `#chart-background`                                                                                                                                                | ❌             | ✅     |
-| `VueUiWordCloud`              | `VueUiWordCloudDatasetItem[] / string`     | `VueUiWordCloudConfig`              | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage`                                                                                                                                   | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background`                                                                                          | ✅             | ✅     |
-| `VueUiXyCanvas`               | `VueUiXyCanvasDatasetItem[]`               | `VueUiXyCanvasConfig`               | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`                                        | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`                                                                                                            | ✅             | ✅     |
-| `VueUiXy`                     | `VueUiXyDatasetItem[]`                     | `VueUiXyConfig`                     | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`        | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background`, `#pattern`, `#area-gradient`, `#bar-gradient` | ✅             | ✅     |
+| Name                          | dataset type                               | config type                         | emits / exposed methods                                                                                                                                                                                                    | slots                                                                                                                                                                                    | custom tooltip | themes |
+| ----------------------------- | ------------------------------------------ | ----------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
+| `VueUiAgePyramid`             | `Array<Array<string / number>>`            | `VueUiSparklineConfig`              | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                                                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiBump`                   | `VueUiBumpDatapointItem[]`                 | `VueUiBumpConfig`                   | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getData`, `getImage`                                                                                                                                        | `#svg`, `#watermark`, `#chart-background`, `#time-label`, `#hint`                                                                                                                        | ❌             | ✅     |
+| `VueUiCandlestick`            | `Array<Array<string / number>>`            | `VueUiCandlestickConfig`            | `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                                                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#hint`                                                                      | ✅             | ✅     |
+| `VueUiChestnut`               | `VueUiChestnutDatasetRoot[]`               | `VueUiChestnutConfig`               | `@selectRoot`, `@selectBranch`, `@selectNut`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                          | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#hint`, `#hint`                                                                                                                   | ❌             | ✅     |
+| `VueUiChord`                  | `VueUiChordDataset`                        | `VueUiChordConfig`                  | `@selectLegend`, `@selectGroup`, `@selectRibbon`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                      | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`, `#hint`                                                                                                                | ❌             | ✅     |
+| `VueUiCirclePack`             | `VueUiCirclePackDatasetItem[]`             | `VueUiCirclePackConfig`             | `@selectDatapoint`, `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTable`, `getImage`                                                                                                                    | `#svg`, `#legend`, `#watermark`, `#chart-background` , `#pattern`, `#zoom-label`, `#data-label`, `#tooltip-before`, `#tooltip-after`, `#hint`                                            | ✅             | ✅     |
+| `VueUiDag`                    | `VueUiDagDataset`                          | `VueUiDagConfig`                    | `@onNodeClick`, `@onMidpointEnter`, `@onMidpointLeave`, `getData`, `getImage`, `generatePdf`, `generateImage`, `generateSvg`, `toggleAnnotator`, `toggleFullscreen`, `zoomIn`, `zoomOut`, `resetZoom`, `switchDirection`   | `#svg`, `#source`, `#node-label`, `#node`, `#tooltip-midpoint`, `#tooltip-node`, `#background-pattern`, `#hint`                                                                          | ❌             | ✅     |
+| `VueUiDonutEvolution`         | `VueUiDonutEvolutionDatasetItem[]`         | `VueUiDonutEvolutionConfig`         | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage`                                                                                          | `#svg`, `#legend`, `#reset-action`, `#watermark`, `#chart-background`, `#hint`                                                                                                           | ❌             | ✅     |
+| `VueUiDonut`                  | `VueUiDonutDatasetItem[]`                  | `VueUiDonutConfig`                  | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                                      | `#svg`, `#legend`, `#dataLabel`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#pattern`, `#hint`                                            | ✅             | ✅     |
+| `VueUiDumbbell`               | `VueUiDumbbellDataset[]`                   | `VueUiDumbbellConfig`               | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                                                                        | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#hint`                                                                                                                            | ❌             | ✅     |
+| `VueUiFlow`                   | `VueUiFlowDatasetItem[]`                   | `VueUiFlowConfig`                   | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                                       | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#tooltip-before`, `#tooltip-after`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiFunnel`                 | `VueUiFunnelDatasetItem[]`                 | `VueUiFunnelConfig`                 | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `getImage`                                                                                                                                        | `#svg`, `#watermark`, `#chart-background`, `#hint`                                                                                                                                       | ❌             | ✅     |
+| `VueUiGalaxy`                 | `VueUiGalaxyDatasetItem[]`                 | `VueUiGalaxyConfig`                 | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                     | `#svg`, `#legend`,`#tooltip-before`, `#tooltip-after`, `#chart-background`, `#hint`                                                                                                      | ✅             | ✅     |
+| `VueUiGauge`                  | `VueUiGaugeDataset`                        | `VueUiGaugeConfig`                  | `generatePdf`, `generateImage`, `getImage`                                                                                                                                                                                 | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#pattern`                                                                                                                         | ❌             | ✅     |
+| `VueUiHeatmap`                | `VueUiHeatmapDatasetItem[]`                | `VueUiHeatmapConfig`                | `@selectDatapoint`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                                                                              | `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                                  | ✅             | ✅     |
+| `VueUiHistoryPlot`            | `VueUiHistoryPlotDatasetItem[]`            | `VueUiHistoryPlotConfig`            | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                      | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiHorizontalBar`          | `VueUiHorizontalBarDatasetItem[]`          | `VueUiWheelConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleSort`, `toggleTooltip` , `getImage`                                                           | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`, `#hint`                                                                           | ✅             | ✅     |
+| `VueUiMolecule`               | `VueUiMoleculeDatasetNode[]`               | `VueUiMoleculeConfig`               | `@selectNode`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                                                                                        | `#node`, `#svg`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`                                                                                                  | ✅             | ✅     |
+| `VueUiMoodRadar`              | `VueUiMoodRadarDataset`                    | `VueUiMoodRadarConfig`              | `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage`                                                                                                                                       | `#svg`, `#legend`, `#watermark`, `#chart-background`, `#hint`                                                                                                                            | ❌             | ✅     |
+| `VueUiNestedDonuts`           | `VueUiNestedDonutsDatasetItem[]`           | `VueUiNestedDonutsConfig`           | `@selectDatapoint`, `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                     | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiOnion`                  | `VueUiOnionDatasetItem[]`                  | `VueUiOnionConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip`, `getImage`                                                                          | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiParallelCoordinatePlot` | `VueUiParallelCoordinatePlotDatasetItem[]` | `VueUiParallelCoordinatePlotConfig` | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                                      | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#plot-comment`, `#watermark`, `#chart-background`, `#hint`                                                                      | ✅             | ✅     |
+| `VueUiQuadrant`               | `VueUiQuadrantDatasetItem[]`               | `VueUiQuadrantConfig`               | `@selectLegend`, `@selectPlot`, `@selectSide`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip`, `getImage`                            | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#datapoint`, `#hint`                                                                         | ✅             | ✅     |
+| `VueUiRadar`                  | `VueUiRadarDataset`                        | `VueUiRadarConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                                         | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiRidgeline`              | `VueUiRidgelineDatasetItem[]`              | `VueUiRidgelineConfig`              | `@selectLegend`, `@selectX`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable` , `getImage`                                                          | `#svg`, `#legend`, `#time-label`,`#watermark`, `#chart-background`, `#pattern`, `#hint`                                                                                                  | ❌             | ✅     |
+| `VueUiRings`                  | `VueUiRingsDatasetItem[]`                  | `VueUiRingsConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `toggleLabels`, `getImage`                                                         | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#pattern`, `#hint`                                                                           | ✅             | ✅     |
+| `VueUiScatter`                | `VueUiScatterDatasetItem[]`                | `VueUiScatterConfig`                | `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`                                                                                          | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiStackbar`               | `VueUiStackbarDatasetItem[]`               | `VueUiStackbarConfig`               | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                             | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`, `#hint`                                           | ✅             | ✅     |
+| `VueUiStackline`              | `VueUiStacklineDatasetItem[]`              | `VueUiStacklineConfig`              | `@selectLegend`, `@selectDatapoint`, `@selectTimeLabel`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                             | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`, `#chart-background`, `#pattern`, `#hint`                                           | ✅             | ✅     |
+| `VueUiStripPlot`              | `VueUiStripPlotDataset[]`                  | `VueUiStripPlotConfig`              | `@selectDatapoint`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleTooltip` , `getImage`                                                                                  | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#chart-background`, `#hint`                                                                                       | ✅             | ✅     |
+| `VueUiThermometer`            | `VueUiThermometerDataset`                  | `VueUiThermometerConfig`            | `generatePdf`, `generateImage` , `getImage`                                                                                                                                                                                | `#svg`, `#watermark`, `#chart-background`                                                                                                                                                | ❌             | ✅     |
+| `VueUiTiremarks`              | `VueUiTiremarksDataset`                    | `VueUiTiremarksConfig`              | `generatePdf`, `generateImage` , `getImage`                                                                                                                                                                                | `#svg`, `#legend`, `#watermark`, `#chart-background`                                                                                                                                     | ❌             | ✅     |
+| `VueUiTreemap`                | `VueUiTreemapDatasetItem[]`                | `VueUiTreemapConfig`                | `@selectLegend`, `@selectDatapoint`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`, `#hint`                                            | `#svg`, `#rect`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#breadcrumb-label`, `#breadcrumb-arrow`, `#group-label`                                                  | ✅             | ✅     |
+| `VueUiWaffle`                 | `VueUiWaffleDatasetItem[]`                 | `VueUiWaffleConfig`                 | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `getImage`, `#hint`                                                                | `#svg`, `#legend`, `#tooltip-before`, `#tooltip-after`, `#watermark`, `#pattern`                                                                                                         | ✅             | ✅     |
+| `VueUiWheel`                  | `VueUiWheelDataset`                        | `VueUiWheelConfig`                  | `generatePdf`, `generateImage` , `getImage`                                                                                                                                                                                | `#svg`, `#watermark`, `#chart-background`                                                                                                                                                | ❌             | ✅     |
+| `VueUiWordCloud`              | `VueUiWordCloudDatasetItem[] / string`     | `VueUiWordCloudConfig`              | `getData`, `generatePdf`, `generateImage`, `generateCsv`, `toggleTooltip` , `getImage`, `#hint`                                                                                                                            | `#svg`, `#reset-action`, `#watermark`, `#tooltip-before`, `#tooltip-after`, `#chart-background`                                                                                          | ✅             | ✅     |
+| `VueUiXyCanvas`               | `VueUiXyCanvasDatasetItem[]`               | `VueUiXyCanvasConfig`               | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`, `#hint`                                 | `#legend`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#watermark`                                                                                                            | ✅             | ✅     |
+| `VueUiXy`                     | `VueUiXyDatasetItem[]`                     | `VueUiXyConfig`                     | `@selectLegend`, `@selectX`, `@selectTimeLabel`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleLabels`, `toggleStack`, `toggleTooltip` , `getImage`, `#hint` | `#svg`, `#legend`, `#time-label`, `#tooltip-before`, `#tooltip-after`, `#reset-action`, `#plot-comment`,`#watermark`, `#chart-background`, `#pattern`, `#area-gradient`, `#bar-gradient` | ✅             | ✅     |
 
 ### 3D charts
 
-| Name         | dataset type        | config type        | emits / exposed methods                                   | slots                                     | custom tooltip | themes |
-| ------------ | ------------------- | ------------------ | --------------------------------------------------------- | ----------------------------------------- | -------------- | ------ |
-| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background` | ❌             | ✅     |
+| Name         | dataset type        | config type        | emits / exposed methods                                   | slots                                              | custom tooltip | themes |
+| ------------ | ------------------- | ------------------ | --------------------------------------------------------- | -------------------------------------------------- | -------------- | ------ |
+| `VueUi3dBar` | `VueUi3dBarDataset` | `VueUi3dBarConfig` | `generatePdf`, `generateImage`, `toggleTable`, `getImage` | `#svg`, `#watermark`, `#chart-background`, `#hint` | ❌             | ✅     |
 
 ### Maps
 
-| Name         | dataset type            | config type        | emits / exposed methods                                                                                                           | slots                                                               | custom tooltip | themes |
-| ------------ | ----------------------- | ------------------ | --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------- | -------------- | ------ |
-| `VueUiGeo`   | `VueUiGeoDatasetItem[]` | `VueUiGeoConfig`   | `generatePdf`, `generateImage`, `toggleTooltip`, `toggleAnnotator`, `getImage`, `zoomIn`, `zoomOut`, `resetZoom`, `focusLocation` | `#svg`, `#watermark`, `#pattern`, `#chart-background`, `#datapoint` | ✅             | ✅     |
-| `VueUiWorld` | `VueUiWorldDataset`     | `VueUiWorldConfig` | `getData`, `generatePdf`, `generateImage`, `toggleTable`, `toggleTooltip`, `toggleAnnotator`, `getImage`                          | `#svg`, `#watermark`, `#pattern`, `#chart-background`               | ✅             | ❌     |
+| Name         | dataset type            | config type        | emits / exposed methods                                                                                                                    | slots                                                               | custom tooltip | themes |
+| ------------ | ----------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------- | -------------- | ------ |
+| `VueUiGeo`   | `VueUiGeoDatasetItem[]` | `VueUiGeoConfig`   | `generatePdf`, `generateImage`, `toggleTooltip`, `toggleAnnotator`, `getImage`, `zoomIn`, `zoomOut`, `resetZoom`, `focusLocation`, `#hint` | `#svg`, `#watermark`, `#pattern`, `#chart-background`, `#datapoint` | ✅             | ✅     |
+| `VueUiWorld` | `VueUiWorldDataset`     | `VueUiWorldConfig` | `getData`, `generatePdf`, `generateImage`, `toggleTable`, `toggleTooltip`, `toggleAnnotator`, `getImage`                                   | `#svg`, `#watermark`, `#pattern`, `#chart-background`               | ✅             | ❌     |
 
 ### Data tables
 
@@ -1380,6 +1383,76 @@ function hideSeriesByName(name) {
 
 ## a11y
 
+### Keyboard navigation
+
+Chart components, when applicable, enable keyboard navigation inside the chart area (arrows), to cycle through datapoints when the chart area is in focus.
+
+It is possible to configure the following translations, used in hidden hints for screenreaders:
+
+```js
+const config = computed(() => ({
+  a11y: {
+    translations: {
+      keyboardNavigation:
+        "Use the left and right arrow keys to move between data points.",
+      tableAvailable: "A data table for this chart is available below.",
+      tableCaption: "Chart data table",
+    },
+  },
+}));
+```
+
+A #hint scoped slot is available to display a navigation hint when the chart area is in focus. This slot exposes the `a11y.translations.keyboardNavigation` text, and a `isVisible` boolean which is `true` when the chart area is in focus. The hint is absolutely positioned below the chart area.
+
+```html
+<VueUiXy :dataset :config>
+  <template #hint="{ hint, isVisible }">
+    <!-- Slot content is absolutely positoned below the chart area, but you can style it to adjust the position. -->
+    <p v-if="isVisible">{{ hint }}</p>
+  </template>
+</VueUiXy>
+```
+
+The #hint slot is available for the following components:
+
+- VueUiAgePyramid
+- VueUiBump
+- VueUiCandlestick
+- VueUiChord
+- VueUiCirclePack
+- VueUiDag
+- VueUiDonutEvolution
+- VueUiDonut
+- VueUiDumbbell
+- VueUiFlow
+- VueUiGalaxy
+- VueUiGeo
+- VueUiHeatmap
+- VueUiHistoryPlot
+- VueUiHorizontalBar
+- VueUiMoodRadar
+- VueUiNestedDonuts
+- VueUiOnion
+- VueUiParallelCoordinatePlot
+- VueUiQuadrant
+- VueUiQuickChart
+- VueUiRadar
+- VueUiRelationCircle
+- VueUiRidgeline
+- VueUiRings
+- VueUiScatter
+- VueUiSparkHistogram
+- VueUiSparkline
+- VueUiSparkStackbar
+- VueUiStackbar
+- VueUiStackline
+- VueUiStripPlot
+- VueUiTreemap
+- VueUiWaffle
+- VueUiWordCloud
+- VueUiXy
+- VueUiXyCanvas
+
 ### Copy alt text
 
 On all charts with a contextual menu, the `altCopy` button can be enabled.

package/dist/A11yDataTable-KcVAX2cP.js

@@ -0,0 +1,54 @@
+import { openBlock as t, createElementBlock as a, createElementVNode as l, toDisplayString as n, Fragment as o, renderList as u, renderSlot as s, createTextVNode as y } from "vue";
+import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = ["id"], $ = { scope: "row" }, f = {
+  __name: "A11yDataTable",
+  props: {
+    uid: { String, required: !0 },
+    head: { Array, default: () => [] },
+    body: { Array, default: () => [] },
+    caption: { String, default: "Data table" },
+    notice: { String, default: "A data table is available below." }
+  },
+  setup(e) {
+    return (i, g) => (t(), a("div", {
+      id: `chart-data-table-${e.uid}`,
+      class: "sr-only",
+      "data-dom-to-png-ignore": ""
+    }, [
+      l("p", null, n(e.notice), 1),
+      l("table", null, [
+        l("caption", null, n(e.caption), 1),
+        l("thead", null, [
+          l("tr", null, [
+            (t(!0), a(o, null, u(e.head, (r, d) => (t(), a("th", {
+              role: "cell",
+              key: `a11y-head-${d}-${e.uid}`,
+              scope: "col"
+            }, [
+              s(i.$slots, "th", { th: r }, () => [
+                y(n(r), 1)
+              ], !0)
+            ]))), 128))
+          ])
+        ]),
+        l("tbody", null, [
+          (t(!0), a(o, null, u(e.body, (r, d) => (t(), a("tr", {
+            key: `a11y-body-${d}-${e.uid}`
+          }, [
+            l("th", $, n(r[0]), 1),
+            (t(!0), a(o, null, u(r.slice(1), (c, b) => (t(), a("td", {
+              key: `a11y-cell-${d}-${b}-${e.uid}`
+            }, [
+              s(i.$slots, "td", { td: c }, () => [
+                y(n(c), 1)
+              ], !0)
+            ]))), 128))
+          ]))), 128))
+        ])
+      ])
+    ], 8, m));
+  }
+}, S = /* @__PURE__ */ h(f, [["__scopeId", "data-v-3422f96b"]]);
+export {
+  S as A
+};

package/dist/{Arrow-DlPyR6HQ.js → Arrow-Bn-9n3bm.js}

@@ -1,5 +1,5 @@
 import { computed as u, openBlock as d, createElementBlock as m, createElementVNode as t, unref as o } from "vue";
-import { j as n } from "./lib-GwPnJSrY.js";
+import { j as n } from "./lib-DBptbyyI.js";
 const s = { class: "vue-ui-element-arrow" }, f = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], c = ["d", "fill"], h = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], y = ["d", "fill"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], z = {
   __name: "Arrow",
   props: {

package/dist/{BaseDraggableDialog-DaB3XPwS.js → BaseDraggableDialog-CIb-iD9g.js}

@@ -1,6 +1,6 @@
 import { ref as s, reactive as A, computed as q, onMounted as F, onUnmounted as G, openBlock as x, createBlock as J, Teleport as Q, createElementBlock as O, withModifiers as d, normalizeStyle as k, createElementVNode as o, unref as Z, renderSlot as h, createVNode as _, normalizeClass as ee, createCommentVNode as te, nextTick as ne } from "vue";
-import oe from "./BaseIcon-DYhirMez.js";
-import { j as ie, X as re } from "./lib-GwPnJSrY.js";
+import oe from "./BaseIcon-Cb3zzG6s.js";
+import { j as ie, X as re } from "./lib-DBptbyyI.js";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
   __name: "BaseDraggableDialog",

package/dist/{BaseIcon-DYhirMez.js → BaseIcon-Cb3zzG6s.js}

@@ -1,5 +1,5 @@
 import { useCssVars as Q, computed as l, useSlots as N, openBlock as b, createElementBlock as v, normalizeClass as z, unref as S } from "vue";
-import { X as B } from "./lib-GwPnJSrY.js";
+import { X as B } from "./lib-DBptbyyI.js";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "viewBox", "height", "width", "innerHTML"], I = {
   __name: "BaseIcon",
@@ -28,7 +28,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
   },
   setup(C) {
     Q((o) => ({
-      v49184ebc: Z.value
+      v562d1c17: Z.value
     }));
     const i = C, D = l(() => i.name === "numbers" ? "0 0 20 21" : "0 0 20 20"), Z = l(() => i.spinDuration);
     function $(o, { stroke: n, strokeWidth: e }) {
@@ -333,10 +333,11 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
         externalLink: `<path d="M 19 1 L 10 10 M 15 1 L 19 1 L 19 5 M 10 3 L 5 3 C 4 3 3 4 3 5 L 3 15 C 3 16 4 17 5 17 L 15 17 C 16 17 17 16 17 15 L 17 10" stroke-linecap="round" stroke-linejoin="round" stroke="${n}" stroke-width="${e}" fill="none" style="opacity: 1"/>`,
         plotLine: `<path d="M 4 14 A 1 1 0 0 0 4 18 A 1 1 0 0 0 4 14 M 16 2 A 1 1 0 0 0 16 6 A 1 1 0 0 0 16 2 M 14.586 5.414 L 5.42 14.592" stroke-linecap="round" stroke-linejoin="round" stroke="${n}" stroke-width="${e}" fill="none" style="opacity: 1"/>`,
         plotArrow: `<path d="M 4 14 A 1 1 0 0 0 4 18 A 1 1 0 0 0 4 14 M 17 3 L 5.42 14.592 M 13 3 L 17 3 L 17 7" stroke-linecap="round" stroke-linejoin="round" stroke="${n}" stroke-width="${e}" fill="none" style="opacity: 1"/>`,
-        accessibility: `<path d="M 10 1 A 1 1 0 0 0 10 5 A 1 1 0 0 0 10 1 M 10 7 L 4 4 A 1 1 0 0 0 3 6 L 8 9 L 8 11 L 4 17 A 1 1 0 0 0 6 18 L 10 13 L 14 18 A 1 1 0 0 0 16 17 L 12 11 L 12 9 L 17 6 A 1 1 0 0 0 16 4 L 10 7" stroke-linecap="round" stroke-linejoin="round" stroke="${n}" stroke-width="${e}" fill="none" style="opacity: 1"/>`
+        accessibility: `<path d="M 10 1 A 1 1 0 0 0 10 5 A 1 1 0 0 0 10 1 M 10 7 L 4 4 A 1 1 0 0 0 3 6 L 8 9 L 8 11 L 4 17 A 1 1 0 0 0 6 18 L 10 13 L 14 18 A 1 1 0 0 0 16 17 L 12 11 L 12 9 L 17 6 A 1 1 0 0 0 16 4 L 10 7" stroke-linecap="round" stroke-linejoin="round" stroke="${n}" stroke-width="${e}" fill="none" style="opacity: 1"/>`,
+        npmx: `<path d="M 17 2 L 11 18 L 9 18 L 15 2 L 17 2 M 3 13 L 3 16 L 6 16 L 6 13 L 3 13" stroke-linecap="round" stroke-linejoin="round" fill="${n}" style="opacity: 1"/>`
       }[o] || "";
     }
-    const h = N(), A = l(() => (h.exp?.() || [])[0] || null), w = l(() => (h.sub?.() || [])[0] || null), c = l(() => !!A.value), s = l(() => !!w.value), y = l(() => c.value || s.value), r = l(() => {
+    const h = N(), A = l(() => (h.exp?.() || [])[0] || null), y = l(() => (h.sub?.() || [])[0] || null), c = l(() => !!A.value), s = l(() => !!y.value), w = l(() => c.value || s.value), r = l(() => {
       const o = A.value?.props || {};
       return {
         name: o.name,
@@ -347,7 +348,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
         spinDuration: o.spinDuration || o["spin-duration"] || "1s"
       };
     }), M = l(() => {
-      const o = w.value?.props || {};
+      const o = y.value?.props || {};
       return {
         name: o.name,
         stroke: o.stroke ?? i.stroke,
@@ -442,8 +443,8 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
     `;
       }
       return `${o}${n}${e}`;
-    }), g = l(() => y.value ? c.value && !s.value || s.value && !c.value ? i.size * 1.6 : i.size * 2.2 : i.size);
-    return (o, n) => y.value ? (b(), v("svg", {
+    }), g = l(() => w.value ? c.value && !s.value || s.value && !c.value ? i.size * 1.6 : i.size * 2.2 : i.size);
+    return (o, n) => w.value ? (b(), v("svg", {
       key: 0,
       xmlns: S(B),
       class: z({ "spin ": C.isSpin }),
@@ -463,7 +464,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
       style: { background: "transparent" }
     }, null, 10, _));
   }
-}, q = /* @__PURE__ */ E(I, [["__scopeId", "data-v-d0906a51"]]);
+}, q = /* @__PURE__ */ E(I, [["__scopeId", "data-v-98bf3cce"]]);
 export {
   q as default
 };

package/dist/{BaseLegendToggle-ZDVj6coL.js → BaseLegendToggle-BQVIawmA.js}

@@ -1,5 +1,5 @@
 import { openBlock as i, createElementBlock as l, normalizeClass as a, createElementVNode as s, normalizeStyle as d, withKeys as g, createVNode as c } from "vue";
-import m from "./BaseIcon-DYhirMez.js";
+import m from "./BaseIcon-Cb3zzG6s.js";
 import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const C = {
   __name: "BaseLegendToggle",

package/dist/{BaseZoomControls-r2ndeaDq.js → BaseZoomControls-DievbOeJ.js}

@@ -1,6 +1,6 @@
 import { openBlock as c, createElementBlock as a, normalizeStyle as e, unref as d, normalizeClass as m, createElementVNode as l, createVNode as s, toDisplayString as f, createCommentVNode as z } from "vue";
-import { l as y } from "./exposedLib-H4lmBl1t.js";
-import i from "./BaseIcon-DYhirMez.js";
+import { l as y } from "./exposedLib-DlqmhBx3.js";
+import i from "./BaseIcon-Cb3zzG6s.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = ["disabled"], C = {
   __name: "BaseZoomControls",

package/dist/{ColorPicker-DwUWvBwa.js → ColorPicker-DQ5sdRrl.js}

@@ -1,6 +1,6 @@
 import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, openBlock as s, createElementBlock as v, withKeys as A, createElementVNode as i, normalizeStyle as a, renderSlot as G, normalizeProps as H, guardReactiveProps as J, createVNode as b, withModifiers as n, Fragment as R, renderList as M, createCommentVNode as N, createBlock as Q, Teleport as X, unref as Z, nextTick as _ } from "vue";
-import g from "./BaseIcon-DYhirMez.js";
-import { W as ee } from "./lib-GwPnJSrY.js";
+import g from "./BaseIcon-Cb3zzG6s.js";
+import { W as ee } from "./lib-DBptbyyI.js";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = ["onClick"], re = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, le = ["value"], ie = ["onClick"], ue = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, se = ["value"], ae = {

package/dist/{DataTable-mrCnsKbU.js → DataTable-DT2kIdQ6.js}

@@ -1,6 +1,6 @@
 import { useCssVars as A, unref as t, computed as D, ref as k, onMounted as E, openBlock as o, createElementBlock as l, normalizeClass as C, normalizeStyle as r, withKeys as R, createVNode as B, createCommentVNode as m, createElementVNode as a, toDisplayString as I, Fragment as g, renderList as v, renderSlot as $ } from "vue";
-import { _ as K } from "./Shape-CSyWYgXc.js";
-import O from "./BaseIcon-DYhirMez.js";
+import { _ as K } from "./Shape-BKRUOeKk.js";
+import O from "./BaseIcon-Cb3zzG6s.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, F = { style: { width: "12px", height: "12px" } }, L = {
   key: 0,

package/dist/Legend-CS7Xo5LK.js

@@ -0,0 +1,101 @@
+import { openBlock as r, createElementBlock as l, normalizeStyle as f, renderSlot as d, Fragment as h, renderList as y, normalizeClass as p, createVNode as b, mergeProps as v, unref as x, createCommentVNode as S } from "vue";
+import { a9 as $ } from "./lib-DBptbyyI.js";
+import { _ as B } from "./Shape-BKRUOeKk.js";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const w = ["id"], z = ["role", "tabindex", "onKeydown", "onFocus"], F = ["onClick", "viewBox"], M = {
+  __name: "Legend",
+  props: {
+    legendSet: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    clickable: {
+      type: Boolean,
+      default: !0
+    },
+    isCursorPointer: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["clickMarker", "focusMarker"],
+  setup(t, { emit: m }) {
+    const c = t, u = m;
+    function s(n, o) {
+      c.clickable && u("clickMarker", { legend: n, i: o });
+    }
+    function k(n, o, e) {
+      c.clickable && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), s(o, e));
+    }
+    function g(n, o, e) {
+      n.preventDefault(), u("focusMarker", { legend: o, i: e });
+    }
+    return (n, o) => (r(), l("div", {
+      id: t.id,
+      class: "vue-data-ui-legend",
+      style: f({
+        background: t.config.backgroundColor,
+        color: t.config.color,
+        paddingBottom: (t.config.paddingBottom ?? 0) + "px",
+        paddingTop: (t.config.paddingTop ?? 12) + "px",
+        fontWeight: t.config.fontWeight,
+        fontSize: `var(--legend-font-size, ${t.config.fontSize ?? 14}px)`
+      })
+    }, [
+      d(n.$slots, "legendTitle", { titleSet: t.legendSet }, void 0, !0),
+      d(n.$slots, "legendToggle", {}, void 0, !0),
+      (r(!0), l(h, null, y(t.legendSet, (e, i) => (r(), l("div", {
+        key: `legend_${i}`,
+        class: p({ "vue-data-ui-legend-item": !0, active: t.clickable && t.isCursorPointer }),
+        role: t.clickable ? "button" : void 0,
+        tabindex: t.clickable ? 0 : void 0,
+        onKeydown: (a) => k(a, e, i),
+        onFocus: (a) => g(a, e, i)
+      }, [
+        e.shape ? (r(), l("svg", {
+          key: 0,
+          onClick: (a) => s(e, i),
+          height: "1em",
+          width: "1em",
+          viewBox: e.shape && e.shape === "star" ? "-10 -10 80 80" : "0 0 60 60",
+          style: f(`overflow: visible; opacity:${e.opacity}`),
+          "aria-hidden": "true"
+        }, [
+          b(B, {
+            stroke: "none",
+            shape: e.shape,
+            radius: 30,
+            plot: {
+              x: 30,
+              y: e.shape === "triangle" ? 36 : 30
+            },
+            fill: e.color
+          }, null, 8, ["shape", "plot", "fill"]),
+          d(n.$slots, "legend-pattern", v({ ref_for: !0 }, {
+            legend: e,
+            index: x($)(e.absoluteIndex) ? e.absoluteIndex : i
+          }), void 0, !0)
+        ], 12, F)) : S("", !0),
+        d(n.$slots, "item", {
+          legend: e,
+          index: i
+        }, void 0, !0)
+      ], 42, z))), 128))
+    ], 12, w));
+  }
+}, L = /* @__PURE__ */ C(M, [["__scopeId", "data-v-d9726364"]]);
+export {
+  L as default
+};

package/dist/{NonSvgPenAndPaper-Bl2OlHDV.js → NonSvgPenAndPaper-vqweC0WU.js}

@@ -1,7 +1,7 @@
 import { ref as u, computed as ge, onMounted as ze, nextTick as Xe, onBeforeUnmount as Ye, watch as ee, openBlock as g, createElementBlock as y, Fragment as J, normalizeStyle as C, normalizeClass as M, createElementVNode as $, createVNode as P, toDisplayString as ye, unref as xe, withDirectives as we, vModelText as ke, createCommentVNode as R, withModifiers as be, renderList as me } from "vue";
-import { j as Ce, x as We, l as Re, X as U } from "./lib-GwPnJSrY.js";
-import q from "./BaseIcon-DYhirMez.js";
-import { C as Ue } from "./ColorPicker-DwUWvBwa.js";
+import { j as Ce, x as We, l as Re, X as U } from "./lib-DBptbyyI.js";
+import q from "./BaseIcon-Cb3zzG6s.js";
+import { C as Ue } from "./ColorPicker-DQ5sdRrl.js";
 import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy", "r", "fill"], Ge = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], He = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "marker-end"], Oe = ["d", "stroke", "stroke-width"], Qe = ["x", "y", "fill", "font-size"], je = ["x", "dy"], Je = ["d", "stroke", "stroke-width"], Ze = {
   __name: "NonSvgPenAndPaper",

package/dist/{PackageVersion-C44ft5c7.js → PackageVersion-IIGK_e2C.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.15.11", a = { "aria-hidden": "true" }, p = {
+const n = "3.16.0", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (e(), t("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{PenAndPaper-d2L8xCxt.js → PenAndPaper-DARlvvKW.js}

@@ -1,7 +1,7 @@
 import { ref as v, computed as he, watch as te, nextTick as Ae, onMounted as Te, onBeforeUnmount as Fe, openBlock as re, createElementBlock as se, normalizeStyle as x, createElementVNode as B, renderSlot as M, createVNode as T, withCtx as Ie, normalizeProps as U, guardReactiveProps as K, normalizeClass as ne, toDisplayString as Qe, unref as Ve, withDirectives as be, vModelText as we, createCommentVNode as Ue } from "vue";
-import X from "./BaseIcon-DYhirMez.js";
-import { C as Ke } from "./ColorPicker-DwUWvBwa.js";
-import { j as ye, x as Xe, l as Ye, X as Y } from "./lib-GwPnJSrY.js";
+import X from "./BaseIcon-Cb3zzG6s.js";
+import { C as Ke } from "./ColorPicker-DQ5sdRrl.js";
+import { j as ye, x as Xe, l as Ye, X as Y } from "./lib-DBptbyyI.js";
 const Ge = ["disabled"], Oe = {
   __name: "PenAndPaper",
   props: {