vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-geo-Dg8W127k.js → vue-ui-geo-BpWyHXwd.js}

@@ -1,40 +1,44 @@
-import { defineAsyncComponent as ce, ref as h, toRefs as bo, computed as d, watch as ne, nextTick as re, onBeforeUnmount as Nt, onMounted as Co, createElementBlock as N, openBlock as g, normalizeStyle as fe, normalizeClass as wt, createCommentVNode as M, createBlock as V, createVNode as Pt, unref as y, withCtx as F, renderSlot as b, normalizeProps as $, guardReactiveProps as T, createSlots as Ao, createElementVNode as ie, Fragment as de, renderList as me, mergeProps as ko, toDisplayString as Fo } from "vue";
-import { c as No, t as wo, m as Ee, X as Po, y as $t } from "./lib-2iaAPQ_c.js";
-import { u as $o } from "./usePanZoom-CDF7rb3o.js";
-import { t as To, u as xo } from "./useResponsive-DfdjqQps.js";
-import { u as Eo, a as Ie } from "./useNestedProp-BCt4DMkT.js";
-import { u as Io, B as Bo } from "./BaseScanner-BMpwQAfz.js";
-import { u as So } from "./usePrinter-ChVMpU2f.js";
-import { u as Oo } from "./useSvgExport-ByUukOZt.js";
-import { u as Mo } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Ro } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as _o } from "./useChartAccessibility-9icAAmYg.js";
-import jo from "./img-CqYIrJ8I.js";
-import { g as Go } from "./geoProjections-D0Vxsz_O.js";
-import zo from "./Title-B5L2jweB.js";
-import { B as Tt } from "./BaseZoomControls-B4rpv4Kk.js";
-import { _ as Do } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Et = { 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" } } } }, It = { 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" } } } } }, St = { 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" } } } } }, Ot = { 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" } } } } }, Mt = { 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" } } } } }, Rt = {
+import { defineAsyncComponent as ce, ref as h, toRefs as Ao, computed as d, watch as ne, nextTick as re, onBeforeUnmount as Nt, onMounted as ko, createElementBlock as N, openBlock as g, normalizeStyle as fe, normalizeClass as wt, createCommentVNode as M, createBlock as V, createVNode as Pt, unref as y, withCtx as F, renderSlot as b, normalizeProps as $, guardReactiveProps as T, createSlots as Fo, createElementVNode as ie, Fragment as de, renderList as me, mergeProps as No, toDisplayString as wo } from "vue";
+import { c as Po, t as $o, m as Ee, X as To, y as $t } from "./lib-CVHM9FhP.js";
+import { u as xo } from "./usePanZoom-CDF7rb3o.js";
+import { t as Eo, u as Io } from "./useResponsive-DfdjqQps.js";
+import { u as Bo, a as Ie } from "./useNestedProp-Ckf_2P_V.js";
+import { u as So, B as Oo } from "./BaseScanner-BMpwQAfz.js";
+import { u as Mo } from "./usePrinter-1NmjuP-i.js";
+import { u as Ro } from "./useSvgExport-ByUukOZt.js";
+import { u as _o } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as jo } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Go } from "./useChartAccessibility-9icAAmYg.js";
+import zo from "./img-6fNF_rG0.js";
+import { g as Do } from "./geoProjections-D0Vxsz_O.js";
+import Zo from "./Title-NgeRXqRA.js";
+import { B as Tt } from "./BaseZoomControls-Cb-Qq9_R.js";
+import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Et = { userOptions: { show: !1 } }, It = { userOptions: { show: !1 }, 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: "#3A3A3A" } } } }, Bt = { 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" } } } }, St = { 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" } } } } }, Ot = { 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" } } } } }, Mt = { 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" } } } } }, Rt = { 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" } } } } }, _t = { 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" } } } } }, jt = {
   default: {},
-  dark: Et,
-  celebration: It,
-  celebrationNight: Bt,
-  zen: St,
-  hack: Ot,
-  concrete: Mt
-}, pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Et,
+  minimalDark: It,
+  dark: Bt,
+  celebration: St,
+  celebrationNight: Ot,
+  zen: Mt,
+  hack: Rt,
+  concrete: _t
+}, yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: It,
-  celebrationNight: Bt,
-  concrete: Mt,
-  dark: Et,
-  default: Rt,
-  hack: Ot,
-  zen: St
-}, Symbol.toStringTag, { value: "Module" })), Zo = ["id"], Lo = ["xmlns", "viewBox", "id"], Wo = ["transform"], Yo = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], qo = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ho = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Xo = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Uo = ["x", "y", "fill", "font-size"], Vo = {
+  celebration: St,
+  celebrationNight: Ot,
+  concrete: _t,
+  dark: Bt,
+  default: jt,
+  hack: Rt,
+  minimal: Et,
+  minimalDark: It,
+  zen: Mt
+}, Symbol.toStringTag, { value: "Module" })), Wo = ["id"], Yo = ["xmlns", "viewBox", "id"], qo = ["transform"], Ho = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Xo = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Uo = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Vo = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Jo = ["x", "y", "fill", "font-size"], Ko = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, xt = 1.5, Jo = {
+}, xt = 1.5, Qo = {
   __name: "vue-ui-geo",
   props: {
     config: {
@@ -50,21 +54,21 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       }
     }
   },
