vue-data-ui 2.12.8-beta.3 → 2.13.0

package/README.md

@@ -578,14 +578,20 @@ What happens when the button is clicked is taken care of by the component, excep
 
 You can pass a callback trhough the config, for each button, to override the default behavior:
 
-```js
+```ts
 const config = {
   userOptions: {
     callbacks: {
-      pdf: () => {
-        // use your custom pdf solution
+      pdf: (chartElement: HTMLElement) => {
+        console.log(chartElement);
+      },
+      img: (base64: string) => {
+        console.log(base64);
+      },
+      csv: (csvStr: string) => {
+        console.log(csvStr);
       },
-      // the other atributes have the same names as the buttons (img, csv, etc)
+      // the other atributes also have the same names as the buttons
     },
   },
 };

package/dist/{Arrow-kQyQXUUg.js → Arrow-B2y3GYgv.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as k, openBlock as m, createElementVNode as t, unref as o } from "vue";
-import { c as n } from "./index-CH_mJIWj.js";
+import { c as n } from "./index-BXbyT0Qn.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-DLRFrsDT.js → BaseDraggableDialog-B3CZVeze.js}

@@ -1,6 +1,6 @@
 import { useCssVars as O, ref as z, reactive as T, computed as $, onUnmounted as R, createBlock as N, openBlock as v, Teleport as V, createElementBlock as E, createCommentVNode as I, withModifiers as a, normalizeStyle as y, createElementVNode as o, unref as P, renderSlot as M, createVNode as F, nextTick as j } from "vue";
-import U from "./BaseIcon-DaR0sIWZ.js";
-import { X as q } from "./index-CH_mJIWj.js";
+import U from "./BaseIcon-P7wV92Er.js";
+import { X as q } from "./index-BXbyT0Qn.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["xmlns"], J = { class: "modal-title" }, K = { class: "modal-body" }, Q = {
   __name: "BaseDraggableDialog",

package/dist/{BaseIcon-DaR0sIWZ.js → BaseIcon-P7wV92Er.js}

@@ -1,5 +1,5 @@
 import { computed as e, createElementBlock as n, openBlock as i, normalizeClass as k, unref as L } from "vue";
-import { X as l } from "./index-CH_mJIWj.js";
+import { X as l } from "./index-BXbyT0Qn.js";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
   __name: "BaseIcon",

package/dist/{ColorPicker-Bj3sq9o7.js → ColorPicker-C7b6TR_9.js}

@@ -1,6 +1,6 @@
 import { ref as l, computed as k, watch as I, withDirectives as P, createElementBlock as r, openBlock as n, withKeys as S, createElementVNode as u, createCommentVNode as z, normalizeStyle as a, createVNode as F, Fragment as E, renderList as N, unref as O } from "vue";
-import C from "./BaseIcon-DaR0sIWZ.js";
-import { G as V } from "./index-CH_mJIWj.js";
+import C from "./BaseIcon-P7wV92Er.js";
+import { G as V } from "./index-BXbyT0Qn.js";
 import { v as D } from "./vClickOutside-C6WiFswA.js";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = ["onClick"], G = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, L = ["value"], T = {

package/dist/{DataTable-BBqbcutV.js → DataTable-DBkfb6pd.js}

@@ -1,6 +1,6 @@
 import { useCssVars as A, unref as e, computed as D, ref as w, onMounted as E, createElementBlock as n, openBlock as a, normalizeClass as k, createElementVNode as t, withKeys as R, normalizeStyle as i, createVNode as C, toDisplayString as I, Fragment as f, renderList as m, renderSlot as N, createCommentVNode as $ } from "vue";
-import { _ as K } from "./Shape-DEWxbZ-l.js";
-import O from "./BaseIcon-DaR0sIWZ.js";
+import { _ as K } from "./Shape-CnD-h_98.js";
+import O from "./BaseIcon-P7wV92Er.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-DRqzYrP9.js → Legend-DcDRW3Xd.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as n, openBlock as o, normalizeStyle as d, renderSlot as l, Fragment as u, renderList as g, normalizeClass as m, createCommentVNode as h, createVNode as k, mergeProps as $, unref as y } from "vue";
-import { $ as p } from "./index-CH_mJIWj.js";
-import { _ as v } from "./Shape-DEWxbZ-l.js";
+import { $ as p } from "./index-BXbyT0Qn.js";
+import { _ as v } from "./Shape-CnD-h_98.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const S = ["id"], x = ["onClick", "height", "width"], z = {
   __name: "Legend",

package/dist/{NonSvgPenAndPaper-CQIC2PMP.js → NonSvgPenAndPaper-DYA_rF1x.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 { l as $e, f as Se, X as Ae } from "./index-CH_mJIWj.js";
-import R from "./BaseIcon-DaR0sIWZ.js";
-import { C as Ee } from "./ColorPicker-Bj3sq9o7.js";
+import { l as $e, f as Se, X as Ae } from "./index-BXbyT0Qn.js";
+import R from "./BaseIcon-P7wV92Er.js";
+import { C as Ee } from "./ColorPicker-C7b6TR_9.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = {
   class: /* @__PURE__ */ D({

package/dist/{PackageVersion-ClpqQxYT.js → PackageVersion-C5fpg4GN.js}

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

package/dist/{PenAndPaper-B-T7XvxF.js → PenAndPaper-BRkuVFb4.js}

@@ -1,7 +1,7 @@
 import { ref as c, computed as ge, watch as X, nextTick as le, onMounted as pe, onBeforeUnmount as me, createElementBlock as Y, createCommentVNode as q, openBlock as z, normalizeStyle as x, createElementVNode as k, withDirectives as ae, createVNode as R, normalizeClass as G, toDisplayString as Ae, unref as he, vModelText as oe } from "vue";
-import T from "./BaseIcon-DaR0sIWZ.js";
-import { C as we } from "./ColorPicker-Bj3sq9o7.js";
-import { l as be, f as xe } from "./index-CH_mJIWj.js";
+import T from "./BaseIcon-P7wV92Er.js";
+import { C as we } from "./ColorPicker-C7b6TR_9.js";
+import { l as be, f as xe } from "./index-BXbyT0Qn.js";
 const ye = {
   class: "vue-ui-pen-and-paper-action",
   style: { padding: "0 !important" }

package/dist/{Shape-DEWxbZ-l.js → Shape-CnD-h_98.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a } from "vue";
-import { Z as c, Q as f } from "./index-CH_mJIWj.js";
+import { Z as c, Q as f } from "./index-BXbyT0Qn.js";
 const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], g = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], h = {
   __name: "Shape",
   props: {

package/dist/{Slicer-o6jJH5bw.js → Slicer-CxdgZOQ7.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Ie, computed as s, ref as u, watch as R, onMounted as Pe, onBeforeUnmount as ze, onUpdated as Ae, nextTick as ue, createElementBlock as v, openBlock as m, createElementVNode as d, createCommentVNode as x, renderSlot as Fe, normalizeStyle as $, createVNode as He, withDirectives as oe, unref as Z, Fragment as re, renderList as se, normalizeClass as L, vModelText as de, toDisplayString as ve } from "vue";
-import Ve from "./BaseIcon-DaR0sIWZ.js";
+import Ve from "./BaseIcon-P7wV92Er.js";
 import { t as We, u as Xe } from "./useResponsive-JZ9xq-JV.js";
-import { c as Ue, U as me, T as ce, X as Oe, G as he } from "./index-CH_mJIWj.js";
+import { c as Ue, U as me, T as ce, X as Oe, G as he } from "./index-BXbyT0Qn.js";
 import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ge = {
   class: "vue-data-ui-slicer-labels",

package/dist/{SparkTooltip-LPnbBoFu.js → SparkTooltip-BIAMOmfJ.js}

@@ -1,5 +1,5 @@
 import { toRef as c, ref as a, computed as v, onMounted as m, watch as y, createElementBlock as b, openBlock as g, normalizeStyle as x, renderSlot as k, nextTick as S } from "vue";
-import { s as _, am as i } from "./index-CH_mJIWj.js";
+import { s as _, am as i } from "./index-BXbyT0Qn.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = {
   __name: "SparkTooltip",

package/dist/{Title-apr_T9tg.js → Title-DoWqzga-.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
-import { u as c } from "./useNestedProp-rMR-JeOJ.js";
+import { u as c } from "./useNestedProp-DVZpeH84.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Tooltip-BuHsMAfp.js → Tooltip-DYCBNM-_.js}

@@ -1,6 +1,6 @@
 import { ref as m, watch as p, nextTick as g, onUnmounted as S, computed as x, createBlock as k, openBlock as h, Teleport as $, createElementBlock as C, createCommentVNode as F, normalizeStyle as B, normalizeClass as N, renderSlot as v, createElementVNode as w } from "vue";
 import { u as z } from "./useMouse-AicQS8Vf.js";
-import { s as T } from "./index-CH_mJIWj.js";
+import { s as T } from "./index-BXbyT0Qn.js";
 function Y({ tooltip: t, chart: n, clientPosition: l, positionPreference: s = "center", defaultOffsetY: d = 24, blockShiftY: u = !1 }) {
   const e = m(0), i = m(d);
   if (t && n) {

package/dist/{UserOptions-OVNxxnq5.js → UserOptions-B3q-xfQV.js}

@@ -1,8 +1,9 @@
 import { ref as m, computed as G, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as s, openBlock as t, normalizeStyle as v, createElementVNode as X, withKeys as Z, withModifiers as p, renderSlot as k, normalizeProps as A, guardReactiveProps as _, createVNode as ee, normalizeClass as d, createCommentVNode as a, Fragment as h, createBlock as f, toDisplayString as y, mergeProps as F, unref as te } from "vue";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
-import r from "./BaseIcon-DaR0sIWZ.js";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const le = ["title"], ie = ["data-open"], se = {
+import r from "./BaseIcon-P7wV92Er.js";
+import ne from "./img-Dy6IrSzX.js";
+import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ie = ["title"], se = ["data-open"], ae = {
   __name: "UserOptions",
   props: {
     hasPdf: {
@@ -134,13 +135,17 @@ const le = ["title"], ie = ["data-open"], se = {
   setup(e, { emit: z }) {
     const i = e, b = z;
     function D() {
-      i.callbacks.pdf ? i.callbacks.pdf() : b("generatePdf");
+      i.callbacks.pdf ? i.callbacks.pdf(i.chartElement) : b("generatePdf");
     }
     function N() {
-      i.callbacks.csv ? i.callbacks.csv() : b("generateCsv");
+      b("generateCsv", i.callbacks.csv);
     }
-    function j() {
-      i.callbacks.img ? i.callbacks.img() : b("generateImage");
+    async function j() {
+      if (i.callbacks.img) {
+        const l = await ne({ domElement: i.chartElement, base64: !0 });
+        i.callbacks.img(l);
+      } else
+        b("generateImage");
     }
     const B = m(!1);
     function U() {
@@ -231,7 +236,7 @@ const le = ["title"], ie = ["data-open"], se = {
             "stroke-width": 2
           }, null, 8, ["name", "stroke"])
         ], !0)
-      ], 44, le),
+      ], 44, ie),
       X("div", {
         "data-open": $.value,
         class: d({ "vue-ui-user-options-drawer": !0 }),
@@ -522,12 +527,12 @@ const le = ["title"], ie = ["data-open"], se = {
             style: v({ background: e.backgroundColor, color: e.color })
           }, y(e.titles.annotator), 7)) : a("", !0)
         ], 32)) : a("", !0)
-      ], 12, ie)
+      ], 12, se)
     ], 4)), [
       [te(oe), W]
     ]);
   }
