vue-data-ui 2.7.2 → 2.7.4

package/dist/{vue-ui-rings-CiMKMEpp.js → vue-ui-rings-Dq5YT7h-.js}

@@ -1,21 +1,21 @@
-import { useSlots as Ge, ref as i, computed as g, watch as He, onMounted as je, onBeforeUnmount as Xe, createElementBlock as v, openBlock as n, unref as r, normalizeStyle as I, normalizeClass as M, createBlock as O, createCommentVNode as m, createElementVNode as T, createVNode as J, createSlots as we, withCtx as h, renderSlot as d, normalizeProps as A, guardReactiveProps as F, Fragment as K, renderList as Q, mergeProps as qe, createTextVNode as Te, toDisplayString as E, nextTick as Ye } from "vue";
-import { u as Je, c as _e, t as Ke, p as N, a as Qe, o as Ze, e as Z, g as et, b as tt, J as lt, d as xe, f as P, X as ot, s as at, w as st, v as G, i as Ie, q as nt, r as ut, x as rt, y as it } from "./index-gC66Se26.js";
+import { useSlots as Ge, ref as i, computed as g, watch as He, onMounted as je, onBeforeUnmount as Xe, createElementBlock as v, openBlock as n, unref as r, normalizeStyle as I, normalizeClass as M, createBlock as O, createCommentVNode as m, createElementVNode as _, createVNode as J, createSlots as we, withCtx as h, renderSlot as d, normalizeProps as P, guardReactiveProps as F, Fragment as K, renderList as Q, mergeProps as qe, createTextVNode as _e, toDisplayString as E, nextTick as Ye } from "vue";
+import { u as Je, c as Te, t as Ke, p as N, a as Qe, o as Ze, e as Z, g as et, b as tt, J as lt, d as xe, f as S, X as ot, s as at, w as st, v as G, i as Ie, q as nt, r as ut, x as rt, y as it } from "./index-D3VntmA9.js";
 import { t as vt, u as ct } from "./useResponsive-Cw4oZ8sQ.js";
-import { _ as dt } from "./Title-Co3F59jq.js";
-import { u as pt, U as ht } from "./usePrinter-KMFl0n0s.js";
-import { _ as gt } from "./Tooltip-Cr89wMKa.js";
-import { D as ft } from "./DataTable-C_28ZqiP.js";
-import { L as yt } from "./Legend-CmKaL7xe.js";
-import mt from "./vue-ui-skeleton-7Zfds6H1.js";
-import bt from "./vue-ui-accordion-j2beIma_.js";
-import { u as Oe } from "./useNestedProp-BusTOV-6.js";
-import { _ as kt } from "./PackageVersion-39l3KkzC.js";
-import { P as Ct } from "./PenAndPaper-CmcfpltX.js";
+import { _ as dt } from "./Title-UjBqdYyD.js";
+import { u as pt, U as ht } from "./usePrinter-H3tAjGXs.js";
+import { _ as gt } from "./Tooltip-3NNIdJ6N.js";
+import { D as ft } from "./DataTable-DOKlm7k4.js";
+import { L as yt } from "./Legend-CIjMjfNk.js";
+import mt from "./vue-ui-skeleton-pHcbvN3-.js";
+import bt from "./vue-ui-accordion-DGJQIcdB.js";
+import { u as Oe } from "./useNestedProp-DTlOqz2P.js";
+import { _ as kt } from "./PackageVersion-BCLALL_i.js";
+import { _ as Ct } from "./PenAndPaper-CZs431Nx.js";
 import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as wt } from "./Shape-iIO-95sh.js";
