@sjvair/monitor-map 3.0.2 → 3.0.4

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

@@ -1,142 +0,0 @@
-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 "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 { 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 = {
-	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(() => {
-		_.monitor && k();
-	}), c.user_effect(() => {
-		if (!c.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));
-		}
-		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
-	}), c.user_effect(() => {
-		v.chartData, c.get(w)?.();
-	});
-	let O = (e) => {
-		let t, r, i = () => {
-			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;
-			t?.destroy?.(), e.innerHTML = "";
-			let o = Math.max(...a) - Math.min(...a);
-			t = new n(s(_.monitor.type, o, r, i), v.chartData, e);
-		};
-		c.set(w, i);
-		let a = new ResizeObserver(() => {
-			cancelAnimationFrame(r), r = requestAnimationFrame(i);
-		});
-		return a.observe(e), () => {
-			c.set(w, void 0), cancelAnimationFrame(r), a.disconnect(), t?.destroy?.(), e.innerHTML = "";
-		};
-	};
-	async function k() {
-		v.loading = !0, v.chartData = await o(_.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());
-	}
-	function re() {
-		let t = f({
-			monitorId: _.monitor.id,
-			entryType: e.pollutant ?? "pm25",
-			timestampGte: v.dateRange.start,
-			timestampLte: v.dateRange.end
-		});
-		window.open(t);
-	}
-	function ie(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();
-	}
-	function j(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));
-		}
-		return a(t), {
-			update: a,
-			destroy() {}
-		};
-	}
-	var M = te();
-	let N;
-	var P = c.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), {
-			maxDays: 31,
-			onValueChange: A,
-			get value() {
-				return c.get(b);
-			},
-			set value(e) {
-				c.set(b, e, !0);
-			}
-		}), c.reset(t), c.append(e, t);
-	};
-	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, {});
-	}, q = (e) => {
-		d(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);
-		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);
-	};
-	c.if(Y, (e) => {
-		(v.loading || c.get(T)) && e(ae);
-	});
-	var X = c.sibling(Y, 2);
-	let Z;
-	var oe = c.child(X);
-	c.reset(X);
-	var Q = c.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();
-}
-c.delegate(["click"]);
-//#endregion
-export { g as default };

package/dist/lib/map/Map.js

@@ -1,14 +0,0 @@
-import { initializeMap as e } from "./map.svelte.js";
-import { integrationsManager as t } from "./integrations/integrations-manager.js";
-import * as n from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-import "@maptiler/sdk/dist/maptiler-sdk.css";
-//#region src/lib/map/Map.svelte
-var r = n.from_html("<div style=\"width: 100%; height: 100%;\"></div>");
-function i(i, a) {
-	n.push(a, !0), t.register(...a.integrations);
-	var o = r();
-	n.attach(o, () => e), n.append(i, o), n.pop();
-}
-//#endregion
-export { i as default };

package/dist/lib/map/MapStyleDisplayOptions.js

