@stachelock/ui 0.6.15 → 0.6.16

package/dist/NavigationItem.vue_vue_type_script_setup_true_lang-C8aX-84Q.js

@@ -1,56 +0,0 @@
-import { defineComponent as c, createElementBlock as t, openBlock as l, createElementVNode as o, normalizeStyle as a, normalizeClass as s, createBlock as m, createCommentVNode as n, resolveDynamicComponent as r, toDisplayString as i } from "vue";
-const d = ["href"], g = {
-  key: 0,
-  class: "sl-truncate"
-}, y = /* @__PURE__ */ c({
-  __name: "NavigationItem",
-  props: {
-    name: {},
-    href: {},
-    icon: {},
-    isActive: { type: Boolean },
-    iconOnly: { type: Boolean },
-    badge: {},
-    badgeTheme: {}
-  },
-  setup(e) {
-    return (h, f) => (l(), t("li", null, [
-      o("a", {
-        href: e.href,
-        class: s([
-          "sl-group sl-flex sl-gap-x-3 sl-rounded-md sl-p-2 sl-text-sm sl-leading-6 sl-font-semibold",
-          e.isActive ? "sl-bg-stachelock-400" : "hover:sl-bg-white/10"
-        ]),
-        style: a({
-          color: e.isActive ? "#fef2f2" : "#fca5a5",
-          backgroundColor: e.isActive ? "#f87171" : "transparent"
-        })
-      }, [
-        (l(), m(r(e.icon), {
-          class: s([
-            "sl-h-6 sl-w-6 sl-shrink-0"
-          ]),
-          style: a({
-            color: e.isActive ? "#fef2f2" : "#fca5a5"
-          }),
-          "aria-hidden": "true"
-        }, null, 8, ["style"])),
-        e.iconOnly ? n("", !0) : (l(), t("span", g, i(e.name), 1)),
-        e.badge ? (l(), t("span", {
-          key: 1,
-          class: s([
-            "sl-ml-auto sl-inline-flex sl-items-center sl-rounded-md sl-px-2 sl-py-1 sl-text-xs sl-font-medium",
-            e.badgeTheme === "primary" ? "sl-bg-stachelock-400 sl-text-white" : "",
-            e.badgeTheme === "secondary" ? "sl-bg-gray-400 sl-text-white" : "",
-            e.badgeTheme === "success" ? "sl-bg-green-400 sl-text-white" : "",
-            e.badgeTheme === "warning" ? "sl-bg-yellow-400 sl-text-white" : "",
-            e.badgeTheme === "danger" ? "sl-bg-red-400 sl-text-white" : ""
-          ])
-        }, i(e.badge), 3)) : n("", !0)
-      ], 14, d)
-    ]));
-  }
-});
-export {
-  y as _
-};

package/dist/UiMapAll.vue_vue_type_script_setup_true_lang-11yT7mTH.js

