@edugis-org/webmapx 0.1.0

package/dist-lib/decorate-CWgUV1hU.js

@@ -0,0 +1,1139 @@
+import { n as e } from "./src-CL94RDe3.js";
+import { t } from "./toast-Cm28o9U6.js";
+//#region src/map/adapter-registry.ts
+var n = /* @__PURE__ */ new Map(), r = "maplibre";
+function i(e, t) {
+	if (!e || typeof e != "string") {
+		console.error("[adapter-registry] Adapter name must be a non-empty string.");
+		return;
+	}
+	n.set(e.toLowerCase(), t);
+}
+function a() {
+	return Array.from(n.keys());
+}
+async function o(e) {
+	let t = (e ?? "maplibre").toLowerCase(), r = n.get(t);
+	if (!r) return console.error(`[adapter-registry] No adapter registered under "${t}".`), null;
+	try {
+		return await r();
+	} catch (e) {
+		return console.error(`[adapter-registry] Failed to create adapter "${t}".`, e), null;
+	}
+}
+i(r, async () => {
+	let { MapLibreAdapter: e } = await import("./maplibre-adapter-TFc3e0G9.js");
+	return new e();
+}), i("openlayers", async () => {
+	let { OpenLayersAdapter: e } = await import("./openlayers-adapter-DVW1KCRv.js");
+	return new e();
+}), i("ol", async () => {
+	let { OpenLayersAdapter: e } = await import("./openlayers-adapter-DVW1KCRv.js");
+	return new e();
+}), i("leaflet", async () => {
+	let { LeafletAdapter: e } = await import("./leaflet-adapter-D9djjrKv.js");
+	return new e();
+}), i("l", async () => {
+	let { LeafletAdapter: e } = await import("./leaflet-adapter-D9djjrKv.js");
+	return new e();
+}), i("cesium", async () => {
+	let { createCesiumAdapter: e } = await import("./cesium-adapter-BHXNytkU.js");
+	return await e();
+}), i("c", async () => {
+	let { createCesiumAdapter: e } = await import("./cesium-adapter-BHXNytkU.js");
+	return await e();
+});
+//#endregion
+//#region src/config/adapter-resolution.ts
+function s(e) {
+	if (!e) return null;
+	switch (e.toLowerCase()) {
+		case "ol": return "openlayers";
+		case "l": return "leaflet";
+		case "c": return "cesium";
+		default: return e.toLowerCase();
+	}
+}
+function c(e, t) {
+	return e ? `webmapx-${t}:${e}` : null;
+}
+function l({ explicitAdapter: e, savedAdapter: t, configuredAdapter: n, defaultAdapter: r = "maplibre" }) {
+	return s(t) ?? s(e) ?? s(n) ?? s(r) ?? "maplibre";
+}
+//#endregion
+//#region src/map/map-state-persistence.ts
+var u = "webmapx-state";
+function d(e) {
+	return `${u}:${e}`;
+}
+function f(e, t) {
+	try {
+		sessionStorage.setItem(d(e), JSON.stringify(t));
+	} catch {}
+}
+function p(e) {
+	let t = sessionStorage.getItem(d(e));
+	if (!t) return null;
+	try {
+		return JSON.parse(t);
+	} catch {
+		return null;
+	}
+}
+function m(e) {
+	let t = p(e);
+	return t && sessionStorage.removeItem(d(e)), t;
+}
+var h = "config";
+function g(e) {
+	return e === 0 ? "s" : `s.${e}`;
+}
+function _(e) {
+	return e === 0 ? h : `${h}.${e}`;
+}
+function v(e) {
+	let t = new URLSearchParams(window.location.search), n = t.get(`${h}.${e}`);
+	return n === null ? e === 0 ? t.get(h) : null : n;
+}
+function y(e) {
+	let t = Array.from(document.querySelectorAll("webmapx-map")).indexOf(e);
+	return t >= 0 ? t : 0;
+}
+function b(e) {
+	return btoa(JSON.stringify(e));
+}
+function x(e) {
+	try {
+		let t = JSON.parse(atob(e));
+		return !t || typeof t != "object" || !Array.isArray(t.l) || !Array.isArray(t.v) || t.v.length !== 5 ? null : t;
+	} catch {
+		return null;
+	}
+}
+function S(e) {
+	let t = new URLSearchParams(window.location.search), n = t.get(`s.${e}`) ?? (e === 0 ? t.get("s") : null);
+	return n ? x(n) : null;
+}
+function C(e, t, n, r, i, a, o) {
+	let s = {};
+	for (let [e, t] of i) t !== 0 && (s[e] = t);
+	let c = {
+		l: t,
+		v: [
+			Math.round(r.center[0] * 1e6) / 1e6,
+			Math.round(r.center[1] * 1e6) / 1e6,
+			Math.round(r.zoom * 100) / 100,
+			Math.round(r.bearing * 10) / 10,
+			Math.round(r.pitch * 10) / 10
+		]
+	};
+	n.length > 0 && (c.h = n), Object.keys(s).length > 0 && (c.t = s), a && a !== "mercator" && (c.p = a);
+	let l = new URL(window.location.href), u = g(e);
+	if (l.searchParams.set(u, b(c)), e === 0 && l.searchParams.delete("s.0"), o) {
+		let t = _(e);
+		l.searchParams.set(t, o), e === 0 && l.searchParams.delete(`${h}.0`);
+	}
+	return l.toString();
+}
+//#endregion
+//#region src/tools/tool-manager.ts
+var w = class extends EventTarget {
+	constructor(...e) {
+		super(...e), this.tools = /* @__PURE__ */ new Map(), this._activeToolId = null, this.store = null;
+	}
+	setStore(e) {
+		this.store = e;
+	}
+	register(e) {
+		if (this.tools.has(e.toolId)) {
+			console.warn(`Tool "${e.toolId}" is already registered`);
+			return;
+		}
+		this.tools.set(e.toolId, e);
+	}
+	unregister(e) {
+		this._activeToolId === e && this.deactivate(), this.tools.delete(e);
+	}
+	activate(e) {
+		let t = this.tools.get(e);
+		if (!t) return console.warn(`Tool "${e}" not found`), !1;
+		if (this._activeToolId === e) return !0;
+		let n = this._activeToolId, r = n ? this.tools.get(n) ?? null : null;
+		return r && n !== e && t.isModal && (this._activeToolId = null, r.active = !1, this.updateStoreActiveTool(null), this.dispatchDeactivatedEvent(n, r)), this._activeToolId = e, t.active = !0, this.updateStoreActiveTool(e, t), this.dispatchActivatedEvent(e, t), !0;
+	}
+	deactivate(e) {
+		let t = e ?? this._activeToolId;
+		if (!t) return;
+		let n = this.tools.get(t);
+		n && this._activeToolId === t && (this._activeToolId = null, n.active = !1, this.updateStoreActiveTool(null), this.dispatchDeactivatedEvent(t, n));
+	}
+	toggle(e) {
+		return this._activeToolId === e ? (this.deactivate(e), !1) : this.activate(e);
+	}
+	get activeTool() {
+		return this._activeToolId ? this.tools.get(this._activeToolId) ?? null : null;
+	}
+	get activeToolId() {
+		return this._activeToolId;
+	}
+	getTool(e) {
+		return this.tools.get(e);
+	}
+	getToolIds() {
+		return Array.from(this.tools.keys());
+	}
+	updateStoreActiveTool(e, t) {
+		this.store && this.store.dispatch({ activeTool: e ? {
+			toolId: e,
+			...t?.label ? { label: t.label } : {},
+			...t?.icon ? { icon: t.icon } : {}
+		} : null }, "UI");
+	}
+	dispatchActivatedEvent(e, t) {
+		this.dispatchEvent(new CustomEvent("webmapx-tool-activated", { detail: {
+			toolId: e,
+			tool: t
+		} }));
+	}
+	dispatchDeactivatedEvent(e, t) {
+		this.dispatchEvent(new CustomEvent("webmapx-tool-deactivated", { detail: {
+			toolId: e,
+			tool: t
+		} }));
+	}
+};
+//#endregion
+//#region src/components/internal/single-group-policy.ts
+function T(e, t, n, r, i, a) {
+	let o = r?.[t];
+	(o?.legendRole === "background" || o?.legendRole === "overlay") && a.set(e, o.legendRole);
+	let s = n.indexOf(t);
+	if (s < 0) return;
+	let c = n[s + 1], l = n[s - 1];
+	if (typeof c == "string" && c.length > 0) {
+		i.set(e, { beforeLayerId: c });
+		return;
+	}
+	if (typeof l == "string" && l.length > 0) {
+		i.set(e, { afterLayerId: l });
+		return;
+	}
+	i.delete(e);
+}
+function E(e, t, n, r) {
+	let i = r.get(e);
+	if (!i) return n;
+	let a = new Set(t), o = typeof i.beforeLayerId == "string" && a.has(i.beforeLayerId) ? i.beforeLayerId : void 0, s = typeof i.afterLayerId == "string" && a.has(i.afterLayerId) ? i.afterLayerId : void 0;
+	if (!o && !s) return r.delete(e), n;
+	let c = {
+		...o ? { beforeLayerId: o } : {},
+		...s ? { afterLayerId: s } : {},
+		...n?.beforeLayerId ? { beforeLayerId: n.beforeLayerId } : {},
+		...n?.afterLayerId ? { afterLayerId: n.afterLayerId } : {}
+	};
+	return Object.keys(c).length > 0 ? c : void 0;
+}
+//#endregion
+//#region src/components/internal/legend-role-policy.ts
+function D(e, t, n, r, i, a) {
+	if (t?.legendRole === "background" || t?.legendRole === "overlay") return t.legendRole;
+	if (n) {
+		let e = r.get(n);
+		if (e === "background" || e === "overlay") return e;
+	}
+	if (!i) return "overlay";
+	if (e === i) return "background";
+	let o = a.get(i), s = n ?? a.get(e);
+	return o && s && o === s ? "background" : "overlay";
+}
+//#endregion
+//#region src/map/geojson-loader.ts
+async function O(t) {
+	let n = [], r = Object.values(t).filter((e) => e && e.type === "geojson" && typeof e.data == "string");
+	return await Promise.all(r.map(async (t) => {
+		if (t.service === "wfs") {
+			let e = await M(t);
+			e && n.push(e);
+			return;
+		}
+		if (t.service === "esri-feature") {
+			let e = await N(t);
+			e && n.push(e);
+			return;
+		}
+		let r = t.data, i = r.indexOf("#"), a = i >= 0 ? r.slice(0, i) : r, o = i >= 0 ? r.slice(i + 1) : null, s = await fetch(a);
+		if (!s.ok) throw Error(`geojson-loader: failed to fetch ${a}: ${s.status}`);
+		let c = await s.json();
+		if (c?.type === "Topology") {
+			let n = c.objects, r = o ?? Object.keys(n)[0];
+			if (!r || !n[r]) throw Error(`geojson-loader: object "${r}" not found in ${a}`);
+			t.data = e(c, n[r]);
+		} else t.data = c;
+	})), n;
+}
+var k = 6e6, A = 1e4;
+function j(e) {
+	if (!e) return 0;
+	switch (e.type) {
+		case "GeometryCollection": return e.geometries.reduce((e, t) => e + j(t), 0);
+		case "Point": return 1;
+		case "MultiPoint":
+		case "LineString": return e.coordinates.length;
+		case "MultiLineString":
+		case "Polygon": return e.coordinates.reduce((e, t) => e + t.length, 0);
+		case "MultiPolygon": return e.coordinates.reduce((e, t) => e + t.reduce((e, t) => e + t.length, 0), 0);
+		default: return 0;
+	}
+}
+async function M(e) {
+	let t = !!e.wfsSupportsPaging, n = e.wfsVersion === "2.0.0" ? "COUNT" : "MAXFEATURES", r = e.data, i = (e) => {
+		let i = new URL(r);
+		for (let e of [...i.searchParams.keys()]) [
+			"maxfeatures",
+			"count",
+			"startindex"
+		].includes(e.toLowerCase()) && i.searchParams.delete(e);
+		return i.searchParams.set(n, String(A)), t && e > 0 && i.searchParams.set("STARTINDEX", String(e)), i;
+	}, a = async (e) => {
+		let t = i(e), n = await fetch(t.toString());
+		if (!n.ok) throw Error(`geojson-loader: failed to fetch ${t}: ${n.status}`);
+		return await n.json();
+	}, o = await a(0), s = [...o.features ?? []], c = o.crs, l = o.numberMatched, u = 0;
+	for (let e of s) u += j(e.geometry);
+	l !== void 0 && (e.featureCount = l), e.data = {
+		type: "FeatureCollection",
+		features: s,
+		...c ? { crs: c } : {}
+	};
+	let d = l !== void 0 && s.length >= l;
+	return !t || (o.features?.length ?? 0) === 0 || d || u >= k ? null : {
+		id: e.id,
+		run: (t) => {
+			(async () => {
+				let n = s.length;
+				for (;;) {
+					let r = await a(n), i = r.features ?? [];
+					s.push(...i);
+					for (let e of i) u += j(e.geometry);
+					l ??= r.numberMatched, l !== void 0 && (e.featureCount = l);
+					let o = {
+						type: "FeatureCollection",
+						features: s,
+						...c ? { crs: c } : {}
+					};
+					if (e.data = o, !t(o) || i.length === 0 || l !== void 0 && s.length >= l || u >= k) break;
+					n += i.length;
+				}
+			})();
+		}
+	};
+}
+async function N(e) {
+	let t = e.data, n = async (e) => {
+		let n = new URL(t);
+		n.searchParams.set("resultRecordCount", String(A)), n.searchParams.set("resultOffset", String(e));
+		let r = await fetch(n.toString());
+		if (!r.ok) throw Error(`geojson-loader: failed to fetch ${n}: ${r.status}`);
+		return await r.json();
+	}, r = await n(0), i = [...r.features ?? []], a = 0;
+	for (let e of i) a += j(e.geometry);
+	return e.data = {
+		type: "FeatureCollection",
+		features: i
+	}, !r.exceededTransferLimit || i.length === 0 || a >= k ? null : {
+		id: e.id,
+		run: (t) => {
+			(async () => {
+				let r = i.length;
+				for (;;) {
+					let o = await n(r), s = o.features ?? [];
+					i.push(...s);
+					for (let e of s) a += j(e.geometry);
+					let c = {
+						type: "FeatureCollection",
+						features: i
+					};
+					if (e.data = c, !t(c) || !o.exceededTransferLimit || s.length === 0 || a >= k) break;
+					r += s.length;
+				}
+			})();
+		}
+	};
+}
+//#endregion
+//#region src/map/layer-source-resolver.ts
+function P(e, t) {
+	if (!t || t.length === 0) return e;
+	let n = new Map(t.map((e) => [e.id, e])), r = /* @__PURE__ */ new Set();
+	if (typeof e.source == "string" && r.add(e.source), Array.isArray(e.layers)) for (let t of e.layers) typeof t?.source == "string" && r.add(t.source);
+	if (r.size === 0) return e;
+	let i = e.sources ?? {}, a = {};
+	for (let e of r) {
+		if (i[e]) continue;
+		let t = n.get(e);
+		t && (a[e] = { ...t });
+	}
+	return Object.keys(a).length === 0 ? e : {
+		...e,
+		sources: {
+			...i,
+			...a
+		}
+	};
+}
+//#endregion
+//#region src/components/webmapx-map.ts
+var F = "map-view", I = "webmapx-map__surface", L = "adapter", R = class extends HTMLElement {
+	constructor(...e) {
+		super(...e), this.initialStateLayersApplied = !1, this.activeAdapterName = null, this.runtimeStyleLayerCounter = 0, this.styleLayerCache = /* @__PURE__ */ new Map(), this.singleGroupInsertSlotByGroup = /* @__PURE__ */ new Map(), this.singleGroupLegendRoleByGroup = /* @__PURE__ */ new Map(), this.logicalLayerOrder = [], this.logicalLayerRole = /* @__PURE__ */ new Map(), this.dynamicLayerRequests = /* @__PURE__ */ new Map(), this.handleFileDragOver = (e) => {
+			e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.dataTransfer.dropEffect = "copy");
+		}, this.handleFileDrop = (e) => {
+			let t = e.dataTransfer?.files;
+			!t || t.length === 0 || (e.preventDefault(), this.handleDroppedFiles(Array.from(t)));
+		}, this.currentSurface = null, this.adapterInstance = null, this.adapterPromise = null, this.configInstance = null, this.toolManagerInstance = null;
+	}
+	connectedCallback() {
+		this.upsertAndStyleSurface(), this.observeSurfaceChanges(), this.addEventListener("add-layer", this.handleLayerAddRequest), this.addEventListener("webmapx-add-layer", this.handleAddLayerEvent), this.addEventListener("webmapx-remove-layer", this.handleRemoveLayerEvent), this.addEventListener("webmapx-add-source", this.handleAddSourceEvent), this.addEventListener("webmapx-remove-source", this.handleRemoveSourceEvent), this.addEventListener("webmapx-set-source-data", this.handleSetSourceDataEvent), this.addEventListener("webmapx-suppress-busy-for-source", this.handleSuppressBusyForSource), this.addEventListener("webmapx-unsuppress-busy-for-source", this.handleUnsuppressBusyForSource), this.addEventListener("dragover", this.handleFileDragOver), this.addEventListener("drop", this.handleFileDrop);
+	}
+	disconnectedCallback() {
+		this.surfaceObserver?.disconnect(), this.removeEventListener("add-layer", this.handleLayerAddRequest), this.removeEventListener("webmapx-add-layer", this.handleAddLayerEvent), this.removeEventListener("webmapx-remove-layer", this.handleRemoveLayerEvent), this.removeEventListener("webmapx-add-source", this.handleAddSourceEvent), this.removeEventListener("webmapx-remove-source", this.handleRemoveSourceEvent), this.removeEventListener("webmapx-set-source-data", this.handleSetSourceDataEvent), this.removeEventListener("webmapx-suppress-busy-for-source", this.handleSuppressBusyForSource), this.removeEventListener("webmapx-unsuppress-busy-for-source", this.handleUnsuppressBusyForSource), this.removeEventListener("dragover", this.handleFileDragOver), this.removeEventListener("drop", this.handleFileDrop);
+	}
+	async handleDroppedFiles(e) {
+		await this.addFilesAsLayers(e);
+	}
+	async addFilesAsLayers(e) {
+		this.adapter?.store.dispatch({ mapBusy: !0 }, "UI");
+		try {
+			await this.processDroppedFiles(e);
+		} finally {
+			this.adapter?.store.dispatch({ mapBusy: !1 }, "UI");
+		}
+	}
+	async tryHandleDroppedConfig(e) {
+		if (e.length !== 1) return !1;
+		let t = e[0], { sniffFile: n } = await import("./file-sniff-Dhxj3KTF.js");
+		if ((await n(t)).kind !== "webmapx-config") return !1;
+		let { storeDroppedConfig: r } = await import("./dropped-config-C_GyVa8o.js");
+		return await r(await t.text()), window.location.reload(), !0;
+	}
+	async processDroppedFiles(e) {
+		if (await this.tryHandleDroppedConfig(e)) return;
+		let { sniffBlob: n } = await import("./file-sniff-Dhxj3KTF.js"), { groupDroppedFiles: r, buildLayerConfigFromGroup: i } = await import("./dropped-layer-builder-DAaYgUPk.js"), a = (e, t, n, r) => {
+			let i = [`${r}${e} (${(t / 1024).toFixed(1)} KB): ${n.description}`];
+			for (let e of n.children ?? []) i.push(...a(e.path, e.size, e.result, r + "  "));
+			return i;
+		}, o = await r(e), s = [];
+		for (let e of o) {
+			let t = await i(e);
+			if (t) {
+				if (this.adapter?.hasLayer(t.id)) {
+					let e = t.id, n = 1;
+					for (; this.adapter.hasLayer(`${e}_${n}`);) n++;
+					let r = `${e}_${n}`, i = `${e}:`, a = `${r}:`;
+					t.id = r, t.sources = Object.fromEntries(Object.entries(t.sources ?? {}).map(([e, t]) => [e.startsWith(i) ? a + e.slice(i.length) : e, t])), t.layers = (t.layers ?? []).map((e) => ({
+						...e,
+						id: e.id?.startsWith(i) ? a + e.id.slice(i.length) : e.id,
+						source: e.source?.startsWith(i) ? a + e.source.slice(i.length) : e.source
+					}));
+				}
+				console.log("addLayer()"), await this.addLayerRequest(t);
+				continue;
+			}
+			for (let t of e) {
+				let e = await n(t.blob);
+				s.push(...a(t.name, t.blob.size, e, ""));
+			}
+		}
+		s.length > 0 && t(s.join("<br>"), {
+			variant: "warning",
+			duration: 16e3
+		});
+	}
+	async handleAddLayerEvent(e) {
+		let t = e.detail ?? {}, n = {
+			...typeof t.beforeLayerId == "string" ? { beforeLayerId: t.beforeLayerId } : {},
+			...typeof t.afterLayerId == "string" ? { afterLayerId: t.afterLayerId } : {}
+		}, r = this.resolveFallbackFromRequest(t);
+		if (!await this.addLayerRequest(t, r, n)) {
+			let e = this.resolveCatalogLayerIdFromAddLayerDetail(t);
+			this.dispatchEvent(new CustomEvent("webmapx-addlayer-failed", {
+				detail: {
+					...e ? { layerId: e } : {},
+					request: t
+				},
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+	}
+	handleRemoveLayerEvent(e) {
+		this.removeInlineLayer(e.detail);
+	}
+	removeInlineLayer(e) {
+		this.adapter && (this.dynamicLayerRequests.delete(e), this.adapter.removeLayer(e), this.removeFromLogicalOrder(e), this.logicalLayerRole.delete(e));
+	}
+	handleAddSourceEvent(e) {
+		this.adapter && this.adapter.addSource(e.detail.id, e.detail.config);
+	}
+	handleRemoveSourceEvent(e) {
+		this.adapter && this.adapter.removeSource(e.detail);
+	}
+	handleSetSourceDataEvent(e) {
+		let t = this.adapter?.getSource(e.detail.id);
+		t && t.setData(e.detail.data);
+	}
+	handleSuppressBusyForSource(e) {
+		this.adapter && this.adapter.suppressBusySignalForSource(e.detail);
+	}
+	handleUnsuppressBusyForSource(e) {
+		this.adapter && this.adapter.unsuppressBusySignalForSource(e.detail);
+	}
+	async handleLayerAddRequest(e) {
+		let t = this.toRecord(e.detail), n = this.toLayerInformation(t?.layerInformation), r = t?.checked === !0, i = typeof t?.selectionGroup == "string" && t.selectionGroup.length > 0 ? t.selectionGroup : null, a = this.adapter;
+		if (a) if (r) {
+			let e = typeof n?.layer?.id == "string" ? n.layer.id : null;
+			if (!e) return;
+			await this.tryAddLayerRequest(a, { layerId: e }, void 0, /* @__PURE__ */ new Set(), i ?? void 0) ? this.dynamicLayerRequests.set(e, { request: { layerId: e } }) : this.dispatchEvent(new CustomEvent("webmapx-addlayer-failed", {
+				detail: { layerId: e },
+				bubbles: !0,
+				composed: !0
+			}));
+		} else n && (this.dynamicLayerRequests.delete(n.layer.id), this.rememberSingleGroupInsertSlot(a, n.layer.id, i ?? void 0), this.removeFromLogicalOrder(n.layer.id), this.logicalLayerRole.delete(n.layer.id), a.removeLogicalLayer(n.layer.id));
+	}
+	upsertAndStyleSurface() {
+		let e = this.ensureMapViewElement();
+		this.decorateMapSurface(e), this.currentSurface = e;
+	}
+	ensureMapViewElement() {
+		let e = this.mapElement;
+		if (e) return e;
+		let t = document.createElement("div");
+		return t.setAttribute("slot", F), t.classList.add("webmapx-map__auto-view"), this.prepend(t), t;
+	}
+	decorateMapSurface(e) {
+		e.classList.add(I), e.style.position || (e.style.position = "absolute"), e.style.top || (e.style.top = "0"), e.style.right || (e.style.right = "0"), e.style.bottom || (e.style.bottom = "0"), e.style.left || (e.style.left = "0"), e.style.width || (e.style.width = "100%"), e.style.height || (e.style.height = "100%"), e.style.background || e.style.setProperty("background", "var(--color-background-secondary, #f4f4f4)");
+	}
+	observeSurfaceChanges() {
+		this.surfaceObserver || (this.surfaceObserver = new MutationObserver(() => {
+			let e = this.mapElement;
+			if (!e) {
+				this.upsertAndStyleSurface();
+				return;
+			}
+			e !== this.currentSurface && (this.decorateMapSurface(e), this.currentSurface = e);
+		}), this.surfaceObserver.observe(this, { childList: !0 }));
+	}
+	get adapter() {
+		return this.ensureAdapter(), this.adapterInstance;
+	}
+	getAdapterAsync() {
+		return this.ensureAdapter(), this.adapterPromise ?? Promise.resolve(this.adapterInstance);
+	}
+	get mapElement() {
+		return this.querySelector(`[slot="${F}"]`);
+	}
+	get config() {
+		return this.configInstance;
+	}
+	get mapConfig() {
+		return this.configInstance?.map;
+	}
+	get layerDataConfig() {
+		return this.configInstance?.layerData ?? this.configInstance?.catalog;
+	}
+	get catalogConfig() {
+		return this.configInstance?.catalog;
+	}
+	get toolsConfig() {
+		return this.configInstance?.tools;
+	}
+	async addLayerRequest(e, t, n) {
+		let r = this.adapter;
+		if (!r) return !1;
+		let i = new Set(Object.keys(r.store.getState().mapLayers ?? {})), a = /* @__PURE__ */ new Set();
+		if (await this.tryAddLayerRequest(r, e, n, a)) {
+			let a = Object.keys(r.store.getState().mapLayers ?? {});
+			for (let r of a) i.has(r) || this.dynamicLayerRequests.set(r, {
+				request: e,
+				fallback: t,
+				options: n
+			});
+			return !0;
+		}
+		return t ? typeof t == "string" ? this.tryAddLayerRequest(r, { layerId: t }, n, a) : this.tryAddLayerRequest(r, t, n, a) : !1;
+	}
+	get toolManager() {
+		return this.toolManagerInstance || (this.toolManagerInstance = new w(), this.adapterInstance?.store && this.toolManagerInstance.setStore(this.adapterInstance.store), this.toolManagerInstance.addEventListener("webmapx-tool-activated", (e) => {
+			this.dispatchEvent(new CustomEvent("webmapx-tool-activated", {
+				detail: e.detail,
+				bubbles: !0,
+				composed: !0
+			}));
+		}), this.toolManagerInstance.addEventListener("webmapx-tool-deactivated", (e) => {
+			this.dispatchEvent(new CustomEvent("webmapx-tool-deactivated", {
+				detail: e.detail,
+				bubbles: !0,
+				composed: !0
+			}));
+		})), this.toolManagerInstance;
+	}
+	setConfig(e) {
+		this.configInstance = e, this.initialStateLayersApplied = !1, this.applyCatalogToAdapter(), this.dispatchEvent(new CustomEvent("webmapx-config-ready", {
+			detail: {
+				config: e,
+				map: this
+			},
+			bubbles: !0,
+			composed: !0
+		})), console.log(`[webmapx-map] Config set for "${this.id || "unnamed"}":`, e);
+	}
+	getScopedStorageKey(e) {
+		return c(this.id, e);
+	}
+	saveState(e) {
+		if (!this.id) return;
+		let t = this.adapter?.getViewportState(), n = [...this.dynamicLayerRequests.values()];
+		f(this.id, {
+			...t ? { viewport: t } : {},
+			...n.length > 0 ? { layers: n } : {},
+			...e?.projection ? { projection: e.projection } : {}
+		});
+	}
+	setProjection(e) {
+		this.adapter && (this.adapter.setProjection(e) || (this.saveState({ projection: e }), window.location.reload()));
+	}
+	async restoreState() {
+		if (!this.id) return;
+		let e = m(this.id);
+		if (e) for (let t of e.layers ?? []) await this.addLayerRequest(t.request, t.fallback, t.options);
+	}
+	getSavedAdapterPreference() {
+		let e = this.getScopedStorageKey("adapter");
+		return e ? localStorage.getItem(e) : null;
+	}
+	resolveRequestedAdapter() {
+		return l({
+			explicitAdapter: this.getAttribute(L) ?? this.getAttribute("type"),
+			savedAdapter: this.getSavedAdapterPreference(),
+			configuredAdapter: this.mapConfig?.type ?? null,
+			defaultAdapter: r
+		});
+	}
+	ensureAdapter() {
+		if (this.adapterInstance || this.adapterPromise) return;
+		let e = this.resolveRequestedAdapter();
+		this.adapterPromise = (async () => {
+			let t = await o(e);
+			return t ? (this.adapterInstance = t, this.activeAdapterName = e, this.toolManagerInstance && t.store && this.toolManagerInstance.setStore(t.store), this.applyCatalogToAdapter(), this.dispatchEvent(new CustomEvent("webmapx-map-ready", {
+				detail: {
+					adapter: this.adapterInstance,
+					map: this
+				},
+				bubbles: !0,
+				composed: !0
+			})), t) : (console.error(`[webmapx-map] No adapter available for "${e}".`), null);
+		})();
+	}
+	async applyCatalogToAdapter() {
+		let e = this.adapterInstance, t = this.layerDataConfig;
+		!e || !t || this.initialStateLayersApplied || (this.initialStateLayersApplied = !0, this.applyInitialStateLayers(e, t));
+	}
+	collectInitialActiveLayerRefs() {
+		let e = S(y(this));
+		if (e?.l?.length) return e.l;
+		let t = this.configInstance?.state?.activeLayers;
+		if (!t) return (this.configInstance?.layerData?.layers ?? []).map((e) => typeof e?.id == "string" ? e.id : null).filter((e) => e !== null);
+		let n = [];
+		for (let e of t) {
+			if (typeof e == "string") {
+				n.push(e);
+				continue;
+			}
+			if (!e || typeof e != "object") continue;
+			let t = e, r = typeof t.ref == "string" ? t.ref : typeof t.layerId == "string" ? t.layerId : null, i = t.visible !== !1;
+			r && i && n.push(r);
+		}
+		return Array.from(new Set(n));
+	}
+	getBackgroundSeedLayerId() {
+		let e = this.collectInitialActiveLayerRefs();
+		return e.length > 0 ? e[0] : null;
+	}
+	collectSingleSelectionGroupByLayerId() {
+		let e = /* @__PURE__ */ new Map(), t = this.layerDataConfig?.layers;
+		if (!Array.isArray(t)) return e;
+		for (let n of t) {
+			let t = this.getLayerMetadata(n), r = (typeof n.singleGroup == "string" ? n.singleGroup : null) ?? (typeof t?.singleSelectionGroupKey == "string" ? t.singleSelectionGroupKey : null) ?? (typeof t?.selectionGroup == "string" ? t.selectionGroup : null) ?? (typeof t?.["webmapx:selectionGroup"] == "string" ? t["webmapx:selectionGroup"] : null);
+			r && r.length > 0 && e.set(n.id, r);
+		}
+		return e;
+	}
+	getSingleSelectionGroupKeyForLayer(e, t) {
+		return typeof t == "string" && t.length > 0 ? t : this.collectSingleSelectionGroupByLayerId().get(e) ?? null;
+	}
+	insertIntoLogicalOrder(e, t) {
+		if (this.logicalLayerOrder = this.logicalLayerOrder.filter((t) => t !== e), t?.beforeLayerId) {
+			let n = this.logicalLayerOrder.indexOf(t.beforeLayerId);
+			if (n >= 0) {
+				this.logicalLayerOrder.splice(n, 0, e);
+				return;
+			}
+		}
+		this.logicalLayerOrder.push(e);
+	}
+	removeFromLogicalOrder(e) {
+		this.logicalLayerOrder = this.logicalLayerOrder.filter((t) => t !== e);
+	}
+	computeInsertOptionsForLayer(e, t) {
+		if (t?.beforeLayerId || t?.afterLayerId) return t;
+		if (e === "background") {
+			let e = this.logicalLayerOrder.find((e) => (this.logicalLayerRole.get(e) ?? "overlay") !== "background");
+			return e ? { beforeLayerId: e } : void 0;
+		}
+	}
+	rememberSingleGroupInsertSlot(e, t, n) {
+		let r = this.getSingleSelectionGroupKeyForLayer(t, n);
+		r && T(r, t, this.logicalLayerOrder, e.store.getState().mapLayers, this.singleGroupInsertSlotByGroup, this.singleGroupLegendRoleByGroup);
+	}
+	resolveSingleGroupInsertionOptions(e, t, n) {
+		let r = this.getSingleSelectionGroupKeyForLayer(e, n);
+		return r ? E(r, this.logicalLayerOrder, t, this.singleGroupInsertSlotByGroup) : t;
+	}
+	resolveCatalogLegendRole(e, t, n) {
+		return D(e, this.getLayerMetadata(t), this.getSingleSelectionGroupKeyForLayer(e, n) ?? void 0, this.singleGroupLegendRoleByGroup, this.getBackgroundSeedLayerId(), this.collectSingleSelectionGroupByLayerId());
+	}
+	getConfiguredLayerInformation(e) {
+		let t = this.layerDataConfig;
+		if (!t) return null;
+		let n = t.layers?.find((t) => t.id === e);
+		return n ? { layer: n } : null;
+	}
+	resolveResourceUrl(e, t) {
+		try {
+			return new URL(e, t).toString().replace(/%7B/gi, "{").replace(/%7D/gi, "}");
+		} catch {
+			return e;
+		}
+	}
+	resolveStyleBackedSource(e, t, n, r) {
+		let i = n.type;
+		if (i !== "vector" && i !== "raster" && i !== "geojson") return null;
+		if (i === "vector") {
+			let e = typeof n.url == "string" ? n.url : null, i = Array.isArray(n.tiles) ? n.tiles.filter((e) => typeof e == "string") : [], a = typeof n.attribution == "string" ? n.attribution : void 0, o = typeof n.minzoom == "number" ? n.minzoom : void 0, s = typeof n.maxzoom == "number" ? n.maxzoom : void 0;
+			return !e && i.length === 0 ? null : {
+				id: t,
+				type: "vector",
+				...e ? { url: this.resolveResourceUrl(e, r) } : {},
+				...i.length > 0 ? { tiles: i.map((e) => this.resolveResourceUrl(e, r)) } : {},
+				...o === void 0 ? {} : { minzoom: o },
+				...s === void 0 ? {} : { maxzoom: s },
+				...a ? { attribution: a } : {}
+			};
+		}
+		if (i === "raster") {
+			let e = Array.isArray(n.tiles) ? n.tiles.filter((e) => typeof e == "string") : [], i = typeof n.attribution == "string" ? n.attribution : void 0;
+			return e.length === 0 ? null : {
+				id: t,
+				type: "raster",
+				service: "xyz",
+				url: e.map((e) => this.resolveResourceUrl(e, r)),
+				tileSize: typeof n.tileSize == "number" ? n.tileSize : void 0,
+				minzoom: typeof n.minzoom == "number" ? n.minzoom : void 0,
+				maxzoom: typeof n.maxzoom == "number" ? n.maxzoom : void 0,
+				...i ? { attribution: i } : {}
+			};
+		}
+		let a = n.data, o = typeof n.attribution == "string" ? n.attribution : void 0;
+		return typeof a == "string" ? {
+			id: t,
+			type: "geojson",
+			data: this.resolveResourceUrl(a, r),
+			...o ? { attribution: o } : {}
+		} : null;
+	}
+	async expandStyleBackedLayer(e) {
+		let t = (e.type === "style" ? e : null)?.url ?? null, n = e.id, r = `style:${n}:`, i = `${n}::${t ?? ""}`;
+		if (!t) return null;
+		let a = this.styleLayerCache.get(i);
+		if (a) return a;
+		let o = (async () => {
+			try {
+				let n = await fetch(t);
+				if (!n.ok) return null;
+				let i = this.toRecord(await n.json());
+				return this.buildExpandedStyleLayer(e, i, t, r);
+			} catch {
+				return null;
+			}
+		})();
+		return this.styleLayerCache.set(i, o), o;
+	}
+	buildExpandedStyleLayer(e, t, n, r) {
+		let i = t && !t.sources && !t.layers && t.source && typeof t.source == "object" ? t.source : t, a = this.toRecord(i?.sources), o = Array.isArray(i?.layers) ? i.layers.map((e) => this.toRecord(e)).filter((e) => !!e) : [];
+		if (!a || o.length === 0) return null;
+		let s = r ?? `style:${e.id}:`, c = new Set([
+			"background",
+			"fill",
+			"line",
+			"circle",
+			"symbol",
+			"raster",
+			"fill-extrusion",
+			"hillshade"
+		]), l = /* @__PURE__ */ new Map(), u = o.filter((e) => typeof e.type == "string" && c.has(e.type)).map((e) => {
+			let t = typeof e.source == "string" ? `${s}${e.source}` : void 0;
+			return typeof e.source == "string" && t && l.set(e.source, t), {
+				id: typeof e.id == "string" ? `style:${e.id}` : void 0,
+				type: e.type,
+				source: t,
+				"source-layer": e["source-layer"] ?? e.sourceLayer,
+				minzoom: e.minzoom ?? e.minZoom,
+				maxzoom: e.maxzoom ?? e.maxZoom,
+				paint: e.paint,
+				layout: e.layout,
+				filter: e.filter
+			};
+		}), d = new Set(u.map((e) => e.source).filter((e) => typeof e == "string" && e.length > 0)), f = {};
+		for (let [e, t] of l.entries()) {
+			if (!d.has(t)) continue;
+			let r = this.toRecord(a[e]);
+			if (!r) continue;
+			let i = n ? this.resolveStyleBackedSource(e, t, r, n) : this.resolveInlineStyleSource(t, r);
+			i && (f[t] = { ...i });
+		}
+		let p = new Set(Object.keys(f)), m = u.filter((e) => !e.source || p.has(e.source));
+		return m.length === 0 || p.size === 0 ? null : { layer: {
+			id: e.id,
+			type: "style",
+			title: e.title,
+			singleGroup: e.singleGroup,
+			fallbackLayerId: e.fallbackLayerId,
+			minzoom: e.minzoom,
+			maxzoom: e.maxzoom,
+			metadata: {
+				...this.getLayerMetadata(e) ?? {},
+				styleUrl: n ?? void 0,
+				styleSpriteUrl: typeof t?.sprite == "string" && n ? this.resolveResourceUrl(t.sprite, n) : typeof t?.sprite == "string" ? t.sprite : void 0,
+				styleGlyphsUrl: typeof t?.glyphs == "string" && n ? this.resolveResourceUrl(t.glyphs, n) : typeof t?.glyphs == "string" ? t.glyphs : void 0
+			},
+			sources: f,
+			layers: m
+		} };
+	}
+	resolveInlineStyleSource(e, t) {
+		let n = t.type;
+		if (n !== "vector" && n !== "raster" && n !== "geojson") return null;
+		if (n === "vector") {
+			let n = typeof t.url == "string" ? t.url : null, r = Array.isArray(t.tiles) ? t.tiles.filter((e) => typeof e == "string") : [];
+			return !n && r.length === 0 || !n && r.length === 0 ? null : {
+				id: e,
+				type: "vector",
+				url: n ?? r[0] ?? "",
+				...r.length > 0 ? { tiles: r } : {},
+				...typeof t.minzoom == "number" ? { minzoom: t.minzoom } : {},
+				...typeof t.maxzoom == "number" ? { maxzoom: t.maxzoom } : {},
+				...typeof t.attribution == "string" ? { attribution: t.attribution } : {}
+			};
+		}
+		if (n === "raster") {
+			let n = Array.isArray(t.tiles) ? t.tiles.filter((e) => typeof e == "string") : [];
+			return n.length === 0 ? null : {
+				id: e,
+				type: "raster",
+				service: "xyz",
+				url: n,
+				...typeof t.tileSize == "number" ? { tileSize: t.tileSize } : {},
+				...typeof t.minzoom == "number" ? { minzoom: t.minzoom } : {},
+				...typeof t.maxzoom == "number" ? { maxzoom: t.maxzoom } : {},
+				...typeof t.attribution == "string" ? { attribution: t.attribution } : {}
+			};
+		}
+		let r = t.data;
+		return typeof r == "string" ? {
+			id: e,
+			type: "geojson",
+			data: r,
+			...typeof t.attribution == "string" ? { attribution: t.attribution } : {}
+		} : null;
+	}
+	async getLayerInformation(e) {
+		let t = this.getConfiguredLayerInformation(e);
+		return t ? this.isStyleBackedLayer(t.layer) ? this.expandStyleBackedLayer(t.layer) : t : null;
+	}
+	resolveCatalogLayerIdFromAddLayerDetail(e) {
+		let t = [
+			e.catalogLayerId,
+			e.layerId,
+			e.ref
+		];
+		for (let e of t) if (typeof e == "string" && this.getConfiguredLayerInformation(e)) return e;
+		return null;
+	}
+	isStyleRequest(e) {
+		return !!(this.toRecord(e.style) || typeof e.styleUrl == "string" && e.styleUrl.length > 0);
+	}
+	resolveStyleUrlFromRequest(e) {
+		return typeof e.styleUrl == "string" && e.styleUrl.length > 0 ? e.styleUrl : null;
+	}
+	resolveFallbackFromRequest(e) {
+		let t = this.toRecord(e.fallbackLayer);
+		if (t) return t;
+		let n = [
+			e.fallbackLayerId,
+			e.fallbackRef,
+			e.fallback
+		];
+		for (let e of n) if (typeof e == "string" && e.length > 0) return e;
+	}
+	async tryAddLayerRequest(e, t, n, r = /* @__PURE__ */ new Set(), i) {
+		let a = this.resolveCatalogLayerIdFromAddLayerDetail(t);
+		if (a) {
+			if (r.has(a)) return !1;
+			r.add(a);
+			let t = this.getConfiguredLayerInformation(a);
+			if (!t) return !1;
+			let o = this.isStyleBackedLayer(t.layer), s = o ? await this.expandStyleBackedLayer(t.layer) : t;
+			if (s && (!o || !this.hasUnsupportedStyleComponents(s))) {
+				let t = this.getSingleSelectionGroupKeyForLayer(a, i), r = this.resolveCatalogLegendRole(a, s.layer, t ?? void 0), o = this.resolveSingleGroupInsertionOptions(a, n, i), c = this.computeInsertOptionsForLayer(r, o), l = {
+					...s,
+					layer: {
+						...s.layer,
+						metadata: {
+							...this.getLayerMetadata(s.layer) ?? {},
+							legendRole: r,
+							...t ? { singleSelectionGroupKey: t } : {}
+						}
+					}
+				};
+				if (await this.addLogicalLayerInternal(e, l, c)) {
+					let e = this.getSingleSelectionGroupKeyForLayer(a, i);
+					return e && this.singleGroupInsertSlotByGroup.delete(e), !0;
+				}
+			}
+			let c = this.getConfiguredFallbackLayerId(t.layer);
+			return c ? this.tryAddLayerRequest(e, { layerId: c }, n, r, i) : !1;
+		}
+		if (typeof t.layerId == "string" || typeof t.catalogLayerId == "string" || typeof t.ref == "string") return !1;
+		if (this.isStyleRequest(t)) {
+			let n = await this.getLayerInformationFromStyleRequest(t);
+			return !n || this.hasUnsupportedStyleComponents(n) ? !1 : this.addLogicalLayerInternal(e, n);
+		}
+		let { beforeLayerId: o, afterLayerId: s, fallbackLayer: c, fallbackLayerId: l, fallbackRef: u, fallback: d, ...f } = t;
+		return this.addInlineLayerWithTracking(e, f, n);
+	}
+	async getLayerInformationFromStyleRequest(e) {
+		let t = this.toRecord(e.style), n = this.resolveStyleUrlFromRequest(e);
+		if (!t && !n) return null;
+		let r = this.toRecord(e.metadata) ?? {}, i = typeof e.id == "string" && e.id.length > 0 ? e.id : `runtime-style-${++this.runtimeStyleLayerCounter}`;
+		return t ? this.buildExpandedStyleLayer({
+			id: i,
+			type: "style",
+			metadata: {
+				...r,
+				...n ? { styleUrl: n } : {}
+			}
+		}, t, n) : this.expandStyleBackedLayer({
+			id: i,
+			type: "style",
+			metadata: {
+				...r,
+				styleUrl: n ?? void 0
+			}
+		});
+	}
+	toRecord(e) {
+		return typeof e == "object" && e && !Array.isArray(e) ? e : null;
+	}
+	getLayerMetadata(e) {
+		return this.toRecord(e?.metadata);
+	}
+	isStyleBackedLayer(e) {
+		if (e.type !== "style") return !1;
+		let t = e;
+		return typeof t.url == "string" && t.url.length > 0;
+	}
+	getConfiguredFallbackLayerId(e) {
+		if (typeof e.fallbackLayerId == "string" && e.fallbackLayerId.length > 0) return e.fallbackLayerId;
+		let t = this.getLayerMetadata(e)?.fallbackLayerId;
+		return typeof t == "string" && t.length > 0 ? t : null;
+	}
+	isSourceTypeSupportedByActiveEngine(e) {
+		let t = this.activeAdapterName;
+		return t === "leaflet" || t === "cesium" ? e === "raster" || e === "geojson" : t === "maplibre" || t === "openlayers" ? e === "raster" || e === "geojson" || e === "vector" || e === "raster-dem" : !1;
+	}
+	isSourceSupportedByActiveEngine(e) {
+		let t = typeof e?.type == "string" ? e.type : null;
+		if (!t || !this.isSourceTypeSupportedByActiveEngine(t)) return !1;
+		if (this.activeAdapterName === "cesium" && t === "raster") {
+			let t = e, n = Array.isArray(t.url) ? t.url[0] : t.url;
+			if (typeof n == "string" && n.startsWith("warpedmap://")) return !1;
+		}
+		return !0;
+	}
+	hasUnsupportedStyleComponents(e) {
+		let t = e.layer;
+		if (t.type === "allmaps") return this.activeAdapterName === "cesium";
+		if (t.type === "style") {
+			let e = t, n = e.sources ?? {}, r = /* @__PURE__ */ new Set();
+			for (let e of Object.values(n)) if (typeof e == "object" && e) {
+				let t = e.type;
+				typeof t == "string" && r.add(t);
+			}
+			let i = e.layers ?? [];
+			for (let e of i) {
+				let t = typeof e?.source == "string" ? e.source : null;
+				if (!t || t in n) continue;
+				let i = this.layerDataConfig?.sources?.find((e) => e.id === t);
+				i && typeof i.type == "string" && r.add(i.type);
+			}
+			return r.size === 0 ? !1 : Array.from(r).some((e) => !this.isSourceTypeSupportedByActiveEngine(e));
+		}
+		let n = t.source;
+		if (!n) return !1;
+		let r = this.layerDataConfig?.sources?.find((e) => e.id === n) ?? null;
+		return r ? !this.isSourceSupportedByActiveEngine(r) : !1;
+	}
+	async isCatalogLayerSupported(e) {
+		let t = this.getConfiguredLayerInformation(e);
+		if (!t) return !1;
+		let n = t.layer.metadata?.supportedEngines;
+		if (n) return n.includes(this.activeAdapterName);
+		if (!this.isStyleBackedLayer(t.layer)) return !this.hasUnsupportedStyleComponents(t);
+		let r = await this.expandStyleBackedLayer(t.layer);
+		return r ? !this.hasUnsupportedStyleComponents(r) : !1;
+	}
+	async addLogicalLayerInternal(e, t, n) {
+		let r = P(t.layer, this.layerDataConfig?.sources), i = [];
+		r.sources && typeof r.sources == "object" && (i = await O(r.sources));
+		let a = r, o = a.metadata && typeof a.metadata == "object" ? a.metadata : void 0;
+		if (!o?.bounds && typeof a.source == "string") {
+			let e = this.layerDataConfig?.sources?.find((e) => e.id === a.source);
+			e?.bounds && (a.metadata = {
+				...o ?? {},
+				bounds: e.bounds
+			});
+		}
+		let s;
+		try {
+			s = await e.addLayer(a, n);
+		} catch {
+			return !1;
+		}
+		if (s) {
+			let t = (a.metadata && typeof a.metadata == "object" ? a.metadata : {}).legendRole === "background" ? "background" : "overlay";
+			this.logicalLayerRole.set(a.id, t), this.insertIntoLogicalOrder(a.id, n);
+			for (let t of i) t.run((n) => {
+				let r = e.getSource(t.id);
+				return r ? (r.setData(n), !0) : !1;
+			});
+		}
+		return s;
+	}
+	async addInlineLayerWithTracking(e, t, n) {
+		let r = [];
+		t.sources && typeof t.sources == "object" && (r = await O(t.sources));
+		let i = (t.metadata && typeof t.metadata == "object" ? t.metadata : {}).legendRole === "background" ? "background" : "overlay", a = this.computeInsertOptionsForLayer(i, n);
+		await e.addLayer(t, a && Object.keys(a).length > 0 ? a : void 0);
+		let o = typeof t.id == "string" ? t.id : null;
+		o && (this.logicalLayerRole.set(o, i), this.insertIntoLogicalOrder(o, a));
+		for (let t of r) t.run((n) => {
+			let r = e.getSource(t.id);
+			return r ? (r.setData(n), !0) : !1;
+		});
+		return !0;
+	}
+	async applyInitialStateLayers(e, t) {
+		let n = this.collectInitialActiveLayerRefs();
+		for (let t of n) await this.tryAddLayerRequest(e, { layerId: t }) || this.dispatchEvent(new CustomEvent("webmapx-addlayer-failed", {
+			detail: { layerId: t },
+			bubbles: !0,
+			composed: !0
+		}));
+		await this.restoreState(), await this.applyPermalinkState(e);
+	}
+	async applyPermalinkState(e) {
+		let t = S(y(this));
+		if (!t) return;
+		if (t.h && t.h.length > 0) {
+			new Set(t.h);
+			let n = e.store.getState().mapLayers ?? {}, r = { ...n };
+			for (let i of t.h) n[i] && (e.setLayerVisibility(i, !1), r[i] = {
+				...n[i],
+				visible: !1
+			});
+			e.store.dispatch({ mapLayers: r }, "UI");
+		}
+		if (t.t) {
+			let n = e.store.getState().mapLayers ?? {}, r = { ...n };
+			for (let [i, a] of Object.entries(t.t)) {
+				let t = n[i];
+				t && (e.setLayerOpacity(i, (100 - a) / 100), r[i] = {
+					...t,
+					transparency: a
+				});
+			}
+			e.store.dispatch({ mapLayers: r }, "UI");
+		}
+		let n = e.store.getState().mapLayers ?? {}, r = t.l.filter((e) => !n[e]);
+		r.length > 0 && this.showPermalinkMissingLayersToast(r);
+	}
+	showPermalinkMissingLayersToast(e) {
+		let n = e.length;
+		t(`<strong>${n} layer${n > 1 ? "s" : ""} from the permalink could not be restored</strong><br>
+      Layers may have been imported from files (not stored in permalink) or the map config may have changed:<br>
+      <em>${e.join(", ")}</em>`, {
+			variant: "warning",
+			duration: 16e3
+		});
+	}
+	toLayerInformation(e) {
+		let t = this.toRecord(e), n = this.toRecord(t?.layer);
+		if (!n) return null;
+		let r = typeof n.id == "string" ? n.id : null, i = typeof n.type == "string" ? n.type : null;
+		return !r || !i ? null : { layer: n };
+	}
+	isSubLayerSpec(e) {
+		let t = this.toRecord(e);
+		return !!t && typeof t.type == "string";
+	}
+	isSourceConfig(e) {
+		let t = this.toRecord(e);
+		return !!t && typeof t.id == "string" && typeof t.type == "string";
+	}
+};
+customElements.get("webmapx-map") || customElements.define("webmapx-map", R);
+//#endregion
+//#region src/components/internal/map-context.ts
+function z(e, t) {
+	try {
+		let n = e.querySelector(t);
+		return n instanceof R ? n : null;
+	} catch (e) {
+		return console.error(`[webmapx] Invalid selector "${t}" provided via map attribute.`, e), null;
+	}
+}
+function B(e) {
+	let t = e.getAttribute("map");
+	if (t) {
+		let n = z(e.ownerDocument ?? document, t);
+		return n || console.error(`[webmapx] No <webmapx-map> found for selector "${t}" on ${e.tagName.toLowerCase()}.`), n;
+	}
+	let n = e.closest("webmapx-map");
+	if (n instanceof R) return n;
+	let r = (e.ownerDocument ?? document).querySelectorAll("webmapx-map");
+	return r.length === 1 && r[0] instanceof R ? r[0] : r.length > 1 ? (console.error(`[webmapx] Multiple <webmapx-map> elements found for ${e.tagName.toLowerCase()}. Set a "map" attribute with an explicit selector.`), null) : (console.error(`[webmapx] Unable to locate a <webmapx-map> for ${e.tagName.toLowerCase()}.`), null);
+}
+function V(e) {
+	let t = B(e);
+	return t ? t.adapter : null;
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+function H(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}
+//#endregion
+export { v as a, s as c, a as d, C as i, l, V as n, y as o, B as r, c as s, H as t, r as u };