vue-data-ui 2.9.5 → 2.9.6

package/dist/{vue-ui-world-2gnEByN3.js → vue-ui-world-oPme2JUw.js}

@@ -1,17 +1,17 @@
-import { computed as N, ref as v, watch as Ja, createElementBlock as R, openBlock as k, unref as S, normalizeStyle as pa, normalizeClass as Qa, createBlock as sa, createCommentVNode as L, renderSlot as B, createVNode as va, createSlots as Xa, withCtx as G, normalizeProps as ma, guardReactiveProps as oa, withModifiers as G0, Fragment as ra, createElementVNode as T, renderList as $a, mergeProps as C0, createTextVNode as wa, toDisplayString as ba, nextTick as I0 } from "vue";
-import { u as P0, c as qa, b as U0, p as da, d as Sa, X as O0, l as D0, h as a0, i as _0, f as l0, C as ga, N as K0, q as z0, r as j0, x as H0 } from "./index-BDGf85YF.js";
-import { u as F0 } from "./useNestedProp-BsN3TOQ0.js";
+import { computed as N, ref as v, watch as Ja, createElementBlock as R, openBlock as k, unref as S, normalizeStyle as pa, normalizeClass as Qa, createBlock as sa, createCommentVNode as L, renderSlot as B, createVNode as wa, createSlots as Xa, withCtx as G, normalizeProps as ma, guardReactiveProps as oa, withModifiers as G0, Fragment as ra, createElementVNode as T, renderList as $a, mergeProps as C0, createTextVNode as Sa, toDisplayString as ba, nextTick as I0 } from "vue";
+import { u as P0, c as qa, b as U0, d as ga, p as da, X as O0, l as D0, h as a0, i as _0, f as l0, C as ya, N as K0, q as z0, r as j0, x as H0 } from "./index-CWhFHwCq.js";
+import { u as F0 } from "./useNestedProp-BMnSFGam.js";
 import { u as Z0 } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as x0 } from "./useChartAccessibility-BWojgys7.js";
