vue-data-ui 3.1.4 → 3.1.6

package/dist/{vue-ui-circle-pack-CaWwzEF0.js → vue-ui-circle-pack-C-C3OGW_.js}

@@ -1,40 +1,40 @@
-import { useCssVars as mt, computed as _, defineAsyncComponent as N, ref as y, toRefs as pt, watch as ne, shallowRef as Ue, onMounted as yt, onBeforeUnmount as bt, watchEffect as gt, createElementBlock as b, openBlock as m, unref as r, normalizeStyle as se, normalizeClass as Ve, createBlock as V, createCommentVNode as C, renderSlot as k, createSlots as He, withCtx as z, normalizeProps as J, guardReactiveProps as K, createVNode as je, Fragment as ue, renderList as kt, createElementVNode as $, mergeProps as be, toDisplayString as H, resolveDynamicComponent as wt, createTextVNode as Ge, nextTick as We } from "vue";
-import { u as xt, c as qe, t as Ct, a as ge, p as re, b as _t, o as zt, f as $t, d as Tt, e as St, j as Xe, i as ke, X as Ft, l as Ot, F as Q, al as It, v as Pt, w as At, k as Ye } from "./index-INqbM37s.js";
-import { t as Dt, u as Mt } from "./useResponsive-DfdjqQps.js";
-import { u as Et } from "./usePrinter-9WO5mDzj.js";
-import { u as Nt, B as Rt } from "./BaseScanner-BgWxam9d.js";
-import { u as Ze } from "./useNestedProp-BKprMEaB.js";
-import { u as Bt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Lt } from "./useChartAccessibility-9icAAmYg.js";
-import Ut from "./img-Bl0o2UAr.js";
-import Vt from "./Title-nHtPyPd9.js";
-import { _ as Ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Je(u, c = 0) {
-  const f = u.reduce((o, { x: s, r: d }) => Math.min(o, s - d - c), 1 / 0), p = u.reduce((o, { x: s, r: d }) => Math.max(o, s + d + c), -1 / 0), v = u.reduce((o, { y: s, r: d }) => Math.min(o, s - d - c), 1 / 0), n = u.reduce((o, { y: s, r: d }) => Math.max(o, s + d + c), -1 / 0);
-  return [f, v, p - f, n - v];
+import { useCssVars as yt, computed as _, defineAsyncComponent as N, ref as m, toRefs as bt, watch as ne, shallowRef as He, onMounted as gt, onBeforeUnmount as kt, watchEffect as wt, createElementBlock as b, openBlock as p, unref as r, normalizeStyle as se, normalizeClass as je, createBlock as V, createCommentVNode as C, renderSlot as k, createSlots as Ge, withCtx as z, normalizeProps as J, guardReactiveProps as K, createVNode as We, Fragment as ue, renderList as xt, createElementVNode as $, mergeProps as ge, toDisplayString as H, resolveDynamicComponent as Ct, createTextVNode as qe, nextTick as Xe } from "vue";
+import { u as _t, c as Ye, t as zt, a as ke, p as re, b as $t, o as Tt, f as Ot, d as St, e as Dt, j as Ze, i as we, X as Ft, l as It, F as Q, al as Pt, v as At, w as Mt, k as Je } from "./index-C0wrF8hm.js";
+import { t as Et, u as Nt } from "./useResponsive-DfdjqQps.js";
+import { u as Rt } from "./usePrinter-C2jvouU0.js";
+import { u as Bt, B as Lt } from "./BaseScanner-BgWxam9d.js";
+import { u as Ke } from "./useNestedProp-Bg2FlIgI.js";
+import { u as Ut } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
+import Ht from "./img-DLgjML7h.js";
+import jt from "./Title-DbQthJAs.js";
+import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Qe(u, c = 0) {
+  const f = u.reduce((o, { x: s, r: d }) => Math.min(o, s - d - c), 1 / 0), y = u.reduce((o, { x: s, r: d }) => Math.max(o, s + d + c), -1 / 0), v = u.reduce((o, { y: s, r: d }) => Math.min(o, s - d - c), 1 / 0), n = u.reduce((o, { y: s, r: d }) => Math.max(o, s + d + c), -1 / 0);
+  return [f, v, y - f, n - v];
 }
-function jt(u, c, f) {
-  const p = u._, v = u.next._, n = p.r + v.r, o = (p.x * v.r + v.x * p.r) / n, s = (p.y * v.r + v.y * p.r) / n;
+function Wt(u, c, f) {
+  const y = u._, v = u.next._, n = y.r + v.r, o = (y.x * v.r + v.x * y.r) / n, s = (y.y * v.r + v.y * y.r) / n;
   return Math.max(Math.abs(o * f), Math.abs(s * c));
 }
-function Ke(u, c, f) {
-  const p = jt, v = u.length;
+function et(u, c, f) {
+  const y = Wt, v = u.length;
   if (!v) return u;
   let n, o, s;
   if (n = u[0], n.x = 0, n.y = 0, !(v > 1) || (o = u[1], n.x = -o.r, o.x = n.r, o.y = 0, !(v > 2))) return u;
-  Qe(o, n, s = u[2]), n = new ie(n), o = new ie(o), s = new ie(s), n.next = s.previous = o, o.next = n.previous = s, s.next = o.previous = n;
+  tt(o, n, s = u[2]), n = new ie(n), o = new ie(o), s = new ie(s), n.next = s.previous = o, o.next = n.previous = s, s.next = o.previous = n;
   e: for (let d = 3; d < v; ++d) {
-    Qe(n._, o._, s = u[d]), s = new ie(s);
+    tt(n._, o._, s = u[d]), s = new ie(s);
     let w = o.next, x = n.previous, ee = o._.r, te = n._.r;
     do
       if (ee <= te) {
-        if (et(w._, s._)) {
+        if (lt(w._, s._)) {
           o = w, n.next = o, o.previous = n, --d;
           continue e;
         }
         ee += w._.r, w = w.next;
       } else {
-        if (et(x._, s._)) {
+        if (lt(x._, s._)) {
           n = x, n.next = o, o.previous = n, --d;
           continue e;
         }
@@ -42,43 +42,43 @@ function Ke(u, c, f) {
       }
     while (w !== x.next);
     s.previous = n, s.next = o, n.next = o.previous = o = s;
-    let j = p(n, f, c), S;
+    let j = y(n, f, c), O;
     for (; (s = s.next) !== o; )
-      (S = p(s, f, c)) < j && (n = s, j = S);
+      (O = y(s, f, c)) < j && (n = s, j = O);
     o = n.next;
   }
   return u;
 }
-function Qe(u, c, f) {
-  const p = u.x - c.x, v = u.y - c.y, n = p * p + v * v;
+function tt(u, c, f) {
+  const y = u.x - c.x, v = u.y - c.y, n = y * y + v * v;
   if (n) {
     const o = (c.r + f.r) ** 2, s = (u.r + f.r) ** 2;
     if (o > s) {
       const d = (n + s - o) / (2 * n), w = Math.sqrt(Math.max(0, s / n - d * d));
-      f.x = u.x - d * p - w * v, f.y = u.y - d * v + w * p;
+      f.x = u.x - d * y - w * v, f.y = u.y - d * v + w * y;
     } else {
       const d = (n + o - s) / (2 * n), w = Math.sqrt(Math.max(0, o / n - d * d));
-      f.x = c.x + d * p - w * v, f.y = c.y + d * v + w * p;
+      f.x = c.x + d * y - w * v, f.y = c.y + d * v + w * y;
     }
   } else
     f.x = c.x + f.r, f.y = c.y;
 }
-function et(u, c) {
-  const f = u.r + c.r - 1e-6, p = c.x - u.x, v = c.y - u.y;
-  return f > 0 && f * f > p * p + v * v;
+function lt(u, c) {
+  const f = u.r + c.r - 1e-6, y = c.x - u.x, v = c.y - u.y;
+  return f > 0 && f * f > y * y + v * v;
 }
 class ie {
   constructor(c) {
     this._ = c, this.next = null, this.previous = null;
   }
 }
-const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y", "width", "height"], Xt = ["id"], Yt = ["stop-color"], Zt = ["stop-color"], Jt = ["stop-color"], Kt = { key: 0 }, Qt = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], el = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], tl = ["opacity", "x", "y", "font-size", "fill", "font-weight"], ll = ["opacity", "x", "y", "font-size", "fill", "font-weight"], al = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], ol = {
+const qt = ["id"], Xt = ["xmlns", "viewBox", "height", "width"], Yt = ["x", "y", "width", "height"], Zt = ["id"], Jt = ["stop-color"], Kt = ["stop-color"], Qt = ["stop-color"], el = { key: 0 }, tl = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], ll = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], al = ["opacity", "x", "y", "font-size", "fill", "font-weight"], ol = ["opacity", "x", "y", "font-size", "fill", "font-weight"], nl = ["cx", "cy", "r", "opacity", "stroke", "stroke-width", "fill"], sl = {
   key: 0,
   style: { pointerEvents: "none" }
-}, nl = { key: 1 }, sl = ["opacity", "x", "y", "font-size", "fill", "font-weight"], ul = ["opacity", "x", "y", "font-size", "fill", "font-weight"], rl = {
+}, ul = { key: 1 }, rl = ["opacity", "x", "y", "font-size", "fill", "font-weight"], il = ["opacity", "x", "y", "font-size", "fill", "font-weight"], cl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, il = ["innerHTML"], cl = {
+}, vl = ["innerHTML"], dl = {
   __name: "vue-ui-circle-pack",
   props: {
     config: {
@@ -96,14 +96,14 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
   },
   emits: ["selectDatapoint"],
   setup(u, { expose: c, emit: f }) {
-    mt((t) => ({
-      "5748196e": L.value,
-      "2de8b0e7": he.value
+    yt((t) => ({
+      "2a81d2d6": L.value,
+      "5d7acbce": fe.value
     }));
-    const p = N(() => import("./BaseIcon-B5nQNkmd.js")), v = N(() => import("./vue-ui-accordion-CQZjxT5U.js")), n = N(() => import("./DataTable-CzO3oHys.js")), o = N(() => import("./UserOptions-D3pVnvAB.js")), s = N(() => import("./PenAndPaper-C8hICPzL.js")), d = N(() => import("./PackageVersion-7CxQB-mx.js")), w = N(() => import("./BaseDraggableDialog-BdAp3qr9.js")), x = u, ee = f, { vue_ui_circle_pack: te } = xt(), j = _(() => !!x.dataset && x.dataset.length), S = y(qe()), T = y(null), we = y(null), xe = y(null), Ce = y(0), _e = y(0), ze = y(0), tt = y(null), G = y(null), e = y(ve()), { loading: $e, FINAL_DATASET: Te } = Nt({
-      ...pt(x),
+    const y = N(() => import("./BaseIcon-D_BjQBAR.js")), v = N(() => import("./vue-ui-accordion-3JuSLBjV.js")), n = N(() => import("./DataTable-IycMkaTU.js")), o = N(() => import("./UserOptions-Dd5XOrwq.js")), s = N(() => import("./PenAndPaper-BdzDJYnr.js")), d = N(() => import("./PackageVersion-BtfT0hV9.js")), w = N(() => import("./BaseDraggableDialog-BVZPPMT9.js")), x = u, ee = f, { vue_ui_circle_pack: te } = _t(), j = _(() => !!x.dataset && x.dataset.length), O = m(Ye()), T = m(null), xe = m(null), Ce = m(null), _e = m(0), ze = m(0), $e = m(0), at = m(null), G = m(null), ce = m(null), e = m(de()), { loading: Te, FINAL_DATASET: Oe } = Bt({
+      ...bt(x),
       FINAL_CONFIG: e,
-      prepareConfig: ve,
+      prepareConfig: de,
       skeletonDataset: [
         { name: "_", value: 13, color: "#F2F2F2" },
         { name: "_", value: 8, color: "#DBDBDB" },
@@ -112,7 +112,7 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         { name: "_", value: 2, color: "#808080" },
         { name: "_", value: 1, color: "#696969" }
       ],
-      skeletonConfig: Ct({
+      skeletonConfig: zt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -131,65 +131,65 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
           }
         }
       })
-    }), { svgRef: Se } = Lt({ config: e.value.style.chart.title }), {
-      userOptionsVisible: ce,
-      setUserOptionsVisibility: Fe,
-      keepUserOptionState: Oe
-    } = Bt({ config: e.value });
-    function ve() {
-      const t = Ze({
+    }), { svgRef: Se } = Vt({ config: e.value.style.chart.title }), {
+      userOptionsVisible: ve,
+      setUserOptionsVisibility: De,
+      keepUserOptionState: Fe
+    } = Ut({ config: e.value });
+    function de() {
+      const t = Ke({
         userConfig: x.config,
         defaultConfig: te
       });
       return t.theme ? {
-        ...Ze({
-          userConfig: _t.vue_ui_circle_pack[t.theme] || x.config,
+        ...Ke({
+          userConfig: $t.vue_ui_circle_pack[t.theme] || x.config,
           defaultConfig: t
         }),
-        customPalette: ge[t.theme] || re
+        customPalette: ke[t.theme] || re
       } : t;
     }
     ne(() => x.config, (t) => {
-      e.value = ve(), ce.value = !e.value.userOptions.showOnChartHover, de(), Ce.value += 1, _e.value += 1, F.value.showTable = e.value.table.show;
+      e.value = de(), ve.value = !e.value.userOptions.showOnChartHover, he(), _e.value += 1, ze.value += 1, P.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: Ie, isImaging: Pe, generatePdf: Ae, generateImage: De } = Et({
-      elementId: `vue-ui-circle-pack_${S.value}`,
+    const { isPrinting: Ie, isImaging: Pe, generatePdf: Ae, generateImage: Me } = Rt({
+      elementId: `vue-ui-circle-pack_${O.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack",
       options: e.value.userOptions.print
-    }), lt = _(() => e.value.userOptions.show && !e.value.style.chart.title.text), F = y({
+    }), ot = _(() => e.value.userOptions.show && !e.value.style.chart.title.text), P = m({
       showTable: e.value.table.show
     });
     ne(e, () => {
-      F.value = {
+      P.value = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const O = Ue(null), R = Ue(null), D = y({ h: 10, w: 10 }), Me = y(0), M = y([0, 0, 100, 100]), W = y({ h: 0, w: 0 }), at = _(() => e.value.debug);
-    async function de() {
-      zt(x.dataset) && $t({
+    const S = He(null), R = He(null), A = m({ h: 10, w: 10 }), Ee = m(0), M = m([0, 0, 100, 100]), W = m({ h: 0, w: 0 }), nt = _(() => e.value.debug);
+    async function he() {
+      Tt(x.dataset) && Ot({
         componentName: "VueUiCirclePack",
         type: "dataset",
-        debug: at.value
-      }), D.value = { h: 10, w: 10 }, M.value = [0, 0, 100, 100], W.value = { h: 0, w: 0 }, B.value = await Ke(le.value), I.value = Je(B.value, 1).join(" "), W.value = Ee(T.value);
-      const t = Dt(() => {
-        const { width: a, height: l, heightTitle: i, heightNoTitle: g } = Mt({
+        debug: nt.value
+      }), A.value = { h: 10, w: 10 }, M.value = [0, 0, 100, 100], W.value = { h: 0, w: 0 }, B.value = await et(le.value), D.value = Qe(B.value, 1).join(" "), W.value = Ne(T.value);
+      const t = Et(() => {
+        const { width: a, height: l, heightTitle: i, heightNoTitle: g } = Nt({
           chart: T.value,
-          title: we.value,
-          noTitle: xe.value
-        }), E = Math.max(10, a), ye = Math.max(10, l - 12);
-        Me.value = e.value.style.chart.title.text ? i : g, requestAnimationFrame(() => {
-          D.value.w = E, D.value.h = ye - Me.value, We(async () => {
-            const ht = le.value.map((ft) => ({ ...ft }));
-            B.value = await Ke(ht, D.value.h, D.value.w), M.value = Je(B.value, 1), I.value = M.value.join(" "), W.value = Ee(T.value);
+          title: xe.value,
+          noTitle: Ce.value
+        }), E = Math.max(10, a), be = Math.max(10, l - 12);
+        Ee.value = e.value.style.chart.title.text ? i : g, requestAnimationFrame(() => {
+          A.value.w = E, A.value.h = be - Ee.value, Xe(async () => {
+            const mt = le.value.map((pt) => ({ ...pt }));
+            B.value = await et(mt, A.value.h, A.value.w), M.value = Qe(B.value, 1), D.value = M.value.join(" "), W.value = Ne(T.value);
           });
         });
       });
-      O.value && (R.value && O.value.unobserve(R.value), O.value.disconnect()), O.value = new ResizeObserver(t), R.value = T.value.parentNode, O.value.observe(R.value);
+      S.value && (R.value && S.value.unobserve(R.value), S.value.disconnect()), S.value = new ResizeObserver(t), R.value = T.value.parentNode, S.value.observe(R.value);
     }
-    yt(de), bt(() => {
-      O.value && (R.value && O.value.unobserve(R.value), O.value.disconnect());
+    gt(he), kt(() => {
+      S.value && (R.value && S.value.unobserve(R.value), S.value.disconnect());
     });
-    function Ee(t) {
+    function Ne(t) {
       if (!t || !t.parentElement)
         return console.warn("Component or parent element is missing."), { w: 0, h: 0 };
       const a = t.parentElement;
@@ -198,46 +198,46 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
       const l = window.getComputedStyle(a), i = l.width, g = l.height;
       return i !== "auto" && g !== "auto" && parseFloat(i) > 0 && parseFloat(g) > 0 ? { w: parseFloat(i), h: parseFloat(g) } : { w: 0, h: 0 };
     }
-    ne(() => Te.value, async (t) => {
-      await de();
+    ne(() => Oe.value, async (t) => {
+      await he();
     }, { deep: !0 });
-    const ot = _(() => Tt(e.value.customPalette)), le = _(() => Te.value.map((t, a) => {
-      const l = St(t.color) || ot.value[a] || ge[e.value.theme || "default"][a % ge[e.value.theme || "default"].length] || re[a] || re[a % re.length];
+    const st = _(() => St(e.value.customPalette)), le = _(() => Oe.value.map((t, a) => {
+      const l = Dt(t.color) || st.value[a] || ke[e.value.theme || "default"][a % ke[e.value.theme || "default"].length] || re[a] || re[a % re.length];
       return {
         ...t,
         r: t.value,
-        id: qe(),
+        id: Ye(),
         color: l
       };
-    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), B = y([]), I = y("0 0 100 100"), q = _(() => Math.max(...B.value.map((t) => t.r)));
-    function Ne(t, a) {
+    }).filter((t) => ![null, void 0, 1 / 0, -1 / 0].includes(t.value))), B = m([]), D = m("0 0 100 100"), q = _(() => Math.max(...B.value.map((t) => t.r)));
+    function Re(t, a) {
       return a / q.value * t;
     }
-    function nt(t, a) {
+    function ut(t, a) {
       h.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
-    function st(t, a) {
+    function rt(t, a) {
       ee("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
-    function ut(t, a) {
-      rt(t), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
+    function it(t, a) {
+      ct(t), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
     }
-    const h = y(null);
-    function rt(t) {
+    const h = m(null);
+    function ct(t) {
       e.value.style.chart.circles.zoom.show && (h.value = t);
     }
-    const L = _(() => h.value ? h.value.r : 0), he = _(() => A.value ? L.value : h.value ? h.value.r > M.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? h.value.r : M.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), P = y(0), it = _(() => ({
+    const L = _(() => h.value ? h.value.r : 0), fe = _(() => I.value ? L.value : h.value ? h.value.r > M.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio ? h.value.r : M.value[3] / 6 * e.value.style.chart.circles.zoom.zoomRatio : 0), F = m(0), vt = _(() => ({
       pointerEvents: "none",
-      opacity: P.value,
-      filter: `drop-shadow(0px 0px 6px ${Xe(h.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
-    })), X = y(L.value);
-    gt(() => {
-      X.value = L.value, P.value = 0;
+      opacity: F.value,
+      filter: `drop-shadow(0px 0px 6px ${Ze(h.value.color, e.value.style.chart.circles.zoom.shadowForce)})`
+    })), X = m(L.value);
+    wt(() => {
+      X.value = L.value, F.value = 0;
       let t = null;
       function a(l) {
         t || (t = l);
         const i = (l - t) / e.value.style.chart.circles.zoom.animationFrameMs;
-        i < 1 ? (X.value = L.value + (he.value - L.value) * i, P.value = 0 + e.value.style.chart.circles.zoom.opacity * i, requestAnimationFrame(a)) : (X.value = he.value, P.value = e.value.style.chart.circles.zoom.opacity);
+        i < 1 ? (X.value = L.value + (fe.value - L.value) * i, F.value = 0 + e.value.style.chart.circles.zoom.opacity * i, requestAnimationFrame(a)) : (X.value = fe.value, F.value = e.value.style.chart.circles.zoom.opacity);
       }
       requestAnimationFrame(a);
     });
@@ -245,11 +245,11 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
       name: e.value.style.chart.circles.zoom.label.name.fontSize * M.value[3] / 300,
       value: e.value.style.chart.circles.zoom.label.value.fontSize * M.value[3] / 300
     }));
-    function fe(t) {
-      return Ye(
+    function me(t) {
+      return Je(
         e.value.style.chart.circles.labels.value.formatter,
         t.value,
-        ke({
+        we({
           p: e.value.style.chart.circles.labels.value.prefix,
           v: t.value,
           s: e.value.style.chart.circles.labels.value.suffix,
@@ -257,11 +257,11 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         })
       );
     }
-    function ct() {
-      return Ye(
+    function dt() {
+      return Je(
         e.value.style.chart.circles.zoom.label.value.formatter,
         h.value.value,
-        ke({
+        we({
           p: e.value.style.chart.circles.zoom.label.value.prefix,
           v: h.value.value,
           s: e.value.style.chart.circles.zoom.label.value.suffix,
@@ -269,19 +269,19 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         })
       );
     }
-    function Re(t) {
+    function Be(t) {
       if (!t)
         return 0;
-      const a = t.r / fe(t).length * (fe(t).length === 1 ? 1 : 2);
+      const a = t.r / me(t).length * (me(t).length === 1 ? 1 : 2);
       return Math.min(t.r / 2.5, a);
     }
-    const U = y(!1);
-    function Be(t) {
-      U.value = t, ze.value += 1;
+    const U = m(!1);
+    function Le(t) {
+      U.value = t, $e.value += 1;
     }
-    const A = y(!1);
-    function me() {
-      A.value = !A.value;
+    const I = m(!1);
+    function pe() {
+      I.value = !I.value;
     }
     const ae = _(() => {
       const t = le.value.map((l) => ({
@@ -291,12 +291,12 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
       })).toSorted((l, i) => i.value - l.value), a = t.map((l) => l.value);
       return { head: t, body: a };
     });
-    function pe(t = null) {
-      We(() => {
+    function ye(t = null) {
+      Xe(() => {
         const a = ae.value.head.map((g, E) => [[
           g.name
-        ], [ae.value.body[E]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(a), i = Pt(l);
-        t ? t(i) : At({ csvContent: i, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
+        ], [ae.value.body[E]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(a), i = At(l);
+        t ? t(i) : Mt({ csvContent: i, title: e.value.style.chart.title.text || "vue-ui-circle-pack" });
       });
     }
     const oe = _(() => {
@@ -304,7 +304,7 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.value
       ], a = ae.value.head.map((g, E) => {
-        const ye = ke({
+        const be = we({
           p: e.value.style.chart.circles.labels.value.prefix,
           v: ae.value.body[E],
           s: e.value.style.chart.circles.labels.value.suffix,
@@ -315,7 +315,7 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
             color: g.color,
             name: g.name
           },
-          ye
+          be
         ];
       }), l = {
         th: {
@@ -340,15 +340,15 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         config: l
       };
     });
-    function Le() {
-      F.value.showTable = !F.value.showTable;
+    function Ue() {
+      P.value.showTable = !P.value.showTable;
     }
-    function vt() {
+    function ht() {
       return le.value;
     }
-    async function dt({ scale: t = 2 } = {}) {
+    async function ft({ scale: t = 2 } = {}) {
       if (!T.value) return;
-      const { width: a, height: l } = T.value.getBoundingClientRect(), i = a / l, { imageUri: g, base64: E } = await Ut({ domElement: T.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = T.value.getBoundingClientRect(), i = a / l, { imageUri: g, base64: E } = await Ht({ domElement: T.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: g,
         base64: E,
@@ -359,7 +359,7 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
       };
     }
     const Z = _(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = F.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, a = P.value.showTable;
       return {
         component: t ? w : v,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -388,51 +388,55 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         }
       };
     });
-    return ne(() => F.value.showTable, (t) => {
+    ne(() => P.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
-    }), c({
-      getData: vt,
-      getImage: dt,
-      generateCsv: pe,
+    });
+    function Ve() {
+      P.value.showTable = !1, ce.value && ce.value.setTableIconState(!1);
+    }
+    return c({
+      getData: ht,
+      getImage: ft,
+      generateCsv: ye,
       generatePdf: Ae,
-      generateImage: De,
-      toggleTable: Le,
-      toggleAnnotator: me,
-      toggleFullscreen: Be
-    }), (t, a) => (m(), b("div", {
-      id: `vue-ui-circle-pack_${S.value}`,
-      class: Ve(`vue-ui-circle-pack ${U.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${r($e) ? "loading" : ""}`),
+      generateImage: Me,
+      toggleTable: Ue,
+      toggleAnnotator: pe,
+      toggleFullscreen: Le
+    }), (t, a) => (p(), b("div", {
+      id: `vue-ui-circle-pack_${O.value}`,
+      class: je(`vue-ui-circle-pack ${U.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${r(Te) ? "loading" : ""}`),
       ref_key: "circlePackChart",
       ref: T,
       style: se(`font-family:${e.value.style.fontFamily};text-align:center;background:${e.value.style.chart.backgroundColor}; height: ${W.value.h}px; width:${W.value.w}px`),
-      onMouseenter: a[3] || (a[3] = () => r(Fe)(!0)),
-      onMouseleave: a[4] || (a[4] = () => r(Fe)(!1))
+      onMouseenter: a[1] || (a[1] = () => r(De)(!0)),
+      onMouseleave: a[2] || (a[2] = () => r(De)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (m(), V(r(s), {
+      e.value.userOptions.buttons.annotator ? (p(), V(r(s), {
         key: 0,
         svgRef: r(Se),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: A.value,
+        active: I.value,
         scale: q.value / 100,
-        onClose: me
+        onClose: pe
       }, null, 8, ["svgRef", "backgroundColor", "color", "active", "scale"])) : C("", !0),
       k(t.$slots, "userConfig", {}, void 0, !0),
-      lt.value ? (m(), b("div", {
+      ot.value ? (p(), b("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: xe,
+        ref: Ce,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : C("", !0),
-      e.value.style.chart.title.text ? (m(), b("div", {
+      e.value.style.chart.title.text ? (p(), b("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: we,
+        ref: xe,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (m(), V(Vt, {
-          key: `title_${Ce.value}`,
+        (p(), V(jt, {
+          key: `title_${_e.value}`,
           config: {
             title: {
               cy: "donut-div-title",
@@ -445,14 +449,15 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
           }
         }, null, 8, ["config"]))
       ], 512)) : C("", !0),
-      e.value.userOptions.show && j.value && (r(Oe) || r(ce)) ? (m(), V(r(o), {
-        ref: "details",
-        key: `user_option_${ze.value}`,
+      e.value.userOptions.show && j.value && (r(Fe) || r(ve)) ? (p(), V(r(o), {
+        ref_key: "userOptionsRef",
+        ref: ce,
+        key: `user_option_${$e.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: r(Ie),
         isImaging: r(Pe),
-        uid: S.value,
+        uid: O.value,
         hasTooltip: !1,
         hasLabel: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -467,17 +472,16 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         printScale: e.value.userOptions.print.scale,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: A.value,
-        onToggleFullscreen: Be,
+        isAnnotation: I.value,
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: Le,
         onGeneratePdf: r(Ae),
-        onGenerateCsv: pe,
-        onGenerateImage: r(De),
-        onToggleTable: Le,
-        onToggleAnnotator: me,
-        style: se({
-          visibility: r(Oe) ? r(ce) ? "visible" : "hidden" : "visible"
-        })
-      }, He({ _: 2 }, [
+        onGenerateCsv: ye,
+        onGenerateImage: r(Me),
+        onToggleTable: Ue,
+        onToggleAnnotator: pe,
+        style: se({ visibility: r(Fe) ? r(ve) ? "visible" : "hidden" : "visible" })
+      }, Ge({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: z(({ isOpen: l, color: i }) => [
@@ -527,31 +531,31 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "callbacks", "printScale", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : C("", !0),
-      (m(), b("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "callbacks", "printScale", "titles", "hasAnnotator", "isAnnotation", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : C("", !0),
+      (p(), b("svg", {
         ref_key: "svgRef",
         ref: Se,
         xmlns: r(Ft),
-        viewBox: I.value,
-        height: Math.max(10, D.value.h),
-        width: Math.max(10, D.value.w),
-        class: Ve({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
+        viewBox: D.value,
+        height: Math.max(10, A.value.h),
+        width: Math.max(10, A.value.w),
+        class: je({ "vue-data-ui-fullscreen--on": U.value, "vue-data-ui-fulscreen--off": !U.value }),
         style: se(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};background:${e.value.style.chart.backgroundColor};`)
       }, [
-        je(r(d)),
-        t.$slots["chart-background"] ? (m(), b("foreignObject", {
+        We(r(d)),
+        t.$slots["chart-background"] ? (p(), b("foreignObject", {
           key: 0,
-          x: I.value.x,
-          y: I.value.y,
-          width: I.value.width,
-          height: I.value.height,
+          x: D.value.x,
+          y: D.value.y,
+          width: D.value.width,
+          height: D.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           k(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, qt)) : C("", !0),
-        (m(!0), b(ue, null, kt(B.value, (l, i) => (m(), b(ue, null, [
+        ], 8, Yt)) : C("", !0),
+        (p(!0), b(ue, null, xt(B.value, (l, i) => (p(), b(ue, null, [
           $("defs", null, [
             $("radialGradient", {
               id: l.id,
@@ -559,21 +563,21 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
             }, [
               $("stop", {
                 offset: "10%",
-                "stop-color": r(Ot)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
-              }, null, 8, Yt),
+                "stop-color": r(It)(l.color, e.value.style.chart.circles.gradient.intensity / 100)
+              }, null, 8, Jt),
               $("stop", {
                 offset: "90%",
-                "stop-color": r(Xe)(l.color, 0.1)
-              }, null, 8, Zt),
+                "stop-color": r(Ze)(l.color, 0.1)
+              }, null, 8, Kt),
               $("stop", {
                 offset: "100%",
                 "stop-color": l.color
-              }, null, 8, Jt)
-            ], 8, Xt)
+              }, null, 8, Qt)
+            ], 8, Zt)
           ]),
-          t.$slots.pattern ? (m(), b("g", Kt, [
+          t.$slots.pattern ? (p(), b("g", el, [
             $("defs", null, [
-              k(t.$slots, "pattern", be({ ref_for: !0 }, { ...l, patternId: `pattern_${S.value}_${l.id}` }), void 0, !0)
+              k(t.$slots, "pattern", ge({ ref_for: !0 }, { ...l, patternId: `pattern_${O.value}_${l.id}` }), void 0, !0)
             ])
           ])) : C("", !0),
           $("rect", {
@@ -585,11 +589,11 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
             "stroke-width": e.value.style.chart.circles.strokeWidth * q.value / 100,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${l.id})` : l.color,
             rx: l.r,
-            onMouseenter: (g) => ut(l, i),
-            onMouseout: (g) => nt(l, i),
-            onClick: (g) => st(l, i)
-          }, null, 40, Qt),
-          t.$slots.pattern ? (m(), b("rect", {
+            onMouseenter: (g) => it(l, i),
+            onMouseout: (g) => ut(l, i),
+            onClick: (g) => rt(l, i)
+          }, null, 40, tl),
+          t.$slots.pattern ? (p(), b("rect", {
             key: 1,
             x: l.x - l.r,
             y: l.y - l.r,
@@ -597,125 +601,125 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
             height: l.r * 2,
             stroke: e.value.style.chart.circles.stroke,
             "stroke-width": e.value.style.chart.circles.strokeWidth * q.value / 100,
-            fill: `url(#pattern_${S.value}_${l.id})`,
+            fill: `url(#pattern_${O.value}_${l.id})`,
             rx: l.r,
             style: {
               pointerEvents: "none"
             }
-          }, null, 8, el)) : C("", !0),
-          t.$slots["data-label"] ? k(t.$slots, "data-label", be({
+          }, null, 8, ll)) : C("", !0),
+          t.$slots["data-label"] ? k(t.$slots, "data-label", ge({
             key: 2,
             ref_for: !0
-          }, { ...l, createTSpans: r(It), fontSize: { name: l.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio, value: Re(l) * e.value.style.chart.circles.labels.value.fontSizeRatio }, color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : r(Q)(l.color) }), void 0, !0) : (m(), b(ue, { key: 3 }, [
-            e.value.style.chart.circles.labels.name.show && l.name ? (m(), b("text", {
+          }, { ...l, createTSpans: r(Pt), fontSize: { name: l.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio, value: Be(l) * e.value.style.chart.circles.labels.value.fontSizeRatio }, color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : r(Q)(l.color) }), void 0, !0) : (p(), b(ue, { key: 3 }, [
+            e.value.style.chart.circles.labels.name.show && l.name ? (p(), b("text", {
               key: 0,
               style: {
                 pointerEvents: "none",
                 transition: "opacity 0.2s ease-in-out"
               },
-              opacity: h.value && !A.value ? 0.2 : 1,
+              opacity: h.value && !I.value ? 0.2 : 1,
               x: l.x,
-              y: l.y + Ne(l.r, e.value.style.chart.circles.labels.name.offsetY) - l.r / 10,
+              y: l.y + Re(l.r, e.value.style.chart.circles.labels.name.offsetY) - l.r / 10,
               "font-size": l.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
               fill: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : r(Q)(l.color),
               "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
               "text-anchor": "middle"
-            }, H(l.name), 9, tl)) : C("", !0),
-            e.value.style.chart.circles.labels.value.show ? (m(), b("text", {
+            }, H(l.name), 9, al)) : C("", !0),
+            e.value.style.chart.circles.labels.value.show ? (p(), b("text", {
               key: 1,
               style: {
                 pointerEvents: "none",
                 transition: "opacity 0.2s ease-in-out"
               },
-              opacity: h.value && !A.value ? 0.2 : 1,
+              opacity: h.value && !I.value ? 0.2 : 1,
               x: l.x,
-              y: l.y + Ne(l.r, e.value.style.chart.circles.labels.value.offsetY) + l.r / 2.5,
-              "font-size": Re(l) * e.value.style.chart.circles.labels.value.fontSizeRatio,
+              y: l.y + Re(l.r, e.value.style.chart.circles.labels.value.offsetY) + l.r / 2.5,
+              "font-size": Be(l) * e.value.style.chart.circles.labels.value.fontSizeRatio,
               fill: e.value.style.chart.circles.labels.value.color ? e.value.style.chart.circles.labels.value.color : r(Q)(l.color),
               "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
               "text-anchor": "middle"
-            }, H(fe(l)), 9, ll)) : C("", !0)
+            }, H(me(l)), 9, ol)) : C("", !0)
           ], 64))
         ], 64))), 256)),
-        h.value && e.value.style.chart.circles.zoom.show && !A.value ? (m(), b(ue, { key: 1 }, [
+        h.value && e.value.style.chart.circles.zoom.show && !I.value ? (p(), b(ue, { key: 1 }, [
           $("circle", {
-            style: se(it.value),
+            style: se(vt.value),
             cx: h.value.x,
             cy: h.value.y,
             r: X.value,
-            opacity: P.value,
+            opacity: F.value,
             stroke: e.value.style.chart.circles.stroke,
             "stroke-width": e.value.style.chart.circles.strokeWidth * q.value / 100,
             fill: e.value.style.chart.circles.gradient.show ? `url(#${h.value.id})` : h.value.color
-          }, null, 12, al),
-          t.$slots["zoom-label"] ? (m(), b("g", ol, [
-            k(t.$slots, "zoom-label", J(K({ ...h.value, zoomOpacity: P.value, currentRadius: X.value, fontSize: Y.value })), void 0, !0)
-          ])) : (m(), b("g", nl, [
+          }, null, 12, nl),
+          t.$slots["zoom-label"] ? (p(), b("g", sl, [
+            k(t.$slots, "zoom-label", J(K({ ...h.value, zoomOpacity: F.value, currentRadius: X.value, fontSize: Y.value })), void 0, !0)
+          ])) : (p(), b("g", ul, [
             $("text", {
               style: {
                 pointerEvents: "none"
               },
-              opacity: P.value,
+              opacity: F.value,
               x: h.value.x,
               y: h.value.y + e.value.style.chart.circles.zoom.label.name.offsetY - Y.value.name / 4,
               "text-anchor": "middle",
               "font-size": Y.value.name,
               fill: e.value.style.chart.circles.zoom.label.name.color ? e.value.style.chart.circles.zoom.label.name.color : r(Q)(h.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.name.bold ? "bold" : "normal"
-            }, H(h.value.name), 9, sl),
+            }, H(h.value.name), 9, rl),
             $("text", {
               style: {
                 pointerEvents: "none"
               },
-              opacity: P.value,
+              opacity: F.value,
               x: h.value.x,
               y: h.value.y + Y.value.value + e.value.style.chart.circles.zoom.label.value.offsetY,
               "text-anchor": "middle",
               "font-size": Y.value.value,
               fill: e.value.style.chart.circles.zoom.label.value.color ? e.value.style.chart.circles.zoom.label.value.color : r(Q)(h.value.color),
               "font-weight": e.value.style.chart.circles.zoom.label.value.bold ? "bold" : "normal"
-            }, H(ct()), 9, ul)
+            }, H(dt()), 9, il)
           ]))
         ], 64)) : C("", !0),
         k(t.$slots, "svg", {
-          svg: { ...I.value }
+          svg: { ...D.value }
         }, void 0, !0)
-      ], 14, Wt)),
-      t.$slots.watermark ? (m(), b("div", rl, [
+      ], 14, Xt)),
+      t.$slots.watermark ? (p(), b("div", cl, [
         k(t.$slots, "watermark", J(K({ isPrinting: r(Ie) || r(Pe) })), void 0, !0)
       ])) : C("", !0),
-      t.$slots.source ? (m(), b("div", {
+      t.$slots.source ? (p(), b("div", {
         key: 5,
         ref_key: "source",
-        ref: tt,
+        ref: at,
         dir: "auto"
       }, [
         k(t.$slots, "source", {}, void 0, !0)
       ], 512)) : C("", !0),
-      j.value ? (m(), V(wt(Z.value.component), be({ key: 6 }, Z.value.props, {
+      j.value && e.value.userOptions.buttons.table ? (p(), V(Ct(Z.value.component), ge({ key: 6 }, Z.value.props, {
         ref_key: "tableUnit",
         ref: G,
-        onClose: a[2] || (a[2] = (l) => F.value.showTable = !1)
-      }), He({
+        onClose: Ve
+      }), Ge({
         content: z(() => [
-          (m(), V(r(n), {
-            key: `table_${_e.value}`,
+          (p(), V(r(n), {
+            key: `table_${ze.value}`,
             colNames: oe.value.colNames,
             head: oe.value.head,
             body: oe.value.body,
             config: oe.value.config,
             title: e.value.table.useDialog ? "" : Z.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: a[1] || (a[1] = (l) => F.value.showTable = !1)
+            onClose: Ve
           }, {
             th: z(({ th: l }) => [
               $("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, il)
+              }, null, 8, vl)
             ]),
             td: z(({ td: l }) => [
-              Ge(H(l.name || l), 1)
+              qe(H(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -725,7 +729,7 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
         e.value.table.useDialog ? {
           name: "title",
           fn: z(() => [
-            Ge(H(Z.value.title), 1)
+            qe(H(Z.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -735,9 +739,9 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
             $("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: a[0] || (a[0] = (l) => pe(e.value.userOptions.callbacks.csv))
+              onClick: a[0] || (a[0] = (l) => ye(e.value.userOptions.callbacks.csv))
             }, [
-              je(r(p), {
+              We(r(y), {
                 name: "excel",
                 stroke: Z.value.props.color
               }, null, 8, ["stroke"])
@@ -746,10 +750,10 @@ const Gt = ["id"], Wt = ["xmlns", "viewBox", "height", "width"], qt = ["x", "y",
           key: "1"
         } : void 0
       ]), 1040)) : C("", !0),
-      r($e) ? (m(), V(Rt, { key: 7 })) : C("", !0)
-    ], 46, Gt));
+      r(Te) ? (p(), V(Lt, { key: 7 })) : C("", !0)
+    ], 46, qt));
   }
-}, xl = /* @__PURE__ */ Ht(cl, [["__scopeId", "data-v-d0db794a"]]);
+}, _l = /* @__PURE__ */ Gt(dl, [["__scopeId", "data-v-d36ab967"]]);
 export {
-  xl as default
+  _l as default
 };