vue-data-ui 3.14.10 → 3.15.0

package/README.md

@@ -685,7 +685,8 @@ const config = ref({
     buttons: {
       pdf: false,
       fullscreen: false,
-      // all other actions will be visible by default (list of all actions below)
+      altCopy: true,
+      // all other pertinent actions for the component will be visible by default (list of all actions below)
     },
   },
 });
@@ -722,6 +723,9 @@ const config = {
       csv: (csvStr: string) => {
         console.log(csvStr);
       },
+      altCopy: ({ dataset: dst, config: cfg }) => {
+        console.log({ dst, cfg });
+      },
       // the other attributes also have the same names as the buttons
     },
   },
@@ -730,61 +734,61 @@ const config = {
 
 User options actions available per chart:
 
-| Chart name                  | User options actions slot names                                                                                                      |
-| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
-| VueUi3dBar                  | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiAgePyramid             | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiBump                   | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiBullet                 | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
-| VueUiCandlestick            | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiCarouselTable          | optionPdf, optionImg, optionCsv, optionAnimation, optionFullscreen                                                                   |
-| VueUiChestnut               | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiChord                  | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiCirclePack             | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiDag                    | optionPdf, optionImg, optionSvg, optionFullscreen, optionAnnotator, optionZoom                                                       |
-| VueUiDonut                  | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
-| VueUiDonutEvolution         | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiDumbbell               | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiFlow                   | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiFunnel                 | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiGalaxy                 | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiGauge                  | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
-| VueUiGeo                    | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionZoom, optionSvg                                                       |
-| VueUiHeatmap                | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiHistoryPlot            | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiHorizontalBar          | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionSort, optionFullscreen, optionAnnotator, optionSvg                |
-| VueUiMolecule               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionZoom, optionSvg  |
-| VueUiMoodRadar              | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiNestedDonuts           | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
-| VueUiOnion                  | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiParallelCoordinatePlot | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
-| VueUiQuadrant               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
-| VueUiQuickChart             | optionTooltip, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                    |
-| VueUiRadar                  | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiRelationCircle         | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
-| VueUiRidgeline              | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
-| VueUiRings                  | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionLabels, optionSvg              |
-| VueUiScatter                | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiSparkHistogram         | (no user options menu)                                                                                                               |
-| VueUiSparkStackbar          | (no user options menu)                                                                                                               |
-| VueUiSparkTrend             | (no user options menu)                                                                                                               |
-| VueUiSparkbar               | (no user options menu)                                                                                                               |
-| VueUiSparkgauge             | (no user options menu)                                                                                                               |
-| VueUiSparkline              | (no user options menu)                                                                                                               |
-| VueUiStackbar               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
-| VueUiStackline              | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
-| VueUiStripPlot              | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
-| VueUiTableHeatmap           | optionPdf, optionImg, optionCsv, optionFullscreen                                                                                    |
-| VueUiTableSparkline         | optionPdf, optionImg, optionCsv, optionFullscreen                                                                                    |
-| VueUiThermometer            | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
-| VueUiTiremarks              | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
-| VueUiTreemap                | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator , optionSvg                           |
-| VueUiWaffle                 | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator , optionSvg                           |
-| VueUiWheel                  | optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
-| VueUiWordCloud              | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionZoom, optionSvg                               |
-| VueUiWorld                  | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
-| VueUiXy                     | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator, optionSvg |
-| VueUiXyCanvas               | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator            |
+| Chart name                  | User options actions slot names                                                                                                                     |
+| --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| VueUi3dBar                  | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiAgePyramid             | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiBump                   | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiBullet                 | optionAltCopy, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
+| VueUiCandlestick            | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiCarouselTable          | optionAltCopy, optionPdf, optionImg, optionCsv, optionAnimation, optionFullscreen                                                                   |
+| VueUiChestnut               | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiChord                  | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiCirclePack             | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiDag                    | optionAltCopy, optionPdf, optionImg, optionSvg, optionFullscreen, optionAnnotator, optionZoom                                                       |
+| VueUiDonut                  | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
+| VueUiDonutEvolution         | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiDumbbell               | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiFlow                   | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiFunnel                 | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiGalaxy                 | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiGauge                  | optionAltCopy, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
+| VueUiGeo                    | optionAltCopy, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionZoom, optionSvg                                                       |
+| VueUiHeatmap                | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiHistoryPlot            | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiHorizontalBar          | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionSort, optionFullscreen, optionAnnotator, optionSvg                |
+| VueUiMolecule               | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionZoom, optionSvg  |
+| VueUiMoodRadar              | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiNestedDonuts           | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
+| VueUiOnion                  | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiParallelCoordinatePlot | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
+| VueUiQuadrant               | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
+| VueUiQuickChart             | optionAltCopy, optionTooltip, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                    |
+| VueUiRadar                  | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiRelationCircle         | optionAltCopy, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
+| VueUiRidgeline              | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                                           |
+| VueUiRings                  | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionLabels, optionSvg              |
+| VueUiScatter                | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiSparkHistogram         | (no user options menu)                                                                                                                              |
+| VueUiSparkStackbar          | (no user options menu)                                                                                                                              |
+| VueUiSparkTrend             | (no user options menu)                                                                                                                              |
+| VueUiSparkbar               | (no user options menu)                                                                                                                              |
+| VueUiSparkgauge             | (no user options menu)                                                                                                                              |
+| VueUiSparkline              | (no user options menu)                                                                                                                              |
+| VueUiStackbar               | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
+| VueUiStackline              | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
+| VueUiStripPlot              | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionAnnotator, optionSvg              |
+| VueUiTableHeatmap           | optionAltCopy, optionPdf, optionImg, optionCsv, optionFullscreen                                                                                    |
+| VueUiTableSparkline         | optionAltCopy, optionPdf, optionImg, optionCsv, optionFullscreen                                                                                    |
+| VueUiThermometer            | optionAltCopy, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
+| VueUiTiremarks              | optionAltCopy, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
+| VueUiTreemap                | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator , optionSvg                           |
+| VueUiWaffle                 | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator , optionSvg                           |
+| VueUiWheel                  | optionAltCopy, optionPdf, optionImg, optionFullscreen, optionAnnotator, optionSvg                                                                   |
+| VueUiWordCloud              | optionAltCopy, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionZoom, optionSvg                               |
+| VueUiWorld                  | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
+| VueUiXy                     | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator, optionSvg |
+| VueUiXyCanvas               | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator            |
 
 User options menu icon can be customized using the #menuIcon slot:
 
@@ -1373,3 +1377,49 @@ function hideSeriesByName(name) {
 - VueUiWaffle
 - VueUiXy
 - VueUiXyCanvas
+
+## a11y
+
+### Copy alt text
+
+On all charts with a contextual menu, the `altCopy` button can be enabled.
+The purpose of this button is to provide the necessary data to create a custom alt text, that can be copied when posting a picture of the chart on socials for example.
+
+```js
+const config = computed(() => (
+  userOptions: {
+    buttons: {
+      altCopy: true, // false by default. Set to true to display the button in the context menu
+    },
+    callbacks: {
+      altCopy: ({ dataset:dst, config:cfg }) => {
+        // Convert the data into a tailor-made alt text you can copy to the clipboard
+      }
+    },
+    buttonTitles: {
+      altCopy: 'Copy alt text' // provide your translation for the button's tooltip
+    }
+  }
+));
+```
+
+A slot is available to customize the contents of the button:
+
+```html
+<VueUiXy :dataset="dataset" :config="config">
+  <template #optionAltCopy>
+    <MyAccessibilityIcon />
+  </template>
+</VueUiXy>
+```
+
+### opt-in cursor pointer
+
+Starting from v3.15.0, all clickable elements will have a default cursor.
+To have a cursor pointer on these elements, you have to opt-in through the config:
+
+```js
+const config = computed(() => ({
+  useCursorPointer: true, // false by default
+}));
+```

package/dist/{Arrow-BZxNiB98.js → Arrow-BlksSfiH.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-DYekjHyv.js";
+import { c as n } from "./lib-swBj76n5.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-bUQEUYUt.js → BaseDraggableDialog-E33gMvkf.js}

@@ -1,8 +1,8 @@
-import { ref as l, reactive as U, computed as q, onMounted as A, onUnmounted as G, createBlock as J, openBlock as S, Teleport as Q, createElementBlock as Y, createCommentVNode as Z, withModifiers as d, normalizeStyle as $, createElementVNode as o, unref as _, renderSlot as x, createVNode as ee, normalizeClass as te, nextTick as ne } from "vue";
-import oe from "./BaseIcon-C9z2RXkc.js";
-import { c as ie, X as re } from "./lib-DYekjHyv.js";
+import { ref as l, reactive as U, computed as q, onMounted as A, onUnmounted as G, createBlock as J, openBlock as S, Teleport as Q, createElementBlock as $, createCommentVNode as Z, withModifiers as s, normalizeStyle as x, createElementVNode as o, unref as _, renderSlot as z, createVNode as ee, normalizeClass as te, nextTick as ne } from "vue";
+import oe from "./BaseIcon-UMhVxbLi.js";
+import { c as ie, X as re } from "./lib-swBj76n5.js";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
+const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
   __name: "BaseDraggableDialog",
   props: {
     backgroundColor: { type: String },
@@ -12,18 +12,19 @@ const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
     fullscreenParent: { type: HTMLElement },
     isFullscreen: { type: Boolean, default: !1 },
     withPadding: { type: Boolean, default: !1 },
-    forcedWidth: { type: Number, default: 400 }
+    forcedWidth: { type: Number, default: 400 },
+    isCursorPointer: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(a, { expose: O, emit: F }) {
-    const y = a, I = F, w = l(!1), z = l(!1), k = l(0), m = l(null), M = l(null), g = l(null), D = `vue-ui-draggable-dialog-${ie()}`, B = `${D}-title`, T = `${D}-body`;
+  setup(a, { expose: O, emit: P }) {
+    const b = a, F = P, w = l(!1), k = l(!1), M = l(0), m = l(null), D = l(null), g = l(null), B = `vue-ui-draggable-dialog-${ie()}`, C = `${B}-title`, T = `${B}-body`;
     function E() {
-      k.value += 1;
+      M.value += 1;
     }
     const e = U({
       left: window.innerWidth / 2 - 200,
       top: window.innerHeight / 2 - 120,
-      width: y.forcedWidth,
+      width: b.forcedWidth,
       height: 400,
       dragging: !1,
       resizing: !1,
@@ -34,17 +35,17 @@ const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
       resizeStartW: 0,
       resizeStartH: 0
     });
-    function P() {
+    function I() {
       g.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, w.value = !0, ne(() => {
-        z.value || (e.left = Math.max(0, window.innerWidth / 2 - e.width / 2), e.top = Math.max(0, window.innerHeight / 2 - e.height / 2), z.value = !0);
-        const t = M.value || m.value;
+        k.value || (e.left = Math.max(0, window.innerWidth / 2 - e.width / 2), e.top = Math.max(0, window.innerHeight / 2 - e.height / 2), k.value = !0);
+        const t = D.value || m.value;
         t && typeof t.focus == "function" && t.focus();
       });
     }
     function L() {
-      w.value = !1, I("close"), g.value && typeof g.value.focus == "function" && g.value.focus();
+      w.value = !1, F("close"), g.value && typeof g.value.focus == "function" && g.value.focus();
     }
-    O({ open: P, close: L });
+    O({ open: I, close: L });
     const N = q(() => ({
       position: "fixed",
       left: `${e.left}px`,
@@ -53,72 +54,72 @@ const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
       height: `${e.height}px`,
       padding: 0,
       border: "none",
-      background: y.backgroundColor,
+      background: b.backgroundColor,
       boxShadow: "0 4px 24px rgba(0,0,0,0.15)",
       zIndex: 9999,
       overflow: "visible",
       borderRadius: "2px",
-      "--dlg-color": y.color
+      "--dlg-color": b.color
     }));
-    function s(t) {
+    function d(t) {
       return t.touches && t.touches.length ? { x: t.touches[0].clientX, y: t.touches[0].clientY } : { x: t.clientX, y: t.clientY };
     }
-    function C(t) {
+    function W(t) {
       t.preventDefault?.(), E(), e.dragging = !0;
-      const n = s(t);
+      const n = d(t);
       e.dragOffsetX = n.x - e.left, e.dragOffsetY = n.y - e.top, document.addEventListener("mousemove", v), document.addEventListener("mouseup", u), document.addEventListener("touchmove", v, { passive: !1 }), document.addEventListener("touchend", u);
     }
     function v(t) {
       if (!e.dragging) return;
       t.preventDefault?.();
-      const n = s(t);
+      const n = d(t);
       let i = n.x - e.dragOffsetX, r = n.y - e.dragOffsetY;
       i = Math.max(0, Math.min(i, window.innerWidth - e.width)), r = Math.max(0, Math.min(r, window.innerHeight - e.height)), e.left = i, e.top = r;
     }
     function u() {
       e.dragging = !1, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", u), document.removeEventListener("touchmove", v), document.removeEventListener("touchend", u);
     }
-    function W(t) {
+    function X(t) {
       t.preventDefault?.(), E(), e.resizing = !0;
-      const n = s(t);
+      const n = d(t);
       e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, document.addEventListener("mousemove", h), document.addEventListener("mouseup", c), document.addEventListener("touchmove", h, { passive: !1 }), document.addEventListener("touchend", c);
     }
     function h(t) {
       if (!e.resizing) return;
       t.preventDefault?.();
-      const n = s(t);
+      const n = d(t);
       let i = n.x - e.pointerStartX, r = n.y - e.pointerStartY;
       e.width = Math.max(240, e.resizeStartW + i), e.height = Math.max(400, e.resizeStartH + r);
     }
     function c() {
       e.resizing = !1, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", c), document.removeEventListener("touchmove", h), document.removeEventListener("touchend", c);
     }
-    function X(t) {
+    function H(t) {
       t.preventDefault?.(), E(), e.resizing = !0;
-      const n = s(t);
+      const n = d(t);
       e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, e.resizeStartLeft = e.left, e.resizeStartTop = e.top, document.addEventListener("mousemove", p), document.addEventListener("mouseup", f), document.addEventListener("touchmove", p, { passive: !1 }), document.addEventListener("touchend", f);
     }
     function p(t) {
       if (!e.resizing) return;
       t.preventDefault?.();
-      const n = s(t);
+      const n = d(t);
       let i = n.x - e.pointerStartX, r = Math.min(
         Math.max(0, e.resizeStartLeft + i),
         e.resizeStartLeft + e.resizeStartW - 240
-      ), b = e.resizeStartW - (r - e.resizeStartLeft), V = n.y - e.pointerStartY, j = Math.max(400, e.resizeStartH + V);
-      e.left = r, e.width = b, e.height = j;
+      ), y = e.resizeStartW - (r - e.resizeStartLeft), V = n.y - e.pointerStartY, j = Math.max(400, e.resizeStartH + V);
+      e.left = r, e.width = y, e.height = j;
     }
     function f() {
       e.resizing = !1, document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f), document.removeEventListener("touchmove", p), document.removeEventListener("touchend", f);
     }
     A(() => {
-      document.addEventListener("keydown", H);
+      document.addEventListener("keydown", Y);
     });
-    function H(t) {
+    function Y(t) {
       t.key && t.key === "Escape" && L();
     }
     G(() => {
-      u(), c(), f(), document.removeEventListener("keydown", H);
+      u(), c(), f(), document.removeEventListener("keydown", Y);
     });
     function R(t) {
       t.key === "Tab" && K(t);
@@ -127,31 +128,31 @@ const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
       if (!m.value) return;
       const i = m.value.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]');
       if (!i.length) return;
-      const r = i[0], b = i[i.length - 1];
-      t.shiftKey ? document.activeElement === r && (t.preventDefault(), b.focus()) : document.activeElement === b && (t.preventDefault(), r.focus());
+      const r = i[0], y = i[i.length - 1];
+      t.shiftKey ? document.activeElement === r && (t.preventDefault(), y.focus()) : document.activeElement === y && (t.preventDefault(), r.focus());
     }
     return (t, n) => (S(), J(Q, {
       to: a.isFullscreen ? a.fullscreenParent : "body",
-      key: k.value
+      key: M.value
     }, [
-      w.value ? (S(), Y("div", {
+      w.value ? (S(), $("div", {
         key: 0,
         ref_key: "draggableDialog",
         ref: m,
         class: "vue-ui-draggable-dialog",
-        style: $(N.value),
+        style: x(N.value),
         role: "dialog",
         "aria-modal": !0,
-        "aria-labelledby": B,
+        "aria-labelledby": C,
         "aria-describedby": T,
         tabindex: "-1",
-        onClick: n[0] || (n[0] = d(() => {
+        onClick: n[0] || (n[0] = s(() => {
         }, ["stop"])),
         onKeydown: R
       }, [
         o("div", {
           class: "vue-ui-draggable-dialog-header",
-          style: $({
+          style: x({
             backgroundColor: a.headerBg,
             color: a.headerColor
           })
@@ -159,10 +160,10 @@ const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
           o("span", {
             class: "drag-handle",
             "aria-hidden": "true",
-            onMousedown: d(C, ["stop", "prevent"]),
-            onTouchstart: d(C, ["stop", "prevent"])
+            onMousedown: s(W, ["stop", "prevent"]),
+            onTouchstart: s(W, ["stop", "prevent"])
           }, [
-            (S(), Y("svg", {
+            (S(), $("svg", {
               xmlns: _(re),
               width: "20",
               height: "20",
@@ -179,29 +180,30 @@ const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
               o("path", { d: "M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               o("path", { d: "M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               o("path", { d: "M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
-            ])], 8, de))
+            ])], 8, se))
           ], 32),
           o("span", {
             class: "vue-ui-draggable-dialog-title",
-            id: B
+            id: C
           }, [
-            x(t.$slots, "title", {}, void 0, !0)
+            z(t.$slots, "title", {}, void 0, !0)
           ]),
-          o("div", se, [
-            x(t.$slots, "actions", {}, void 0, !0),
+          o("div", de, [
+            z(t.$slots, "actions", {}, void 0, !0),
             o("button", {
               ref_key: "closeButtonElement",
-              ref: M,
+              ref: D,
               class: "close",
               type: "button",
               "aria-label": "Close dialog",
-              onClick: L
+              onClick: L,
+              style: x({ cursor: a.isCursorPointer ? "pointer" : "default" })
             }, [
               ee(oe, {
                 name: "close",
                 stroke: a.headerColor
               }, null, 8, ["stroke"])
-            ], 512)
+            ], 4)
           ])
         ], 4),
         o("div", {
@@ -212,24 +214,24 @@ const de = ["xmlns"], se = { class: "draggable-dialog-actions" }, le = {
             "vue-ui-draggable-dialog-body-pad": a.withPadding
           })
         }, [
-          x(t.$slots, "content", {}, void 0, !0)
+          z(t.$slots, "content", {}, void 0, !0)
         ], 2),
         o("div", {
           class: "resize-handle",
           "aria-hidden": "true",
-          onMousedown: d(W, ["stop", "prevent"]),
-          onTouchstart: d(W, ["stop", "prevent"])
+          onMousedown: s(X, ["stop", "prevent"]),
+          onTouchstart: s(X, ["stop", "prevent"])
         }, null, 32),
         o("div", {
           class: "resize-handle resize-handle-left",
           "aria-hidden": "true",
-          onMousedown: d(X, ["stop", "prevent"]),
-          onTouchstart: d(X, ["stop", "prevent"])
+          onMousedown: s(H, ["stop", "prevent"]),
+          onTouchstart: s(H, ["stop", "prevent"])
         }, null, 32)
       ], 36)) : Z("", !0)
     ], 8, ["to"]));
   }
-}, ge = /* @__PURE__ */ ae(le, [["__scopeId", "data-v-38c3387c"]]);
+}, ge = /* @__PURE__ */ ae(le, [["__scopeId", "data-v-a8eceed6"]]);
 export {
   ge as default
 };

package/dist/{BaseIcon-C9z2RXkc.js → BaseIcon-UMhVxbLi.js}

@@ -1,5 +1,5 @@
 import { useCssVars as Q, computed as l, useSlots as N, createElementBlock as b, openBlock as v, normalizeClass as z, unref as S } from "vue";
-import { X as B } from "./lib-DYekjHyv.js";
+import { X as B } from "./lib-swBj76n5.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",
@@ -26,11 +26,11 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
       default: "1s"
     }
   },
-  setup(s) {
+  setup(C) {
     Q((o) => ({
-      v68521192: Z.value
+      v49184ebc: Z.value
     }));
-    const i = s, D = l(() => i.name === "numbers" ? "0 0 20 21" : "0 0 20 20"), Z = l(() => i.spinDuration);
+    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 }) {
       return {
         annotator: `<path fill="none" stroke="${n}" stroke-width="${e}" stroke-linecap="round" stroke-linejoin="round" d="M 1 19 L 3 12 C 3 14 3 15 5 15 C 5 17 7 17 8 17 L 1 19 M 3 12 L 14 1 C 15 0 16 1 16 1 L 19 4 C 20 5 19 6 19 6 L 8 17 M 5 15 L 15 5 M 1.667 16.667 L 3.333 18.333 M 12.501 2.501 L 17.5 7.5" /><path d="M 15 5 L 5 15 C 5 17 7 17 8 17 L 17.5 7.5 L 15 5" stroke="none" fill="${n}" style="opacity: 0.3"/>`,
@@ -332,10 +332,11 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
         puzzleFill: `<path d="M 16.579 9.304 H 15.402 V 6.167 C 15.402 5.296 14.696 4.598 13.833 4.598 H 10.696 V 3.421 A 1.961 1.961 0 0 0 8.736 1.461 A 1.961 1.961 0 0 0 6.774 3.421 V 4.598 H 3.638 A 1.569 1.569 0 0 0 2.069 6.167 V 9.147 H 3.246 C 4.421 9.147 5.362 10.088 5.362 11.264 C 5.362 12.441 4.421 13.382 3.246 13.382 H 2.069 V 16.362 A 1.569 1.569 0 0 0 3.638 17.931 H 6.618 V 16.754 C 6.618 15.579 7.559 14.638 8.736 14.638 C 9.912 14.638 10.853 15.579 10.853 16.754 V 17.931 H 13.833 A 1.569 1.569 0 0 0 15.402 16.362 V 13.226 H 16.579 A 1.961 1.961 0 0 0 18.539 11.264 A 1.961 1.961 0 0 0 16.579 9.304 Z" stroke-linecap="round" stroke-linejoin="round" fill="${n}" style="opacity: 1"/>`,
         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"/>`
+        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"/>`
       }[o] || "";
     }
-    const h = N(), A = l(() => (h.exp?.() || [])[0] || null), w = l(() => (h.sub?.() || [])[0] || null), c = l(() => !!A.value), C = l(() => !!w.value), y = l(() => c.value || C.value), r = l(() => {
+    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 o = A.value?.props || {};
       return {
         name: o.name,
@@ -384,7 +385,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
       const o = i.size || 24;
       return (M.value.size || o * 0.6) / o;
     }), R = l(() => {
-      const o = u.value, n = c.value ? o.height * f.value : 0, e = c.value ? o.height * f.value : 0, t = C.value ? o.height * k.value : 0, L = Math.max(e, t), a = C.value ? o.height * k.value : 0, d = o.minX, p = o.minY - n, F = o.width + L, O = o.height + n + a;
+      const o = u.value, n = c.value ? o.height * f.value : 0, e = c.value ? o.height * f.value : 0, t = s.value ? o.height * k.value : 0, L = Math.max(e, t), a = s.value ? o.height * k.value : 0, d = o.minX, p = o.minY - n, F = o.width + L, O = o.height + n + a;
       return `${d} ${p} ${F} ${O}`;
     }), H = l(() => {
       const o = u.value, n = o.minX + o.width, e = o.minY, t = o.height, L = t * f.value, a = n, d = e, p = L / t;
@@ -420,7 +421,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
     `;
       }
       let e = "";
-      if (C.value && M.value.name) {
+      if (s.value && M.value.name) {
         const t = $(M.value.name, {
           stroke: M.value.stroke,
           strokeWidth: M.value.strokeWidth
@@ -441,11 +442,11 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
     `;
       }
       return `${o}${n}${e}`;
-    }), g = l(() => y.value ? c.value && !C.value || C.value && !c.value ? i.size * 1.6 : i.size * 2.2 : i.size);
+    }), 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 ? (v(), b("svg", {
       key: 0,
       xmlns: S(B),
-      class: z({ "spin ": s.isSpin }),
+      class: z({ "spin ": C.isSpin }),
       viewBox: R.value,
       height: g.value,
       width: g.value,
@@ -454,15 +455,15 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
     }, null, 10, X)) : (v(), b("svg", {
       key: 1,
       xmlns: S(B),
-      class: z({ "spin ": s.isSpin }),
+      class: z({ "spin ": C.isSpin }),
       viewBox: D.value,
-      height: s.size,
-      width: s.size,
+      height: C.size,
+      width: C.size,
       innerHTML: V.value,
       style: { background: "transparent" }
     }, null, 10, _));
   }
-}, q = /* @__PURE__ */ E(I, [["__scopeId", "data-v-62c80840"]]);
+}, q = /* @__PURE__ */ E(I, [["__scopeId", "data-v-d0906a51"]]);
 export {
   q as default
 };

package/dist/{BaseLegendToggle-BphAU495.js → BaseLegendToggle-C7HjMSKe.js}

@@ -1,27 +1,28 @@
-import { createElementBlock as l, openBlock as r, createElementVNode as a, normalizeStyle as d, withKeys as s, createVNode as g } from "vue";
-import c from "./BaseIcon-C9z2RXkc.js";
-import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const u = {
-  class: "vue-ui-legend-toggle-wrapper",
-  "data-dom-to-png-ignore": ""
-}, f = {
+import { createElementBlock as i, openBlock as l, normalizeClass as a, createElementVNode as s, normalizeStyle as d, withKeys as g, createVNode as c } from "vue";
+import m from "./BaseIcon-UMhVxbLi.js";
+import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const C = {
   __name: "BaseLegendToggle",
   props: {
     backgroundColor: { type: String, default: "#CCCCCC" },
     color: { type: String, default: "#2D353C" },
     fontSize: { type: Number, default: 14 },
-    checked: { type: Boolean }
+    checked: { type: Boolean },
+    isCursorPointer: { type: Boolean }
   },
   emits: ["toggle"],
   setup(e, { emit: n }) {
     const o = n;
-    return (k, t) => (r(), l("div", u, [
-      a("div", {
+    return (f, t) => (l(), i("div", {
+      class: a({ "vue-ui-legend-toggle-wrapper": e.isCursorPointer }),
+      "data-dom-to-png-ignore": ""
+    }, [
+      s("div", {
         class: "vue-ui-legend-toggle",
         role: "button",
         tabindex: "0",
-        onClick: t[0] || (t[0] = (i) => o("toggle")),
-        onKeydown: t[1] || (t[1] = s((i) => o("toggle"), ["enter"])),
+        onClick: t[0] || (t[0] = (r) => o("toggle")),
+        onKeydown: t[1] || (t[1] = g((r) => o("toggle"), ["enter"])),
         style: d({
           position: "relative",
           display: "flex",
@@ -31,16 +32,16 @@ const u = {
           padding: e.fontSize / 4 + "px"
         })
       }, [
-        g(c, {
+        c(m, {
           name: e.checked ? "minus" : "check",
           stroke: e.color,
           size: e.fontSize * 0.6,
           "stroke-width": e.fontSize / 4
         }, null, 8, ["name", "stroke", "size", "stroke-width"])
       ], 36)
-    ]));
+    ], 2));
   }
-}, v = /* @__PURE__ */ m(f, [["__scopeId", "data-v-f7a735b9"]]);
+}, v = /* @__PURE__ */ u(C, [["__scopeId", "data-v-7d3908a2"]]);
 export {
   v as B
 };