@sjvair/monitor-map 3.0.2 → 3.0.3

package/dist/lib/ev-stations/ev-stations-map-integration.svelte.js

@@ -0,0 +1,181 @@
+import { mountClickPopup 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 { MapIconLayerIntegration as r } from "../map/integrations/map-geojson-integration.svelte.js";
+import { TooltipManager as i } from "../map/integrations/tooltip.svelte.js";
+import { MapDisplayOption as a } from "../map/integrations/map-display-option.svelte.js";
+import { evStationsManager as o } from "./ev-stations.svelte.js";
+import { EvStationIconManager as s } from "./ev-station-icons.js";
+import { EvStationsClusterRenderer as c } from "./ev-stations-cluster-renderer.js";
+import l from "./components/EvStationTooltip.js";
+import * as u from "svelte/internal/client";
+import { untrack as d } from "svelte";
+//#region src/lib/ev-stations/ev-stations-map-integration.svelte.ts
+var f = class extends r {
+	referenceId = "ev-stations";
+	#e = u.state(!0);
+	get enabled() {
+		return u.get(this.#e);
+	}
+	set enabled(e) {
+		u.set(this.#e, e, !0);
+	}
+	#t = u.state(!0);
+	get clustered() {
+		return u.get(this.#t);
+	}
+	set clustered(e) {
+		u.set(this.#t, e, !0);
+	}
+	icons = new s();
+	tooltipManager = new i();
+	renderer = new c(this);
+	currentPopup = null;
+	#n = u.derived(() => ({
+		lvl2: new a("Level 2", !1, this.icons.get("ev-station-lvl2")),
+		lvl3: new a("Level 3", !1, this.icons.get("ev-station-lvl3"))
+	}));
+	get displayOptions() {
+		return u.get(this.#n);
+	}
+	set displayOptions(e) {
+		u.set(this.#n, e);
+	}
+	#r = u.derived(() => {
+		let e = [];
+		if (o.lvl2Stations) for (let t of o.lvl2Stations) e.push(p(t, "lvl2"));
+		if (o.lvl3Stations) for (let t of o.lvl3Stations) e.push(p(t, "lvl3"));
+		return e;
+	});
+	get features() {
+		return u.get(this.#r);
+	}
+	set features(e) {
+		u.set(this.#r, e);
+	}
+	#i = u.derived(() => {
+		let e = {};
+		for (let t of this.features) {
+			let n = t.properties.level;
+			if (n === "lvl2" && !this.displayOptions.lvl2.value || n === "lvl3" && !this.displayOptions.lvl3.value) continue;
+			let r = e[n] ?? [];
+			r.push(t), e[n] = r;
+		}
+		return e;
+	});
+	get featuresByLevel() {
+		return u.get(this.#i);
+	}
+	set featuresByLevel(e) {
+		u.set(this.#i, e);
+	}
+	#a = u.derived(() => {
+		let e = [];
+		return this.displayOptions.lvl2.value && e.push("lvl2"), this.displayOptions.lvl3.value && e.push("lvl3"), e.length === 0 ? [
+			"==",
+			["get", "level"],
+			"none"
+		] : e.length === 2 ? ["boolean", !0] : [
+			"==",
+			["get", "level"],
+			e[0]
+		];
+	});
+	get filters() {
+		return u.get(this.#a);
+	}
+	set filters(e) {
+		u.set(this.#a, e);
+	}
+	handleStationClick = (n, r) => {
+		this.currentPopup?.remove();
+		let i = n[0];
+		i && (this.currentPopup = e(l, { feature: i }, r.lngLat), this.currentPopup.addTo(t.map));
+	};
+	get mapLayer() {
+		return {
+			id: this.referenceId,
+			type: "symbol",
+			source: this.referenceId,
+			filter: this.filters,
+			layout: {
+				"icon-allow-overlap": !0,
+				"icon-ignore-placement": !0,
+				"icon-image": ["get", "icon"],
+				"icon-size": 1
+			},
+			paint: {}
+		};
+	}
+	get mapSource() {
+		return {
+			type: "geojson",
+			promoteId: "id",
+			data: {
+				type: "FeatureCollection",
+				features: this.features
+			}
+		};
+	}
+	constructor() {
+		super(), u.effect_root(() => {
+			u.user_effect(() => {
+				this.displayOptions.lvl2.value && o.lvl2Stations === void 0 && o.loadLvl2Stations();
+			}), u.user_effect(() => {
+				this.displayOptions.lvl3.value && o.lvl3Stations === void 0 && o.loadLvl3Stations();
+			}), u.user_effect(() => {
+				let e = this.filters;
+				!t.map || this.clustered || t.map.getLayer(this.referenceId) && t.map.setFilter(this.referenceId, e);
+			}), u.user_effect(() => {
+				let e = this.features;
+				!t.map || this.clustered || t.setDataSource(this.referenceId, e);
+			}), u.user_effect(() => {
+				this.featuresByLevel, !(!t.map || !this.clustered) && this.renderer.syncFeatures();
+			}), u.user_effect(() => {
+				this.clustered;
+				let e = Object.keys(this.featuresByLevel).length > 0;
+				!d(() => t.map) || !e || d(() => this.apply());
+			});
+		});
+	}
+	apply() {
+		t.map && (this.clustered ? (t.map.getLayer(this.referenceId) && t.map.removeLayer(this.referenceId), t.map.getSource(this.referenceId) && t.map.removeSource(this.referenceId), n.unregister([this.referenceId]), this.tooltipManager.disable(), this.renderer.remove(), this.icons.loadIcons().then(() => {
+			this.renderer.apply(this.handleStationClick), this.tooltipManager.enable();
+		})) : (this.renderer.remove(), this.tooltipManager.disable(), n.unregister([this.referenceId]), super.apply(), this.icons.loadIcons().then(() => {
+			n.register([this.referenceId], this.handleStationClick), this.tooltipManager.enable();
+		})));
+	}
+	remove() {
+		n.unregister([this.referenceId]), n.unregister(this.renderer.unclusteredLayerIds), this.renderer.remove(), this.currentPopup?.remove(), this.currentPopup = null, super.remove();
+	}
+};
+function p(e, t) {
+	return {
+		type: "Feature",
+		properties: {
+			icon: `ev-station-${t}`,
+			id: e.id,
+			level: t,
+			station_name: e.station_name ?? "",
+			facility_type: e.facility_type ?? "",
+			ev_network: e.ev_network ?? "",
+			station_phone: e.station_phone ?? "",
+			street_address: e.street_address ?? "",
+			city: e.city ?? "",
+			state: e.state ?? "",
+			zip: e.zip ?? "",
+			access_days_time: e.access_days_time ?? "",
+			access_detail_code: e.access_detail_code ?? "",
+			cards_accepted: e.cards_accepted ?? null,
+			ev_pricing: e.ev_pricing ?? "",
+			ev_connector_types: JSON.stringify(e.ev_connector_types ?? [])
+		},
+		geometry: {
+			type: "Point",
+			coordinates: [e.longitude, e.latitude]
+		}
+	};
+}
+var m = new f();
+//#endregion
+export { m as evStationsMapIntegration };

package/dist/lib/ev-stations/ev-stations.svelte.js

@@ -0,0 +1,33 @@
+import { accessDetailCodeTypes as e, creditCardTypes as t, evConnectorTypes as n, evNetworkTypes as r, facilityTypes as i } from "./data-maps.js";
+import { zip_codes_exports as a } from "./zip-codes.js";
+import * as o from "svelte/internal/client";
+//#region src/lib/ev-stations/ev-stations.svelte.ts
+var s = class {
+	#e = o.state();
+	get lvl2Stations() {
+		return o.get(this.#e);
+	}
+	set lvl2Stations(e) {
+		o.set(this.#e, e, !0);
+	}
+	#t = o.state();
+	get lvl3Stations() {
+		return o.get(this.#t);
+	}
+	set lvl3Stations(e) {
+		o.set(this.#t, e, !0);
+	}
+	async loadLvl3Stations() {
+		this.lvl3Stations = await l("dc_fast");
+	}
+	async loadLvl2Stations() {
+		this.lvl2Stations = await l("2");
+	}
+}, c = Object.values(a).reduce((e, t) => e.concat(t)).join(",");
+async function l(a) {
+	let o = new URL("https://developer.nlr.gov/api/alt-fuel-stations/v1.json");
+	return o.searchParams.set("fuel_type", "ELEC"), o.searchParams.set("state", "CA"), o.searchParams.set("status", "E"), o.searchParams.set("access", "public"), o.searchParams.set("ev_charging_level", a), o.searchParams.set("zip", c), o.searchParams.set("api_key", "BThVJdnwHbO8hDpQkBdeqsUoeXhQuMgMRgO3hvyo"), await fetch(o).then(async (e) => await e.json()).then((a) => a.fuel_stations.map((a) => (a.access_detail_code &&= e.get(a.access_detail_code), a.cards_accepted &&= a.cards_accepted.split(" ").map((e) => t.get(e)).join(", "), a.ev_connector_types && a.ev_connector_types.length && (a.ev_connector_types = a.ev_connector_types.map((e) => n.get(e))), a.ev_network &&= r.get(a.ev_network), a.facility_type &&= i.get(a.facility_type), a)).filter((e) => e.id !== 226154));
+}
+var u = new s();
+//#endregion
+export { u as evStationsManager };

package/dist/lib/ev-stations/zip-codes.js

@@ -0,0 +1,136 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+//#region src/lib/ev-stations/zip-codes.ts
+var t = /* @__PURE__ */ e({
+	Calaveras: () => u,
+	Fresno: () => o,
+	Inyo: () => m,
+	Kern: () => l,
+	Kings: () => s,
+	Madera: () => a,
+	Mariposa: () => p,
+	Merced: () => i,
+	Mono: () => f,
+	SanJoaquin: () => n,
+	Stanislaus: () => r,
+	Tulare: () => c,
+	Tuolumne: () => d
+}), n = /* @__PURE__ */ "95201.95202.95203.95204.95205.95206.95207.95208.95209.95210.95211.95212.95213.95214.95215.95219.95220.95227.95230.95231.95234.95236.95237.95240.95241.95242.95253.95258.95267.95269.95296.95297.95304.95320.95330.95336.95337.95366.95376.95377.95378.95385.95391.95686".split("."), r = /* @__PURE__ */ "95355.95350.94550.95351.95307.95380.95382.95356.95361.95358.95354.95363.95367.95357.95326.95360.95386.95368.95316.95230.95328.95313.95329.95385.95387.95323.95319.95353.95352.95381.95397".split("."), i = /* @__PURE__ */ "95023.95380.93635.95301.95340.95348.95341.93610.95334.95388.95315.95322.93620.95324.95316.95365.95333.95374.95369.95303.95317.95325.93665.95342.95344.95343.93661.09534.95312".split("."), a = [
+	"93720",
+	"93638",
+	"93637",
+	"93610",
+	"93636",
+	"93622",
+	"93614",
+	"93644",
+	"93626",
+	"93601",
+	"93643",
+	"93645",
+	"93653",
+	"93669",
+	"93604",
+	"93639"
+], o = /* @__PURE__ */ "93722.93727.93720.93619.93611.93702.93726.93706.93711.93705.93245.93612.93657.93710.93618.93703.93654.93725.93662.93704.93630.93210.93631.93728.93648.93723.93622.93730.93701.93620.93721.93640.93646.93737.93625.93656.93234.93609.93660.93242.93626.93675.93616.93602.93667.93650.93651.93664.93668.93624.93621.93608.93740.93634.93641.93652.93627.93606.93665.93628.93605.93607.93613.93642.93649.93708.93707.93709.93712.93715.93714.93717.93716.93718.93724.93729.93741.93745.93744.93750.93747.93760.93755.93764.93761.93771.93765.93773.93772.93775.93774.93777.93776.93779.93778.93790.93786.93792.93791.93794.93793.93888.93844.93784.93780.93633".split("."), s = [
+	"93230",
+	"93245",
+	"93212",
+	"93631",
+	"93204",
+	"93656",
+	"93242",
+	"93249",
+	"93266",
+	"93201",
+	"93202",
+	"93246",
+	"93239",
+	"93232",
+	"93282"
+], c = /* @__PURE__ */ "93257.93274.93291.93215.93277.93292.93618.93212.93247.93631.93221.93647.93286.93646.93219.93223.93615.93267.93256.93270.93272.93235.93265.93271.93527.93201.93218.93238.93261.93641.93255.93603.93244.93262.93549.93628.93208.93227.93237.93258.93275.93279.93278.93290.93666.93670.93673.93260.93633.93207".split("."), l = /* @__PURE__ */ "93307.93536.93306.93309.93313.93215.93308.93312.93304.93311.93305.93314.93555.93561.93280.93263.93560.93203.93268.93250.93241.93301.93505.93240.93501.93225.93461.93516.93206.93252.93285.93249.93283.93243.93527.93523.93524.93205.93518.93251.93531.93238.93255.93224.93554.93519.93287.93226.93216.93222.93276.93303.93302.93381.93380.93383.93382.93385.93384.93387.93386.93389.93388.93390.93502.93504.93528.93556.93581.93596.93220".split("."), u = [
+	"95252",
+	"95222",
+	"95249",
+	"95247",
+	"95230",
+	"95228",
+	"95223",
+	"95245",
+	"95246",
+	"95255",
+	"95225",
+	"95226",
+	"95224",
+	"95254",
+	"95257",
+	"95232",
+	"95251",
+	"95248",
+	"95221",
+	"95233",
+	"95250",
+	"95229"
+], d = [
+	"95370",
+	"95327",
+	"95247",
+	"95383",
+	"95321",
+	"95379",
+	"95223",
+	"95311",
+	"95329",
+	"95372",
+	"95310",
+	"95346",
+	"95364",
+	"95224",
+	"93541",
+	"95305",
+	"95335",
+	"95314",
+	"95309",
+	"95347",
+	"95373",
+	"95375"
+], f = [
+	"93514",
+	"93546",
+	"93517",
+	"96107",
+	"93529",
+	"96133",
+	"93541",
+	"93512"
+], p = [
+	"95338",
+	"95333",
+	"93601",
+	"95311",
+	"95329",
+	"95369",
+	"93653",
+	"95345",
+	"95389",
+	"95306",
+	"95325",
+	"95318",
+	"93623"
+], m = [
+	"93514",
+	"93513",
+	"93527",
+	"93545",
+	"92328",
+	"93549",
+	"92389",
+	"93526",
+	"93592",
+	"92384",
+	"93515",
+	"93542",
+	"93522",
+	"93530"
+];
+//#endregion
+export { u as Calaveras, o as Fresno, m as Inyo, l as Kern, s as Kings, a as Madera, p as Mariposa, i as Merced, f as Mono, n as SanJoaquin, r as Stanislaus, c as Tulare, d as Tuolumne, t as zip_codes_exports };

package/dist/lib/hms/components/HMSFireLegend.js

@@ -0,0 +1,35 @@
+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/index.js

@@ -1,19 +1,21 @@
-import { monitorsManager as e } from "./monitors/monitors.svelte.js";
-import { collocationSitesManager as t } from "./collocation-sites/collocations.svelte.js";
-import { DefaultMapStyle as n, initializeMap as r, mapManager as i } from "./map/map.svelte.js";
-import { MapIntegration as a } from "./map/integrations/map-integration.svelte.js";
-import { MapLayerIntegration as o } from "./map/integrations/map-layer-integration.svelte.js";
-import { MapIconLayerIntegration as s } from "./map/integrations/map-geojson-integration.svelte.js";
-import { monitorsMapIntegration as c } from "./monitors/monitors-map-integration.svelte.js";
-import { collocationSitesMapIntegration as l } from "./collocation-sites/collocations-map-integration.svelte.js";
-import { baseLayerSeperator as u } from "./map/integrations/base-layer-seperator.js";
-import { windMapIntegration as d } from "./wind/wind.svelte.js";
-import f from "./map/Map.js";
-import p from "./map/Menu.js";
-import m, { disable as h, enable as g, loadScreenState as _ } from "./LoadScreen.js";
-import v from "./components/SegmentedControl.js";
-import y from "./components/ToggleSwitch.js";
-import b from "./monitors/components/MonitorsDisplayOptions.js";
+import e, { disable as t, enable as n, loadScreenState as r } from "./LoadScreen.js";
+import { DefaultMapStyle as i, initializeMap as a, mapManager as o } from "./map/map.svelte.js";
+import s from "./map/Map.js";
+import c from "./map/Menu.js";
+import l from "./components/SegmentedControl.js";
+import u from "./components/ToggleSwitch.js";
+import { monitorsManager as d } from "./monitors/monitors.svelte.js";
+import { MapIntegration as f } from "./map/integrations/map-integration.svelte.js";
+import { MapLayerIntegration as p } from "./map/integrations/map-layer-integration.svelte.js";
+import { MapIconLayerIntegration as m } from "./map/integrations/map-geojson-integration.svelte.js";
+import { monitorsMapIntegration as h } from "./monitors/monitors-map-integration.svelte.js";
+import g from "./monitors/components/MonitorsDisplayOptions.js";
+import { baseLayerSeperator as _ } from "./map/integrations/base-layer-seperator.js";
+import { windMapIntegration as v } from "./wind/wind.svelte.js";
+import { collocationSitesManager as y } from "./collocation-sites/collocations.svelte.js";
+import { collocationSitesMapIntegration as b } from "./collocation-sites/collocations-map-integration.svelte.js";
 import x from "./components/MapLayersDisplayOptions.js";
 import S from "./map/MapStyleDisplayOptions.js";
-export { n as DefaultMapStyle, m as LoadScreen, f as Map, s as MapGeoJSONIntegration, a as MapIntegration, o as MapLayerIntegration, x as MapLayersDisplayOptions, S as MapStyleDisplayOptions, p as Menu, b as MonitorsDisplayOptions, v as SegmentedControl, y as ToggleSwitch, u as baseLayerSeperator, t as collocationSitesManager, l as collocationSitesMapIntegration, h as disableLoadScreen, g as enableLoadScreen, r as initializeMap, _ as loadScreenState, i as mapManager, e as monitorsManager, c as monitorsMapIntegration, d as windMapIntegration };
+import { ROUTER_KEY as C, provideMonitorMapRouter as w, useMonitorMapRouter as T } from "./router-context.js";
+import { monitorMapRoutes as E } from "./routes.js";
+export { i as DefaultMapStyle, e as LoadScreen, s as Map, m as MapGeoJSONIntegration, f as MapIntegration, p as MapLayerIntegration, x as MapLayersDisplayOptions, S as MapStyleDisplayOptions, c as Menu, g as MonitorsDisplayOptions, C as ROUTER_KEY, l as SegmentedControl, u as ToggleSwitch, _ as baseLayerSeperator, y as collocationSitesManager, b as collocationSitesMapIntegration, t as disableLoadScreen, n as enableLoadScreen, a as initializeMap, r as loadScreenState, o as mapManager, E as monitorMapRoutes, d as monitorsManager, h as monitorsMapIntegration, w as provideMonitorMapRouter, T as useMonitorMapRouter, v as windMapIntegration };

package/dist/lib/map/Map.js

@@ -1,7 +1,7 @@
 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 * 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>");

package/dist/lib/map/MapStyleDisplayOptions.js

@@ -2,22 +2,22 @@ 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 * 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("<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());
+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(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, {
+		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 = c(), i = a.sibling(a.first_child(r), 4);
+			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);
@@ -26,18 +26,18 @@ function l(l, u) {
 					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);
+			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(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);
+			}), 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 { l as default };
+export { c as default };

package/dist/lib/map/Menu.js

@@ -1,15 +1,15 @@
-import e from "../assets/icons/adjustment-horizontal.js";
-import * as t from "svelte/internal/client";
 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 = 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>");
+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 = t.state(!1);
+	let a = e.state(!1);
 	function o() {
-		t.get(a) || t.set(a, !0);
+		e.get(a) || e.set(a, !0);
 	}
 	function s() {
-		t.get(a) && t.set(a, !1);
+		e.get(a) && e.set(a, !1);
 	}
 	let c = (e) => e !== null, l = (e) => {
 		function t(t) {
@@ -20,26 +20,25 @@ function r(r, i) {
 	};
 	var u = n();
 	let d;
-	var f = t.child(u);
+	var f = e.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(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)
 		});
-	}), t.append(r, u);
+	}), e.append(r, u);
 }
 //#endregion
 export { r as default };

package/dist/lib/map/integrations/map-icon-manager.js

@@ -6,6 +6,9 @@ var n = class {
 	constructor(e) {
 		e && (this.icons = e);
 	}
+	get iter() {
+		return this.icons.entries();
+	}
 	get(e) {
 		return this.icons.get(e);
 	}

package/dist/lib/map/utils.js

@@ -1,30 +1,33 @@
-import { MapStyle as e, Popup as t } from "@maptiler/sdk";
-import { mount as n, unmount as r } from "svelte";
+import { mount as e, unmount as t } from "svelte";
+import { MapStyle as n, Popup as r } from "@maptiler/sdk";
 //#region src/lib/map/utils.ts
 var i = (() => {
-	let t = /* @__PURE__ */ new Map();
-	for (let n of Object.values(e)) {
-		let e = n.getId(), r = e.match(/^(.+?)_V(\d+)$/i), i = r ? r[1] : e, a = r ? parseInt(r[2], 10) : 0, o = t.get(i);
-		(!o || a > o.version) && t.set(i, {
+	let e = /* @__PURE__ */ new Map();
+	for (let t of Object.values(n)) {
+		let n = t.getId(), r = n.match(/^(.+?)_V(\d+)$/i), i = r ? r[1] : n, a = r ? parseInt(r[2], 10) : 0, o = e.get(i);
+		(!o || a > o.version) && e.set(i, {
 			version: a,
-			style: n
+			style: t
 		});
 	}
-	return Array.from(t.values()).map((e) => e.style).sort((e, t) => e.getName().localeCompare(t.getName()));
+	return Array.from(e.values()).map((e) => e.style).sort((e, t) => e.getName().localeCompare(t.getName()));
 })();
 function a(e) {
 	return typeof e == "object" && !!e && "type" in e && e.type === "geojson";
 }
-function o(e, i, a, o = !1) {
-	let s = document.createElement("div"), c = n(e, {
+function o(n, i, a, o = !1) {
+	let s = document.createElement("div"), c = e(n, {
 		target: s,
 		props: i
-	}), l = new t({
+	}), l = new r({
 		closeButton: o,
 		closeOnClick: !1,
 		maxWidth: "none"
 	}).setLngLat(a).setDOMContent(s);
-	return l.on("close", () => r(c)), l;
+	return l.on("close", () => t(c)), l;
+}
+function s(e, t, n) {
+	return o(e, t, n, !0);
 }
 //#endregion
-export { i as MAP_STYLE_OPTIONS, a as isGeoJSONSource, o as mountPopup };
+export { i as MAP_STYLE_OPTIONS, a as isGeoJSONSource, s as mountClickPopup, o as mountPopup };

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

@@ -1,9 +1,9 @@
-import { monitorsManager as e } from "../monitors.svelte.js";
-import { mapManager as t } from "../../map/map.svelte.js";
+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 * as i from "svelte/internal/client";
 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";
@@ -13,7 +13,7 @@ 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;
+		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];