@stachelock/ui 0.5.4 → 0.6.1

package/dist/{TagifyInput.vue_vue_type_script_setup_true_lang-Da6-pRJ2.js → TagifyInput.vue_vue_type_script_setup_true_lang-BF2mK8JC.js}

@@ -1,8 +1,8 @@
 import { defineComponent as V, ref as p, watch as z, onMounted as A, createBlock as w, openBlock as u, withCtx as g, createElementVNode as d, normalizeClass as F, createElementBlock as c, Fragment as T, renderList as S, withDirectives as k, toDisplayString as h, normalizeStyle as Q, withKeys as C, withModifiers as y, vModelText as B, createVNode as U, unref as R, createCommentVNode as K, renderSlot as L, nextTick as W } from "vue";
+import { XMarkIcon as X } from "@heroicons/vue/20/solid";
 import { _ } from "./UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.js";
 import j from "./forms/FormFieldWrapper.js";
-import { r as G } from "./XMarkIcon-DNvCkiOy.js";
-const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "onKeydown", "onBlur"], X = ["onClick", "disabled"], Y = { class: "sl-flex-1 sl-min-w-0 sl-relative" }, Z = ["placeholder", "disabled", "onKeydown"], ee = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-3 sl-pointer-events-auto" }, te = {
+const G = { key: 0 }, H = ["onUpdate:modelValue", "placeholder", "disabled", "onKeydown", "onBlur"], P = ["onClick", "disabled"], Y = { class: "sl-flex-1 sl-min-w-0 sl-relative" }, Z = ["placeholder", "disabled", "onKeydown"], ee = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-3 sl-pointer-events-auto" }, te = {
   key: 0,
   class: "sl-absolute sl-z-50 sl-mt-1 sl-max-h-60 sl-w-full sl-overflow-auto sl-rounded-md sl-bg-white sl-py-1 sl-text-base sl-shadow-lg sl-ring-1 sl-ring-black sl-ring-opacity-5 focus:sl-outline-none sm:sl-text-sm"
 }, le = ["onClick"], se = { class: "sl-flex" }, ae = { class: "sl-truncate sl-font-semibold" }, ne = { class: "sl-block sl-truncate" }, oe = {
@@ -90,7 +90,7 @@ const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "on
       },
       { deep: !0 }
     );
-    const $ = (e) => e[t.itemSubtext] || e[t.itemText], q = (e) => e[t.itemSubtext] ? e[t.itemText] : void 0, E = (e) => e[t.tagDisplayKey] || e[t.itemText], I = () => {
+    const I = (e) => e[t.itemSubtext] || e[t.itemText], $ = (e) => e[t.itemSubtext] ? e[t.itemText] : void 0, q = (e) => e[t.tagDisplayKey] || e[t.itemText], E = () => {
       if (i.value && i.value.length > 0) {
         m("update:query", i.value);
         const e = i.value.toLowerCase();
@@ -114,14 +114,14 @@ const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "on
       n.value.some(
         (o) => o[t.itemText] === a[t.itemText]
       ) || (n.value.push(a), m("update:value", n.value)), i.value = "", f.value = [], v.value = !1;
-    }, O = (e) => {
+    }, M = (e) => {
       const a = e[t.itemText].trim();
       n.value.some(
         (l) => l[t.itemText] === a
       ) || (n.value.push({ ...e }), m("update:value", n.value)), i.value = "", f.value = [], v.value = !1;
     }, b = (e) => {
       n.value.splice(e, 1), m("update:value", n.value);
-    }, M = (e) => {
+    }, O = (e) => {
       n.value[e].isEditing = !0, W(() => {
       });
     }, x = (e) => {
@@ -158,7 +158,7 @@ const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "on
         }, [
           (u(!0), c(T, null, S(n.value, (l, r) => (u(), w(_, {
             key: r,
-            onClick: (o) => M(r),
+            onClick: (o) => O(r),
             theme: "primary",
             size: "sm"
           }, {
@@ -174,17 +174,17 @@ const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "on
                 onBlur: (o) => x(r),
                 class: "sl-bg-transparent sl-border-none sl-outline-none sl-text-stachelock-600 sl-text-sm placeholder:sl-text-stachelock-400/80 focus:sl-ring-0 focus:sl-ring-stachelock-600 focus:sl-rounded-lg -sl-mx-3 -sl-my-2",
                 style: Q({ width: l[t.itemText].length + 4 + "ch" })
-              }, null, 44, P)), [
+              }, null, 44, H)), [
                 [B, l[t.itemText]]
-              ]) : (u(), c("span", H, h(E(l)), 1)),
+              ]) : (u(), c("span", G, h(q(l)), 1)),
               d("button", {
                 type: "button",
                 class: "sl-ml-2 sl-text-stachelock-600 hover:sl-text-stachelock-400 focus:sl-outline-none",
                 onClick: y((o) => b(r), ["stop"]),
                 disabled: s.disabled
               }, [
-                U(R(G), { class: "sl-h-4 sl-w-4" })
-              ], 8, X)
+                U(R(X), { class: "sl-h-4 sl-w-4" })
+              ], 8, P)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
@@ -193,7 +193,7 @@ const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "on
               ref: "input",
               "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
               placeholder: s.placeholder,