-  setup(_t, { expose: jt }) {
-    const Gt = ce(() => import("./Tooltip-DpfUZbt7.js")), zt = ce(() => import("./UserOptions-5pXc4J-c.js")), Dt = ce(() => import("./PenAndPaper-CulSakut.js")), Zt = ce(() => import("./PackageVersion-C-JOGZBL.js")), J = _t, { vue_ui_geo: Lt } = Eo(), { isThemeValid: Wt, warnInvalidTheme: Yt } = Mo(), R = h(No()), he = h(0), Be = h(0), I = h(null), _ = h(!1), le = h(null), Se = h(null), Oe = h(null), Me = h(null), L = h(null), W = h(null), Re = h(null), _e = h(null), j = h(!1);
+  setup(Gt, { expose: zt }) {
+    const Dt = ce(() => import("./Tooltip-B6qvABDL.js")), Zt = ce(() => import("./UserOptions-CX7Xsusk.js")), Lt = ce(() => import("./PenAndPaper-LTuSTmWE.js")), Wt = ce(() => import("./PackageVersion-CQxJyGQr.js")), J = Gt, { vue_ui_geo: Yt } = Bo(), { isThemeValid: qt, warnInvalidTheme: Ht } = _o(), R = h(Po()), he = h(0), Be = h(0), I = h(null), _ = h(!1), le = h(null), Se = h(null), Oe = h(null), Me = h(null), L = h(null), W = h(null), Re = h(null), _e = h(null), j = h(!1);
     function je(e) {
       j.value = e, he.value += 1;
     }
     function ve() {
       const e = Ie({
         userConfig: J.config,
-        defaultConfig: Lt
+        defaultConfig: Yt
       }), o = e.theme;
       if (!o) return e;
-      if (!Wt.value(e))
-        return Yt(e), e;
+      if (!qt.value(e))
+        return Ht(e), e;
       const t = Ie({
-        userConfig: Rt[o] || J.config,
+        userConfig: jt[o] || J.config,
         defaultConfig: e
       });
       return Ie({
@@ -72,17 +76,17 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         defaultConfig: t
       });
     }
-    const r = h(ve()), { userOptionsVisible: Ge, keepUserOptionState: ze } = Ro({
+    const r = h(ve()), { userOptionsVisible: Ge, keepUserOptionState: ze } = jo({
       config: r.value
-    }), { svgRef: ae } = _o({
+    }), { svgRef: ae } = Go({
       config: r.value.style.chart.title
-    }), { loading: pe, FINAL_DATASET: qt } = Io({
-      ...bo(J),
+    }), { loading: pe, FINAL_DATASET: Xt } = So({
+      ...Ao(J),
       FINAL_CONFIG: r,
       prepareConfig: ve,
       allowEmptyDataset: !0,
       skeletonDataset: [],
-      skeletonConfig: wo({
+      skeletonConfig: $o({
         defaultConfig: r.value,
         userConfig: {
           map: {
@@ -169,11 +173,11 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
           }
         }
       })
-    }), { isPrinting: De, isImaging: Ze, generatePdf: Le, generateImage: We } = So({
+    }), { isPrinting: De, isImaging: Ze, generatePdf: Le, generateImage: We } = Mo({
       elementId: `vue-ui-geo_${R.value}`,
       fileName: r.value.style.chart.title.text || "vue-ui-geo",
       options: r.value.userOptions.print
-    }), Ht = d(() => r.value.style.chart.controls.show ? r.value.style.chart.controls.position === "top" ? Re.value?.$el ?? null : r.value.style.chart.controls.position === "bottom" ? _e.value?.$el ?? null : null : null);
+    }), Ut = d(() => r.value.style.chart.controls.show ? r.value.style.chart.controls.position === "top" ? Re.value?.$el ?? null : r.value.style.chart.controls.position === "bottom" ? _e.value?.$el ?? null : null : null);
     function ge() {
       L.value && (W.value && L.value.unobserve(W.value), L.value.disconnect(), L.value = null, W.value = null);
     }
@@ -192,13 +196,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
     );
     function ye() {
       if (ge(), !Y.value) return;
-      const e = To(() => {
+      const e = Eo(() => {
         if (!I.value) return;
-        const { width: o, height: t } = xo({
+        const { width: o, height: t } = Io({
           chart: I.value,
           noTitle: Ye.value ? Oe.value : null,
           title: r.value.style.chart.title.text ? Se.value : null,
-          legend: Ht.value,
+          legend: Ut.value,
           source: Me.value
         });
         requestAnimationFrame(() => {
@@ -217,7 +221,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       },
       { deep: !0 }
     );
-    const { projections: qe } = Go, He = d(() => r.value?.projection || "equirectangular"), Xt = d(() => {
+    const { projections: qe } = Do, He = d(() => r.value?.projection || "equirectangular"), Vt = d(() => {
       const e = qe?.[He.value];
       return typeof e == "function" ? e : qe.equirectangular;
     }), Xe = d(() => r.value.map.geoJson ?? null), Ue = {
@@ -250,21 +254,21 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         return { width: t * l, height: t };
       }
       return { width: e.width, height: e.height };
-    }), Ut = d(() => {
+    }), Jt = d(() => {
       const e = r.value?.map?.center, o = [0, 0];
       if (!Array.isArray(e) || e.length !== 2) return o;
       const t = Number(e[0]), n = Number(e[1]);
       return !Number.isFinite(t) || !Number.isFinite(n) ? o : [t, n];
     });
     function H([e, o]) {
-      return Xt.value(
+      return Vt.value(
         [e, o],
         be.value.width,
         be.value.height,
-        Ut.value
+        Jt.value
       );
     }
-    function Vt(e, o = {}) {
+    function Kt(e, o = {}) {
       const {
         defaultName: t = "",
         namePropertyCandidates: n = [
@@ -403,7 +407,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       const E = [];
       return C(e, E, 0), { ...l, features: E };
     }
-    function Jt(e) {
+    function Qt(e) {
       const o = Array.isArray(e?.features) ? e.features : [];
       function t(n) {
         if (!n || typeof n != "object") return "";
@@ -443,13 +447,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         };
       });
     }
-    const Kt = d(
-      () => Vt(Xe.value, {
+    const eo = d(
+      () => Kt(Xe.value, {
         defaultName: "",
         includeNullGeometries: !1
       })
     ), se = d(
-      () => Jt(Kt.value)
+      () => Qt(eo.value)
     );
     function Ce(e) {
       if (!e || typeof e.type != "string") return "";
@@ -478,29 +482,29 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
     function Je(e) {
       return !e || typeof e.type != "string" ? !1 : e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).some((t) => Je(t)) : e.type === "Point" || e.type === "MultiPoint";
     }
-    const Qt = d(
+    const to = d(
       () => se.value.filter((e) => {
         const o = e.geometry;
         return o ? o.type === "GeometryCollection" ? (Array.isArray(o.geometries) ? o.geometries : []).some(
           (n) => n?.type === "Polygon" || n?.type === "MultiPolygon"
         ) : o.type === "Polygon" || o.type === "MultiPolygon" : !1;
       })
-    ), eo = d(
+    ), oo = d(
       () => se.value.filter((e) => {
         const o = e.geometry;
         return o ? o.type === "GeometryCollection" ? (Array.isArray(o.geometries) ? o.geometries : []).some(
           (n) => n?.type === "LineString" || n?.type === "MultiLineString"
         ) : o.type === "LineString" || o.type === "MultiLineString" : !1;
       })
-    ), to = d(
+    ), no = d(
       () => se.value.filter((e) => {
         const o = e.geometry;
         return o ? Je(o) : !1;
       })
-    ), Ke = d(() => Qt.value.map((e) => {
+    ), Ke = d(() => to.value.map((e) => {
       const o = Ce(e.geometry);
       return o ? { ...e, path: o } : null;
-    }).filter(Boolean)), Qe = d(() => eo.value.map((e) => {
+    }).filter(Boolean)), Qe = d(() => oo.value.map((e) => {
       const o = Ce(e.geometry);
       return o ? { ...e, path: o } : null;
     }).filter(Boolean)), et = d(() => {
@@ -509,7 +513,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         const n = t?.style && typeof t.style == "object" ? t.style : {}, i = t.radius ?? t.r ?? n.radius ?? n.r, l = t.color ?? t.fill ?? n.color ?? n.fill, a = t.stroke ?? n.stroke, c = t.strokeWidth ?? t.stroke_width ?? n.strokeWidth ?? n.stroke_width, f = Number.isFinite(Number(i)) ? Number(i) : Number(r.value.style.chart.points.radius), s = l != null && String(l).trim() ? Ee(String(l).trim()) : r.value.style.chart.points.fill, w = a != null && String(a).trim() ? Ee(String(a).trim()) : r.value.style.chart.points.stroke, C = Number.isFinite(Number(c)) ? Number(c) : Number(r.value.style.chart.points.strokeWidth);
         return { radius: f, fill: s, stroke: w, strokeWidth: C };
       }
-      for (const t of to.value) {
+      for (const t of no.value) {
         const n = Ve(t.geometry);
         for (let i = 0; i < n.length; i += 1) {
           const l = n[i];
@@ -558,7 +562,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       }
       return e.type === "Point" ? (t(e.coordinates), o) : e.type === "MultiPoint" ? ((e.coordinates || []).forEach(t), o) : (n(e.coordinates), o);
     }
-    function oo(e) {
+    function ro(e) {
       const o = [];
       for (const f of e)
         o.push(...tt(f.geometry));
@@ -569,8 +573,8 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       const a = i - t, c = l - n;
       return !(a > 0) || !(c > 0) ? null : { minX: t, minY: n, maxX: i, maxY: l, width: a, height: c };
     }
-    const no = d(() => oo(se.value));
-    function ro({ bounds: e, targetWidth: o, targetHeight: t, padding: n }) {
+    const io = d(() => ro(se.value));
+    function lo({ bounds: e, targetWidth: o, targetHeight: t, padding: n }) {
       if (!e || !(e.width > 0) || !(e.height > 0))
         return { scale: 1, translateX: 0, translateY: 0, transform: "" };
       const i = Number.isFinite(Number(n)) ? Number(n) : 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), w = e.width * s, C = e.height * s, E = i + (l - w) / 2, u = i + (a - C) / 2, v = E - e.minX * s, A = u - e.minY * s;
@@ -582,16 +586,16 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       };
     }
     const ot = d(() => {
-      const e = no.value;
+      const e = io.value;
       if (!e) return { scale: 1, translateX: 0, translateY: 0, transform: "" };
       const o = r.value?.map?.fitPadding, t = Number.isFinite(Number(o)) ? Number(o) : 0;
-      return ro({
+      return lo({
         bounds: e,
         targetWidth: P.value.width,
         targetHeight: P.value.height,
         padding: t
       });
-    }), io = d(() => {
+    }), ao = d(() => {
       const e = P.value.width, o = P.value.height;
       return `0 0 ${e} ${o}`;
     }), {
@@ -600,13 +604,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       setInitialViewBox: Ae,
       scale: rt,
       zoomByFactor: it
-    } = $o(
+    } = xo(
       ae,
       { x: 0, y: 0, width: P.value.width, height: P.value.height },
       1,
       B
     );
-    function lo() {
+    function so() {
       B.value = !B.value;
     }
     function lt(e) {
@@ -637,7 +641,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
     }
     const st = d(() => {
       const e = Q.value;
-      return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : io.value;
+      return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : ao.value;
     });
     function ke() {
       it(xt, !0);
@@ -675,7 +679,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       },
       { flush: "post" }
     );
-    function ao(e) {
+    function uo(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 n = o.properties || {}, i = n.name || n.label || n.title || `Point ${t + 1}`, l = o.geometry.coordinates;
         return {
@@ -722,7 +726,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         };
       }).filter(Boolean) : [] : [];
     }
-    const ct = d(() => ao(qt.value)), ft = d(() => ct.value.map((e) => {
+    const ct = d(() => uo(Xt.value)), ft = d(() => ct.value.map((e) => {
       const o = H(e.coordinates), t = o?.[0], n = o?.[1];
       return !Number.isFinite(t) || !Number.isFinite(n) ? null : {
         ...e,
@@ -741,7 +745,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
     function $e(e) {
       return String(e ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#039;");
     }
-    function so(e) {
+    function co(e) {
       le.value = {
         datapoint: e,
         seriesIndex: e.index,
@@ -800,7 +804,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       });
     }
     function pt(e) {
-      ee.value = e.uid, Pe(so(e)), r.value.events.datapointEnter && r.value.events.datapointEnter({
+      ee.value = e.uid, Pe(co(e)), r.value.events.datapointEnter && r.value.events.datapointEnter({
         datapoint: e,
         seriesIndex: e.index
       });
@@ -819,7 +823,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       });
     }
     const S = d(() => r.value.style.chart.territory), Ct = d(() => r.value.style.chart.points);
-    function uo(e) {
+    function fo(e) {
       const o = typeof e?.name == "string" ? e.name.trim() : "";
       if (!o) {
         x.value = null, te();
@@ -833,7 +837,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       };
       x.value = e.uid, Pe(dt(t));
     }
-    function co() {
+    function mo() {
       x.value = null, te();
     }
     const oe = h(!1);
@@ -849,23 +853,23 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
     function At() {
       K.value.showTooltip = !K.value.showTooltip;
     }
-    const fo = d(() => r.value.style.chart.backgroundColor), mo = d(() => r.value.style.chart.title), { exportSvg: ho, getSvg: vo } = Oo({
+    const ho = d(() => r.value.style.chart.backgroundColor), vo = d(() => r.value.style.chart.title), { exportSvg: po, getSvg: go } = Ro({
       svg: ae,
-      title: mo,
+      title: vo,
       legend: void 0,
       legendItems: void 0,
-      backgroundColor: fo
+      backgroundColor: ho
     });
     async function kt({ isCb: e }) {
       if (e) {
-        const { blob: o, url: t, text: n, dataUrl: i } = await vo();
+        const { blob: o, url: t, text: n, dataUrl: i } = await go();
         r.value.userOptions.callbacks.svg({ blob: o, url: t, text: n, dataUrl: i });
       } else
-        ho();
+        po();
     }
-    async function po({ scale: e = 2 } = {}) {
+    async function yo({ scale: e = 2 } = {}) {
       if (!I.value) return;
-      const { width: o, height: t } = I.value.getBoundingClientRect(), n = o / t, { imageUri: i, base64: l } = await jo({
+      const { width: o, height: t } = I.value.getBoundingClientRect(), n = o / t, { imageUri: i, base64: l } = await zo({
         domElement: I.value,
         base64: !0,
         img: !0,
@@ -882,13 +886,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
     }
     const Z = h(!1);
     let X = null;
-    function go() {
+    function bo() {
       B.value && (Z.value = !0);
     }
     function xe() {
       Z.value = !1;
     }
-    function yo() {
+    function Co() {
       B.value && (Z.value = !0, X && clearTimeout(X), X = setTimeout(() => {
         Z.value = !1, X = null;
       }, 140));
@@ -925,14 +929,14 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       };
       requestAnimationFrame(A);
     }
-    return Co(async () => {
+    return ko(async () => {
       ye(), await re(), requestAnimationFrame(() => {
         _.value || (ue(), (r.value.map.center?.[0] || r.value.map.center?.[1]) && Ft(r.value.map.center, { animated: !1 }));
       });
     }), Nt(() => {
       ge();
-    }), jt({
-      getImage: po,
+    }), zt({
+      getImage: yo,
       generatePdf: Le,
       generateImage: We,
       generateSvg: kt,
@@ -969,7 +973,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         ref: Se,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (g(), V(zo, {
+        (g(), V(Zo, {
           key: `title_${Be.value}`,
           config: {
             title: {
@@ -983,7 +987,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
           }
         }, null, 8, ["config"]))
       ], 512)) : M("", !0),
-      r.value.userOptions.buttons.annotator ? (g(), V(y(Dt), {
+      r.value.userOptions.buttons.annotator ? (g(), V(y(Lt), {
         key: 2,
         svgRef: y(ae),
         backgroundColor: r.value.style.chart.backgroundColor,
@@ -1011,7 +1015,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : M("", !0),
-      r.value.userOptions.show && (y(ze) || y(Ge)) ? (g(), V(y(zt), {
+      r.value.userOptions.show && (y(ze) || y(Ge)) ? (g(), V(y(Zt), {
         ref: "userOptionsRef",
         key: `user_options_${he.value}`,
         backgroundColor: r.value.style.chart.backgroundColor,
@@ -1043,11 +1047,11 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         onGenerateSvg: kt,
         onToggleTooltip: At,
         onToggleAnnotator: Te,
-        onToggleZoom: lo,
+        onToggleZoom: so,
         style: fe({
           visibility: y(ze) ? y(Ge) ? "visible" : "hidden" : "visible"
         })
-      }, Ao({ _: 2 }, [
+      }, Fo({ _: 2 }, [
         e.$slots.menuIcon ? {
           name: "menuIcon",
           fn: F(({ isOpen: t, color: n }) => [
@@ -1119,7 +1123,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       (g(), N("svg", {
         ref_key: "svgRef",
         ref: ae,
-        xmlns: y(Po),
+        xmlns: y(To),
         viewBox: st.value,
         preserveAspectRatio: "xMidYMid meet",
         style: fe({
@@ -1131,13 +1135,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
           cursor: B.value ? Z.value ? "grabbing" : "grab" : "default"
         }),
         id: `vue-ui-geo_${R.value}`,
-        onPointerdown: go,
+        onPointerdown: bo,
         onPointerup: xe,
         onPointercancel: xe,
         onPointerleave: xe,
-        onWheel: yo
+        onWheel: Co
       }, [
-        Pt(y(Zt)),
+        Pt(y(Wt)),
         ie("g", {
           transform: ot.value.transform,
           style: fe({ pointerEvents: Z.value ? "none" : "auto" })
@@ -1154,7 +1158,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
               onMouseenter: (n) => mt(t),
               onMouseleave: (n) => ht(t),
               onClick: (n) => vt(t)
-            }, null, 40, Yo))), 128))
+            }, null, 40, Ho))), 128))
           ]),
           ie("g", null, [
             (g(!0), N(de, null, me(Qe.value, (t) => (g(), N("path", {
@@ -1168,7 +1172,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
               onMouseenter: (n) => mt(t),
               onMouseleave: (n) => ht(t),
               onClick: (n) => vt(t)
-            }, null, 40, qo))), 128))
+            }, null, 40, Xo))), 128))
           ]),
           ie("g", null, [
             (g(!0), N(de, null, me(et.value, (t) => (g(), N("circle", {
@@ -1180,14 +1184,14 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
               stroke: t.stroke,
               "stroke-width": t.strokeWidth,
               "vector-effect": "non-scaling-stroke",
-              onMouseenter: (n) => uo(t),
-              onMouseleave: co
-            }, null, 40, Ho))), 128))
+              onMouseenter: (n) => fo(t),
+              onMouseleave: mo
+            }, null, 40, Uo))), 128))
           ]),
           (g(!0), N(de, null, me(ft.value, (t) => (g(), N("g", {
             key: t.uid
           }, [
-            b(e.$slots, "datapoint", ko({ ref_for: !0 }, {
+            b(e.$slots, "datapoint", No({ ref_for: !0 }, {
               point: t,
               onPointEnter: pt,
               onPointLeave: gt,
@@ -1209,7 +1213,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
                 onMouseenter: (n) => pt(t),
                 onMouseleave: (n) => gt(t),
                 onClick: (n) => bt(t)
-              }, null, 42, Xo)
+              }, null, 42, Vo)
             ], !0),
             r.value.style.chart.points.labels.show ? (g(), N("text", {
               key: 0,
@@ -1219,7 +1223,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
               "text-anchor": "middle",
               fill: r.value.style.chart.points.labels.color,
               "font-size": 1 * r.value.style.chart.points.labels.fontSizeRatio
-            }, Fo(t.name), 9, Uo)) : M("", !0)
+            }, wo(t.name), 9, Jo)) : M("", !0)
           ]))), 128)),
           b(e.$slots, "svg", {
             svg: {
@@ -1232,9 +1236,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
               }
             }
           }, void 0, !0)
-        ], 12, Wo)
-      ], 44, Lo)),
-      e.$slots.watermark ? (g(), N("div", Vo, [
+        ], 12, qo)
+      ], 44, Yo)),
+      e.$slots.watermark ? (g(), N("div", Ko, [
         b(e.$slots, "watermark", $(T({ isPrinting: y(De) || y(Ze) })), void 0, !0)
       ])) : M("", !0),
       r.value.style.chart.controls.position === "bottom" && r.value.style.chart.controls.show && !y(pe) ? (g(), V(Tt, {
@@ -1248,7 +1252,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
         onZoomOut: Fe,
         onResetZoom: ut
       }, null, 8, ["config", "scale", "isFullscreen"])) : M("", !0),
-      Pt(y(Gt), {
+      Pt(y(Dt), {
         teleportTo: r.value.style.chart.tooltip.teleportTo,
         show: K.value.showTooltip && Ne.value,
         backgroundColor: r.value.style.chart.tooltip.backgroundColor,
@@ -1285,15 +1289,15 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", con
       }, [
         b(e.$slots, "source", {}, void 0, !0)
       ], 512)) : M("", !0),
-      y(pe) ? (g(), V(Bo, { key: 8 })) : M("", !0)
-    ], 14, Zo));
+      y(pe) ? (g(), V(Oo, { key: 8 })) : M("", !0)
+    ], 14, Wo));
   }
-}, Ko = /* @__PURE__ */ Do(Jo, [["__scopeId", "data-v-b42bc761"]]), gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, en = /* @__PURE__ */ Lo(Qo, [["__scopeId", "data-v-b42bc761"]]), bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ko
+  default: en
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  pn as a,
-  gn as b,
-  Ko as v
+  yn as a,
+  bn as b,
+  en as v
 };

package/dist/{vue-ui-gizmo-BfyTXxBY.js → vue-ui-gizmo-BMq5dzK4.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as V, ref as k, useSlots as $, onMounted as y, computed as i, toRefs as D, watch as F, createElementBlock as a, openBlock as o, createBlock as I, createCommentVNode as r, normalizeStyle as M, createVNode as S, unref as l, createElementVNode as t, Fragment as C, toDisplayString as x } from "vue";
-import { u as U, a as P } from "./useNestedProp-BCt4DMkT.js";
-import { c as E, g as O, t as T, a as w, d as b } from "./lib-2iaAPQ_c.js";
+import { u as U, a as P } from "./useNestedProp-Ckf_2P_V.js";
+import { c as E, g as O, t as T, a as w, d as b } from "./lib-CVHM9FhP.js";
 import { u as j, B as R } from "./BaseScanner-BMpwQAfz.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const H = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key: 0 }, Q = ["id"], W = ["stop-color"], X = ["stop-color"], Y = ["stroke"], Z = ["stroke"], ee = ["width", "fill"], te = ["fill"], oe = { key: 0 }, ae = ["id"], se = ["stroke"], re = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ne = ["filter"], le = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ie = ["fill"], ue = {
@@ -17,7 +17,7 @@ const H = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, J = ["viewBox
     }
   },
   setup(z) {
-    const A = V(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
+    const A = V(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
     y(() => {
       g();
     }), y(() => {