@sjvair/monitor-map 3.0.1 → 3.0.3

package/dist/lib/data-chart/DataChart.js

@@ -1,62 +1,62 @@
 import { monitorsManager as e } from "../monitors/monitors.svelte.js";
-import { $58246871e4652552$export$5adfdab05168c219 as t } from "../node_modules/@internationalized/date/dist/private/string.js";
-import { uPlot as n } from "../node_modules/uplot/dist/uPlot.esm.js";
-import r from "../components/ui/range-calendar/range-calendar.js";
-import { createDateRange as i } from "./DateRange.js";
-import { DataChartManager as a } from "./data-chart.svelte.js";
-import { fetchChartData as o } from "./requests.js";
-import { getChartConfig as s } from "./chart-utils.js";
-import * as c from "svelte/internal/client";
+import t from "../components/ui/range-calendar/range-calendar.js";
+import { createDateRange as n } from "./DateRange.js";
+import { DataChartManager as r } from "./data-chart.svelte.js";
+import { fetchChartData as i } from "./requests.js";
+import { getChartConfig as a } from "./chart-utils.js";
 import "svelte/internal/disclose-version";
-import { format as l, parseISO as u } from "date-fns";
-import { Maximize as d, SquareX as ee } from "@lucide/svelte";
+import * as o from "svelte/internal/client";
+import { Maximize as ee, SquareX as s } from "@lucide/svelte";
+import { format as c, parseISO as l } from "date-fns";
+import { parseAbsolute as u } from "@internationalized/date";
+import d from "uplot";
 import { getMonitorEntriesCSVUrl as f } from "@sjvair/sdk/monitors";
 //#region src/lib/data-chart/DataChart.svelte
