vue-data-ui 3.9.7 → 3.9.8

package/dist/vue-ui-geo-C-cVubEG.js

@@ -1,977 +0,0 @@
-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-W9waxHL3.js";
-import { u as vo } from "./usePanZoom-CDF7rb3o.js";
-import { t as ho, u as mo } from "./useResponsive-DfdjqQps.js";
-import { u as po, a as Ce } from "./useNestedProp-J-ft0CnG.js";
-import { u as go, B as yo } from "./BaseScanner-BMpwQAfz.js";
-import { u as bo } from "./usePrinter-DhoMn87n.js";
-import { u as Co } from "./useSvgExport-ByUukOZt.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-BJzUSmkm.js";
-import { g as No } from "./geoProjections-D0Vxsz_O.js";
-import $o from "./Title-BcXW_dzC.js";
-import { B as mt } from "./BaseZoomControls-D8N7fb-c.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-B79qvriT.js")), Pt = oe(() => import("./UserOptions-B-2A_KRb.js")), Tt = oe(() => import("./PenAndPaper-CsqBamFZ.js")), Bt = oe(() => import("./PackageVersion-D3p-7W8-.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
-};