vue-data-ui 3.8.4 → 3.9.0

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

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