@sjvair/monitor-map 3.0.1 → 3.0.3

package/dist/lib/src/MonitorDetailPanel.js

@@ -1,169 +0,0 @@
-import { navigate as e, route as t } from "./router.js";
-import { monitorsManager as n } from "../monitors/monitors.svelte.js";
-import { getCurrentLevel as r } from "../monitors/monitor-utils.js";
-import i from "../components/DataBox.js";
-import a from "../monitors/components/MonitorWidgetModal.js";
-import o from "../monitors/components/MonitorSubscriptionManager.js";
-import s from "../data-chart/DataChart.js";
-import { fetchTempByCoords as c } from "../weather.js";
-import { Colors as l, valueToColor as u } from "../colors.js";
-import * as d from "svelte/internal/client";
-import "svelte/internal/disclose-version";
-//#region src/MonitorDetailPanel.svelte
-var f = (e, t = d.noop, n = d.noop, r) => {
-	let i = d.derived_safe_equal(() => d.fallback(r?.(), () => ({}), !0));
-	var a = h(), o = d.child(a), s = d.sibling(o, 2), c = (e) => {
-		var t = p(), r = d.child(t, !0);
-		d.reset(t), d.template_effect(() => {
-			d.set_attribute(t, "href", d.get(i).href), d.set_text(r, n());
-		}), d.append(e, t);
-	}, l = (e) => {
-		var t = m(), r = d.child(t, !0);
-		d.reset(t), d.template_effect(() => {
-			d.set_class(t, 1, d.clsx(["text-xs whitespace-nowrap", d.get(i).labelColorClass ?? "text-black/70"])), d.set_text(r, n());
-		}), d.append(e, t);
-	};
-	d.if(s, (e) => {
-		d.get(i).href ? e(c) : e(l, -1);
-	}), d.reset(a), d.template_effect(() => {
-		d.set_class(a, 1, `flex items-center justify-center gap-1 rounded-sm border px-1 py-0.5
-    ${d.get(i).bgClass ?? "bg-neutral-100" ?? ""}`), d.set_class(o, 1, d.clsx([
-			"svg-icon",
-			t(),
-			d.get(i).iconColorClass ?? "bg-black/70"
-		]));
-	}), d.append(e, a);
-}, p = d.from_html("<a class=\"text-link text-xs\" target=\"_blank\" translate=\"no\"> </a>"), m = d.from_html("<span translate=\"no\"> </span>"), h = d.from_html("<span><span></span> <!></span>"), g = d.from_html("<h2 class=\"text-center text-3xl font-semibold\"> </h2> <div class=\"flex flex-wrap items-center justify-center gap-4\"><!> <!> <!> <!> <!></div>", 1), _ = d.from_html("<a class=\"text-link\" target=\"_blank\"> </a>"), v = d.from_html("<span> </span>"), y = d.from_html("<li><!></li>"), b = d.from_html("<div class=\"flex w-full justify-around\"><!> <!></div> <!> <!> <div class=\"w-full\"><!></div> <div class=\"w-full\"><h3 class=\"font-semibold\">Data Provided Courtesy Of:</h3> <ul></ul></div>", 1), x = d.from_html("<div class=\"flex h-full w-full flex-col overflow-y-auto bg-white\"><div class=\"flex flex-col items-center justify-center gap-8 border-b border-gray-200 p-4 shadow-lg\"><button class=\"cursor-pointer self-end rounded border border-gray-300 px-2 py-1 text-sm hover:bg-gray-50\">✕ Close</button> <!></div> <div class=\"flex flex-col items-center gap-12 overflow-y-auto p-5 pt-10\"><!></div></div>");
-function S(p, m) {
-	d.push(m, !0);
-	let h = d.derived(() => n.latest?.get(t.params.id ?? "")), S = d.state(void 0), C = d.derived(() => {
-		if (!d.get(h) || !n.meta) return;
-		let e = n.meta.entryType(d.get(h).latest.entry_type), t = r(d.get(h).latest.value, e.asIter.levels), i = n.meta.monitorType(d.get(h).type).expected_interval;
-		return {
-			color: t?.color ?? "",
-			header: e.label,
-			subheading: `(${i} avg)`,
-			value: Math.round(parseInt(d.get(h).latest.value, 10)).toString()
-		};
-	}), w = [
-		{
-			min: -Infinity,
-			color: l.blue
-		},
-		{
-			min: 65,
-			color: l.green
-		},
-		{
-			min: 78,
-			color: l.yellow
-		},
-		{
-			min: 95,
-			color: l.red
-		}
-	];
-	d.user_effect(() => {
-		d.get(h) && d.get(h).position && c(d.get(h).position.coordinates).then((e) => {
-			d.set(S, {
-				value: `${e}°F`,
-				color: u(e, w)
-			}, !0);
-		});
-	});
-	var T = x(), E = d.child(T), D = d.child(E), O = d.sibling(D, 2), k = (e) => {
-		var t = g(), n = d.first_child(t), r = d.child(n, !0);
-		d.reset(n);
-		var i = d.sibling(n, 2), a = d.child(i), o = (e) => {
-			f(e, () => "lungs", () => "SJVAir", () => ({
-				bgClass: "bg-aqua-haze",
-				iconColorClass: "bg-sky-600",
-				labelColorClass: "text-sky-600"
-			}));
-		};
-		d.if(a, (e) => {
-			d.get(h).is_sjvair && e(o);
-		});
-		var s = d.sibling(a, 2);
-		f(s, () => "rss-feed", () => d.get(h).data_source.name, () => ({ href: d.get(h).data_source.url }));
-		var c = d.sibling(s, 2);
-		f(c, () => "router", () => d.get(h).device);
-		var l = d.sibling(c, 2);
-		f(l, () => "location-on", () => d.get(h).county), f(d.sibling(l, 2), () => "location-searching", () => d.get(h).location), d.reset(i), d.template_effect(() => d.set_text(r, d.get(h).name)), d.append(e, t);
-	};
-	d.if(O, (e) => {
-		d.get(h) && e(k);
-	}), d.reset(E);
-	var A = d.sibling(E, 2), j = d.child(A), M = (e) => {
-		var t = b(), n = d.first_child(t), r = d.child(n), c = (e) => {
-			i(e, {
-				get color() {
-					return d.get(S).color;
-				},
-				header: "Temperature",
-				get value() {
-					return d.get(S).value;
-				}
-			});
-		};
-		d.if(r, (e) => {
-			d.get(S) && e(c);
-		});
-		var l = d.sibling(r, 2), u = (e) => {
-			i(e, {
-				get color() {
-					return d.get(C).color;
-				},
-				get header() {
-					return d.get(C).header;
-				},
-				get subheading() {
-					return d.get(C).subheading;
-				},
-				get value() {
-					return d.get(C).value;
-				}
-			});
-		};
-		d.if(l, (e) => {
-			d.get(C) && e(u);
-		}), d.reset(n);
-		var f = d.sibling(n, 2);
-		a(f, { get monitorId() {
-			return d.get(h).id;
-		} });
-		var p = d.sibling(f, 2), m = (e) => {
-			o(e, { get monitorId() {
-				return d.get(h).id;
-			} });
-		};
-		d.if(p, (e) => {
-			globalThis.USER?.is_authenticated && e(m);
-		});
-		var g = d.sibling(p, 2);
-		s(d.child(g), { get monitor() {
-			return d.get(h);
-		} }), d.reset(g);
-		var x = d.sibling(g, 2), w = d.sibling(d.child(x), 2);
-		d.each(w, 21, () => d.get(h).data_providers, d.index, (e, t) => {
-			var n = y(), r = d.child(n), i = (e) => {
-				var n = _(), r = d.child(n, !0);
-				d.reset(n), d.template_effect(() => {
-					d.set_attribute(n, "href", d.get(t).url), d.set_text(r, d.get(t).name);
-				}), d.append(e, n);
-			}, a = (e) => {
-				var n = v(), r = d.child(n, !0);
-				d.reset(n), d.template_effect(() => d.set_text(r, d.get(t).name)), d.append(e, n);
-			};
-			d.if(r, (e) => {
-				d.get(t).url ? e(i) : e(a, -1);
-			}), d.reset(n), d.append(e, n);
-		}), d.reset(w), d.reset(x), d.append(e, t);
-	};
-	d.if(j, (e) => {
-		d.get(h) && e(M);
-	}), d.reset(A), d.reset(T), d.delegated("click", D, () => e("/")), d.append(p, T), d.pop();
-}
-d.delegate(["click"]);
-//#endregion
-export { S as default };