@@ -1,43 +0,0 @@
-import { MAP_STYLE_OPTIONS as e } from "./utils.js";
-import { DefaultMapStyle as t, mapManager as n } from "./map.svelte.js";
-import { integrationsManager as r } from "./integrations/integrations-manager.js";
-import i from "../components/DisplayOption.js";
-import * as a from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-import "@maptiler/sdk";
-//#region src/lib/map/MapStyleDisplayOptions.svelte
-var o = a.from_html("<option> </option>"), s = a.from_html("<option> </option>"), c = a.from_html("<p class=\"text-lg font-bold underline\">Map Styles</p> <label for=\"mapStyleType\">Style</label> <select id=\"mapStyleType\" name=\"selectedOption\" class=\"rounded border p-1\"></select> <label for=\"mapStyleVariant\">Variant</label> <select id=\"mapStyleType\" name=\"selectedOption\" class=\"rounded border p-1\"></select>", 1);
-function l(l, u) {
-	a.push(u, !0);
-	let d = t, f = a.state(a.proxy(t.getReferenceStyle())), p = a.state(a.proxy(t)), m = a.derived(() => a.get(f).getVariants());
-	a.user_effect(() => {
-		let e = a.get(f) !== d.getReferenceStyle(), t = a.get(p) !== d;
-		n.map !== null && (e && !t ? a.set(p, a.get(f).getDefaultVariant(), !0) : t && (n.map.once("style.load", async () => {
-			d = a.get(p), r.refresh();
-		}), n.map.setStyle(a.get(p))));
-	}), i(l, {
-		children: (t, n) => {
-			var r = c(), i = a.sibling(a.first_child(r), 4);
-			a.each(i, 21, () => e, a.index, (e, t) => {
-				var n = o(), r = a.child(n, !0);
-				a.reset(n);
-				var i = {};
-				a.template_effect((e) => {
-					a.set_text(r, e), i !== (i = a.get(t)) && (n.value = (n.__value = a.get(t)) ?? "");
-				}, [() => a.get(t).getName()]), a.append(e, n);
-			}), a.reset(i);
-			var l = a.sibling(i, 4);
-			a.each(l, 21, () => a.get(m), a.index, (e, t) => {
-				var n = s(), r = a.child(n, !0);
-				a.reset(n);
-				var i = {};
-				a.template_effect((e) => {
-					a.set_text(r, e), i !== (i = a.get(t)) && (n.value = (n.__value = a.get(t)) ?? "");
-				}, [() => a.get(t).getName()]), a.append(e, n);
-			}), a.reset(l), a.bind_select_value(i, () => a.get(f), (e) => a.set(f, e)), a.bind_select_value(l, () => a.get(p), (e) => a.set(p, e)), a.append(t, r);
-		},
-		$$slots: { default: !0 }
-	}), a.pop();
-}
-//#endregion
-export { l as default };

package/dist/lib/map/Menu.js

@@ -1,45 +0,0 @@
-import e from "../assets/icons/adjustment-horizontal.js";
-import * as t from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-//#region src/lib/map/Menu.svelte
-var n = t.from_html("<div data-trigger=\"\"><button aria-label=\"Display Options\"><img alt=\"SJVAir Icon\" class=\"size-8\" width=\"24\" height=\"24\"/></button> <div><div data-trigger=\"\" class=\"absolute top-0 left-0 flex h-fit w-full items-start justify-between gap-4 p-2 flex-wrap\"><!></div></div></div>");
-function r(r, i) {
-	let a = t.state(!1);
-	function o() {
-		t.get(a) || t.set(a, !0);
-	}
-	function s() {
-		t.get(a) && t.set(a, !1);
-	}
-	let c = (e) => e !== null, l = (e) => {
-		function t(t) {
-			if (c(t.target) && e.contains(t.target)) return "trigger" in t.target.dataset ? s() : o();
-			s();
-		}
-		return document.body.addEventListener("click", t), () => document.body.removeEventListener("click", t);
-	};
-	var u = n();
-	let d;
-	var f = t.child(u);
-	let p;
-	var m = t.child(f);
-	t.reset(f);
-	var h = t.sibling(f, 2);
-	let g;
-	var _ = t.child(h), v = t.child(_);
-	t.snippet(v, () => i.children ?? t.noop), t.reset(_), t.reset(h), t.reset(u), t.attach(u, () => l), t.template_effect(() => {
-		d = t.set_class(u, 1, "absolute top-0 left-0 flex items-center justify-center overflow-hidden rounded bg-white p-1 shadow transition-all duration-0 select-none", null, d, {
-			"rounded-full": !t.get(a),
-			"delay-100": !t.get(a)
-		}), p = t.set_class(f, 1, "relative size-8 transition-all", null, p, {
-			"w-0": t.get(a),
-			"h-0": t.get(a),
-			"opacity-0": t.get(a)
-		}), t.set_attribute(m, "src", e), g = t.set_class(h, 1, "relative flex h-0 w-0 items-center justify-center overflow-x-hidden overflow-y-scroll transition-all duration-250", null, g, {
-			"h-55": t.get(a),
-			"w-135": t.get(a)
-		});
-	}), t.append(r, u);
-}
-//#endregion
-export { r as default };

