@edugis-org/webmapx 0.1.3 → 0.1.4

package/dist-lib/dynamic-layout-DmLc5_yX.js

@@ -0,0 +1,335 @@
+//#region src/utils/dynamic-layout.ts
+var e = {
+	layerTree: "webmapx-layer-tree",
+	search: "webmapx-search-tool",
+	measure: "webmapx-measure-tool",
+	settings: "webmapx-settings",
+	geolocation: "webmapx-geolocation-tool",
+	info: "webmapx-info-tool",
+	draw: "webmapx-draw-tool",
+	"view-mode": "webmapx-view-mode-tool",
+	"3d": "webmapx-3d-tool",
+	importLayer: "webmapx-import-layer-tool",
+	"import-layer": "webmapx-import-layer-tool",
+	layerOverview: "webmapx-layer-overview",
+	maplanguage: "webmapx-language-osmvector",
+	print: "webmapx-print-tool",
+	truearea: "webmapx-truearea-tool"
+}, t = {
+	search: {
+		label: "Search",
+		icon: "search"
+	},
+	layerTree: {
+		label: "Catalog",
+		icon: "layers"
+	},
+	layers: {
+		label: "Catalog",
+		icon: "layers"
+	},
+	catalog: {
+		label: "Catalog",
+		icon: "layers"
+	},
+	datacatalog: {
+		label: "Catalog",
+		icon: "layers"
+	},
+	measure: {
+		label: "Measure",
+		icon: "rulers"
+	},
+	info: {
+		label: "Feature info",
+		icon: "info-circle"
+	},
+	draw: {
+		label: "Draw",
+		icon: "pencil"
+	},
+	geolocation: {
+		label: "Geolocation",
+		icon: "crosshair"
+	},
+	geolocate: {
+		label: "Geolocation",
+		icon: "crosshair"
+	},
+	"view-mode": {
+		label: "View mode",
+		icon: "globe"
+	},
+	"3d": {
+		label: "3D",
+		icon: "box"
+	},
+	importLayer: {
+		label: "Import layer",
+		icon: "file-earmark-arrow-up"
+	},
+	"import-layer": {
+		label: "Import layer",
+		icon: "file-earmark-arrow-up"
+	},
+	layerOverview: {
+		label: "Legend",
+		icon: "card-list"
+	},
+	legend: {
+		label: "Legend",
+		icon: "card-list"
+	},
+	settings: {
+		label: "Settings",
+		icon: "gear"
+	},
+	maplanguage: {
+		label: "Map language",
+		icon: "translate"
+	},
+	print: {
+		label: "Print",
+		icon: "printer"
+	},
+	truearea: {
+		label: "True Area",
+		icon: "bounding-box-circles"
+	}
+}, n = {
+	scale: "webmapx-scale-control",
+	attribution: "webmapx-attribution-control",
+	coordinates: "webmapx-coordinates-tool",
+	navigation: "webmapx-navigation-control",
+	fullscreen: "webmapx-fullscreen-control",
+	zoomLevel: "webmapx-zoom-level",
+	spinner: "webmapx-spinner",
+	insetMap: "webmapx-inset-map",
+	maplanguage: "webmapx-language-osmvector"
+}, r = [
+	{
+		id: "search",
+		label: "Search",
+		icon: "search"
+	},
+	{
+		id: "layerTree",
+		label: "Catalog",
+		icon: "layers"
+	},
+	{
+		id: "measure",
+		label: "Measure",
+		icon: "rulers"
+	},
+	{
+		id: "info",
+		label: "Feature info",
+		icon: "info-circle"
+	},
+	{
+		id: "draw",
+		label: "Draw",
+		icon: "pencil"
+	},
+	{
+		id: "geolocation",
+		label: "Geolocation",
+		icon: "crosshair"
+	},
+	{
+		id: "view-mode",
+		label: "View mode",
+		icon: "globe"
+	},
+	{
+		id: "3d",
+		label: "3D",
+		icon: "box"
+	},
+	{
+		id: "importLayer",
+		label: "Import layer",
+		icon: "file-earmark-arrow-up"
+	},
+	{
+		id: "layerOverview",
+		label: "Legend",
+		icon: "card-list"
+	},
+	{
+		id: "maplanguage",
+		label: "Map language",
+		icon: "translate"
+	},
+	{
+		id: "print",
+		label: "Print",
+		icon: "printer"
+	},
+	{
+		id: "truearea",
+		label: "True Area",
+		icon: "bounding-box-circles"
+	},
+	{
+		id: "settings",
+		label: "Settings",
+		icon: "gear"
+	},
+	{
+		id: "navigation",
+		label: "Navigation",
+		icon: "compass"
+	},
+	{
+		id: "scale",
+		label: "Scale bar",
+		icon: "rulers"
+	},
+	{
+		id: "coordinates",
+		label: "Coordinates",
+		icon: "crosshair2"
+	},
+	{
+		id: "fullscreen",
+		label: "Fullscreen",
+		icon: "fullscreen"
+	},
+	{
+		id: "zoomLevel",
+		label: "Zoom level",
+		icon: "zoom-in"
+	},
+	{
+		id: "attribution",
+		label: "Attribution",
+		icon: "info-circle"
+	},
+	{
+		id: "insetMap",
+		label: "Inset map",
+		icon: "map"
+	}
+];
+function i(e) {
+	return e ? e === "3d" ? "3D" : e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()) : "Tool";
+}
+function a(e) {
+	if (e) return typeof e == "string" ? { name: e } : e;
+}
+function o(e) {
+	let n = t[e.type ?? ""] ?? t[e.id ?? ""];
+	return {
+		label: e.label ?? e.title ?? n?.label ?? i(e.id ?? e.type),
+		icon: e.icon ?? n?.icon
+	};
+}
+function s(e) {
+	try {
+		if (!e.includes("://")) return !0;
+		let t = new URL(e, typeof window < "u" ? window.location.href : "http://localhost"), n = typeof window < "u" ? window.location.origin : "http://localhost";
+		return t.origin === n;
+	} catch {
+		return !1;
+	}
+}
+function c(e, t) {
+	let n = a(t);
+	if (!n) return !1;
+	let r = n.src;
+	return r && !s(r) && (console.warn(`[webmapx] Icon "src" blocked: cross-origin SVG URLs may contain executable code. Use a same-origin URL or a Shoelace named icon instead. Blocked: ${r}`), r = void 0), l(e, {
+		name: n.name,
+		library: n.library,
+		src: r
+	}), !!(n.name || r);
+}
+function l(e, t) {
+	for (let [n, r] of Object.entries(t)) r == null || r === !1 || e.setAttribute(n, r === !0 ? "" : String(r));
+}
+function u(t) {
+	let n = t.panel, r = document.createElement("webmapx-control-group");
+	l(r, {
+		slot: t.position,
+		orientation: t.orientation ?? "vertical",
+		"panel-position": n?.position ?? "after",
+		alignment: t.alignment ?? "start",
+		priority: t.priority ?? "normal"
+	});
+	let i = document.createElement("webmapx-toolbar");
+	l(i, {
+		"tooltip-placement": t.tooltipPlacement,
+		orientation: t.orientation
+	});
+	let a = document.createElement("webmapx-tool-panel");
+	n?.label && a.setAttribute("label", String(n.label));
+	let s = Array.isArray(t.items) ? t.items : [];
+	for (let t of s) {
+		if (t.enabled === !1) continue;
+		if (t.type === "spacer") {
+			let e = document.createElement("div");
+			e.style.flex = "1", e.style.pointerEvents = "none", i.appendChild(e);
+			continue;
+		}
+		let n = o(t), r = document.createElement("sl-button");
+		l(r, {
+			name: t.id,
+			size: "medium",
+			"data-tooltip": n.label
+		});
+		let s = document.createElement("sl-icon");
+		if (c(s, n.icon)) {
+			s.setAttribute("aria-hidden", "true"), r.appendChild(s);
+			let e = document.createElement("span");
+			e.style.cssText = "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0", e.textContent = n.label, r.appendChild(e);
+		} else r.textContent = n.label;
+		i.appendChild(r);
+		let u = t.type ? e[t.type] : void 0;
+		if (u) {
+			let e = document.createElement(u);
+			e.setAttribute("tool-id", String(t.id)), e.setAttribute("label", n.label), n.icon && (e.icon = n.icon), a.appendChild(e);
+		}
+	}
+	return r.appendChild(i), r.appendChild(a), r;
+}
+function d(e, t) {
+	let r = n[e];
+	if (!r) return null;
+	let i = document.createElement(r);
+	switch (i.setAttribute("slot", String(t.position)), e) {
+		case "scale":
+			t.maxWidth !== void 0 && i.setAttribute("max-width", String(t.maxWidth)), t.margin && i.setAttribute("style", `--webmapx-tool-margin: ${t.margin}`);
+			break;
+		case "navigation":
+			t.direction && i.setAttribute("direction", String(t.direction)), t.orientation && i.setAttribute("orientation", String(t.orientation));
+			break;
+		case "insetMap":
+			t.zoomOffset !== void 0 && i.setAttribute("zoom-offset", String(t.zoomOffset)), t.minimizable && i.setAttribute("minimizable", "");
+			break;
+		case "maplanguage":
+			(t.visible === !1 || t.visible === 0) && i.setAttribute("hide-ui", ""), typeof t.language == "string" && i.setAttribute("language", t.language);
+			break;
+	}
+	return i;
+}
+function f(e, n) {
+	if (n) for (let [r, i] of Object.entries(n)) {
+		if (!i || typeof i != "object") continue;
+		let n = i;
+		if (n.enabled === !1) continue;
+		let a = t[r], o = a ? {
+			...n,
+			label: n.label ?? a.label,
+			icon: n.icon ?? a.icon
+		} : n;
+		if (o.type === "toolbar") {
+			e.appendChild(u(o));
+			continue;
+		}
+		let s = d(r, o);
+		s && e.appendChild(s);
+	}
+}
+//#endregion
+export { r as KNOWN_TOOLS, f as buildLayoutFromConfig };

