vue-data-ui 3.9.6 → 3.9.8

package/dist/vue-ui-geo-DbXBoMee.js

@@ -0,0 +1,1243 @@
+import { defineAsyncComponent as fe, ref as h, toRefs as go, computed as d, watch as ne, nextTick as re, onBeforeUnmount as kt, onMounted as yo, createElementBlock as F, openBlock as g, normalizeStyle as de, normalizeClass as At, createCommentVNode as S, createBlock as J, createVNode as Ft, unref as y, withCtx as A, renderSlot as b, normalizeProps as $, guardReactiveProps as T, createSlots as bo, createElementVNode as ie, Fragment as ve, renderList as he, mergeProps as Co, toDisplayString as ko } from "vue";
+import { c as Ao, t as Fo, l as wo, X as No, x as wt } from "./lib-W9waxHL3.js";
+import { u as Po } from "./usePanZoom-CDF7rb3o.js";
+import { t as $o, u as To } from "./useResponsive-DfdjqQps.js";
+import { u as xo, a as Ie } from "./useNestedProp-B3m37PKe.js";
+import { u as Io, B as Bo } from "./BaseScanner-BMpwQAfz.js";
+import { u as Eo } from "./usePrinter-DhoMn87n.js";
+import { u as So } from "./useSvgExport-ByUukOZt.js";
+import { u as Oo } from "./useThemeCheck-DGJ31Vi5.js";
+import { u as Ro } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as jo } from "./useChartAccessibility-9icAAmYg.js";
+import Mo from "./img-BJzUSmkm.js";
+import { g as _o } from "./geoProjections-D0Vxsz_O.js";
+import zo from "./Title-D1h0XGFy.js";
+import { B as Nt } from "./BaseZoomControls-D8N7fb-c.js";
+import { _ as Go } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const $t = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, territory: { fill: "#2A2A2A", stroke: "#5A5A5A", hover: { fill: "#3A3A3A", stroke: "#6A6A6A" } }, points: { stroke: "#1A1A1A", fill: "#CCCCCC", labels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } } }, Tt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, territory: { fill: "#e3dcc8", stroke: "#f7c0b0", hover: { fill: "#FFECB3", stroke: "#FF8A65" } }, points: { stroke: "#FFF8E1", fill: "#424242", labels: { color: "#424242" } } } } }, xt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, territory: { fill: "#2A1E1E", stroke: "#6e483c", hover: { fill: "#403e39", stroke: "#805244" } }, points: { stroke: "#1E1E1E", fill: "#BDBDBD", labels: { color: "#BDBDBD" } } } } }, It = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, territory: { fill: "#e6e2df", stroke: "#fbfafa", hover: { fill: "#dbd5d0", stroke: "#fbfafa" } }, points: { stroke: "#fbfafa", fill: "#8A9892", labels: { color: "#8A9892" } } } } }, Bt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, territory: { fill: "#1A1F1A", stroke: "#2c5c2c", hover: { fill: "#3A3A3A", stroke: "#66CC66" } }, points: { stroke: "#2c5c2c", fill: "#66CC66", labels: { color: "#99AA99" } } } } }, Et = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, territory: { fill: "#cfdae3", stroke: "#98aab8", hover: { fill: "#bcc8d1", stroke: "#50606C" } }, points: { stroke: "#f6f6fb", fill: "#50606C", labels: { color: "#50606C" } } } } }, St = {
+  default: {},
+  dark: $t,
+  celebration: Tt,
+  celebrationNight: xt,
+  zen: It,
+  hack: Bt,
+  concrete: Et
+}, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: Tt,
+  celebrationNight: xt,
+  concrete: Et,
+  dark: $t,
+  default: St,
+  hack: Bt,
+  zen: It
+}, Symbol.toStringTag, { value: "Module" })), Do = ["id"], Zo = ["xmlns", "viewBox", "id"], Lo = ["transform"], Wo = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Yo = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], qo = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave"], Xo = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ho = ["x", "y", "fill", "font-size"], Uo = {
+  key: 5,
+  class: "vue-data-ui-watermark"
+}, Pt = 1.5, Vo = {
+  __name: "vue-ui-geo",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: [Array, Object],
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(Ot, { expose: Rt }) {
+    const jt = fe(() => import("./Tooltip-B79qvriT.js")), Mt = fe(() => import("./UserOptions-B-2A_KRb.js")), _t = fe(() => import("./PenAndPaper-CsqBamFZ.js")), zt = fe(() => import("./PackageVersion-k7oxI-bc.js")), K = Ot, { vue_ui_geo: Gt } = xo(), { isThemeValid: Dt, warnInvalidTheme: Zt } = Oo(), R = h(Ao()), me = h(0), Be = h(0), x = h(null), j = h(!1), le = h(null), Ee = h(null), Se = h(null), Oe = h(null), L = h(null), W = h(null), Re = h(null), je = h(null), M = h(!1);
+    function Me(e) {
+      M.value = e, me.value += 1;
+    }
+    function pe() {
+      const e = Ie({
+        userConfig: K.config,
+        defaultConfig: Gt
+      }), o = e.theme;
+      if (!o) return e;
+      if (!Dt.value(e))
+        return Zt(e), e;
+      const t = Ie({
+        userConfig: St[o] || K.config,
+        defaultConfig: e
+      });
+      return Ie({
+        userConfig: K.config,
+        defaultConfig: t
+      });
+    }
+    const n = h(pe()), { userOptionsVisible: _e, keepUserOptionState: ze } = Ro({
+      config: n.value
+    }), { svgRef: ae } = jo({
+      config: n.value.style.chart.title
+    }), { loading: ge, FINAL_DATASET: Lt } = Io({
+      ...go(K),
+      FINAL_CONFIG: n,
+      prepareConfig: pe,
+      allowEmptyDataset: !0,
+      skeletonDataset: [],
+      skeletonConfig: Fo({
+        defaultConfig: n.value,
+        userConfig: {
+          map: {
+            geoJson: {
+              type: "FeatureCollection",
+              features: [
+                {
+                  type: "Feature",
+                  properties: { name: "Island A" },
+                  geometry: {
+                    type: "Polygon",
+                    coordinates: [
+                      [
+                        [-6, 2],
+                        [-4, 2],
+                        [-4, 4],
+                        [-6, 4],
+                        [-6, 2]
+                      ]
+                    ]
+                  }
+                },
+                {
+                  type: "Feature",
+                  properties: { name: "Island B" },
+                  geometry: {
+                    type: "Polygon",
+                    coordinates: [
+                      [
+                        [-2, -1],
+                        [1, -1],
+                        [1, 2],
+                        [-2, 2],
+                        [-2, -1]
+                      ]
+                    ]
+                  }
+                },
+                {
+                  type: "Feature",
+                  properties: { name: "Island C" },
+                  geometry: {
+                    type: "Polygon",
+                    coordinates: [
+                      [
+                        [3, -3],
+                        [5, -3],
+                        [5, -1],
+                        [3, -1],
+                        [3, -3]
+                      ]
+                    ]
+                  }
+                },
+                {
+                  type: "Feature",
+                  properties: { name: "Island D" },
+                  geometry: {
+                    type: "Polygon",
+                    coordinates: [
+                      [
+                        [4, 3],
+                        [7, 3],
+                        [7, 5],
+                        [4, 5],
+                        [4, 3]
+                      ]
+                    ]
+                  }
+                }
+              ]
+            }
+          },
+          userOptions: { show: !1 },
+          style: {
+            chart: {
+              backgroundColor: "#99999930",
+              territory: {
+                fill: "#99999950",
+                stroke: "#8A8A8A",
+                strokeWidth: 0.5
+              }
+            }
+          }
+        }
+      })
+    }), { isPrinting: Ge, isImaging: De, generatePdf: Ze, generateImage: Le } = Eo({
+      elementId: `vue-ui-geo_${R.value}`,
+      fileName: n.value.style.chart.title.text || "vue-ui-geo",
+      options: n.value.userOptions.print
+    }), Wt = d(() => n.value.style.chart.controls.show ? n.value.style.chart.controls.position === "top" ? Re.value?.$el ?? null : n.value.style.chart.controls.position === "bottom" ? je.value?.$el ?? null : null : null);
+    function ye() {
+      L.value && (W.value && L.value.unobserve(W.value), L.value.disconnect(), L.value = null, W.value = null);
+    }
+    const Y = d(() => !!n.value.responsive && !M.value);
+    ne(
+      () => M.value,
+      async (e) => {
+        if (e) {
+          ye(), q.value = Number(n.value.style.chart.dimensions.width) || q.value, _.value = Number(n.value.style.chart.dimensions.height) || _.value, await re(), j.value = !1, requestAnimationFrame(() => {
+            j.value || ue();
+          });
+          return;
+        }
+        n.value.responsive && (await re(), be());
+      }
+    );
+    function be() {
+      if (ye(), !Y.value) return;
+      const e = $o(() => {
+        if (!x.value) return;
+        const { width: o, height: t } = To({
+          chart: x.value,
+          noTitle: We.value ? Se.value : null,
+          title: n.value.style.chart.title.text ? Ee.value : null,
+          legend: Wt.value,
+          source: Oe.value
+        });
+        requestAnimationFrame(() => {
+          q.value = Math.max(0.1, Number(o) || 0.1), _.value = Math.max(0.1, Number(t) || 0.1) - 24;
+        });
+      });
+      L.value = new ResizeObserver(e), W.value = x.value ? x.value.parentNode : null, W.value && L.value.observe(W.value), e();
+    }
+    const We = d(() => n.value.userOptions.show && !n.value.style.chart.title.text), Q = h({
+      showTooltip: n.value.style.chart.tooltip.show
+    }), I = h(n.value.style.chart.zoom.active);
+    ne(
+      () => K.config,
+      () => {
+        n.value = pe(), Q.value.showTooltip = n.value.style.chart.tooltip.show, I.value = n.value.style.chart.zoom.active, q.value = n.value.style.chart.dimensions.width, _.value = n.value.style.chart.dimensions.height, be(), Be.value += 1, me.value += 1;
+      },
+      { deep: !0 }
+    );
+    const { projections: Ye } = _o, qe = d(
+      () => n.value?.projection || "equirectangular"
+    ), Yt = d(() => {
+      const e = Ye?.[qe.value];
+      return typeof e == "function" ? e : Ye.equirectangular;
+    }), Xe = d(() => n.value.map.geoJson ?? null), He = {
+      aitoff: { width: 1e3, height: 500 },
+      azimuthalEquidistant: { width: 1e3, height: 1e3 },
+      bonne: { width: 1e3, height: 1e3 },
+      equirectangular: { width: 1e3, height: 700 },
+      gallPeters: { width: 1e3, height: 800 },
+      globe: { width: 1e3, height: 1e3 },
+      hammer: { width: 1e3, height: 500 },
+      mercator: { width: 1e3, height: 750 },
+      mollweide: { width: 1e3, height: 600 },
+      robinson: { width: 1e3, height: 600 },
+      sinusoidal: { width: 1e3, height: 500 },
+      vanDerGrinten: { width: 1e3, height: 1e3 },
+      winkelTripel: { width: 1e3, height: 1e3 }
+    }, q = h(n.value.style.chart.dimensions.width), _ = h(n.value.style.chart.dimensions.height), Ce = d(() => {
+      const e = He[qe.value] || He.equirectangular;
+      return { width: e.width, height: e.height };
+    }), P = d(() => {
+      const e = Ce.value, o = q.value, t = _.value, r = Number.isFinite(o) && o > 0, i = Number.isFinite(t) && t > 0;
+      if (r && i)
+        return { width: o, height: t };
+      if (r && !i) {
+        const l = e.height / e.width;
+        return { width: o, height: o * l };
+      }
+      if (!r && i) {
+        const l = e.width / e.height;
+        return { width: t * l, height: t };
+      }
+      return { width: e.width, height: e.height };
+    }), qt = d(() => {
+      const e = n.value?.map?.center, o = [0, 0];
+      if (!Array.isArray(e) || e.length !== 2) return o;
+      const t = Number(e[0]), r = Number(e[1]);
+      return !Number.isFinite(t) || !Number.isFinite(r) ? o : [t, r];
+    });
+    function X([e, o]) {
+      return Yt.value(
+        [e, o],
+        Ce.value.width,
+        Ce.value.height,
+        qt.value
+      );
+    }
+    function Xt(e, o = {}) {
+      const {
+        defaultName: t = "",
+        namePropertyCandidates: r = [
+          "name",
+          "admin",
+          "NAME",
+          "label",
+          "title",
+          "description",
+          "DESCRIPTION"
+        ],
+        includeNullGeometries: i = !1
+      } = o, l = { type: "FeatureCollection", features: [] };
+      function a(u) {
+        return u !== null && typeof u == "object" && !Array.isArray(u);
+      }
+      function c(u) {
+        return !a(u) || typeof u.type != "string" ? !1 : u.type === "GeometryCollection" ? Array.isArray(u.geometries) : Object.hasOwn(u, "coordinates");
+      }
+      function f(u) {
+        if (!a(u)) return "";
+        for (const m of r) {
+          const C = u[m];
+          if (typeof C == "string" && C.trim())
+            return C.trim();
+        }
+        return "";
+      }
+      function s({ geometry: u, properties: m, fallbackName: C, featureIndex: v }) {
+        const p = a(m) ? { ...m } : {}, E = f(p), k = t ? `${t} ${v + 1}` : "", V = E || (typeof C == "string" ? C.trim() : "") || k;
+        return !p.name && V && (p.name = V), {
+          type: "Feature",
+          geometry: u,
+          properties: p
+        };
+      }
+      function z(u, m, C, v, p) {
+        const E = Array.isArray(u?.geometries) ? u.geometries : [];
+        let k = v;
+        for (let V = 0; V < E.length; V += 1) {
+          const G = E[V];
+          if (G) {
+            if (a(G) && G.type === "GeometryCollection") {
+              k = z(
+                G,
+                m,
+                C,
+                k,
+                p
+              );
+              continue;
+            }
+            if (c(G)) {
+              if (G.coordinates == null && G.type !== "GeometryCollection") {
+                i && (p.push(
+                  s({
+                    geometry: null,
+                    properties: m,
+                    fallbackName: C,
+                    featureIndex: k
+                  })
+                ), k += 1);
+                continue;
+              }
+              p.push(
+                s({
+                  geometry: G,
+                  properties: m,
+                  fallbackName: C,
+                  featureIndex: k
+                })
+              ), k += 1;
+            }
+          }
+        }
+        return k;
+      }
+      function w(u, m, C = 0) {
+        let v = C;
+        if (u == null) return v;
+        if (Array.isArray(u)) {
+          for (const p of u)
+            v = w(p, m, v);
+          return v;
+        }
+        if (!a(u) || typeof u.type != "string")
+          return v;
+        if (u.type === "FeatureCollection") {
+          const p = Array.isArray(u.features) ? u.features : [];
+          for (const E of p)
+            v = w(E, m, v);
+          return v;
+        }
+        if (u.type === "Feature") {
+          const p = a(u.properties) ? u.properties : {}, E = f(p), k = u.geometry ?? null;
+          return k == null ? (i && (m.push(
+            s({
+              geometry: null,
+              properties: p,
+              fallbackName: E,
+              featureIndex: v
+            })
+          ), v += 1), v) : a(k) && k.type === "GeometryCollection" ? z(
+            k,
+            p,
+            E,
+            v,
+            m
+          ) : (c(k) && (m.push(
+            s({
+              geometry: k,
+              properties: p,
+              fallbackName: E,
+              featureIndex: v
+            })
+          ), v += 1), v);
+        }
+        return u.type === "GeometryCollection" ? z(u, {}, "", v, m) : (c(u) && (m.push(
+          s({
+            geometry: u,
+            properties: {},
+            fallbackName: "",
+            featureIndex: v
+          })
+        ), v += 1), v);
+      }
+      const O = [];
+      return w(e, O, 0), { ...l, features: O };
+    }
+    function Ht(e) {
+      return (Array.isArray(e?.features) ? e.features : []).filter((t) => t && t.type === "Feature" && t.geometry).map((t, r) => {
+        const i = t.properties || {}, l = i.name || i.admin || i.NAME || i.label || i.title || i.description || i.DESCRIPTION || "";
+        return {
+          feature: t,
+          geometry: t.geometry,
+          properties: i,
+          name: l,
+          uid: `map-feature-${R.value}-${r}`,
+          index: r
+        };
+      });
+    }
+    const Ut = d(
+      () => Xt(Xe.value, {
+        defaultName: "",
+        includeNullGeometries: !1
+      })
+    ), se = d(
+      () => Ht(Ut.value)
+    );
+    function Ue(e) {
+      if (!e || typeof e.type != "string") return "";
+      const o = (i) => {
+        if (!Array.isArray(i) || i.length < 2) return null;
+        const l = Number(i[0]), a = Number(i[1]);
+        if (!Number.isFinite(l) || !Number.isFinite(a)) return null;
+        const c = X([l, a]);
+        if (!Array.isArray(c) || c.length < 2) return null;
+        const f = Number(c[0]), s = Number(c[1]);
+        return !Number.isFinite(f) || !Number.isFinite(s) ? null : [f, s];
+      }, t = (i) => {
+        const l = (i || []).map(o).filter(Boolean);
+        return l.length < 2 ? "" : "M" + l.map(([a, c]) => `${a},${c}`).join("L");
+      }, r = (i) => (i || []).map((l) => {
+        const a = t(l);
+        return a ? a + "Z" : "";
+      }).filter(Boolean).join(" ");
+      return e.type === "Polygon" ? r(e.coordinates) : e.type === "MultiPolygon" ? (e.coordinates || []).map(r).filter(Boolean).join(" ") : e.type === "LineString" ? t(e.coordinates) : e.type === "MultiLineString" ? (e.coordinates || []).map(t).filter(Boolean).join(" ") : "";
+    }
+    function Vt(e) {
+      return e ? e.type === "Point" ? Array.isArray(e.coordinates) ? [e.coordinates] : [] : e.type === "MultiPoint" ? Array.isArray(e.coordinates) ? e.coordinates : [] : [] : [];
+    }
+    const Jt = d(
+      () => se.value.filter((e) => {
+        const o = e.geometry?.type;
+        return o === "Polygon" || o === "MultiPolygon";
+      })
+    ), Kt = d(
+      () => se.value.filter((e) => {
+        const o = e.geometry?.type;
+        return o === "LineString" || o === "MultiLineString";
+      })
+    ), Qt = d(
+      () => se.value.filter((e) => {
+        const o = e.geometry?.type;
+        return o === "Point" || o === "MultiPoint";
+      })
+    ), Ve = d(() => Jt.value.map((e) => {
+      const o = Ue(e.geometry);
+      return o ? { ...e, path: o } : null;
+    }).filter(Boolean)), Je = d(() => Kt.value.map((e) => {
+      const o = Ue(e.geometry);
+      return o ? { ...e, path: o } : null;
+    }).filter(Boolean)), Ke = d(() => {
+      const e = [];
+      for (const o of Qt.value) {
+        const t = Vt(o.geometry);
+        for (let r = 0; r < t.length; r += 1) {
+          const i = t[r];
+          if (!Array.isArray(i) || i.length < 2) continue;
+          const l = Number(i[0]), a = Number(i[1]);
+          if (!Number.isFinite(l) || !Number.isFinite(a)) continue;
+          const c = X([l, a]), f = c?.[0], s = c?.[1];
+          !Number.isFinite(f) || !Number.isFinite(s) || e.push({
+            uid: `${o.uid}-geojson-point-${r}`,
+            name: o.name || "",
+            x: f,
+            y: s,
+            originalFeature: o.feature,
+            featureIndex: o.index,
+            pointIndex: r
+          });
+        }
+      }
+      return e;
+    });
+    function Qe(e) {
+      if (!e || typeof e.type != "string") return [];
+      const o = [], t = (i) => {
+        if (!Array.isArray(i) || i.length < 2) return;
+        const l = Number(i[0]), a = Number(i[1]);
+        if (!Number.isFinite(l) || !Number.isFinite(a)) return;
+        const c = X([l, a]), f = c?.[0], s = c?.[1];
+        !Number.isFinite(f) || !Number.isFinite(s) || o.push([f, s]);
+      }, r = (i) => {
+        if (Array.isArray(i)) {
+          if (i.length >= 2 && typeof i[0] == "number" && typeof i[1] == "number") {
+            t(i);
+            return;
+          }
+          for (const l of i)
+            r(l);
+        }
+      };
+      if (e.type === "GeometryCollection" && Array.isArray(e.geometries)) {
+        for (const i of e.geometries)
+          o.push(...Qe(i));
+        return o;
+      }
+      return e.type === "Point" ? (t(e.coordinates), o) : e.type === "MultiPoint" ? ((e.coordinates || []).forEach(t), o) : (r(e.coordinates), o);
+    }
+    function eo(e) {
+      const o = [];
+      for (const f of e)
+        o.push(...Qe(f.geometry));
+      if (!o.length) return null;
+      let t = 1 / 0, r = 1 / 0, i = -1 / 0, l = -1 / 0;
+      for (const [f, s] of o)
+        f < t && (t = f), s < r && (r = s), f > i && (i = f), s > l && (l = s);
+      const a = i - t, c = l - r;
+      return !(a > 0) || !(c > 0) ? null : { minX: t, minY: r, maxX: i, maxY: l, width: a, height: c };
+    }
+    const to = d(() => eo(se.value));
+    function oo({ bounds: e, targetWidth: o, targetHeight: t, padding: r }) {
+      if (!e || !(e.width > 0) || !(e.height > 0))
+        return { scale: 1, translateX: 0, translateY: 0, transform: "" };
+      const i = Number.isFinite(Number(r)) ? Number(r) : 0, l = Math.max(1, o - i * 2), a = Math.max(1, t - i * 2), c = l / e.width, f = a / e.height, s = Math.min(c, f), z = e.width * s, w = e.height * s, O = i + (l - z) / 2, u = i + (a - w) / 2, m = O - e.minX * s, C = u - e.minY * s;
+      return {
+        scale: s,
+        translateX: m,
+        translateY: C,
+        transform: `translate(${m} ${C}) scale(${s})`
+      };
+    }
+    const et = d(() => {
+      const e = to.value;
+      if (!e) return { scale: 1, translateX: 0, translateY: 0, transform: "" };
+      const o = n.value?.map?.fitPadding, t = Number.isFinite(Number(o)) ? Number(o) : 0;
+      return oo({
+        bounds: e,
+        targetWidth: P.value.width,
+        targetHeight: P.value.height,
+        padding: t
+      });
+    }), no = d(() => {
+      const e = P.value.width, o = P.value.height;
+      return `0 0 ${e} ${o}`;
+    }), {
+      viewBox: ee,
+      resetZoom: tt,
+      setInitialViewBox: ke,
+      scale: ot,
+      zoomByFactor: nt
+    } = Po(
+      ae,
+      { x: 0, y: 0, width: P.value.width, height: P.value.height },
+      1,
+      I
+    );
+    function ro() {
+      I.value = !I.value;
+    }
+    function rt(e) {
+      const o = et.value, t = Number(o?.scale) || 1, r = Number(o?.translateX) || 0, i = Number(o?.translateY) || 0;
+      return {
+        x: e.x * t + r,
+        y: e.y * t + i
+      };
+    }
+    function it() {
+      const e = n.value?.map?.center, o = Number(e?.[0]), t = Number(e?.[1]), r = Array.isArray(e) && e.length === 2 && Number.isFinite(o) && Number.isFinite(t) && (o !== 0 || t !== 0), i = P.value.width, l = P.value.height;
+      if (!r)
+        return { x: 0, y: 0, width: i, height: l };
+      const a = X([o, t]), c = a?.[0], f = a?.[1];
+      if (!Number.isFinite(c) || !Number.isFinite(f))
+        return { x: 0, y: 0, width: i, height: l };
+      const s = rt({ x: c, y: f });
+      return {
+        x: s.x - i / 2,
+        y: s.y - l / 2,
+        width: i,
+        height: l
+      };
+    }
+    function ue() {
+      const e = it();
+      ke(e, { overwriteCurrentIfNotZoomed: !0 }), j.value = !0;
+    }
+    const lt = d(() => {
+      const e = ee.value;
+      return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : no.value;
+    });
+    function Ae() {
+      nt(Pt, !0);
+    }
+    function Fe() {
+      nt(1 / Pt, !0);
+    }
+    async function at() {
+      const e = it();
+      ke(e, { overwriteCurrentIfNotZoomed: !0 }), tt(!0);
+    }
+    ne(
+      () => [
+        n.value.projection,
+        n.value.map.center?.[0],
+        n.value.map.center?.[1],
+        n.value.map.fitPadding,
+        Xe.value
+      ],
+      async () => {
+        j.value = !1, await re(), requestAnimationFrame(() => {
+          j.value || ue();
+        });
+      },
+      { deep: !1 }
+    ), ne(
+      () => [q.value, _.value, Y.value],
+      async () => {
+        Y.value && (await re(), ke(
+          { x: 0, y: 0, width: P.value.width, height: P.value.height },
+          { overwriteCurrentIfNotZoomed: !0 }
+        ), j.value = !1, requestAnimationFrame(() => {
+          j.value || ue();
+        }));
+      },
+      { flush: "post" }
+    );
+    function io(e) {
+      return e ? e.type === "FeatureCollection" && Array.isArray(e.features) ? e.features.filter((o) => o?.type === "Feature" && o.geometry?.type === "Point").map((o, t) => {
+        const r = o.properties || {}, i = r.name || r.label || r.title || `Point ${t + 1}`, l = o.geometry.coordinates;
+        return {
+          uid: `map-point-${R.value}-${t}`,
+          name: i,
+          coordinates: l,
+          color: r.color ?? null,
+          radius: r.radius ?? null,
+          hoverRadiusRatio: n.value.style.chart.points.hoverRadiusRatio,
+          description: r.description ?? null,
+          original: o,
+          index: t
+        };
+      }) : Array.isArray(e) ? e.map((o, t) => {
+        let r = null, i = `Point ${t + 1}`, l = null, a = null, c = null;
+        Array.isArray(o) && o.length >= 2 ? r = [Number(o[0]), Number(o[1])] : o && typeof o == "object" && (Array.isArray(o.coordinates) && o.coordinates.length >= 2 ? r = [Number(o.coordinates[0]), Number(o.coordinates[1])] : Number.isFinite(Number(o.lon)) && Number.isFinite(Number(o.lat)) && (r = [Number(o.lon), Number(o.lat)]), typeof o.name == "string" && o.name.trim() && (i = o.name), o.description != null && (l = o.description), o.color != null && (a = o.color), o.radius != null && (c = o.radius));
+        const f = r ? r[0] : NaN, s = r ? r[1] : NaN;
+        return !Number.isFinite(f) || !Number.isFinite(s) ? null : {
+          uid: `map-point-${R.value}-${t}`,
+          name: i,
+          coordinates: [f, s],
+          color: a,
+          radius: c,
+          hoverRadiusRatio: n.value.style.chart.points.hoverRadiusRatio,
+          description: l,
+          original: o,
+          index: t
+        };
+      }).filter(Boolean) : typeof e == "object" ? Object.entries(e).map(([o, t], r) => {
+        if (!t || typeof t != "object") return null;
+        const i = Array.isArray(t.coordinates) ? t.coordinates : null;
+        if (!i || i.length < 2) return null;
+        const l = Number(i[0]), a = Number(i[1]);
+        return !Number.isFinite(l) || !Number.isFinite(a) ? null : {
+          uid: `map-point-${R.value}-${r}-${o}`,
+          name: t.name || o,
+          coordinates: [l, a],
+          color: t.color ?? null,
+          radius: t.radius ?? null,
+          hoverRadiusRatio: n.value.style.chart.points.hoverRadiusRatio,
+          description: t.description ?? null,
+          original: t,
+          index: r
+        };
+      }).filter(Boolean) : [] : [];
+    }
+    const st = d(() => io(Lt.value)), ut = d(() => st.value.map((e) => {
+      const o = X(e.coordinates), t = o?.[0], r = o?.[1];
+      return !Number.isFinite(t) || !Number.isFinite(r) ? null : {
+        ...e,
+        x: t,
+        y: r,
+        fill: e.color ? wo(e.color) : n.value.style.chart.points.fill,
+        radius: Number.isFinite(Number(e.radius)) ? Number(e.radius) : n.value.style.chart.points.radius
+      };
+    }).filter(Boolean)), we = h(!1), Ne = h(""), D = h(!1), te = h(null), N = h(null);
+    function Pe(e) {
+      Ne.value = e, we.value = !0;
+    }
+    function ce() {
+      we.value = !1, Ne.value = "";
+    }
+    function $e(e) {
+      return String(e ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#039;");
+    }
+    function lo(e) {
+      le.value = {
+        datapoint: e,
+        seriesIndex: e.index,
+        series: st.value,
+        config: n.value
+      }, D.value = !1;
+      const o = n.value.style.chart.tooltip.customFormat;
+      if (wt(o))
+        try {
+          const i = o(le.value);
+          if (typeof i == "string")
+            return D.value = !0, i;
+        } catch {
+          console.warn("Custom format cannot be applied."), D.value = !1;
+        }
+      const t = $e(e.name), r = e.description != null ? `<div style="margin-top:6px">${$e(e.description)}</div>` : "";
+      return `<div><div style="font-weight:600">${t}</div>${r}</div>`;
+    }
+    function ct(e) {
+      D.value = !1;
+      const o = n.value.style.chart.tooltip.customFormat;
+      if (wt(o))
+        try {
+          const r = o({
+            datapoint: e,
+            config: n.value
+          });
+          if (typeof r == "string")
+            return D.value = !0, r;
+        } catch {
+          console.warn("Custom format cannot be applied."), D.value = !1;
+        }
+      const t = typeof e?.name == "string" ? e.name.trim() : "";
+      return t ? `<div><div style="font-weight:600">${$e(t)}</div></div>` : "";
+    }
+    function ft(e) {
+      if (n.value.events.territoryEnter && n.value.events.territoryEnter({
+        datapoint: e,
+        seriesIndex: e.index
+      }), !(typeof e?.name == "string" ? e.name.trim() : "") && !n.value.style.chart.territory.hover.enabledWhenEmpty) {
+        N.value === e.uid && (N.value = null), ce();
+        return;
+      }
+      N.value = e.uid, Pe(ct(e));
+    }
+    function dt(e) {
+      N.value === e.uid && (N.value = null), ce(), n.value.events.territoryLeave && n.value.events.territoryLeave({
+        datapoint: e,
+        seriesIndex: e.index
+      });
+    }
+    function vt(e) {
+      n.value.events.territoryClick && n.value.events.territoryClick({
+        datapoint: e,
+        seriesIndex: e.index
+      });
+    }
+    function ht(e) {
+      te.value = e.uid, Pe(lo(e)), n.value.events.datapointEnter && n.value.events.datapointEnter({
+        datapoint: e,
+        seriesIndex: e.index
+      });
+    }
+    function mt(e) {
+      te.value = null, ce(), n.value.events.datapointLeave && n.value.events.datapointLeave({
+        datapoint: e,
+        seriesIndex: e.index
+      });
+    }
+    const pt = d(() => !!n.value.events.datapointClick && typeof n.value.events.datapointClick == "function");
+    function gt(e) {
+      pt.value && n.value.events.datapointClick({
+        datapoint: e,
+        seriesIndex: e.index
+      });
+    }
+    const B = d(() => n.value.style.chart.territory), H = d(() => n.value.style.chart.points);
+    function ao(e) {
+      const t = {
+        name: typeof e?.name == "string" ? e.name.trim() : "",
+        uid: e.uid,
+        index: e.featureIndex,
+        properties: {}
+      };
+      N.value = e.uid, Pe(ct(t));
+    }
+    function so(e) {
+      e?.uid && N.value === e.uid && (N.value = null), ce();
+    }
+    const oe = h(!1);
+    function Te() {
+      oe.value = !oe.value;
+    }
+    ne(
+      () => oe.value,
+      (e) => {
+        I.value = !e;
+      }
+    );
+    function yt() {
+      Q.value.showTooltip = !Q.value.showTooltip;
+    }
+    const uo = d(() => n.value.style.chart.backgroundColor), co = d(() => n.value.style.chart.title), { exportSvg: fo, getSvg: vo } = So({
+      svg: ae,
+      title: co,
+      legend: void 0,
+      legendItems: void 0,
+      backgroundColor: uo
+    });
+    async function bt({ isCb: e }) {
+      if (e) {
+        const { blob: o, url: t, text: r, dataUrl: i } = await vo();
+        n.value.userOptions.callbacks.svg({ blob: o, url: t, text: r, dataUrl: i });
+      } else
+        fo();
+    }
+    async function ho({ scale: e = 2 } = {}) {
+      if (!x.value) return;
+      const { width: o, height: t } = x.value.getBoundingClientRect(), r = o / t, { imageUri: i, base64: l } = await Mo({
+        domElement: x.value,
+        base64: !0,
+        img: !0,
+        scale: e
+      });
+      return {
+        imageUri: i,
+        base64: l,
+        title: n.value.style.chart.title.text,
+        width: o,
+        height: t,
+        aspectRatio: r
+      };
+    }
+    const Z = h(!1);
+    let U = null;
+    function mo() {
+      I.value && (Z.value = !0);
+    }
+    function xe() {
+      Z.value = !1;
+    }
+    function po() {
+      I.value && (Z.value = !0, U && clearTimeout(U), U = setTimeout(() => {
+        Z.value = !1, U = null;
+      }, 140));
+    }
+    kt(() => {
+      U && clearTimeout(U);
+    });
+    async function Ct([e, o], { animated: t = !0 } = {}) {
+      const r = Number(e), i = Number(o);
+      if (!Number.isFinite(r) || !Number.isFinite(i)) return;
+      const l = X([r, i]), a = l?.[0], c = l?.[1];
+      if (!Number.isFinite(a) || !Number.isFinite(c)) return;
+      const f = rt({ x: a, y: c }), s = ee.value ? { ...ee.value } : { x: 0, y: 0, width: P.value.width, height: P.value.height }, z = {
+        x: f.x - s.width / 2,
+        y: f.y - s.height / 2,
+        width: s.width,
+        height: s.height
+      };
+      if (!t) {
+        ee.value = z;
+        return;
+      }
+      const w = { ...s }, O = { ...z }, u = 250;
+      let m = null;
+      const C = (v) => {
+        m == null && (m = v);
+        const p = Math.min((v - m) / u, 1);
+        ee.value = {
+          x: w.x + (O.x - w.x) * p,
+          y: w.y + (O.y - w.y) * p,
+          width: w.width + (O.width - w.width) * p,
+          height: w.height + (O.height - w.height) * p
+        }, p < 1 && requestAnimationFrame(C);
+      };
+      requestAnimationFrame(C);
+    }
+    return yo(async () => {
+      be(), await re(), requestAnimationFrame(() => {
+        j.value || (ue(), (n.value.map.center?.[0] || n.value.map.center?.[1]) && Ct(n.value.map.center, { animated: !1 }));
+      });
+    }), kt(() => {
+      ye();
+    }), Rt({
+      getImage: ho,
+      generatePdf: Ze,
+      generateImage: Le,
+      generateSvg: bt,
+      toggleTooltip: yt,
+      toggleAnnotator: Te,
+      toggleFullscreen: Me,
+      zoomIn: Ae,
+      zoomOut: Fe,
+      resetZoom: tt,
+      focusLocation: Ct
+    }), (e, o) => (g(), F("div", {
+      class: At(`vue-data-ui-component vue-ui-geo ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${Y.value ? "vue-ui-geo-responsive" : ""} ${Z.value ? "vue-ui-geo-interacting" : ""}`),
+      ref_key: "geoChart",
+      ref: x,
+      id: `map_${R.value}`,
+      dir: "auto",
+      style: de({
+        fontFamily: n.value.style.fontFamily,
+        width: "100%",
+        backgroundColor: n.value.style.chart.backgroundColor,
+        height: Y.value ? `${_.value}px` : void 0
+      })
+    }, [
+      We.value ? (g(), F("div", {
+        key: 0,
+        ref_key: "noTitle",
+        ref: Se,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : S("", !0),
+      n.value.style.chart.title.text ? (g(), F("div", {
+        key: 1,
+        ref_key: "chartTitle",
+        ref: Ee,
+        style: "width:100%;background:transparent;padding-bottom:12px"
+      }, [
+        (g(), J(zo, {
+          key: `title_${Be.value}`,
+          config: {
+            title: {
+              cy: "geo-title",
+              ...n.value.style.chart.title
+            },
+            subtitle: {
+              cy: "geo-subtitle",
+              ...n.value.style.chart.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ], 512)) : S("", !0),
+      n.value.userOptions.buttons.annotator ? (g(), J(y(_t), {
+        key: 2,
+        svgRef: y(ae),
+        backgroundColor: n.value.style.chart.backgroundColor,
+        color: n.value.style.chart.color,
+        active: oe.value,
+        onClose: Te
+      }, {
+        "annotator-action-close": A(() => [
+          b(e.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": A(({ color: t }) => [
+          b(e.$slots, "annotator-action-color", $(T({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": A(({ mode: t }) => [
+          b(e.$slots, "annotator-action-draw", $(T({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": A(({ disabled: t }) => [
+          b(e.$slots, "annotator-action-undo", $(T({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": A(({ disabled: t }) => [
+          b(e.$slots, "annotator-action-redo", $(T({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": A(({ disabled: t }) => [
+          b(e.$slots, "annotator-action-delete", $(T({ disabled: t })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : S("", !0),
+      n.value.userOptions.show && (y(ze) || y(_e)) ? (g(), J(y(Mt), {
+        ref: "userOptionsRef",
+        key: `user_options_${me.value}`,
+        backgroundColor: n.value.style.chart.backgroundColor,
+        color: n.value.style.chart.color,
+        isPrinting: y(Ge),
+        isImaging: y(De),
+        uid: R.value,
+        hasXls: !1,
+        hasTable: !1,
+        hasTooltip: n.value.userOptions.buttons.tooltip && n.value.style.chart.tooltip.show,
+        hasPdf: n.value.userOptions.buttons.pdf,
+        hasImg: n.value.userOptions.buttons.img,
+        hasSvg: n.value.userOptions.buttons.svg,
+        hasFullscreen: n.value.userOptions.buttons.fullscreen,
+        hasAnnotator: n.value.userOptions.buttons.annotator,
+        hasZoom: n.value.userOptions.buttons.zoom,
+        isZoom: I.value,
+        isFullscreen: M.value,
+        isTooltip: Q.value.showTooltip,
+        titles: { ...n.value.userOptions.buttonTitles },
+        chartElement: x.value,
+        position: n.value.userOptions.position,
+        isAnnotation: oe.value,
+        callbacks: n.value.userOptions.callbacks,
+        printScale: n.value.userOptions.print.scale,
+        onToggleFullscreen: Me,
+        onGeneratePdf: y(Ze),
+        onGenerateImage: y(Le),
+        onGenerateSvg: bt,
+        onToggleTooltip: yt,
+        onToggleAnnotator: Te,
+        onToggleZoom: ro,
+        style: de({
+          visibility: y(ze) ? y(_e) ? "visible" : "hidden" : "visible"
+        })
+      }, bo({ _: 2 }, [
+        e.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: A(({ isOpen: t, color: r }) => [
+            b(e.$slots, "menuIcon", $(T({ isOpen: t, color: r })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.optionTooltip ? {
+          name: "optionTooltip",
+          fn: A(() => [
+            b(e.$slots, "optionTooltip", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        e.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: A(() => [
+            b(e.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        e.$slots.optionImg ? {
+          name: "optionImg",
+          fn: A(() => [
+            b(e.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        e.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: A(() => [
+            b(e.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        e.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: A(({ toggleFullscreen: t, isFullscreen: r }) => [
+            b(e.$slots, "optionFullscreen", $(T({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        e.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: A(({ toggleAnnotator: t, isAnnotator: r }) => [
+            b(e.$slots, "optionAnnotator", $(T({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        e.$slots.optionZoom ? {
+          name: "optionZoom",
+          fn: A(({ toggleZoom: t, isZoomLocked: r }) => [
+            b(e.$slots, "optionZoom", $(T({ toggleZoom: t, isZoomLocked: r })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "hasAnnotator", "hasZoom", "isZoom", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : S("", !0),
+      n.value.style.chart.controls.position === "top" && n.value.style.chart.controls.show && !y(ge) ? (g(), J(Nt, {
+        key: 4,
+        ref_key: "zoomControlsTop",
+        ref: Re,
+        config: n.value,
+        scale: y(ot),
+        isFullscreen: M.value,
+        onZoomIn: Ae,
+        onZoomOut: Fe,
+        onResetZoom: at
+      }, null, 8, ["config", "scale", "isFullscreen"])) : S("", !0),
+      (g(), F("svg", {
+        ref_key: "svgRef",
+        ref: ae,
+        xmlns: y(No),
+        viewBox: lt.value,
+        preserveAspectRatio: "xMidYMid meet",
+        style: de({
+          display: "block",
+          width: "100%",
+          height: Y.value ? `${_.value}px` : "auto",
+          background: n.value.style.chart.backgroundColor,
+          touchAction: I.value ? "none" : "auto",
+          cursor: I.value ? Z.value ? "grabbing" : "grab" : "default"
+        }),
+        id: `vue-ui-geo_${R.value}`,
+        onPointerdown: mo,
+        onPointerup: xe,
+        onPointercancel: xe,
+        onPointerleave: xe,
+        onWheel: po
+      }, [
+        Ft(y(zt)),
+        ie("g", {
+          transform: et.value.transform,
+          style: de({ pointerEvents: Z.value ? "none" : "auto" })
+        }, [
+          ie("g", null, [
+            (g(!0), F(ve, null, he(Ve.value, (t) => (g(), F("path", {
+              class: "vue-ui-geo-territory",
+              key: t.uid,
+              d: t.path,
+              fill: N.value === t.uid ? B.value.hover.fill : B.value.fill,
+              stroke: N.value === t.uid ? B.value.hover.stroke : B.value.stroke,
+              "stroke-width": N.value === t.uid ? B.value.hover.strokeWidth : B.value.strokeWidth,
+              "vector-effect": "non-scaling-stroke",
+              onMouseenter: (r) => ft(t),
+              onMouseleave: (r) => dt(t),
+              onClick: (r) => vt(t)
+            }, null, 40, Wo))), 128))
+          ]),
+          ie("g", null, [
+            (g(!0), F(ve, null, he(Je.value, (t) => (g(), F("path", {
+              class: "vue-ui-geo-territory",
+              key: t.uid,
+              d: t.path,
+              fill: "none",
+              stroke: N.value === t.uid ? B.value.hover.stroke : B.value.stroke,
+              "stroke-width": N.value === t.uid ? B.value.hover.strokeWidth : B.value.strokeWidth,
+              "vector-effect": "non-scaling-stroke",
+              onMouseenter: (r) => ft(t),
+              onMouseleave: (r) => dt(t),
+              onClick: (r) => vt(t)
+            }, null, 40, Yo))), 128))
+          ]),
+          ie("g", null, [
+            (g(!0), F(ve, null, he(Ke.value, (t) => (g(), F("circle", {
+              key: t.uid,
+              cx: t.x,
+              cy: t.y,
+              r: H.value.radius,
+              fill: H.value.fill,
+              stroke: H.value.stroke,
+              "stroke-width": H.value.strokeWidth,
+              "vector-effect": "non-scaling-stroke",
+              onMouseenter: (r) => ao(t),
+              onMouseleave: (r) => so(t)
+            }, null, 40, qo))), 128))
+          ]),
+          (g(!0), F(ve, null, he(ut.value, (t) => (g(), F("g", {
+            key: t.uid
+          }, [
+            b(e.$slots, "datapoint", Co({ ref_for: !0 }, {
+              point: t,
+              onPointEnter: ht,
+              onPointLeave: mt,
+              onPointClick: gt,
+              highlighted: te.value === t.uid
+            }), () => [
+              ie("circle", {
+                class: At({
+                  "vue-ui-geo-point": !0,
+                  "vue-ui-geo-point-with-event": pt.value
+                }),
+                cx: t.x,
+                cy: t.y,
+                r: te.value === t.uid ? t.radius * t.hoverRadiusRatio : t.radius,
+                fill: t.fill,
+                stroke: H.value.stroke,
+                "stroke-width": H.value.strokeWidth,
+                "vector-effect": "non-scaling-stroke",
+                onMouseenter: (r) => ht(t),
+                onMouseleave: (r) => mt(t),
+                onClick: (r) => gt(t)
+              }, null, 42, Xo)
+            ], !0),
+            n.value.style.chart.points.labels.show ? (g(), F("text", {
+              key: 0,
+              class: "vue-ui-geo-point-label",
+              x: t.x,
+              y: t.y + (te.value === t.uid ? t.radius * t.hoverRadiusRatio : t.radius) + n.value.style.chart.points.labels.offsetY + 1 * n.value.style.chart.points.labels.fontSizeRatio,
+              "text-anchor": "middle",
+              fill: n.value.style.chart.points.labels.color,
+              "font-size": 1 * n.value.style.chart.points.labels.fontSizeRatio
+            }, ko(t.name), 9, Ho)) : S("", !0)
+          ]))), 128))
+        ], 12, Lo),
+        b(e.$slots, "svg", {
+          svg: {
+            drawingArea: lt.value,
+            data: {
+              areaPaths: Ve.value,
+              linePaths: Je.value,
+              geoJsonPoints: Ke.value,
+              projectedPoints: ut.value
+            }
+          }
+        }, void 0, !0)
+      ], 44, Zo)),
+      e.$slots.watermark ? (g(), F("div", Uo, [
+        b(e.$slots, "watermark", $(T({ isPrinting: y(Ge) || y(De) })), void 0, !0)
+      ])) : S("", !0),
+      n.value.style.chart.controls.position === "bottom" && n.value.style.chart.controls.show && !y(ge) ? (g(), J(Nt, {
+        key: 6,
+        ref_key: "zoomControlsBottom",
+        ref: je,
+        config: n.value,
+        scale: y(ot),
+        isFullscreen: M.value,
+        onZoomIn: Ae,
+        onZoomOut: Fe,
+        onResetZoom: at
+      }, null, 8, ["config", "scale", "isFullscreen"])) : S("", !0),
+      Ft(y(jt), {
+        show: Q.value.showTooltip && we.value,
+        backgroundColor: n.value.style.chart.tooltip.backgroundColor,
+        color: n.value.style.chart.tooltip.color,
+        fontSize: n.value.style.chart.tooltip.fontSize,
+        borderRadius: n.value.style.chart.tooltip.borderRadius,
+        borderColor: n.value.style.chart.tooltip.borderColor,
+        borderWidth: n.value.style.chart.tooltip.borderWidth,
+        backgroundOpacity: n.value.style.chart.tooltip.backgroundOpacity,
+        position: n.value.style.chart.tooltip.position,
+        offsetY: n.value.style.chart.tooltip.offsetY,
+        parent: x.value,
+        content: Ne.value,
+        isCustom: D.value,
+        isFullscreen: M.value,
+        smooth: n.value.style.chart.tooltip.smooth,
+        backdropFilter: n.value.style.chart.tooltip.backdropFilter,
+        smoothForce: n.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: n.value.style.chart.tooltip.smoothSnapThreshold
+      }, {
+        "tooltip-before": A(() => [
+          b(e.$slots, "tooltip-before", $(T({ ...le.value })), void 0, !0)
+        ]),
+        "tooltip-after": A(() => [
+          b(e.$slots, "tooltip-after", $(T({ ...le.value })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      e.$slots.source ? (g(), F("div", {
+        key: 7,
+        ref_key: "source",
+        ref: Oe,
+        dir: "auto"
+      }, [
+        b(e.$slots, "source", {}, void 0, !0)
+      ], 512)) : S("", !0),
+      y(ge) ? (g(), J(Bo, { key: 8 })) : S("", !0)
+    ], 14, Do));
+  }
+}, Jo = /* @__PURE__ */ Go(Vo, [["__scopeId", "data-v-ecbb1dee"]]), pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Jo
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  mn as a,
+  pn as b,
+  Jo as v
+};