package/dist/lib/monitors/components/MonitorClusterTooltip.js

@@ -1,83 +0,0 @@
-import { monitorsManager as e } from "../monitors.svelte.js";
-import { mapManager as t } from "../../map/map.svelte.js";
-import { getCurrentLevel as n } from "../monitor-utils.js";
-import r from "../../components/DataBox.js";
-import * as i from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-import "@maptiler/sdk";
-import { area as a } from "@turf/area";
-import { convertArea as o } from "@turf/helpers";
-//#region src/lib/monitors/components/MonitorClusterTooltip.svelte
-var s = i.from_html("<span> </span>"), c = i.from_html("<div class=\"flex gap-2\"><!> <div class=\"flex flex-col\"><h1 class=\"text-lg font-bold\"> </h1> <p> <!></p> <div class=\"mt-auto\"><p class=\"text-base\"> </p> <p class=\"text-base leading-none\"> </p></div></div></div>");
-function l(l, u) {
-	i.push(u, !0);
-	let d = i.state(void 0);
-	i.user_effect(() => {
-		let r = t.map.getSource(u.feature.source), s = e.latest, c = e.meta;
-		r.getClusterLeaves(u.feature.properties.cluster_id, u.feature.properties.point_count, 0).then((e) => {
-			if (!e.length || !c || !s) return;
-			let t = e.map((e) => s?.get(e.properties.id)), r = t[0];
-			if (!r) return;
-			let a = c.entryType(r.latest.entry_type), o = c.monitorType(r.type), f = t.map((e) => e.position.coordinates), p = t.map((e) => parseFloat(e?.latest.value ?? "0")), m = Math.round(p.reduce((e, t) => e + t, 0) / t.length), h = n(m, a.asIter.levels);
-			i.set(d, {
-				color: h?.color || "#d3d3d3",
-				count: u.feature.properties.point_count,
-				coverage: l(f),
-				header: a.label,
-				clusterType: `${r.is_sjvair ? "SJVAir " : ""}${o.label} Monitors`,
-				subheading: "(cluster avg)",
-				max: p.reduce((e, t) => e > t ? e : t),
-				min: p.reduce((e, t) => e < t ? e : t),
-				value: m.toString()
-			}, !0);
-		});
-		function l(e) {
-			e.length === 3 && e.push(e[0]);
-			let t = a({
-				type: "Feature",
-				geometry: {
-					type: "Polygon",
-					coordinates: [e]
-				}
-			});
-			return t > 0 ? o(t, "meters", "miles").toFixed(3) : void 0;
-		}
-	});
-	var f = i.comment(), p = i.first_child(f), m = (e) => {
-		var t = c(), n = i.child(t);
-		r(n, {
-			get color() {
-				return i.get(d).color;
-			},
-			get header() {
-				return i.get(d).header;
-			},
-			get subheading() {
-				return i.get(d).subheading;
-			},
-			get value() {
-				return i.get(d).value;
-			}
-		});
-		var a = i.sibling(n, 2), o = i.child(a), l = i.child(o, !0);
-		i.reset(o);
-		var u = i.sibling(o, 2), f = i.child(u), p = i.sibling(f), m = (e) => {
-			var t = s(), n = i.child(t);
-			i.reset(t), i.template_effect(() => i.set_text(n, `covering ${i.get(d).coverage ?? ""}mi²`)), i.append(e, t);
-		};
-		i.if(p, (e) => {
-			i.get(d).coverage && e(m);
-		}), i.reset(u);
-		var h = i.sibling(u, 2), g = i.child(h), _ = i.child(g);
-		i.reset(g);
-		var v = i.sibling(g, 2), y = i.child(v);
-		i.reset(v), i.reset(h), i.reset(a), i.reset(t), i.template_effect(() => {
-			i.set_text(l, i.get(d).clusterType), i.set_text(f, `${i.get(d).count ?? ""} monitors `), i.set_text(_, `Max: ${i.get(d).max ?? ""}µg/m³`), i.set_text(y, `Min: ${i.get(d).min ?? ""}µg/m³`);
-		}), i.append(e, t);
-	};
-	i.if(p, (e) => {
-		i.get(d) && e(m);
-	}), i.append(l, f), i.pop();
-}
-//#endregion
-export { l as default };

package/dist/lib/monitors/components/MonitorSubscriptionManager.js

@@ -1,104 +0,0 @@
-import { monitorsManager as e } from "../monitors.svelte.js";
-import * as t from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-import { BellCheckIcon as n, BellOffIcon as r, ChevronDownIcon as i } from "@lucide/svelte";
-import { getSubscriptions as a, subscribe as o, unsubscribe as s } from "@sjvair/sdk/account";
-//#region src/lib/monitors/components/MonitorSubscriptionManager.svelte
-var c = t.from_html("<button class=\"cursor-pointer px-4 py-2 text-sm rounded-t w-full flex items-center justify-between border border-black/30 hover:bg-[#F5F5F3]\">Unsubscribe <!></button>"), l = t.from_html("<button><span> </span> <!></button>"), u = t.from_html("<button aria-label=\"Close\" class=\"fixed inset-0 z-10\"></button> <div class=\"absolute top-full left-0 z-20 mt-1 w-full overflow-hidden rounded shadow-lg\"><!> <!></div>", 1), d = t.from_html("<div class=\"relative select-none\"><button> <!></button> <!></div>");
-function f(f, p) {
-	t.push(p, !0);
-	let m = [
-		"unhealthy_sensitive",
-		"unhealthy",
-		"very_unhealthy",
-		"hazardous"
-	], h = t.state(!1), g = t.state(!1), _ = t.state(!1), v = t.state(null), y = t.derived(() => {
-		if (!e.meta) return [];
-		try {
-			return e.meta.entryType("pm25").asIter.levels.filter((e) => m.includes(e.name));
-		} catch {
-			return [];
-		}
-	});
-	t.user_effect(() => {
-		p.monitorId, t.set(h, !1), t.set(v, null), b();
-	});
-	async function b() {
-		let e = p.monitorId;
-		t.set(g, !0);
-		try {
-			let n = await a("");
-			if (e !== p.monitorId) return;
-			let r = n.find((t) => t.monitor === e);
-			t.set(v, r?.level ?? null, !0);
-		} finally {
-			e === p.monitorId && t.set(g, !1);
-		}
-	}
-	async function x(e) {
-		if (t.get(_) || !e) return;
-		t.set(_, !0);
-		let n = t.get(v);
-		try {
-			e === t.get(v) ? (await s({
-				monitorId: p.monitorId,
-				apiToken: "",
-				level: e
-			}), t.set(v, null)) : (await o({
-				monitorId: p.monitorId,
-				apiToken: "",
-				level: e
-			}), t.set(v, e, !0));
-		} catch {
-			t.set(v, n, !0);
-			return;
-		} finally {
-			t.set(_, !1);
-		}
-		t.set(h, !1);
-	}
-	var S = d(), C = t.child(S), w = t.child(C), T = t.sibling(w);
-	{
-		let e = t.derived(() => ["transition-transform duration-300", t.get(h) ? "rotate-180" : ""]);
-		i(T, {
-			size: 16,
-			get class() {
-				return t.get(e);
-			}
-		});
-	}
-	t.reset(C);
-	var E = t.sibling(C, 2), D = (e) => {
-		var i = u(), a = t.first_child(i), o = t.sibling(a, 2), s = t.child(o), d = (e) => {
-			var n = c();
-			r(t.sibling(t.child(n)), { size: 14 }), t.reset(n), t.delegated("click", n, () => x(t.get(v))), t.append(e, n);
-		};
-		t.if(s, (e) => {
-			t.get(v) && e(d);
-		});
-		var f = t.sibling(s, 2);
-		t.each(f, 17, () => t.get(y), (e) => e.name, (e, r) => {
-			let i = t.derived(() => t.get(r).name === t.get(v));
-			var a = l(), o = t.child(a), s = t.child(o, !0);
-			t.reset(o);
-			var c = t.sibling(o, 2), u = (e) => {
-				n(e, { size: 14 });
-			};
-			t.if(c, (e) => {
-				t.get(i) && e(u);
-			}), t.reset(a), t.template_effect(() => {
-				t.set_class(a, 1, t.clsx(["flex w-full items-center justify-between px-4 py-2 text-sm text-white last:rounded-b", t.get(i) ? "" : "first:rounded-t hover:brightness-90 cursor-pointer"])), t.set_style(a, `background-color: ${t.get(r).color ?? ""}`), a.disabled = t.get(_), t.set_text(s, t.get(r).label);
-			}), t.delegated("click", a, function(...e) {
-				(t.get(i) ? null : () => x(t.get(r).name))?.apply(this, e);
-			}), t.append(e, a);
-		}), t.reset(o), t.delegated("click", a, () => t.set(h, !1)), t.append(e, i);
-	};
-	t.if(E, (e) => {
-		t.get(h) && e(D);
-	}), t.reset(S), t.template_effect(() => {
-		t.set_class(C, 1, t.clsx(["flex w-full cursor-pointer items-center justify-center gap-2 rounded border px-3 py-1.5 text-sm font-semibold text-white", t.get(v) ? "border-green-700 bg-green-600 hover:bg-green-700" : "border-blue-600 bg-blue-500 hover:bg-blue-600"])), C.disabled = t.get(g), t.set_text(w, `${t.get(v) ? "Manage Subscription" : "Subscribe to Alerts"} `);
-	}), t.delegated("click", C, () => t.set(h, !t.get(h))), t.append(f, S), t.pop();
-}
-t.delegate(["click"]);
-//#endregion
-export { f as default };

package/dist/lib/monitors/components/MonitorTooltip.js

@@ -1,59 +0,0 @@
-import { monitorsManager as e } from "../monitors.svelte.js";
-import { getCurrentLevel as t } from "../monitor-utils.js";
-import n from "../../components/DataBox.js";
-import * as r from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-import { format as i, formatDistanceToNow as a } from "date-fns";
-//#region src/lib/monitors/components/MonitorTooltip.svelte
-var o = r.from_html("<div class=\"flex gap-2\"><!> <div class=\"flex flex-col\"><p> </p> <h1 class=\"text-lg font-bold underline\"> </h1> <div class=\"mt-auto\"><p class=\"text-base leading-none\">Last updated</p> <p class=\"text-base leading-none\"> </p></div></div></div>");
-function s(s, c) {
-	r.push(c, !0);
-	let l = r.derived(() => {
-		let n = e.latest?.get(c.feature.properties.id);
-		if (!n || !e.meta) return;
-		let r = e.meta.entryType(n.latest.entry_type), o = t(n.latest.value, r.asIter.levels), s = e.meta.monitorType(n.type).expected_interval;
-		return {
-			color: o?.color ?? "",
-			header: r.label,
-			date: {
-				formatted: i(n.latest.timestamp, "h:mm:aaa EEEE MMM dd, yyyy"),
-				diference: a(n.latest.timestamp, {
-					addSuffix: !0,
-					includeSeconds: !0
-				})
-			},
-			subheading: `(${s} avg)`,
-			value: Math.round(parseInt(n.latest.value, 10)).toString()
-		};
-	});
-	var u = r.comment(), d = r.first_child(u), f = (e) => {
-		var t = o(), i = r.child(t);
-		n(i, {
-			get color() {
-				return r.get(l).color;
-			},
-			get header() {
-				return r.get(l).header;
-			},
-			get subheading() {
-				return r.get(l).subheading;
-			},
-			get value() {
-				return r.get(l).value;
-			}
-		});
-		var a = r.sibling(i, 2), s = r.child(a), u = r.child(s, !0);
-		r.reset(s);
-		var d = r.sibling(s, 2), f = r.child(d, !0);
-		r.reset(d);
-		var p = r.sibling(d, 2), m = r.sibling(r.child(p), 2), h = r.child(m, !0);
-		r.reset(m), r.reset(p), r.reset(a), r.reset(t), r.template_effect(() => {
-			r.set_text(u, r.get(l).date.formatted), r.set_text(f, c.feature.properties.name), r.set_text(h, r.get(l).date.diference);
-		}), r.append(e, t);
-	};
-	r.if(d, (e) => {
-		r.get(l) && e(f);
-	}), r.append(s, u), r.pop();
-}
-//#endregion
-export { s as default };

package/dist/lib/monitors/components/MonitorWidgetModal.js

@@ -1,40 +0,0 @@
-import { portal as e } from "../../actions.js";
-import * as t from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-import { SquareX as n } from "@lucide/svelte";
-import { origin as r } from "@sjvair/sdk/http";
-//#region src/lib/monitors/components/MonitorWidgetModal.svelte
-var i = t.from_html("<div class=\"select-none\"><button class=\"cursor-pointer rounded border border-blue-400 bg-blue-500 px-3 py-1.5 text-sm font-semibold text-white hover:bg-blue-600\">Get the widget!</button> <div><div class=\"m-4 flex max-w-[min(450px,calc(100vw-2rem))] flex-col items-center justify-center rounded bg-white p-4 shadow-lg\"><button translate=\"no\" class=\"cursor-pointer self-end\"><!></button> <div translate=\"no\"></div> <p class=\"mb-4 text-center\">Copy the following code and paste it in your website</p> <div class=\"group relative flex w-full items-center overflow-hidden bg-neutral-800 hover:bg-neutral-600\"><code class=\"cursor-text overflow-x-scroll bg-inherit text-gray-300 select-text\"> </code> <div class=\"invisible absolute top-1/2 left-[calc(100%-3rem)] flex -translate-y-1/2 cursor-pointer items-center justify-center rounded-full bg-black/80 p-2 group-hover:visible\"><button aria-label=\"Copy\" translate=\"no\" class=\"svg-icon content-copy cursor-pointer bg-gray-300\"></button></div> <div>Copied to clipboard!</div></div></div></div></div>");
-function a(a, o) {
-	let s = {
-		overflow: "hidden",
-		width: "290px",
-		height: "390px"
-	}, c = t.state(!1), l = t.state(!1), u = t.derived(() => `${r}/widget/#/${o.monitorId}`), d = t.derived(() => `<iframe src="${t.get(u)}" frameborder="0" allowtransparency="true" style="overflow: ${s.overflow}; width: ${s.width}; height: ${s.height};"></iframe>`);
-	function f() {
-		navigator.clipboard.writeText(t.get(d)), t.set(l, !0), setTimeout(() => {
-			t.set(l, !1);
-		}, 1e3 * 2);
-	}
-	function p() {
-		t.set(c, !0), document.body.style.overflow = "hidden";
-	}
-	function m() {
-		t.set(c, !1), document.body.style.overflow = "auto";
-	}
-	var h = i(), g = t.child(h), _ = t.sibling(g, 2), v = t.child(_), y = t.child(v);
-	n(t.child(y), {}), t.reset(y);
-	var b = t.sibling(y, 2);
-	t.html(b, () => t.get(d), !0), t.reset(b);
-	var x = t.sibling(b, 4), S = t.child(x), C = t.child(S, !0);
-	t.reset(S);
-	var w = t.sibling(S, 2), T = t.child(w);
-	t.reset(w);
-	var E = t.sibling(w, 2);
-	t.reset(x), t.reset(v), t.reset(_), t.action(_, (t) => e?.(t)), t.reset(h), t.template_effect(() => {
-		t.set_class(_, 1, t.clsx(["fixed inset-0 z-9999 flex items-center justify-center bg-black/50 backdrop-blur-sm transition-all duration-200", t.get(c) ? "visible" : "invisible"])), t.set_text(C, t.get(d)), t.set_class(E, 1, t.clsx(["absolute flex h-full w-full items-center justify-center bg-[#1fb9ef] text-white transition-all duration-200 [text-shadow:1px_2px_4px_#333]", t.get(l) ? "left-0" : "left-[120%]"]));
-	}), t.delegated("click", g, p), t.delegated("click", y, m), t.delegated("click", T, f), t.append(a, h);
-}
-t.delegate(["click"]);
-//#endregion
-export { a as default };

