@opengis/partsmap 0.1.34 → 0.1.35

package/dist/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as ne, reactive as Ut, createApp as Tt, h as el, createElementBlock as d, openBlock as s, createElementVNode as t, createBlock as Q, resolveDynamicComponent as Re, toDisplayString as O, useAttrs as tl, computed as H, ref as A, watch as K, nextTick as Ee, useSlots as lt, toRaw as Je, Fragment as G, createCommentVNode as j, mergeProps as ge, createSlots as ll, withCtx as he, renderSlot as fe, unref as o, normalizeProps as ol, guardReactiveProps as al, Teleport as vt, renderList as se, normalizeClass as W, onMounted as Ie, onBeforeUnmount as We, withKeys as $t, withModifiers as Ze, createVNode as J, normalizeStyle as je, getCurrentInstance as xt, cloneVNode as nl, withDirectives as ue, vShow as $e, createTextVNode as de, isRef as rl, vModelText as Ke, createStaticVNode as it, resolveDirective as il, vModelCheckbox as sl } from "vue";
+import { defineComponent as re, reactive as Ut, createApp as Tt, h as el, createElementBlock as d, openBlock as s, createElementVNode as t, createBlock as Q, resolveDynamicComponent as Re, toDisplayString as O, useAttrs as tl, computed as H, ref as A, watch as K, nextTick as Ee, useSlots as lt, toRaw as Je, Fragment as G, createCommentVNode as j, mergeProps as ge, createSlots as ll, withCtx as he, renderSlot as fe, unref as o, normalizeProps as ol, guardReactiveProps as al, Teleport as vt, renderList as se, normalizeClass as W, onMounted as Ie, onBeforeUnmount as We, withKeys as $t, withModifiers as Ze, createVNode as J, normalizeStyle as je, getCurrentInstance as xt, cloneVNode as nl, withDirectives as ue, vShow as $e, createTextVNode as de, isRef as rl, vModelText as Ke, createStaticVNode as it, resolveDirective as il, vModelCheckbox as sl } from "vue";
 const mt = (e, i) => {
   const a = e.__vccOpts || e;
   for (const [r, l] of i)
     a[r] = l;
   return a;
 };
-ne({
+re({
   props: {
     modelValue: { type: Boolean, default: () => !1 },
     title: { type: String, default: () => "" },
@@ -114,7 +114,7 @@ function Cl(e, i) {
     }, null, -1)
   ]));
 }
