vue-data-ui 3.2.7 → 3.2.8

package/dist/{vue-ui-waffle-gvnJOZlg.js → vue-ui-waffle-aCMPaHbw.js}

@@ -33,7 +33,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
   },
   emits: ["selectLegend"],
   setup(lt, { expose: at, emit: ot }) {
-    const ut = L(() => import("./Tooltip-BOXz8skU.js")), st = L(() => import("./BaseIcon-Bz-1GQhu.js")), nt = L(() => import("./DataTable-BvjacRbw.js")), rt = L(() => import("./vue-ui-accordion-CeMTgpl0.js")), it = L(() => import("./UserOptions-DsTgvAok.js")), vt = L(() => import("./PenAndPaper-CR8q353D.js")), ct = L(() => import("./PackageVersion-Cwrh45ON.js")), dt = L(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_waffle: ht } = el(), w = lt, pt = Ot(), ue = h(() => !!w.dataset && w.dataset.length), b = i(Nt()), se = i(!1), ne = i(""), E = i(null), xe = i(0), I = i(null), Ce = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(0), Ae = i(0), Se = i(0), Oe = i(!1), H = i(null), re = i(null), e = i(ce()), { loading: Pe, FINAL_DATASET: Z, manualLoading: ie } = tl({
+    const ut = L(() => import("./Tooltip-BOXz8skU.js")), st = L(() => import("./BaseIcon-Bz-1GQhu.js")), nt = L(() => import("./DataTable-BvjacRbw.js")), rt = L(() => import("./vue-ui-accordion-CDIzGCG1.js")), it = L(() => import("./UserOptions-DsTgvAok.js")), vt = L(() => import("./PenAndPaper-CR8q353D.js")), ct = L(() => import("./PackageVersion-C40g0Rfc.js")), dt = L(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_waffle: ht } = el(), w = lt, pt = Ot(), ue = h(() => !!w.dataset && w.dataset.length), b = i(Nt()), se = i(!1), ne = i(""), E = i(null), xe = i(0), I = i(null), Ce = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(0), Ae = i(0), Se = i(0), Oe = i(!1), H = i(null), re = i(null), e = i(ce()), { loading: Pe, FINAL_DATASET: Z, manualLoading: ie } = tl({
       ...Pt(w),
       FINAL_CONFIG: e,
       prepareConfig: ce,
@@ -550,7 +550,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       toggleAnnotator: ge,
       toggleFullscreen: He
     }), (t, a) => (s(), v("div", {
-      class: Qe(`vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: Qe(`vue-data-ui-component vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: I,
       id: `vue-ui-waffle_${b.value}`,
@@ -969,7 +969,7 @@ const dl = ["id"], hl = ["id"], pl = ["xmlns", "viewBox"], fl = ["id"], yl = ["s
       c(Pe) ? (s(), B(ll, { key: 8 })) : m("", !0)
     ], 46, dl));
   }
-}, Hl = /* @__PURE__ */ cl(Fl, [["__scopeId", "data-v-cd11188e"]]);
+}, Hl = /* @__PURE__ */ cl(Fl, [["__scopeId", "data-v-96bcc115"]]);
 export {
   Hl as default
 };

package/dist/{vue-ui-wheel-BzS_N3GP.js → vue-ui-wheel-D_q23eOk.js}

@@ -1,4 +1,4 @@
-import { useCssVars as xt, computed as m, defineAsyncComponent as ke, ref as _, toRefs as Mt, watch as Le, shallowRef as Ue, onMounted as Ct, onBeforeUnmount as _t, createElementBlock as n, openBlock as o, unref as c, normalizeStyle as fe, normalizeClass as P, createBlock as se, createCommentVNode as S, createSlots as At, withCtx as V, renderSlot as z, normalizeProps as oe, guardReactiveProps as ne, createVNode as $t, Fragment as $, renderList as O, createElementVNode as It, toDisplayString as St } from "vue";
+import { useCssVars as bt, computed as m, defineAsyncComponent as ke, ref as _, toRefs as Mt, watch as Le, shallowRef as Ue, onMounted as Ct, onBeforeUnmount as _t, createElementBlock as n, openBlock as o, unref as c, normalizeStyle as fe, normalizeClass as P, createBlock as se, createCommentVNode as S, createSlots as At, withCtx as V, renderSlot as z, normalizeProps as oe, guardReactiveProps as ne, createVNode as $t, Fragment as $, renderList as O, createElementVNode as It, toDisplayString as St } from "vue";
 import { c as Rt, t as Pt, o as zt, f as Ot, i as Z, n as Wt, X as Dt, m as je, a as Tt, q as Be, d as Ft } from "./lib-BEpWEyMm.js";
 import { t as Xt, u as Nt } from "./useResponsive-DfdjqQps.js";
 import { u as Lt, a as Ee } from "./useNestedProp-BOk-tPdu.js";
@@ -30,12 +30,12 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
     }
   },
   setup(Ye, { expose: He }) {
-    xt((t) => ({
-      v69bfe3e6: nt.value,
-      v73b9429a: ut.value,
-      v73b97d74: it.value
+    bt((t) => ({
+      v8bf8e800: nt.value,
+      v13a3bd66: ut.value,
+      v13a39ff9: it.value
     }));
-    const qe = ke(() => import("./PenAndPaper-CR8q353D.js")), Ge = ke(() => import("./UserOptions-DsTgvAok.js")), Ve = ke(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_wheel: Ze } = Lt(), F = Ye, Je = m(() => !!F.dataset && Object.keys(F.dataset).length), ue = _(Rt()), Ke = _(null), pe = _(0), X = _(null), ge = _(null), me = _(null), we = _(null), be = _(0), e = _(ce()), { loading: xe, FINAL_DATASET: ie } = qt({
+    const qe = ke(() => import("./PenAndPaper-CR8q353D.js")), Ge = ke(() => import("./UserOptions-DsTgvAok.js")), Ve = ke(() => import("./PackageVersion-C40g0Rfc.js")), { vue_ui_wheel: Ze } = Lt(), F = Ye, Je = m(() => !!F.dataset && Object.keys(F.dataset).length), ue = _(Rt()), Ke = _(null), pe = _(0), X = _(null), ge = _(null), me = _(null), we = _(null), xe = _(0), e = _(ce()), { loading: be, FINAL_DATASET: ie } = qt({
       ...Mt(F),
       FINAL_CONFIG: e,
       prepareConfig: ce,
@@ -77,7 +77,7 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       } : t;
     }
     Le(() => F.config, (t) => {
-      e.value = ce(), re.value = !e.value.userOptions.showOnChartHover, Pe(), be.value += 1;
+      e.value = ce(), re.value = !e.value.userOptions.showOnChartHover, Pe(), xe.value += 1;
     }, { deep: !0 });
     const { isPrinting: Ae, isImaging: $e, generatePdf: Ie, generateImage: Se } = Ut({
       elementId: ue.value,
@@ -140,8 +140,8 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       return [t * r, s * r, a, r];
     }
     function ze(t, s) {
-      const a = t.replace("#", ""), l = parseInt(a.substring(0, 2), 16), r = parseInt(a.substring(2, 4), 16), v = parseInt(a.substring(4, 6), 16), y = 1 - Math.min(1, Math.max(0, e.value.style.chart.layout.wheel.ticks.shadeColorRatio3d)) * s, k = Math.max(0, Math.min(255, Math.round(l * y))), x = Math.max(0, Math.min(255, Math.round(r * y))), M = Math.max(0, Math.min(255, Math.round(v * y)));
-      return `#${k.toString(16).padStart(2, "0")}${x.toString(16).padStart(2, "0")}${M.toString(16).padStart(2, "0")}`;
+      const a = t.replace("#", ""), l = parseInt(a.substring(0, 2), 16), r = parseInt(a.substring(2, 4), 16), v = parseInt(a.substring(4, 6), 16), y = 1 - Math.min(1, Math.max(0, e.value.style.chart.layout.wheel.ticks.shadeColorRatio3d)) * s, k = Math.max(0, Math.min(255, Math.round(l * y))), b = Math.max(0, Math.min(255, Math.round(r * y))), M = Math.max(0, Math.min(255, Math.round(v * y)));
+      return `#${k.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}${M.toString(16).padStart(2, "0")}`;
     }
     function tt({
       cx: t,
@@ -153,16 +153,16 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       axDeg: w = 50,
       f: y = 520,
       baseStroke: k = 5,
-      activeColor: x,
+      activeColor: b,
       inactiveColor: M,
       getActive: A
     }) {
-      const h = w * Math.PI / 180, p = a, C = a * l, b = [];
+      const h = w * Math.PI / 180, p = a, C = a * l, x = [];
       for (let g = 0; g < r; g += 1) {
-        const f = (g / r * 360 + v) * Math.PI / 180, R = t + p * Math.cos(f), j = s + p * Math.sin(f), N = t + C * Math.cos(f), E = s + C * Math.sin(f), Y = [R - t, j - s, 0], H = [N - t, E - s, 0], [ae, Ne, q] = J(Y, h), [de, ye, G] = J(H, h), [le, rt, , ct] = K([ae, Ne, q], y), [ht, vt, , ka] = K([de, ye, G], y), dt = t + le, yt = s + rt, kt = t + ht, ft = s + vt, pt = (Math.max(q, G) - -p * Math.sin(h)) / (2 * p * Math.sin(h) || 1), gt = A ? A(g) : !0, mt = e.value.style.chart.layout.wheel.ticks.gradient.show ? Z(x, g * I.value / T.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : x, wt = ze(gt ? mt : M, pt), bt = Math.max(1.25, k * ct * (Math.min(u.value.width, u.value.height) / 360));
-        b.push({ i: g, x1: dt, y1: yt, x2: kt, y2: ft, stroke: bt, color: wt, z: Math.max(q, G) });
+        const f = (g / r * 360 + v) * Math.PI / 180, R = t + p * Math.cos(f), j = s + p * Math.sin(f), N = t + C * Math.cos(f), E = s + C * Math.sin(f), Y = [R - t, j - s, 0], H = [N - t, E - s, 0], [ae, Ne, q] = J(Y, h), [de, ye, G] = J(H, h), [le, rt, , ct] = K([ae, Ne, q], y), [ht, vt, , ka] = K([de, ye, G], y), dt = t + le, yt = s + rt, kt = t + ht, ft = s + vt, pt = (Math.max(q, G) - -p * Math.sin(h)) / (2 * p * Math.sin(h) || 1), gt = A ? A(g) : !0, mt = e.value.style.chart.layout.wheel.ticks.gradient.show ? Z(b, g * I.value / T.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : b, wt = ze(gt ? mt : M, pt), xt = Math.max(1.25, k * ct * (Math.min(u.value.width, u.value.height) / 360));
+        x.push({ i: g, x1: dt, y1: yt, x2: kt, y2: ft, stroke: xt, color: wt, z: Math.max(q, G) });
       }
-      return b.sort((g, f) => g.z - f.z), b;
+      return x.sort((g, f) => g.z - f.z), x;
     }
     const Oe = m(() => {
       if (!e.value.layout === "3d") return null;
@@ -184,35 +184,35 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
     });
     function We({ cx: t, cy: s, r: a, count: l = 180, startDeg: r = -90, axDeg: v = 50, f: w }) {
       const y = v * Math.PI / 180, k = [];
-      let x = 0;
+      let b = 0;
       for (let h = 0; h < l; h += 1) {
-        const p = (h / l * 360 + r) * Math.PI / 180, C = [a * Math.cos(p), a * Math.sin(p), 0], [b, g, f] = J(C, y), [R, j, , N] = K([b, g, f], w);
-        x += N, k.push([t + R, s + j]);
+        const p = (h / l * 360 + r) * Math.PI / 180, C = [a * Math.cos(p), a * Math.sin(p), 0], [x, g, f] = J(C, y), [R, j, , N] = K([x, g, f], w);
+        b += N, k.push([t + R, s + j]);
       }
       let M = `M ${k[0][0]} ${k[0][1]}`;
       for (let h = 1; h < k.length; h += 1)
         M += ` L ${k[h][0]} ${k[h][1]}`;
       M += " Z";
-      const A = x / l;
+      const A = b / l;
       return { d: M, avgScale: A, pts: k };
     }
     const D = m(() => {
       if (e.value.layout !== "3d") return null;
       const t = Math.min(u.value.width, u.value.height) * 1.45, s = e.value.style.chart.layout.wheel.tiltAngle3d, a = i.value.radius, { pts: l, avgScale: r } = (() => {
-        const C = a, b = s, { avgScale: g, pts: f } = We({
+        const C = a, x = s, { avgScale: g, pts: f } = We({
           cx: i.value.centerX,
           cy: i.value.centerY,
           r: C,
           startDeg: -90,
-          axDeg: b,
+          axDeg: x,
           f: t
         });
         return { pts: f, avgScale: g };
       })();
       let v = 1 / 0, w = 1 / 0, y = -1 / 0, k = -1 / 0;
-      for (const [C, b] of l)
-        C < v && (v = C), b < w && (w = b), C > y && (y = C), b > k && (k = b);
-      const x = e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(u.value.width, u.value.height), M = e.value.style.chart.layout.innerCircle.strokeWidth || 0, A = 0.5 * Math.max(x, M * (r || 1)), h = Math.max(0, Number(e.value.style.chart.layout.wheel.ticks.depth3d) || 0), p = A;
+      for (const [C, x] of l)
+        C < v && (v = C), x < w && (w = x), C > y && (y = C), x > k && (k = x);
+      const b = e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(u.value.width, u.value.height), M = e.value.style.chart.layout.innerCircle.strokeWidth || 0, A = 0.5 * Math.max(b, M * (r || 1)), h = Math.max(0, Number(e.value.style.chart.layout.wheel.ticks.depth3d) || 0), p = A;
       return {
         x: v - p,
         y: w - h - p,
@@ -237,8 +237,8 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
     }
     const De = m(() => at(Math.max(0, i.value.radius * 0.8 * e.value.style.chart.layout.innerCircle.radiusRatio)));
     function Q({ cx: t, cy: s, r: a, aRad: l, ax: r, f: v }) {
-      const w = [a * Math.cos(l), a * Math.sin(l), 0], [y, k, x] = J(w, r), [M, A, , h] = K([y, k, x], v);
-      return { x: t + M, y: s + A, z: x, s: h };
+      const w = [a * Math.cos(l), a * Math.sin(l), 0], [y, k, b] = J(w, r), [M, A, , h] = K([y, k, b], v);
+      return { x: t + M, y: s + A, z: b, s: h };
     }
     function lt({
       cx: t,
@@ -250,16 +250,16 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       axDeg: w = 45,
       f: y = 600,
       activeColor: k,
-      inactiveColor: x,
+      inactiveColor: b,
       getActive: M,
       Y: A = 0
     }) {
-      const h = w * Math.PI / 180, p = a, C = a * l, b = 2 * Math.PI / r, g = [];
+      const h = w * Math.PI / 180, p = a, C = a * l, x = 2 * Math.PI / r, g = [];
       for (let f = 0; f < r; f += 1) {
-        const R = v * Math.PI / 180 + b * f, j = R + b * Math.min(1, e.value.style.chart.layout.wheel.ticks.spacingRatio3d), N = Q({ cx: t, cy: s + A, r: p, aRad: R, ax: h, f: y }), E = Q({ cx: t, cy: s + A, r: p, aRad: j, ax: h, f: y }), Y = Q({ cx: t, cy: s + A, r: C, aRad: j, ax: h, f: y }), H = Q({ cx: t, cy: s + A, r: C, aRad: R, ax: h, f: y }), ae = (N.z + E.z + H.z + Y.z) / 4, q = (M ? M(f) : !0) ? e.value.style.chart.layout.wheel.ticks.gradient.show ? Z(
+        const R = v * Math.PI / 180 + x * f, j = R + x * Math.min(1, e.value.style.chart.layout.wheel.ticks.spacingRatio3d), N = Q({ cx: t, cy: s + A, r: p, aRad: R, ax: h, f: y }), E = Q({ cx: t, cy: s + A, r: p, aRad: j, ax: h, f: y }), Y = Q({ cx: t, cy: s + A, r: C, aRad: j, ax: h, f: y }), H = Q({ cx: t, cy: s + A, r: C, aRad: R, ax: h, f: y }), ae = (N.z + E.z + H.z + Y.z) / 4, q = (M ? M(f) : !0) ? e.value.style.chart.layout.wheel.ticks.gradient.show ? Z(
           e.value.style.chart.layout.wheel.ticks.activeColor,
           f * (100 / r) / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)
-        ) : k : x, de = (() => {
+        ) : k : b, de = (() => {
           const le = p * Math.sin(h) || 1;
           return (ae - -le) / (2 * le);
         })(), ye = ze(q, de), G = `M ${N.x} ${N.y} L ${E.x} ${E.y} L ${Y.x} ${Y.y} L ${H.x} ${H.y} Z`;
@@ -338,7 +338,7 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       toggleAnnotator: ve,
       toggleFullscreen: Xe
     }), (t, s) => (o(), n("div", {
-      class: P(["vue-ui-wheel", { "vue-ui-wheel-3d-wrap": e.value.layout === "3d" }]),
+      class: P(["vue-ui-wheel", { "vue-data-ui-component": !0, "vue-ui-wheel-3d-wrap": e.value.layout === "3d" }]),
       ref_key: "wheelChart",
       ref: X,
       id: ue.value,
@@ -368,7 +368,7 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
         (o(), se(Yt, {
-          key: `title_${be.value}`,
+          key: `title_${xe.value}`,
           config: {
             title: {
               cy: "wheel-title",
@@ -565,7 +565,7 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
           }, null, 10, ra))), 256))
         ], 64)),
         e.value.style.chart.layout.percentage.show ? (o(), n("g", ca, [
-          c(xe) ? (o(), n("rect", {
+          c(be) ? (o(), n("rect", {
             key: 0,
             x: i.value.centerX - 40,
             y: i.value.centerY - B.value / 2,
@@ -611,10 +611,10 @@ const Zt = ["id"], Jt = ["xmlns", "viewBox"], Kt = ["x", "y", "width", "height"]
       }, [
         z(t.$slots, "source", {}, void 0, !0)
       ], 512)) : S("", !0),
-      c(xe) ? (o(), se(Gt, { key: 6 })) : S("", !0)
+      c(be) ? (o(), se(Gt, { key: 6 })) : S("", !0)
     ], 46, Zt));
   }
-}, Sa = /* @__PURE__ */ Vt(ya, [["__scopeId", "data-v-da4775bb"]]);
+}, Sa = /* @__PURE__ */ Vt(ya, [["__scopeId", "data-v-0e59272e"]]);
 export {
   Sa as default
 };

package/dist/{vue-ui-word-cloud-vWhTarrE.js → vue-ui-word-cloud-C7TMR4Zq.js}

@@ -149,9 +149,9 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
   },
   setup(C, { expose: g }) {
     it((t) => ({
-      v20b7b35f: t.slicerColor
+      v555a2310: t.slicerColor
     }));
-    const v = q(() => import("./Tooltip-BOXz8skU.js")), h = q(() => import("./BaseIcon-Bz-1GQhu.js")), d = q(() => import("./vue-ui-accordion-CeMTgpl0.js")), f = q(() => import("./DataTable-BvjacRbw.js")), l = q(() => import("./PenAndPaper-CR8q353D.js")), o = q(() => import("./UserOptions-DsTgvAok.js")), s = q(() => import("./PackageVersion-Cwrh45ON.js")), x = q(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_word_cloud: M } = Mt(), r = C, y = ae({
+    const v = q(() => import("./Tooltip-BOXz8skU.js")), h = q(() => import("./BaseIcon-Bz-1GQhu.js")), d = q(() => import("./vue-ui-accordion-CDIzGCG1.js")), f = q(() => import("./DataTable-BvjacRbw.js")), l = q(() => import("./PenAndPaper-CR8q353D.js")), o = q(() => import("./UserOptions-DsTgvAok.js")), s = q(() => import("./PackageVersion-C40g0Rfc.js")), x = q(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_word_cloud: M } = Mt(), r = C, y = ae({
       get() {
         return !!r.dataset && r.dataset.length;
       },
@@ -524,7 +524,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
       ie.value = !0;
     }
     return (t, n) => (k(), _("div", {
-      class: "vue-ui-word-cloud",
+      class: "vue-data-ui-component vue-ui-word-cloud",
       ref_key: "wordCloudChart",
       ref: w,
       id: `wordCloud_${X.value}`,
@@ -815,7 +815,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox"], Lt = ["width", "height"], Yt = ["t
       u(ue) ? (k(), le(At, { key: 7 })) : W("", !0)
     ], 44, Et));
   }
-}, va = /* @__PURE__ */ Rt(Jt, [["__scopeId", "data-v-416534c4"]]);
+}, va = /* @__PURE__ */ Rt(Jt, [["__scopeId", "data-v-2ed36c3a"]]);
 export {
   va as default
 };

package/dist/{vue-ui-world-CqWuE8ZR.js → vue-ui-world-DtMYYQ6T.js}

@@ -179,7 +179,7 @@ const T4 = {
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(y, { expose: i, emit: s }) {
-    const l = D(() => import("./Title-DG2nloSB.js")), g = D(() => import("./Legend-BpoFJ8fc.js")), r = D(() => import("./Tooltip-BOXz8skU.js")), P = D(() => import("./BaseIcon-Bz-1GQhu.js")), m = D(() => import("./vue-ui-accordion-CeMTgpl0.js")), n = D(() => import("./DataTable-BvjacRbw.js")), d = D(() => import("./PenAndPaper-CR8q353D.js")), p = D(() => import("./UserOptions-DsTgvAok.js")), v = D(() => import("./PackageVersion-Cwrh45ON.js")), c = D(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_world: _ } = n4(), h = y, A = s, C = x({
+    const l = D(() => import("./Title-DG2nloSB.js")), g = D(() => import("./Legend-BpoFJ8fc.js")), r = D(() => import("./Tooltip-BOXz8skU.js")), P = D(() => import("./BaseIcon-Bz-1GQhu.js")), m = D(() => import("./vue-ui-accordion-CDIzGCG1.js")), n = D(() => import("./DataTable-BvjacRbw.js")), d = D(() => import("./PenAndPaper-CR8q353D.js")), p = D(() => import("./UserOptions-DsTgvAok.js")), v = D(() => import("./PackageVersion-C40g0Rfc.js")), c = D(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_world: _ } = n4(), h = y, A = s, C = x({
       get() {
         return !!m1.value;
       },
@@ -586,7 +586,7 @@ const T4 = {
       ref_key: "worldChart",
       ref: N,
       id: `world_${k.value}`,
-      class: y2(`vue-ui-world ${J.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: y2(`vue-data-ui-component vue-ui-world ${J.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: C1(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
       onMouseenter: a[2] || (a[2] = () => f(U1)(!0)),
       onMouseleave: a[3] || (a[3] = () => f(U1)(!1))
@@ -1035,7 +1035,7 @@ const T4 = {
       f(M2) ? (M(), X(g4, { key: 8 })) : S("", !0)
     ], 46, S4));
   }
-}, u0 = /* @__PURE__ */ b4(Q4, [["__scopeId", "data-v-ab33adfc"]]);
+}, u0 = /* @__PURE__ */ b4(Q4, [["__scopeId", "data-v-9c448e5a"]]);
 export {
   u0 as default
 };

package/dist/{vue-ui-xy-BxpuE9Ng.js → vue-ui-xy-Dputm9QT.js}

@@ -12,7 +12,7 @@ import { t as Sn } from "./themes-Dw-dDudK.js";
 import { _ as ma } from "./Shape-C_C_OmqR.js";
 import $n from "./BaseIcon-Bz-1GQhu.js";
 import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import _n from "./vue-ui-accordion-CeMTgpl0.js";
+import _n from "./vue-ui-accordion-CDIzGCG1.js";
 const Mn = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -1159,7 +1159,7 @@ const Mn = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(S, { expose: Sa, emit: $a }) {
-    const d = S, Fe = Xt(() => import("./DataTable-BvjacRbw.js")), de = Xt(() => import("./Tooltip-BOXz8skU.js")), ge = Xt(() => import("./UserOptions-DsTgvAok.js")), xe = Xt(() => import("./BaseIcon-Bz-1GQhu.js")), Ll = Xt(() => import("./vue-ui-table-sparkline-RB40-Z1R.js")), Mt = Xt(() => import("./PackageVersion-Cwrh45ON.js")), Nt = Xt(() => import("./PenAndPaper-CR8q353D.js")), Kl = Xt(() => import("./BaseDraggableDialog-CHhZIht2.js")), qt = $a, xl = Uo(), Zt = qo(), { vue_ui_xy: at } = fn(), He = y(null), ze = y(null), Je = y(null), Ce = y(null), gt = y(null), Lt = y(null), Cl = y(null), Kt = y(null), Jt = y(null), Me = y(null), Al = y(null), Tl = y(null), xt = y(null), se = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), oe = y(1e3), ot = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), De = y(!1), Re = y(!1), bl = y(!1), ne = y(null), he = y([]), J = y(ga()), zl = y(0), Il = y(0), Nl = y(0), We = y(!0), bt = y(0), X = y(null), jl = y(!1), Pl = y(!0), yl = y(!0), Le = y(null), nt = y({}), el = y(null), H = y(!1), Qe = y(null), _ = y(null), yt = x(() => ({
+    const d = S, Fe = Xt(() => import("./DataTable-BvjacRbw.js")), de = Xt(() => import("./Tooltip-BOXz8skU.js")), ge = Xt(() => import("./UserOptions-DsTgvAok.js")), xe = Xt(() => import("./BaseIcon-Bz-1GQhu.js")), Ll = Xt(() => import("./vue-ui-table-sparkline-Bvf0ZBOi.js")), Mt = Xt(() => import("./PackageVersion-C40g0Rfc.js")), Nt = Xt(() => import("./PenAndPaper-CR8q353D.js")), Kl = Xt(() => import("./BaseDraggableDialog-CHhZIht2.js")), qt = $a, xl = Uo(), Zt = qo(), { vue_ui_xy: at } = fn(), He = y(null), ze = y(null), Je = y(null), Ce = y(null), gt = y(null), Lt = y(null), Cl = y(null), Kt = y(null), Jt = y(null), Me = y(null), Al = y(null), Tl = y(null), xt = y(null), se = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), oe = y(1e3), ot = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), De = y(!1), Re = y(!1), bl = y(!1), ne = y(null), he = y([]), J = y(ga()), zl = y(0), Il = y(0), Nl = y(0), We = y(!0), bt = y(0), X = y(null), jl = y(!1), Pl = y(!0), yl = y(!0), Le = y(null), nt = y({}), el = y(null), H = y(!1), Qe = y(null), _ = y(null), yt = x(() => ({
       height: W.value,
       width: oe.value
     }));
@@ -2655,7 +2655,7 @@ const Mn = {
       toggleFullscreen: no
     }), (l, s) => (n(), i("div", {
       id: `vue-ui-xy_${J.value}`,
-      class: Ke(`vue-ui-xy ${Re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Ke(`vue-data-ui-component vue-ui-xy ${Re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: He,
       style: L(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
@@ -4627,7 +4627,7 @@ const Mn = {
       v(ye) ? (n(), dt(xn, { key: 9 })) : g("", !0)
     ], 46, mi));
   }
-}, xr = /* @__PURE__ */ Lo(tr, [["__scopeId", "data-v-fe09bdd8"]]);
+}, xr = /* @__PURE__ */ Lo(tr, [["__scopeId", "data-v-e2428c46"]]);
 export {
   xr as default
 };

package/dist/{vue-ui-xy-canvas-C9YQjaUA.js → vue-ui-xy-canvas-BCeQoXNM.js}

@@ -9,7 +9,7 @@ import { t as zl } from "./themes-Dw-dDudK.js";
 import $l from "./Legend-BpoFJ8fc.js";
 import Tl from "./Title-DG2nloSB.js";
 import { S as Il } from "./Slicer-BA2GhOmY.js";
-import Ml from "./vue-ui-accordion-CeMTgpl0.js";
+import Ml from "./vue-ui-accordion-CDIzGCG1.js";
 import { u as Ol } from "./useTimeLabels-BGFjWgrv.js";
 import Rl from "./img-DjWwQXVS.js";
 import Dl from "./BaseIcon-Bz-1GQhu.js";
@@ -35,7 +35,7 @@ const Pl = ["id"], El = ["id"], Al = ["id"], Nl = ["onClick"], Hl = {
   },
   emits: ["selectLegend"],
   setup(Pe, { expose: ka, emit: Ca }) {
-    const wa = ee(() => import("./DataTable-BvjacRbw.js")), Sa = ee(() => import("./NonSvgPenAndPaper-l9giyY1Z.js")), za = ee(() => import("./vue-ui-skeleton-C3tGR_lR.js")), $a = ee(() => import("./Tooltip-BOXz8skU.js")), Ta = ee(() => import("./UserOptions-DsTgvAok.js")), Ia = ee(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_xy_canvas: Ma } = kl(), g = Pe, _ = c(rl()), I = c(null), oe = c(null), n = c(null), f = c(1), E = c(1), ye = c(!1), d = c(null), ge = c(""), Ee = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ae = c(0), Ne = c(0), ue = c(!1), He = c(null), Ye = c(null), _e = c(null), Be = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Ue = c(!1), re = c(null), Se = c(null), pe = L(() => !!g.dataset && g.dataset.length), Oa = Ca, Ra = el();
+    const wa = ee(() => import("./DataTable-BvjacRbw.js")), Sa = ee(() => import("./NonSvgPenAndPaper-l9giyY1Z.js")), za = ee(() => import("./vue-ui-skeleton-BaysGsg0.js")), $a = ee(() => import("./Tooltip-BOXz8skU.js")), Ta = ee(() => import("./UserOptions-DsTgvAok.js")), Ia = ee(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_xy_canvas: Ma } = kl(), g = Pe, _ = c(rl()), I = c(null), oe = c(null), n = c(null), f = c(1), E = c(1), ye = c(!1), d = c(null), ge = c(""), Ee = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ae = c(0), Ne = c(0), ue = c(!1), He = c(null), Ye = c(null), _e = c(null), Be = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Ue = c(!1), re = c(null), Se = c(null), pe = L(() => !!g.dataset && g.dataset.length), Oa = Ca, Ra = el();
     ha(() => {
       Ra["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
@@ -957,7 +957,7 @@ const Pl = ["id"], El = ["id"], Al = ["id"], Nl = ["onClick"], Hl = {
       ref_key: "xy",
       ref: I,
       id: `xy_canvas_${_.value}`,
-      class: ll(`vue-ui-donut ${ue.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: ll(`vue-data-ui-component vue-ui-xy-canvas ${ue.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       onMouseenter: l[5] || (l[5] = () => p(We)(!0)),
       onMouseleave: l[6] || (l[6] = () => p(We)(!1))
     }, [
@@ -1299,7 +1299,7 @@ const Pl = ["id"], El = ["id"], Al = ["id"], Nl = ["onClick"], Hl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : H("", !0)
     ], 46, Pl));
   }
-}, ot = /* @__PURE__ */ Fl(_l, [["__scopeId", "data-v-51365208"]]);
+}, ot = /* @__PURE__ */ Fl(_l, [["__scopeId", "data-v-a22cfedc"]]);
 export {
   ot as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.2.7",
+  "version": "3.2.8",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [