vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-world-B8mANOO8.js → vue-ui-world-YvmrdfIm.js}

@@ -1,6 +1,6 @@
-import { defineAsyncComponent as w, computed as y, ref as s, onMounted as c4, toRefs as m4, watch as i1, openBlock as l, createElementBlock as m, unref as n, normalizeStyle as Y, normalizeClass as q1, createBlock as S, withCtx as u, renderSlot as p, normalizeProps as P, guardReactiveProps as F, createCommentVNode as d, createElementVNode as c, createSlots as F1, withModifiers as g4, createVNode as s1, Fragment as V, renderList as Q1, mergeProps as e2, createTextVNode as l1, toDisplayString as Z, Teleport as v4, resolveDynamicComponent as h4, nextTick as t2 } from "vue";
-import { u as f4 } from "./useConfig-CpJA0VZa.js";
-import { j as o2, t as a2, n as b4, p as X, s as u1, X as P4, x as F4, w as r2, k as n2, l as i2, $ as s2, ao as _4, a0 as C4, a1 as k4, T as w4 } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as w, computed as y, ref as s, onMounted as c4, toRefs as m4, watch as s1, openBlock as l, createElementBlock as m, unref as n, normalizeStyle as Y, normalizeClass as q1, createBlock as S, withCtx as u, renderSlot as p, normalizeProps as f, guardReactiveProps as b, createCommentVNode as d, createElementVNode as c, createSlots as F1, withModifiers as g4, createVNode as l1, Fragment as V, renderList as Q1, mergeProps as e2, createTextVNode as u1, toDisplayString as Z, Teleport as v4, resolveDynamicComponent as h4, nextTick as t2 } from "vue";
+import { u as f4 } from "./useConfig-ChRble71.js";
+import { j as o2, t as a2, n as b4, p as X, s as p1, X as P4, x as F4, w as r2, k as n2, l as i2, $ as s2, ao as _4, a0 as C4, a1 as k4, T as w4 } from "./lib-DBptbyyI.js";
 import { u as T4, B as S4 } from "./BaseScanner-BhhkKVoj.js";
 import { u as M4 } from "./usePrinter-CEpYU3r5.js";
 import { u as A4 } from "./useSvgExport-ByUukOZt.js";
