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

package/dist/{vue-ui-waffle-TgNNo9UX.js → vue-ui-waffle-DI0Ul1Tb.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as B, useSlots as ht, computed as d, ref as c, watch as Ve, shallowRef as Me, onMounted as pt, onBeforeUnmount as yt, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as De, createBlock as V, createCommentVNode as y, createElementVNode as x, createVNode as ie, createSlots as Re, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as F, mergeProps as Ue, toDisplayString as L, createTextVNode as Ge, nextTick as ft } from "vue";
-import { u as gt, c as bt, t as mt, p as M, a as wt, o as kt, e as ve, g as xt, b as Ct, i as q, f as _, X as $t, s as _t, w as It, G as Tt, K as St, d as Ot, q as Pt, r as At, x as Ft, y as Lt } from "./index-CH_mJIWj.js";
+import { defineAsyncComponent as B, useSlots as ht, computed as d, ref as c, watch as Ve, shallowRef as Me, onMounted as pt, onBeforeUnmount as ft, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as De, createBlock as V, createCommentVNode as f, createElementVNode as x, createVNode as ie, createSlots as Re, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as F, mergeProps as Ue, toDisplayString as L, createTextVNode as Ge, nextTick as yt } from "vue";
+import { u as gt, c as bt, t as mt, p as M, a as wt, o as kt, e as ve, g as xt, b as Ct, i as q, f as _, X as $t, s as _t, w as It, G as Tt, K as St, d as Ot, q as Pt, r as At, x as Ft, y as Lt } from "./index-BXbyT0Qn.js";
 import { t as zt, u as Nt } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ee } from "./useNestedProp-rMR-JeOJ.js";
-import { u as Bt } from "./usePrinter-DJ7WfWUs.js";
+import { u as Ee } from "./useNestedProp-DVZpeH84.js";
+import { u as Bt } from "./usePrinter-aKh5-HcK.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
-import Dt from "./Title-apr_T9tg.js";
-import Rt from "./Legend-DRqzYrP9.js";
-import { _ as Ut } from "./Shape-DEWxbZ-l.js";
+import Dt from "./Title-DoWqzga-.js";
+import Rt from "./Legend-DcDRW3Xd.js";
+import { _ as Ut } from "./Shape-CnD-h_98.js";
 import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"], Ht = ["stop-color"], Xt = ["id"], Yt = ["x", "y", "height", "width"], Kt = ["height", "width"], Jt = { key: 0 }, Qt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Zt = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], el = { key: 1 }, tl = ["rx", "x", "y", "height", "width", "fill", "filter"], ll = ["x", "y", "height", "width", "filter"], al = { key: 0 }, ol = { key: 1 }, ul = { key: 2 }, sl = { key: 3 }, rl = ["onMouseover", "x", "y", "height", "width"], nl = {
   key: 5,
