@sjvair/monitor-map 3.0.0 → 3.0.2

package/dist/lib/hms/hms-fire-icon-manager.js

@@ -0,0 +1,39 @@
+import { asDataURI as e, fireIcon as t } from "../map/icons.js";
+import { MapIconManager as n } from "../map/integrations/map-icon-manager.js";
+//#region src/lib/hms/hms-fire-icon-manager.ts
+var r = {
+	sm: {
+		color: "#FFD700",
+		size: 20
+	},
+	md: {
+		color: "#FF8C00",
+		size: 24
+	},
+	lg: {
+		color: "#FF4500",
+		size: 28
+	},
+	xl: {
+		color: "#DC143C",
+		size: 32
+	},
+	xxl: {
+		color: "#8B0000",
+		size: 36
+	}
+};
+function i(e) {
+	return e < 10 ? "hms-fire-sm" : e < 50 ? "hms-fire-md" : e < 150 ? "hms-fire-lg" : e < 350 ? "hms-fire-xl" : "hms-fire-xxl";
+}
+var a = class extends n {
+	constructor() {
+		super();
+		for (let [n, { color: i, size: a }] of Object.entries(r)) {
+			let r = new Image(a, a);
+			r.src = e(t(i, a)), this.register(`hms-fire-${n}`, r);
+		}
+	}
+};
+//#endregion
+export { a as HMSFireIconManager, i as getTierIconId };

package/dist/lib/hms/hms-fire-map-integration.svelte.js

