@sjvair/monitor-map 3.0.3 → 3.0.5

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

@@ -1,41 +0,0 @@
-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/hms/components/HMSFireLegend.js

@@ -1,35 +0,0 @@
-import { hmsFireMapIntegration as e } from "../hms-fire-map-integration.svelte.js";
-import "svelte/internal/disclose-version";
-import * as t from "svelte/internal/client";
-import "svelte/internal/flags/legacy";
-//#region src/lib/hms/components/HMSFireLegend.svelte
-var n = t.from_html("<div class=\"flex gap-1 items-center\"><div class=\"size-9 flex justify-center items-center\"><img/></div> <span> </span></div>"), r = t.from_html("<div class=\"flex flex-col bg-white rounded shadow w-fit p-1\"><p class=\"text-center whitespace-nowrap font-semibold\">Fire Points</p> <div class=\"flex flex-col\"></div></div>");
-function i(i, a) {
-	t.push(a, !1);
-	let o = [
-		"<10",
-		"10-49",
-		"50-149",
-		"150-349",
-		"≥350"
-	];
-	t.init();
-	var s = t.comment(), c = t.first_child(s), l = (i) => {
-		var a = r(), s = t.sibling(t.child(a), 2);
-		t.each(s, 5, () => e.icons.iter, t.index, (e, r, i) => {
-			var a = t.derived(() => t.to_array(t.get(r), 2));
-			let s = () => t.get(a)[1];
-			var c = n(), l = t.child(c), u = t.child(l);
-			t.reset(l);
-			var d = t.sibling(l, 2), f = t.child(d);
-			t.reset(d), t.reset(c), t.template_effect(() => {
-				t.set_attribute(u, "src", s().image.src), t.set_attribute(u, "alt", s().image.alt), t.set_text(f, `${o[i] ?? ""} MW`);
-			}), t.append(e, c);
-		}), t.reset(s), t.reset(a), t.append(i, a);
-	};
-	t.if(c, (t) => {
-		e.enabled && e.features.length > 0 && t(l);
-	}), t.append(i, s), t.pop();
-}
-//#endregion
-export { i 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 "svelte/internal/disclose-version";
-import * as n from "svelte/internal/client";
-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 "svelte/internal/disclose-version";
-import * as a from "svelte/internal/client";
-import "@maptiler/sdk";
-//#region src/lib/map/MapStyleDisplayOptions.svelte
-var o = a.from_html("<option> </option>"), s = 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 c(c, l) {
-	a.push(l, !0);
-	let u = t, d = a.state(a.proxy(t.getReferenceStyle())), f = a.state(a.proxy(t)), p = a.derived(() => a.get(d).getVariants());
-	a.user_effect(() => {
-		let e = a.get(d) !== u.getReferenceStyle(), t = a.get(f) !== u;
-		n.map !== null && (e && !t ? a.set(f, a.get(d).getDefaultVariant(), !0) : t && (n.map.once("style.load", async () => {
-			u = a.get(f), r.refresh();
-		}), n.map.setStyle(a.get(f))));
-	}), i(c, {
-		children: (t, n) => {
-			var r = s(), 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 c = a.sibling(i, 4);
-			a.each(c, 21, () => a.get(p), 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(c), a.bind_select_value(i, () => a.get(d), (e) => a.set(d, e)), a.bind_select_value(c, () => a.get(f), (e) => a.set(f, e)), a.append(t, r);
-		},
-		$$slots: { default: !0 }
-	}), a.pop();
-}
-//#endregion
-export { c as default };

package/dist/lib/map/Menu.js

@@ -1,44 +0,0 @@
-import "svelte/internal/disclose-version";
-import * as e from "svelte/internal/client";
-import { SlidersHorizontalIcon as t } from "@lucide/svelte";
-//#region src/lib/map/Menu.svelte
-var n = e.from_html("<div data-trigger=\"\"><button aria-label=\"Display Options\"><!></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 = e.state(!1);
-	function o() {
-		e.get(a) || e.set(a, !0);
-	}
-	function s() {
-		e.get(a) && e.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 = e.child(u);
-	let p;
-	t(e.child(f), { size: "24" }), e.reset(f);
-	var m = e.sibling(f, 2);
-	let h;
-	var g = e.child(m), _ = e.child(g);
-	e.snippet(_, () => i.children ?? e.noop), e.reset(g), e.reset(m), e.reset(u), e.attach(u, () => l), e.template_effect(() => {
-		d = e.set_class(u, 1, "relative 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": !e.get(a),
-			"delay-100": !e.get(a)
-		}), p = e.set_class(f, 1, "relative size-10 transition-all flex justify-center items-center", null, p, {
-			"w-0": e.get(a),
-			"h-0": e.get(a),
-			"opacity-0": e.get(a)
-		}), h = e.set_class(m, 1, "relative flex h-0 w-0 items-center justify-center overflow-x-hidden overflow-y-scroll transition-all duration-250", null, h, {
-			"h-55": e.get(a),
-			"w-135": e.get(a)
-		});
-	}), e.append(r, u);
-}
-//#endregion
-export { r as default };

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

@@ -1,83 +0,0 @@
-import { mapManager as e } from "../../map/map.svelte.js";
-import { monitorsManager as t } from "../monitors.svelte.js";
-import { getCurrentLevel as n } from "../monitor-utils.js";
-import r from "../../components/DataBox.js";
-import "svelte/internal/disclose-version";
-import * as i from "svelte/internal/client";
-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 = e.map.getSource(u.feature.source), s = t.latest, c = t.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/MonitorMarkersLegend.js

@@ -1,35 +0,0 @@
-import { monitorsManager as e } from "../monitors.svelte.js";
-import "svelte/internal/disclose-version";
-import * as t from "svelte/internal/client";
-//#region src/lib/monitors/components/MonitorMarkersLegend.svelte
-var n = t.from_html("<div class=\"w-1/5 shrink-0 h-[0.5em] border-l border-black last:relative last:right-px\"><span> </span></div>"), r = t.from_html("<div class=\"min-w-50 flex flex-col bg-white rounded shadow py-[0.5em] px-[1.5em]\"><p class=\"text-center whitespace-nowrap font-semibold\"> </p> <div class=\"map-legend-bar inline-block h-[1.5em] svelte-6hvosy\">&nbsp;</div> <div class=\"flex mb-[1.5em]\"><div class=\"w-1/5 shrink-0 h-[0.5em] border-l border-black\"><span class=\"relative top-[0.5em] right-[0.3em]\">0</span></div> <!></div></div>"), i = {
-	hash: "svelte-6hvosy",
-	code: ".map-legend-bar.svelte-6hvosy {background:linear-gradient(\n			90deg,\n			#00e400 0%,\n			#ffff00 20%,\n			#ff7e00 40%,\n			#ff0000 60%,\n			#8f3f97 80%,\n			#7e0023 100%\n		);}"
-};
-function a(a, o) {
-	t.push(o, !0), t.append_styles(a, i);
-	let s = t.derived(() => e.pollutant === "pm25" ? "PM 2.5" : "Ozone"), c = t.derived(() => e.pollutant === "pm25" ? [
-		12,
-		35,
-		55,
-		150,
-		250
-	] : [
-		55,
-		71,
-		86,
-		106,
-		201
-	]);
-	var l = r(), u = t.child(l), d = t.child(u);
-	t.reset(u);
-	var f = t.sibling(u, 4), p = t.sibling(t.child(f), 2);
-	t.each(p, 17, () => t.get(c), t.index, (e, r, i) => {
-		var a = n(), o = t.child(a);
-		t.set_class(o, 1, `relative top-[0.5em] ${i >= 3 ? "right-[0.8em]" : "right-[0.5em]"}`);
-		var s = t.child(o, !0);
-		t.reset(o), t.reset(a), t.template_effect(() => t.set_text(s, t.get(r))), t.append(e, a);
-	}), t.reset(f), t.reset(l), t.template_effect(() => t.set_text(d, `${t.get(s) ?? ""} Concentration`)), t.append(a, l), t.pop();
-}
-//#endregion
-export { a as default };

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

@@ -1,104 +0,0 @@
-import { monitorsManager as e } from "../monitors.svelte.js";
-import "svelte/internal/disclose-version";
-import * as t from "svelte/internal/client";
-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 "svelte/internal/disclose-version";
-import * as r from "svelte/internal/client";
-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 "svelte/internal/disclose-version";
-import * as t from "svelte/internal/client";
-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 e from "../../components/DisplayOption.js";
-import t from "../../components/SegmentedControl.js";
-import n from "../../components/ToggleSwitch.js";
-import { monitorsManager as r } from "../monitors.svelte.js";
-import { monitorsMapIntegration as i } from "../monitors-map-integration.svelte.js";
-import "svelte/internal/disclose-version";
-import * as a from "svelte/internal/client";
-//#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(() => r.pollutant && r.pollutant === "pm25" ? Object.entries(i.displayOptions) : Object.entries(i.displayOptions).filter(([e, t]) => e === "inactive" || r.meta?.asIter.monitors.some((e) => e.label === t.label && r.pollutant && r.pollutant in e.entries)));
-	a.user_effect(() => {
-		r.list = [], r.latest = null, r.update();
-	}), e(l, {
-		children: (e, l) => {
-			var u = c(), p = a.sibling(a.first_child(u), 2), m = a.child(p);
-			n(a.child(m), {
-				id: "monitor-clusters",
-				label: "Marker Clusters",
-				get value() {
-					return i.clustered;
-				},
-				set value(e) {
-					i.clustered = e;
-				}
-			}), a.reset(m);
-			var h = a.sibling(m, 2), g = (e) => {
-				t(e, {
-					segmentLabel: "Pollutant:",
-					get options() {
-						return d;
-					},
-					get group() {
-						return r.pollutant;
-					},
-					set group(e) {
-						r.pollutant = e;
-					}
-				});
-			};
-			a.if(h, (e) => {
-				r.pollutant && e(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(e, u);
-		},
-		$$slots: { default: !0 }
-	}), a.pop();
-}
-//#endregion
-export { l as default };