-}, ve = /* @__PURE__ */ ne(se, [["__scopeId", "data-v-3f9698be"]]);
+}, ge = /* @__PURE__ */ le(ae, [["__scopeId", "data-v-a4e9fb31"]]);
 export {
-  ve as default
+  ge as default
 };

package/dist/dom-to-png-4VVH9Qna.js

@@ -0,0 +1,247 @@
+import { X as x } from "./index-BXbyT0Qn.js";
+async function F(n) {
+  const i = n.querySelectorAll("img"), s = Array.from(i).map((t) => new Promise((o) => {
+    if (!t.src || t.src.startsWith("data:")) return o();
+    if (t.complete && t.naturalWidth !== 0) {
+      try {
+        const e = document.createElement("canvas");
+        e.width = t.naturalWidth, e.height = t.naturalHeight, e.getContext("2d").drawImage(t, 0, 0), t.src = e.toDataURL();
+      } catch {
+      }
+      return o();
+    }
+    const c = new window.Image();
+    c.crossOrigin = "anonymous", c.onload = function() {
+      try {
+        const e = document.createElement("canvas");
+        e.width = c.naturalWidth, e.height = c.naturalHeight, e.getContext("2d").drawImage(c, 0, 0), t.src = e.toDataURL();
+      } catch {
+      }
+      o();
+    }, c.onerror = function() {
+      o();
+    }, c.src = t.src;
+  }));
+  await Promise.all(s);
+}
+function E(n) {
+  n.querySelectorAll("[data-dom-to-png-ignore]").forEach((s) => {
+    s.remove();
+  });
+}
+function v(n, i, s) {
+  const t = window.getComputedStyle(i), o = i.getBoundingClientRect(), c = t.display.includes("flex");
+  let e = {}, a = n.getAttribute("style");
+  typeof a != "string" && (a = ""), a.split(";").forEach((l) => {
+    if (typeof l == "string" && l.trim()) {
+      const [f, d] = l.split(":");
+      f && d !== void 0 && (e[f.trim()] = d.trim());
+    }
+  });
+  for (let l = 0; l < t.length; l += 1) {
+    const f = t[l], d = t.getPropertyValue(f);
+    e[f] = d;
+  }
+  e.color = t.color, e["background-color"] = t.backgroundColor;
+  let r = t.fontFamily || s || "";
+  (!r || r.trim() === "" || r === "inherit" || r === "initial" || r.toLowerCase().startsWith("system-ui") || r.toLowerCase() === "sans-serif" || r.toLowerCase() === "serif" || r.toLowerCase() === "monospace") && (r = "Helvetica, Arial, sans-serif"), e["font-family"] = r, e["font-size"] = t.fontSize, e["font-weight"] = t.fontWeight, (c || t.display.includes("grid") || ["inline-block", "absolute", "fixed"].includes(t.position)) && (o.width > 0 && (e.width = o.width + "px"), o.height > 0 && (e.height = o.height + "px")), c && t.flexWrap === "nowrap" && (e["white-space"] = "nowrap"), ["box-sizing", "padding", "margin", "border"].forEach((l) => {
+    e[l] = t.getPropertyValue(l);
+  }), e.overflow = "visible", e["overflow-x"] = "visible", e["overflow-y"] = "visible";
+  let u = "";
+  for (const l in e)
+    u += `${l}:${e[l]};`;
+  n.setAttribute("style", u);
+  const m = n.children || [], p = i.children || [];
+  for (let l = 0; l < m.length; l++)
+    m[l].nodeType === 1 && p[l] && v(m[l], p[l], r);
+}
+function $(n, i) {
+  n.querySelectorAll("text").forEach((t) => {
+    t.setAttribute("font-family", i), t.style.fontFamily = i;
+  });
+}
+function W(n) {
+  const i = new TextEncoder().encode(n);
+  let s = "";
+  return i.forEach((t) => s += String.fromCharCode(t)), btoa(s);
+}
+function P(n, i, s) {
+  let o = new XMLSerializer().serializeToString(n);
+  o.match(/^<svg[^>]+xmlns="http\:\/\/www\.w3\.org\/2000\/svg"/) || (o = o.replace(/^<svg/, '<svg xmlns="http://www.w3.org/2000/svg"'));
+  const c = window.btoa(unescape(encodeURIComponent(o))), e = new window.Image();
+  return e.src = `data:image/svg+xml;base64,${c}`, new Promise((a, r) => {
+    e.onload = function() {
+      const u = document.createElement("canvas");
+      u.width = i, u.height = s, u.getContext("2d").drawImage(e, 0, 0, i, s), a(u.toDataURL("image/png", 1));
+    }, e.onerror = (u) => r(u);
+  });
+}
+function R(n) {
+  if (n.nodeType !== 1) return;
+  const i = window.getComputedStyle(n);
+  let s = "";
+  for (let t = 0; t < i.length; t++) {
+    const o = i[t];
+    s += `${o}:${i.getPropertyValue(o)};`;
+  }
+  n.setAttribute("style", s);
+  for (let t = 0; t < n.children.length; t++)
+    R(n.children[t]);
+}
+function z() {
+  const n = [];
+  for (const i of document.styleSheets)
+    try {
+      const s = i.cssRules;
+      if (!s) continue;
+      for (const t of s)
+        (typeof CSSFontFaceRule < "u" && t instanceof CSSFontFaceRule || t.cssText.trim().startsWith("@font-face")) && n.push(t.cssText);
+    } catch {
+      continue;
+    }
+  return n;
+}
+function M(n) {
+  const i = z();
+  if (!i.length) return;
+  const s = document.createElement("style");
+  s.setAttribute("type", "text/css"), s.textContent = i.join(`
+`);
+  const t = n.querySelector("defs") || document.createElementNS(x, "defs");
+  t.appendChild(s), n.querySelector("defs") || n.insertBefore(t, n.firstChild);
+}
+function H(n, i) {
+  const s = n.querySelectorAll("foreignObject"), t = i.querySelectorAll("foreignObject");
+  s.forEach((o, c) => {
+    const e = t[c];
+    if (!e) return;
+    function a(r, u) {
+      if (!r || !u) return;
+      if (r.nodeType === 1 && u.nodeType === 1) {
+        const l = window.getComputedStyle(u);
+        let f = "";
+        for (let d = 0; d < l.length; d++) {
+          const C = l[d];
+          f += `${C}:${l.getPropertyValue(C)};`;
+        }
+        r.setAttribute("style", f);
+      }
+      const m = r.children || [], p = u.children || [];
+      for (let l = 0; l < m.length; l++)
+        a(m[l], p[l]);
+    }
+    a(o, e);
+  });
+}
+function D(n) {
+  n.querySelectorAll("foreignObject").forEach((s) => {
+    let t = "";
+    const o = Array.from(s.querySelectorAll("*"));
+    if (o.length !== 0) {
+      for (const c of document.styleSheets) {
+        let e;
+        try {
+          e = c.cssRules;
+        } catch {
+          continue;
+        }
+        if (e) {
+          for (const a of e)
+            if (!(typeof CSSStyleRule < "u" && !(a instanceof CSSStyleRule)))
+              try {
+                o.some((r) => r.matches(a.selectorText)) && (t += a.cssText + `
+`);
+              } catch {
+                continue;
+              }
+        }
+      }
+      if (t) {
+        const c = document.createElement("style");
+        c.textContent = t, s.insertBefore(c, s.firstChild);
+      }
+    }
+  });
+}
+function U(n) {
+  n.querySelectorAll("foreignObject").forEach((s) => {
+    const t = s.firstElementChild;
+    t && t.tagName.toLowerCase() !== "svg" && t.setAttribute("xmlns", "http://www.w3.org/1999/xhtml");
+  });
+}
+function B(n, i) {
+  const s = n.querySelectorAll("foreignObject"), t = i.querySelectorAll("foreignObject");
+  s.forEach((o, c) => {
+    const e = t[c];
+    if (!o || !e) return;
+    const a = o.firstElementChild, r = e.firstElementChild;
+    a && r && j(a, r);
+  });
+}
+function j(n, i) {
+  if (n.nodeType !== 1 || !i) return;
+  v(n, i);
+  const s = n.children || [], t = i.children || [];
+  for (let o = 0; o < s.length; o++)
+    j(s[o], t[o]);
+}
+function O(n, i) {
+  const s = Array.from(i.querySelectorAll("img"));
+  n.querySelectorAll("img").forEach((t) => {
+    const o = t.getAttribute("src"), c = s.find((e) => e.getAttribute("src") === o);
+    if (c) {
+      const e = window.getComputedStyle(c);
+      let a = "";
+      for (let r = 0; r < e.length; r++) {
+        const u = e[r];
+        a += `${u}:${e.getPropertyValue(u)};`;
+      }
+      t.setAttribute("style", a);
+    }
+  });
+}
+async function k({ container: n, scale: i = 2, base64: s = !1 }) {
+  if (!n) throw new Error("No container provided");
+  await document.fonts.ready;
+  let t = window.getComputedStyle(n).fontFamily || "Helvetica";
+  t.toLowerCase().includes("helvetica") || (t += ", Helvetica");
+  const o = n.cloneNode(!0), c = o.querySelectorAll("canvas"), e = n.querySelectorAll("canvas");
+  for (let y = 0; y < e.length; y += 1) {
+    const g = e[y], h = c[y];
+    if (g && h) {
+      const w = document.createElement("img");
+      w.src = g.toDataURL("image/png"), w.width = g.width, w.height = g.height, w.style.width = g.style.width || g.width + "px", w.style.height = g.style.height || g.height + "px", h.replaceWith(w);
+    }
+  }
+  const a = n.querySelector("svg[aria-label]"), r = o.querySelector("svg[aria-label]");
+  if (a && r) {
+    U(r), D(r), H(r, a), B(r, a), R(r), $(r, t), O(r, a), await F(r);
+    const y = a.getBoundingClientRect(), g = y.width, h = y.height, w = Math.round(g * i), T = Math.round(h * i), I = await P(r, w, T), S = document.createElement("img");
+    S.src = I, S.width = g, S.height = h, S.style.width = g + "px", S.style.height = h + "px", r.parentNode.replaceChild(S, r);
+  }
+  v(o, n, t), O(o, n), E(o), await F(o);
+  const { width: u, height: m } = n.getBoundingClientRect(), p = Math.round(Math.max(o.scrollWidth, u) * i), l = Math.round(Math.max(o.scrollHeight, m) * 1.01 * i), f = document.createElementNS(x, "svg");
+  f.setAttribute("viewBox", `0 0 ${p} ${l}`), f.setAttribute("width", p), f.setAttribute("height", l), f.setAttribute("style", `font-family:${t};`);
+  const d = document.createElementNS(x, "foreignObject");
+  d.setAttribute("x", 0), d.setAttribute("y", 0), d.setAttribute("width", p), d.setAttribute("height", l), d.setAttribute("style", `font-family:${t};`), o.style.transform = `scale(${i})`, o.style.transformOrigin = "top left", o.style.width = u + "px", o.style.height = m + "px", o.style.background = window.getComputedStyle(n).backgroundColor, d.appendChild(o), M(f), f.appendChild(d);
+  const q = new XMLSerializer().serializeToString(f), L = W(q), b = new window.Image();
+  b.crossOrigin = "anonymous";
+  const A = `data:image/svg+xml;base64,${L}`;
+  return b.src = A, s ? new Promise((y) => {
+    y(A);
+  }) : new Promise((y, g) => {
+    b.onload = function() {
+      try {
+        const h = document.createElement("canvas");
+        h.width = p, h.height = l, h.getContext("2d").drawImage(b, 0, 0, p, l), y(h.toDataURL("image/png", 1));
+      } catch (h) {
+        g("Failed to draw SVG on canvas: " + h);
+      }
+    }, b.onerror = function() {
+      g("Failed to load SVG image for conversion");
+    };
+  });
+}
+export {
+  k as d
+};