@@ -0,0 +1,97 @@
+import { mapManager as e } from "../map/map.svelte.js";
+import { MapIconLayerIntegration as t } from "../map/integrations/map-geojson-integration.svelte.js";
+import { hmsManager as n } from "./hms.svelte.js";
+import { HMSFireIconManager as r, getTierIconId as i } from "./hms-fire-icon-manager.js";
+import * as a from "svelte/internal/client";
+//#region src/lib/hms/hms-fire-map-integration.svelte.ts
+var o = 10, s = new class extends t {
+	referenceId = "hms-fire";
+	#e = a.state(!0);
+	get enabled() {
+		return a.get(this.#e);
+	}
+	set enabled(e) {
+		a.set(this.#e, e, !0);
+	}
+	icons = new r();
+	#t = a.state(!1);
+	get zoomedIn() {
+		return a.get(this.#t);
+	}
+	set zoomedIn(e) {
+		a.set(this.#t, e, !0);
+	}
+	get features() {
+		return this.zoomedIn ? this.hotspotFeatures : this.groupFeatures;
+	}
+	get mapLayer() {
+		return {
+			id: this.referenceId,
+			type: "symbol",
+			source: this.referenceId,
+			layout: {
+				"icon-image": ["get", "icon"],
+				"icon-allow-overlap": !0,
+				"icon-ignore-placement": !0
+			},
+			paint: {}
+		};
+	}
+	get mapSource() {
+		return {
+			type: "geojson",
+			promoteId: "id",
+			data: {
+				type: "FeatureCollection",
+				features: this.features
+			}
+		};
+	}
+	get groupFeatures() {
+		return (n.fireGroups ?? []).map((e) => ({
+			type: "Feature",
+			properties: {
+				id: e.id,
+				icon: i(e.avgFrp),
+				avgFrp: e.avgFrp,
+				count: e.count
+			},
+			geometry: {
+				type: "Point",
+				coordinates: e.coordinates
+			}
+		}));
+	}
+	get hotspotFeatures() {
+		return (n.fire ?? []).map((e) => ({
+			type: "Feature",
+			properties: {
+				id: e.id,
+				icon: i(e.frp),
+				frp: e.frp
+			},
+			geometry: e.geometry
+		}));
+	}
+	onZoom = () => {
+		e.map && (this.zoomedIn = e.map.getZoom() >= o);
+	};
+	constructor() {
+		super(), a.effect_root(() => {
+			a.user_effect(() => {
+				let t = this.features;
+				!e.map || !this.enabled || e.setDataSource(this.referenceId, t);
+			});
+		});
+	}
+	apply() {
+		e.map && this.icons.loadIcons().then(() => {
+			!e.map || !this.enabled || (this.remove(), this.zoomedIn = e.map.getZoom() >= o, e.map.addSource(this.referenceId, this.mapSource), e.map.addLayer(this.mapLayer, this.beforeLayer), e.map.on("zoom", this.onZoom));
+		}).catch(console.error);
+	}
+	remove() {
+		e.map?.off("zoom", this.onZoom), super.remove();
+	}
+}();
+//#endregion
+export { s as hmsFireMapIntegration };

package/dist/lib/hms/hms-smoke-map-integration.svelte.js

@@ -0,0 +1,84 @@
+import { mapManager as e } from "../map/map.svelte.js";
+import { MapGeoJSONIntegration as t } from "../map/integrations/map-geojson-integration.svelte.js";
+import { hmsManager as n } from "./hms.svelte.js";
+import * as r from "svelte/internal/client";
+var i = new class extends t {
+	referenceId = "hms-smoke";
+	#e = r.state(!0);
+	get enabled() {
+		return r.get(this.#e);
+	}
+	set enabled(e) {
+		r.set(this.#e, e, !0);
+	}
+	get features() {
+		return (n.smoke ?? []).map((e) => ({
+			type: "Feature",
+			properties: {
+				id: e.id,
+				density: e.density
+			},
+			geometry: e.geometry
+		}));
+	}
+	get mapLayer() {
+		return {
+			id: this.referenceId,
+			type: "fill",
+			source: this.referenceId,
+			layout: {},
+			paint: {
+				"fill-color": [
+					"match",
+					["get", "density"],
+					"light",
+					"#bfc8c3",
+					"medium",
+					"#757b78",
+					"#333634"
+				],
+				"fill-opacity": [
+					"match",
+					["get", "density"],
+					"light",
+					.2,
+					"medium",
+					.3,
+					.4
+				],
+				"fill-outline-color": [
+					"match",
+					["get", "density"],
+					"light",
+					"#bfc8c3",
+					"medium",
+					"#757b78",
+					"#333634"
+				]
+			}
+		};
+	}
+	get mapSource() {
+		return {
+			type: "geojson",
+			promoteId: "id",
+			data: {
+				type: "FeatureCollection",
+				features: this.features
+			}
+		};
+	}
+	constructor() {
+		super(), r.effect_root(() => {
+			r.user_effect(() => {
+				let t = this.features;
+				!e.map || !this.enabled || e.setDataSource(this.referenceId, t);
+			});
+		});
+	}
+	apply() {
+		e.map && (this.remove(), e.map.addSource(this.referenceId, this.mapSource), super.apply());
+	}
+}();
+//#endregion
+export { i as hmsSmokeMapIntegration };

package/dist/lib/hms/hms.svelte.js

@@ -0,0 +1,78 @@
+import * as e from "svelte/internal/client";
+import { SvelteMap as t } from "svelte/reactivity";
+import { featureCollection as n, point as r } from "@turf/helpers";
+import { getHMSFire as i, getHMSSmoke as a } from "@sjvair/sdk/hms";
+import o from "@turf/clusters-dbscan";
+//#region src/lib/hms/hms.svelte.ts
+var s = 2, c = 1, l = class {
+	#e = e.state();
+	get smoke() {
+		return e.get(this.#e);
+	}
+	set smoke(t) {
+		e.set(this.#e, t, !0);
+	}
+	#t = e.state();
+	get fire() {
+		return e.get(this.#t);
+	}
+	set fire(t) {
+		e.set(this.#t, t, !0);
+	}
+	#n = e.state();
+	get fireGroups() {
+		return e.get(this.#n);
+	}
+	set fireGroups(t) {
+		e.set(this.#n, t, !0);
+	}
+	async init() {
+		await Promise.allSettled([this.loadSmoke(), this.loadFire()]);
+	}
+	async loadSmoke() {
+		this.smoke = await a();
+	}
+	async loadFire() {
+		try {
+			let e = u((await i()).filter((e) => e.frp !== null));
+			this.fire = e, this.fireGroups = d(e);
+		} catch (e) {
+			console.error("HMS fire load failed:", e);
+		}
+	}
+};
+function u(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let [e, r] = n.geometry.coordinates, i = `${e},${r}`, a = t.get(i);
+		(!a || n.timestamp > a.timestamp) && t.set(i, n);
+	}
+	return Array.from(t.values());
+}
+function d(e) {
+	if (!e.length) return [];
+	let i = o(n(e.map((e) => r(e.geometry.coordinates, {
+		fireId: e.id,
+		frp: e.frp
+	}))), s, {
+		minPoints: c,
+		units: "kilometers"
+	}), a = new t();
+	for (let e of i.features) {
+		let t = e.properties, n = t.dbscan === "noise" ? `noise-${t.fireId}` : `cluster-${t.cluster}`, [r, i] = e.geometry.coordinates, o = a.get(n) ?? {
+			frps: [],
+			lngs: [],
+			lats: []
+		};
+		o.frps.push(t.frp), o.lngs.push(r), o.lats.push(i), a.set(n, o);
+	}
+	return Array.from(a.entries()).map(([e, { frps: t, lngs: n, lats: r }]) => ({
+		id: `hms-fire-group-${e}`,
+		coordinates: [n.reduce((e, t) => e + t, 0) / n.length, r.reduce((e, t) => e + t, 0) / r.length],
+		avgFrp: t.reduce((e, t) => e + t, 0) / t.length,
+		count: t.length
+	}));
+}
+var f = new l();
+//#endregion
+export { f as hmsManager };

package/dist/lib/index.js

@@ -0,0 +1,19 @@
+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 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 };

package/dist/lib/map/Map.js

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,45 @@
+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/map/icons.js

@@ -0,0 +1,31 @@
+import { darken as e } from "color2k";
+//#region src/lib/map/icons.ts
+function t(t, n, r) {
+	return `<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <rect x="${n / 2}" y="${n / 2}" width="${24 - n}" height="${24 - n}"
+      fill="${t}" stroke="${e(r ?? t, .1)}" stroke-width="${n}"/>
+  </svg>`;
+}
+function n(t, n, r) {
+	return `<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="12" cy="12" r="${12 - n}" fill="${t}" stroke="${e(r ?? t, .1)}" stroke-width="${n}"/>
+  </svg>`;
+}
+function r(t, n, r) {
+	return `<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <polygon points="${`12,${n} ${24 - n},${24 - n} ${n},${24 - n}`}"
+      fill="${t}" stroke="${e(r ?? t, .1)}" stroke-width="${n}"/>
+  </svg>`;
+}
+var i = "M495.9 248H392c-4.4 0-8 3.6-8 8s3.6 8 8 8H495.9C491.7 390.2 390.2 491.7 264 495.9V392c0-4.4-3.6-8-8-8s-8 3.6-8 8V495.9C121.8 491.7 20.3 390.2 16.1 264H120c4.4 0 8-3.6 8-8s-3.6-8-8-8H16.1C20.3 121.8 121.8 20.3 248 16.1V120c0 4.4 3.6 8 8 8s8-3.6 8-8V16.1C390.2 20.3 491.7 121.8 495.9 248zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256z", a = 16;
+function o(e, t = "#ffffff") {
+	return `<svg width="56" height="56" viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg">${e.replace("<svg ", `<svg x="${a}" y="${a}" `)}<svg x="0" y="0" width="56" height="56" viewBox="-8 -8 528 528"><path d="${i}" fill="${t}" stroke="${t}" stroke-width="5"/></svg></svg>`;
+}
+function s(e) {
+	return `data:image/svg+xml;utf8,${encodeURIComponent(e)}`;
+}
+function c(e, t) {
+	return `<svg width="${t}" height="${t}" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg" fill="${e}"><path d="M200-400q0 52 21 98.5t60 81.5q-1-5-1-9v-9q0-32 12-60t35-51l113-111 113 111q23 23 35 51t12 60v9q0 4-1 9 39-35 60-81.5t21-98.5q0-50-18.5-94.5T608-574q-20 13-42 19.5t-45 6.5q-62 0-107.5-41T361-690q-39 33-69 68.5t-50.5 72Q221-513 210.5-475T200-400Zm240 52-57 56q-11 11-17 25t-6 29q0 32 23.5 55t56.5 23q33 0 56.5-23t23.5-55q0-16-6-29.5T497-292l-57-56Zm0-492v132q0 34 23.5 57t57.5 23q18 0 33.5-7.5T582-658l18-22q74 42 117 117t43 163q0 134-93 227T440-80q-134 0-227-93t-93-227q0-129 86.5-245T440-840Zm400 320q-17 0-28.5-11.5T800-560q0-17 11.5-28.5T840-600q17 0 28.5 11.5T880-560q0 17-11.5 28.5T840-520Zm-40-120v-200h80v200h-80Z"/></svg>`;
+}
+//#endregion
+export { s as asDataURI, n as circle, c as fireIcon, t as square, r as triangle, o as withCrosshair };

package/dist/lib/map/integrations/base-layer-seperator.js

@@ -0,0 +1,12 @@
+import { MapLayerIntegration as e } from "./map-layer-integration.svelte.js";
+var t = new class extends e {
+	referenceId = "Base Layer Seperator";
+	enabled = !0;
+	mapLayer = {
+		id: this.referenceId,
+		type: "custom",
+		render: function() {}
+	};
+}();
+//#endregion
+export { t as baseLayerSeperator };

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

@@ -0,0 +1,33 @@
+import { mapManager as e } from "../map.svelte.js";
+var t = new class {
+	registrations = [];
+	isListening = !1;
+	register(e, t) {
+		let n = new Set(e), r = this.registrations.find((e) => e.layerIds.some((e) => n.has(e)));
+		r ? (r.layerIds = e, r.handler = t) : this.registrations.push({
+			layerIds: e,
+			handler: t
+		}), this.ensureListener();
+	}
+	unregister(e) {
+		let t = new Set(e);
+		this.registrations = this.registrations.filter((e) => !e.layerIds.some((e) => t.has(e))), this.registrations.length === 0 && this.removeListener();
+	}
+	ensureListener() {
+		this.isListening || !e.map || (e.map.on("click", this.handleClick), this.isListening = !0);
+	}
+	removeListener() {
+		this.isListening &&= (e.map?.off("click", this.handleClick), !1);
+	}
+	handleClick = (t) => {
+		if (!e.map) return;
+		let n = this.registrations.flatMap((e) => e.layerIds), r = e.map.queryRenderedFeatures(t.point, { layers: n });
+		if (!r.length) return;
+		let i = r[0].layer.id, a = this.registrations.find((e) => e.layerIds.includes(i));
+		if (!a) return;
+		let o = r.filter((e) => a.layerIds.includes(e.layer.id));
+		a.handler(o, t);
+	};
+}();
+//#endregion
+export { t as clickManager };

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

@@ -0,0 +1,12 @@
+import { XMap as e } from "@tstk/builtin-extensions";
+var t = new class {
+	integrations = new e();
+	register(...e) {
+		for (let t of e) this.integrations.set(t.referenceId, t);
+	}
+	refresh() {
+		for (let e of this.integrations.values()) e.enabled ? e.apply() : e.remove && e.remove();
+	}
+}();
+//#endregion
+export { t as integrationsManager };

package/dist/lib/map/integrations/map-display-option.svelte.js

@@ -0,0 +1,18 @@
+import * as e from "svelte/internal/client";
+//#region src/lib/map/integrations/map-display-option.svelte.ts
+var t = class {
+	#e;
+	get value() {
+		return e.get(this.#e);
+	}
+	set value(t) {
+		e.set(this.#e, t, !0);
+	}
+	icon;
+	label;
+	constructor(t, n, r) {
+		this.icon = r, this.label = t, this.#e = e.state(e.proxy(n));
+	}
+};
+//#endregion
+export { t as MapDisplayOption };

package/dist/lib/map/integrations/map-geojson-integration.svelte.js

@@ -0,0 +1,17 @@
+import { mapManager as e } from "../map.svelte.js";
+import { MapLayerIntegration as t } from "./map-layer-integration.svelte.js";
+import "svelte/internal/client";
+//#region src/lib/map/integrations/map-geojson-integration.svelte.ts
+var n = class extends t {
+	remove() {
+		super.remove(), e.map?.getSource(this.referenceId) && e.map.removeSource(this.referenceId);
+	}
+}, r = class extends n {
+	apply() {
+		e.map && this.icons.loadIcons().then(() => {
+			this.remove(), e.map?.addSource(this.referenceId, this.mapSource), super.apply();
+		});
+	}
+};
+//#endregion
+export { n as MapGeoJSONIntegration, r as MapIconLayerIntegration };

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

@@ -0,0 +1,43 @@
+import { mapManager as e } from "../map.svelte.js";
+import { SvelteMap as t } from "svelte/reactivity";
+//#region src/lib/map/integrations/map-icon-manager.ts
+var n = class {
+	icons = new t();
+	constructor(e) {
+		e && (this.icons = e);
+	}
+	get(e) {
+		return this.icons.get(e);
+	}
+	has(e) {
+		return this.icons.has(e);
+	}
+	async loadIcons() {
+		e.map && await Promise.all(this.icons.values().map((t) => this.loadImage(t, e.map)));
+	}
+	register(e, t) {
+		let n = {
+			id: e,
+			image: t
+		};
+		this.icons.set(e, n);
+	}
+	loadImage(e, t) {
+		return this.applyImage("add", e, t);
+	}
+	updateImage(e, t) {
+		return this.applyImage("update", e, t);
+	}
+	applyImage(e, t, n) {
+		let r = () => e === "add" ? n.addImage(t.id, t.image) : n.updateImage(t.id, t.image);
+		return t.image.complete ? (r(), Promise.resolve()) : new Promise((e, n) => {
+			t.image.onload = () => {
+				r(), e();
+			}, t.image.onerror = (e) => {
+				n(Error(`Failed to load image ${t.id}: ${e}`, { cause: e }));
+			};
+		});
+	}
+};
+//#endregion
+export { n as MapIconManager };

package/dist/lib/map/integrations/map-integration.svelte.js

@@ -0,0 +1,5 @@
+import "svelte/internal/client";
+//#region src/lib/map/integrations/map-integration.svelte.ts
+var e = class {};
+//#endregion
+export { e as MapIntegration };

package/dist/lib/map/integrations/map-layer-integration.svelte.js

@@ -0,0 +1,23 @@
+import { mapManager as e } from "../map.svelte.js";
+import { MapIntegration as t } from "./map-integration.svelte.js";
+import * as n from "svelte/internal/client";
+import { untrack as r } from "svelte";
+//#region src/lib/map/integrations/map-layer-integration.svelte.ts
+var i = class extends t {
+	beforeLayer;
+	constructor() {
+		super(), n.effect_root(() => {
+			n.user_effect(() => {
+				e.map && this.enabled ? r(() => this.apply()) : e.map && !this.enabled && r(() => this.remove());
+			});
+		});
+	}
+	apply() {
+		e.map && (e.map.getLayer(this.referenceId) || e.map.addLayer(this.mapLayer, this.beforeLayer), e.map.setLayoutProperty(this.referenceId, "visibility", this.enabled ? "visible" : "none"));
+	}
+	remove() {
+		e.map?.getLayer(this.referenceId) && e.map.removeLayer(this.referenceId);
+	}
+};
+//#endregion
+export { i as MapLayerIntegration };