@@ -1,471 +0,0 @@
-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 */
-    apiKey: {
-      type: String,
-      default: ""
-    },
-    /** Array of markers or data objects */
-    items: {
-      type: Array,
-      default: () => []
-    },
-    /** Custom coordinate extractor for data objects */
-    coordinateExtractor: {
-      type: Function,
-      default: void 0
-    },
-    /** ID field for data objects */
-    idField: {
-      type: String,
-      default: "id"
-    },
-    /** Title field for data objects */
-    titleField: {
-      type: String,
-      default: "name"
-    },
-    /** Initial map center */
-    center: {
-      type: Object,
-      default: () => ({ lat: 39.8283, lng: -98.5795 })
-      // US center
-    },
-    /** Initial zoom level */
-    zoom: {
-      type: Number,
-      default: 4
-    },
-    /** Map width */
-    width: {
-      type: String,
-      default: "100%"
-    },
-    /** Map height */
-    height: {
-      type: String,
-      default: "400px"
-    },
-    /** Map theme */
-    theme: {
-      type: String,
-      default: "ultraLight"
-    },
-    /** Auto-switch theme based on dark mode */
-    autoTheme: {
-      type: Boolean,
-      default: !0
-    },
-    /** Enable clustering */
-    enableClustering: {
-      type: Boolean,
-      default: !0
-    },
-    /** Clustering options */
-    clusteringOptions: {
-      type: Object,
-      default: () => ({
-        minimumClusterSize: 2,
-        maxZoom: 15,
-        gridSize: 60,
-        maxMarkersWithoutClustering: 100
-      })
-    },
-    /** Maximum markers to render */
-    maxMarkers: {
-      type: Number,
-      default: 500
-    },
-    /** Marker color */
-    markerColor: {
-      type: String,
-      default: "primary"
-    },
-    /** Marker size */
-    markerSize: {
-      type: String,
-      default: "md"
-    },
-    /** Use pin-style markers */
-    pinMarkers: {
-      type: Boolean,
-      default: !1
-    },
-    /** Custom marker icon */
-    markerIcon: {
-      type: Object,
-      default: void 0
-    },
-    /** Show info window on marker click */
-    showInfoWindow: {
-      type: Boolean,
-      default: !0
-    },
-    /** Show avatar in info window */
-    showInfoAvatar: {
-      type: Boolean,
-      default: !0
-    },
-    /** Info window actions */
-    infoActions: {
-      type: Array,
-      default: () => []
-    },
-    /** Info window field mapping */
-    infoFields: {
-      type: Array,
-      default: () => []
-    },
-    /** Data loading state */
-    isDataLoading: {
-      type: Boolean,
-      default: !1
-    },
-    /** Data loading text */
-    dataLoadingText: {
-      type: String,
-      default: "Loading data..."
-    },
-    /** Show marker count badge */
-    showMarkerCount: {
-      type: Boolean,
-      default: !1
-    },
-    /** Show controls */
-    showControls: {
-      type: Boolean,
-      default: !0
-    },
-    /** Show default zoom controls */
-    showDefaultZoomControls: {
-      type: Boolean,
-      default: !0
-    },
-    /** Show fit to markers button */
-    showFitButton: {
-      type: Boolean,
-      default: !0
-    },
-    /** Controls position */
-    controlsPosition: {
-      type: String,
-      default: "bottom-left"
-    },
-    /** Auto fit to markers on load */
-    autoFit: {
-      type: Boolean,
-      default: !1
-    },
-    /** Fit padding */
-    fitPadding: {
-      type: Number,
-      default: 50
-    }
-  },
-  emits: ["marker-click", "cluster-click", "info-action", "ready", "error", "update:visible-markers", "update:center", "update:zoom"],
-  setup(s, { expose: K, emit: q }) {
-    const t = s, d = q, {
-      markers: T,
-      clusters: M,
-      shouldShowClusters: P,
-      processMarkers: S,
-      markersFromData: G
-    } = me({
-      clustering: t.enableClustering ? {
-        enabled: !0,
-        ...t.clusteringOptions
-      } : { enabled: !1 }
-    }), 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,
-      title: "",
-      subtitle: "",
-      imageUrl: "",
-      details: [],
-      actions: [],
-      data: void 0
-    }), H = L(() => ({
-      apiKey: t.apiKey,
-      center: t.center,
-      zoom: t.zoom,
-      width: t.width,
-      height: t.height,
-      theme: t.theme,
-      autoTheme: t.autoTheme
-    })), a = L(() => {
-      if (!t.items.length) return [];
-      const e = t.items[0];
-      return "position" in e && "id" in e ? t.items : G(
-        t.items,
-        t.coordinateExtractor,
-        t.idField
-      ).slice(0, t.maxMarkers);
-    }), 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));
-        }), a.value.filter((o) => !e.has(o.id)).slice(0, t.maxMarkers);
-      }
-      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) : a.value.slice(0, t.maxMarkers);
-    });
-    function J(e) {
-      y.value = e.map, O.value = !0, d("ready", e), t.autoFit && a.value.length > 0 && setTimeout(() => z(), 100);
-    }
-    function Q() {
-      A();
-    }
-    function X(e) {
-      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 && m.value && S(e.zoom, m.value);
-    }
-    function D() {
-      if (h.value) {
-        const e = h.value.getBounds?.();
-        e && (m.value = e);
-      }
-    }
-    function _(e) {
-      d("error", e);
-    }
-    function ee(e) {
-      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 W(e) {
-      const o = e.data;
-      n.value = {
-        visible: !0,
-        loading: !1,
-        error: null,
-        title: e.title || o?.[t.titleField] || "Details",
-        subtitle: o?.subtitle || "",
-        imageUrl: o?.imageUrl || o?.profile_image || o?.image || "",
-        details: t.infoFields.length > 0 ? t.infoFields.map((l) => ({
-          label: l.label,
-          value: o?.[l.field] || "",
-          type: l.type
-        })) : [],
-        actions: t.infoActions,
-        data: e.data
-      };
-    }
-    function A() {
-      n.value.visible = !1, p.value = null;
-    }
-    function le() {
-      p.value && W(p.value);
-    }
-    function oe(e) {
-      d("info-action", { ...e, marker: p.value || void 0 });
-    }
-    function ae(e) {
-      return {
-        path: 0,
-        // google.maps.SymbolPath.CIRCLE
-        scale: Math.min(20 + Math.log(e.size) * 5, 40),
-        fillColor: ge(e.size),
-        fillOpacity: 0.8,
-        strokeColor: "#ffffff",
-        strokeWeight: 2
-      };
-    }
-    function j() {
-      if (h.value) {
-        const e = f.value;
-        h.value.setZoom?.(Math.min(e + 1, 21));
-      }
-    }
-    function N() {
-      if (h.value) {
-        const e = f.value;
-        h.value.setZoom?.(Math.max(e - 1, 1));
-      }
-    }
-    function z() {
-      if (!y.value || a.value.length === 0) return;
-      const e = new google.maps.LatLngBounds();
-      a.value.forEach((o) => e.extend(o.position)), y.value.fitBounds(e, t.fitPadding);
-    }
-    return U(() => t.items, () => {
-      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);
-    }), ne(() => {
-      T.value = a.value;
-    }), K({
-      getMap: () => y.value,
-      fitToMarkers: z,
-      zoomIn: j,
-      zoomOut: N,
-      panTo: (e) => y.value?.panTo(e),
-      setZoom: (e) => y.value?.setZoom(e),
-      closeInfoWindow: A,
-      getMarkers: () => a.value,
-      getVisibleMarkers: () => Z.value,
-      getClusters: () => M.value
-    }), (e, o) => (u(), v(B, null, [
-      w(ce, re({
-        ref_key: "mapRef",
-        ref: h
-      }, H.value, {
-        "show-custom-controls": s.showControls,
-        "show-default-zoom-controls": s.showDefaultZoomControls,
-        "controls-position": s.controlsPosition,
-        onReady: J,
-        onClick: Q,
-        onBoundsChanged: X,
-        onZoomChanged: Y,
-        onIdle: D,
-        onError: _,
-        center: F.value,
-        "onUpdate:center": o[0] || (o[0] = (l) => F.value = l),
-        zoom: f.value,
-        "onUpdate:zoom": o[1] || (o[1] = (l) => f.value = l)
-      }), {
-        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,
-              title: `${r.size} items in this area`,
-              ready: l,
-              icon: ae(r),
-              "z-index": 1e3,
-              onClick: (he) => te(r, c)
-            }, null, 8, ["position", "id", "title", "ready", "icon", "onClick"]))), 128)) : b("", !0),
-            (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: 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: 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"])
-          }, [
-            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),
-            x("span", {
-              class: i(["sl-text-sm", l ? "sl-text-gray-300" : "sl-text-gray-600"])
-            }, E(s.dataLoadingText), 3)
-          ], 2)) : b("", !0),
-          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(a.value.length) + " " + E(a.value.length === 1 ? "marker" : "markers"), 3)) : b("", !0),
-          I(e.$slots, "overlay", {
-            isDark: l,
-            markers: a.value,
-            clusters: k(M)
-          })
-        ]),
-        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"])
-            }, [
-              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"
-              }, [
-                w(k(ie), {
-                  class: i(["sl-w-4 sl-h-4", l ? "sl-text-gray-300" : "sl-text-gray-600"])
-                }, null, 8, ["class"])
-              ], 2),
-              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"
-              }, [
-                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),
-            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"
-            }, [
-              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),
-            I(e.$slots, "controls", { isDark: l })
-          ])
-        ]),
-        _: 3
-      }, 16, ["show-custom-controls", "show-default-zoom-controls", "controls-position", "center", "zoom"]),
-      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: C(() => [
-          I(e.$slots, "info-footer", {
-            data: n.value.data,
-            marker: p.value
-          })
-        ]),
-        default: C(() => [
-          I(e.$slots, "info-content", {
-            data: n.value.data,
-            marker: p.value
-          })
-        ]),
-        _: 3
-      }, 8, ["visible", "loading", "error", "title", "subtitle", "image-url", "details", "actions", "data", "show-avatar"])
-    ], 64));
-  }
-});
-export {
-  Me as _
-};