@@ -33,27 +33,27 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
   },
   emits: ["selectDatapoint", "selectLegend", "copyAlt"],
   setup(l2, { expose: u2, emit: p2 }) {
-    const y2 = w(() => import("./Title-BeMKE1cj.js")), d2 = w(() => import("./Legend-CS7Xo5LK.js")), c2 = w(() => import("./Tooltip-Bf-kM3_A.js")), m2 = w(() => import("./BaseIcon-Cb3zzG6s.js")), g2 = w(() => import("./vue-ui-accordion-BF4v32wv.js")), v2 = w(() => import("./DataTable-DT2kIdQ6.js")), h2 = w(() => import("./PenAndPaper-Ct3qJ4lA.js")), f2 = w(() => import("./UserOptions-rW2fRf3V.js")), b2 = w(() => import("./PackageVersion-CvtT2-UH.js")), P2 = w(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_world: F2 } = f4(), k = l2, p1 = p2, J = y({
+    const y2 = w(() => import("./Title-BeMKE1cj.js")), d2 = w(() => import("./Legend-CS7Xo5LK.js")), c2 = w(() => import("./Tooltip-C8KGyqQk.js")), m2 = w(() => import("./BaseIcon-Cb3zzG6s.js")), g2 = w(() => import("./vue-ui-accordion-CnDW2UQL.js")), v2 = w(() => import("./DataTable-DT2kIdQ6.js")), h2 = w(() => import("./PenAndPaper-Ct3qJ4lA.js")), f2 = w(() => import("./UserOptions-rW2fRf3V.js")), b2 = w(() => import("./PackageVersion-B3kmPxTR.js")), P2 = w(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_world: F2 } = f4(), k = l2, y1 = p2, J = y({
       get() {
         return !!H.value;
       },
       set(e) {
         return e;
       }
-    }), _1 = y(() => J ? Object.values(H.value).some((e) => Object.hasOwn(e, "category")) : !1), I = s(null), _2 = s(null), C2 = s(null), k2 = s(null), w2 = s(null), C1 = s(0), k1 = s(0), w1 = s(0), g = s(o2()), q = s(!1), y1 = s(""), T1 = s(0), S1 = s(!1), U = s(null), d1 = s(null), Q = s(!1), e1 = s(!1);
+    }), _1 = y(() => J ? Object.values(H.value).some((e) => Object.hasOwn(e, "category")) : !1), I = s(null), _2 = s(null), C2 = s(null), k2 = s(null), w2 = s(null), C1 = s(0), k1 = s(0), w1 = s(0), g = s(o2()), q = s(!1), d1 = s(""), T1 = s(0), S1 = s(!1), U = s(null), c1 = s(null), Q = s(!1), e1 = s(!1);
     c4(() => {
       S1.value = !0;
     });
     let t1 = E4;
     const { projections: z, getProjectedBounds: T2, setupTerritories: S2 } = I4;
-    function c1() {
+    function m1() {
       let e = $4({
         userConfig: k.config,
         defaultConfig: F2
       });
-      return k.config && s2(k.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = u1(k.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, k.config && s2(k.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = u1(k.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = X[0], t1 = S2(e, t1), e;
+      return k.config && s2(k.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = p1(k.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, k.config && s2(k.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = p1(k.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = X[0], t1 = S2(e, t1), e;
     }
-    const t = s(c1()), R = y(() => t.value.userOptions.useCursorPointer), M2 = y(() => a2({
+    const t = s(m1()), R = y(() => t.value.userOptions.useCursorPointer), M2 = y(() => a2({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -77,19 +77,19 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
     })), { loading: M1, FINAL_DATASET: H } = T4({
       ...m4(k),
       FINAL_CONFIG: t,
-      prepareConfig: c1,
+      prepareConfig: m1,
       skeletonDataset: k.config?.skeletonDataset ?? [],
       skeletonConfig: a2({
         defaultConfig: t.value,
         userConfig: M2.value
       })
-    }), { userOptionsVisible: m1, setUserOptionsVisibility: A1, keepUserOptionState: $1 } = N4({ config: t.value }), { svgRef: o1 } = L4({ config: t.value.style.chart.title }), h = s({
+    }), { userOptionsVisible: g1, setUserOptionsVisibility: A1, keepUserOptionState: $1 } = N4({ config: t.value }), { svgRef: o1 } = L4({ config: t.value.style.chart.title }), h = s({
       showTable: t.value.table.show,
       showTooltip: t.value.style.chart.tooltip.show
     });
-    i1(() => k.config, (e) => {
-      t.value = c1(), m1.value = !t.value.userOptions.showOnChartHover, C1.value += 1, w1.value += 1, k1.value += 1, h.value.showTable = t.value.table.show, h.value.showTooltip = t.value.style.chart.tooltip.show;
-    }), i1(t, () => {
+    s1(() => k.config, (e) => {
+      t.value = m1(), g1.value = !t.value.userOptions.showOnChartHover, C1.value += 1, w1.value += 1, k1.value += 1, h.value.showTable = t.value.table.show, h.value.showTooltip = t.value.style.chart.tooltip.show;
+    }), s1(t, () => {
       h.value = {
         showTable: t.value.table.show,
         showTooltip: t.value.style.chart.tooltip.show
@@ -149,7 +149,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         a[o.category] || (a[o.category] = o);
       }), Object.values(a).map((o, r) => ({
         name: o.category,
-        color: o.color ? u1(o.color) : N1.value[r] || X[r] || X[r % X.length]
+        color: o.color ? p1(o.color) : N1.value[r] || X[r] || X[r % X.length]
       }));
     });
     function B2(e) {
@@ -167,7 +167,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
           geo: e,
           code: a,
           geometry: e.geometry,
-          color: o && o.color ? u1(o.color) : o && o.category ? B2(o.category) : N2(o ? o.value : null),
+          color: o && o.color ? p1(o.color) : o && o.category ? B2(o.category) : N2(o ? o.value : null),
           value: o ? o.value : null,
           category: o && o.category || null,
           isActive: !!o,
@@ -179,7 +179,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       O.value = e, T1.value += 1;
     }
     const D = s(!1);
-    function g1() {
+    function v1() {
       D.value = !D.value;
     }
     function O1() {
@@ -188,11 +188,11 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
     function G1() {
       h.value.showTooltip = !h.value.showTooltip;
     }
-    const I2 = y(() => t.value.userOptions.show && !t.value.style.chart.title.text), { isPrinting: v1, isImaging: h1, generatePdf: E1, generateImage: D1 } = M4({
+    const I2 = y(() => t.value.userOptions.show && !t.value.style.chart.title.text), { isPrinting: h1, isImaging: f1, generatePdf: E1, generateImage: D1 } = M4({
       elementId: `world_${g.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-world",
       options: t.value.userOptions.print
-    }), K = s(!1), f1 = s(null), N = s(null);
+    }), K = s(!1), a1 = s(null), N = s(null);
     function R2(e) {
       return e ? e.type === "Polygon" ? e.coordinates : e.type === "MultiPolygon" ? e.coordinates.reduce(
         (a, o) => o[0].length > (a[0]?.length || 0) ? o : a,
@@ -204,16 +204,16 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       if (!e) return "";
       const a = R2(e);
       if (!a.length) return "";
-      const o = a.flat(), r = o.reduce((b, [C]) => b + C, 0) / o.length, i = o.reduce((b, [, C]) => b + C, 0) / o.length, v = [r, i], G = z[M.value] || z.globe, E = A.value.width, t4 = A.value.height, j1 = a.map(
-        (b) => b.map(([C, P1]) => G([C, P1], E, t4, v))
-      ), W1 = j1.flat(), Y1 = W1.map(([b, C]) => b), V1 = W1.map(([b, C]) => C), Z1 = Math.min(...Y1), o4 = Math.max(...Y1), X1 = Math.min(...V1), a4 = Math.max(...V1), B = 80, n1 = 8, r4 = B - 2 * n1, n4 = B - 2 * n1, i4 = o4 - Z1 || 1, s4 = a4 - X1 || 1, J1 = Math.min(r4 / i4, n4 / s4);
-      function l4([b, C]) {
+      const o = a.flat(), r = o.reduce((F, [C]) => F + C, 0) / o.length, i = o.reduce((F, [, C]) => F + C, 0) / o.length, v = [r, i], G = z[M.value] || z.globe, E = A.value.width, t4 = A.value.height, j1 = a.map(
+        (F) => F.map(([C, P1]) => G([C, P1], E, t4, v))
+      ), W1 = j1.flat(), Y1 = W1.map(([F, C]) => F), V1 = W1.map(([F, C]) => C), Z1 = Math.min(...Y1), o4 = Math.max(...Y1), X1 = Math.min(...V1), a4 = Math.max(...V1), B = 80, i1 = 8, r4 = B - 2 * i1, n4 = B - 2 * i1, i4 = o4 - Z1 || 1, s4 = a4 - X1 || 1, J1 = Math.min(r4 / i4, n4 / s4);
+      function l4([F, C]) {
         return [
-          (b - Z1) * J1 + n1,
-          (C - X1) * J1 + n1
+          (F - Z1) * J1 + i1,
+          (C - X1) * J1 + i1
         ];
       }
-      const u4 = j1.map((b) => "M" + b.map(l4).map(([P1, d4]) => `${P1},${d4}`).join("L") + "Z").join(" "), p4 = N.value?.color || t.value.style.chart.territory.emptyColor, y4 = t.value.style.chart.territory.stroke;
+      const u4 = j1.map((F) => "M" + F.map(l4).map(([P1, d4]) => `${P1},${d4}`).join("L") + "Z").join(" "), p4 = N.value?.color || t.value.style.chart.territory.emptyColor, y4 = t.value.style.chart.territory.stroke;
       return `
         <svg width="${B}" height="${B}" viewBox="0 0 ${B} ${B}" style="display:block;margin:auto;">
         <rect x="0" y="0" width="${B}" height="${B}" rx="12" fill="transparent" opacity="0.93"/>
@@ -225,10 +225,10 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       q.value = !1, N.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: a });
     }
     function E2({ datapoint: e, seriesIndex: a }) {
-      p1("selectDatapoint", e), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: e, seriesIndex: a });
+      y1("selectDatapoint", e), t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: e, seriesIndex: a });
     }
     function D2({ datapoint: e, seriesIndex: a }) {
-      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: a }), N.value = e, f1.value = { datapoint: e, config: t.value, series: $.value }, q.value = !0;
+      t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: a }), N.value = e, a1.value = { datapoint: e, config: t.value, series: $.value }, q.value = !0;
       let o = "";
       const r = t.value.style.chart.tooltip.customFormat;
       if (K.value = !1, w4(r))
@@ -238,7 +238,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
             config: t.value,
             series: $.value
           });
-          typeof i == "string" && (y1.value = i, K.value = !0);
+          typeof i == "string" && (d1.value = i, K.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), K.value = !1;
         }
@@ -264,13 +264,13 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
                 </b>
             </div>
         </div>
-        `, y1.value = `<div>${o}</div>`);
+        `, d1.value = `<div>${o}</div>`);
     }
     const x = s(!1), L = s({ x: 0, y: 0 }), T = s([
       t.value.style.chart.globe.center.x,
       t.value.style.chart.globe.center.y
     ]);
-    i1(
+    s1(
       () => [
         t.value.style.chart.globe.center.x,
         t.value.style.chart.globe.center.y
@@ -305,24 +305,24 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
     function K2() {
       x.value = !1;
     }
-    const a1 = y(() => {
+    const r1 = y(() => {
       const e = $.value.toSorted((r, i) => (i.value || 0) - (r.value || 0)), a = e.map((r) => ({
         name: r.name,
         color: r.color,
         category: r.category || "-"
       })), o = e.map((r) => r.value || 0);
       return { head: a, body: o };
-    }), r1 = y(() => {
+    }), n1 = y(() => {
       const e = [
         t.value.table.columnNames.series,
         t.value.table.columnNames.value,
         t.value.table.columnNames.category
-      ], a = a1.value.head.map((i, v) => [
+      ], a = r1.value.head.map((i, v) => [
         {
           color: i.color,
           name: i.name
         },
-        a1.value.body[v] || 0,
+        r1.value.body[v] || 0,
         {
           category: i.category
         }
@@ -351,9 +351,9 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
     });
     function b1(e = null) {
       t2(() => {
-        const a = a1.value.head.map((i, v) => [[
+        const a = r1.value.head.map((i, v) => [[
           i.name
-        ], [a1.value.body[v]]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[
+        ], [r1.value.body[v]]]), o = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[
           t.value.table.columnNames.series,
           t.value.table.columnNames.value,
           t.value.table.columnNames.category
@@ -361,20 +361,20 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         e ? e(r) : k4({ csvContent: r, title: t.value.style.chart.title.text || "vue-ui-world" });
       });
     }
-    const f = s([]);
+    const P = s([]);
     function j2() {
-      f.value.length ? f.value = [] : j.value.forEach((e) => {
-        f.value.push(e.name);
+      P.value.length ? P.value = [] : j.value.forEach((e) => {
+        P.value.push(e.name);
       });
     }
     function U1(e) {
-      f.value.includes(e) ? f.value = f.value.filter((a) => a !== e) : f.value.push(e), p1("selectLegend", { name: e });
+      P.value.includes(e) ? P.value = P.value.filter((a) => a !== e) : P.value.push(e), y1("selectLegend", { name: e });
     }
     const j = y(() => _1 ? I1.value.map(({ name: e, color: a }, o) => ({ name: e, color: a, shape: "circle", patternIndex: o })).map((e) => ({
       ...e,
-      opacity: f.value.includes(e.name) ? 0.5 : 1,
+      opacity: P.value.includes(e.name) ? 0.5 : 1,
       segregate: () => U1(e.name),
-      isSegregated: f.value.includes(e.name)
+      isSegregated: P.value.includes(e.name)
     })) : []), W2 = y(() => ({
       cy: "donut-div-legend",
       backgroundColor: t.value.style.chart.legend.backgroundColor,
@@ -429,11 +429,11 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         }
       };
     });
-    i1(() => h.value.showTable, (e) => {
+    s1(() => h.value.showTable, (e) => {
       t.value.table.show || (e && t.value.table.useDialog && U.value ? U.value.open() : "close" in U.value && U.value.close());
     });
     function z1() {
-      h.value.showTable = !1, d1.value && d1.value.setTableIconState(!1);
+      h.value.showTable = !1, c1.value && c1.value.setTableIconState(!1);
     }
     const Z2 = y(() => t.value.style.chart.backgroundColor), X2 = y(() => t.value.style.chart.legend), J2 = y(() => t.value.style.chart.title), { exportSvg: q2, getSvg: Q2 } = A4({
       svg: o1,
@@ -466,7 +466,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       D1();
     }
     async function K1() {
-      if (p1("copyAlt", {
+      if (y1("copyAlt", {
         config: t.value,
         dataset: $.value
       }), !t.value.userOptions.callbacks.altCopy) {
@@ -487,7 +487,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       generateSvg: H1,
       toggleTable: O1,
       toggleTooltip: G1,
-      toggleAnnotator: g1,
+      toggleAnnotator: v1,
       toggleFullscreen: R1,
       copyAlt: K1
     }), (e, a) => (l(), m("div", {
@@ -506,25 +506,25 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         active: D.value,
         svgRef: n(o1),
         isCursorPointer: R.value,
-        onClose: g1
+        onClose: v1
       }, {
         "annotator-action-close": u(() => [
           p(e.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": u(({ color: o }) => [
-          p(e.$slots, "annotator-action-color", P(F({ color: o })), void 0, !0)
+          p(e.$slots, "annotator-action-color", f(b({ color: o })), void 0, !0)
         ]),
         "annotator-action-draw": u(({ mode: o }) => [
-          p(e.$slots, "annotator-action-draw", P(F({ mode: o })), void 0, !0)
+          p(e.$slots, "annotator-action-draw", f(b({ mode: o })), void 0, !0)
         ]),
         "annotator-action-undo": u(({ disabled: o }) => [
-          p(e.$slots, "annotator-action-undo", P(F({ disabled: o })), void 0, !0)
+          p(e.$slots, "annotator-action-undo", f(b({ disabled: o })), void 0, !0)
         ]),
         "annotator-action-redo": u(({ disabled: o }) => [
-          p(e.$slots, "annotator-action-redo", P(F({ disabled: o })), void 0, !0)
+          p(e.$slots, "annotator-action-redo", f(b({ disabled: o })), void 0, !0)
         ]),
         "annotator-action-delete": u(({ disabled: o }) => [
-          p(e.$slots, "annotator-action-delete", P(F({ disabled: o })), void 0, !0)
+          p(e.$slots, "annotator-action-delete", f(b({ disabled: o })), void 0, !0)
         ]),
         _: 3
       }, 8, ["color", "backgroundColor", "active", "svgRef", "isCursorPointer"])) : d("", !0),
@@ -559,14 +559,14 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       c("div", {
         id: `legend-top-${g.value}`
       }, null, 8, x4),
-      t.value.userOptions.show && J.value && (n($1) || n(m1)) ? (l(), S(n(f2), {
+      t.value.userOptions.show && J.value && (n($1) || n(g1)) ? (l(), S(n(f2), {
         ref_key: "userOptionsRef",
-        ref: d1,
+        ref: c1,
         key: `user_option_${T1.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: n(v1),
-        isImaging: n(h1),
+        isPrinting: n(h1),
+        isImaging: n(f1),
         uid: g.value,
         callbacks: t.value.userOptions.callbacks,
         hasTooltip: t.value.style.chart.tooltip.show && t.value.userOptions.buttons.tooltip,
@@ -595,14 +595,14 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         onGenerateSvg: H1,
         onToggleTable: O1,
         onToggleTooltip: G1,
-        onToggleAnnotator: g1,
+        onToggleAnnotator: v1,
         onCopyAlt: K1,
-        style: Y({ visibility: n($1) ? n(m1) ? "visible" : "hidden" : "visible" })
+        style: Y({ visibility: n($1) ? n(g1) ? "visible" : "hidden" : "visible" })
       }, F1({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
           fn: u(({ isOpen: o, color: r }) => [
-            p(e.$slots, "menuIcon", P(F({ isOpen: o, color: r })), void 0, !0)
+            p(e.$slots, "menuIcon", f(b({ isOpen: o, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -651,21 +651,21 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: u(({ toggleFullscreen: o, isFullscreen: r }) => [
-            p(e.$slots, "optionFullscreen", P(F({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
+            p(e.$slots, "optionFullscreen", f(b({ toggleFullscreen: o, isFullscreen: r })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         e.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: u(({ toggleAnnotator: o, isAnnotator: r }) => [
-            p(e.$slots, "optionAnnotator", P(F({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
+            p(e.$slots, "optionAnnotator", f(b({ toggleAnnotator: o, isAnnotator: r })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         e.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: u(({ altCopy: o }) => [
-            p(e.$slots, "optionAltCopy", P(F({ altCopy: o })), void 0, !0)
+            p(e.$slots, "optionAltCopy", f(b({ altCopy: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -697,7 +697,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         onTouchmove: g4(H2, ["prevent"]),
         onTouchend: K2
       }, [
-        s1(n(b2)),
+        l1(n(b2)),
         e.$slots["chart-background"] ? (l(), m("foreignObject", {
           key: 0,
           x: _.value.minX,
@@ -793,7 +793,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
           }, [
             c("path", {
               d: o.path,
-              fill: o.category && f.value.includes(o.category) ? t.value.style.chart.territory.emptyColor : o.color,
+              fill: o.category && P.value.includes(o.category) ? t.value.style.chart.territory.emptyColor : o.color,
               stroke: t.value.style.chart.territory.stroke,
               "stroke-width": N.value && N.value.uid === o.uid ? t.value.style.chart.territory.strokeWidthSelected : t.value.style.chart.territory.strokeWidth,
               onMouseenter: (i) => D2({ datapoint: o, seriesIndex: r }),
@@ -802,9 +802,9 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
               class: "vue-ui-world-territory"
             }, [
               !q.value || !h.value.showTooltip ? (l(), m("title", o0, [
-                l1(Z(o.name) + " ", 1),
+                u1(Z(o.name) + " ", 1),
                 typeof o.value == "number" ? (l(), m(V, { key: 0 }, [
-                  l1(" : " + Z(o.value), 1)
+                  u1(" : " + Z(o.value), 1)
                 ], 64)) : d("", !0)
               ])) : d("", !0)
             ], 40, t0),
@@ -832,13 +832,13 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
           svg: {
             height: A.value.height,
             width: A.value.width,
-            isPrintingImg: n(v1) | n(h1) | Q.value,
+            isPrintingImg: n(h1) | n(f1) | Q.value,
             isPrintingSvg: e1.value
           }
         }, void 0, !0)
       ], 46, U4)),
       e.$slots.watermark ? (l(), m("div", n0, [
-        p(e.$slots, "watermark", P(F({ isPrinting: n(v1) || n(h1) || Q.value || e1.value })), void 0, !0)
+        p(e.$slots, "watermark", f(b({ isPrinting: n(h1) || n(f1) || Q.value || e1.value })), void 0, !0)
       ])) : d("", !0),
       c("div", {
         id: `legend-bottom-${g.value}`
@@ -861,7 +861,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
           }, F1({
             item: u(({ legend: o, index: r }) => [
               c("div", {
-                style: Y(`opacity:${f.value.includes(o.name) ? 0.5 : 1}`),
+                style: Y(`opacity:${P.value.includes(o.name) ? 0.5 : 1}`),
                 onClick: (i) => o.segregate()
               }, Z(o.name), 13, s0)
             ]),
@@ -871,7 +871,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
                 backgroundColor: t.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: t.value.style.chart.legend.selectAllToggle.color,
                 fontSize: t.value.style.chart.legend.fontSize,
-                checked: f.value.length > 0,
+                checked: P.value.length > 0,
                 isCursorPointer: R.value,
                 onToggle: j2
               }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : d("", !0)
@@ -881,7 +881,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
             e.$slots.pattern ? {
               name: "legend-pattern",
               fn: u(({ legend: o, index: r }) => [
-                s1(R4, {
+                l1(R4, {
                   shape: o.shape,
                   radius: 30,
                   stroke: "none",
@@ -903,7 +903,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       }, [
         p(e.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      s1(n(c2), {
+      l1(n(c2), {
         teleportTo: t.value.style.chart.tooltip.teleportTo,
         show: h.value.showTooltip && q.value,
         backgroundColor: t.value.style.chart.tooltip.backgroundColor,
@@ -916,7 +916,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         position: t.value.style.chart.tooltip.position,
         offsetY: t.value.style.chart.tooltip.offsetY,
         parent: I.value,
-        content: y1.value,
+        content: d1.value,
         isCustom: K.value,
         isFullscreen: O.value,
         smooth: t.value.style.chart.tooltip.smooth,
@@ -925,10 +925,13 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         smoothSnapThreshold: t.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": u(() => [
-          p(e.$slots, "tooltip-before", P(F({ ...f1.value })), void 0, !0)
+          p(e.$slots, "tooltip-before", f(b({ ...a1.value })), void 0, !0)
+        ]),
+        tooltip: u(() => [
+          p(e.$slots, "tooltip", f(b({ ...a1.value })), void 0, !0)
         ]),
         "tooltip-after": u(() => [
-          p(e.$slots, "tooltip-after", P(F({ ...f1.value })), void 0, !0)
+          p(e.$slots, "tooltip-after", f(b({ ...a1.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -940,10 +943,10 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         content: u(() => [
           (l(), S(n(v2), {
             key: `table_${w1.value}`,
-            colNames: r1.value.colNames,
-            head: r1.value.head,
-            body: r1.value.body,
-            config: r1.value.config,
+            colNames: n1.value.colNames,
+            head: n1.value.head,
+            body: n1.value.body,
+            config: n1.value.config,
             title: t.value.table.useDialog ? "" : W.value.title,
             withCloseButton: !t.value.table.useDialog,
             isCursorPointer: R.value,
@@ -956,7 +959,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
               }, null, 8, l0)
             ]),
             td: u(({ td: o }) => [
-              l1(Z(o.name ? o.name : o.category ? o.category : n(n2)(
+              u1(Z(o.name ? o.name : o.category ? o.category : n(n2)(
                 t.value.style.chart.dataLabels.formatter,
                 o,
                 n(i2)({
@@ -975,7 +978,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
         t.value.table.useDialog ? {
           name: "title",
           fn: u(() => [
-            l1(Z(W.value.title), 1)
+            u1(Z(W.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -988,7 +991,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
               onClick: a[1] || (a[1] = (o) => b1(t.value.userOptions.callbacks.csv)),
               style: Y({ cursor: R.value ? "pointer" : "default" })
             }, [
-              s1(n(m2), {
+              l1(n(m2), {
                 name: "fileCsv",
                 stroke: W.value.props.color
               }, null, 8, ["stroke"])
@@ -1002,7 +1005,7 @@ const E4 = { type: "FeatureCollection", features: [{ type: "Feature", geometry:
       ], !0)
     ], 46, D4));
   }
-}, k0 = /* @__PURE__ */ G4(u0, [["__scopeId", "data-v-fdd94336"]]);
+}, k0 = /* @__PURE__ */ G4(u0, [["__scopeId", "data-v-a025db98"]]);
 export {
   k0 as default
 };