@edugis-org/webmapx 0.1.0

package/dist-lib/dist-kKlmcBXq.js

@@ -0,0 +1,50 @@
+import { d as e, i as t, n, o as r, r as i, t as a, u as o } from "./dist-Dm6b7XCs.js";
+//#region node_modules/@allmaps/maplibre/dist/WarpedMapLayer.js
+var s = {
+	layerId: "warped-map-layer",
+	layerType: "custom",
+	layerRenderingMode: "2d"
+}, c = class extends a {
+	id;
+	type;
+	renderingMode;
+	map;
+	constructor(e) {
+		super(s, e), this.id = this.options.layerId, this.type = this.options.layerType, this.renderingMode = this.options.layerRenderingMode;
+	}
+	onAdd(e, t) {
+		this.map = e, this.renderer = new n(t, this.options), this.addEventListeners(), this.map.on("webglcontextlost", this.contextLost.bind(this)), this.map.on("webglcontextrestored", this.contextRestored.bind(this));
+	}
+	onRemove() {
+		this.renderer && (this.removeEventListeners(), this.map?.off("webglcontextlost", this.contextLost.bind(this)), this.map?.off("webglcontextrestored", this.contextRestored.bind(this)), this.renderer.destroy());
+	}
+	getBounds() {
+		a.assertRenderer(this.renderer);
+		let e = this.renderer.warpedMapList.getMapsBbox({ projection: { definition: "EPSG:4326" } });
+		if (e) return [[e[0], e[1]], [e[2], e[3]]];
+	}
+	render() {
+		if (!this.map || !this.renderer) return;
+		let t = this.map.getCanvas(), n = [t.width / window.devicePixelRatio, t.height / window.devicePixelRatio], a = this.map.getCenter(), s = r([a.lng, a.lat]), c = this.map.unproject([0, n[1]]), l = this.map.unproject([n[0], n[1]]), u = this.map.unproject([n[0], 0]), d = this.map.unproject([0, 0]), f = e(o([
+			r([c.lng, c.lat]),
+			r([l.lng, l.lat]),
+			r([u.lng, u.lat]),
+			r([d.lng, d.lat])
+		]), n), p = -(this.map.getBearing() / 180) * Math.PI, m = window.devicePixelRatio, h = new i(n, s, f, {
+			rotation: p,
+			devicePixelRatio: m
+		});
+		this.renderer.render(h);
+	}
+	nativeUpdate() {
+		this.map?.triggerRepaint();
+	}
+	nativePassWarpedMapEvent(e) {
+		e instanceof t && this.map && this.map.fire(e.type, {
+			...e.data,
+			layerId: this.id
+		});
+	}
+};
+//#endregion
+export { c as WarpedMapLayer };

package/dist-lib/divider-CPm675yY.js