package/dist/img-Dy6IrSzX.js

@@ -0,0 +1,20 @@
+import { d as a } from "./dom-to-png-4VVH9Qna.js";
+async function g({ domElement: t, fileName: c, format: i = "png", scale: o = 2, base64: n = !1 }) {
+  if (!t) return Promise.reject("No element provided");
+  if (n)
+    try {
+      return a({ container: t, scale: o, base64: n }).then((r) => r);
+    } catch (r) {
+      console.error("Error generating the base64 string of the chart", r);
+    }
+  else
+    try {
+      const r = await a({ container: t, scale: o }), e = document.createElement("a");
+      e.href = r, e.download = `${c}.${i}`, document.body.appendChild(e), e.click(), document.body.removeChild(e);
+    } catch (r) {
+      throw console.error("Error generating image:", r), r;
+    }
+}
+export {
+  g as default
+};

package/dist/{index-CH_mJIWj.js → index-BXbyT0Qn.js}

@@ -423,11 +423,15 @@ function br() {
             show: !0
           },
           xAxis: {
-            showBaseline: !1
+            showBaseline: !1,
+            showCrosshairs: !0,
+            crosshairSize: 6
           },
           yAxis: {
             position: "left",
             showBaseline: !0,
+            showCrosshairs: !0,
+            crosshairSize: 6,
             commonScaleSteps: 10,
             useIndividualScale: !1,
             useNiceScale: !1,
@@ -7183,7 +7187,7 @@ function He(o, e) {
 function Xe({ defaultConfig: o, userConfig: e }) {
   return to({ defaultConfig: o, userConfig: e });
 }
-const Ke = C(() => import("./Arrow-kQyQXUUg.js")), je = C(() => import("./vue-data-ui-D7AaTKU6.js")), qe = C(() => import("./vue-ui-3d-bar-BfLLrwWi.js")), Qe = C(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Ze = C(() => import("./vue-ui-age-pyramid-C7ca5TG5.js")), Je = C(() => import("./vue-ui-annotator-DG2z1gw8.js")), ol = C(() => import("./vue-ui-candlestick-7Yo_kEV0.js")), rl = C(() => import("./vue-ui-chestnut-DLlFv6Uj.js")), tl = C(() => import("./vue-ui-cursor-Djtg6Ppw.js")), el = C(() => import("./vue-ui-dashboard-C4MDDCl6.js")), ll = C(() => import("./vue-ui-digits-8Ox6q1Ov.js")), al = C(() => import("./vue-ui-donut-Hk4EaVhb.js")), cl = C(() => import("./vue-ui-donut-evolution-DzgYokPU.js")), nl = C(() => import("./vue-ui-dumbbell-CAC44_Hu.js")), sl = C(() => import("./vue-ui-flow-CYWiZjrP.js")), il = C(() => import("./vue-ui-galaxy-BBfg84E4.js")), ul = C(() => import("./vue-ui-gauge-BJgJgef_.js")), dl = C(() => import("./vue-ui-heatmap-D65wOgqe.js")), bl = C(() => import("./BaseIcon-DaR0sIWZ.js")), fl = C(() => import("./vue-ui-kpi-uT6fsAaO.js")), gl = C(() => import("./vue-ui-mini-loader-CKVlBiYB.js")), Al = C(() => import("./vue-ui-molecule-BwtHZtGN.js")), Cl = C(() => import("./vue-ui-mood-radar-Vf4_-R-m.js")), hl = C(() => import("./vue-ui-nested-donuts-BVkSns4S.js")), kl = C(() => import("./vue-ui-onion-UzMmwtvF.js")), Fl = C(() => import("./vue-ui-parallel-coordinate-plot-Dk5T3ZAr.js")), pl = C(() => import("./vue-ui-quadrant-Ck7xALez.js")), El = C(() => import("./vue-ui-quick-chart-B62Pa0nG.js")), Dl = C(() => import("./vue-ui-radar-DMfv2hSb.js")), Bl = C(() => import("./vue-ui-rating-CFYHJrxj.js")), yl = C(() => import("./vue-ui-relation-circle-RWlfC5BI.js")), ml = C(() => import("./vue-ui-rings-CyX30Ccv.js")), xl = C(() => import("./vue-ui-scatter-BEDnWByj.js")), wl = C(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ll = C(() => import("./vue-ui-smiley-79itAe84.js")), Sl = C(() => import("./vue-ui-sparkhistogram-C_LV99i1.js")), vl = C(() => import("./vue-ui-sparkstackbar-CobB11uw.js")), _l = C(() => import("./vue-ui-spark-trend-AaA4KuaH.js")), zl = C(() => import("./vue-ui-sparkbar-CYBZeaor.js")), Ol = C(() => import("./vue-ui-sparkgauge-ElGarXVS.js")), Rl = C(() => import("./vue-ui-sparkline-DwzCA8d6.js")), Nl = C(() => import("./vue-ui-strip-plot-9VK_Y3SC.js")), Pl = C(() => import("./vue-ui-table-DFTE1OH5.js")), Tl = C(() => import("./vue-ui-table-heatmap-DvyJx0j7.js")), Ml = C(() => import("./vue-ui-table-sparkline-SGsBnQTK.js")), Vl = C(() => import("./vue-ui-thermometer-DEMS6HXl.js")), Il = C(() => import("./vue-ui-timer-CQ71yJ_N.js")), Wl = C(() => import("./vue-ui-tiremarks-CsN_QtUK.js")), $l = C(() => import("./vue-ui-treemap-B0CPNusH.js")), Ul = C(() => import("./vue-ui-vertical-bar-Cxv-ahMT.js")), Yl = C(() => import("./vue-ui-waffle-TgNNo9UX.js")), Gl = C(() => import("./vue-ui-wheel-Bq0ZLc-R.js")), Hl = C(() => import("./vue-ui-word-cloud-D28awCaT.js")), Xl = C(() => import("./vue-ui-xy-CEFkua9H.js")), Kl = C(() => import("./vue-ui-xy-canvas-oHhzL0ui.js")), jl = C(() => import("./vue-ui-carousel-table-Det9Kwmy.js")), ql = C(() => import("./vue-ui-gizmo-DBclpybR.js")), Ql = C(() => import("./vue-ui-stackbar-B4SxM5Ix.js")), Zl = C(() => import("./vue-ui-bullet-Dh25QAEH.js")), Jl = C(() => import("./vue-ui-funnel-C2eqxh_8.js")), oa = C(() => import("./vue-ui-history-plot-CHhDy7Da.js")), ra = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), ta = C(() => import("./vue-ui-circle-pack-DdRcdWmx.js")), ea = C(() => import("./vue-ui-world-BhUsfhY5.js")), la = C(() => import("./vue-ui-ridgeline-Bh93VzcO.js")), aa = C(() => import("./vue-ui-chord-BXlv5Z2x.js"));
+const Ke = C(() => import("./Arrow-B2y3GYgv.js")), je = C(() => import("./vue-data-ui-DUHiuRmY.js")), qe = C(() => import("./vue-ui-3d-bar-C3cqHCNp.js")), Qe = C(() => import("./vue-ui-accordion-CXsjHe1y.js")), Ze = C(() => import("./vue-ui-age-pyramid-B2EpIzV9.js")), Je = C(() => import("./vue-ui-annotator-Czvbjx_j.js")), ol = C(() => import("./vue-ui-candlestick-BQ1RVdoH.js")), rl = C(() => import("./vue-ui-chestnut-DmEa8kef.js")), tl = C(() => import("./vue-ui-cursor-D27qwk90.js")), el = C(() => import("./vue-ui-dashboard-DKsYxh6J.js")), ll = C(() => import("./vue-ui-digits-CdDTbIAN.js")), al = C(() => import("./vue-ui-donut-DS-DfHIm.js")), cl = C(() => import("./vue-ui-donut-evolution-XMEmv1DK.js")), nl = C(() => import("./vue-ui-dumbbell-DAm5A4u3.js")), sl = C(() => import("./vue-ui-flow-CTbmqqmV.js")), il = C(() => import("./vue-ui-galaxy-CJHycmpt.js")), ul = C(() => import("./vue-ui-gauge-Bsc9wIKK.js")), dl = C(() => import("./vue-ui-heatmap-in5WwNRr.js")), bl = C(() => import("./BaseIcon-P7wV92Er.js")), fl = C(() => import("./vue-ui-kpi-fDPWRpRZ.js")), gl = C(() => import("./vue-ui-mini-loader-BeJRaP7N.js")), Al = C(() => import("./vue-ui-molecule-BJbwA0F6.js")), Cl = C(() => import("./vue-ui-mood-radar--YEOJ6q6.js")), hl = C(() => import("./vue-ui-nested-donuts-BswKH0D6.js")), kl = C(() => import("./vue-ui-onion-BAw8X4iu.js")), Fl = C(() => import("./vue-ui-parallel-coordinate-plot-CYkzOe_Q.js")), pl = C(() => import("./vue-ui-quadrant-BupqUnMn.js")), El = C(() => import("./vue-ui-quick-chart-BzpDL6CR.js")), Dl = C(() => import("./vue-ui-radar-zPrbIZv5.js")), Bl = C(() => import("./vue-ui-rating-DqCOz2LB.js")), yl = C(() => import("./vue-ui-relation-circle-DQp_zboM.js")), ml = C(() => import("./vue-ui-rings-Bk4QJYsW.js")), xl = C(() => import("./vue-ui-scatter-RxF0N8Zj.js")), wl = C(() => import("./vue-ui-skeleton-Fxr752Oi.js")), Ll = C(() => import("./vue-ui-smiley-CNScIHKI.js")), Sl = C(() => import("./vue-ui-sparkhistogram-CZx5cF_r.js")), vl = C(() => import("./vue-ui-sparkstackbar-C0EE8xrA.js")), _l = C(() => import("./vue-ui-spark-trend-CyMzdoJ9.js")), zl = C(() => import("./vue-ui-sparkbar-DMTRPWwC.js")), Ol = C(() => import("./vue-ui-sparkgauge-itAGdTj_.js")), Rl = C(() => import("./vue-ui-sparkline-POYMl6cO.js")), Nl = C(() => import("./vue-ui-strip-plot-u39z36tT.js")), Pl = C(() => import("./vue-ui-table-Cvmrm0sZ.js")), Tl = C(() => import("./vue-ui-table-heatmap-BOFRFilm.js")), Ml = C(() => import("./vue-ui-table-sparkline-CMhk8rpj.js")), Vl = C(() => import("./vue-ui-thermometer-Cxznchnu.js")), Il = C(() => import("./vue-ui-timer-Du0Cskiy.js")), Wl = C(() => import("./vue-ui-tiremarks-BzC40iBw.js")), $l = C(() => import("./vue-ui-treemap-D5Nk7usb.js")), Ul = C(() => import("./vue-ui-vertical-bar-BivMp4WH.js")), Yl = C(() => import("./vue-ui-waffle-DI0Ul1Tb.js")), Gl = C(() => import("./vue-ui-wheel-BfHsxhQq.js")), Hl = C(() => import("./vue-ui-word-cloud-ytYbdQKa.js")), Xl = C(() => import("./vue-ui-xy-DxgCkZEV.js")), Kl = C(() => import("./vue-ui-xy-canvas-R0tICTKy.js")), jl = C(() => import("./vue-ui-carousel-table-UQjCOJJV.js")), ql = C(() => import("./vue-ui-gizmo-D6AciZZe.js")), Ql = C(() => import("./vue-ui-stackbar-B6ytrTFL.js")), Zl = C(() => import("./vue-ui-bullet-ClY1tgTT.js")), Jl = C(() => import("./vue-ui-funnel-CihunDsZ.js")), oa = C(() => import("./vue-ui-history-plot-C9IEmAmm.js")), ra = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), ta = C(() => import("./vue-ui-circle-pack-Bx_mLhCR.js")), ea = C(() => import("./vue-ui-world-CiYvMEKb.js")), la = C(() => import("./vue-ui-ridgeline-DoJfX7Ii.js")), aa = C(() => import("./vue-ui-chord-CEDZ-UcP.js"));
 export {
   eo as $,
   to as A,

package/dist/{pdf-Jun3ogRn.js → pdf-ZrUvUcH9.js}

@@ -1,4 +1,4 @@
-import { d as u } from "./dom-to-png-C0Ct8ClX.js";
+import { d as u } from "./dom-to-png-4VVH9Qna.js";
 async function H({ domElement: d, fileName: f, scale: p = 2, options: P = {} }) {
   if (!d) return Promise.reject("No domElement provided");
   let r;