@sjvair/monitor-map 3.0.0 → 3.0.1

package/dist/lib/components/ui/range-calendar/range-calendar.js

@@ -0,0 +1,272 @@
+import { $ad063034c8620db8$export$5a8da0c44a3afdf2 as e } from "../../../node_modules/@internationalized/date/dist/private/queries.js";
+import { cn as t } from "../../../utils.js";
+import n from "./range-calendar-cell.js";
+import r from "./range-calendar-day.js";
+import i from "./range-calendar-grid.js";
+import a from "./range-calendar-header.js";
+import o from "./range-calendar-months.js";
+import s from "./range-calendar-grid-row.js";
+import c from "./range-calendar-head-cell.js";
+import l from "./range-calendar-next-button.js";
+import u from "./range-calendar-prev-button.js";
+import d from "./range-calendar-caption.js";
+import f from "./range-calendar-nav.js";
+import p from "./range-calendar-month.js";
+import m from "./range-calendar-grid-body.js";
+import h from "./range-calendar-grid-head.js";
+import * as g from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+import { RangeCalendar as _ } from "bits-ui";
+//#region src/lib/components/ui/range-calendar/range-calendar.svelte
+var v = g.from_html("<!> <!>", 1), y = g.from_html("<!> <!>", 1), b = g.from_html("<!> <!>", 1), x = g.from_html("<!> <!>", 1);
+function S(S, C) {
+	g.push(C, !0);
+	let w = g.prop(C, "ref", 15, null), T = g.prop(C, "value", 15), E = g.prop(C, "placeholder", 15), D = g.prop(C, "weekdayFormat", 3, "short"), O = g.prop(C, "buttonVariant", 3, "ghost"), k = g.prop(C, "captionLayout", 3, "label"), A = g.prop(C, "locale", 3, "en-US"), j = g.prop(C, "yearFormat", 3, "numeric"), M = g.prop(C, "disableDaysOutsideMonth", 3, !1), N = g.rest_props(C, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"value",
+		"placeholder",
+		"weekdayFormat",
+		"class",
+		"buttonVariant",
+		"captionLayout",
+		"locale",
+		"months",
+		"years",
+		"monthFormat",
+		"yearFormat",
+		"day",
+		"disableDaysOutsideMonth"
+	]), P = g.derived(() => C.monthFormat ? C.monthFormat : k().startsWith("dropdown") ? "short" : "long");
+	var F = g.comment(), I = g.first_child(F);
+	{
+		let S = (t, _) => {
+			let S = () => _?.().months, w = () => _?.().weekdays;
+			var T = g.comment(), D = g.first_child(T);
+			g.component(D, () => o, (t, o) => {
+				o(t, {
+					children: (t, o) => {
+						var _ = x(), T = g.first_child(_);
+						g.component(T, () => f, (e, t) => {
+							t(e, {
+								children: (e, t) => {
+									var n = v(), r = g.first_child(n);
+									g.component(r, () => u, (e, t) => {
+										t(e, { get variant() {
+											return O();
+										} });
+									});
+									var i = g.sibling(r, 2);
+									g.component(i, () => l, (e, t) => {
+										t(e, { get variant() {
+											return O();
+										} });
+									}), g.append(e, n);
+								},
+								$$slots: { default: !0 }
+							});
+						});
+						var D = g.sibling(T, 2);
+						g.each(D, 18, S, (e) => e, (t, o, l) => {
+							var u = g.comment(), f = g.first_child(u);
+							g.component(f, () => p, (t, u) => {
+								u(t, {
+									children: (t, u) => {
+										var f = b(), p = g.first_child(f);
+										g.component(p, () => a, (e, t) => {
+											t(e, {
+												children: (e, t) => {
+													var n = g.comment(), r = g.first_child(n);
+													g.component(r, () => d, (e, t) => {
+														t(e, {
+															get captionLayout() {
+																return k();
+															},
+															get months() {
+																return C.months;
+															},
+															get monthFormat() {
+																return g.get(P);
+															},
+															get years() {
+																return C.years;
+															},
+															get yearFormat() {
+																return j();
+															},
+															get month() {
+																return o.value;
+															},
+															get locale() {
+																return A();
+															},
+															get monthIndex() {
+																return g.get(l);
+															},
+															get placeholder() {
+																return E();
+															},
+															set placeholder(e) {
+																E(e);
+															}
+														});
+													}), g.append(e, n);
+												},
+												$$slots: { default: !0 }
+											});
+										});
+										var _ = g.sibling(p, 2);
+										g.component(_, () => i, (t, i) => {
+											i(t, {
+												children: (t, i) => {
+													var a = y(), l = g.first_child(a);
+													g.component(l, () => h, (e, t) => {
+														t(e, {
+															children: (e, t) => {
+																var n = g.comment(), r = g.first_child(n);
+																g.component(r, () => s, (e, t) => {
+																	t(e, {
+																		class: "select-none",
+																		children: (e, t) => {
+																			var n = g.comment(), r = g.first_child(n);
+																			g.each(r, 17, w, g.index, (e, t) => {
+																				var n = g.comment(), r = g.first_child(n);
+																				g.component(r, () => c, (e, n) => {
+																					n(e, {
+																						children: (e, n) => {
+																							g.next();
+																							var r = g.text();
+																							g.template_effect((e) => g.set_text(r, e), [() => g.get(t).slice(0, 2)]), g.append(e, r);
+																						},
+																						$$slots: { default: !0 }
+																					});
+																				}), g.append(e, n);
+																			}), g.append(e, n);
+																		},
+																		$$slots: { default: !0 }
+																	});
+																}), g.append(e, n);
+															},
+															$$slots: { default: !0 }
+														});
+													});
+													var u = g.sibling(l, 2);
+													g.component(u, () => m, (t, i) => {
+														i(t, {
+															children: (t, i) => {
+																var a = g.comment(), c = g.first_child(a);
+																g.each(c, 16, () => o.weeks, (e) => e, (t, i) => {
+																	var a = g.comment(), c = g.first_child(a);
+																	g.component(c, () => s, (t, a) => {
+																		a(t, {
+																			class: "mt-2 w-full",
+																			children: (t, a) => {
+																				var s = g.comment(), c = g.first_child(s);
+																				g.each(c, 16, () => i, (e) => e, (t, i) => {
+																					var a = g.comment(), s = g.first_child(a);
+																					g.component(s, () => n, (t, n) => {
+																						n(t, {
+																							get date() {
+																								return i;
+																							},
+																							get month() {
+																								return o.value;
+																							},
+																							children: (t, n) => {
+																								var a = g.comment(), s = g.first_child(a), c = (t) => {
+																									var n = g.comment(), r = g.first_child(n);
+																									{
+																										let t = g.derived(() => ({
+																											day: i,
+																											outsideMonth: !e(i, o.value)
+																										}));
+																										g.snippet(r, () => C.day, () => g.get(t));
+																									}
+																									g.append(t, n);
+																								}, l = (e) => {
+																									var t = g.comment(), n = g.first_child(t);
+																									g.component(n, () => r, (e, t) => {
+																										t(e, {});
+																									}), g.append(e, t);
+																								};
+																								g.if(s, (e) => {
+																									C.day ? e(c) : e(l, -1);
+																								}), g.append(t, a);
+																							},
+																							$$slots: { default: !0 }
+																						});
+																					}), g.append(t, a);
+																				}), g.append(t, s);
+																			},
+																			$$slots: { default: !0 }
+																		});
+																	}), g.append(t, a);
+																}), g.append(t, a);
+															},
+															$$slots: { default: !0 }
+														});
+													}), g.append(t, a);
+												},
+												$$slots: { default: !0 }
+											});
+										}), g.append(t, f);
+									},
+									$$slots: { default: !0 }
+								});
+							}), g.append(t, u);
+						}), g.append(t, _);
+					},
+					$$slots: { default: !0 }
+				});
+			}), g.append(t, T);
+		}, F = g.derived(() => t("bg-background group/calendar p-2 p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", C.class));
+		g.component(I, () => _.Root, (e, t) => {
+			t(e, g.spread_props({
+				get weekdayFormat() {
+					return D();
+				},
+				get disableDaysOutsideMonth() {
+					return M();
+				},
+				get class() {
+					return g.get(F);
+				},
+				get locale() {
+					return A();
+				},
+				get monthFormat() {
+					return g.get(P);
+				},
+				get yearFormat() {
+					return j();
+				}
+			}, () => N, {
+				get ref() {
+					return w();
+				},
+				set ref(e) {
+					w(e);
+				},
+				get value() {
+					return T();
+				},
+				set value(e) {
+					T(e);
+				},
+				get placeholder() {
+					return E();
+				},
+				set placeholder(e) {
+					E(e);
+				},
+				children: S,
+				$$slots: { default: !0 }
+			}));
+		});
+	}
+	g.append(S, F), g.pop();
+}
+//#endregion
+export { S as default };

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