@@ -0,0 +1,41 @@
+import { a as e } from "./decorators-B35AgiCU.js";
+import { d as t, f as n, l as r, u as i } from "./chunk.YHLNUJ7P-D-kanrCf.js";
+import { css as a } from "lit";
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.SUSCR7CI.js
+var o = a`
+  :host {
+    --color: var(--sl-panel-border-color);
+    --width: var(--sl-panel-border-width);
+    --spacing: var(--sl-spacing-medium);
+  }
+
+  :host(:not([vertical])) {
+    display: block;
+    border-top: solid var(--width) var(--color);
+    margin: var(--spacing) 0;
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+    height: 100%;
+    border-left: solid var(--width) var(--color);
+    margin: 0 var(--spacing);
+  }
+`, s = class extends r {
+	constructor() {
+		super(...arguments), this.vertical = !1;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("role", "separator");
+	}
+	handleVerticalChange() {
+		this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
+	}
+};
+//#endregion
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IVVHNXMC.js
+s.styles = [i, o], n([e({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "vertical", 2), n([t("vertical")], s.prototype, "handleVerticalChange", 1), s.define("sl-divider");
+//#endregion

package/dist-lib/dropped-config-C_GyVa8o.js

@@ -0,0 +1,17 @@
+//#region src/utils/dropped-config.ts
+var e = "webmapx-dropped-config", t = "config", n = "pending", r = "webmapx-dropped-config-pending";
+function i() {
+	return new Promise((n, r) => {
+		let i = indexedDB.open(e, 1);
+		i.onupgradeneeded = () => i.result.createObjectStore(t), i.onsuccess = () => n(i.result), i.onerror = () => r(i.error);
+	});
+}
+async function a(e) {
+	let a = await i();
+	await new Promise((r, i) => {
+		let o = a.transaction(t, "readwrite");
+		o.objectStore(t).put(e, n), o.oncomplete = () => r(), o.onerror = () => i(o.error);
+	}), a.close(), sessionStorage.setItem(r, "1");
+}
+//#endregion
+export { a as storeDroppedConfig };

package/dist-lib/dropped-layer-builder-DAaYgUPk.js

@@ -0,0 +1,396 @@
+import { a as e } from "./chunk-HEgqtunE.js";
+import { i as t, n, r } from "./zip.js-DVhmtjxZ.js";
+import { isZip as i, sniffBlob as a } from "./file-sniff-Dhxj3KTF.js";
+//#region src/utils/qml-style.ts
+function o(e) {
+	if (e.startsWith("#")) return e;
+	let t = e.split(",").slice(0, 4).map(Number);
+	if (t.length >= 3 && t.every((e) => !Number.isNaN(e))) {
+		let [e, n, r, i = 255] = t;
+		return i < 255 ? `rgba(${e},${n},${r},${(i / 255).toFixed(2)})` : `rgb(${e},${n},${r})`;
+	}
+	return e;
+}
+function s(e, t) {
+	for (let n of Array.from(e.querySelectorAll(":scope > prop"))) if (n.getAttribute("k") === t) return n.getAttribute("v") ?? void 0;
+	for (let n of Array.from(e.querySelectorAll(":scope > Option > Option"))) if (n.getAttribute("name") === t) return n.getAttribute("value") ?? void 0;
+}
+function c(e) {
+	let t = e.getAttribute("type"), n = e.querySelector(":scope > layer");
+	if (!n) return null;
+	if (t === "fill") {
+		let e = s(n, "color"), t = s(n, "outline_color") ?? s(n, "line_color");
+		return {
+			type: "fill",
+			color: e ? o(e) : void 0,
+			outlineColor: t ? o(t) : void 0
+		};
+	}
+	if (t === "line") {
+		let e = s(n, "line_color") ?? s(n, "color"), t = s(n, "line_width") ?? s(n, "width");
+		return {
+			type: "line",
+			color: e ? o(e) : void 0,
+			width: t ? Math.max(1, parseFloat(t) * 2) : void 0
+		};
+	}
+	if (t === "marker") {
+		let e = s(n, "color"), t = s(n, "size");
+		return {
+			type: "circle",
+			color: e ? o(e) : void 0,
+			radius: t ? Math.max(1, parseFloat(t) * 2) : void 0
+		};
+	}
+	return null;
+}
+function l(e, t, n) {
+	if (e.type === "fill") {
+		let r = {};
+		t !== void 0 && (r["fill-color"] = t);
+		let i = n ?? e.outlineColor;
+		return i !== void 0 && (r["fill-outline-color"] = i), r;
+	}
+	if (e.type === "line") {
+		let n = { "line-width": e.width ?? 2 };
+		return t !== void 0 && (n["line-color"] = t), n;
+	}
+	let r = { "circle-radius": e.radius ?? 8 };
+	return t !== void 0 && (r["circle-color"] = t), r;
+}
+function u(e) {
+	let t = e.replace(/<!DOCTYPE[^>]*>/i, ""), n = new DOMParser().parseFromString(t, "application/xml");
+	if (n.querySelector("parsererror")) return null;
+	let r = n.querySelector("renderer-v2");
+	if (!r) return null;
+	let i = r.getAttribute("type"), a = n.querySelector("qgis > layerOpacity")?.textContent, o = a ? parseFloat(a) : void 0;
+	if (i === "categorizedSymbol") {
+		let e = r.getAttribute("attr"), t = Array.from(r.querySelectorAll(":scope > categories > category")), n = /* @__PURE__ */ new Map();
+		for (let e of Array.from(r.querySelectorAll(":scope > symbols > symbol"))) {
+			let t = e.getAttribute("name");
+			t && n.set(t, e);
+		}
+		let i = null, a = ["match", ["to-string", ["get", e ?? ""]]], s = ["match", ["to-string", ["get", e ?? ""]]], u, d, f = !1;
+		for (let e of t) {
+			let t = e.getAttribute("symbol"), r = e.getAttribute("value") ?? "", o = t ? n.get(t) : void 0;
+			if (!o) continue;
+			let l = c(o);
+			if (!l) continue;
+			i ||= l;
+			let p = l.color;
+			if (p) {
+				if (l.outlineColor && (f = !0), r === "" && e.getAttribute("render") !== "false") {
+					u = p, d = l.outlineColor;
+					continue;
+				}
+				a.push(r, p), s.push(r, l.outlineColor ?? p);
+			}
+		}
+		if (!i || !e || a.length <= 2) return null;
+		a.push(u ?? i.color ?? "#444444"), s.push(d ?? u ?? i.outlineColor ?? i.color ?? "#444444");
+		let p = l(i, a, f ? s : void 0);
+		return i.type === "fill" && o !== void 0 && (p["fill-opacity"] = o), {
+			type: i.type,
+			paint: p
+		};
+	}
+	let s = n.querySelector("renderer-v2 > symbols > symbol");
+	if (!s) return null;
+	let u = c(s);
+	if (!u) return null;
+	let d = l(u, u.color);
+	return u.type === "fill" && o !== void 0 && (d["fill-opacity"] = o), {
+		type: u.type,
+		paint: d
+	};
+}
+//#endregion
+//#region src/utils/dropped-layer-builder.ts
+function d(e) {
+	return e.split("/").pop() || e;
+}
+function f(e) {
+	let t = e.lastIndexOf(".");
+	return t > 0 ? e.slice(0, t) : e;
+}
+function p(e) {
+	return f(e).replace(/[^a-zA-Z0-9_-]/g, "-");
+}
+async function m(e) {
+	let i = new n(new r(e)), a = await i.getEntries(), o = [];
+	for (let e of a) e.directory || !e.getData || o.push({
+		name: d(e.filename),
+		blob: await e.getData(new t())
+	});
+	return await i.close(), o;
+}
+async function h(e) {
+	let t = [], n = [];
+	for (let r of e) await i(r) ? t.push(...g(await m(r))) : n.push({
+		name: r.name,
+		blob: r
+	});
+	return n.length > 0 && t.push(n), t;
+}
+function g(e) {
+	let t = e.filter((e) => /_style\.json$/i.test(e.name));
+	if (t.length === 0) return [e];
+	let n = [], r = /* @__PURE__ */ new Set();
+	for (let i of t) {
+		let t = i.name.replace(/_style\.json$/i, "").toLowerCase(), a = [i];
+		r.add(i);
+		for (let n of e) r.has(n) || f(n.name).toLowerCase() === t && (a.push(n), r.add(n));
+		n.push(a);
+	}
+	let i = e.filter((e) => !r.has(e));
+	return i.length > 0 && n.push(i), n;
+}
+var _ = "#444444";
+function v(e) {
+	let t = /* @__PURE__ */ new Set(), n = (e) => {
+		e && (t.add(e.type), e.type === "GeometryCollection" && e.geometries.forEach(n));
+	};
+	for (let t of e.features) n(t.geometry);
+	return t;
+}
+function y(e, t, n, r, i) {
+	let a = `${e}${t}`, o = v(r), s = o.has("Polygon") || o.has("MultiPolygon"), c = o.has("LineString") || o.has("MultiLineString"), l = o.has("Point") || o.has("MultiPoint"), u = [];
+	s && u.push({
+		id: `${a}-fill`,
+		type: "fill",
+		source: n,
+		filter: [
+			"match",
+			["geometry-type"],
+			["Polygon", "MultiPolygon"],
+			!0,
+			!1
+		],
+		paint: i?.type === "fill" ? i.paint : {
+			"fill-color": _,
+			"fill-opacity": .3
+		}
+	});
+	let d = s && i?.type === "fill" && "fill-outline-color" in i.paint;
+	return (c || s && !d) && u.push({
+		id: `${a}-line`,
+		type: "line",
+		source: n,
+		filter: [
+			"match",
+			["geometry-type"],
+			[
+				"LineString",
+				"MultiLineString",
+				"Polygon",
+				"MultiPolygon"
+			],
+			!0,
+			!1
+		],
+		paint: i?.type === "line" ? i.paint : {
+			"line-color": _,
+			"line-width": 2
+		}
+	}), l && u.push({
+		id: `${a}-circle`,
+		type: "circle",
+		source: n,
+		filter: [
+			"match",
+			["geometry-type"],
+			["Point", "MultiPoint"],
+			!0,
+			!1
+		],
+		paint: i?.type === "circle" ? i.paint : {
+			"circle-color": _,
+			"circle-radius": 8
+		}
+	}), u;
+}
+var b = [
+	"lon",
+	"lng",
+	"longitude",
+	"long",
+	"x",
+	"lengtegraad",
+	"lengte",
+	"längengrad",
+	"laengengrad",
+	"länge",
+	"laenge",
+	"longitud"
+], x = [
+	"lat",
+	"latitude",
+	"y",
+	"breedtegraad",
+	"breedte",
+	"breitengrad",
+	"breite",
+	"latitud"
+];
+function S(e, t) {
+	return e.find((e) => t.some((t) => t.toLowerCase() === e));
+}
+function C(e, t) {
+	if (e.length === 0) return null;
+	let n = Object.keys(e[0]), r = S(b, n), i = S(x, n);
+	if (!r || !i) return console.warn(`[csv-import] "${t}": no coordinate columns found. Tried lon=${b.join("/")}, lat=${x.join("/")}`), null;
+	let a = [];
+	for (let t of e) {
+		let e = Number(t[r]), n = Number(t[i]);
+		if (!isFinite(e) || !isFinite(n)) continue;
+		let o = {};
+		for (let [e, n] of Object.entries(t)) e !== r && e !== i && (o[e] = n);
+		a.push({
+			type: "Feature",
+			geometry: {
+				type: "Point",
+				coordinates: [e, n]
+			},
+			properties: o
+		});
+	}
+	return a.length === 0 ? null : {
+		type: "FeatureCollection",
+		features: a
+	};
+}
+async function w(t) {
+	let n = [], r = null, i = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = null;
+	for (let l of t) {
+		let t = await a(l.blob), d = l.name.toLowerCase();
+		if (d.endsWith(".dbf")) o.set(f(d), l);
+		else if (d.endsWith(".prj")) s.set(f(d), l);
+		else if (t.kind === "geojson") try {
+			n.push({
+				name: l.name,
+				data: JSON.parse(await l.blob.text())
+			});
+		} catch {}
+		else if (t.kind === "topojson") try {
+			let e = JSON.parse(await l.blob.text()), { feature: t } = await import("./src-CL94RDe3.js").then((e) => e.t), r = e.objects;
+			for (let [i, a] of Object.entries(r)) {
+				let o = t(e, a);
+				n.push({
+					name: Object.keys(r).length > 1 ? `${l.name}#${i}` : l.name,
+					data: o
+				});
+			}
+		} catch {}
+		else if (t.kind === "maplibre-style" && !r) try {
+			r = {
+				name: l.name,
+				style: JSON.parse(await l.blob.text())
+			};
+		} catch {}
+		else if (t.kind === "gpx") try {
+			let { gpx: e } = await import("./togeojson.es-DAgiTBvg.js"), t = new DOMParser().parseFromString(await l.blob.text(), "text/xml");
+			n.push({
+				name: l.name,
+				data: e(t)
+			});
+		} catch {}
+		else if (t.kind === "kml") try {
+			let { kml: e } = await import("./togeojson.es-DAgiTBvg.js"), t = new DOMParser().parseFromString(await l.blob.text(), "text/xml");
+			n.push({
+				name: l.name,
+				data: e(t)
+			});
+		} catch {}
+		else if (t.kind === "kmz") try {
+			let { kml: e } = await import("./togeojson.es-DAgiTBvg.js"), t = (await m(l.blob)).find((e) => e.name.toLowerCase().endsWith(".kml"));
+			if (t) {
+				let r = new DOMParser().parseFromString(await t.blob.text(), "text/xml");
+				n.push({
+					name: l.name,
+					data: e(r)
+				});
+			}
+		} catch {}
+		else if (t.kind === "csv") try {
+			let t = C((await import("./papaparse.min-B7v3c0D7.js").then((t) => /* @__PURE__ */ e(t.default, 1))).default.parse(await l.blob.text(), {
+				header: !0,
+				skipEmptyLines: !0,
+				dynamicTyping: !0
+			}).data, l.name);
+			t && n.push({
+				name: l.name,
+				data: t
+			});
+		} catch {}
+		else t.kind === "shp" && d.endsWith(".shp") ? i.set(f(d), l) : t.kind === "qml" && (console.log("parsing qml style"), c = u(await l.blob.text()), console.log("style result:", JSON.stringify(c)));
+	}
+	if (i.size > 0) {
+		let { shapefileToGeoJSONInWorker: e } = await import("./shapefile-SawVY6xg.js");
+		for (let [t, r] of i) {
+			let i = o.get(t), a = s.get(t);
+			try {
+				let t = await e(await r.blob.arrayBuffer(), i ? await i.blob.arrayBuffer() : null, a ? await a.blob.text() : null);
+				n.push({
+					name: r.name,
+					data: t
+				});
+			} catch (e) {
+				console.error(`[dropped-layer-builder] failed to parse shapefile "${r.name}"`, e);
+			}
+		}
+	}
+	if (n.length === 0) return null;
+	let l = p(typeof r?.style.id == "string" ? r.style.id : n[0].name), d = `${l}:`, h = /* @__PURE__ */ new Map();
+	for (let e of n) {
+		let t = p(e.name), n = {
+			sourceKey: `${d}${t}`,
+			data: e.data
+		};
+		h.set(e.name.toLowerCase(), n), h.set(f(e.name).toLowerCase(), n), h.set(t.toLowerCase(), n);
+	}
+	let g = {}, _;
+	if (r) {
+		let e = r.style.sources ?? {}, t = /* @__PURE__ */ new Map();
+		for (let [n, r] of Object.entries(e)) {
+			if (r.type === "raster" || r.type === "raster-dem") continue;
+			let e = typeof r.data == "string" ? h.get(r.data.toLowerCase()) : void 0;
+			if (e) g[e.sourceKey] = {
+				...r,
+				data: e.data
+			}, t.set(n, e.sourceKey);
+			else {
+				let e = `${d}${p(n)}`;
+				g[e] = r, t.set(n, e);
+			}
+		}
+		_ = (r.style.layers ?? []).filter((e) => e.type !== "raster" && e.type !== "hillshade" && (!e.source || t.has(e.source))).map((e) => ({
+			...e,
+			id: `${d}${p(e.id ?? e.type)}`,
+			source: e.source ? t.get(e.source) ?? e.source : e.source
+		}));
+	} else {
+		_ = [];
+		for (let e of n) {
+			let t = p(e.name), n = `${d}${t}`;
+			g[n] = {
+				type: "geojson",
+				data: e.data
+			}, _.push(...y(d, t, n, e.data, c));
+		}
+	}
+	let v = r?.style.metadata ?? {};
+	return {
+		id: l,
+		type: "style",
+		version: 8,
+		title: typeof r?.style.title == "string" ? r.style.title : n[0].name,
+		metadata: {
+			...v,
+			dynamic: !0
+		},
+		sources: g,
+		layers: _
+	};
+}
+//#endregion
+export { w as buildLayerConfigFromGroup, h as groupDroppedFiles };