-const _l = /* @__PURE__ */ mt(wl, [["render", Cl]]), Sl = { class: "rounded-md border border-gray-300 bg-white p-4 shadow-sm" }, Ml = { class: "flex items-start gap-4 opacity-100 scale-5 transition-all duration-300" }, Vl = { class: "flex-1" }, Bl = { class: "font-medium text-gray-900" }, $l = { class: "mt-0.5 text-sm text-gray-700" }, Al = /* @__PURE__ */ ne({
+const _l = /* @__PURE__ */ mt(wl, [["render", Cl]]), Sl = { class: "rounded-md border border-gray-300 bg-white p-4 shadow-sm" }, Ml = { class: "flex items-start gap-4 opacity-100 scale-5 transition-all duration-300" }, Vl = { class: "flex-1" }, Bl = { class: "font-medium text-gray-900" }, $l = { class: "mt-0.5 text-sm text-gray-700" }, Al = /* @__PURE__ */ re({
   __name: "vs-notify",
   props: {
     type: {},
@@ -257,7 +257,7 @@ const Te = /* @__PURE__ */ De(Fl, [["render", El]]), Rl = { class: "flex items-c
 }, Tl = {
   key: 1,
   class: "absolute right-2 flex size-3.5 items-center justify-center"
-}, wt = /* @__PURE__ */ ne({
+}, wt = /* @__PURE__ */ re({
   __name: "list-item",
   props: {
     layout: {},
@@ -549,7 +549,7 @@ const _t = /* @__PURE__ */ De(Ql, [["render", Jl]]), eo = {
 }, oo = {
   key: 1,
   class: "py-2 px-2"
-}, ao = ["disabled"], no = /* @__PURE__ */ ne({
+}, ao = ["disabled"], no = /* @__PURE__ */ re({
   __name: "radio",
   props: {
     id: {},
@@ -779,7 +779,7 @@ const ro = {
 }, po = {
   key: 1,
   class: "py-2 px-2 border-t"
-}, fo = ["disabled"], vo = { class: "text-xs text-gray-500" }, Lt = /* @__PURE__ */ ne({
+}, fo = ["disabled"], vo = { class: "text-xs text-gray-500" }, Lt = /* @__PURE__ */ re({
   __name: "checkbox",
   props: {
     id: {},
@@ -963,7 +963,7 @@ class Gt {
     return typeof i == "number" ? `max-w-[${i}px] min-w-[${i}px]` : typeof i == "string" ? i.endsWith("%") || i.endsWith("px") ? `max-w-[${i}]` : `max-w-${i}` : "w-full";
   }
 }
-const wo = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, ko = ["placeholder"], Co = /* @__PURE__ */ ne({
+const wo = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3" }, ko = ["placeholder"], Co = /* @__PURE__ */ re({
   __name: "text-input",
   props: {
     id: {},
@@ -1055,7 +1055,7 @@ const wo = { class: "absolute bottom-2/4 translate-y-2/4 cursor-pointer left-3"
 }, Vo = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Bo = ["placeholder", "disabled"], $o = ["disabled"], Ao = /* @__PURE__ */ ne({
+}, Bo = ["placeholder", "disabled"], $o = ["disabled"], Ao = /* @__PURE__ */ re({
   __name: "range-input",
   props: {
     id: {},
@@ -1374,7 +1374,7 @@ const Po = {
 }, Ro = {
   key: 0,
   class: "block text-xs font-medium text-gray-600 mb-1"
-}, Do = ["min", "disabled"], Oo = { class: "flex gap-1 px-2" }, Io = ["title", "onClick"], Uo = { class: "pt-2 px-2" }, To = ["disabled"], Ko = /* @__PURE__ */ ne({
+}, Do = ["min", "disabled"], Oo = { class: "flex gap-1 px-2" }, Io = ["title", "onClick"], Uo = { class: "pt-2 px-2" }, To = ["disabled"], Ko = /* @__PURE__ */ re({
   __name: "date-input",
   props: {
     id: {},
@@ -1556,7 +1556,7 @@ function Ho(e, i) {
   }
   const h = A(b(e.modelValue)), g = A(""), x = A(!1), M = A(r), v = A("id"), _ = A("text"), V = A(!1), p = A(e.layout !== "popover" && r.length > l), f = A([]), z = A(0);
   function U(L) {
-    const X = L.find(Boolean) ?? {}, te = ["id", "value", "code", "key"].find((we) => we in X) ?? "id", ee = ["text", "label", "name", "title"].find((we) => we in X) ?? "text";
+    const X = L.find(Boolean) ?? {}, te = ["id", "value", "code", "key"].find((xe) => xe in X) ?? "id", ee = ["text", "label", "name", "title"].find((xe) => xe in X) ?? "text";
     return { autoValueKey: te, autoLabelKey: ee };
   }
   if (r.length > 0) {
@@ -1590,8 +1590,8 @@ function Ho(e, i) {
           return;
         }
         if (M.value = ee[n], M.value.length > 0) {
-          const we = U(M.value);
-          v.value = we.autoValueKey, _.value = we.autoLabelKey;
+          const xe = U(M.value);
+          v.value = xe.autoValueKey, _.value = xe.autoLabelKey;
         }
         z.value = ee.total;
       } catch (X) {
@@ -1682,7 +1682,7 @@ const Wo = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
 }, Jo = {
   key: 1,
   class: "py-2 px-2 border-t"
-}, ea = ["disabled"], ta = { class: "text-xs text-gray-500" }, la = /* @__PURE__ */ ne({
+}, ea = ["disabled"], ta = { class: "text-xs text-gray-500" }, la = /* @__PURE__ */ re({
   __name: "select",
   props: {
     id: {},
@@ -1864,7 +1864,7 @@ const Wo = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
 }, ia = {
   key: 1,
   class: "pt-2 px-2 border-t"
-}, sa = ["disabled"], ua = { class: "text-xs text-gray-500" }, ca = /* @__PURE__ */ ne({
+}, sa = ["disabled"], ua = { class: "text-xs text-gray-500" }, ca = /* @__PURE__ */ re({
   __name: "tag-field",
   props: {
     id: {},
@@ -1968,7 +1968,7 @@ const Wo = { class: "h-[45px] shrink-0 px-[6px] py-[4px] flex items-center relat
 }), da = ["disabled", "title"], pa = { class: "flex w-full items-center justify-between gap-1 overflow-hidden text-left" }, fa = { class: "truncate text-ellipsis text-sm" }, va = {
   key: 0,
   class: "inline-flex min-h-[18px] min-w-[18px] items-center justify-center rounded-sm bg-blue-100 px-2 text-[11px] font-semibold text-blue-600"
-}, ma = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, ha = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, Mt = /* @__PURE__ */ ne({
+}, ma = { class: "w-full text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-sm focus:outline-none focus:bg-stone-100 after:h-4 after:absolute after:-bottom-4 after:start-0 after:w-full before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" }, ha = { class: "w-[360px] max-h-[500px] overflow-auto [&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-stone-100 [&::-webkit-scrollbar-thumb]:bg-stone-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 before:w-full p-2" }, Mt = /* @__PURE__ */ re({
   __name: "popover-field",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -2140,7 +2140,7 @@ function Ca(e, i) {
 const _a = /* @__PURE__ */ De(wa, [["render", Ca]]), Sa = { class: "flex gap-1" }, Ma = { class: "mb-1" }, Va = { class: "mb-1" }, Ba = { class: "inline-flex rounded-sm shrink-0 pl-1" }, $a = ["title"], Aa = { class: "inline-flex rounded-sm shrink-0 pl-1" }, Pa = ["title"], La = {
   key: 1,
   class: "flex gap-1 !w-[75%] rounded-sm"
-}, ja = ["max", "value", "disabled"], za = ["min", "value", "disabled"], Fa = /* @__PURE__ */ ne({
+}, ja = ["max", "value", "disabled"], za = ["min", "value", "disabled"], Fa = /* @__PURE__ */ re({
   __name: "date-input-inline",
   props: {
     id: {},
@@ -2343,7 +2343,7 @@ const _a = /* @__PURE__ */ De(wa, [["render", Ca]]), Sa = { class: "flex gap-1"
 }), Za = ["disabled", "onClick"], Ea = {
   key: 0,
   class: "pt-2 px-2 border-t"
-}, Ra = ["disabled"], Da = /* @__PURE__ */ ne({
+}, Ra = ["disabled"], Da = /* @__PURE__ */ re({
   __name: "button-field",
   props: {
     id: {},
@@ -2450,7 +2450,7 @@ function Vt(e, i) {
     type: a
   };
 }
-const Oa = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Ia = { class: "relative w-full mb-2 p-4 bg-white rounded-md shadow-sm" }, Ua = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Ta = { class: "flex items-center" }, Ka = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Ha = { class: "filter-layout__body" }, Wa = /* @__PURE__ */ ne({
+const Oa = { style: { display: "inline-flex", margin: "0px", width: "100%" } }, Ia = { class: "relative w-full mb-2 p-4 bg-white rounded-md shadow-sm" }, Ua = { class: "block mb-3 text-sm font-medium text-gray-800 dark:text-neutral-200" }, Ta = { class: "flex items-center" }, Ka = { class: "text-sm font-medium max-w-[80%] text-gray-800 flex items-center gap-x-1" }, Ha = { class: "filter-layout__body" }, Wa = /* @__PURE__ */ re({
   __name: "vertical-layout",
   props: {
     id: {},
@@ -2559,7 +2559,7 @@ const Oa = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       ]);
     };
   }
-}), zt = /* @__PURE__ */ ne({
+}), zt = /* @__PURE__ */ re({
   __name: "inline-layout",
   props: {
     id: {},
@@ -2652,7 +2652,7 @@ const Oa = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       }, 8, ["current-value", "label", "mode", "fieldRef", "width", "disabled"]));
     };
   }
-}), Na = /* @__PURE__ */ ne({
+}), Na = /* @__PURE__ */ re({
   __name: "popover-layout",
   props: {
     id: {},
@@ -2723,7 +2723,7 @@ const Oa = { style: { display: "inline-flex", margin: "0px", width: "100%" } },
       }), null, 16, ["type", "class", "modelValue"]);
     };
   }
-}), ze = /* @__PURE__ */ ne({
+}), ze = /* @__PURE__ */ re({
   __name: "filter-field",
   props: {
     id: {},
@@ -2893,7 +2893,7 @@ function gt(e, i) {
     filterRef: M
   };
 }
-const Ga = /* @__PURE__ */ ne({
+const Ga = /* @__PURE__ */ re({
   __name: "popover",
   emits: ["open", "close"],
   setup(e, { emit: i }) {
@@ -2993,7 +2993,7 @@ const Yt = /* @__PURE__ */ De(qa, [["render", Qa]]), Xa = { class: "flex items-c
 }, mn = { class: "flex-1 min-h-[250px] md:min-h-[300px] overflow-y-auto" }, hn = {
   key: 0,
   class: "flex items-center justify-center h-full text-gray-500"
-}, gn = { class: "text-xs md:text-sm" }, Qt = /* @__PURE__ */ ne({
+}, gn = { class: "text-xs md:text-sm" }, Qt = /* @__PURE__ */ re({
   __name: "popover-filter-layout",
   props: {
     badgeCount: {},
@@ -3170,7 +3170,7 @@ const Yt = /* @__PURE__ */ De(qa, [["render", Qa]]), Xa = { class: "flex items-c
       _: 1
     }));
   }
-}), yn = { class: "flex gap-1 items-center flex-wrap" }, Ft = /* @__PURE__ */ ne({
+}), yn = { class: "flex gap-1 items-center flex-wrap" }, Ft = /* @__PURE__ */ re({
   __name: "inline-filter-layout",
   props: {
     schema: {},
@@ -3292,7 +3292,7 @@ const Yt = /* @__PURE__ */ De(qa, [["render", Qa]]), Xa = { class: "flex items-c
 }), bn = {
   key: 0,
   class: "p-2 overflow-y-auto overflow-hidden [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 max-h-[calc(100%-142px)] h-full bg-gray-100"
-}, xn = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, wn = /* @__PURE__ */ ne({
+}, xn = { class: "flex items-center vst-filters vsTailwind flex-col w-full" }, wn = /* @__PURE__ */ re({
   __name: "vertical-filter-layout",
   props: {
     schema: {},
@@ -3372,7 +3372,7 @@ const Yt = /* @__PURE__ */ De(qa, [["render", Qa]]), Xa = { class: "flex items-c
 }, Sn = { class: "rounded-2xl border border-slate-300/35 bg-white/95 p-4 shadow-2xl backdrop-blur-sm" }, Mn = { class: "mb-3 flex items-center justify-between" }, Vn = { class: "text-[15px] font-semibold text-slate-800" }, Bn = { "aria-hidden": "true" }, $n = { class: "flex max-h-80 flex-col gap-1 overflow-y-auto" }, An = {
   key: 0,
   class: "mt-3 flex justify-end"
-}, Pn = /* @__PURE__ */ ne({
+}, Pn = /* @__PURE__ */ re({
   __name: "popover-inline-filter-layout",
   props: {
     schema: {},
@@ -3562,7 +3562,7 @@ const Yt = /* @__PURE__ */ De(qa, [["render", Qa]]), Xa = { class: "flex items-c
       ]))
     ], 512));
   }
-}), Ln = { class: "mb-6 flex flex-wrap gap-2" }, jn = ["onClick"], zn = { class: "mr-2 flex items-center gap-1" }, Fn = { class: "font-semibold" }, Zn = { class: "text-xs text-gray-500" }, ft = /* @__PURE__ */ ne({
+}), Ln = { class: "mb-6 flex flex-wrap gap-2" }, jn = ["onClick"], zn = { class: "mr-2 flex items-center gap-1" }, Fn = { class: "font-semibold" }, Zn = { class: "text-xs text-gray-500" }, ft = /* @__PURE__ */ re({
   __name: "filter",
   props: {
     schema: {},
@@ -3818,7 +3818,7 @@ const Rn = { class: "flex items-center justify-between w-full gap-x-1" }, Dn = {
   class: "icon icon-tabler icons-tabler-outline icon-tabler-check text-blue-600",
   width: "14",
   height: "14"
-}, yt = /* @__PURE__ */ ne({
+}, yt = /* @__PURE__ */ re({
   __name: "pagination",
   props: {
     total: {},
@@ -4099,7 +4099,7 @@ function Zt(e, i) {
     clearTimeout(a), a = setTimeout(() => e(...r), i);
   };
 }
-const vr = { class: "fixed inset-0 z-50 pointer-events-none" }, mr = { class: "text-base font-semibold text-gray-900" }, hr = { class: "px-4 pb-3 min-h-0 shrink-0 overflow-hidden" }, gr = { class: "flex flex-col flex-1 min-h-0 overflow-hidden" }, yr = { class: "text-base font-semibold text-gray-900" }, br = { class: "flex-1 min-h-0 overflow-auto p-4" }, xr = 152, Et = 96, wr = 270, Rt = 96, kr = /* @__PURE__ */ ne({
+const vr = { class: "fixed inset-0 z-50 pointer-events-none" }, mr = { class: "text-base font-semibold text-gray-900" }, hr = { class: "px-4 pb-3 min-h-0 shrink-0 overflow-hidden" }, gr = { class: "flex flex-col flex-1 min-h-0 overflow-hidden" }, yr = { class: "text-base font-semibold text-gray-900" }, br = { class: "flex-1 min-h-0 overflow-auto p-4" }, xr = 152, Et = 96, wr = 270, Rt = 96, kr = /* @__PURE__ */ re({
   __name: "MobileModalShell",
   props: {
     open: { type: Boolean },
@@ -4291,7 +4291,7 @@ const vr = { class: "fixed inset-0 z-50 pointer-events-none" }, mr = { class: "t
 }), et = /* @__PURE__ */ Ue(kr, [["__scopeId", "data-v-74c152ea"]]), Cr = {
   class: "flex flex-col gap-2 pointer-events-auto self-end",
   "data-peek-controls": "1"
-}, _r = /* @__PURE__ */ ne({
+}, _r = /* @__PURE__ */ re({
   __name: "MapMobilePeekControlButtons",
   props: {
     onOpenLayers: { type: Function },
@@ -4533,7 +4533,7 @@ const Br = [
 }, ni = ["title", "onClick"], ri = ["src"], ii = { class: "absolute py-2 px-4 text-sm text-stone-800 bg-white shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] rounded-lg top-[-46px] hidden whitespace-nowrap left-1/2 -translate-x-1/2" }, si = { class: "vs-mobile-peek-controls flex justify-center w-full" }, ui = { class: "w-full" }, ci = { class: "legend-panel__header flex items-center justify-between gap-2 py-[7px] pl-[10px] pr-[7px] pb-[12px]" }, di = { class: "text-[0.875rem] font-medium text-stone-700" }, pi = { class: "legend-panel__content overflow-hidden transition-all duration-200 ease-out" }, fi = { class: "p-[10px] pt-0" }, vi = { class: "flex justify-start items-center gap-2" }, mi = { class: "flex-1 flex justify-between items-center min-w-0 ml-1" }, hi = { class: "text-[0.875rem]" }, gi = {
   key: 0,
   class: "text-[0.8rem] text-stone-500 shrink-0 ml-2"
-}, Xe = "vector-clusters", Dt = /* @__PURE__ */ ne({
+}, Xe = "vector-clusters", Dt = /* @__PURE__ */ re({
   __name: "map",
   props: {
     table: {},
@@ -4557,6 +4557,7 @@ const Br = [
     circleRadius: {},
     circleStrokeWidth: {},
     highlightCircleRadius: {},
+    highlightCircleColor: {},
     isCollapsible: { type: Boolean },
     legendTitle: {},
     legendWidth: {},
@@ -4577,11 +4578,11 @@ const Br = [
       return ((T = (E = w == null ? void 0 : w.appContext.config.globalProperties) == null ? void 0 : E.$settings) == null ? void 0 : T.basemaps) || [];
     }), f = H(() => (a.layers && a.layers.length ? a.layers : p.value.length ? p.value : Br).map((T, Y) => {
       var ye;
-      const Z = T.id || ((ye = T.name) == null ? void 0 : ye.toString().toLowerCase().replace(/\s+/g, "-")) || `layer-${Y}`, ae = T.name || T.id || `layer-${Y}`;
+      const Z = T.id || ((ye = T.name) == null ? void 0 : ye.toString().toLowerCase().replace(/\s+/g, "-")) || `layer-${Y}`, ne = T.name || T.id || `layer-${Y}`;
       return {
         ...T,
         id: Z,
-        name: ae
+        name: ne
       };
     })), z = A(""), U = H(() => f.value.find((E) => E.id === z.value) || f.value[0]);
     K(f, (E) => {
@@ -4626,11 +4627,11 @@ const Br = [
     function L() {
       if (typeof window > "u")
         return { zoom: null, center: null, hasQuery: !1 };
-      const E = new URLSearchParams(window.location.search), T = Number(E.get("z")), Y = Number(E.get("y")), Z = Number(E.get("x")), ae = E.has("x") && E.has("y"), ye = E.has("z");
+      const E = new URLSearchParams(window.location.search), T = Number(E.get("z")), Y = Number(E.get("y")), Z = Number(E.get("x")), ne = E.has("x") && E.has("y"), ye = E.has("z");
       return {
         zoom: ye ? T : null,
-        center: ae ? [Z, Y] : null,
-        hasQuery: ae || ye
+        center: ne ? [Z, Y] : null,
+        hasQuery: ne || ye
       };
     }
     function X(E, T) {
@@ -4644,7 +4645,7 @@ const Br = [
       const E = l.getCenter();
       X([E.lng, E.lat], l.getZoom());
     }
-    const we = () => {
+    const xe = () => {
       te || (te = !0), ee();
     };
     function ot(E) {
@@ -4667,7 +4668,7 @@ const Br = [
     function qe() {
       const E = ot(a.modelValue), T = ["all", E, Se], Y = ["all", E, Me];
       if (!l.getLayer("vector-highlight-circle")) {
-        const ae = Fe(), ye = ae != null ? ae - 0.01 : 24, Ae = a.highlightCircleRadius ?? a.circleRadius ?? Mr, xe = {
+        const ne = Fe(), ye = ne != null ? ne - 0.01 : 24, Ae = a.highlightCircleRadius ?? a.circleRadius ?? Mr, we = a.highlightCircleColor ?? "#ffffff", le = {
           id: "vector-highlight-circle",
           type: "circle",
           source: "vector",
@@ -4675,20 +4676,20 @@ const Br = [
           paint: {
             "circle-color": "#ffffff",
             "circle-opacity": 0,
-            "circle-stroke-color": "#ffffff",
+            "circle-stroke-color": we,
             "circle-stroke-width": 3,
             "circle-stroke-opacity": 0.95,
             "circle-radius": Ae
           }
         };
-        a.mixedGeom || (xe.maxzoom = ye), l.addLayer(xe);
+        a.mixedGeom || (le.maxzoom = ye), l.addLayer(le);
       }
       if (!l.getLayer("vector-highlight-fill")) {
-        const ae = Fe();
+        const ne = Fe();
         l.addLayer({
           id: "vector-highlight-fill",
           type: "line",
-          minzoom: ae ?? 24,
+          minzoom: ne ?? 24,
           source: "vector",
           "source-layer": a.table,
           paint: {
@@ -4709,7 +4710,11 @@ const Br = [
       if (!l) return;
       a.circleRadius !== void 0 && l.getLayer("vector-circle") && l.setPaintProperty("vector-circle", "circle-radius", a.circleRadius), a.circleStrokeWidth !== void 0 && l.getLayer("vector-circle") && l.setPaintProperty("vector-circle", "circle-stroke-width", a.circleStrokeWidth);
       const E = a.highlightCircleRadius ?? a.circleRadius;
-      E !== void 0 && l.getLayer("vector-highlight-circle") && l.setPaintProperty("vector-highlight-circle", "circle-radius", E);
+      E !== void 0 && l.getLayer("vector-highlight-circle") && l.setPaintProperty("vector-highlight-circle", "circle-radius", E), l.getLayer("vector-highlight-circle") && l.setPaintProperty(
+        "vector-highlight-circle",
+        "circle-stroke-color",
+        a.highlightCircleColor ?? "#ffffff"
+      );
     }
     function ut() {
       if (ke(), !a.modelValue) return;
@@ -4728,15 +4733,15 @@ const Br = [
     }
     function Ve() {
       if (!(l != null && l.setLayerZoomRange)) return;
-      const E = a.minZoom ?? 0, T = Math.min((a.maxZoom ?? 18) + 0.01, 24), Z = (a.clusterZoom ?? 12) - 0.01, ae = Fe(), ye = ae - 0.01, Ae = _.value && !a.mixedGeom ? ye : T, xe = ae;
-      a.alwaysShowPolygon ? (l.getLayer("vector-circle") && l.setLayerZoomRange("vector-circle", E, 0), l.getLayer("vector-highlight-circle") && l.setLayerZoomRange("vector-highlight-circle", E, 0), l.getLayer("vector-fill") && l.setLayerZoomRange("vector-fill", E, T), l.getLayer("vector-highlight-fill") && l.setLayerZoomRange("vector-highlight-fill", E, T), l.getLayer(Xe) && l.setLayerZoomRange(Xe, E, 0), l.getLayer("vector-cluster-count") && l.setLayerZoomRange("vector-cluster-count", E, 0)) : (l.getLayer("vector-circle") && l.setLayerZoomRange("vector-circle", E, Ae), l.getLayer("vector-highlight-circle") && l.setLayerZoomRange("vector-highlight-circle", E, Ae), l.getLayer("vector-fill") && l.setLayerZoomRange("vector-fill", xe, T), l.getLayer("vector-stroke") && l.setLayerZoomRange("vector-stroke", xe, T), l.getLayer("vector-highlight-fill") && l.setLayerZoomRange("vector-highlight-fill", xe, T), l.getLayer(Xe) && l.setLayerZoomRange(Xe, E, Z), l.getLayer("vector-cluster-count") && l.setLayerZoomRange("vector-cluster-count", E, Z));
+      const E = a.minZoom ?? 0, T = Math.min((a.maxZoom ?? 18) + 0.01, 24), Z = (a.clusterZoom ?? 12) - 0.01, ne = Fe(), ye = ne - 0.01, Ae = _.value && !a.mixedGeom ? ye : T, we = ne;
+      a.alwaysShowPolygon ? (l.getLayer("vector-circle") && l.setLayerZoomRange("vector-circle", E, 0), l.getLayer("vector-highlight-circle") && l.setLayerZoomRange("vector-highlight-circle", E, 0), l.getLayer("vector-fill") && l.setLayerZoomRange("vector-fill", E, T), l.getLayer("vector-highlight-fill") && l.setLayerZoomRange("vector-highlight-fill", E, T), l.getLayer(Xe) && l.setLayerZoomRange(Xe, E, 0), l.getLayer("vector-cluster-count") && l.setLayerZoomRange("vector-cluster-count", E, 0)) : (l.getLayer("vector-circle") && l.setLayerZoomRange("vector-circle", E, Ae), l.getLayer("vector-highlight-circle") && l.setLayerZoomRange("vector-highlight-circle", E, Ae), l.getLayer("vector-fill") && l.setLayerZoomRange("vector-fill", we, T), l.getLayer("vector-stroke") && l.setLayerZoomRange("vector-stroke", we, T), l.getLayer("vector-highlight-fill") && l.setLayerZoomRange("vector-highlight-fill", we, T), l.getLayer(Xe) && l.setLayerZoomRange(Xe, E, Z), l.getLayer("vector-cluster-count") && l.setLayerZoomRange("vector-cluster-count", E, Z));
     }
     function nt() {
       if (l != null && l.getSource("vector")) {
         try {
           const T = l.querySourceFeatures("vector", { sourceLayer: a.table }).some((Y) => {
-            var ae;
-            const Z = (ae = Y.geometry) == null ? void 0 : ae.type;
+            var ne;
+            const Z = (ne = Y.geometry) == null ? void 0 : ne.type;
             return Z === "Polygon" || Z === "MultiPolygon";
           });
           _.value = T;
@@ -4747,19 +4752,19 @@ const Br = [
     }
     const Qe = L();
     te = Qe.hasQuery, Ie(async () => {
-      S = (await fetch(`/api/data/${a.table}/${a.colorAttr}`).then((re) => re.json())).rows, S.forEach((re, le) => {
-        if (re.id == null || re.id === "") {
-          re.color = "#808080";
+      S = (await fetch(`/api/data/${a.table}/${a.colorAttr}`).then((le) => le.json())).rows, S.forEach((le, oe) => {
+        if (le.id == null || le.id === "") {
+          le.color = "#808080";
           return;
         }
-        re.color || Object.assign(re, { color: P[le % 10] });
+        le.color || Object.assign(le, { color: P[oe % 10] });
       });
       const T = a.strokeAttr;
       if (y = [], T) {
-        y = (await fetch(`/api/data/${a.table}/${T}`).then((oe) => oe.json())).rows || [];
-        let le = 0;
-        y.forEach((oe, me) => {
-          oe.color || !oe.id || (Object.assign(oe, { color: u[le % u.length] }), le += 1);
+        y = (await fetch(`/api/data/${a.table}/${T}`).then((ae) => ae.json())).rows || [];
+        let oe = 0;
+        y.forEach((ae, me) => {
+          ae.color || !ae.id || (Object.assign(ae, { color: u[oe % u.length] }), oe += 1);
         });
       }
       c = new maplibregl.Popup({
@@ -4768,7 +4773,7 @@ const Br = [
       });
       const Y = U.value;
       if (!Y) return;
-      const Z = Qe.center || a.center || D, ae = Qe.zoom || a.zoom || 5;
+      const Z = Qe.center || a.center || D, ne = Qe.zoom || a.zoom || 5;
       l = new maplibregl.Map({
         container: n.value,
         style: {
@@ -4784,45 +4789,45 @@ const Br = [
         },
         center: Z,
         // [lng, lat]
-        zoom: ae,
+        zoom: ne,
         minZoom: a.minZoom ?? 3,
         maxZoom: a.maxZoom ?? 18,
         attributionControl: !1
       }), r("update:map", l);
       const ye = a.mobilePeekControls ? "bottom-right" : "top-right";
       if (l.addControl(new maplibregl.NavigationControl(), ye), a.mobilePeekControls) {
-        const re = {
+        const le = {
           onAdd: () => {
-            const le = document.createElement("div");
-            return x = le, M = Tt(_r, {
+            const oe = document.createElement("div");
+            return x = oe, M = Tt(_r, {
               onOpenLayers: () => {
                 h.value = !0;
               },
               onOpenLegend: () => {
                 g.value = !0;
               }
-            }), M.mount(le), le;
+            }), M.mount(oe), oe;
           },
           onRemove: () => {
             M == null || M.unmount(), M = null, x = null;
           }
         };
-        l.addControl(re, "bottom-right"), l.once("render", () => {
+        l.addControl(le, "bottom-right"), l.once("render", () => {
           if (!x) return;
-          const le = l.getContainer(), oe = le.querySelector(".maplibregl-ctrl-bottom-right"), me = le.querySelector(".maplibregl-ctrl-zoom-in"), Pe = me == null ? void 0 : me.closest(".maplibregl-ctrl-group");
-          !oe || !Pe || x.parentElement === oe && (oe.removeChild(x), oe.insertBefore(x, Pe.nextSibling));
+          const oe = l.getContainer(), ae = oe.querySelector(".maplibregl-ctrl-bottom-right"), me = oe.querySelector(".maplibregl-ctrl-zoom-in"), Pe = me == null ? void 0 : me.closest(".maplibregl-ctrl-group");
+          !ae || !Pe || x.parentElement === ae && (ae.removeChild(x), ae.insertBefore(x, Pe.nextSibling));
         });
       }
       l.on("zoom", () => {
-      }), l.on("moveend", we), l.on("zoomend", we), te && ee(), l.on("load", () => {
+      }), l.on("moveend", xe), l.on("zoomend", xe), te && ee(), l.on("load", () => {
         l == null || l.resize(), m.value = !0;
-        const re = S.filter((pe) => pe.id != null && pe.id !== "").reduce((pe, Ce) => [String(Ce.id), Ce.color].concat(pe), []), le = ["match", ["to-string", ["get", a.colorAttr]], ...re, "#808080"], oe = (y || []).filter((pe) => pe.id != null && pe.id !== "").reduce((pe, Ce) => [String(Ce.id), Ce.color].concat(pe), []), me = T ? ["match", ["to-string", ["get", T]], ...oe, "rgba(0,0,0,0)"] : "rgba(0,0,0,0)";
-        q = le;
+        const le = S.filter((pe) => pe.id != null && pe.id !== "").reduce((pe, Ce) => [String(Ce.id), Ce.color].concat(pe), []), oe = ["match", ["to-string", ["get", a.colorAttr]], ...le, "#808080"], ae = (y || []).filter((pe) => pe.id != null && pe.id !== "").reduce((pe, Ce) => [String(Ce.id), Ce.color].concat(pe), []), me = T ? ["match", ["to-string", ["get", T]], ...ae, "rgba(0,0,0,0)"] : "rgba(0,0,0,0)";
+        q = oe;
         const Pe = at();
         Vr(
           a.table,
           l,
-          le,
+          oe,
           me,
           a.filter,
           a.clusterZoom,
@@ -4838,41 +4843,41 @@ const Br = [
           pe.sourceId === "vector" && pe.isSourceLoaded && Fe() != null && nt();
         });
       });
-      const Ae = (re) => {
-        var oe, me;
-        const le = (oe = re.features) == null ? void 0 : oe[0];
-        (me = le == null ? void 0 : le.properties) != null && me.id && r("update:modelValue", le.properties.id);
+      const Ae = (le) => {
+        var ae, me;
+        const oe = (ae = le.features) == null ? void 0 : ae[0];
+        (me = oe == null ? void 0 : oe.properties) != null && me.id && r("update:modelValue", oe.properties.id);
       };
-      v.forEach((re) => {
-        l.on("click", re, Ae);
-      }), l.on("click", Xe, (re) => {
+      v.forEach((le) => {
+        l.on("click", le, Ae);
+      }), l.on("click", Xe, (le) => {
         var pe, Ce, rt;
-        const le = (pe = re.features) == null ? void 0 : pe[0];
-        if (!le) return;
-        const { geometry: oe } = le, me = (oe == null ? void 0 : oe.type) === "Point" ? oe.coordinates : (rt = (Ce = oe == null ? void 0 : oe.coordinates) == null ? void 0 : Ce[0]) == null ? void 0 : rt[0];
+        const oe = (pe = le.features) == null ? void 0 : pe[0];
+        if (!oe) return;
+        const { geometry: ae } = oe, me = (ae == null ? void 0 : ae.type) === "Point" ? ae.coordinates : (rt = (Ce = ae == null ? void 0 : ae.coordinates) == null ? void 0 : Ce[0]) == null ? void 0 : rt[0];
         if (!me) return;
         const Pe = Math.min(l.getZoom() + 2, l.getMaxZoom());
         l.easeTo({ center: me, zoom: Pe });
-      }), [...v, Xe].forEach((re) => {
-        l.on("mouseenter", re, () => {
+      }), [...v, Xe].forEach((le) => {
+        l.on("mouseenter", le, () => {
           l.getCanvas().style.cursor = "pointer";
-        }), l.on("mouseleave", re, () => {
+        }), l.on("mouseleave", le, () => {
           l.getCanvas().style.cursor = "";
         });
-      }), l.on("mousemove", (re) => {
+      }), l.on("mousemove", (le) => {
         var pe, Ce;
         if (!F.value) {
           (pe = c == null ? void 0 : c.remove) == null || pe.call(c);
           return;
         }
         if (!c) return;
-        const le = l.queryRenderedFeatures(re.point, { layers: v });
-        if (!le || !le.length) {
+        const oe = l.queryRenderedFeatures(le.point, { layers: v });
+        if (!oe || !oe.length) {
           c.remove();
           return;
         }
-        const oe = le[0], { coordinates: me } = oe.geometry, Pe = oe.geometry.type === "Point" ? me : me[0][0];
-        C.value = oe.properties, c.setLngLat(Pe).setHTML((Ce = k.value) == null ? void 0 : Ce.innerHTML).addTo(l);
+        const ae = oe[0], { coordinates: me } = ae.geometry, Pe = ae.geometry.type === "Point" ? me : me[0][0];
+        C.value = ae.properties, c.setLngLat(Pe).setHTML((Ce = k.value) == null ? void 0 : Ce.innerHTML).addTo(l);
       });
     }), K(() => a.center, (E) => {
       l && l.setCenter(E || D);
@@ -4908,7 +4913,7 @@ const Br = [
     }), K(() => a.mixedGeom, () => {
       Ve();
     }), K(
-      () => [a.circleRadius, a.circleStrokeWidth, a.highlightCircleRadius],
+      () => [a.circleRadius, a.circleStrokeWidth, a.highlightCircleRadius, a.highlightCircleColor],
       () => {
         st();
       }
@@ -4917,13 +4922,13 @@ const Br = [
       const T = ot(E), Y = ["all", T, Se], Z = ["all", T, Me];
       if (l.getLayer("vector-highlight-circle")) {
         l.setFilter("vector-highlight-circle", Y);
-        const ae = E ? "visible" : "none";
-        l.setLayoutProperty("vector-highlight-circle", "visibility", ae);
+        const ne = E ? "visible" : "none";
+        l.setLayoutProperty("vector-highlight-circle", "visibility", ne);
       }
       if (l.getLayer("vector-highlight-fill")) {
         l.setFilter("vector-highlight-fill", Z);
-        const ae = E ? "visible" : "none";
-        l.setLayoutProperty("vector-highlight-fill", "visibility", ae);
+        const ne = E ? "visible" : "none";
+        l.setLayoutProperty("vector-highlight-fill", "visibility", ne);
       }
       Ye(), E ? ut() : ke();
     }), K(z, (E, T) => {
@@ -4933,22 +4938,22 @@ const Br = [
       l.getLayer(T) && l.removeLayer(T), l.getSource(T) && l.removeSource(T);
       const Z = `${T}-overlay`;
       l.getLayer(Z) && l.removeLayer(Z), l.getSource(Z) && l.removeSource(Z), l.addSource(E, { type: "raster", tiles: [Y.url], tileSize: 256 }), Y.overlayUrl && l.addSource(`${E}-overlay`, { type: "raster", tiles: [Y.overlayUrl], tileSize: 256 });
-      const ae = l.getLayer("vector-clusters") ? "vector-clusters" : l.getLayer("vector-circle") ? "vector-circle" : void 0;
+      const ne = l.getLayer("vector-clusters") ? "vector-clusters" : l.getLayer("vector-circle") ? "vector-circle" : void 0;
       l.addLayer({
         id: Y.id,
         type: "raster",
         source: Y.id,
         minzoom: 0,
         maxzoom: 19
-      }, ae), Y.overlayUrl && l.addLayer({
+      }, ne), Y.overlayUrl && l.addLayer({
         id: `${E}-overlay`,
         type: "raster",
         source: `${E}-overlay`,
         minzoom: 0,
         maxzoom: 19
-      }, ae);
+      }, ne);
     }), We(() => {
-      ke(), l && (l.off("moveend", we), l.off("zoomend", we), l.remove());
+      ke(), l && (l.off("moveend", xe), l.off("zoomend", xe), l.remove());
     }), (E, T) => {
       const Y = il("tooltip");
       return ue((s(), d("div", $r, [
@@ -5091,7 +5096,7 @@ const Br = [
             key: Z.id,
             title: Z.name,
             class: W(["vs-map-slot-layers__layer relative", { focused: z.value === Z.id }]),
-            onClick: (ae) => z.value = Z.id
+            onClick: (ne) => z.value = Z.id
           }, [
             t("img", {
               src: Z.preview || R(Z.url),
@@ -5118,7 +5123,7 @@ const Br = [
                   key: Z.id,
                   title: Z.name,
                   class: W(["vs-map-slot-layers__layer relative", { focused: z.value === Z.id }]),
-                  onClick: (ae) => z.value = Z.id
+                  onClick: (ne) => z.value = Z.id
                 }, [
                   t("img", {
                     src: Z.preview || R(Z.url),
@@ -5277,7 +5282,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
   key: 0,
   class: "pointer-events-none absolute top-1 right-0.5 h-3 w-3 rounded-full bg-blue-400",
   "aria-hidden": "true"
-}, zi = /* @__PURE__ */ ne({
+}, zi = /* @__PURE__ */ re({
   __name: "MobileOverlayActions",
   props: {
     activeModal: {},
@@ -5364,7 +5369,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
 }, us = { class: "flex justify-between" }, cs = { class: "w-full lg:w-1/2 relative" }, ds = {
   key: 0,
   class: "absolute inset-0 z-20 flex flex-col items-center justify-center bg-black/40 backdrop-blur-[2px]"
-}, Ot = "(max-width: 999px)", pt = "0px", It = /* @__PURE__ */ ne({
+}, Ot = "(max-width: 999px)", pt = "0px", It = /* @__PURE__ */ re({
   __name: "vs-parts-map",
   props: {
     title: {},
@@ -5392,6 +5397,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
     circleRadius: {},
     circleStrokeWidth: {},
     highlightCircleRadius: {},
+    highlightCircleColor: {},
     isCollapsible: { type: Boolean },
     legendTitle: {},
     legendWidth: {},
@@ -5402,7 +5408,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
   },
   emits: ["change:filter", "update:map"],
   setup(e, { emit: i }) {
-    var oe, me, Pe, pe, Ce, rt, Bt;
+    var ae, me, Pe, pe, Ce, rt, Bt;
     const a = xt();
     a && !(a != null && a.appContext.directives.tooltip) && (a.appContext.directives.tooltip = Jt);
     function r(B) {
@@ -5437,14 +5443,14 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
     const n = e, m = lt(), b = H(
       () => n.mobileFilterView ?? "vertical"
     ), h = H(() => n.mobileFilterLimit !== void 0 ? { limit: n.mobileFilterLimit } : {}), g = i, x = A(0);
-    x.value = n.initTotal ?? ((oe = n.rows) == null ? void 0 : oe.length) ?? 0;
+    x.value = n.initTotal ?? ((ae = n.rows) == null ? void 0 : ae.length) ?? 0;
     const M = A(""), v = A(null), _ = A(!0), V = A(((me = n.rows) == null ? void 0 : me.length) === 1), p = A(!1);
     let f = null;
     const z = A(!1);
     typeof window < "u" && (f = window.matchMedia(Ot), z.value = f.matches, p.value = !0);
     const U = A(n.rows), R = A(1), k = A(20), C = A(n.filters || []), F = A(""), P = A({}), u = H(() => Object.values(P.value).some((B) => Array.isArray(B) ? B.some(($) => $ != null && $ !== "") : B && typeof B == "object" ? Object.values(B).some(($) => $ != null && $ !== "") : B === null ? !0 : B !== void 0 && B !== "")), S = A(((Pe = n.rows) == null ? void 0 : Pe.length) === 1 ? n.rows[0] : {}), y = A(((pe = n.rows) == null ? void 0 : pe.length) === 1 ? n.rows[0].id : ""), D = A(((Ce = n.rows) == null ? void 0 : Ce.length) === 1 ? r((rt = n.rows[0]) == null ? void 0 : rt[n.geom]) : n.center || null), I = A(((Bt = n.rows) == null ? void 0 : Bt.length) === 1 ? 14 : n.zoom || 5), q = A(!1), L = A(!1), X = A("");
     let te = !1;
-    const ee = A(null), we = A(!1);
+    const ee = A(null), xe = A(!1);
     function ot() {
       if (!f) return;
       const B = z.value;
@@ -5464,7 +5470,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
     }), Fe = (B) => (B == null ? void 0 : B[n.geom]) ?? (B == null ? void 0 : B.geom), Ge = H(() => V.value && !Fe(S.value)), qe = H({
       get: () => Ge.value ? "" : y.value,
       set: (B) => {
-        y.value = B, z.value && (B ? (we.value = !0, ee.value = "details") : ee.value === "details" && (ee.value = null));
+        y.value = B, z.value && (B ? (xe.value = !0, ee.value = "details") : ee.value === "details" && (ee.value = null));
       }
     });
     function Ye() {
@@ -5576,7 +5582,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
     }), We(() => {
       f == null || f.removeEventListener("change", ot), Qe();
     });
-    function ae() {
+    function ne() {
       q.value = !0, V.value = !1, S.value = null, y.value = "", Se.value = null, Me.value = null;
     }
     function ye(B) {
@@ -5585,15 +5591,15 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
     function Ae() {
       ee.value = null;
     }
-    async function xe() {
+    async function we() {
       var B, $;
       await Ee(), ($ = (B = v.value) == null ? void 0 : B.resize) == null || $.call(B);
     }
-    function re() {
-      ae(), Ae();
+    function le() {
+      ne(), Ae();
     }
-    function le(B) {
-      we.value = !0;
+    function oe(B) {
+      xe.value = !0;
       const $ = Fe(B);
       if ($) {
         const ie = n.polygonFitBbox ? c($) : null;
@@ -5638,6 +5644,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
             circleRadius: n.circleRadius,
             circleStrokeWidth: n.circleStrokeWidth,
             highlightCircleRadius: n.highlightCircleRadius,
+            highlightCircleColor: n.highlightCircleColor,
             alwaysShowPolygon: n.alwaysShowPolygon,
             modelValue: qe.value,
             "onUpdate:modelValue": $[1] || ($[1] = (N) => qe.value = N),
@@ -5652,7 +5659,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
               fe(B.$slots, "popup", { data: N })
             ]),
             _: 3
-          }, 8, ["table", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendTitle", "legendWidth"]),
+          }, 8, ["table", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "highlightCircleColor", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendTitle", "legendWidth"]),
           Ge.value ? (s(), d("div", Zi, [...$[19] || ($[19] = [
             it('<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="text-white/80"><path d="M12.75 7.09a3 3 0 0 1 2.16 2.16"></path><path d="M17.072 17.072c-1.634 2.17-3.527 3.912-4.471 4.727a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 1.432-4.568"></path><path d="m2 2 20 20"></path><path d="M8.475 2.818A8 8 0 0 1 20 10c0 1.183-.31 2.377-.81 3.533"></path><path d="M9.13 9.13a3 3 0 0 0 3.74 3.74"></path></svg><p class="mt-4 text-base font-[300] text-white">Геопросторові дані відсутні</p><p class="mt-2 max-w-xs text-center text-sm font-[200] text-white/70 leading-relaxed"> Координати або межі об&#39;єкта не внесені до системи. Об&#39;єкт відображається лише у текстовому форматі. </p>', 3)
           ])])) : j("", !0),
@@ -5671,8 +5678,8 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
             "initial-variant": "full",
             "peek-mode": "clip-full",
             onClose: Ae,
-            onExpand: xe,
-            onCollapse: xe
+            onExpand: we,
+            onCollapse: we
           }, {
             default: he(() => [
               t("div", Ei, [
@@ -5688,13 +5695,13 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
                   o(m)["mobile-search-results"] ? fe(B.$slots, "mobile-search-results", {
                     key: 0,
                     rows: U.value,
-                    selectRow: le,
+                    selectRow: oe,
                     closeModal: Ae
                   }) : (s(), d("div", Di, [
                     x.value >= 1 ? fe(B.$slots, "table", {
                       key: 0,
                       rows: U.value,
-                      selectRow: le,
+                      selectRow: oe,
                       isMapVisible: !1
                     }) : (s(), d("div", Oi, [
                       J(bt),
@@ -5728,8 +5735,8 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
             "initial-variant": "full",
             "peek-mode": "clip-full",
             onClose: Ae,
-            onExpand: xe,
-            onCollapse: xe
+            onExpand: we,
+            onCollapse: we
           }, {
             default: he(() => [
               t("div", Ui, [
@@ -5758,15 +5765,15 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
             "initial-variant": "full",
             "peek-mode": "clip-full",
             onClose: Ae,
-            onExpand: xe,
-            onCollapse: xe
+            onExpand: we,
+            onCollapse: we
           }, {
             default: he(() => [
               t("div", Wi, [
                 x.value >= 1 ? fe(B.$slots, "table", {
                   key: 0,
                   rows: U.value,
-                  selectRow: le,
+                  selectRow: oe,
                   isMapVisible: !1
                 }) : (s(), d("div", Ni, [
                   J(bt),
@@ -5795,18 +5802,18 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
             open: ee.value === "details",
             title: "Об'єкт",
             "top-offset": pt,
-            "initial-variant": we.value ? "peek" : "full",
+            "initial-variant": xe.value ? "peek" : "full",
             "peek-mode": "custom",
-            onClose: re,
-            onExpand: xe,
-            onCollapse: xe
+            onClose: le,
+            onExpand: we,
+            onCollapse: we
           }, {
             peek: he(({ expand: N }) => [
               o(m)["mobile-details-peek"] ? fe(B.$slots, "mobile-details-peek", {
                 key: 0,
                 selectedRow: S.value,
                 expand: N,
-                close: re
+                close: le
               }) : (s(), d("button", {
                 key: 1,
                 type: "button",
@@ -5818,7 +5825,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
               fe(B.$slots, "details", {
                 table: n.table,
                 selectedRow: S.value,
-                closeObjCard: re
+                closeObjCard: le
               })
             ]),
             _: 3
@@ -5906,7 +5913,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
                 x.value >= 1 ? fe(B.$slots, "table", {
                   key: 0,
                   rows: U.value,
-                  selectRow: le
+                  selectRow: oe
                 }) : (s(), d("div", rs, [
                   J(bt),
                   $[27] || ($[27] = t("h2", { class: "font-medium text-base text-gray-500 rounded-xl" }, " За вашим запитом даних не знайдено! ", -1)),
@@ -5941,7 +5948,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
               fe(B.$slots, "details", {
                 table: n.table,
                 selectedRow: S.value,
-                closeObjCard: ae
+                closeObjCard: ne
               })
             ], 2)) : j("", !0),
             ue(t("div", cs, [
@@ -5964,6 +5971,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
                 circleRadius: n.circleRadius,
                 circleStrokeWidth: n.circleStrokeWidth,
                 highlightCircleRadius: n.highlightCircleRadius,
+                highlightCircleColor: n.highlightCircleColor,
                 alwaysShowPolygon: n.alwaysShowPolygon,
                 modelValue: qe.value,
                 "onUpdate:modelValue": $[18] || ($[18] = (N) => qe.value = N),
@@ -5977,7 +5985,7 @@ const $i = /* @__PURE__ */ Ue(Mi, [["render", Bi]]), Ai = { class: "absolute ins
                   fe(B.$slots, "popup", { data: N })
                 ]),
                 _: 3
-              }, 8, ["table", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendTitle", "legendWidth"]),
+              }, 8, ["table", "map", "zoom", "minZoom", "maxZoom", "colorAttr", "strokeAttr", "filter", "center", "clusterZoom", "pointZoom", "polygonZoom", "geometryZoomBreakpoint", "mixedGeom", "circleRadius", "circleStrokeWidth", "highlightCircleRadius", "highlightCircleColor", "alwaysShowPolygon", "modelValue", "layers", "isCollapsible", "legendTitle", "legendWidth"]),
               fe(B.$slots, "default", {
                 table: n.table,
                 map: v.value,