@@ -0,0 +1,142 @@
+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/data-chart/DateRange.js

@@ -0,0 +1,15 @@
+import { endOfDay as e, isToday as t, startOfDay as n, subDays as r } from "date-fns";
+//#region src/lib/data-chart/DateRange.ts
+function i(i, a) {
+	if (!i || !a) return {
+		start: n(r(/* @__PURE__ */ new Date(), 1)).toISOString(),
+		end: (/* @__PURE__ */ new Date()).toISOString()
+	};
+	let o = n(new Date(i.year, i.month - 1, i.day)), s = new Date(a.year, a.month - 1, a.day);
+	return s = t(s) ? /* @__PURE__ */ new Date() : e(s), {
+		start: o.toISOString(),
+		end: s.toISOString()
+	};
+}
+//#endregion
+export { i as createDateRange };

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

@@ -0,0 +1,99 @@
+import { monitorsManager as e } from "../monitors/monitors.svelte.js";
+import { tooltipsPlugin as t, uPlotCursorConfig as n } from "./tooltip.js";
+import { fromUnixTime as r, getUnixTime as i, isAfter as a, isToday as o } from "date-fns";
+//#region src/lib/data-chart/chart-utils.ts
+var s = "3572b0";
+function c() {
+	let t = (e.levels ?? []).map((e) => [e.range[0], e.color.replace(/^#/, "")]);
+	return t.push([Infinity, "000000"]), t;
+}
+var l = {}, u = {
+	show: !0,
+	spanGaps: !1,
+	width: 1
+}, d = {
+	...u,
+	label: "Real Time",
+	width: 2,
+	stroke: (e) => g(e, "y", 1, c(), !0)
+}, f = {
+	...u,
+	label: "60 Minute Average",
+	stroke: (e) => h(e, s)
+};
+function p(s, c, l, u) {
+	let d = m(s), f = (e, t) => {
+		let n = d[t].stroke;
+		return n(e, t);
+	};
+	return {
+		width: l,
+		height: u,
+		cursor: n.get(),
+		select: { show: !1 },
+		plugins: [t()],
+		series: d,
+		legend: {
+			live: !1,
+			markers: { fill: (e, t) => f(e, t) }
+		},
+		scales: {
+			x: { range: (e, t, n) => {
+				let s = r(n), c = /* @__PURE__ */ new Date();
+				return n = o(s) && a(c, s) ? i(c) : n, [t, n];
+			} },
+			y: { range: {
+				min: {
+					mode: 1,
+					pad: .1
+				},
+				max: {
+					mode: 2,
+					soft: 0,
+					pad: .1
+				}
+			} }
+		},
+		axes: [{ grid: { show: !1 } }, {
+			label: e.pollutant === "pm25" ? "PM 2.5" : "Ozone",
+			side: 3,
+			values: (e, t) => t.map((e) => e.toFixed(+(c < 5)))
+		}],
+		hooks: { ready: [() => document.querySelector(".u-series").remove()] }
+	};
+}
+function m(e) {
+	let t = Object.assign({}, f);
+	switch (t.width = 2, e) {
+		case "airnow":
+		case "aqview":
+		case "bam1022": return [l, t];
+		case "airgradient":
+		case "purpleair": return [l, d];
+	}
+}
+function h(e, t) {
+	return e.series.length > 2 ? t : g(e, "y", 1, c(), !0);
+}
+function g(e, t, n, r, i = !1) {
+	let a = e.scales[t], o, s;
+	for (let e = 0; e < r.length; e++) {
+		let t = r[e][0];
+		if ((t <= a.min || o === void 0) && (o = e), s = e, t >= a.max) break;
+	}
+	if (o == s) return r[o][1];
+	let c = r[o][0], l = r[s][0];
+	c === -Infinity && (c = a.min || 0), l === Infinity && (l = a.max || 0);
+	let u = e.valToPos(c, t, !0), d = e.valToPos(l, t, !0);
+	if (!u || !d) return;
+	let f = u - d, p, m, h, g;
+	n == 1 ? (p = h = 0, m = u, g = d) : (m = g = 0, p = u, h = d);
+	let _ = e.ctx.createLinearGradient(p, m, h, g), v;
+	for (let n = o; n <= s; n++) {
+		let a = r[n], c = (u - (n == o ? u : n == s ? d : e.valToPos(a[0], t, !0))) / f;
+		i && n > o && _.addColorStop(c, v), _.addColorStop(c, v = `#${a[1]}`);
+	}
+	return _;
+}
+//#endregion
+export { p as getChartConfig };

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

@@ -0,0 +1,28 @@
+import { createDateRange as e } from "./DateRange.js";
+import * as t from "svelte/internal/client";
+//#region src/lib/data-chart/data-chart.svelte.ts
+var n = class {
+	#e = t.state(t.proxy(e()));
+	get dateRange() {
+		return t.get(this.#e);
+	}
+	set dateRange(e) {
+		t.set(this.#e, e, !0);
+	}
+	#t = t.state(t.proxy([]));
+	get chartData() {
+		return t.get(this.#t);
+	}
+	set chartData(e) {
+		t.set(this.#t, e, !0);
+	}
+	#n = t.state(!1);
+	get loading() {
+		return t.get(this.#n);
+	}
+	set loading(e) {
+		t.set(this.#n, e, !0);
+	}
+};
+//#endregion
+export { n as DataChartManager };

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

@@ -0,0 +1,30 @@
+import { monitorsManager as e } from "../monitors/monitors.svelte.js";
+import { getMonitorEntries as t } from "@sjvair/sdk";
+import { addMinutes as n, differenceInMinutes as r, getUnixTime as i, parseISO as a } from "date-fns";
+//#region src/lib/data-chart/requests.ts
+async function o(o, c) {
+	return await t({
+		entryType: e.pollutant ?? "pm25",
+		monitorId: o.id,
+		timestampGte: c.start,
+		timestampLte: c.end
+	}).then((e) => {
+		let t = [], c = o.data_source.name === "PurpleAir" ? 2 : 60, l = [];
+		for (let i = e.length - 1; i >= 0; i--) {
+			let o = e[i];
+			if (t.length > 1) {
+				let e = a(o.timestamp), i = t[t.length - 1];
+				for (; Math.abs(r(e, i)) > c + 1;) i = n(i, c), s(t, l, o, i);
+			}
+			s(t, l, o);
+		}
+		return [t.map((e) => i(e)), l];
+	}).catch((e) => (console.error("Failed to load chart data: ", e), []));
+}
+function s(e, t, n, r) {
+	e.push(r ?? a(n.timestamp));
+	let i = parseFloat(n.value);
+	t.push(r ? null : i >= 0 ? i : 0);
+}
+//#endregion
+export { o as fetchChartData };

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

@@ -0,0 +1,101 @@
+import { monitorsManager as e } from "../monitors/monitors.svelte.js";
+import { format as t, fromUnixTime as n } from "date-fns";
+//#region src/lib/data-chart/tooltip.ts
+function r() {
+	return (e.levels ?? []).map((e) => [e.range[0], e.color.replace(/^#/, "")]);
+}
+var i = -100, a = -100, o = {
+	set: (e, t) => {
+		i = e, a = t;
+	},
+	get: () => ({
+		left: i,
+		top: a,
+		y: !1,
+		points: {
+			size: 7,
+			fill: (e, t) => {
+				let n = e.cursor.idxs[t], i = r();
+				if (n != null && e.series.length >= 2 && t === 1) {
+					let r = e.data[t][n];
+					for (let e = i.length - 1; e >= 0; e--) {
+						let t = i[e];
+						if (r >= t[0]) return `#${t[1]}`;
+					}
+				}
+				let a = e.series[t].stroke;
+				return a(e, t);
+			}
+		}
+	})
+}, s = {
+	pointerEvents: "none",
+	whiteSpace: "nowrap",
+	position: "absolute",
+	backgroundColor: "white",
+	zIndex: "100"
+}, c = {
+	textAlign: "center",
+	backgroundColor: "#f5f5f5",
+	fontWeight: "600",
+	fontSize: ".8rem",
+	padding: ".5rem"
+}, l = {
+	margin: ".5rem",
+	fontSize: ".9rem"
+};
+function u() {
+	let e, r, i;
+	function a(t, n) {
+		let a = t.over;
+		r = document.createElement("p"), r.classList.add("card-header"), Object.assign(r.style, c), e = document.createElement("div"), e.classList.add("card"), Object.assign(e.style, s), e.appendChild(r), a.appendChild(e), i = n.series.map((n, r) => {
+			if (r === 0) return;
+			let i = n.stroke, a = document.createElement("p");
+			return Object.assign(a.style, l), a.style.color = i(t, r), r === 1 && (a.style.fontWeight = "600"), e.appendChild(a), a;
+		});
+		function o() {
+			e.style.display = "none", i.forEach((e, t) => {
+				t != 0 && (e.style.display = "none");
+			});
+		}
+		function u() {
+			e.style.display = "block", i.forEach((e, n) => {
+				if (n == 0) return;
+				let r = t.series[n];
+				e.style.display = r.show ? "block" : "none";
+			});
+		}
+		a.addEventListener("mouseleave", () => {
+			t.cursor.lock || o();
+		}), a.addEventListener("mouseenter", () => {
+			u();
+		}), t.cursor.left < 0 ? setTimeout(() => o()) : u();
+	}
+	function u(a) {
+		let { left: s, top: c, idx: l } = a.cursor;
+		if (l == null) return;
+		if (o.set(s, c), i.forEach((e, i) => {
+			if (i != 0 && a.series[i].show) {
+				let o = a.data[0][l], s = a.data[i][l];
+				if (s === null) e.style.display = "none";
+				else {
+					e.style.display = "block";
+					let c = a.series[i].label;
+					c = c?.substring(c.indexOf("(") + 1, c.indexOf(")")) || c, r.textContent = t(n(o), "MMM d, yyyy h:mm a"), e.textContent = `${c}: ${s}`;
+				}
+			}
+		}), !i.slice(1, i.length).find((e) => e.style.display === "block")) {
+			e.style.display = "none";
+			return;
+		}
+		e.style.display = "block";
+		let u = e.offsetWidth, d = a.over.offsetWidth, f = s + 15 + u > d;
+		e.style.left = f ? `${s - 15 - u}px` : `${s + 15}px`, e.style.top = c + "px";
+	}
+	return { hooks: {
+		init: a,
+		setCursor: u
+	} };
+}
+//#endregion
+export { u as tooltipsPlugin, o as uPlotCursorConfig };