-import { u as Tt } from "./useChartAccessibility-BWojgys7.js";
-import { _ as _t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["id"], Pt = ["stop-color"], St = ["stop-color"], At = { key: 1 }, Ft = ["stroke", "cx", "cy", "r", "fill"], Lt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], Rt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], Mt = ["cx", "cy", "r", "onMouseenter"], Vt = {
+import { _ as wt } from "./Shape-D9MuIPm8.js";
+import { u as _t } from "./useChartAccessibility-BWojgys7.js";
+import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["id"], St = ["stop-color"], At = ["stop-color"], Pt = { key: 1 }, Ft = ["stroke", "cx", "cy", "r", "fill"], Lt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], Rt = ["stroke", "stroke-width", "cx", "cy", "r", "fill"], Mt = ["cx", "cy", "r", "onMouseenter"], Vt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, zt = ["onClick"], Ut = { key: 0 }, Wt = { key: 1 }, Bt = ["innerHTML"], Dt = {
@@ -35,15 +35,15 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
     }
   },
   emits: ["selectLegend"],
-  setup(Ne, { expose: Pe, emit: Se }) {
-    const { vue_ui_rings: Ae } = Je(), Fe = Ge(), b = Ne, x = i(!1), V = g(() => !!b.dataset && b.dataset.length), $ = i(_e()), Le = i(null), z = i(!1), H = i(""), w = i(null), ee = i(0), L = i(null), te = i(null), le = i(null), oe = i(null), ae = i(null), se = i(0), ne = i(0), ue = i(0), e = g({
+  setup(Ne, { expose: Se, emit: Ae }) {
+    const { vue_ui_rings: Pe } = Je(), Fe = Ge(), b = Ne, x = i(!1), V = g(() => !!b.dataset && b.dataset.length), $ = i(Te()), Le = i(null), z = i(!1), H = i(""), w = i(null), ee = i(0), L = i(null), te = i(null), le = i(null), oe = i(null), ae = i(null), se = i(0), ne = i(0), ue = i(0), e = g({
       get: () => ce(),
       set: (t) => t
-    }), { userOptionsVisible: j, setUserOptionsVisibility: re, keepUserOptionState: ie } = $t({ config: e.value }), { svgRef: ve } = Tt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: j, setUserOptionsVisibility: re, keepUserOptionState: ie } = $t({ config: e.value }), { svgRef: ve } = _t({ config: e.value.style.chart.title });
     function ce() {
       const t = Oe({
         userConfig: b.config,
-        defaultConfig: Ae
+        defaultConfig: Pe
       });
       return t.theme ? {
         ...Oe({
@@ -111,7 +111,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
     }), s = i({
       height: 360,
       width: 360
-    }), Me = g(() => Math.min(s.value.height, s.value.width)), Ve = Se, f = i([]);
+    }), Me = g(() => Math.min(s.value.height, s.value.width)), Ve = Ae, f = i([]);
     function X(t) {
       f.value.includes(t) ? f.value = f.value.filter((o) => o !== t) : f.value.push(t), Ve("selectLegend", p.value.map((o) => ({
         name: o.name,
@@ -132,7 +132,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         color: l || xe(l) || ye.value[a] || N[a] || N[a % N.length],
         value: u,
         proportion: u / b.dataset.map((y) => (y.values || []).reduce((R, Ee) => R + Ee, 0)).reduce((y, R) => y + R, 0),
-        uid: _e(),
+        uid: Te(),
         absoluteIndex: a
       };
     })), be = g(() => W.value.map((t) => ({
@@ -196,7 +196,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         u += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, u += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${l.color}" />${Fe.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${$.value}_${o.absoluteIndex})" />` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (u += `<b>${Ie(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           l.value,
-          P({
+          S({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: l.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -204,11 +204,11 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
           }),
           { datapoint: o, seriesIndex: t }
         )}
-      </b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? u += `<span>(${P({
+      </b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? u += `<span>(${S({
           v: l.value / C.value * 100,
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
-        })})</span></div>` : u += `<b>${P({
+        })})</span></div>` : u += `<b>${S({
           v: l.value / C.value * 100,
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
@@ -216,7 +216,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
       }
       z.value = !0;
     }
-    const _ = g(() => {
+    const T = g(() => {
       const t = p.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -225,15 +225,15 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
     }), B = g(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        P({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: C.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        S({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: C.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
-      ], o = _.value.head.map((u, y) => [
+      ], o = T.value.head.map((u, y) => [
         {
           color: u.color,
           name: u.name
         },
-        P({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: _.value.body[y], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
-        isNaN(_.value.body[y] / C.value) ? "-" : (_.value.body[y] / C.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
+        S({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: T.value.body[y], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        isNaN(T.value.body[y] / C.value) ? "-" : (T.value.body[y] / C.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
       ]), l = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -260,15 +260,15 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
     });
     function ke() {
       Ye(() => {
-        const t = _.value.head.map((a, u) => [[
+        const t = T.value.head.map((a, u) => [[
           a.name
-        ], [_.value.body[u]], [isNaN(_.value.body[u] / C.value) ? "-" : _.value.body[u] / C.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = nt(o);
+        ], [T.value.body[u]], [isNaN(T.value.body[u] / C.value) ? "-" : T.value.body[u] / C.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = nt(o);
         ut({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-rings" });
       });
     }
-    const S = i(!1);
+    const A = i(!1);
     function De(t) {
-      S.value = t, ee.value += 1;
+      A.value = t, ee.value += 1;
     }
     function Ce() {
       k.value.showTable = !k.value.showTable;
@@ -280,7 +280,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
     function Y() {
       D.value = !D.value;
     }
-    return Pe({
+    return Se({
       getData: We,
       generatePdf: ge,
       generateCsv: ke,
@@ -291,7 +291,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
     }), (t, o) => (n(), v("div", {
       ref_key: "ringsChart",
       ref: L,
-      class: M(`vue-ui-rings ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: M(`vue-ui-rings ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: I(`font-family:${e.value.style.fontFamily};text-align:center;width:100%;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
       id: `rings_${$.value}`,
       onMouseleave: o[3] || (o[3] = (l) => {
@@ -350,7 +350,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isTooltip: k.value.showTooltip,
-        isFullscreen: S.value,
+        isFullscreen: A.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: L.value,
         position: e.value.userOptions.position,
@@ -370,7 +370,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: h(({ isOpen: l, color: a }) => [
-            d(t.$slots, "menuIcon", A(F({ isOpen: l, color: a })), void 0, !0)
+            d(t.$slots, "menuIcon", P(F({ isOpen: l, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -412,14 +412,14 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: h(({ toggleFullscreen: l, isFullscreen: a }) => [
-            d(t.$slots, "optionFullscreen", A(F({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+            d(t.$slots, "optionFullscreen", P(F({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: h(({ toggleAnnotator: l, isAnnotator: a }) => [
-            d(t.$slots, "optionAnnotator", A(F({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+            d(t.$slots, "optionAnnotator", P(F({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -429,7 +429,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         ref_key: "svgRef",
         ref: ve,
         xmlns: r(ot),
-        class: M({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
+        class: M({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
         viewBox: `0 0 ${s.value.width <= 0 ? 10 : s.value.width} ${s.value.height <= 0 ? 10 : s.value.height}`,
         style: I(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -446,7 +446,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         }, [
           d(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ot)) : m("", !0),
-        T("defs", null, [
+        _("defs", null, [
           (n(!0), v(K, null, Q(p.value, (l, a) => (n(), v("radialGradient", {
             cx: "50%",
             cy: "30%",
@@ -455,23 +455,23 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
             fy: "50%",
             id: `gradient_${$.value}_${a}`
           }, [
-            T("stop", {
+            _("stop", {
               offset: "0%",
               "stop-color": r(at)(r(st)(l.color, 0.05), 100 - e.value.style.chart.layout.rings.gradient.intensity)
-            }, null, 8, Pt),
-            T("stop", {
+            }, null, 8, St),
+            _("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, St)
+            }, null, 8, At)
           ], 8, Nt))), 256))
         ]),
-        t.$slots.pattern ? (n(), v("g", At, [
+        t.$slots.pattern ? (n(), v("g", Pt, [
           (n(!0), v(K, null, Q(p.value, (l) => (n(), v("defs", null, [
             d(t.$slots, "pattern", qe({ ref_for: !0 }, { seriesIndex: l.absoluteIndex, patternId: `pattern_${$.value}_${l.absoluteIndex}` }), void 0, !0)
           ]))), 256))
         ])) : m("", !0),
         (n(!0), v(K, null, Q(p.value, (l, a) => (n(), v("g", null, [
-          T("circle", {
+          _("circle", {
             class: M({
               "vue-ui-rings-item": x.value && e.value.useCssAnimation,
               "vue-rings-item-onload": !x.value && e.value.useCssAnimation,
@@ -484,7 +484,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
             r: r(G)(c.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : c.value * l.proportion / 2 * 0.9),
             fill: e.value.style.chart.layout.rings.gradient.underlayerColor
           }, null, 14, Ft),
-          T("circle", {
+          _("circle", {
             class: M({
               "vue-ui-rings-item": x.value && e.value.useCssAnimation,
               "vue-rings-item-onload": !x.value && e.value.useCssAnimation,
@@ -515,7 +515,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
             r: r(G)(c.value * l.proportion / 2 * 0.9 <= 0 ? 1e-4 : c.value * l.proportion / 2 * 0.9),
             fill: `url(#pattern_${$.value}_${l.absoluteIndex})`
           }, null, 14, Rt)) : m("", !0),
-          T("circle", {
+          _("circle", {
             stroke: "none",
             cx: s.value.width / 2,
             cy: a === 0 ? s.value.height / 2 : s.value.height / 2 + c.value * p.value[0].proportion / 2 - c.value * l.proportion / 2 - 2 * (a + 1),
@@ -530,7 +530,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         d(t.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, It)) : m("", !0),
       t.$slots.watermark ? (n(), v("div", Vt, [
-        d(t.$slots, "watermark", A(F({ isPrinting: r(pe) || r(he) })), void 0, !0)
+        d(t.$slots, "watermark", P(F({ isPrinting: r(pe) || r(he) })), void 0, !0)
       ])) : m("", !0),
       V.value ? m("", !0) : (n(), O(mt, {
         key: 6,
@@ -544,7 +544,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
           }
         }
       }, null, 8, ["config"])),
-      T("div", {
+      _("div", {
         ref_key: "chartLegend",
         ref: le
       }, [
@@ -555,14 +555,14 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
           onClickMarker: o[1] || (o[1] = ({ legend: l }) => X(l.uid))
         }, we({
           item: h(({ legend: l, index: a }) => [
-            T("div", {
+            _("div", {
               onClick: (u) => X(l.uid),
               style: I(`opacity:${f.value.includes(l.uid) ? 0.5 : 1}`)
             }, [
-              Te(E(l.name) + ": " + E(r(Ie)(
+              _e(E(l.name) + ": " + E(r(Ie)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
-                r(P)({
+                r(S)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -570,7 +570,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
                 }),
                 { datapoint: l, seriesIndex: a }
               )) + " ", 1),
-              f.value.includes(l.uid) ? (n(), v("span", Wt, " ( - % ) ")) : (n(), v("span", Ut, " (" + E(isNaN(l.value / C.value) ? "-" : r(P)({
+              f.value.includes(l.uid) ? (n(), v("span", Wt, " ( - % ) ")) : (n(), v("span", Ut, " (" + E(isNaN(l.value / C.value) ? "-" : r(S)({
                 v: l.value / C.value * 100,
                 s: "%",
                 r: e.value.style.chart.legend.roundingPercentage
@@ -618,14 +618,14 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: L.value,
         content: H.value,
-        isFullscreen: S.value,
+        isFullscreen: A.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
       }, {
         "tooltip-before": h(() => [
-          d(t.$slots, "tooltip-before", A(F({ ...q.value })), void 0, !0)
+          d(t.$slots, "tooltip-before", P(F({ ...q.value })), void 0, !0)
         ]),
         "tooltip-after": h(() => [
-          d(t.$slots, "tooltip-after", A(F({ ...q.value })), void 0, !0)
+          d(t.$slots, "tooltip-after", P(F({ ...q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -656,13 +656,13 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
             onClose: o[2] || (o[2] = (l) => k.value.showTable = !1)
           }, {
             th: h(({ th: l }) => [
-              T("div", {
+              _("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Bt)
             ]),
             td: h(({ td: l }) => [
-              Te(E(l.name || l), 1)
+              _e(E(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -671,7 +671,7 @@ const xt = ["id"], It = ["xmlns", "viewBox"], Ot = ["width", "height"], Nt = ["i
       }, 8, ["config"])) : m("", !0)
     ], 46, xt));
   }
-}, nl = /* @__PURE__ */ _t(Dt, [["__scopeId", "data-v-be9fc972"]]);
+}, nl = /* @__PURE__ */ Tt(Dt, [["__scopeId", "data-v-be9fc972"]]);
 export {
   nl as default
 };

package/dist/{vue-ui-scatter-9PFXuvoo.js → vue-ui-scatter-BMuJyp6q.js}

@@ -1,18 +1,18 @@
-import { computed as x, ref as h, watch as at, onMounted as ot, onBeforeUnmount as st, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as Y, normalizeClass as Re, createBlock as V, createCommentVNode as c, createElementVNode as d, createVNode as pe, createSlots as ut, withCtx as _, renderSlot as $, normalizeProps as K, guardReactiveProps as Q, Fragment as P, renderList as X, toDisplayString as C, createTextVNode as rt, nextTick as it } from "vue";
-import { u as nt, c as vt, t as yt, p as q, a as ct, o as dt, e as fe, b as ht, g as Ee, V as pt, _ as ft, T as gt, X as mt, s as ge, W as xt, i as j, v as A, f as W, q as bt, r as kt, x as wt, y as _t } from "./index-gC66Se26.js";
+import { computed as x, ref as h, watch as at, onMounted as ot, onBeforeUnmount as st, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as Y, normalizeClass as Re, createBlock as V, createCommentVNode as c, createElementVNode as d, createVNode as pe, createSlots as ut, withCtx as _, renderSlot as $, normalizeProps as K, guardReactiveProps as Q, Fragment as W, renderList as X, toDisplayString as C, createTextVNode as rt, nextTick as it } from "vue";
+import { u as nt, c as vt, t as yt, p as q, a as ct, o as dt, e as fe, b as ht, g as Ee, V as pt, _ as ft, T as gt, X as mt, s as ge, W as xt, i as j, v as A, f as P, q as bt, r as kt, x as wt, y as _t } from "./index-D3VntmA9.js";
 import { t as $t, u as Mt } from "./useResponsive-Cw4oZ8sQ.js";
-import { _ as Ct } from "./Title-Co3F59jq.js";
-import { u as At, U as zt } from "./usePrinter-KMFl0n0s.js";
-import { _ as St } from "./Tooltip-Cr89wMKa.js";
-import { L as Tt } from "./Legend-CmKaL7xe.js";
-import { _ as Ue } from "./Shape-iIO-95sh.js";
-import { D as Lt } from "./DataTable-C_28ZqiP.js";
-import Bt from "./vue-ui-skeleton-7Zfds6H1.js";
-import Ot from "./vue-ui-accordion-j2beIma_.js";
-import { u as Ge } from "./useNestedProp-BusTOV-6.js";
-import { _ as Nt } from "./PackageVersion-39l3KkzC.js";
-import { P as Pt } from "./PenAndPaper-CmcfpltX.js";
-import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Ct } from "./Title-UjBqdYyD.js";
+import { u as At, U as zt } from "./usePrinter-H3tAjGXs.js";
+import { _ as St } from "./Tooltip-3NNIdJ6N.js";
+import { L as Tt } from "./Legend-CIjMjfNk.js";
+import { _ as Ue } from "./Shape-D9MuIPm8.js";
+import { D as Lt } from "./DataTable-DOKlm7k4.js";
+import Bt from "./vue-ui-skeleton-pHcbvN3-.js";
+import Ot from "./vue-ui-accordion-DGJQIcdB.js";
+import { u as Ge } from "./useNestedProp-DTlOqz2P.js";
+import { _ as Nt } from "./PackageVersion-BCLALL_i.js";
+import { _ as Wt } from "./PenAndPaper-CZs431Nx.js";
+import { u as Pt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ft } from "./useChartAccessibility-BWojgys7.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { key: 1 }, jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = { key: 2 }, Ut = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Gt = { key: 0 }, qt = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover"], Ht = { key: 1 }, Jt = { key: 3 }, Kt = ["id"], Qt = ["stop-color"], Zt = ["stop-color"], el = ["id"], tl = ["stop-color"], ll = ["stop-color"], al = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], ol = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], sl = { key: 0 }, ul = ["d", "stroke", "stroke-width"], rl = ["d", "stroke", "stroke-width"], il = ["d", "stroke", "stroke-width"], nl = ["d", "stroke", "stroke-width"], vl = {
@@ -29,7 +29,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
   height: "20",
   width: "20",
   style: { overflow: "hidden", background: "transparent" }
-}, Pl = { key: 0 }, Wl = ["innerHTML"], Fl = {
+}, Wl = { key: 0 }, Pl = ["innerHTML"], Fl = {
   __name: "vue-ui-scatter",
   props: {
     config: {
@@ -49,7 +49,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
     const { vue_ui_scatter: Je } = nt(), F = qe, ee = x(() => !!F.dataset && F.dataset.length), z = h(vt()), Ke = h(null), ue = h(!1), re = h(""), me = h(0), Z = h(null), xe = h(null), be = h(null), ke = h(null), we = h(null), _e = h(0), $e = h(0), Me = h(0), e = x({
       get: () => Se(),
       set: (t) => t
-    }), { userOptionsVisible: ie, setUserOptionsVisibility: Ce, keepUserOptionState: Ae } = Wt({ config: e.value }), { svgRef: ze } = Ft({ config: e.value.style.title });
+    }), { userOptionsVisible: ie, setUserOptionsVisibility: Ce, keepUserOptionState: Ae } = Pt({ config: e.value }), { svgRef: ze } = Ft({ config: e.value.style.title });
     function Se() {
       const t = Ge({
         userConfig: F.config,
@@ -97,7 +97,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
       elementId: `vue-ui-scatter_${z.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), Qe = x(() => e.value.userOptions.show && !e.value.style.title.text), Pe = x(() => ht(e.value.customPalette)), B = h({
+    }), Qe = x(() => e.value.userOptions.show && !e.value.style.title.text), We = x(() => ht(e.value.customPalette)), B = h({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     }), b = h({
@@ -150,7 +150,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           threshold: e.value.downsample.threshold
         }),
         id: l,
-        color: t.color ? t.color : Pe.value[u] || q[u] || q[u % q.length],
+        color: t.color ? t.color : We.value[u] || q[u] || q[u % q.length],
         opacity: m.value.includes(l) ? 0.5 : 1,
         shape: t.shape ?? "circle",
         segregate: () => De(l),
@@ -173,7 +173,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           name: l.name || ""
         },
         clusterName: t.name,
-        color: t.color ? t.color : Pe.value[u] || q[u] || q[u % q.length],
+        color: t.color ? t.color : We.value[u] || q[u] || q[u % q.length],
         id: `plot_${z.value}_${Math.random()}`,
         weight: l.weight ?? e.value.style.layout.plots.radius
       }))
@@ -206,7 +206,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           };
         })
       };
-    })), We = x(() => Math.max(...S.value.flatMap((t) => t.plots.map((u) => Math.abs(u.deviation)))));
+    })), Pe = x(() => Math.max(...S.value.flatMap((t) => t.plots.map((u) => Math.abs(u.deviation)))));
     function et() {
       return S.value;
     }
@@ -275,7 +275,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
       }) : (t.clusterName && (l += `<div style="display:flex;gap:3px;align-items:center">${t.clusterName}</div>`), t.v.name && (l += `<div>${t.v.name}</div>`), l += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, l += `<div>${e.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(t.v.x) ? "-" : j(
         e.value.style.layout.plots.selectors.labels.x.formatter,
         t.v.x,
-        W({
+        P({
           p: e.value.style.tooltip.prefix,
           v: t.v.x,
           s: e.value.style.tooltip.suffix,
@@ -285,14 +285,14 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
       )}</b></div>`, l += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(t.v.y) ? "-" : j(
         e.value.style.layout.plots.selectors.labels.y.formatter,
         t.v.y,
-        W({
+        P({
           p: e.value.style.tooltip.prefix,
           v: t.v.y,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: u }
-      )}</b></div>`, l += `${e.value.style.layout.plots.deviation.translation}: <b>${W({
+      )}</b></div>`, l += `${e.value.style.layout.plots.deviation.translation}: <b>${P({
         v: t.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
       })}</b>`, l += "</div>", re.value = `<div>${l}</div>`), ue.value = !0;
@@ -378,7 +378,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
       onMouseenter: u[2] || (u[2] = () => n(Ce)(!0)),
       onMouseleave: u[3] || (u[3] = () => n(Ce)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), V(Pt, {
+      e.value.userOptions.buttons.annotator ? (o(), V(Wt, {
         key: 0,
         svgRef: n(ze),
         backgroundColor: e.value.style.backgroundColor,
@@ -546,7 +546,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, null, 8, Rt)
         ])) : c("", !0),
         e.value.style.layout.plots.giftWrap.show ? (o(), r("g", Et, [
-          (o(!0), r(P, null, X(S.value, (l, s) => (o(), r("g", null, [
+          (o(!0), r(W, null, X(S.value, (l, s) => (o(), r("g", null, [
             l.plots.length > 2 ? (o(), r("polygon", {
               key: 0,
               points: n(xt)({ series: l.plots }),
@@ -559,9 +559,9 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
             }, null, 8, Ut)) : c("", !0)
           ]))), 256))
         ])) : c("", !0),
-        (o(!0), r(P, null, X(S.value, (l, s) => (o(), r("g", null, [
+        (o(!0), r(W, null, X(S.value, (l, s) => (o(), r("g", null, [
           !l.shape || l.shape === "circle" ? (o(), r("g", Gt, [
-            (o(!0), r(P, null, X(l.plots, (a, v) => (o(), r("circle", {
+            (o(!0), r(W, null, X(l.plots, (a, v) => (o(), r("circle", {
               cx: a.x,
               cy: a.y,
               r: O.value && O.value === a.id ? a.weight * 2 : a.weight,
@@ -570,10 +570,10 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
               "stroke-width": e.value.style.layout.plots.strokeWidth,
               onMouseover: (k) => Ie(a, s),
               onMouseleave: Xe,
-              style: Y(`opacity:${O.value && O.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / We.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`)
+              style: Y(`opacity:${O.value && O.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / Pe.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`)
             }, null, 44, qt))), 256))
           ])) : (o(), r("g", Ht, [
-            (o(!0), r(P, null, X(l.plots, (a, v) => (o(), V(Ue, {
+            (o(!0), r(W, null, X(l.plots, (a, v) => (o(), V(Ue, {
               plot: { x: a.x, y: a.y },
               radius: O.value && O.value === a.id ? a.weight * 2 : a.weight,
               shape: l.shape,
@@ -582,7 +582,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
               strokeWidth: e.value.style.layout.plots.strokeWidth,
               onMouseover: (k) => Ie(a, s),
               onMouseleave: Xe,
-              style: Y(`opacity:${O.value && O.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / We.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`)
+              style: Y(`opacity:${O.value && O.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / Pe.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`)
             }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "onMouseover", "style"]))), 256))
           ]))
         ]))), 256)),
@@ -621,7 +621,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
               }, null, 8, ll)
             ], 8, el)
           ]),
-          (o(!0), r(P, null, X(T.value.x, (l, s) => (o(), r("g", null, [
+          (o(!0), r(W, null, X(T.value.x, (l, s) => (o(), r("g", null, [
             l && T.value.avgX[s] ? (o(), r("rect", {
               key: 0,
               x: T.value.avgX[s] - i.value.width / D.value / 2,
@@ -635,7 +635,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
               rx: e.value.style.layout.marginalBars.borderRadius
             }, null, 12, al)) : c("", !0)
           ]))), 256)),
-          (o(!0), r(P, null, X(T.value.y, (l, s) => (o(), r("g", null, [
+          (o(!0), r(W, null, X(T.value.y, (l, s) => (o(), r("g", null, [
             l && T.value.avgY[s] ? (o(), r("rect", {
               key: 0,
               x: i.value.right + e.value.style.layout.marginalBars.offset,
@@ -650,7 +650,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
             }, null, 12, ol)) : c("", !0)
           ]))), 256)),
           e.value.style.layout.marginalBars.showLines ? (o(), r("g", sl, [
-            (o(!0), r(P, null, X(tt.value, (l) => (o(), r(P, null, [
+            (o(!0), r(W, null, X(tt.value, (l) => (o(), r(W, null, [
               m.value.includes(l.id) ? c("", !0) : (o(), r("path", {
                 key: 0,
                 d: `M ${l.dX}`,
@@ -723,7 +723,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, C(n(j)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             n(A)(y.value.v.y),
-            n(W)({
+            n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: n(A)(y.value.v.y),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -741,7 +741,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, C(n(j)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             n(A)(y.value.v.x),
-            n(W)({
+            n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: n(A)(y.value.v.x),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -787,7 +787,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, C(n(j)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
             n(A)(p.value.xMin),
-            n(W)({
+            n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: n(A)(p.value.xMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -803,7 +803,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, C(n(j)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
             n(A)(p.value.xMax),
-            n(W)({
+            n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: n(A)(p.value.xMax),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -829,7 +829,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, C(n(j)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             n(A)(p.value.yMin),
-            n(W)({
+            n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: n(A)(p.value.yMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -845,7 +845,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, C(n(j)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             n(A)(p.value.yMax),
-            n(W)({
+            n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: n(A)(p.value.yMax),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -872,7 +872,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
           }, null, 8, Al)
         ], 8, Cl),
         e.value.style.layout.correlation.show ? (o(), r("g", zl, [
-          (o(!0), r(P, null, X(S.value, (l, s) => (o(), r("line", {
+          (o(!0), r(W, null, X(S.value, (l, s) => (o(), r("line", {
             x1: l.correlation.x1,
             x2: l.correlation.x2,
             y1: l.correlation.y1,
@@ -882,7 +882,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
             "stroke-width": e.value.style.layout.correlation.strokeWidth,
             "clip-path": `url(#clip_path_${z.value})`
           }, null, 8, Sl))), 256)),
-          (o(!0), r(P, null, X(S.value, (l, s) => (o(), r("g", null, [
+          (o(!0), r(W, null, X(S.value, (l, s) => (o(), r("g", null, [
             e.value.style.layout.correlation.label.show ? (o(), r("text", {
               key: 0,
               x: l.label.x,
@@ -890,7 +890,7 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
               fill: e.value.style.layout.correlation.label.useSerieColor ? l.color : e.value.style.layout.correlation.label.color,
               "font-size": e.value.style.layout.correlation.label.fontSize,
               "font-weight": e.value.style.layout.correlation.label.bold ? "bold" : "normal"
-            }, C(n(W)({
+            }, C(n(P)({
               v: n(A)(l.correlation.coefficient),
               r: e.value.style.layout.correlation.label.roundingValue
             })), 9, Tl)) : c("", !0)
@@ -1015,12 +1015,12 @@ const Xt = ["id"], Dt = ["xmlns", "viewBox"], Yt = ["width", "height"], Vt = { k
               rt(C(l), 1)
             ]),
             td: _(({ td: l }) => [
-              l.shape ? (o(), r("div", Pl, [
+              l.shape ? (o(), r("div", Wl, [
                 d("span", null, C(l.content), 1)
               ])) : (o(), r("div", {
                 key: 1,
                 innerHTML: l
-              }, null, 8, Wl))
+              }, null, 8, Pl))
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))