-import { _ as W0 } from "./PenAndPaper-CUUyQzLR.js";
-import { _ as Y0 } from "./Title-CwPVIBWP.js";
-import { u as V0, U as J0 } from "./usePrinter-CKjQQldf.js";
-import { _ as Q0 } from "./PackageVersion-Bq98eXon.js";
-import { _ as X0 } from "./Tooltip-T-m_CEIA.js";
-import $0 from "./vue-ui-accordion-CYKk4uk8.js";
-import { D as q0 } from "./DataTable-BbXCe5s5.js";
-import { L as a3 } from "./Legend-D9ki4JJ3.js";
-import { _ as _3 } from "./Shape-D6lPonNm.js";
+import { _ as W0 } from "./PenAndPaper-KHBZJthC.js";
+import { _ as Y0 } from "./Title-Dpwxcd6L.js";
+import { u as V0, U as J0 } from "./usePrinter-B5CPFnEg.js";
+import { _ as Q0 } from "./PackageVersion-C51Y9Wgc.js";
+import { _ as X0 } from "./Tooltip-tAcjl0wg.js";
+import $0 from "./vue-ui-accordion-BWg_T_0d.js";
+import { D as q0 } from "./DataTable-B1QbTr1g.js";
+import { L as a3 } from "./Legend-BU9jdt97.js";
+import { _ as _3 } from "./Shape-B5Dx4dJ3.js";
 import { _ as l3 } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const n3 = {
   type: "FeatureCollection",
@@ -197,14 +197,14 @@ const n3 = {
 }, e3 = {
   mercator([c, o], i, u, s) {
     o = Math.max(Math.min(o, 85.05113), -85.05113);
-    const [e, p] = s, r = (c - e) * Math.PI / 180, b = i / (2 * Math.PI) * (r + Math.PI), f = (w) => Math.log(Math.tan(Math.PI / 4 + w * Math.PI / 180 / 2)), A = f(85.05113), h = f(-72), y = (f(o) - A) / (h - A) * u;
+    const [e, p] = s, d = (c - e) * Math.PI / 180, b = i / (2 * Math.PI) * (d + Math.PI), f = (w) => Math.log(Math.tan(Math.PI / 4 + w * Math.PI / 180 / 2)), A = f(85.05113), h = f(-72), y = (f(o) - A) / (h - A) * u;
     return [b, y];
   },
   equirectangular([c, o], i, u, s) {
     const [t, e] = s;
     o = Math.max(Math.min(o, 90), -80);
-    const p = (c - t + 180) / 360 * i, r = (90 - (o - e)) / 170 * u;
-    return [p, r];
+    const p = (c - t + 180) / 360 * i, d = (90 - (o - e)) / 170 * u;
+    return [p, d];
   },
   robinson([c, o], i, u, s) {
     const m = [
@@ -229,7 +229,7 @@ const n3 = {
       [0.5322, 1]
     ], [g, t] = s;
     c = c - g, o = Math.max(-89.9999, Math.min(89.9999, o));
-    const e = Math.abs(o), p = Math.floor(e / 5), r = e % 5 / 5, [b, f] = m[p], [A, h] = m[Math.min(p + 1, m.length - 1)], E = b + (A - b) * r, y = f + (h - f) * r, w = c * Math.PI / 180, C = i / 2 + i / 2 * E * w / Math.PI, D = u / 2 - Math.sign(o) * (u / 2) * y / 1;
+    const e = Math.abs(o), p = Math.floor(e / 5), d = e % 5 / 5, [b, f] = m[p], [A, h] = m[Math.min(p + 1, m.length - 1)], E = b + (A - b) * d, y = f + (h - f) * d, w = c * Math.PI / 180, C = i / 2 + i / 2 * E * w / Math.PI, D = u / 2 - Math.sign(o) * (u / 2) * y / 1;
     return !Number.isFinite(C) || !Number.isFinite(D) ? [-9999, -9999] : [C, D];
   },
   mollweide([c, o], i, u, s) {
@@ -237,9 +237,9 @@ const n3 = {
     const [m] = s, g = (c - m) * Math.PI / 180, t = o * Math.PI / 180;
     let e = t;
     const p = 1e-10;
-    let r = 1, b = 0;
-    for (; Math.abs(r) > p && b < 10; )
-      r = -(2 * e + Math.sin(2 * e) - Math.PI * Math.sin(t)) / (2 + 2 * Math.cos(2 * e)), e += r, b++;
+    let d = 1, b = 0;
+    for (; Math.abs(d) > p && b < 10; )
+      d = -(2 * e + Math.sin(2 * e) - Math.PI * Math.sin(t)) / (2 + 2 * Math.cos(2 * e)), e += d, b++;
     isFinite(e) || (e = t > 0 ? Math.PI / 2 : -Math.PI / 2);
     const f = i / (2 * Math.SQRT2), h = (f * (2 * Math.SQRT2 / Math.PI) * g * Math.cos(e) + 2 * f) / (4.6 * f) * i, E = -f * Math.SQRT2 * Math.sin(e), y = -f * Math.SQRT2, w = f * Math.SQRT2, C = (E - y) / (w - y) * u;
     return [
@@ -248,7 +248,7 @@ const n3 = {
     ];
   },
   winkelTripel([c, o], i, u, s) {
-    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = t * Math.cos(Math.PI / 6), r = e, b = Math.acos(Math.cos(e) * Math.cos(t / 2)), f = 2 * Math.cos(e) * Math.sin(t / 2) / (Math.sin(b) / b || 1), A = Math.sin(e) / (Math.sin(b) / b || 1), h = i / 2 + i / (2 * Math.PI) * (p + f) / 2, E = u / 2 - u / (2 * Math.PI) * (r + A) / 2;
+    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = t * Math.cos(Math.PI / 6), d = e, b = Math.acos(Math.cos(e) * Math.cos(t / 2)), f = 2 * Math.cos(e) * Math.sin(t / 2) / (Math.sin(b) / b || 1), A = Math.sin(e) / (Math.sin(b) / b || 1), h = i / 2 + i / (2 * Math.PI) * (p + f) / 2, E = u / 2 - u / (2 * Math.PI) * (d + A) / 2;
     return [h, E];
   },
   aitoff([c, o], i, u, s) {
@@ -256,20 +256,20 @@ const n3 = {
       return f === 0 ? 1 : Math.sin(Math.PI * f) / (Math.PI * f);
     });
     const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = Math.acos(Math.cos(e) * Math.cos(t / 2));
-    let r = 0, b = 0;
-    return p !== 0 && (r = 2 * Math.cos(e) * Math.sin(t / 2) / Math.sinc(p / Math.PI), b = Math.sin(e) / Math.sinc(p / Math.PI)), r = i / 2 + r * (i / (2 * 2)), b = u / 2 - b * (u / (2 * 1)), [r, b];
+    let d = 0, b = 0;
+    return p !== 0 && (d = 2 * Math.cos(e) * Math.sin(t / 2) / Math.sinc(p / Math.PI), b = Math.sin(e) / Math.sinc(p / Math.PI)), d = i / 2 + d * (i / (2 * 2)), b = u / 2 - b * (u / (2 * 1)), [d, b];
   },
   hammer([c, o], i, u, s) {
-    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = Math.sqrt(1 + Math.cos(e) * Math.cos(t / 2)), r = i / 2 + i / 2 * (2 * Math.SQRT2 * Math.cos(e) * Math.sin(t / 2) / p) / 2.8284271247461903, b = u / 2 - u / 2 * (Math.SQRT2 * Math.sin(e) / p) / 1.4142135623730951;
-    return [r, b];
+    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = Math.sqrt(1 + Math.cos(e) * Math.cos(t / 2)), d = i / 2 + i / 2 * (2 * Math.SQRT2 * Math.cos(e) * Math.sin(t / 2) / p) / 2.8284271247461903, b = u / 2 - u / 2 * (Math.SQRT2 * Math.sin(e) / p) / 1.4142135623730951;
+    return [d, b];
   },
   bonne([c, o], i, u, s = [0, 0]) {
-    const m = 45 * Math.PI / 180, [g, t] = s, e = (c - g) * Math.PI / 180, r = Math.max(Math.min(o, 89.9), -89.9) * Math.PI / 180, b = 1 / Math.tan(m), f = b + m - r, A = f === 0 ? 0 : e * Math.cos(r) / f, h = Math.min(i, u) / 2.6, E = i / 2 + h * f * Math.sin(A), y = u / 2 - h * (b - f * Math.cos(A));
+    const m = 45 * Math.PI / 180, [g, t] = s, e = (c - g) * Math.PI / 180, d = Math.max(Math.min(o, 89.9), -89.9) * Math.PI / 180, b = 1 / Math.tan(m), f = b + m - d, A = f === 0 ? 0 : e * Math.cos(d) / f, h = Math.min(i, u) / 2.6, E = i / 2 + h * f * Math.sin(A), y = u / 2 - h * (b - f * Math.cos(A));
     return [E, y];
   },
   sinusoidal([c, o], i, u, s) {
-    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = i / 2 + i / (2 * Math.PI) * t * Math.cos(e), r = u / 2 - u / Math.PI * e;
-    return [p, r];
+    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = i / 2 + i / (2 * Math.PI) * t * Math.cos(e), d = u / 2 - u / Math.PI * e;
+    return [p, d];
   },
   gallPeters([c, o], i, u, s) {
     const [m, g] = s;
@@ -279,10 +279,10 @@ const n3 = {
   },
   vanDerGrinten([c, o], i, u, s = [0, 0]) {
     const m = Math.PI, g = Math.PI / 2, t = 1e-6;
-    let e = (c - (s[0] || 0)) * m / 180, p = (o - (s[1] || 0)) * m / 180, r = Math.abs(e), b = Math.abs(p), f, A;
+    let e = (c - (s[0] || 0)) * m / 180, p = (o - (s[1] || 0)) * m / 180, d = Math.abs(e), b = Math.abs(p), f, A;
     if (b < t)
       f = e, A = 0;
-    else if (r < t || Math.abs(b - g) < t)
+    else if (d < t || Math.abs(b - g) < t)
       f = 0, A = Math.sign(p) * m * Math.tan(Math.asin(b / g) / 2);
     else {
       let w = b / g, C = Math.asin(w), D = Math.cos(C), j = 0.5 * Math.abs(m / e - e / m), K = j * j, J = D / (w + D - 1), ia = J * (2 / w - 1), q = ia * ia, _ = q + K, Q = J - q, aa = K + J;
@@ -292,13 +292,13 @@ const n3 = {
     return [E + f * h, y - A * h];
   },
   globe([c, o], i, u, s) {
-    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = g * Math.PI / 180, r = Math.min(i, u) / 2 * 0.95, b = i / 2, f = u / 2, A = r * Math.cos(e) * Math.sin(t) + b, h = -r * (Math.cos(p) * Math.sin(e) - Math.sin(p) * Math.cos(e) * Math.cos(t)) + f;
+    const [m, g] = s, t = (c - m) * Math.PI / 180, e = o * Math.PI / 180, p = g * Math.PI / 180, d = Math.min(i, u) / 2 * 0.95, b = i / 2, f = u / 2, A = d * Math.cos(e) * Math.sin(t) + b, h = -d * (Math.cos(p) * Math.sin(e) - Math.sin(p) * Math.cos(e) * Math.cos(t)) + f;
     return Math.sin(p) * Math.sin(e) + Math.cos(p) * Math.cos(e) * Math.cos(t) < 0 ? [NaN, NaN] : [A, h];
   },
   azimuthalEquidistant([c, o], i, u, s = [0, 0]) {
-    const m = (D) => D * Math.PI / 180, [g, t] = s, e = m(c - g), p = m(o), r = m(t), b = Math.sin(r) * Math.sin(p) + Math.cos(r) * Math.cos(p) * Math.cos(e), f = Math.acos(Math.max(-1, Math.min(1, b)));
+    const m = (D) => D * Math.PI / 180, [g, t] = s, e = m(c - g), p = m(o), d = m(t), b = Math.sin(d) * Math.sin(p) + Math.cos(d) * Math.cos(p) * Math.cos(e), f = Math.acos(Math.max(-1, Math.min(1, b)));
     let A = f === 0 ? 1 : f / Math.sin(f);
-    const h = A * Math.cos(p) * Math.sin(e), E = A * (Math.cos(r) * Math.sin(p) - Math.sin(r) * Math.cos(p) * Math.cos(e)), y = Math.min(i, u) / 2 / Math.PI, w = i / 2, C = u / 2;
+    const h = A * Math.cos(p) * Math.sin(e), E = A * (Math.cos(d) * Math.sin(p) - Math.sin(d) * Math.cos(p) * Math.cos(e)), y = Math.min(i, u) / 2 / Math.PI, w = i / 2, C = u / 2;
     return [
       w + h * y,
       C - E * y
@@ -308,7 +308,7 @@ const n3 = {
 function s3(c, o, i, u, s = [0, 0]) {
   let m = 1 / 0, g = 1 / 0, t = -1 / 0, e = -1 / 0;
   for (const p of o) {
-    const r = p.geometry, b = r.type === "Polygon" ? [r.coordinates] : r.type === "MultiPolygon" ? r.coordinates : [];
+    const d = p.geometry, b = d.type === "Polygon" ? [d.coordinates] : d.type === "MultiPolygon" ? d.coordinates : [];
     for (const f of b)
       for (const A of f)
         for (const [h, E] of A) {
@@ -372,7 +372,7 @@ const i3 = {
       set(a) {
         return a;
       }
-    }), t = N(() => g ? Object.values(s.dataset).some((a) => Object.hasOwn(a, "category")) : !1), e = v(null), p = v(null), r = v(null), b = v(null), f = v(null), A = v(0), h = v(0), E = v(0), y = v(qa()), w = v(!1), C = v(""), D = v(0);
+    }), t = N(() => g ? Object.values(s.dataset).some((a) => Object.hasOwn(a, "category")) : !1), e = v(null), p = v(null), d = v(null), b = v(null), f = v(null), A = v(0), h = v(0), E = v(0), y = v(qa()), w = v(!1), C = v(""), D = v(0);
     let j = n3;
     const { projections: K, getProjectedBounds: J, setupTerritories: ia } = i3;
     function q() {
@@ -380,12 +380,12 @@ const i3 = {
         userConfig: s.config,
         defaultConfig: u
       });
-      return s.config && ga(s.config, "style.chart.territory.colors.min") ? a.style.chart.territory.colors.min = Sa(s.config.style.chart.territory.colors.min) : a.style.chart.territory.colors.min = a.style.chart.territory.emptyColor, s.config && ga(s.config, "style.chart.territory.colors.max") ? a.style.chart.territory.colors.max = Sa(s.config.style.chart.territory.colors.max) : a.style.chart.territory.colors.max = da[0], s.config && ga(s.config, "style.chart.dimensions.width") ? a.style.chart.dimensions.width = s.config.style.chart.dimensions.width : a.style.chart.dimensions.width = null, s.config && ga(s.config, "style.chart.dimensions.height") ? a.style.chart.dimensions.height = s.config.style.chart.dimensions.height : a.style.chart.dimensions.height = null, j = ia(a, j), a;
+      return s.config && ya(s.config, "style.chart.territory.colors.min") ? a.style.chart.territory.colors.min = ga(s.config.style.chart.territory.colors.min) : a.style.chart.territory.colors.min = a.style.chart.territory.emptyColor, s.config && ya(s.config, "style.chart.territory.colors.max") ? a.style.chart.territory.colors.max = ga(s.config.style.chart.territory.colors.max) : a.style.chart.territory.colors.max = da[0], s.config && ya(s.config, "style.chart.dimensions.width") ? a.style.chart.dimensions.width = s.config.style.chart.dimensions.width : a.style.chart.dimensions.width = null, s.config && ya(s.config, "style.chart.dimensions.height") ? a.style.chart.dimensions.height = s.config.style.chart.dimensions.height : a.style.chart.dimensions.height = null, j = ia(a, j), a;
     }
     const _ = N({
       get: () => q(),
       set: (a) => a
-    }), { userOptionsVisible: Q, setUserOptionsVisibility: aa, keepUserOptionState: Ra } = Z0({ config: _.value }), { svgRef: ya } = x0({ config: _.value.style.chart.title }), P = v({
+    }), { userOptionsVisible: Q, setUserOptionsVisibility: aa, keepUserOptionState: Ra } = Z0({ config: _.value }), { svgRef: Aa } = x0({ config: _.value.style.chart.title }), P = v({
       showTable: _.value.table.show,
       showTooltip: _.value.style.chart.tooltip.show
     });
@@ -410,13 +410,13 @@ const i3 = {
         winkelTripel: { width: n || 1e3, height: a || 1e3 }
       }[F.value];
     }), U = N(() => {
-      const { minX: a, minY: n, width: l, height: d } = J(K[F.value], j.features, Z.value.width, Z.value.height);
+      const { minX: a, minY: n, width: l, height: r } = J(K[F.value], j.features, Z.value.width, Z.value.height);
       return {
-        str: `${a} ${n} ${l} ${d}`,
+        str: `${a} ${n} ${l} ${r}`,
         minX: a,
         minY: n,
         width: l,
-        height: d
+        height: r
       };
     }), Ea = N(() => Object.values(s.dataset).map((a) => a.value)), n0 = N(() => Math.min(...Ea.value)), e0 = N(() => Math.max(...Ea.value));
     function s0(a) {
@@ -433,17 +433,22 @@ const i3 = {
     }
     function Ma(a) {
       const n = (l) => l.map(
-        (d) => {
-          const z = d.map(([X, $]) => m0([X, $])).filter(([X, $]) => Number.isFinite(X) && Number.isFinite($));
+        (r) => {
+          const z = r.map(([X, $]) => m0([X, $])).filter(([X, $]) => Number.isFinite(X) && Number.isFinite($));
           return z.length < 3 ? "" : "M" + z.map(([X, $]) => `${X},${$}`).join("L") + "Z";
         }
       ).filter(Boolean).join(" ");
       return a.type === "Polygon" ? n(a.coordinates) : a.type === "MultiPolygon" ? a.coordinates.map(n).join(" ") : "";
     }
-    const La = N(() => [...new Set(Object.values(s.dataset).map((a) => a.category).filter(Boolean))].map((a, n) => ({
-      name: a,
-      color: Na.value[n] || da[n] || da[n % da.length]
-    })));
+    const La = N(() => {
+      const a = Object.values(s.dataset).filter((l) => !!l.category), n = {};
+      return a.forEach((l) => {
+        n[l.category] || (n[l.category] = l);
+      }), Object.values(n).map((l, r) => ({
+        name: l.category,
+        color: l.color ? ga(l.color) : Na.value[r] || da[r] || da[r % da.length]
+      }));
+    });
     function o0(a) {
       const n = La.value.find((l) => l.name === a);
       return n ? n.color : "#000000";
@@ -459,7 +464,7 @@ const i3 = {
           geo: a,
           code: n,
           geometry: a.geometry,
-          color: l && l.color ? Sa(l.color) : l && l.category ? o0(l.category) : s0(l ? l.value : null),
+          color: l && l.color ? ga(l.color) : l && l.category ? o0(l.category) : s0(l ? l.value : null),
           value: l ? l.value : null,
           category: l && l.category || null,
           isActive: !!l,
@@ -471,7 +476,7 @@ const i3 = {
       la.value = a, D.value += 1;
     }
     const na = v(!1);
-    function Aa() {
+    function ka() {
       na.value = !na.value;
     }
     function Ba() {
@@ -484,12 +489,12 @@ const i3 = {
       elementId: `world_${y.value}`,
       fileName: _.value.style.chart.title.text || "vue-ui-world",
       options: _.value.userOptions.print
-    }), ua = v(!1), ka = v(null), x = v(null);
+    }), ua = v(!1), ha = v(null), x = v(null);
     function r0(a) {
       return a ? a.type === "Polygon" ? a.coordinates : a.type === "MultiPolygon" ? a.coordinates.reduce(
         (n, l) => {
-          var d;
-          return l[0].length > (((d = n[0]) == null ? void 0 : d.length) || 0) ? l : n;
+          var r;
+          return l[0].length > (((r = n[0]) == null ? void 0 : r.length) || 0) ? l : n;
         },
         []
       ) : [] : [];
@@ -500,8 +505,8 @@ const i3 = {
       if (!a) return "";
       const n = r0(a);
       if (!n.length) return "";
-      const l = n.flat(), d = l.reduce((I, [O]) => I + O, 0) / l.length, M = l.reduce((I, [, O]) => I + O, 0) / l.length, z = [d, M], X = K[F.value] || K.globe, $ = Z.value.width, k0 = Z.value.height, za = n.map(
-        (I) => I.map(([O, ha]) => X([O, ha], $, k0, z))
+      const l = n.flat(), r = l.reduce((I, [O]) => I + O, 0) / l.length, M = l.reduce((I, [, O]) => I + O, 0) / l.length, z = [r, M], X = K[F.value] || K.globe, $ = Z.value.width, k0 = Z.value.height, za = n.map(
+        (I) => I.map(([O, va]) => X([O, va], $, k0, z))
       ), ja = za.flat(), Ha = ja.map(([I, O]) => I), Fa = ja.map(([I, O]) => O), Za = Math.min(...Ha), h0 = Math.max(...Ha), xa = Math.min(...Fa), v0 = Math.max(...Fa), V = 80, fa = 8, w0 = V - 2 * fa, S0 = V - 2 * fa, R0 = h0 - Za || 1, N0 = v0 - xa || 1, Wa = Math.min(w0 / R0, S0 / N0);
       function E0([I, O]) {
         return [
@@ -509,7 +514,7 @@ const i3 = {
           (O - xa) * Wa + fa
         ];
       }
-      const M0 = za.map((I) => "M" + I.map(E0).map(([ha, T0]) => `${ha},${T0}`).join("L") + "Z").join(" "), L0 = ((Va = x.value) == null ? void 0 : Va.color) || _.value.style.chart.territory.emptyColor, B0 = _.value.style.chart.territory.stroke;
+      const M0 = za.map((I) => "M" + I.map(E0).map(([va, T0]) => `${va},${T0}`).join("L") + "Z").join(" "), L0 = ((Va = x.value) == null ? void 0 : Va.color) || _.value.style.chart.territory.emptyColor, B0 = _.value.style.chart.territory.stroke;
       return `
         <svg width="${V}" height="${V}" viewBox="0 0 ${V} ${V}" style="display:block;margin:auto;">
         <rect x="0" y="0" width="${V}" height="${V}" rx="12" fill="transparent" opacity="0.93"/>
@@ -518,17 +523,17 @@ const i3 = {
     `;
     });
     function c0({ datapoint: a }) {
-      x.value = a, ka.value = { datapoint: a, config: _.value, series: _a.value }, w.value = !0;
+      x.value = a, ha.value = { datapoint: a, config: _.value, series: _a.value }, w.value = !0;
       let n = "";
       const l = _.value.style.chart.tooltip.customFormat;
       if (ua.value = !1, H0(l))
         try {
-          const d = l({
+          const r = l({
             datapoint: a,
             config: _.value,
             series: _a.value
           });
-          typeof d == "string" && (C.value = d, ua.value = !0);
+          typeof r == "string" && (C.value = r, ua.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), ua.value = !1;
         }
@@ -575,8 +580,8 @@ const i3 = {
     function f0(a) {
       if (!ea.value || F.value !== "globe" || na.value) return;
       const n = a.clientX - W.value.x, l = a.clientY - W.value.y;
-      let d = H.value[0] - n * 0.5, M = H.value[1] + l * 0.5;
-      M = Math.max(-90, Math.min(90, M)), H.value = [d, M], W.value = { x: a.clientX, y: a.clientY };
+      let r = H.value[0] - n * 0.5, M = H.value[1] + l * 0.5;
+      M = Math.max(-90, Math.min(90, M)), H.value = [r, M], W.value = { x: a.clientX, y: a.clientY };
     }
     function Ua() {
       ea.value = !1;
@@ -588,19 +593,19 @@ const i3 = {
     }
     function b0(a) {
       if (!ea.value || F.value !== "globe" || na.value) return;
-      const n = a.touches[0], l = n.clientX - W.value.x, d = n.clientY - W.value.y;
-      let M = H.value[0] - l * 0.5, z = H.value[1] + d * 0.5;
+      const n = a.touches[0], l = n.clientX - W.value.x, r = n.clientY - W.value.y;
+      let M = H.value[0] - l * 0.5, z = H.value[1] + r * 0.5;
       z = Math.max(-90, Math.min(90, z)), H.value = [M, z], W.value = { x: n.clientX, y: n.clientY };
     }
     function g0() {
       ea.value = !1;
     }
     const ca = N(() => {
-      const a = _a.value.toSorted((d, M) => (M.value || 0) - (d.value || 0)), n = a.map((d) => ({
-        name: d.name,
-        color: d.color,
-        category: d.category || "-"
-      })), l = a.map((d) => d.value || 0);
+      const a = _a.value.toSorted((r, M) => (M.value || 0) - (r.value || 0)), n = a.map((r) => ({
+        name: r.name,
+        color: r.color,
+        category: r.category || "-"
+      })), l = a.map((r) => r.value || 0);
       return { head: n, body: l };
     }), ta = N(() => {
       const a = [
@@ -641,8 +646,8 @@ const i3 = {
     });
     function Oa() {
       I0(() => {
-        const a = ca.value.head.map((d, M) => [[
-          d.name
+        const a = ca.value.head.map((r, M) => [[
+          r.name
         ], [ca.value.body[M]]]), n = [[_.value.style.chart.title.text], [_.value.style.chart.title.subtitle.text], [[
           _.value.table.columnNames.series,
           _.value.table.columnNames.value,
@@ -678,7 +683,7 @@ const i3 = {
       generateImage: Pa,
       toggleTable: Ba,
       toggleTooltip: Ta,
-      toggleAnnotator: Aa
+      toggleAnnotator: ka
     }), (a, n) => (k(), R("div", {
       ref_key: "worldChart",
       ref: e,
@@ -688,13 +693,13 @@ const i3 = {
       onMouseenter: n[3] || (n[3] = () => S(aa)(!0)),
       onMouseleave: n[4] || (n[4] = () => S(aa)(!1))
     }, [
-      _.value.userOptions.buttons.annotator && S(ya) ? (k(), sa(W0, {
+      _.value.userOptions.buttons.annotator && S(Aa) ? (k(), sa(W0, {
         key: 0,
         color: _.value.style.chart.color,
         backgroundColor: _.value.style.chart.backgroundColor,
         active: na.value,
-        svgRef: S(ya),
-        onClose: Aa
+        svgRef: S(Aa),
+        onClose: ka
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : L("", !0),
       B(a.$slots, "userConfig", {}, void 0, !0),
       u0.value ? (k(), R("div", {
@@ -751,15 +756,15 @@ const i3 = {
         onGenerateImage: S(Pa),
         onToggleTable: Ba,
         onToggleTooltip: Ta,
-        onToggleAnnotator: Aa,
+        onToggleAnnotator: ka,
         style: pa({
           visibility: S(Ra) ? S(Q) ? "visible" : "hidden" : "visible"
         })
       }, Xa({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: G(({ isOpen: l, color: d }) => [
-            B(a.$slots, "menuIcon", ma(oa({ isOpen: l, color: d })), void 0, !0)
+          fn: G(({ isOpen: l, color: r }) => [
+            B(a.$slots, "menuIcon", ma(oa({ isOpen: l, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -800,22 +805,22 @@ const i3 = {
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: G(({ toggleFullscreen: l, isFullscreen: d }) => [
-            B(a.$slots, "optionFullscreen", ma(oa({ toggleFullscreen: l, isFullscreen: d })), void 0, !0)
+          fn: G(({ toggleFullscreen: l, isFullscreen: r }) => [
+            B(a.$slots, "optionFullscreen", ma(oa({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: G(({ toggleAnnotator: l, isAnnotator: d }) => [
-            B(a.$slots, "optionAnnotator", ma(oa({ toggleAnnotator: l, isAnnotator: d })), void 0, !0)
+          fn: G(({ toggleAnnotator: l, isAnnotator: r }) => [
+            B(a.$slots, "optionAnnotator", ma(oa({ toggleAnnotator: l, isAnnotator: r })), void 0, !0)
           ]),
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : L("", !0),
       (k(), R("svg", {
         ref_key: "svgRef",
-        ref: ya,
+        ref: Aa,
         viewBox: U.value.str,
         xmlns: S(O0),
         class: Qa({
@@ -840,7 +845,7 @@ const i3 = {
         onTouchmove: G0(b0, ["prevent"]),
         onTouchend: g0
       }, [
-        va(Q0),
+        wa(Q0),
         a.$slots["chart-background"] ? (k(), R("foreignObject", {
           key: 0,
           x: U.value.minX,
@@ -912,7 +917,7 @@ const i3 = {
               ]), 8, k3)
             ]),
             a.$slots.pattern ? (k(), R("g", h3, [
-              (k(!0), R(ra, null, $a(_a.value, (l, d) => (k(), R("defs", null, [
+              (k(!0), R(ra, null, $a(_a.value, (l, r) => (k(), R("defs", null, [
                 B(a.$slots, "pattern", C0({ ref_for: !0 }, { ...l, patternId: `pattern_${y.value}_${l.code}` }), void 0, !0)
               ]))), 256))
             ])) : L("", !0),
@@ -939,17 +944,17 @@ const i3 = {
               fill: l.category && Y.value.includes(l.category) ? _.value.style.chart.territory.emptyColor : l.color,
               stroke: _.value.style.chart.territory.stroke,
               "stroke-width": x.value && x.value.uid === l.uid ? _.value.style.chart.territory.strokeWidthSelected : _.value.style.chart.territory.strokeWidth,
-              onMouseenter: (d) => c0({ datapoint: l }),
-              onMouseleave: n[0] || (n[0] = (d) => {
+              onMouseenter: (r) => c0({ datapoint: l }),
+              onMouseleave: n[0] || (n[0] = (r) => {
                 w.value = !1, x.value = null;
               }),
-              onClick: (d) => m("selectDatapoint", l),
+              onClick: (r) => m("selectDatapoint", l),
               class: "vue-ui-world-territory"
             }, [
               !w.value || !P.value.showTooltip ? (k(), R("title", R3, [
-                wa(ba(l.name) + " ", 1),
+                Sa(ba(l.name) + " ", 1),
                 typeof l.value == "number" ? (k(), R(ra, { key: 0 }, [
-                  wa(" : " + ba(l.value), 1)
+                  Sa(" : " + ba(l.value), 1)
                 ], 64)) : L("", !0)
               ])) : L("", !0)
             ], 40, S3),
@@ -986,7 +991,7 @@ const i3 = {
       t.value ? (k(), R("div", {
         key: 5,
         ref_key: "chartLegend",
-        ref: r
+        ref: d
       }, [
         _.value.style.chart.legend.show ? (k(), sa(a3, {
           key: `legend_${h.value}`,
@@ -994,7 +999,7 @@ const i3 = {
           config: y0.value,
           onClickMarker: n[1] || (n[1] = (l) => Da(l))
         }, Xa({
-          item: G(({ legend: l, index: d }) => [
+          item: G(({ legend: l, index: r }) => [
             T("div", {
               style: pa(`opacity:${Y.value.includes(l.name) ? 0.5 : 1}`),
               onClick: (M) => l.segregate()
@@ -1004,13 +1009,13 @@ const i3 = {
         }, [
           a.$slots.pattern ? {
             name: "legend-pattern",
-            fn: G(({ legend: l, index: d }) => [
-              va(_3, {
+            fn: G(({ legend: l, index: r }) => [
+              wa(_3, {
                 shape: l.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${y.value}_${d})`
+                fill: `url(#pattern_${y.value}_${r})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
@@ -1026,7 +1031,7 @@ const i3 = {
       }, [
         B(a.$slots, "source", {}, void 0, !0)
       ], 512)) : L("", !0),
-      va(X0, {
+      wa(X0, {
         show: P.value.showTooltip && w.value,
         backgroundColor: _.value.style.chart.tooltip.backgroundColor,
         color: _.value.style.chart.tooltip.color,
@@ -1043,10 +1048,10 @@ const i3 = {
         isFullscreen: la.value
       }, {
         "tooltip-before": G(() => [
-          B(a.$slots, "tooltip-before", ma(oa({ ...ka.value })), void 0, !0)
+          B(a.$slots, "tooltip-before", ma(oa({ ...ha.value })), void 0, !0)
         ]),
         "tooltip-after": G(() => [
-          B(a.$slots, "tooltip-after", ma(oa({ ...ka.value })), void 0, !0)
+          B(a.$slots, "tooltip-after", ma(oa({ ...ha.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen"]),
@@ -1083,7 +1088,7 @@ const i3 = {
               }, null, 8, B3)
             ]),
             td: G(({ td: l }) => [
-              wa(ba(l.name ? l.name : l.category ? l.category : S(_0)(
+              Sa(ba(l.name ? l.name : l.category ? l.category : S(_0)(
                 _.value.style.chart.dataLabels.formatter,
                 l,
                 S(l0)({
@@ -1101,7 +1106,7 @@ const i3 = {
       }, 8, ["config"])) : L("", !0)
     ], 46, u3));
   }
-}, Y3 = /* @__PURE__ */ l3(T3, [["__scopeId", "data-v-8764a757"]]);
+}, Y3 = /* @__PURE__ */ l3(T3, [["__scopeId", "data-v-9e80e7f8"]]);
 export {
   Y3 as default
 };

package/dist/{vue-ui-xy-DhTZvuRq.js → vue-ui-xy-BoboTncx.js}

@@ -1,17 +1,17 @@
-import { P as H, W as U, a6 as te, a7 as J, a8 as le, a9 as ae, aa as re, ab as ie, ac as se, c as Z, A as ne, F as ce, w as oe, s as he, o as ue, $ as de, ad as ge, x as fe, C as Ie, y as Ne, a5 as me, e as xe, r as be, f as K, ae as Fe, R as _e, S as ye, q as Ae, b as Le, z as Ce, d as Se, af as ke, v as we, ag as Oe, a3 as Ge, ah as ve, i as pe, G as ze, J as Me, u as Te, p as Pe, B as Ve, a as Re, t as He } from "./index-BDGf85YF.js";
-import { D as De } from "./DataTable-BbXCe5s5.js";
-import { _ as We } from "./Title-CwPVIBWP.js";
-import { u as Be, _ as Ee } from "./Tooltip-T-m_CEIA.js";
-import { U as Ye } from "./usePrinter-CKjQQldf.js";
-import { _ as qe } from "./Shape-D6lPonNm.js";
-import Xe from "./BaseIcon-hA0_6Cl-.js";
-import Ue from "./vue-ui-table-sparkline-Bu-b38cW.js";
-import Ze from "./vue-ui-skeleton-hrplR5wa.js";
-import { S as Je } from "./Slicer-5j6e3Y_A.js";
-import Ke from "./vue-ui-accordion-CYKk4uk8.js";
-import { u as Q } from "./useNestedProp-BsN3TOQ0.js";
-import { _ as Qe } from "./PackageVersion-Bq98eXon.js";
-import { _ as je } from "./PenAndPaper-CUUyQzLR.js";
+import { P as H, W as U, a6 as te, a7 as J, a8 as le, a9 as ae, aa as re, ab as ie, ac as se, c as Z, A as ne, F as ce, w as oe, s as he, o as ue, $ as de, ad as ge, x as fe, C as Ie, y as Ne, a5 as me, e as xe, r as be, f as K, ae as Fe, R as _e, S as ye, q as Ae, b as Le, z as Ce, d as Se, af as ke, v as we, ag as Oe, a3 as Ge, ah as ve, i as pe, G as ze, J as Me, u as Te, p as Pe, B as Ve, a as Re, t as He } from "./index-CWhFHwCq.js";
+import { D as De } from "./DataTable-B1QbTr1g.js";
+import { _ as We } from "./Title-Dpwxcd6L.js";
+import { u as Be, _ as Ee } from "./Tooltip-tAcjl0wg.js";
+import { U as Ye } from "./usePrinter-B5CPFnEg.js";
+import { _ as qe } from "./Shape-B5Dx4dJ3.js";
+import Xe from "./BaseIcon-C01Qe4Qi.js";
+import Ue from "./vue-ui-table-sparkline-BHfP4U2L.js";
+import Ze from "./vue-ui-skeleton-CX2uNB88.js";
+import { S as Je } from "./Slicer-B8GIz27P.js";
+import Ke from "./vue-ui-accordion-BWg_T_0d.js";
+import { u as Q } from "./useNestedProp-BMnSFGam.js";
+import { _ as Qe } from "./PackageVersion-C51Y9Wgc.js";
+import { _ as je } from "./PenAndPaper-KHBZJthC.js";
 import { resolveComponent as R, createElementBlock as i, openBlock as r, normalizeStyle as b, normalizeClass as B, createBlock as W, createCommentVNode as d, createVNode as X, createSlots as $e, withCtx as V, renderSlot as S, normalizeProps as E, guardReactiveProps as Y, createElementVNode as f, createTextVNode as j, Fragment as u, renderList as I, toDisplayString as T, mergeProps as $, withDirectives as et, vModelCheckbox as tt } from "vue";
 import { _ as lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const at = Z(), rt = {
@@ -1115,7 +1115,7 @@ const at = Z(), rt = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-BnBP0Jg-.js");
+          const { default: t } = await import("./pdf-CAaxUALg.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1138,7 +1138,7 @@ const at = Z(), rt = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-s3DffGWH.js");
+          const { default: t } = await import("./img-1fDYzmJW.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",