package/dist/lib/src/router.js

@@ -1,9 +0,0 @@
-import e from "./MapView.js";
-import { createRouter as t } from "sv-router";
-//#region src/router.ts
-var { p: n, navigate: r, isActive: i, route: a } = t({
-	"/": e,
-	"/monitor/:id": () => import("./MonitorDetailPanel.js")
-});
-//#endregion
-export { r as navigate, a as route };

package/dist/monitor-map/MonitorDetailPanel.css

@@ -1 +0,0 @@
-@keyframes svelte-1j6xa4t-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@scope (#SJVAirMonitorMap){.backdrop.svelte-1j6xa4t{width:100%}.backdrop.expanded.svelte-1j6xa4t{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chart-panel.svelte-1j6xa4t{flex-direction:column;gap:1rem;width:100%;padding:.5rem 0 1rem;display:flex;position:relative}.chart-panel.expanded.svelte-1j6xa4t{background:#fff;border-radius:.5rem;width:90%;height:68vh;padding:1rem;box-shadow:0 4px 6px -1px #0000001a}.chart-area.svelte-1j6xa4t{flex-direction:column;height:375px;display:flex}.chart-panel.expanded.svelte-1j6xa4t .chart-area:where(.svelte-1j6xa4t){flex:1;height:auto;min-height:0}.chart-canvas.svelte-1j6xa4t{flex:1;min-height:0}.spin.svelte-1j6xa4t{animation:1s linear infinite svelte-1j6xa4t-spinner;display:inline-block}}