@sjvair/monitor-map 3.0.3 → 3.0.5

package/dist/lib/search/Search.js

@@ -1,124 +0,0 @@
-import { mapManager as e } from "../map/map.svelte.js";
-import { monitorsMapIntegration as t } from "../monitors/monitors-map-integration.svelte.js";
-import { useMonitorMapRouter as n } from "../router-context.js";
-import { debounce as r } from "../utils.js";
-import { geocode as i, monitorSearch as a } from "./service.js";
-import "svelte/internal/disclose-version";
-import * as o from "svelte/internal/client";
-import { onDestroy as s } from "svelte";
-import { Marker as c } from "@maptiler/sdk";
-import { SearchIcon as l } from "@lucide/svelte";
-//#region src/lib/search/Search.svelte
-var u = o.from_html("<button class=\"px-2 text-gray-400 hover:text-gray-600 text-xl leading-none cursor-pointer\" aria-label=\"Clear search\">×</button>"), d = o.from_html("<img class=\"w-10 h-10 object-contain mr-3 shrink-0\"/>"), f = o.from_html("<button class=\"flex items-center w-full h-12 px-4 hover:brightness-95 bg-white text-left\"><!> <span class=\"text-sm truncate\"> </span></button>"), p = o.from_html("<p class=\"text-xs text-muted-foreground truncate\"> </p>"), m = o.from_html("<button class=\"flex items-center w-full h-12 px-4 hover:brightness-95 bg-white text-left\"><span class=\"svg-icon location-on bg-brand w-6 h-6 shrink-0 mr-3\"></span> <div class=\"min-w-0\"><p class=\"text-sm font-medium truncate\"> </p> <!></div></button>"), h = o.from_html("<div><div class=\"flex items-center w-full h-12 shrink-0\"><button class=\"w-12 h-12 shrink-0 flex items-center justify-center rounded-full bg-brand border-4 border-white\" aria-label=\"Open search\"><!></button> <div class=\"overflow-hidden w-full h-full flex items-center\"><input type=\"text\" placeholder=\"Search monitors or locations...\" class=\"h-full px-2 text-sm bg-transparent border-none outline-none w-full\"/> <!></div></div> <div></div></div>");
-function g(g, _) {
-	o.push(_, !0);
-	let { navigate: v, basePath: y } = n(), b = o.state(!0), x = o.state(""), S = o.state(o.proxy([])), C = o.state(null), w = o.state(null);
-	function T(e) {
-		function t(t) {
-			!o.get(b) && !e.contains(t.target) && (o.set(b, !0), o.set(x, ""), o.set(S, [], !0));
-		}
-		return document.addEventListener("click", t, !0), { destroy() {
-			document.removeEventListener("click", t, !0);
-		} };
-	}
-	async function E() {
-		o.get(b) && (o.set(b, !1), o.get(w)?.focus());
-	}
-	function D() {
-		o.set(x, ""), o.set(S, [], !0), o.get(C)?.remove(), o.set(C, null);
-	}
-	async function O() {
-		let e = o.get(x);
-		if (!e) {
-			o.set(S, [], !0), o.get(C)?.remove(), o.set(C, null);
-			return;
-		}
-		let t = await a(e);
-		if (o.get(x) === e) if (t.length) o.set(S, t, !0);
-		else if (e.length > 4) {
-			let t = await i(e);
-			if (o.get(x) !== e) return;
-			o.set(S, t, !0);
-		} else o.set(S, [], !0);
-	}
-	let k = r(O, 500);
-	async function A(n) {
-		if (o.set(b, !0), o.set(x, ""), o.set(S, [], !0), o.get(C)?.remove(), o.set(C, null), e.map && n.monitor.position) {
-			let { coordinates: t } = n.monitor.position, r = [t[0], t[1]];
-			e.map.flyTo({
-				center: r,
-				zoom: 12
-			});
-		}
-		await v(`${y}/monitor/:id`, { params: { id: n.monitor.id } }), t.selectedMonitorId = n.monitor.id;
-	}
-	function j(t) {
-		let { feature: n } = t;
-		if (o.get(C)?.remove(), o.set(C, null), e.map) {
-			let t = [n.center[0], n.center[1]];
-			o.set(C, new c().setLngLat(t).addTo(e.map));
-			let r = n.place_type?.[0] === "address";
-			e.map.flyTo({
-				center: t,
-				...r && { zoom: 16 }
-			});
-		}
-		o.set(S, [], !0), o.set(b, !0);
-	}
-	s(() => {
-		o.get(C)?.remove();
-	});
-	var M = h(), N = o.child(M), P = o.child(N);
-	l(o.child(P), {
-		size: "24",
-		color: "#FFFFFF"
-	}), o.reset(P);
-	var F = o.sibling(P, 2), I = o.child(F);
-	o.remove_input_defaults(I), o.bind_this(I, (e) => o.set(w, e), () => o.get(w));
-	var L = o.sibling(I, 2), R = (e) => {
-		var t = u();
-		o.delegated("click", t, D), o.append(e, t);
-	};
-	o.if(L, (e) => {
-		o.get(x) && !o.get(b) && e(R);
-	}), o.reset(F), o.reset(N);
-	var z = o.sibling(N, 2);
-	o.each(z, 21, () => o.get(S), (e) => e.type === "monitor" ? e.monitor.id : e.feature.place_name, (e, t) => {
-		var n = o.comment(), r = o.first_child(n), i = (e) => {
-			var n = f(), r = o.child(n), i = (e) => {
-				var n = d();
-				o.template_effect(() => {
-					o.set_attribute(n, "src", o.get(t).logo.url), o.set_attribute(n, "alt", o.get(t).logo.alt);
-				}), o.append(e, n);
-			};
-			o.if(r, (e) => {
-				o.get(t).logo.url && e(i);
-			});
-			var a = o.sibling(r, 2), s = o.child(a, !0);
-			o.reset(a), o.reset(n), o.template_effect(() => o.set_text(s, o.get(t).monitor.name)), o.delegated("click", n, () => A(o.get(t))), o.append(e, n);
-		}, a = (e) => {
-			let n = o.derived(() => o.get(t).feature.place_name.indexOf(","));
-			var r = m(), i = o.sibling(o.child(r), 2), a = o.child(i), s = o.child(a, !0);
-			o.reset(a);
-			var c = o.sibling(a, 2), l = (e) => {
-				var r = p(), i = o.child(r, !0);
-				o.reset(r), o.template_effect((e) => o.set_text(i, e), [() => o.get(t).feature.place_name.substring(o.get(n) + 1).trim()]), o.append(e, r);
-			};
-			o.if(c, (e) => {
-				o.get(n) >= 0 && e(l);
-			}), o.reset(i), o.reset(r), o.template_effect((e) => o.set_text(s, e), [() => o.get(t).feature.place_name.substring(0, o.get(n) < 0 ? void 0 : o.get(n))]), o.delegated("click", r, () => j(o.get(t))), o.append(e, r);
-		};
-		o.if(r, (e) => {
-			o.get(t).type === "monitor" ? e(i) : e(a, -1);
-		}), o.append(e, n);
-	}), o.reset(z), o.reset(M), o.action(M, (e) => T?.(e)), o.template_effect(() => {
-		o.set_class(M, 1, o.clsx([
-			"flex flex-col bg-white shadow-md overflow-hidden transition-all duration-300 select-none",
-			o.get(b) ? "w-12 h-12 rounded-full" : "w-90 rounded-3xl",
-			!o.get(b) && o.get(S).length ? "max-h-90" : "max-h-12"
-		])), o.set_attribute(I, "tabindex", o.get(b) ? -1 : 0), o.set_class(z, 1, o.clsx(["overflow-y-auto transition-all duration-300 divide-y divide-gray-100", o.get(b) ? "max-h-0" : "max-h-80"]));
-	}), o.delegated("click", P, E), o.delegated("input", I, k), o.bind_value(I, () => o.get(x), (e) => o.set(x, e)), o.append(g, M), o.pop();
-}
-o.delegate(["click", "input"]);
-//#endregion
-export { g as default };