vue-data-ui 3.5.2 → 3.7.0

package/README.md

@@ -8,7 +8,7 @@
 # vue-data-ui
 
 [![npm](https://img.shields.io/npm/v/vue-data-ui)](https://github.com/graphieros/vue-data-ui)
-[![Static Badge](https://img.shields.io/badge/components-63-blue)](https://github.com/graphieros/vue-data-ui)
+[![Static Badge](https://img.shields.io/badge/components-64-blue)](https://github.com/graphieros/vue-data-ui)
 [![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)](https://github.com/graphieros/vue-data-ui/issues)
 [![License](https://img.shields.io/badge/license-MIT-green)](https://github.com/graphieros/vue-data-ui?tab=MIT-1-ov-file#readme)
 [![MadeWithVueJs.com shield](https://madewithvuejs.com/storage/repo-shields/4526-shield.svg)](https://madewithvuejs.com/p/vue-data-ui/shield-link)
@@ -49,6 +49,7 @@ Available components
 - [VueUiRings](https://vue-data-ui.graphieros.com/docs#vue-ui-rings)
 - [VueUiScatter](https://vue-data-ui.graphieros.com/docs#vue-ui-scatter)
 - [VueUiStackbar](https://vue-data-ui.graphieros.com/docs#vue-ui-stackbar)
+- [VueUiStackline](https://vue-data-ui.graphieros.com/docs#vue-ui-stackline)
 - [VueUiStripPlot](https://vue-data-ui.graphieros.com/docs#vue-ui-strip-plot)
 - [VueUiThermometer](https://vue-data-ui.graphieros.com/docs#vue-ui-thermometer)
 - [VueUiTiremarks](https://vue-data-ui.graphieros.com/docs#vue-ui-tiremarks)
@@ -127,7 +128,7 @@ app.component("VueUiRadar", VueUiRadar);
 app.mount("#app");
 ```
 
-Or you can import just what you need in your files:
+Or you can import just what you need into your files:
 
 ```js
 <script setup>import {(VueUiRadar, VueUiXy)} from "vue-data-ui";</script>
@@ -207,7 +208,7 @@ customFormat: ({ seriesIndex, datapoint, series, config }) => {
 Data labels can be customized using the `formatter` config attribute (since v2.3.29 on all chart components):
 
 ```
-// the formatter attribute is generally placed under label or dataLabel config attribute objects
+// the formatter attribute is generally placed under the label or dataLabel config attribute objects
 
 const config = ref({
   formatter: ({ value, config }) => {
@@ -268,8 +269,8 @@ It is recommended to set the show legend config attribute to false, to hide the
 
 ## Tooltip #tooltip-before & #tooltip-after slots
 
-Customize tooltip contents with #tooltip-before and #tooltip-after slots.
-It is that easy to include an image, another chart or any other content into your tooltips. It's an alternative to the config option tooltip.customFormat, in case richer tooltip content is needed.
+Customize tooltip contents with #tooltip-before and #tooltip-after slots, to include an image, another chart or any other rich content into your tooltips.
+It's an alternative to the config option `tooltip.customFormat`, in case richer tooltip content is needed.
 
 Both slots expose the following object:
 
@@ -301,6 +302,7 @@ The following charts bear these slots:
 - VueUiScatter
 - VueUiSparkStackbar
 - VueUiStackbar
+- VueUiStackline
 - VueUiTreemap
 - VueUiHorizontalBar
 - VueUiWordCloud
@@ -331,13 +333,13 @@ The following charts bear these slots:
   </template>
   <template #tooltip-after={ datapoint, seriesIndex, dataset, config }">
     <div>
-      This content shows last
+      This content shows the last
     </div>
   </template>
 </VueUiDonut>
 ```
 
-The #tooltip-before & #tooltip-after slots also works when using the VueDataUi universal component, if the component it wraps supports them.
+The #tooltip-before & #tooltip-after slots also work when using the VueDataUi universal component, if the component it wraps supports them.
 
 ## Add a watermark using the #watermark slot
 
@@ -470,6 +472,7 @@ From the dataset you pass into the props, this component will produce the most a
 | `VueUiRings`                  | `VueUiRingsDatasetItem[]`                  | `VueUiRingsConfig`                  | `@selectLegend`, `hideSeries`, `showSeries`, `getData`, `generatePdf`, `generateCsv`, `generateImage`, `toggleTable`, `toggleTooltip` , `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`                                                                                                                                     | ❌             | ✅     |
@@ -536,8 +539,8 @@ All names of available icons are available in the vue-data-ui.d.ts file under th
 
 # User options
 
-User options menu is accessible in the burger menu located on the top right of charts, and visible by default.
-To hide user options menu, set config.userOptions.show to false:
+User options menu is accessible in the burger menu located on the top right of the charts, and visible by default.
+To hide the user options menu, set config.userOptions.show to false:
 
 ```js
 const config = ref({
@@ -548,7 +551,7 @@ const config = ref({
 })
 ```
 
-User options menu can be set to appear only when hovering the component:
+The user options menu can be set to appear only when hovering over the component:
 
 ```js
 const config = ref({
@@ -560,7 +563,7 @@ const config = ref({
 });
 ```
 
-Predefined actions in user options menu depend on the type of chart. Some charts have more or less actions available. Action buttons contain an predefined icons by default.
+Predefined actions in the user options menu depend on the type of chart. Some charts have more or fewer actions available. Action buttons contain predefined icons by default.
 
 To hide a given action, set the userOption.buttons, for example:
 
@@ -593,7 +596,7 @@ What happens when the button is clicked is taken care of by the component, excep
 </VueUiDonut>
 ```
 
-You can pass a callback trhough the config, for each button, to override the default behavior:
+You can pass a callback through the config, for each button, to override the default behavior:
 
 ```ts
 const config = {
@@ -608,7 +611,7 @@ const config = {
       csv: (csvStr: string) => {
         console.log(csvStr);
       },
-      // the other atributes also have the same names as the buttons
+      // the other attributes also have the same names as the buttons
     },
   },
 };
@@ -654,6 +657,7 @@ User options actions available per chart:
 | VueUiSparkgauge             | (no user options menu)                                                                                                    |
 | VueUiSparkline              | (no user options menu)                                                                                                    |
 | VueUiStackbar               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator              |
+| VueUiStackline              | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator              |
 | VueUiStripPlot              | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator              |
 | VueUiTableHeatmap           | optionPdf, optionImg, optionCsv, optionFullscreen                                                                         |
 | VueUiTableSparkline         | optionPdf, optionImg, optionCsv, optionFullscreen                                                                         |
@@ -730,6 +734,7 @@ It is possible to provide a custom palette in the config prop through config.cus
 - VueUiSparkStackbar
 - VueUiSparkbar
 - VueUiStackbar
+- VueUiStackline
 - VueUiStripPlot
 - VueUiTableSparkline
 - VueUiThermometer
@@ -747,7 +752,7 @@ Accepted color formats: HEX, RGB, HSL, named colors.
 # Responsive charts
 
 By default, all charts will scale to the width of their container.
-However the folowing charts can be made fully responsive, making them better to use in resizable containers:
+However the following charts can be made fully responsive, making them better to use in resizable containers:
 
 | Component                   | Responsive feature implemented |
 | --------------------------- | ------------------------------ |
@@ -787,6 +792,7 @@ However the folowing charts can be made fully responsive, making them better to
 | VueUiSparkgauge             | -                              |
 | VueUiSparkline              | ✅                             |
 | VueUiStackbar               | ✅                             |
+| VueUiStackline              | ✅                             |
 | VueUiStripPlot              | ✅                             |
 | VueUiTableHeatmap           | -                              |
 | VueUiTableSparkline         | -                              |
@@ -818,14 +824,14 @@ const config = ref({
 Very large datasets (> 5k or > 10k datapoints) will cause the browsers rendering engines to slow down, caused by too many SVG DOM elements to render.
 The following charts use the LTTB algorithm (Largest-Triangle-Three-Bucket) beyond a certain threshold to downsample the rendered dataset while preserving its shape. These components are the most susceptible to be used with very large datasets:
 
-| Component       | Default Threshold | Remark                                                    |
-| --------------- | ----------------- | --------------------------------------------------------- |
-| VueUiXy         | 1095              |                                                           |
-| VueUiXyCanvas   | 10000             | Since this chart uses canvas, threhsold can be set higher |
-| VueUiQuadrant   | 1095              |                                                           |
-| VueUiScatter    | 1095              |                                                           |
-| VueUiSparkline  | 1095              |                                                           |
-| VueUiSparkTrend | 1095              |                                                           |
+| Component       | Default Threshold | Remark                                                        |
+| --------------- | ----------------- | ------------------------------------------------------------- |
+| VueUiXy         | 1095              |                                                               |
+| VueUiXyCanvas   | 10000             | Since this chart uses canvas, the threshold can be set higher |
+| VueUiQuadrant   | 1095              |                                                               |
+| VueUiScatter    | 1095              |                                                               |
+| VueUiSparkline  | 1095              |                                                               |
+| VueUiSparkTrend | 1095              |                                                               |
 
 The downsample threshold for each component can be set in the config prop passed to components:
 
@@ -878,7 +884,7 @@ A pattern element must be used inside this slot. It will be injected inside a de
 ```html
 <VueUiDonut :config="config" :dataset="dataset">
   <template #pattern="{ seriesIndex, patternId }">
-    <!-- Apply a patattern on the first datapoint only -->
+    <!-- Apply a pattern on the first datapoint only -->
     <pattern
       v-if="seriesIndex === 0"
       :id="patternId"
@@ -901,12 +907,13 @@ The #pattern slot is available on the following components:
 - VueUiRidgeline
 - VueUiRings
 - VueUiStackbar
+- VueUiStackline
 - VueUiHorizontalBar
 - VueUiWaffle
 - VueUiWorld
 - VueUiXy
 
-A set of 12 readymade patterns are available through the VueUiPattern component:
+A set of 12 readymade patterns is available through the VueUiPattern component:
 
 ```js
 import { VueUiPattern } from "vue-data-ui";
@@ -949,7 +956,7 @@ List of available patterns:
 
 # Utility functions
 
-A set of uility functions is available:
+A set of utility functions is available:
 
 ```js
 import {
@@ -1104,7 +1111,7 @@ const merged = mergeConfigs({
 
 ## Multiline data labels
 
-Some components will display labels on mutliple lines when the provided text contains a line break. (example: "I contain\na line break").
+Some components will display labels on multiple lines when the provided text contains a line break. (example: "I contain\na line break").
 Below is a table of the places where such line breaks can be used:
 
 | Component                   | Label displayed      | Where to use line breaks                               |
@@ -1117,11 +1124,12 @@ Below is a table of the places where such line breaks can be used:
 | VueUiQuickChart             | Time labels (x axis) | config.xyPeriods                                       |
 | VueUiRidgeline              | Time labels (x axis) | config.style.chart.xAxis.labels.values                 |
 | VueUiStackbar               | Time labels (x axis) | config.style.chart.grid.x.timeLabels.values            |
+| VueUiStackline              | Time labels (x axis) | config.style.chart.grid.x.timeLabels.values            |
 | VueUiStripPlot              | x axis labels        | dataset names                                          |
 
 ## PDF generation
 
-This package requires jspdf as a peer dependency. Please install it in your project if you intend on using the PDF printing feature.
+This package requires jspdf as a peer dependency. Please install it in your project if you intend to use the PDF printing feature.
 
 ## `useObjectBindings`
 
@@ -1237,6 +1245,7 @@ function hideSeriesByName(name) {
 - VueUiScatter
 - VueUiSparkStackbar
 - VueUiStackbar
+- VueUiStackline
 - VueUiTreemap
 - VueUiWaffle
 - VueUiXy

package/dist/{Arrow-BGVin3AS.js → Arrow-CWYIBV-7.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as d, openBlock as m, createElementVNode as t, unref as o } from "vue";
-import { c as n } from "./lib-C_mNZmhD.js";
+import { c as n } from "./lib-C5BH09_g.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-ymf2sfB8.js → BaseDraggableDialog-CRF94NJQ.js}

@@ -1,6 +1,6 @@
 import { ref as L, reactive as P, computed as N, onMounted as R, onUnmounted as F, createBlock as I, openBlock as z, Teleport as V, createElementBlock as B, createCommentVNode as j, withModifiers as s, normalizeStyle as D, createElementVNode as o, unref as K, renderSlot as S, createVNode as U, normalizeClass as q, nextTick as A } from "vue";
-import G from "./BaseIcon-BmMbm4d0.js";
-import { X as J } from "./lib-C_mNZmhD.js";
+import G from "./BaseIcon-CofSxalQ.js";
+import { X as J } from "./lib-C5BH09_g.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = ["xmlns"], _ = { class: "modal-title" }, ee = { class: "draggable-dialog-actions" }, te = {
   __name: "BaseDraggableDialog",

package/dist/{BaseIcon-BmMbm4d0.js → BaseIcon-CofSxalQ.js}

@@ -1,5 +1,5 @@
 import { computed as e, createElementBlock as s, openBlock as i, normalizeClass as k, unref as L } from "vue";
-import { X as l } from "./lib-C_mNZmhD.js";
+import { X as l } from "./lib-C5BH09_g.js";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
   __name: "BaseIcon",
@@ -24,8 +24,8 @@ const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
   },
   setup(o) {
     const t = o, r = e(() => t.name === "numbers" ? "0 0 20 21" : "0 0 20 20"), n = e(() => ({
-      annotator: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" d="M 3 17 L 4 12 C 5 12 7 13 8 15 L 3 17 M 4 12 L 11 2 C 12 2 14 3 15 5 L 8 15 M 12 1 C 13 1 15 2 16 4" />`,
-      annotatorDisabled: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" d="M 3 17 L 4 12 C 5 12 7 13 8 15 L 3 17 M 4 12 L 11 2 C 12 2 14 3 15 5 L 8 15 M 12 1 C 13 1 15 2 16 4 M 2 2 L 18 17" />`,
+      annotator: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 18 L 3 14 L 2 18 L 6 17 C 4 16 4 16 3 14 M 14 3 L 17 6 L 18 5 C 18 5 19 4 18 3 L 17 2 C 17 2 16 1 15 2 L 14 3 M 5 14 L 6 15 C 6 15 7 16 8 15 L 15 8 C 16 7 15 6 15 6 L 14 5 C 14 5 13 4 12 5 L 5 12 C 4 13 5 14 5 14" />`,
+      annotatorDisabled: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 18 L 3 14 L 2 18 L 6 17 C 4 16 4 16 3 14 M 14 3 L 17 6 L 18 5 C 18 5 19 4 18 3 L 17 2 C 17 2 16 1 15 2 L 14 3 M 5 14 L 6 15 C 6 15 7 16 8 15 L 15 8 C 16 7 15 6 15 6 L 14 5 C 14 5 13 4 12 5 L 5 12 C 4 13 5 14 5 14 M 2 2 L 18 18" />`,
       chart3dBar: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" d="M10 1 6 3 6 17 10 19 14 17 14 3 10 1M6 3 10 5 14 3M10 5 10 19" stroke-linecap="round" stroke-linejoin="round"/><path fill="${t.stroke}" stroke="none" style="opacity:0.3" d="M 6 10 L 10 12 L 14 10 L 14 17 L 10 19 L 6 17 L 6 10"/>`,
       chartAgePyramid: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" d="M 2 15 L 2 17 L 9 17 L 9 15 L 2 15 M 11 15 L 11 17 L 18 17 L 18 15 L 11 15 M 9 13 L 3 13 L 3 11 L 9 11 L 9 13 M 11 11 L 11 13 L 17 13 L 17 11 L 11 11 M 9 9 L 4 9 L 4 7 L 9 7 L 9 9 M 11 7 L 11 9 L 16 9 L 16 7 L 11 7 M 9 5 L 6 5 L 6 3 L 9 3 L 9 5 M 11 3 L 11 5 L 14 5 L 14 3 L 11 3" />`,
       chartBar: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" d="M2 12 2 18C2 19 2 19 3 19L5 19C6 19 6 19 6 18L6 12C6 11 6 11 5 11L3 11C2 11 2 11 2 12M8 7 8 18C8 19 8 19 9 19L11 19C12 19 12 19 12 18L12 7C12 6 12 6 11 6L9 6C8 6 8 6 8 7M14 2 14 18C14 19 14 19 15 19L17 19C18 19 18 19 18 18L18 2C18 1 18 1 17 1L15 1C14 1 14 1 14 2"/>`,
@@ -195,7 +195,8 @@ const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
       bringToBack: `<path fill="${t.stroke}" d="M 7 13 L 7 10 L 8 10 C 10 10 10 9 10 8 L 10 7 L 13 7 L 13 10 L 12 10 C 11 10 10 10 10 12 L 10 13 L 7 13"/><path fill="none" stroke="${t.stroke}" stroke-linecap="round" stroke-linejoin="round" d="M 11 9 M 9 8 L 9 3 C 9 3 9 2 8 2 L 3 2 C 2 2 2 3 2 3 L 2 8 C 2 9 3 9 3 9 L 8 9 C 9 9 9 8 9 8 M 11 12 L 11 17 C 11 18 12 18 12 18 L 17 18 C 17 18 18 18 18 17 L 18 12 C 18 12 18 11 17 11 L 12 11 C 11 11 11 12 11 12"/>`,
       printer: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 6 13 L 6 17 C 6 18 7 18 7 18 L 13 18 C 13 18 14 18 14 17 L 14 13 C 14 13 14 12 13 12 L 7 12 C 6 12 6 13 6 13 M 5 15 L 3 15 C 3 15 2 15 2 14 L 2 9 C 2 8 3 8 3 8 L 17 8 C 18 8 18 9 18 9 L 18 14 C 18 15 17 15 17 15 L 15 15 M 6 7 L 6 4 C 6 3 7 3 7 3 L 13 3 C 14 3 14 4 14 4 L 14 7"/>`,
       save: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 3 2 L 3 2 L 14 2 L 18 6 L 18 17 C 18 18 17 18 17 18 L 3 18 C 3 18 2 18 2 17 L 2 3 C 2 3 2 2 3 2 M 5 2 L 5 4 C 5 5 6 5 6 5 L 12 5 C 12 5 13 5 13 4 L 13 2 M 10 9 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 9"/>`,
-      svg: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 4 1 C 2 1 1 2 1 4 L 1 16 C 1 18 2 19 4 19 L 16 19 C 18 19 19 18 19 16 L 19 6 C 15 6 14 5 14 1 Z M 8.458 9.052 L 10 16 L 11.519 9.03 M 16 11 C 16 8 12.995 8.81 13 11 L 13 14 C 13 17 15.99 16.299 16 14 L 16 13 L 15 13 M 6.982 10.286 C 6.564 8.238 3.921 8.788 4 11 C 4.757 13.259 6.806 11.607 7 14 C 7 17 3.854 16.299 4 14"/>`
+      svg: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 4 1 C 2 1 1 2 1 4 L 1 16 C 1 18 2 19 4 19 L 16 19 C 18 19 19 18 19 16 L 19 6 C 15 6 14 5 14 1 Z M 8.458 9.052 L 10 16 L 11.519 9.03 M 16 11 C 16 8 12.995 8.81 13 11 L 13 14 C 13 17 15.99 16.299 16 14 L 16 13 L 15 13 M 6.982 10.286 C 6.564 8.238 3.921 8.788 4 11 C 4.757 13.259 6.806 11.607 7 14 C 7 17 3.854 16.299 4 14"/>`,
+      chartStackline: `<path d="M 2 16 L 2 18 L 18 18 L 18 10 L 14 14 L 11 12 L 8 15 L 5 13 Z" stroke="none" fill="${t.stroke}" style="opacity:0.9"/><path d="M 2 16 L 5 13 L 8 15 L 11 12 L 14 14 L 18 10 L 18 6 L 14 8 L 11 6 L 8 9 L 5 8 L 2 9 Z" stroke="none" fill="${t.stroke}"" style="opacity:0.6"/><path d="M 2 9 L 2 2 L 18 2 L 18 6 L 14 8 L 11 6 L 8 9 L 5 8 Z" stroke="none" fill="${t.stroke}" style="opacity:0.3"/><path d="M 1 1 L 1 19 L 19 19" stroke="${t.stroke}" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`
     }));
     return (a, C) => (i(), s("svg", {
       xmlns: L(l),
@@ -207,7 +208,7 @@ const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
       style: { background: "transparent" }
     }, null, 10, M));
   }
-}, u = /* @__PURE__ */ d(h, [["__scopeId", "data-v-51ef3006"]]);
+}, u = /* @__PURE__ */ d(h, [["__scopeId", "data-v-1d5bfa8b"]]);
 export {
   u as default
 };

package/dist/{ColorPicker-ChuwChMo.js → ColorPicker-e1-OSGlQ.js}

@@ -1,6 +1,6 @@
-import { ref as u, computed as T, watchEffect as U, onMounted as J, onBeforeUnmount as W, watch as Y, withDirectives as j, createElementBlock as d, openBlock as s, withKeys as q, createElementVNode as i, createCommentVNode as R, createBlock as A, normalizeStyle as a, renderSlot as G, normalizeProps as H, guardReactiveProps as Q, createVNode as C, withModifiers as n, Fragment as M, renderList as N, Teleport as X, unref as Z, nextTick as _ } from "vue";
-import g from "./BaseIcon-BmMbm4d0.js";
-import { J as ee } from "./lib-C_mNZmhD.js";
+import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, createElementBlock as d, openBlock as s, withKeys as A, createElementVNode as i, createCommentVNode as R, createBlock as G, normalizeStyle as a, renderSlot as H, normalizeProps as J, guardReactiveProps as Q, createVNode as C, withModifiers as n, Fragment as M, renderList as N, Teleport as X, unref as Z, nextTick as _ } from "vue";
+import g from "./BaseIcon-CofSxalQ.js";
+import { w as ee } from "./lib-C5BH09_g.js";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, re = ["value"], ie = ["onClick"], ue = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, se = ["value"], ae = {
@@ -79,11 +79,11 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
     function P() {
       document.visibilityState === "visible" && k();
     }
-    J(() => {
+    W(() => {
       window.addEventListener("scroll", f, { passive: !0 }), window.addEventListener("resize", f, { passive: !0 }), window.addEventListener("focus", h), document.addEventListener("visibilitychange", P);
-    }), W(() => {
+    }), Y(() => {
       window.removeEventListener("scroll", f), window.removeEventListener("resize", f), window.removeEventListener("focus", h), document.removeEventListener("visibilitychange", P);
-    }), Y(
+    }), j(
       () => v.value,
       (o) => {
         c.value && (c.value.value = o);
@@ -100,10 +100,10 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
       "#FF1493",
       "#00CED1"
     ]);
-    return (o, e) => j((s(), d("div", {
+    return (o, e) => q((s(), d("div", {
       ref_key: "wrapperRef",
       ref: O,
-      onKeydown: q(x, ["esc"]),
+      onKeydown: A(x, ["esc"]),
       style: { height: "100%", width: "100%", position: "relative" }
     }, [
       i("button", {
@@ -114,7 +114,7 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
         style: a(V.value),
         type: "button"
       }, [
-        G(o.$slots, "annotator-action-color", H(Q({ color: p.value })), () => [
+        H(o.$slots, "annotator-action-color", J(Q({ color: p.value })), () => [
           C(g, {
             name: "palette",
             stroke: p.value,
@@ -174,7 +174,7 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
           }, null, 40, re)
         ], 36)
       ], 36)) : R("", !0),
-      r.value && t.teleported ? (s(), A(X, {
+      r.value && t.teleported ? (s(), G(X, {
         key: 1,
         to: "body"
       }, [

package/dist/{DataTable-BT7VF2ua.js → DataTable-CHaOCmsE.js}

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

package/dist/{Legend-G6GMcdAc.js → Legend-Web3GjlR.js}

@@ -1,8 +1,8 @@
-import { createElementBlock as n, openBlock as a, normalizeStyle as d, renderSlot as r, Fragment as f, renderList as m, normalizeClass as g, createCommentVNode as p, createVNode as h, mergeProps as k, unref as v } from "vue";
-import { an as y } from "./lib-C_mNZmhD.js";
-import { _ as x } from "./Shape-CNXKB8O0.js";
-import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const b = ["id"], $ = ["onClick", "viewBox"], B = {
+import { createElementBlock as n, openBlock as a, normalizeStyle as d, renderSlot as r, Fragment as u, renderList as m, normalizeClass as g, createCommentVNode as p, createVNode as h, mergeProps as k, unref as v } from "vue";
+import { D as y } from "./lib-C5BH09_g.js";
+import { _ as x } from "./Shape-DE6X_t31.js";
+import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const S = ["id"], $ = ["onClick", "viewBox"], B = {
   __name: "Legend",
   props: {
     legendSet: {
@@ -29,7 +29,7 @@ const b = ["id"], $ = ["onClick", "viewBox"], B = {
   emits: ["clickMarker"],
   setup(t, { emit: c }) {
     const s = c;
-    function u(o, l) {
+    function f(o, l) {
       s("clickMarker", { legend: o, i: l });
     }
     return (o, l) => (a(), n("div", {
@@ -45,13 +45,13 @@ const b = ["id"], $ = ["onClick", "viewBox"], B = {
       })
     }, [
       r(o.$slots, "legendTitle", { titleSet: t.legendSet }, void 0, !0),
-      (a(!0), n(f, null, m(t.legendSet, (e, i) => (a(), n("div", {
+      (a(!0), n(u, null, m(t.legendSet, (e, i) => (a(), n("div", {
         key: `legend_${i}`,
         class: g({ "vue-data-ui-legend-item": !0, active: t.clickable })
       }, [
         e.shape ? (a(), n("svg", {
           key: 0,
-          onClick: (C) => u(e, i),
+          onClick: (C) => f(e, i),
           height: "1em",
           width: "1em",
           viewBox: e.shape && e.shape === "star" ? "-10 -10 80 80" : "0 0 60 60",
@@ -77,9 +77,9 @@ const b = ["id"], $ = ["onClick", "viewBox"], B = {
           index: i
         }, void 0, !0)
       ], 2))), 128))
-    ], 12, b));
+    ], 12, S));
   }
-}, L = /* @__PURE__ */ S(B, [["__scopeId", "data-v-04f1c373"]]);
+}, L = /* @__PURE__ */ b(B, [["__scopeId", "data-v-5f2d7b2f"]]);
 export {
   L as default
 };

package/dist/{NonSvgPenAndPaper-DVgKKLIf.js → NonSvgPenAndPaper-CjYFLlns.js}

@@ -1,7 +1,7 @@
 import { ref as i, computed as we, onMounted as ke, nextTick as be, onBeforeUnmount as Ce, watch as oe, createElementBlock as x, openBlock as y, Fragment as q, createCommentVNode as Y, normalizeStyle as b, normalizeClass as D, createElementVNode as C, withDirectives as ae, createVNode as M, toDisplayString as re, unref as se, vModelText as ue, withModifiers as ie, renderList as ce } from "vue";
-import { S as $e, d as Se, X as Ae } from "./lib-C_mNZmhD.js";
-import R from "./BaseIcon-BmMbm4d0.js";
-import { C as Ee } from "./ColorPicker-ChuwChMo.js";
+import { n as $e, d as Se, X as Ae } from "./lib-C5BH09_g.js";
+import R from "./BaseIcon-CofSxalQ.js";
+import { C as Ee } from "./ColorPicker-e1-OSGlQ.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = {
   class: /* @__PURE__ */ D({

package/dist/{PackageVersion-Y7t79Jtq.js → PackageVersion-Bq_mtsqr.js}

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

package/dist/{PenAndPaper-SZQIAgkg.js → PenAndPaper-HCZQTkqi.js}

@@ -1,8 +1,8 @@
-import { ref as c, computed as he, watch as z, nextTick as se, onMounted as Ae, onBeforeUnmount as we, createElementBlock as W, createCommentVNode as O, openBlock as j, normalizeStyle as x, createElementVNode as S, withDirectives as re, renderSlot as B, createVNode as R, withCtx as be, normalizeProps as T, guardReactiveProps as M, normalizeClass as Y, toDisplayString as xe, unref as ye, vModelText as ue } from "vue";
-import F from "./BaseIcon-BmMbm4d0.js";
-import { C as Ce } from "./ColorPicker-ChuwChMo.js";
-import { S as ke, d as Se } from "./lib-C_mNZmhD.js";
-const Ee = {
+import { ref as c, computed as he, watch as z, nextTick as se, onMounted as Ae, onBeforeUnmount as we, createElementBlock as W, createCommentVNode as O, openBlock as j, normalizeStyle as x, createElementVNode as E, withDirectives as re, renderSlot as B, createVNode as R, withCtx as be, normalizeProps as T, guardReactiveProps as M, normalizeClass as Y, toDisplayString as xe, unref as ye, vModelText as ue } from "vue";
+import F from "./BaseIcon-CofSxalQ.js";
+import { C as Ce } from "./ColorPicker-e1-OSGlQ.js";
+import { n as ke, d as Ee } from "./lib-C5BH09_g.js";
+const Se = {
   class: "vue-ui-pen-and-paper-action",
   style: { padding: "0 !important" }
 }, $e = ["disabled"], De = {
@@ -31,13 +31,13 @@ const Ee = {
   },
   emits: ["close"],
   setup(d, { emit: ie }) {
-    const s = d, ve = ie, b = c([]), y = c([]), E = c(s.color), N = c(2), Q = c(!1), V = c(""), o = c(null), A = c(null), I = c(null), p = c("draw"), K = c(!1), f = c(null), q = c({ x: 0, y: 0 }), D = c([""]), P = c({ row: 0, col: 0 }), $ = c(16), J = c("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
+    const s = d, ve = ie, b = c([]), y = c([]), S = c(s.color), N = c(2), Q = c(!1), V = c(""), o = c(null), A = c(null), I = c(null), p = c("draw"), K = c(!1), f = c(null), q = c({ x: 0, y: 0 }), D = c([""]), P = c({ row: 0, col: 0 }), $ = c(16), J = c("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
     function Z(n) {
       if (!o.value || p.value !== "text" || K.value) return;
       const { x: e, y: l } = U(n);
       q.value = { x: e, y: l }, D.value = [""], P.value = { row: 0, col: 0 };
       const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
-      t.setAttribute("x", e), t.setAttribute("y", l), t.setAttribute("fill", E.value), t.setAttribute("font-size", $.value * s.scale), t.setAttribute("font-family", "sans-serif"), t.setAttribute("class", "vue-data-ui-doodle"), t.setAttribute("dominant-baseline", "hanging"), t.setAttribute("pointer-events", "all");
+      t.setAttribute("x", e), t.setAttribute("y", l), t.setAttribute("fill", S.value), t.setAttribute("font-size", $.value * s.scale), t.setAttribute("font-family", "sans-serif"), t.setAttribute("class", "vue-data-ui-doodle"), t.setAttribute("dominant-baseline", "hanging"), t.setAttribute("pointer-events", "all");
       const a = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
       a.setAttribute("x", e), a.setAttribute("dy", "0"), a.textContent = "", t.appendChild(a), t.style.pointerEvents = "none", t.style.userSelect = "none", o.value.appendChild(t), f.value = t, K.value = !0, window.addEventListener("keydown", _), window.addEventListener("mousedown", ne, !0), ee(), te();
     }
@@ -96,7 +96,7 @@ const Ee = {
       o.value.removeChild(i);
       let h = t + a * u * 1.2, k = l + m.width;
       const w = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-      w.setAttribute("x", k), w.setAttribute("y", h), w.setAttribute("width", 2), w.setAttribute("height", u), w.setAttribute("fill", E.value), w.setAttribute("class", "vue-data-ui-svg-caret"), o.value.appendChild(w);
+      w.setAttribute("x", k), w.setAttribute("y", h), w.setAttribute("width", 2), w.setAttribute("height", u), w.setAttribute("fill", S.value), w.setAttribute("class", "vue-data-ui-svg-caret"), o.value.appendChild(w);
     }
     function ne(n) {
       if (f.value && !f.value.contains(n.target)) {
@@ -185,7 +185,7 @@ const Ee = {
       if (p.value !== "draw" || !s.active || !o.value) return;
       Q.value = !0;
       const { x: e, y: l } = U(n);
-      I.value = { x: e, y: l }, V.value = `M ${e} ${l}`, A.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), A.value.setAttribute("stroke", E.value), A.value.setAttribute("stroke-width", N.value * s.scale), A.value.setAttribute("fill", "none"), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("stroke-linejoin", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(A.value);
+      I.value = { x: e, y: l }, V.value = `M ${e} ${l}`, A.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), A.value.setAttribute("stroke", S.value), A.value.setAttribute("stroke-width", N.value * s.scale), A.value.setAttribute("fill", "none"), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("stroke-linejoin", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(A.value);
     }
     function H(n) {
       if (!Q.value || !o.value || !A.value) return;
@@ -197,7 +197,7 @@ const Ee = {
         const { x: e, y: l } = U(n);
         if (I.value && I.value.x === e && I.value.y === l) {
           const t = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-          t.setAttribute("cx", e), t.setAttribute("cy", l), t.setAttribute("r", N.value * s.scale / 2), t.setAttribute("fill", E.value), t.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(t), b.value.push(t);
+          t.setAttribute("cx", e), t.setAttribute("cy", l), t.setAttribute("r", N.value * s.scale / 2), t.setAttribute("fill", S.value), t.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(t), b.value.push(t);
         } else {
           const t = A.value;
           t.setAttribute("d", fe(ce(V.value))), b.value.push(t);
@@ -248,7 +248,7 @@ const Ee = {
       class: "vue-ui-pen-and-paper-actions",
       style: x({ backgroundColor: d.backgroundColor })
     }, [
-      S("button", {
+      E("button", {
         class: "vue-ui-pen-and-paper-action",
         onClick: e[0] || (e[0] = (l) => ve("close")),
         style: x({
@@ -263,10 +263,10 @@ const Ee = {
           }, null, 8, ["stroke"])
         ])
       ], 4),
-      S("button", Ee, [
+      E("button", Se, [
         R(Ce, {
-          value: E.value,
-          "onUpdate:value": e[1] || (e[1] = (l) => E.value = l),
+          value: S.value,
+          "onUpdate:value": e[1] || (e[1] = (l) => S.value = l),
           backgroundColor: d.backgroundColor,
           buttonBorderColor: C.value
         }, {
@@ -276,7 +276,7 @@ const Ee = {
           _: 3
         }, 8, ["value", "backgroundColor", "buttonBorderColor"])
       ]),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": p.value === "text" }]),
         onClick: e[2] || (e[2] = (l) => p.value = p.value === "text" ? "draw" : "text"),
         style: x({
@@ -290,7 +290,7 @@ const Ee = {
             stroke: d.color
           }, null, 8, ["name", "stroke"])
         ]),
-        S("div", {
+        E("div", {
           style: x({
             position: "absolute",
             bottom: "-20px",
@@ -300,13 +300,13 @@ const Ee = {
             fontSize: "12px",
             fontVariantNumeric: "tabular-nums"
           })
-        }, xe(ye(Se)({
+        }, xe(ye(Ee)({
           v: p.value === "draw" ? N.value : $.value,
           s: "px",
           r: 1
         })), 5)
       ], 6),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
         disabled: !b.value.length,
         onClick: ge,
@@ -323,7 +323,7 @@ const Ee = {
           }, null, 8, ["stroke"])
         ])
       ], 14, $e),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !y.value.length }]),
         onClick: pe,
         style: x({
@@ -339,7 +339,7 @@ const Ee = {
           }, null, 8, ["stroke"])
         ])
       ], 6),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
         onClick: me,
         style: x({

package/dist/{Shape-CNXKB8O0.js → Shape-DE6X_t31.js}

@@ -1,6 +1,6 @@
 import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a, normalizeStyle as d } from "vue";
-import { j as f, k as p } from "./lib-C_mNZmhD.js";
-const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], w = {
+import { b as f, e as p } from "./lib-C5BH09_g.js";
+const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], b = {
   __name: "Shape",
   props: {
     color: String,
@@ -112,5 +112,5 @@ const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill",
   }
 };
 export {
-  w as _
+  b as _
 };