@@ -30,7 +30,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
   },
   emits: ["selectLegend"],
   setup(je, { expose: We, emit: qe }) {
-    const He = B(() => import("./DataTable-BBqbcutV.js")), Xe = B(() => import("./PenAndPaper-B-T7XvxF.js")), Ye = B(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Ke = B(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Je = B(() => import("./Tooltip-BuHsMAfp.js")), Qe = B(() => import("./UserOptions-OVNxxnq5.js")), Ze = B(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_waffle: et } = gt(), m = je, tt = ht(), J = d(() => !!m.dataset && m.dataset.length), k = c(bt()), lt = c(null), le = c(!1), ae = c(""), D = c(null), ce = c(0), H = c(null), de = c(null), he = c(null), pe = c(null), ye = c(null), fe = c(0), ge = c(0), be = c(0), e = d({
+    const He = B(() => import("./DataTable-DBkfb6pd.js")), Xe = B(() => import("./PenAndPaper-BRkuVFb4.js")), Ye = B(() => import("./vue-ui-accordion-CXsjHe1y.js")), Ke = B(() => import("./vue-ui-skeleton-Fxr752Oi.js")), Je = B(() => import("./Tooltip-DYCBNM-_.js")), Qe = B(() => import("./UserOptions-B3q-xfQV.js")), Ze = B(() => import("./PackageVersion-C5fpg4GN.js")), { vue_ui_waffle: et } = gt(), m = je, tt = ht(), J = d(() => !!m.dataset && m.dataset.length), k = c(bt()), lt = c(null), le = c(!1), ae = c(""), D = c(null), ce = c(0), H = c(null), de = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(0), ge = c(0), be = c(0), e = d({
       get: () => xe(),
       set: (t) => t
     }), { userOptionsVisible: oe, setUserOptionsVisibility: me, keepUserOptionState: we } = Vt({ config: e.value }), { svgRef: ke } = Mt({ config: e.value.style.chart.title });
@@ -48,7 +48,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       } : t;
     }
     Ve(() => m.config, (t) => {
-      e.value = xe(), oe.value = !e.value.userOptions.showOnChartHover, Ce(), fe.value += 1, ge.value += 1, be.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = xe(), oe.value = !e.value.userOptions.showOnChartHover, Ce(), ye.value += 1, ge.value += 1, be.value += 1, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const A = Me(null), R = Me(null);
     function Ce() {
@@ -74,7 +74,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
             title: e.value.style.chart.title.text ? de.value : null,
             legend: e.value.style.chart.legend.show ? he.value : null,
             source: pe.value,
-            noTitle: ye.value
+            noTitle: fe.value
           });
           requestAnimationFrame(() => {
             z.value.width = a, z.value.height = l, I.value.width = a, I.value.height = l;
@@ -85,7 +85,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
     }
     pt(() => {
       Ce();
-    }), yt(() => {
+    }), ft(() => {
       A.value && (R.value && A.value.unobserve(R.value), A.value.disconnect());
     });
     const { isPrinting: $e, isImaging: _e, generatePdf: Ie, generateImage: Te } = Bt({
@@ -106,10 +106,10 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
     }), T = d(() => (I.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), S = d(() => (I.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), X = d(() => I.value.width / e.value.style.chart.layout.grid.size), Q = d(() => I.value.height / e.value.style.chart.layout.grid.size);
     function Oe(t) {
       const a = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, l = t.reduce((w, ne) => w + ne, 0), o = t.map((w) => w / l * a), u = o.map(Math.floor), v = o.map((w) => w % 1);
-      let f = a - u.reduce((w, ne) => w + ne, 0);
-      for (; f > 0; ) {
+      let y = a - u.reduce((w, ne) => w + ne, 0);
+      for (; y > 0; ) {
         let w = v.indexOf(Math.max(...v));
-        u[w] += 1, v[w] = 0, f -= 1;
+        u[w] += 1, v[w] = 0, y -= 1;
       }
       return u;
     }
@@ -167,8 +167,8 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       let t = 0;
       return Y.value.map((a, l) => {
         const o = t, u = o + a.proportion, v = [];
-        for (let f = Math.floor(o); f < Math.floor(u); f += 1)
-          v.push(f);
+        for (let y = Math.floor(o); y < Math.floor(u); y += 1)
+          v.push(y);
         return t = u, {
           ...a,
           start: o,
@@ -209,20 +209,20 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
       let o = l;
       if (p.value.includes(t)) {
         let v = function() {
-          o > u ? (cancelAnimationFrame(Ae.value), h.value = h.value.map((f, w) => f.uid === t ? {
-            ...f,
+          o > u ? (cancelAnimationFrame(Ae.value), h.value = h.value.map((y, w) => y.uid === t ? {
+            ...y,
             values: [u]
-          } : f), N.value = !1) : (N.value = !0, o += u * 0.025, h.value = h.value.map((f, w) => f.uid === t ? {
-            ...f,
+          } : y), N.value = !1) : (N.value = !0, o += u * 0.025, h.value = h.value.map((y, w) => y.uid === t ? {
+            ...y,
             values: [o]
-          } : f), Ae.value = requestAnimationFrame(v));
+          } : y), Ae.value = requestAnimationFrame(v));
         };
-        p.value = p.value.filter((f) => f !== t);
+        p.value = p.value.filter((y) => y !== t);
         const u = a;
         v();
       } else if (p.value.length < G.value.length - 1 && G.value.length > 1) {
         let u = function() {
-          o < l / 100 ? (cancelAnimationFrame(Fe.value), p.value.push(t), h.value = h.value.map((v, f) => v.uid === t ? {
+          o < l / 100 ? (cancelAnimationFrame(Fe.value), p.value.push(t), h.value = h.value.map((v, y) => v.uid === t ? {
             ...v,
             values: [0]
           } : v), N.value = !1) : (N.value = !0, o /= 1.15, h.value = h.value.map((v) => v.uid === t ? {
@@ -318,12 +318,12 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
     function Z(t) {
       return e.value.useBlurOnHover && ![null, void 0].includes(D.value) && D.value !== t ? `url(#blur_${k.value})` : "";
     }
-    function ze() {
-      ft(() => {
-        const t = P.value.head.map((o, u) => [[
-          o.name
-        ], [P.value.body[u]], [isNaN(P.value.body[u] / O.value) ? "-" : P.value.body[u] / O.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = Pt(a);
-        At({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-waffle" });
+    function ze(t = null) {
+      yt(() => {
+        const a = P.value.head.map((u, v) => [[
+          u.name
+        ], [P.value.body[v]], [isNaN(P.value.body[v] / O.value) ? "-" : P.value.body[v] / O.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = Pt(l);
+        t ? t(o) : At({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
     const ee = d(() => {
@@ -422,14 +422,14 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         color: e.value.style.chart.color,
         active: te.value,
         onClose: re
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
       at.value ? (s(), r("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ye,
+        ref: fe,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : y("", !0),
+      }, null, 512)) : f("", !0),
       e.value.style.chart.title.text ? (s(), r("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -437,7 +437,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
         (s(), V(Dt, {
-          key: `title_${fe.value}`,
+          key: `title_${ye.value}`,
           config: {
             title: {
               cy: "waffle-title",
@@ -449,7 +449,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : y("", !0),
+      ], 512)) : f("", !0),
       e.value.userOptions.show && J.value && (n(we) || n(oe)) ? (s(), V(n(Qe), {
         ref_key: "details",
         ref: lt,
@@ -540,7 +540,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       J.value ? (s(), r("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -596,7 +596,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           g(t.$slots, "cell", Ue({ ref_for: !0 }, { cell: { ...l, color: i.value[o].color, ...i.value[o] }, isSelected: [null, void 0].includes(D.value) ? !0 : i.value[o].serieIndex === D.value }), void 0, !0)
-        ], 8, Yt))), 256)) : y("", !0),
+        ], 8, Yt))), 256)) : f("", !0),
         !i.value.length && !e.value.useCustomCells ? (s(), r("rect", {
           key: 1,
           x: 12,
@@ -611,7 +611,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
             (s(!0), r($, null, F(ue.value, (l) => (s(), r("defs", null, [
               g(t.$slots, "pattern", Ue({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${k.value}_${l.absoluteIndex}` }), void 0, !0)
             ]))), 256))
-          ])) : y("", !0),
+          ])) : f("", !0),
           (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: l.x + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -645,8 +645,8 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
               stroke: "none",
               filter: Z(i.value[o].serieIndex)
             }, null, 8, tl))), 256))
-          ])) : y("", !0)
-        ], 64)) : y("", !0),
+          ])) : f("", !0)
+        ], 64)) : f("", !0),
         (s(!0), r($, null, F(U.value, (l, o) => (s(), r($, null, [
           i.value.length && !N.value && !e.value.style.chart.layout.grid.vertical && e.value.style.chart.layout.labels.captions.show && (i.value[o].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || i.value[o].isAbsoluteFirst && o % e.value.style.chart.layout.grid.size === 0 && i.value[o].absoluteStartIndex) ? (s(), r("foreignObject", {
             key: 0,
@@ -660,8 +660,8 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
               class: "vue-ui-waffle-caption",
               style: K(`height: 100%; width: 100%; font-size:${e.value.style.chart.layout.labels.captions.fontSize}px;display:flex;align-items:center;justify-content:flex-start;padding: 0 ${X.value / 12}px;color:${n(Tt)(i.value[o].color)};gap:2px`)
             }, [
-              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", al, L(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? n(St)({ source: i.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : i.value[o].name) + ": ", 1)) : y("", !0),
-              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", ol, L(n(_)({ v: i.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : y("", !0),
+              e.value.style.chart.layout.labels.captions.showSerieName ? (s(), r("span", al, L(e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? n(St)({ source: i.value[o].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : i.value[o].name) + ": ", 1)) : f("", !0),
+              e.value.style.chart.layout.labels.captions.showPercentage ? (s(), r("span", ol, L(n(_)({ v: i.value[o].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage })), 1)) : f("", !0),
               e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", ul, " (" + L(n(q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 i.value[o].value,
@@ -672,7 +672,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
                 { datapoint: i.value[o], position: l }
-              )) + ") ", 1)) : y("", !0),
+              )) + ") ", 1)) : f("", !0),
               !e.value.style.chart.layout.labels.captions.showPercentage && e.value.style.chart.layout.labels.captions.showValue ? (s(), r("span", sl, L(n(q)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 i.value[o].value,
@@ -683,9 +683,9 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
                   r: e.value.style.chart.layout.labels.captions.roundingValue
                 }),
                 { datapoint: i.value[o], position: l }
-              )), 1)) : y("", !0)
+              )), 1)) : f("", !0)
             ], 4)
-          ], 8, ll)) : y("", !0)
+          ], 8, ll)) : f("", !0)
         ], 64))), 256)),
         (s(!0), r($, null, F(U.value, (l, o) => (s(), r("rect", {
           onMouseover: (u) => vt(o),
@@ -700,11 +700,11 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           stroke: "none"
         }, null, 40, rl))), 256)),
         g(t.$slots, "svg", { svg: z.value }, void 0, !0)
-      ], 14, jt)) : y("", !0),
+      ], 14, jt)) : f("", !0),
       t.$slots.watermark ? (s(), r("div", nl, [
         g(t.$slots, "watermark", j(W({ isPrinting: n($e) || n(_e) })), void 0, !0)
-      ])) : y("", !0),
-      J.value ? y("", !0) : (s(), V(n(Ke), {
+      ])) : f("", !0),
+      J.value ? f("", !0) : (s(), V(n(Ke), {
         key: 6,
         config: {
           type: "waffle",
@@ -773,7 +773,7 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : y("", !0),
+      ], 512)) : f("", !0),
       ie(n(Je), {
         show: C.value.showTooltip && le.value && p.value.length < m.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -837,10 +837,10 @@ const Et = ["id"], jt = ["xmlns", "viewBox"], Wt = ["id"], qt = ["stop-color"],
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : y("", !0)
+      }, 8, ["config"])) : f("", !0)
     ], 46, Et));
   }
-}, _l = /* @__PURE__ */ Gt(hl, [["__scopeId", "data-v-8a7d3ae8"]]);
+}, _l = /* @__PURE__ */ Gt(hl, [["__scopeId", "data-v-9c143042"]]);
 export {
   _l as default
 };

package/dist/{vue-ui-wheel-Bq0ZLc-R.js → vue-ui-wheel-BfHsxhQq.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as $, computed as p, ref as c, watch as Q, shallowRef as Z, onMounted as ke, onBeforeUnmount as we, createElementBlock as v, openBlock as s, unref as l, normalizeStyle as M, createBlock as _, createCommentVNode as h, createSlots as be, withCtx as k, renderSlot as y, normalizeProps as I, guardReactiveProps as A, normalizeClass as T, createVNode as Ce, Fragment as ee, renderList as te, toDisplayString as Oe } from "vue";
-import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-CH_mJIWj.js";
+import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-BXbyT0Qn.js";
 import { t as Me, u as Te } from "./useResponsive-JZ9xq-JV.js";
-import { u as oe } from "./useNestedProp-rMR-JeOJ.js";
-import { u as Ne } from "./usePrinter-DJ7WfWUs.js";
+import { u as oe } from "./useNestedProp-DVZpeH84.js";
+import { u as Ne } from "./usePrinter-aKh5-HcK.js";
 import { u as Re } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ue } from "./useChartAccessibility-9icAAmYg.js";
-import Xe from "./Title-apr_T9tg.js";
+import Xe from "./Title-DoWqzga-.js";
 import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], De = ["d", "fill"], Ye = ["cx", "cy", "r", "stroke", "stroke-width"], He = ["x", "y", "font-size", "fill", "font-weight"], We = {
   key: 5,
@@ -27,7 +27,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
     }
   },
   setup(ne, { expose: se }) {
-    const ue = $(() => import("./PenAndPaper-B-T7XvxF.js")), re = $(() => import("./vue-ui-skeleton-C6PWt_m5.js")), ie = $(() => import("./UserOptions-OVNxxnq5.js")), ce = $(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
+    const ue = $(() => import("./PenAndPaper-BRkuVFb4.js")), re = $(() => import("./vue-ui-skeleton-Fxr752Oi.js")), ie = $(() => import("./UserOptions-B3q-xfQV.js")), ce = $(() => import("./PackageVersion-C5fpg4GN.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
       get: () => j(),
       set: (t) => t
     }), { userOptionsVisible: F, setUserOptionsVisibility: L, keepUserOptionState: B } = Re({ config: e.value }), { svgRef: G } = Ue({ config: e.value.style.chart.title });