vue-data-ui 3.7.16 → 3.8.0

package/dist/{vue-ui-circle-pack-BTbgkyJ2.js → vue-ui-circle-pack-WTa2Mj2O.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as E, computed as w, ref as f, toRefs as St, watch as le, onMounted as Ot, onBeforeUnmount as Dt, createElementBlock as g, openBlock as h, unref as i, normalizeStyle as ae, normalizeClass as ge, createBlock as V, createCommentVNode as x, renderSlot as b, createElementVNode as S, createVNode as ke, withCtx as m, normalizeProps as _, guardReactiveProps as F, createSlots as Ze, Fragment as j, renderList as Ce, mergeProps as we, toDisplayString as ne, resolveDynamicComponent as Pt, createTextVNode as Je, nextTick as It } from "vue";
-import { u as Et, a as xe } from "./useNestedProp-CoXaJ2T6.js";
-import { c as Ke, t as Bt, i as $e, p as se, o as Mt, g as Nt, j as Rt, l as zt, d as Qe, X as Lt, n as Ut, r as Vt, w as Te, T as jt, u as Gt, q as Yt, x as Xt, a as qt } from "./lib-DUaaQGCv.js";
-import { u as Ht } from "./usePrinter-BdVu83IN.js";
+import { u as Et, a as xe } from "./useNestedProp-DOOBu_sL.js";
+import { c as Ke, t as Bt, i as $e, p as se, o as Mt, g as Nt, j as Rt, l as zt, d as Qe, X as Lt, n as Ut, r as Vt, w as Ae, G as jt, u as Gt, q as Yt, x as Xt, a as qt } from "./lib-qMPkcvmh.js";
+import { u as Ht } from "./usePrinter-CjGh4mFJ.js";
 import { u as Wt, B as Zt } from "./BaseScanner-BgWxam9d.js";
 import { u as Jt } from "./useSvgExport-DrjCWun4.js";
 import { u as Kt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as eo } from "./useChartAccessibility-9icAAmYg.js";
 import { t as to, u as oo } from "./useResponsive-DfdjqQps.js";
-import lo from "./img-BYzbY8TZ.js";
-import ao from "./Title-CM2dM0rQ.js";
+import lo from "./img-CwrkWkkl.js";
+import ao from "./Title-CgkWUXeV.js";
 import { _ as no } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function so(u, c = 0) {
   const p = u.reduce((a, { x: s, r: d }) => Math.min(a, s - d - c), 1 / 0), y = u.reduce((a, { x: s, r: d }) => Math.max(a, s + d + c), -1 / 0), v = u.reduce((a, { y: s, r: d }) => Math.min(a, s - d - c), 1 / 0), n = u.reduce((a, { y: s, r: d }) => Math.max(a, s + d + c), -1 / 0);
@@ -94,7 +94,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
 }, Symbol.toStringTag, { value: "Module" })), io = ["id"], co = ["xmlns", "viewBox"], vo = ["x", "y", "width", "height"], fo = ["id"], ho = ["stop-color"], po = ["stop-color"], bo = ["stop-color"], yo = { key: 0 }, mo = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx", "onMouseenter", "onMouseout", "onClick"], go = ["x", "y", "width", "height", "stroke", "stroke-width", "fill", "rx"], ko = ["x", "y", "width", "height", "fill", "rx"], Co = ["x", "y", "font-size", "fill", "font-weight"], wo = ["x", "y", "font-size", "fill", "font-weight"], xo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, $o = ["innerHTML"], To = {