package/dist/lib/monitors/components/MonitorsDisplayOptions.js

@@ -1,76 +0,0 @@
-import { monitorsManager as e } from "../monitors.svelte.js";
-import { monitorsMapIntegration as t } from "../monitors-map-integration.svelte.js";
-import n from "../../components/DisplayOption.js";
-import r from "../../components/SegmentedControl.js";
-import i from "../../components/ToggleSwitch.js";
-import * as a from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-//#region src/lib/monitors/components/MonitorsDisplayOptions.svelte
-var o = a.from_html("<img class=\"w-3\"/>"), s = a.from_html("<label class=\"flex gap-1 cursor-pointer whitespace-nowrap select-none\"><input type=\"checkbox\"/> <!> </label>"), c = a.from_html("<p class=\"text-lg font-bold underline\">Air Monitors</p> <div class=\"mb-2 w-full text-xs\"><div class=\"w-fit\"><!></div> <!></div> <!>", 1);
-function l(l, u) {
-	a.push(u, !0);
-	let d = [{
-		label: "PM 2.5",
-		value: "pm25"
-	}, {
-		label: "Ozone",
-		value: "o3"
-	}], f = a.derived(() => e.pollutant && e.pollutant === "pm25" ? Object.entries(t.displayOptions) : Object.entries(t.displayOptions).filter(([t, n]) => t === "inactive" || e.meta?.asIter.monitors.some((t) => t.label === n.label && e.pollutant && e.pollutant in t.entries)));
-	a.user_effect(() => {
-		e.list = [], e.latest = null, e.update();
-	}), n(l, {
-		children: (n, l) => {
-			var u = c(), p = a.sibling(a.first_child(u), 2), m = a.child(p);
-			i(a.child(m), {
-				id: "monitor-clusters",
-				label: "Marker Clusters",
-				get value() {
-					return t.clustered;
-				},
-				set value(e) {
-					t.clustered = e;
-				}
-			}), a.reset(m);
-			var h = a.sibling(m, 2), g = (t) => {
-				r(t, {
-					segmentLabel: "Pollutant:",
-					get options() {
-						return d;
-					},
-					get group() {
-						return e.pollutant;
-					},
-					set group(t) {
-						e.pollutant = t;
-					}
-				});
-			};
-			a.if(h, (t) => {
-				e.pollutant && t(g);
-			}), a.reset(p);
-			var _ = a.sibling(p, 2);
-			a.each(_, 17, () => a.get(f), ([e, t]) => t.label, (e, t) => {
-				var n = a.derived(() => a.to_array(a.get(t), 2));
-				let r = () => a.get(n)[0], i = () => a.get(n)[1], c = a.derived(() => `${r()}-monitor-display-option`);
-				var l = s(), u = a.child(l);
-				a.remove_input_defaults(u);
-				var d = a.sibling(u, 2), f = (e) => {
-					var t = o();
-					a.template_effect(() => {
-						a.set_attribute(t, "src", i().icon.image.src), a.set_attribute(t, "alt", i().icon.image.alt);
-					}), a.append(e, t);
-				};
-				a.if(d, (e) => {
-					i().icon && e(f);
-				});
-				var p = a.sibling(d);
-				a.reset(l), a.template_effect(() => {
-					a.set_attribute(l, "for", a.get(c)), a.set_attribute(u, "id", a.get(c)), a.set_attribute(u, "name", i().label), a.set_text(p, ` ${i().label ?? ""}`);
-				}), a.bind_checked(u, () => i().value, (e) => i().value = e), a.append(e, l);
-			}), a.append(n, u);
-		},
-		$$slots: { default: !0 }
-	}), a.pop();
-}
-//#endregion
-export { l as default };