package/dist-lib/{webmapx-config-edit-tool-DCTyxqTk.js → webmapx-config-edit-tool-BgcSkmmg.js}

@@ -5,115 +5,10 @@ import "./button-DFdGkRPQ.js";
 import "./checkbox-QoR4S8tV.js";
 import "./input-CeGntPlT.js";
 import "./divider-CPm675yY.js";
-import { LitElement as i, css as a, html as o } from "lit";
-//#region src/utils/dynamic-layout.ts
-var s = [
-	{
-		id: "search",
-		label: "Search",
-		icon: "search"
-	},
-	{
-		id: "layerTree",
-		label: "Catalog",
-		icon: "layers"
-	},
-	{
-		id: "measure",
-		label: "Measure",
-		icon: "rulers"
-	},
-	{
-		id: "info",
-		label: "Feature info",
-		icon: "info-circle"
-	},
-	{
-		id: "draw",
-		label: "Draw",
-		icon: "pencil"
-	},
-	{
-		id: "geolocation",
-		label: "Geolocation",
-		icon: "crosshair"
-	},
-	{
-		id: "view-mode",
-		label: "View mode",
-		icon: "globe"
-	},
-	{
-		id: "3d",
-		label: "3D",
-		icon: "box"
-	},
-	{
-		id: "importLayer",
-		label: "Import layer",
-		icon: "file-earmark-arrow-up"
-	},
-	{
-		id: "layerOverview",
-		label: "Legend",
-		icon: "card-list"
-	},
-	{
-		id: "maplanguage",
-		label: "Map language",
-		icon: "translate"
-	},
-	{
-		id: "print",
-		label: "Print",
-		icon: "printer"
-	},
-	{
-		id: "truearea",
-		label: "True Area",
-		icon: "bounding-box-circles"
-	},
-	{
-		id: "settings",
-		label: "Settings",
-		icon: "gear"
-	},
-	{
-		id: "navigation",
-		label: "Navigation",
-		icon: "compass"
-	},
-	{
-		id: "scale",
-		label: "Scale bar",
-		icon: "rulers"
-	},
-	{
-		id: "coordinates",
-		label: "Coordinates",
-		icon: "crosshair2"
-	},
-	{
-		id: "fullscreen",
-		label: "Fullscreen",
-		icon: "fullscreen"
-	},
-	{
-		id: "zoomLevel",
-		label: "Zoom level",
-		icon: "zoom-in"
-	},
-	{
-		id: "attribution",
-		label: "Attribution",
-		icon: "info-circle"
-	},
-	{
-		id: "insetMap",
-		label: "Inset map",
-		icon: "map"
-	}
-], c = new Set([
+import { KNOWN_TOOLS as i } from "./dynamic-layout-DmLc5_yX.js";
+import { LitElement as a, css as o, html as s } from "lit";
+//#region src/components/webmapx-config-edit-tool.ts
+var c = new Set([
 	"configedit",
 	"config-edit",
 	"settings"
@@ -259,12 +154,12 @@ function f(e, t, n, r, i, a, o, s, l) {
 		state: x
 	};
 }
-var p = class extends i {
+var p = class extends a {
 	constructor(...e) {
 		super(...e), this.toolEnabled = /* @__PURE__ */ new Map(), this.onlyActiveLayers = !1, this.removeUnsupported = !1, this.projectTitle = "", this.filename = "config.json";
 	}
 	static {
-		this.styles = a`
+		this.styles = o`
         :host { display: block; padding: 0.75rem; box-sizing: border-box; min-width: 220px; }
         h4 { margin: 0 0 0.6rem; font-size: 0.85rem; font-weight: 600; display: flex; align-items: center; gap: 0.4rem; }
         .section-label { font-size: 0.78rem; font-weight: 600; color: var(--sl-color-neutral-600); margin: 0.6rem 0 0.3rem; }
@@ -282,7 +177,7 @@ var p = class extends i {
 	}
 	loadFromConfig() {
 		let e = this.mapElement?.config, t = /* @__PURE__ */ new Map();
-		for (let { id: n } of s) c.has(n) || t.set(n, d(e ?? {}, n));
+		for (let { id: n } of i) c.has(n) || t.set(n, d(e ?? {}, n));
 		this.toolEnabled = t;
 		let n = e?.project;
 		this.projectTitle = typeof n?.title == "string" ? n.title : "";
@@ -333,8 +228,8 @@ var p = class extends i {
 		}).click(), URL.revokeObjectURL(h);
 	}
 	render() {
-		let e = s.filter((e) => !c.has(e.id));
-		return o`
+		let e = i.filter((e) => !c.has(e.id));
+		return s`
             <h4><sl-icon name="pencil-square"></sl-icon> Edit config</h4>
 
             <sl-input size="small" label="Project title" required
@@ -361,7 +256,7 @@ var p = class extends i {
 
             <div class="section-label">Visible tools:</div>
             <div class="tool-list">
-                ${e.map((e) => o`
+                ${e.map((e) => s`
                     <sl-checkbox
                         ?checked=${this.toolEnabled.get(e.id) === !0}
                         @sl-change=${(t) => this.toggle(e.id, t.target.checked)}>

package/dist-lib/{webmapx-coordinates-tool-CPC2mR5N.js → webmapx-coordinates-tool-Cygt5m-J.js}

@@ -3,7 +3,7 @@ import { t } from "./webmapx-base-tool-Dm9NAWLD.js";
 import { i as n, n as r, o as i } from "./decorators-B35AgiCU.js";
 import { css as a, html as o, nothing as s } from "lit";
 //#region src/utils/epsg-lookup-manager.ts
-var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.3/public", l = 6e4, u = new class {
+var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.4/public", l = 6e4, u = new class {
 	constructor() {
 		this.worker = null, this.isReady = !1, this.isInitializing = !1, this.initPromise = null, this.pendingRequests = /* @__PURE__ */ new Map(), this.requestCounter = 0, this.idleTimeout = null, this.idleTimeoutMs = l;
 	}

package/dist-lib/webmapx.js

@@ -26,9 +26,9 @@ var i = {
 	"3d": () => import("./webmapx-3d-tool-D4CTD2gB.js"),
 	truearea: () => import("./webmapx-truearea-tool-CMB4Orm-.js"),
 	"view-mode": () => import("./webmapx-view-mode-tool-CUpLNjOj.js"),
-	coordinates: () => import("./webmapx-coordinates-tool-CPC2mR5N.js"),
+	coordinates: () => import("./webmapx-coordinates-tool-Cygt5m-J.js"),
 	settings: () => import("./webmapx-settings-DDEJ8aoV.js"),
-	"config-edit": () => import("./webmapx-config-edit-tool-DCTyxqTk.js")
+	"config-edit": () => import("./webmapx-config-edit-tool-BgcSkmmg.js")
 };
 async function a(e) {
 	await import("./webmapx-core-bundle-BDImi1RE.js"), await Promise.all(e.map((e) => {
@@ -1298,7 +1298,7 @@ function le(e, t) {
 }
 //#endregion
 //#region src/bootstrap/locale-loader.ts
-var ue = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.3/src/locales";
+var ue = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.4/src/locales";
 async function $(e) {
 	if (Z.hasResourceBundle(e, "webmapx")) {
 		await Z.changeLanguage(e);
@@ -1316,7 +1316,11 @@ async function $(e) {
 }
 //#endregion
 //#region src/bootstrap/WebMapX.ts
-var de = class {
+var de = {
+	version: 8,
+	sources: {},
+	layers: []
+}, fe = class {
 	static async mount(e, t) {
 		let n = typeof t.config == "string" ? await fetch(t.config).then((e) => {
 			if (!e.ok) throw Error(`[webmapx] Failed to load config: ${t.config}`);
@@ -1331,8 +1335,38 @@ var de = class {
 		]), n.locale && n.locale !== "en" && await $(n.locale);
 		let o = document.querySelector(e);
 		if (!o) throw Error(`[webmapx] Mount target not found: "${e}"`);
-		o.innerHTML = `<webmapx-map adapter="${i}"><webmapx-layout></webmapx-layout></webmapx-map>`, o.querySelector("webmapx-map").setConfig(n);
+		o.innerHTML = `<webmapx-map adapter="${i}"><webmapx-layout></webmapx-layout></webmapx-map>`;
+		let c = o.querySelector("webmapx-map"), l = n.map;
+		c.setConfig({
+			...n,
+			map: {
+				type: i,
+				center: [0, 0],
+				zoom: 2,
+				...l
+			}
+		});
+		let u = c.querySelector("webmapx-layout");
+		if (u && u.childElementCount === 0 && n.tools) {
+			let { buildLayoutFromConfig: e } = await import("./dynamic-layout-DmLc5_yX.js");
+			e(u, n.tools);
+		}
+		let d = await c.getAdapterAsync?.();
+		if (!d) {
+			console.error("[webmapx] Adapter not available — check engine config.");
+			return;
+		}
+		let f = l?.style ?? de, p = {
+			center: l?.center ?? [0, 0],
+			zoom: l?.zoom ?? 2,
+			...l?.bearing == null ? {} : { bearing: l.bearing },
+			...l?.pitch == null ? {} : { pitch: l.pitch },
+			...l?.minZoom == null ? {} : { minZoom: l.minZoom },
+			...l?.maxZoom == null ? {} : { maxZoom: l.maxZoom },
+			...typeof f == "string" ? { styleUrl: f } : { style: f }
+		};
+		d.initialize(e.replace(/^#/, ""), p);
 	}
 };
 //#endregion
-export { de as WebMapX, e as WebmapxBaseTool, t as WebmapxPluginTool, $ as changeLocale, Z as i18n, le as t };
+export { fe as WebMapX, e as WebmapxBaseTool, t as WebmapxPluginTool, $ as changeLocale, Z as i18n, le as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edugis-org/webmapx",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A modular web map UI with built-in adapters for MapLibre, OpenLayers, Leaflet, and Cesium.",
   "license": "ISC",
   "author": "Anne Blankert",