+}, $o = ["innerHTML"], Ao = {
   __name: "vue-ui-circle-pack",
   props: {
     config: {
@@ -112,7 +112,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
   },
   emits: ["selectDatapoint"],
   setup(u, { expose: c, emit: p }) {
-    const y = E(() => import("./Tooltip-De7i-i20.js")), v = E(() => import("./BaseIcon--wNsuYtd.js")), n = E(() => import("./vue-ui-accordion-WOXCCkiC.js")), a = E(() => import("./DataTable-DRZJOlJB.js")), s = E(() => import("./UserOptions-5GYBcJJU.js")), d = E(() => import("./PenAndPaper-CMmG5Mka.js")), k = E(() => import("./PackageVersion-BW9_gimf.js")), D = E(() => import("./BaseDraggableDialog-CtB38kJq.js")), $ = u, J = p, { vue_ui_circle_pack: K } = Et(), { isThemeValid: Q, warnInvalidTheme: it } = Kt(), Ae = w(() => !!$.dataset && $.dataset.length), G = f(Ke()), T = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Wt({
+    const y = E(() => import("./Tooltip-OHx7yHlS.js")), v = E(() => import("./BaseIcon-CALhpING.js")), n = E(() => import("./vue-ui-accordion-BWfQ8Imt.js")), a = E(() => import("./DataTable-Ca1twcf7.js")), s = E(() => import("./UserOptions-ChRXLqps.js")), d = E(() => import("./PenAndPaper-DscVdZ1u.js")), k = E(() => import("./PackageVersion-B9RA2_BM.js")), D = E(() => import("./BaseDraggableDialog-BYwNgX3M.js")), $ = u, J = p, { vue_ui_circle_pack: K } = Et(), { isThemeValid: Q, warnInvalidTheme: it } = Kt(), Te = w(() => !!$.dataset && $.dataset.length), G = f(Ke()), A = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Wt({
       ...St($),
       FINAL_CONFIG: e,
       prepareConfig: de,
@@ -169,18 +169,18 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     }
     le(() => $.config, (t) => {
-      e.value = de(), ve.value = !e.value.userOptions.showOnChartHover, fe(), Se.value += 1, Oe.value += 1, A.value.showTable = e.value.table.show;
+      e.value = de(), ve.value = !e.value.userOptions.showOnChartHover, fe(), Se.value += 1, Oe.value += 1, T.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: Ne, isImaging: Re, generatePdf: ze, generateImage: Le } = Ht({
       elementId: `vue-ui-circle-pack_${G.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-circle-pack",
       options: e.value.userOptions.print
-    }), ct = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), A = f({
+    }), ct = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), T = f({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
     le(e, () => {
-      A.value = {
+      T.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
@@ -214,10 +214,10 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       })), Ue.value = [0, 0, t, l], P.value = `0 0 ${t} ${l}`;
     }
     function pt() {
-      if (!e.value.responsive || !T.value) return;
+      if (!e.value.responsive || !A.value) return;
       const t = to(() => {
         const { width: l, height: o } = oo({
-          chart: T.value,
+          chart: A.value,
           title: e.value.style.chart.title.text ? _e.value : null,
           legend: null,
           source: Pe.value,
@@ -227,7 +227,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           !l || !o || (L.value && (L.value.setAttribute("width", l), L.value.setAttribute("height", o)), Ve(l, o));
         });
       });
-      O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect()), O.value = new ResizeObserver(t), I.value = T.value.parentNode || T.value, I.value && O.value.observe(I.value), t();
+      O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect()), O.value = new ResizeObserver(t), I.value = A.value.parentNode || A.value, I.value && O.value.observe(I.value), t();
     }
     function je() {
       O.value && (I.value && O.value.unobserve(I.value), O.value.disconnect(), O.value = null, I.value = null);
@@ -383,17 +383,17 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     });
     function qe() {
-      A.value.showTable = !A.value.showTable;
+      T.value.showTable = !T.value.showTable;
     }
     function kt() {
-      A.value.showTooltip = !A.value.showTooltip;
+      T.value.showTooltip = !T.value.showTooltip;
     }
     function Ct() {
       return Y.value;
     }
     async function wt({ scale: t = 2 } = {}) {
-      if (!T.value) return;
-      const { width: l, height: o } = T.value.getBoundingClientRect(), r = l / o, { imageUri: C, base64: R } = await lo({ domElement: T.value, base64: !0, img: !0, scale: t });
+      if (!A.value) return;
+      const { width: l, height: o } = A.value.getBoundingClientRect(), r = l / o, { imageUri: C, base64: R } = await lo({ domElement: A.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: C,
         base64: R,
@@ -404,7 +404,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       };
     }
     const H = w(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = A.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, l = T.value.showTable;
       return {
         component: t ? D : n,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -414,7 +414,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: N.value,
-          fullscreenParent: T.value,
+          fullscreenParent: A.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -433,23 +433,23 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         }
       };
     });
-    le(() => A.value.showTable, (t) => {
+    le(() => T.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && z.value ? z.value.open() : z.value && "close" in z.value && z.value.close());
     });
     function He() {
-      A.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
+      T.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
     }
-    const xt = w(() => e.value.style.chart.backgroundColor), $t = w(() => e.value.style.chart.title), { exportSvg: Tt, getSvg: At } = Jt({
+    const xt = w(() => e.value.style.chart.backgroundColor), $t = w(() => e.value.style.chart.title), { exportSvg: At, getSvg: Tt } = Jt({
       svg: L,
       title: $t,
       backgroundColor: xt
     });
     async function We({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: r, dataUrl: C } = await At();
+        const { blob: l, url: o, text: r, dataUrl: C } = await Tt();
         e.value.userOptions.callbacks.svg({ blob: l, url: o, text: r, dataUrl: C });
       } else
-        Tt();
+        At();
     }
     return c({
       getData: Ct,
@@ -465,7 +465,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       id: `vue-ui-circle-pack_${G.value}`,
       class: ge(`vue-data-ui-component vue-ui-circle-pack ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${i(Ie) ? "loading" : ""}`),
       ref_key: "circlePackChart",
-      ref: T,
+      ref: A,
       style: ae(`font-family:${e.value.style.fontFamily};text-align:center;background:${e.value.style.chart.backgroundColor};`),
       onMouseenter: l[1] || (l[1] = () => i(Be)(!0)),
       onMouseleave: l[2] || (l[2] = () => i(Be)(!1))
@@ -527,7 +527,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
           }
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
-      e.value.userOptions.show && Ae.value && (i(Me) || i(ve)) ? (h(), V(i(s), {
+      e.value.userOptions.show && Te.value && (i(Me) || i(ve)) ? (h(), V(i(s), {
         ref_key: "userOptionsRef",
         ref: ue,
         key: `user_option_${De.value}`,
@@ -537,7 +537,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         isImaging: i(Re),
         uid: G.value,
         hasTooltip: e.value.userOptions.buttons.tooltip,
-        isTooltip: A.value.showTooltip,
+        isTooltip: T.value.showTooltip,
         hasLabel: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -546,7 +546,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: N.value,
-        chartElement: T.value,
+        chartElement: A.value,
         position: e.value.userOptions.position,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
@@ -726,7 +726,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 name: o.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
                 value: Ye(o) * 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 : i(Te)(o.color)
+              color: e.value.style.chart.circles.labels.name.color ? e.value.style.chart.circles.labels.name.color : i(Ae)(o.color)
             }), void 0, !0) : (h(), g(j, { key: 1 }, [
               e.value.style.chart.circles.labels.name.show && o.name ? (h(), g("text", {
                 key: 0,
@@ -737,7 +737,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 x: o.x,
                 y: o.y + Ge(o.r, e.value.style.chart.circles.labels.name.offsetY) - o.r / 10,
                 "font-size": o.r / 3 * e.value.style.chart.circles.labels.name.fontSizeRatio,
-                fill: e.value.style.chart.circles.labels.name.color === "auto" ? i(Te)(o.color) : e.value.style.chart.circles.labels.name.color,
+                fill: e.value.style.chart.circles.labels.name.color === "auto" ? i(Ae)(o.color) : e.value.style.chart.circles.labels.name.color,
                 "font-weight": e.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
                 "text-anchor": "middle"
               }, ne(o.name), 9, Co)) : x("", !0),
@@ -750,7 +750,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
                 x: o.x,
                 y: o.y + Ge(o.r, e.value.style.chart.circles.labels.value.offsetY) + o.r / 2.5,
                 "font-size": Ye(o) * e.value.style.chart.circles.labels.value.fontSizeRatio,
-                fill: e.value.style.chart.circles.labels.value.color === "auto" ? i(Te)(o.color) : e.value.style.chart.circles.labels.value.color,
+                fill: e.value.style.chart.circles.labels.value.color === "auto" ? i(Ae)(o.color) : e.value.style.chart.circles.labels.value.color,
                 "font-weight": e.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
                 "text-anchor": "middle"
               }, ne(pe(o)), 9, wo)) : x("", !0)
@@ -773,7 +773,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         b(t.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
       ke(i(y), {
-        show: A.value.showTooltip && ie.value,
+        show: T.value.showTooltip && ie.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -783,7 +783,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: T.value,
+        parent: A.value,
         content: ce.value,
         isCustom: q.value,
         isFullscreen: N.value,
@@ -800,7 +800,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Ae.value && e.value.userOptions.buttons.table ? (h(), V(Pt(H.value.component), we({ key: 6 }, H.value.props, {
+      Te.value && e.value.userOptions.buttons.table ? (h(), V(Pt(H.value.component), we({ key: 6 }, H.value.props, {
         ref_key: "tableUnit",
         ref: z,
         onClose: He
@@ -857,12 +857,12 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
       i(Ie) ? (h(), V(Zt, { key: 7 })) : x("", !0)
     ], 46, io));
   }
-}, Ao = /* @__PURE__ */ no(To, [["__scopeId", "data-v-5e1a54cd"]]), Uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, To = /* @__PURE__ */ no(Ao, [["__scopeId", "data-v-5e1a54cd"]]), Uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ao
+  default: To
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Lo as a,
   Uo as b,
-  Ao as v
+  To as v
 };

package/dist/{vue-ui-cursor-DgWumfhl.js → vue-ui-cursor-D6_m463R.js}

@@ -1,7 +1,7 @@
 import { ref as u, computed as m, onMounted as I, onBeforeUnmount as N, createBlock as B, openBlock as l, Teleport as T, createElementBlock as i, createCommentVNode as n, normalizeStyle as $, unref as E, createVNode as R, createElementVNode as r, normalizeClass as S, toDisplayString as F, nextTick as M } from "vue";
-import { u as W, a as G } from "./useNestedProp-CoXaJ2T6.js";
-import { c as V, X as A, s as U } from "./lib-DUaaQGCv.js";
-import P from "./PackageVersion-BW9_gimf.js";
+import { u as W, a as G } from "./useNestedProp-DOOBu_sL.js";
+import { c as V, X as A, s as U } from "./lib-qMPkcvmh.js";
+import P from "./PackageVersion-B9RA2_BM.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const j = ["xmlns", "height", "width"], Y = {
   id: "follower",