-              onInput: I,
+              onInput: E,
               disabled: s.disabled,
               onKeydown: C(y(J, ["prevent"]), ["enter"]),
               class: "sl-w-full sl-border-none sl-outline-none sl-rounded-md focus:sl-ring-0 sl-text-sm sl-font-light -sl-mx-3 sl-pr-12"
@@ -207,13 +207,13 @@ const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "on
               (u(!0), c(T, null, S(f.value, (l) => (u(), c("div", {
                 key: l[s.itemKey],
                 class: "sl-cursor-pointer sl-select-none sl-py-2 sl-pl-3 sl-pr-9 hover:sl-bg-stachelock-600 hover:sl-text-white",
-                onClick: y((r) => O(l), ["prevent"])
+                onClick: y((r) => M(l), ["prevent"])
               }, [
                 d("div", se, [
                   d("span", ae, [
-                    d("span", ne, h($(l)), 1)
+                    d("span", ne, h(I(l)), 1)
                   ]),
-                  s.showSubext ? (u(), c("span", oe, h(q(l)), 1)) : K("", !0)
+                  s.showSubext ? (u(), c("span", oe, h($(l)), 1)) : K("", !0)
                 ])
               ], 8, le))), 128))
             ])) : K("", !0)
@@ -227,4 +227,3 @@ const H = { key: 0 }, P = ["onUpdate:modelValue", "placeholder", "disabled", "on
 export {
   ce as _
 };
-//# sourceMappingURL=TagifyInput.vue_vue_type_script_setup_true_lang-Da6-pRJ2.js.map

package/dist/TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js

@@ -167,4 +167,3 @@ const L = { class: "sl-w-full" }, T = { class: "sl-relative" }, P = ["id", "name
 export {
   Q as _
 };
-//# sourceMappingURL=TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js.map

package/dist/UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL.js

@@ -105,4 +105,3 @@ const C = {
 export {
   E as _
 };
-//# sourceMappingURL=UiAvatar.vue_vue_type_script_setup_true_lang-WVY6JbUL.js.map

package/dist/UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.js

@@ -85,4 +85,3 @@ const x = /* @__PURE__ */ y({
 export {
   x as _
 };
-//# sourceMappingURL=UiBadge.vue_vue_type_script_setup_true_lang-DOtbLb9x.js.map

package/dist/UiButtonGroup.vue_vue_type_script_setup_true_lang-CVwXB-cb.js

@@ -105,4 +105,3 @@ const S = ["disabled", "onClick", "aria-pressed"], W = {
 export {
   A as _
 };
-//# sourceMappingURL=UiButtonGroup.vue_vue_type_script_setup_true_lang-CVwXB-cb.js.map

package/dist/UiCheckbox.vue_vue_type_script_setup_true_lang-BxyM_F-V.js

@@ -93,4 +93,3 @@ const x = { class: "sl-relative sl-flex sl-items-center sl-justify-center" }, z
 export {
   E as _
 };
-//# sourceMappingURL=UiCheckbox.vue_vue_type_script_setup_true_lang-BxyM_F-V.js.map

package/dist/UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js

@@ -133,4 +133,3 @@ const p = {
 export {
   u as _
 };
-//# sourceMappingURL=UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js.map

package/dist/{UiMapAll.vue_vue_type_script_setup_true_lang-CMAyvJMk.js → UiMapAll.vue_vue_type_script_setup_true_lang-11yT7mTH.js}

@@ -1,28 +1,11 @@
-import { createElementBlock as m, openBlock as u, createElementVNode as w, defineComponent as ne, ref as v, computed as A, watch as U, onMounted as se, Fragment as B, createVNode as C, mergeProps as re, withCtx as x, createCommentVNode as b, renderSlot as I, normalizeClass as i, unref as k, toDisplayString as E, renderList as R, createBlock as V } from "vue";
-import ie from "./maps/UiMap.js";
-import K from "./maps/UiMapMarker.js";
-import ue from "./maps/UiInfoWindow.js";
-import { u as de } from "./useMap-BaZEIoWM.js";
-import { g as ce } from "./mapThemes-DFE9fZm3.js";
-import { r as me, a as fe } from "./PlusIcon-aDFVlB90.js";
-function ge(a, T) {
-  return u(), m("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.5",
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    w("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"
-    })
-  ]);
-}
-const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
+import { defineComponent as se, ref as g, computed as L, watch as U, onMounted as ne, createElementBlock as v, openBlock as u, Fragment as B, createVNode as w, mergeProps as re, withCtx as C, createElementVNode as x, createCommentVNode as b, renderSlot as I, normalizeClass as i, unref as k, toDisplayString as E, renderList as R, createBlock as $ } from "vue";
+import { PlusIcon as ie, MinusIcon as ue, ArrowsPointingOutIcon as de } from "@heroicons/vue/24/outline";
+import ce from "./maps/UiMap.js";
+import V from "./maps/UiMapMarker.js";
+import fe from "./maps/UiInfoWindow.js";
+import { u as me } from "./useMap-BGg0H582.js";
+import { g as ge } from "./mapThemes-DFE9fZm3.js";
+const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ se({
   __name: "UiMapAll",
   props: {
     /** Google Maps API key */
@@ -188,19 +171,19 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
     }
   },
   emits: ["marker-click", "cluster-click", "info-action", "ready", "error", "update:visible-markers", "update:center", "update:zoom"],
-  setup(a, { expose: T, emit: q }) {
-    const t = a, d = q, {
-      markers: W,
+  setup(s, { expose: K, emit: q }) {
+    const t = s, d = q, {
+      markers: T,
       clusters: M,
-      shouldShowClusters: $,
+      shouldShowClusters: P,
       processMarkers: S,
       markersFromData: G
-    } = de({
+    } = me({
       clustering: t.enableClustering ? {
         enabled: !0,
         ...t.clusteringOptions
       } : { enabled: !1 }
-    }), h = v(null), F = v(t.center), f = v(t.zoom), g = v(null), p = v(null), y = v(null), j = v(!1), s = v({
+    }), h = g(null), F = g(t.center), f = g(t.zoom), m = g(null), p = g(null), y = g(null), O = g(!1), n = g({
       visible: !1,
       loading: !1,
       error: null,
@@ -210,7 +193,7 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
       details: [],
       actions: [],
       data: void 0
-    }), H = A(() => ({
+    }), H = L(() => ({
       apiKey: t.apiKey,
       center: t.center,
       zoom: t.zoom,
@@ -218,7 +201,7 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
       height: t.height,
       theme: t.theme,
       autoTheme: t.autoTheme
-    })), n = A(() => {
+    })), a = L(() => {
       if (!t.items.length) return [];
       const e = t.items[0];
       return "position" in e && "id" in e ? t.items : G(
@@ -226,50 +209,50 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
         t.coordinateExtractor,
         t.idField
       ).slice(0, t.maxMarkers);
-    }), L = A(() => {
-      if ($.value && t.enableClustering) {
+    }), Z = L(() => {
+      if (P.value && t.enableClustering) {
         const e = /* @__PURE__ */ new Set();
         return M.value.forEach((o) => {
           o.markers.forEach((l) => e.add(l.id));
-        }), n.value.filter((o) => !e.has(o.id)).slice(0, t.maxMarkers);
+        }), a.value.filter((o) => !e.has(o.id)).slice(0, t.maxMarkers);
       }
-      return g.value ? n.value.filter((e) => {
-        const { lat: o, lng: l } = e.position, c = g.value;
+      return m.value ? a.value.filter((e) => {
+        const { lat: o, lng: l } = e.position, c = m.value;
         return o >= c.south && o <= c.north && l >= c.west && l <= c.east;
-      }).slice(0, t.maxMarkers) : n.value.slice(0, t.maxMarkers);
+      }).slice(0, t.maxMarkers) : a.value.slice(0, t.maxMarkers);
     });
     function J(e) {
-      y.value = e.map, j.value = !0, d("ready", e), t.autoFit && n.value.length > 0 && setTimeout(() => z(), 100);
+      y.value = e.map, O.value = !0, d("ready", e), t.autoFit && a.value.length > 0 && setTimeout(() => z(), 100);
     }
     function Q() {
-      Z();
+      A();
     }
     function X(e) {
-      g.value = e.bounds, t.enableClustering && S(f.value, e.bounds), d("update:visible-markers", L.value);
+      m.value = e.bounds, t.enableClustering && S(f.value, e.bounds), d("update:visible-markers", Z.value);
     }
     function Y(e) {
-      f.value = e.zoom, d("update:zoom", e.zoom), t.enableClustering && g.value && S(e.zoom, g.value);
+      f.value = e.zoom, d("update:zoom", e.zoom), t.enableClustering && m.value && S(e.zoom, m.value);
     }
     function D() {
       if (h.value) {
         const e = h.value.getBounds?.();
-        e && (g.value = e);
+        e && (m.value = e);
       }
     }
     function _(e) {
       d("error", e);
     }
     function ee(e) {
-      d("marker-click", e), t.showInfoWindow && (p.value = e.marker, O(e.marker));
+      d("marker-click", e), t.showInfoWindow && (p.value = e.marker, W(e.marker));
     }
     function te(e, o) {
       d("cluster-click", { cluster: e, markers: e.markers });
       const l = new google.maps.LatLngBounds();
       e.markers.forEach((c) => l.extend(c.position)), o.fitBounds(l, t.fitPadding);
     }
-    function O(e) {
+    function W(e) {
       const o = e.data;
-      s.value = {
+      n.value = {
         visible: !0,
         loading: !1,
         error: null,
@@ -285,11 +268,11 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
         data: e.data
       };
     }
-    function Z() {
-      s.value.visible = !1, p.value = null;
+    function A() {
+      n.value.visible = !1, p.value = null;
     }
     function le() {
-      p.value && O(p.value);
+      p.value && W(p.value);
     }
     function oe(e) {
       d("info-action", { ...e, marker: p.value || void 0 });
@@ -299,13 +282,13 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
         path: 0,
         // google.maps.SymbolPath.CIRCLE
         scale: Math.min(20 + Math.log(e.size) * 5, 40),
-        fillColor: ce(e.size),
+        fillColor: ge(e.size),
         fillOpacity: 0.8,
         strokeColor: "#ffffff",
         strokeWeight: 2
       };
     }
-    function P() {
+    function j() {
       if (h.value) {
         const e = f.value;
         h.value.setZoom?.(Math.min(e + 1, 21));
@@ -318,37 +301,37 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
       }
     }
     function z() {
-      if (!y.value || n.value.length === 0) return;
+      if (!y.value || a.value.length === 0) return;
       const e = new google.maps.LatLngBounds();
-      n.value.forEach((o) => e.extend(o.position)), y.value.fitBounds(e, t.fitPadding);
+      a.value.forEach((o) => e.extend(o.position)), y.value.fitBounds(e, t.fitPadding);
     }
     return U(() => t.items, () => {
-      W.value = n.value, t.enableClustering && g.value && S(f.value, g.value), t.autoFit && j.value && n.value.length > 0 && z();
+      T.value = a.value, t.enableClustering && m.value && S(f.value, m.value), t.autoFit && O.value && a.value.length > 0 && z();
     }, { deep: !0 }), U(() => t.center, (e) => {
       F.value = e, d("update:center", e);
     }), U(() => t.zoom, (e) => {
       f.value = e, d("update:zoom", e);
-    }), se(() => {
-      W.value = n.value;
-    }), T({
+    }), ne(() => {
+      T.value = a.value;
+    }), K({
       getMap: () => y.value,
       fitToMarkers: z,
-      zoomIn: P,
+      zoomIn: j,
       zoomOut: N,
       panTo: (e) => y.value?.panTo(e),
       setZoom: (e) => y.value?.setZoom(e),
-      closeInfoWindow: Z,
-      getMarkers: () => n.value,
-      getVisibleMarkers: () => L.value,
+      closeInfoWindow: A,
+      getMarkers: () => a.value,
+      getVisibleMarkers: () => Z.value,
       getClusters: () => M.value
-    }), (e, o) => (u(), m(B, null, [
-      C(ie, re({
+    }), (e, o) => (u(), v(B, null, [
+      w(ce, re({
         ref_key: "mapRef",
         ref: h
       }, H.value, {
-        "show-custom-controls": a.showControls,
-        "show-default-zoom-controls": a.showDefaultZoomControls,
-        "controls-position": a.controlsPosition,
+        "show-custom-controls": s.showControls,
+        "show-default-zoom-controls": s.showDefaultZoomControls,
+        "controls-position": s.controlsPosition,
         onReady: J,
         onClick: Q,
         onBoundsChanged: X,
@@ -360,9 +343,9 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
         zoom: f.value,
         "onUpdate:zoom": o[1] || (o[1] = (l) => f.value = l)
       }), {
-        default: x(({ ready: l, map: c }) => [
-          l && c ? (u(), m(B, { key: 0 }, [
-            k($) ? (u(!0), m(B, { key: 0 }, R(k(M), (r) => (u(), V(K, {
+        default: C(({ ready: l, map: c }) => [
+          l && c ? (u(), v(B, { key: 0 }, [
+            k(P) ? (u(!0), v(B, { key: 0 }, R(k(M), (r) => (u(), $(V, {
               key: r.id,
               position: r.position,
               id: r.id,
@@ -372,76 +355,76 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
               "z-index": 1e3,
               onClick: (he) => te(r, c)
             }, null, 8, ["position", "id", "title", "ready", "icon", "onClick"]))), 128)) : b("", !0),
-            (u(!0), m(B, null, R(L.value, (r) => (u(), V(K, {
+            (u(!0), v(B, null, R(Z.value, (r) => (u(), $(V, {
               key: r.id,
               position: r.position,
               id: r.id,
               title: r.title,
               data: r.data,
               ready: l,
-              color: a.markerColor,
-              size: a.markerSize,
-              pin: a.pinMarkers,
-              icon: a.markerIcon,
+              color: s.markerColor,
+              size: s.markerSize,
+              pin: s.pinMarkers,
+              icon: s.markerIcon,
               "z-index": 100,
               onClick: ee
             }, null, 8, ["position", "id", "title", "data", "ready", "color", "size", "pin", "icon"]))), 128))
           ], 64)) : b("", !0)
         ]),
-        overlay: x(({ isDark: l }) => [
-          a.isDataLoading ? (u(), m("div", {
+        overlay: C(({ isDark: l }) => [
+          s.isDataLoading ? (u(), v("div", {
             key: 0,
             class: i(["sl-absolute sl-top-4 sl-left-4 sl-z-10 sl-flex sl-items-center sl-gap-2 sl-px-3 sl-py-2 sl-rounded-lg sl-shadow-md", l ? "sl-bg-gray-800" : "sl-bg-white"])
           }, [
-            w("div", {
+            x("div", {
               class: i(["sl-animate-spin sl-h-4 sl-w-4 sl-border-2 sl-border-t-transparent sl-rounded-full", l ? "sl-border-primary-400" : "sl-border-primary-600"])
             }, null, 2),
-            w("span", {
+            x("span", {
               class: i(["sl-text-sm", l ? "sl-text-gray-300" : "sl-text-gray-600"])
-            }, E(a.dataLoadingText), 3)
+            }, E(s.dataLoadingText), 3)
           ], 2)) : b("", !0),
-          a.showMarkerCount && n.value.length > 0 ? (u(), m("div", {
+          s.showMarkerCount && a.value.length > 0 ? (u(), v("div", {
             key: 1,
             class: i(["sl-absolute sl-top-4 sl-right-4 sl-z-10 sl-px-2 sl-py-1 sl-rounded-md sl-text-xs sl-font-medium", l ? "sl-bg-gray-800/90 sl-text-gray-300" : "sl-bg-white/90 sl-text-gray-700"])
-          }, E(n.value.length) + " " + E(n.value.length === 1 ? "marker" : "markers"), 3)) : b("", !0),
+          }, E(a.value.length) + " " + E(a.value.length === 1 ? "marker" : "markers"), 3)) : b("", !0),
           I(e.$slots, "overlay", {
             isDark: l,
-            markers: n.value,
+            markers: a.value,
             clusters: k(M)
           })
         ]),
-        controls: x(({ isDark: l }) => [
-          w("div", ve, [
-            a.showDefaultZoomControls ? (u(), m("div", {
+        controls: C(({ isDark: l }) => [
+          x("div", ve, [
+            s.showDefaultZoomControls ? (u(), v("div", {
               key: 0,
               class: i(["sl-flex sl-flex-col sl-rounded-lg sl-shadow-md sl-overflow-hidden", l ? "sl-bg-gray-800" : "sl-bg-white"])
             }, [
-              w("button", {
-                onClick: P,
+              x("button", {
+                onClick: j,
                 class: i(["sl-w-8 sl-h-8 sl-flex sl-items-center sl-justify-center sl-border-b sl-transition-colors", l ? "sl-border-gray-700 hover:sl-bg-gray-700" : "sl-border-gray-200 hover:sl-bg-gray-50"]),
                 title: "Zoom in"
               }, [
-                C(k(me), {
+                w(k(ie), {
                   class: i(["sl-w-4 sl-h-4", l ? "sl-text-gray-300" : "sl-text-gray-600"])
                 }, null, 8, ["class"])
               ], 2),
-              w("button", {
+              x("button", {
                 onClick: N,
                 class: i(["sl-w-8 sl-h-8 sl-flex sl-items-center sl-justify-center sl-transition-colors", l ? "hover:sl-bg-gray-700" : "hover:sl-bg-gray-50"]),
                 title: "Zoom out"
               }, [
-                C(k(fe), {
+                w(k(ue), {
                   class: i(["sl-w-4 sl-h-4", l ? "sl-text-gray-300" : "sl-text-gray-600"])
                 }, null, 8, ["class"])
               ], 2)
             ], 2)) : b("", !0),
-            a.showFitButton && n.value.length > 0 ? (u(), m("button", {
+            s.showFitButton && a.value.length > 0 ? (u(), v("button", {
               key: 1,
               onClick: z,
               class: i(["sl-w-8 sl-h-8 sl-flex sl-items-center sl-justify-center sl-rounded-lg sl-shadow-md sl-transition-colors", l ? "sl-bg-gray-800 hover:sl-bg-gray-700" : "sl-bg-white hover:sl-bg-gray-50"]),
               title: "Fit to all markers"
             }, [
-              C(k(ge), {
+              w(k(de), {
                 class: i(["sl-w-4 sl-h-4", l ? "sl-text-gray-300" : "sl-text-gray-600"])
               }, null, 8, ["class"])
             ], 2)) : b("", !0),
@@ -450,31 +433,31 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
         ]),
         _: 3
       }, 16, ["show-custom-controls", "show-default-zoom-controls", "controls-position", "center", "zoom"]),
-      C(ue, {
-        visible: s.value.visible,
-        "onUpdate:visible": o[2] || (o[2] = (l) => s.value.visible = l),
-        loading: s.value.loading,
-        error: s.value.error,
-        title: s.value.title,
-        subtitle: s.value.subtitle,
-        "image-url": s.value.imageUrl,
-        details: s.value.details,
-        actions: s.value.actions,
-        data: s.value.data,
-        "show-avatar": a.showInfoAvatar,
-        onClose: Z,
+      w(fe, {
+        visible: n.value.visible,
+        "onUpdate:visible": o[2] || (o[2] = (l) => n.value.visible = l),
+        loading: n.value.loading,
+        error: n.value.error,
+        title: n.value.title,
+        subtitle: n.value.subtitle,
+        "image-url": n.value.imageUrl,
+        details: n.value.details,
+        actions: n.value.actions,
+        data: n.value.data,
+        "show-avatar": s.showInfoAvatar,
+        onClose: A,
         onRetry: le,
         onAction: oe
       }, {
-        footer: x(() => [
+        footer: C(() => [
           I(e.$slots, "info-footer", {
-            data: s.value.data,
+            data: n.value.data,
             marker: p.value
           })
         ]),
-        default: x(() => [
+        default: C(() => [
           I(e.$slots, "info-content", {
-            data: s.value.data,
+            data: n.value.data,
             marker: p.value
           })
         ]),
@@ -486,4 +469,3 @@ const ve = { class: "sl-flex sl-flex-col sl-gap-2" }, Me = /* @__PURE__ */ ne({
 export {
   Me as _
 };
-//# sourceMappingURL=UiMapAll.vue_vue_type_script_setup_true_lang-CMAyvJMk.js.map