-var p = c.from_html("<div class=\"absolute top-full left-0 z-50 mt-1 rounded border border-gray-200 bg-white p-2 shadow-lg\"><!></div>"), m = c.from_html("<div class=\"absolute inset-0 flex flex-col items-center justify-center text-center text-2xl font-bold\"><span> </span> <br/> </div>"), te = c.from_html("<div><div><div class=\"flex items-center justify-between gap-2 p-1\"><div><button class=\"cursor-pointer rounded border border-gray-300 px-2 py-1 text-xs hover:bg-gray-50\"> </button> <!></div> <button>⬇ Download</button> <div><button class=\"cursor-pointer rounded p-0.5 hover:bg-gray-100\"><!></button></div></div> <div class=\"chart-area relative svelte-1j6xa4t\"><!> <h2> </h2> <button aria-label=\"Download\"></button></div></div></div>"), h = {
+var p = o.from_html("<div class=\"absolute top-full left-0 z-50 mt-1 rounded border border-gray-200 bg-white p-2 shadow-lg\"><!></div>"), te = o.from_html("<div class=\"absolute inset-0 flex flex-col items-center justify-center text-center text-2xl font-bold\"><span> </span> <br/> </div>"), m = o.from_html("<div><div><div class=\"flex items-center justify-between gap-2 p-1\"><div><button class=\"cursor-pointer rounded border border-gray-300 px-2 py-1 text-xs hover:bg-gray-50\"> </button> <!></div> <button>⬇ Download</button> <div><button class=\"cursor-pointer rounded p-0.5 hover:bg-gray-100\"><!></button></div></div> <div class=\"chart-area relative svelte-1j6xa4t\"><!> <h2> </h2> <button aria-label=\"Download\"></button></div></div></div>"), h = {
 	hash: "svelte-1j6xa4t",
 	code: ".backdrop.svelte-1j6xa4t {width:100%;}.backdrop.expanded.svelte-1j6xa4t {position:fixed;inset:0;z-index:9000;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;}.chart-panel.svelte-1j6xa4t {position:relative;display:flex;flex-direction:column;gap:1rem;padding:0.5rem 0 1rem;width:100%;}.chart-panel.expanded.svelte-1j6xa4t {width:90%;height:68vh;border-radius:0.5rem;background:white;padding:1rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);}.chart-area.svelte-1j6xa4t {display:flex;flex-direction:column;height:375px;}.chart-panel.expanded.svelte-1j6xa4t .chart-area:where(.svelte-1j6xa4t) {flex:1;min-height:0;height:auto;}.chart-canvas.svelte-1j6xa4t {flex:1;min-height:0;}.spin.svelte-1j6xa4t {display:inline-block;\n		animation: svelte-1j6xa4t-spinner 1s linear infinite;}\n	@keyframes svelte-1j6xa4t-spinner {\n		from {\n			transform: rotate(0deg);\n		}\n		to {\n			transform: rotate(360deg);\n		}\n	}"
 };
 function g(g, _) {
-	c.push(_, !0), c.append_styles(g, h);
-	let v = new a(), y = c.state(!1), b = c.state(c.proxy({
-		start: t(v.dateRange.start, "America/Los_Angeles"),
-		end: t(v.dateRange.end, "America/Los_Angeles")
-	})), x = c.state(void 0), S = c.state(!1), C = c.state(void 0), w = c.state(void 0), ne = c.derived(() => l(u(v.dateRange.start), "MMM d") + " – " + l(u(v.dateRange.end), "MMM d, yyyy")), T = c.derived(() => !v.chartData.length), E = c.derived(() => v.loading ? "Loading Data" : c.get(T) ? "No Data Available For Selected Date Range" : ""), D = c.derived(() => e.pollutant === "pm25" ? "PM 2.5" : "Ozone");
-	c.user_effect(() => {
+	o.push(_, !0), o.append_styles(g, h);
+	let v = new r(), y = o.state(!1), b = o.state(o.proxy({
+		start: u(v.dateRange.start, "America/Los_Angeles"),
+		end: u(v.dateRange.end, "America/Los_Angeles")
+	})), x = o.state(void 0), S = o.state(!1), C = o.state(void 0), w = o.state(void 0), ne = o.derived(() => c(l(v.dateRange.start), "MMM d") + " – " + c(l(v.dateRange.end), "MMM d, yyyy")), T = o.derived(() => !v.chartData.length), E = o.derived(() => v.loading ? "Loading Data" : o.get(T) ? "No Data Available For Selected Date Range" : ""), D = o.derived(() => e.pollutant === "pm25" ? "PM 2.5" : "Ozone");
+	o.user_effect(() => {
 		_.monitor && k();
-	}), c.user_effect(() => {
-		if (!c.get(S)) return;
+	}), o.user_effect(() => {
+		if (!o.get(S)) return;
 		function e(e) {
-			c.get(C) && !c.get(C).contains(e.target) && ((!c.get(b)?.start || !c.get(b)?.end) && c.set(b, c.get(x), !0), c.set(S, !1));
+			o.get(C) && !o.get(C).contains(e.target) && ((!o.get(b)?.start || !o.get(b)?.end) && o.set(b, o.get(x), !0), o.set(S, !1));
 		}
 		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
-	}), c.user_effect(() => {
-		v.chartData, c.get(w)?.();
+	}), o.user_effect(() => {
+		v.chartData, o.get(w)?.();
 	});
 	let O = (e) => {
-		let t, r, i = () => {
+		let t, n, r = () => {
 			if (!v.chartData.length) return;
-			let { width: r, height: i } = e.getBoundingClientRect();
-			if (!r || !i) return;
-			let a = v.chartData.slice(1).flat().filter((e) => e !== null);
-			if (!a.length) return;
+			let { width: n, height: r } = e.getBoundingClientRect();
+			if (!n || !r) return;
+			let i = v.chartData.slice(1).flat().filter((e) => e !== null);
+			if (!i.length) return;
 			t?.destroy?.(), e.innerHTML = "";
-			let o = Math.max(...a) - Math.min(...a);
-			t = new n(s(_.monitor.type, o, r, i), v.chartData, e);
+			let o = Math.max(...i) - Math.min(...i);
+			t = new d(a(_.monitor.type, o, n, r), v.chartData, e);
 		};
-		c.set(w, i);
-		let a = new ResizeObserver(() => {
-			cancelAnimationFrame(r), r = requestAnimationFrame(i);
+		o.set(w, r);
+		let i = new ResizeObserver(() => {
+			cancelAnimationFrame(n), n = requestAnimationFrame(r);
 		});
-		return a.observe(e), () => {
-			c.set(w, void 0), cancelAnimationFrame(r), a.disconnect(), t?.destroy?.(), e.innerHTML = "";
+		return i.observe(e), () => {
+			o.set(w, void 0), cancelAnimationFrame(n), i.disconnect(), t?.destroy?.(), e.innerHTML = "";
 		};
 	};
 	async function k() {
-		v.loading = !0, v.chartData = await o(_.monitor, v.dateRange), v.loading = !1;
+		v.loading = !0, v.chartData = await i(_.monitor, v.dateRange), v.loading = !1;
 	}
 	function A() {
-		c.get(b)?.start && c.get(b)?.end && (c.set(x, c.get(b), !0), v.dateRange = i(c.get(x).start, c.get(x).end), c.set(S, !1), k());
+		o.get(b)?.start && o.get(b)?.end && (o.set(x, o.get(b), !0), v.dateRange = n(o.get(x).start, o.get(x).end), o.set(S, !1), k());
 	}
 	function re() {
 		let t = f({
@@ -67,14 +67,14 @@ function g(g, _) {
 		});
 		window.open(t);
 	}
-	function ie(e) {
+	function j(e) {
 		if (!e.shiftKey) return;
 		let t = e.currentTarget.querySelector("canvas");
 		if (!t) return;
 		let n = document.createElement("a");
-		n.download = `${_.monitor.name.split(" ").join("-")}_${l(u(v.dateRange.start), "dd.MMM.yyyy")}-${l(u(v.dateRange.end), "dd.MMM.yyyy")}.png`, n.href = t.toDataURL(), n.click();
+		n.download = `${_.monitor.name.split(" ").join("-")}_${c(l(v.dateRange.start), "dd.MMM.yyyy")}-${c(l(v.dateRange.end), "dd.MMM.yyyy")}.png`, n.href = t.toDataURL(), n.click();
 	}
-	function j(e, t) {
+	function ie(e, t) {
 		let n = e.parentElement, r = e.nextElementSibling, i = document.getElementById("SJVAirMonitorMap");
 		function a(t) {
 			n && i && (t ? i.moveBefore(e, i.firstElementChild) : n.moveBefore(e, r));
@@ -84,59 +84,59 @@ function g(g, _) {
 			destroy() {}
 		};
 	}
-	var M = te();
+	var M = m();
 	let N;
-	var P = c.child(M);
+	var P = o.child(M);
 	let F;
-	var I = c.child(P), L = c.child(I), R = c.child(L), z = c.child(R, !0);
-	c.reset(R);
-	var B = c.sibling(R, 2), V = (e) => {
-		var t = p();
-		r(c.child(t), {
+	var I = o.child(P), L = o.child(I), R = o.child(L), z = o.child(R, !0);
+	o.reset(R);
+	var B = o.sibling(R, 2), V = (e) => {
+		var n = p();
+		t(o.child(n), {
 			maxDays: 31,
 			onValueChange: A,
 			get value() {
-				return c.get(b);
+				return o.get(b);
 			},
 			set value(e) {
-				c.set(b, e, !0);
+				o.set(b, e, !0);
 			}
-		}), c.reset(t), c.append(e, t);
+		}), o.reset(n), o.append(e, n);
 	};
-	c.if(B, (e) => {
-		c.get(S) && e(V);
-	}), c.reset(L), c.bind_this(L, (e) => c.set(C, e), () => c.get(C));
-	var H = c.sibling(L, 2), U = c.sibling(H, 2), W = c.child(U), G = c.child(W), K = (e) => {
-		ee(e, {});
+	o.if(B, (e) => {
+		o.get(S) && e(V);
+	}), o.reset(L), o.bind_this(L, (e) => o.set(C, e), () => o.get(C));
+	var H = o.sibling(L, 2), U = o.sibling(H, 2), W = o.child(U), G = o.child(W), K = (e) => {
+		s(e, {});
 	}, q = (e) => {
-		d(e, { size: 16 });
+		ee(e, { size: 16 });
 	};
-	c.if(G, (e) => {
-		c.get(y) ? e(K) : e(q, -1);
-	}), c.reset(W), c.reset(U), c.reset(I);
-	var J = c.sibling(I, 2), Y = c.child(J), ae = (e) => {
-		var t = m(), n = c.child(t);
+	o.if(G, (e) => {
+		o.get(y) ? e(K) : e(q, -1);
+	}), o.reset(W), o.reset(U), o.reset(I);
+	var J = o.sibling(I, 2), Y = o.child(J), ae = (e) => {
+		var t = te(), n = o.child(t);
 		let r;
-		var i = c.child(n, !0);
-		c.reset(n);
-		var a = c.sibling(n, 3);
-		c.reset(t), c.template_effect(() => {
-			r = c.set_class(n, 1, "svelte-1j6xa4t", null, r, { spin: v.loading }), c.set_text(i, v.loading ? "↻" : "⚠"), c.set_text(a, ` ${c.get(E) ?? ""}`);
-		}), c.append(e, t);
+		var i = o.child(n, !0);
+		o.reset(n);
+		var a = o.sibling(n, 3);
+		o.reset(t), o.template_effect(() => {
+			r = o.set_class(n, 1, "svelte-1j6xa4t", null, r, { spin: v.loading }), o.set_text(i, v.loading ? "↻" : "⚠"), o.set_text(a, ` ${o.get(E) ?? ""}`);
+		}), o.append(e, t);
 	};
-	c.if(Y, (e) => {
-		(v.loading || c.get(T)) && e(ae);
+	o.if(Y, (e) => {
+		(v.loading || o.get(T)) && e(ae);
 	});
-	var X = c.sibling(Y, 2);
+	var X = o.sibling(Y, 2);
 	let Z;
-	var oe = c.child(X);
-	c.reset(X);
-	var Q = c.sibling(X, 2);
+	var oe = o.child(X);
+	o.reset(X);
+	var Q = o.sibling(X, 2);
 	let $;
-	c.attach(Q, () => O), c.reset(J), c.reset(P), c.reset(M), c.action(M, (e, t) => j?.(e, t), () => c.get(y)), c.template_effect(() => {
-		N = c.set_class(M, 1, "backdrop svelte-1j6xa4t", null, N, { expanded: c.get(y) }), F = c.set_class(P, 1, "chart-panel svelte-1j6xa4t", null, F, { expanded: c.get(y) }), c.set_class(L, 1, c.clsx(["relative", { "flex-1": c.get(y) }])), c.set_attribute(R, "aria-expanded", c.get(S)), c.set_text(z, c.get(ne)), c.set_class(H, 1, c.clsx(["cursor-pointer rounded border border-green-400 bg-green-500 px-2 py-1 text-xs font-semibold text-white hover:bg-green-600", { "flex-none": c.get(y) }])), c.set_class(U, 1, c.clsx(["text-right", { "flex-1": c.get(y) }])), c.set_attribute(W, "title", c.get(y) ? "Collapse" : "Expand Chart"), Z = c.set_class(X, 1, "text-center text-xl font-bold", null, Z, { invisible: v.loading || c.get(T) }), c.set_text(oe, `${c.get(D) ?? ""} Readings`), $ = c.set_class(Q, 1, "chart-canvas svelte-1j6xa4t", null, $, { invisible: v.loading || c.get(T) });
-	}), c.delegated("click", R, () => c.set(S, !c.get(S))), c.delegated("click", H, re), c.delegated("click", W, () => c.set(y, !c.get(y))), c.delegated("click", Q, ie), c.append(g, M), c.pop();
+	o.attach(Q, () => O), o.reset(J), o.reset(P), o.reset(M), o.action(M, (e, t) => ie?.(e, t), () => o.get(y)), o.template_effect(() => {
+		N = o.set_class(M, 1, "backdrop svelte-1j6xa4t", null, N, { expanded: o.get(y) }), F = o.set_class(P, 1, "chart-panel svelte-1j6xa4t", null, F, { expanded: o.get(y) }), o.set_class(L, 1, o.clsx(["relative", { "flex-1": o.get(y) }])), o.set_attribute(R, "aria-expanded", o.get(S)), o.set_text(z, o.get(ne)), o.set_class(H, 1, o.clsx(["cursor-pointer rounded border border-green-400 bg-green-500 px-2 py-1 text-xs font-semibold text-white hover:bg-green-600", { "flex-none": o.get(y) }])), o.set_class(U, 1, o.clsx(["text-right", { "flex-1": o.get(y) }])), o.set_attribute(W, "title", o.get(y) ? "Collapse" : "Expand Chart"), Z = o.set_class(X, 1, "text-center text-xl font-bold", null, Z, { invisible: v.loading || o.get(T) }), o.set_text(oe, `${o.get(D) ?? ""} Readings`), $ = o.set_class(Q, 1, "chart-canvas svelte-1j6xa4t", null, $, { invisible: v.loading || o.get(T) });
+	}), o.delegated("click", R, () => o.set(S, !o.get(S))), o.delegated("click", H, re), o.delegated("click", W, () => o.set(y, !o.get(y))), o.delegated("click", Q, j), o.append(g, M), o.pop();
 }
-c.delegate(["click"]);
+o.delegate(["click"]);
 //#endregion
 export { g as default };

package/dist/lib/ev-stations/components/EvStationClusterTooltip.js

@@ -0,0 +1,16 @@
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+//#region src/lib/ev-stations/components/EvStationClusterTooltip.svelte
+var t = e.from_html("<div class=\"flex flex-col gap-1 p-1\"><p class=\"font-semibold\"> </p> <p class=\"text-sm\"> </p></div>");
+function n(n, r) {
+	e.push(r, !0);
+	let i = e.derived(() => r.feature.source.includes("lvl2") ? "Level 2" : "Level 3");
+	var a = t(), o = e.child(a), s = e.child(o);
+	e.reset(o);
+	var c = e.sibling(o, 2), l = e.child(c);
+	e.reset(c), e.reset(a), e.template_effect(() => {
+		e.set_text(s, `${e.get(i) ?? ""} Chargers`), e.set_text(l, `${r.feature.properties.point_count ?? ""} stations`);
+	}), e.append(n, a), e.pop();
+}
+//#endregion
+export { n as default };

package/dist/lib/ev-stations/components/EvStationTooltip.js

@@ -0,0 +1,120 @@
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+import t from "@lucide/svelte/icons/credit-card";
+import n from "@lucide/svelte/icons/zap";
+//#region src/lib/ev-stations/components/EvStationTooltip.svelte
+var r = e.from_html("<span class=\"rounded bg-blue-500 px-2 py-0.5 text-xs text-white\"> </span>"), i = e.from_html("<div class=\"flex flex-wrap justify-center gap-2\"><!> <!></div>"), a = e.from_html("<a class=\"text-sm underline\"> </a>"), o = e.from_html("<a target=\"_blank\" class=\"text-sm leading-tight underline\"> <br/> </a>"), s = e.from_html("<p> </p>"), c = e.from_html("<div class=\"flex flex-col text-sm\"></div>"), l = e.from_html("<span class=\"w-fit rounded bg-red-500 px-2 py-0.5 text-xs text-white\"> </span>"), u = e.from_html("<span class=\"flex items-center gap-1 rounded border px-1.5 py-0.5 text-xs\"><!> </span>"), d = e.from_html("<div class=\"flex flex-wrap gap-1\"></div>"), f = e.from_html("<span class=\"flex items-center gap-1 rounded bg-green-600 px-1.5 py-0.5 text-xs font-semibold text-white\"><!> </span>"), p = e.from_html("<div class=\"text-sm\"></div>"), m = e.from_html("<div class=\"flex max-w-xs flex-col gap-2 p-1\"><p class=\"text-center text-lg font-bold\"> </p> <!> <div class=\"flex gap-4\"><div class=\"flex flex-col gap-1\"><!> <!></div> <!></div> <!> <!> <!> <!></div>");
+function h(h, g) {
+	e.push(g, !0);
+	let _ = e.derived(() => {
+		let e = g.feature.properties;
+		return {
+			p: e,
+			connectors: JSON.parse(e.ev_connector_types || "[]"),
+			cards: e.cards_accepted ? e.cards_accepted.split(",").map((e) => e.trim()) : [],
+			hours: (() => {
+				if (!e.access_days_time) return [];
+				let t = e.access_days_time.includes("|") ? "|" : ";";
+				return e.access_days_time.split(t).map((e) => {
+					let t = e.trim();
+					return t.charAt(0).toUpperCase() + t.slice(1);
+				});
+			})(),
+			pricingLines: e.ev_pricing ? e.ev_pricing.split(";").flatMap((e) => e.split("and").map((e) => e.trim()).filter(Boolean)) : [],
+			mapsUrl: !e.street_address || !e.city || !e.state || !e.zip ? "" : `https://maps.google.com/?q=${e.street_address}+${e.city},+${e.state}+${e.zip}`
+		};
+	});
+	var v = m(), y = e.child(v), b = e.child(y, !0);
+	e.reset(y);
+	var x = e.sibling(y, 2), S = (t) => {
+		var n = i(), a = e.child(n), o = (t) => {
+			var n = r(), i = e.child(n, !0);
+			e.reset(n), e.template_effect(() => e.set_text(i, e.get(_).p.facility_type)), e.append(t, n);
+		};
+		e.if(a, (t) => {
+			e.get(_).p.facility_type && t(o);
+		});
+		var s = e.sibling(a, 2), c = (t) => {
+			var n = r(), i = e.child(n, !0);
+			e.reset(n), e.template_effect(() => e.set_text(i, e.get(_).p.ev_network)), e.append(t, n);
+		};
+		e.if(s, (t) => {
+			e.get(_).p.ev_network && t(c);
+		}), e.reset(n), e.append(t, n);
+	};
+	e.if(x, (t) => {
+		(e.get(_).p.facility_type || e.get(_).p.ev_network) && t(S);
+	});
+	var C = e.sibling(x, 2), w = e.child(C), T = e.child(w), E = (t) => {
+		var n = a(), r = e.child(n, !0);
+		e.reset(n), e.template_effect(() => {
+			e.set_attribute(n, "href", `tel:+1${e.get(_).p.station_phone ?? ""}`), e.set_text(r, e.get(_).p.station_phone);
+		}), e.append(t, n);
+	};
+	e.if(T, (t) => {
+		e.get(_).p.station_phone && t(E);
+	});
+	var D = e.sibling(T, 2), O = (t) => {
+		var n = o(), r = e.child(n, !0), i = e.sibling(r, 2);
+		e.reset(n), e.template_effect(() => {
+			e.set_attribute(n, "href", e.get(_).mapsUrl), e.set_text(r, e.get(_).p.street_address), e.set_text(i, `${e.get(_).p.city ?? ""}, ${e.get(_).p.state ?? ""}
+					${e.get(_).p.zip ?? ""}`);
+		}), e.append(t, n);
+	};
+	e.if(D, (t) => {
+		e.get(_).mapsUrl && t(O);
+	}), e.reset(w);
+	var k = e.sibling(w, 2), A = (t) => {
+		var n = c();
+		e.each(n, 21, () => e.get(_).hours, e.index, (t, n) => {
+			var r = s(), i = e.child(r, !0);
+			e.reset(r), e.template_effect(() => e.set_text(i, e.get(n))), e.append(t, r);
+		}), e.reset(n), e.append(t, n);
+	};
+	e.if(k, (t) => {
+		e.get(_).hours.length && t(A);
+	}), e.reset(C);
+	var j = e.sibling(C, 2), M = (t) => {
+		var n = l(), r = e.child(n, !0);
+		e.reset(n), e.template_effect(() => e.set_text(r, e.get(_).p.access_detail_code)), e.append(t, n);
+	};
+	e.if(j, (t) => {
+		e.get(_).p.access_detail_code && t(M);
+	});
+	var N = e.sibling(j, 2), P = (n) => {
+		var r = d();
+		e.each(r, 21, () => e.get(_).cards, e.index, (n, r) => {
+			var i = u(), a = e.child(i);
+			t(a, { class: "size-3.5" });
+			var o = e.sibling(a);
+			e.reset(i), e.template_effect(() => e.set_text(o, ` ${e.get(r) ?? ""}`)), e.append(n, i);
+		}), e.reset(r), e.append(n, r);
+	};
+	e.if(N, (t) => {
+		e.get(_).cards.length && t(P);
+	});
+	var F = e.sibling(N, 2), I = (t) => {
+		var r = d();
+		e.each(r, 21, () => e.get(_).connectors, e.index, (t, r) => {
+			var i = f(), a = e.child(i);
+			n(a, { class: "size-3.5" });
+			var o = e.sibling(a);
+			e.reset(i), e.template_effect(() => e.set_text(o, ` ${e.get(r) ?? ""}`)), e.append(t, i);
+		}), e.reset(r), e.append(t, r);
+	};
+	e.if(F, (t) => {
+		e.get(_).connectors.length && t(I);
+	});
+	var L = e.sibling(F, 2), R = (t) => {
+		var n = p();
+		e.each(n, 21, () => e.get(_).pricingLines, e.index, (t, n) => {
+			var r = s(), i = e.child(r, !0);
+			e.reset(r), e.template_effect(() => e.set_text(i, e.get(n))), e.append(t, r);
+		}), e.reset(n), e.append(t, n);
+	};
+	e.if(L, (t) => {
+		e.get(_).pricingLines.length && t(R);
+	}), e.reset(v), e.template_effect(() => e.set_text(b, e.get(_).p.station_name)), e.append(h, v), e.pop();
+}
+//#endregion
+export { h as default };

package/dist/lib/ev-stations/components/EvStationsDisplayOptions.js

@@ -0,0 +1,41 @@
+import e from "../../components/DisplayOption.js";
+import t from "../../components/ToggleSwitch.js";
+import { evStationsMapIntegration as n } from "../ev-stations-map-integration.svelte.js";
+import "svelte/internal/disclose-version";
+import * as r from "svelte/internal/client";
+import "svelte/internal/flags/legacy";
+//#region src/lib/ev-stations/components/EvStationsDisplayOptions.svelte
+var i = r.reactive_import(() => n), a = r.from_html("<p class=\"whitespace-nowrap text-lg font-bold underline\">EV Stations</p> <div class=\"mb-2 w-full text-xs\"><div class=\"w-fit\"><!></div></div> <label for=\"ev-lvl2\" class=\"flex gap-1 cursor-pointer select-none whitespace-nowrap\"><input type=\"checkbox\" id=\"ev-lvl2\"/> <img class=\"w-5\"/> Level 2</label> <label for=\"ev-lvl3\" class=\"flex gap-1 cursor-pointer select-none whitespace-nowrap\"><input type=\"checkbox\" id=\"ev-lvl3\"/> <img class=\"w-5\"/> Level 3</label>", 1);
+function o(n, o) {
+	r.push(o, !1);
+	let { displayOptions: s } = i();
+	r.init(), e(n, {
+		children: (e, n) => {
+			var o = a(), c = r.sibling(r.first_child(o), 2), l = r.child(c);
+			t(r.child(l), {
+				id: "ev-clusters",
+				label: "Marker Clusters",
+				get value() {
+					return i().clustered;
+				},
+				set value(e) {
+					i(i().clustered = e);
+				},
+				$$legacy: !0
+			}), r.reset(l), r.reset(c);
+			var u = r.sibling(c, 2), d = r.child(u);
+			r.remove_input_defaults(d);
+			var f = r.sibling(d, 2);
+			r.next(), r.reset(u);
+			var p = r.sibling(u, 2), m = r.child(p);
+			r.remove_input_defaults(m);
+			var h = r.sibling(m, 2);
+			r.next(), r.reset(p), r.template_effect(() => {
+				r.set_attribute(f, "src", s.lvl2.icon.image.src), r.set_attribute(f, "alt", s.lvl2.icon.image.alt), r.set_attribute(h, "src", s.lvl3.icon.image.src), r.set_attribute(h, "alt", s.lvl3.icon.image.alt);
+			}), r.bind_checked(d, () => i().displayOptions.lvl2.value, (e) => i(i().displayOptions.lvl2.value = e)), r.bind_checked(m, () => i().displayOptions.lvl3.value, (e) => i(i().displayOptions.lvl3.value = e)), r.append(e, o);
+		},
+		$$slots: { default: !0 }
+	}), r.pop();
+}
+//#endregion
+export { o as default };

package/dist/lib/ev-stations/data-maps.js

@@ -0,0 +1,4 @@
+//#region src/lib/ev-stations/data-maps.ts
+var e = (/* @__PURE__ */ new Map()).set("CALL", "Call ahead").set("KEY_AFTER_HOURS", "Card key after hours").set("KEY_ALWAYS", "Card key at all times").set("CREDIT_CARD_AFTER_HOURS", "Credit card after hours").set("CREDIT_CARD_ALWAYS", "Credit card at all times").set("FLEET", "Fleet customers only").set("GOVERNMENT", "Government only").set("LIMITED_HOURS", "Limited hours").set("RESIDENTIAL", "Residential"), t = (/* @__PURE__ */ new Map()).set("all", "All").set("A", "American Express").set("CREDIT", "Credit").set("Debit", "Debit").set("D", "Discover").set("M", "MasterCard").set("V", "Visa").set("Cash", "Cash").set("Checks", "Check").set("ACCOUNT_BALANCE", "Account Balance").set("ALLIANCE", "Alliance AutoGas").set("ANDROID_PAY", "Android Pay").set("APPLE_PAY", "Apple Pay").set("ARI", "ARI").set("CleanEnergy", "Clean Energy").set("Comdata", "Comdata").set("CFN", "Commercial Fueling Network").set("EFS", "EFS").set("FleetOne", "Fleet One").set("FuelMan", "Fuelman").set("GasCard", "GASCARD").set("PacificPride", "Pacific Pride").set("PHH", "PHH").set("Proprietor", "Proprietor Fleet Card").set("Speedway", "Speedway").set("SuperPass", "SuperPass").set("TCH", "TCH").set("Tchek", "T-Chek T-Card").set("Trillium", "Trillium").set("Voyager", "Voyager").set("Wright_Exp", "WEX"), n = (/* @__PURE__ */ new Map()).set("NEMA1450", "NEMA 14-50").set("NEMA515", "NEMA 5-15").set("NEMA520", "NEMA 5-20").set("J1772", "J1772").set("J1772COMBO", "CCS").set("CHADEMO", "CHAdeMO").set("TESLA", "Tesla"), r = (/* @__PURE__ */ new Map()).set("AddÉnergie Technologies", "AddÉnergie").set("AMPUP", "AmpUp").set("BCHYDRO", "BC Hydro").set("Blink Network", "Blink").set("CHARGELAB", "ChargeLab").set("ChargePoint Network", "ChargePoint").set("Circuit électrique", "Circuit électrique").set("eCharge Network", "eCharge Network").set("Electrify America", "Electrify America").set("Electrify Canada", "Electrify Canada").set("EVCS", "EV Charging Solutions").set("EV Connect", "EV Connect").set("EVGATEWAY", "evGateway").set("eVgo Network", "EVgo").set("EVRANGE", "EV Range").set("FLO", "FLO").set("FPLEV", "FPL EVolution").set("FCN", "Francis").set("IVY", "Ivy").set("LIVINGSTON", "Livingston Energy Group").set("Non-Networked", "Non-Networked").set("OpConnect", "OpConnect").set("PETROCAN", "Petro-Canada").set("POWERFLEX", "PowerFlex").set("RIVIAN_ADVENTURE", "Rivian Adventure Network").set("RIVIAN_WAYPOINTS", "Rivian Waypoints").set("SemaCharge Network", "SemaConnect").set("SHELL_RECHARGE", "Shell Recharge").set("Sun Country Highway", "Sun Country Highway").set("SWTCH", "Swtch Energy").set("Tesla Destination", "Tesla Destination").set("Tesla", "Tesla Supercharger").set("UNIVERSAL", "Universal EV Chargers").set("Volta", "Volta").set("Webasto", "Webasto").set("ZEFNET", "ZEF Network"), i = (/* @__PURE__ */ new Map()).set("AIRPORT", "Airport").set("ARENA", "Arena").set("AUTO_REPAIR", "Auto Repair Shop").set("BANK", "Bank").set("B_AND_B", "B&B").set("BREWERY_DISTILLERY_WINERY", "Brewery/Distillery/Winery").set("CAMPGROUND", "Campground").set("CAR_DEALER", "Car Dealer").set("CARWASH", "Carwash").set("COLLEGE_CAMPUS", "College Campus").set("CONVENIENCE_STORE", "Convenience Store").set("CONVENTION_CENTER", "Convention Center").set("COOP", "Co-Op").set("FACTORY", "Factory").set("FED_GOV", "Federal Government").set("FIRE_STATION", "Fire Station").set("FLEET_GARAGE", "Fleet Garage").set("FUEL_RESELLER", "Fuel Reseller").set("GROCERY", "Grocery Store").set("HARDWARE_STORE", "Hardware Store").set("HOSPITAL", "Hospital").set("HOTEL", "Hotel").set("INN", "Inn").set("LIBRARY", "Library").set("MIL_BASE", "Military Base").set("MOTOR_POOL", "Motor Pool").set("MULTI_UNIT_DWELLING", "Multi-Family Housing").set("MUNI_GOV", "Municipal Government").set("MUSEUM", "Museum").set("NATL_PARK", "National Park").set("OFFICE_BLDG", "Office Building").set("OTHER", "Other").set("OTHER_ENTERTAINMENT", "Other Entertainment").set("PARK", "Park").set("PARKING_GARAGE", "Parking Garage").set("PARKING_LOT", "Parking Lot").set("PAY_GARAGE", "Pay-Parking Garage").set("PAY_LOT", "Pay-Parking Lot").set("PHARMACY", "Pharmacy").set("PLACE_OF_WORSHIP", "Place of Worship").set("PRISON", "Prison").set("PUBLIC", "Public").set("REC_SPORTS_FACILITY", "Recreational Sports Facility").set("REFINERY", "Refinery").set("RENTAL_CAR_RETURN", "Rental Car Return").set("RESEARCH_FACILITY", "Research Facility/Laboratory").set("RESTAURANT", "Restaurant").set("REST_STOP", "Rest Stop").set("RETAIL", "Retail").set("RV_PARK", "RV Park").set("SCHOOL", "School").set("GAS_STATION", "Service/Gas Station").set("SHOPPING_CENTER", "Shopping Center").set("SHOPPING_MALL", "Shopping Mall").set("STADIUM", "Stadium").set("STANDALONE_STATION", "Standalone Station").set("STATE_GOV", "State/Provincial Government").set("STORAGE", "Storage Facility").set("STREET_PARKING", "Street Parking").set("TNC", "Transportation Network Company").set("TRAVEL_CENTER", "Travel Center").set("TRUCK_STOP", "Truck Stop").set("UTILITY", "Utility").set("WORKPLACE", "Workplace");
+//#endregion
+export { e as accessDetailCodeTypes, t as creditCardTypes, n as evConnectorTypes, r as evNetworkTypes, i as facilityTypes };

package/dist/lib/ev-stations/ev-station-icons.js

@@ -0,0 +1,32 @@
+import { asDataURI as e } from "../map/icons.js";
+import { MapIconManager as t } from "../map/integrations/map-icon-manager.js";
+//#region src/lib/ev-stations/ev-station-icons.ts
+var n = "m340-200 100-160h-60v-120L280-320h60v120ZM240-560h240v-200H240v200Zm0 360h240v-280H240v280Zm-80 80v-640q0-33 23.5-56.5T240-840h240q33 0 56.5 23.5T560-760v280h50q29 0 49.5 20.5T680-410v185q0 17 14 31t31 14q18 0 31.5-14t13.5-31v-375h-10q-17 0-28.5-11.5T720-640v-80h20v-60h40v60h40v-60h40v60h20v80q0 17-11.5 28.5T840-600h-10v375q0 42-30.5 73.5T725-120q-43 0-74-31.5T620-225v-185q0-5-2.5-7.5T610-420h-50v300H160Zm320-80H240h240Z", r = {
+	lvl2: {
+		bg: "rgb(62, 142, 208)",
+		border: "rgb(42, 114, 174)"
+	},
+	lvl3: {
+		bg: "rgb(53, 73, 182)",
+		border: "rgb(42, 58, 146)"
+	}
+};
+function i(e, t) {
+	return `<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="16" cy="16" r="14" fill="${e}" stroke="${t}" stroke-width="2"/>
+  <svg x="6" y="6" width="20" height="20" viewBox="0 -960 960 960">
+    <path d="${n}" fill="white"/>
+  </svg>
+</svg>`;
+}
+var a = class extends t {
+	constructor() {
+		super();
+		for (let [t, n] of Object.entries(r)) {
+			let r = `ev-station-${t}`, a = new Image(32, 32);
+			a.src = e(i(n.bg, n.border)), this.register(r, a);
+		}
+	}
+};
+//#endregion
+export { r as EV_STATION_LEVELS, a as EvStationIconManager, i as evStationIcon };

package/dist/lib/ev-stations/ev-stations-cluster-renderer.js

@@ -0,0 +1,118 @@
+import { mountPopup as e } from "../map/utils.js";
+import { mapManager as t } from "../map/map.svelte.js";
+import { clickManager as n } from "../map/integrations/click-manager.js";
+import { EV_STATION_LEVELS as r } from "./ev-station-icons.js";
+import i from "./components/EvStationClusterTooltip.js";
+//#region src/lib/ev-stations/ev-stations-cluster-renderer.ts
+function a(t) {
+	let n = t.features?.[0];
+	if (n) return e(i, { feature: n }, t.lngLat);
+}
+var o = class {
+	ctx;
+	_levels = [];
+	constructor(e) {
+		this.ctx = e;
+	}
+	apply(e) {
+		if (t.map) for (let i of Object.keys(r)) {
+			let o = `${this.ctx.referenceId}-${i}`, s = this.ctx.featuresByLevel[i] ?? [], { bg: c } = r[i], l = c.replace("rgb(", "rgba(").replace(")", ", 0.6)");
+			t.map.addSource(o, {
+				type: "geojson",
+				promoteId: "id",
+				data: {
+					type: "FeatureCollection",
+					features: s
+				},
+				cluster: !0,
+				clusterRadius: 40,
+				clusterMaxZoom: 9
+			}), t.map.addLayer({
+				id: `${o}-cluster-circle`,
+				type: "circle",
+				source: o,
+				filter: ["has", "point_count"],
+				paint: {
+					"circle-color": l,
+					"circle-radius": [
+						"step",
+						["get", "point_count"],
+						15,
+						10,
+						20,
+						25,
+						25
+					]
+				}
+			}, this.ctx.beforeLayer), t.map.addLayer({
+				id: `${o}-cluster-label`,
+				type: "symbol",
+				source: o,
+				filter: ["has", "point_count"],
+				layout: {
+					"text-field": ["get", "point_count_abbreviated"],
+					"text-size": 12,
+					"text-allow-overlap": !0,
+					"text-ignore-placement": !0
+				},
+				paint: { "text-color": "#ffffff" }
+			}, this.ctx.beforeLayer), t.map.addLayer({
+				id: `${o}-unclustered`,
+				type: "symbol",
+				source: o,
+				filter: ["!", ["has", "point_count"]],
+				layout: {
+					"icon-image": `ev-station-${i}`,
+					"icon-allow-overlap": !0,
+					"icon-ignore-placement": !0,
+					"icon-size": 1
+				},
+				paint: {}
+			}, this.ctx.beforeLayer);
+			let u = `${o}-cluster-circle`, d = `${o}-unclustered`;
+			this.ctx.tooltipManager.has(u) || this.ctx.tooltipManager.register(u, a), n.register([u], this.makeClusterClickHandler(o)), n.register([d], e), this._levels.push(i);
+		}
+	}
+	remove() {
+		if (t.map) {
+			for (let e of this._levels) {
+				let r = `${this.ctx.referenceId}-${e}`, i = [
+					`${r}-cluster-circle`,
+					`${r}-cluster-label`,
+					`${r}-unclustered`
+				];
+				for (let e of i) n.unregister([e]), t.map.getLayer(e) && t.map.removeLayer(e);
+				t.map.getSource(r) && t.map.removeSource(r);
+			}
+			this._levels = [];
+		}
+	}
+	get unclusteredLayerIds() {
+		return this._levels.map((e) => `${this.ctx.referenceId}-${e}-unclustered`);
+	}
+	syncFeatures() {
+		if (t.map) for (let e of this._levels) {
+			let n = `${this.ctx.referenceId}-${e}`;
+			t.setDataSource(n, this.ctx.featuresByLevel[e] ?? []);
+		}
+	}
+	makeClusterClickHandler(e) {
+		return async (n) => {
+			try {
+				let r = n[0];
+				if (!r?.properties?.cluster_id) return;
+				let i = t.map?.getSource(e);
+				if (!i) return;
+				let a = await i.getClusterExpansionZoom(r.properties.cluster_id), o = r.geometry.coordinates;
+				t.map?.easeTo({
+					center: o,
+					zoom: a
+				});
+			} catch (e) {
+				console.error("EvStations: cluster expansion zoom failed", e);
+			}
+		};
+	}
+};
+//#endregion
+export { o as EvStationsClusterRenderer };