@edugis-org/webmapx 0.1.16 → 0.2.0

package/dist-lib/{webmapx-settings-B0AT9Vjn.js → webmapx-settings--mFVPZsD.js}

@@ -1,18 +1,14 @@
-import { a as e, i as t, n, r } from "./chunk.YHLNUJ7P-ByKy0MKm.js";
-import { c as i, d as a, l as o, r as s, s as c, t as l, u } from "./decorate-CKr8yG1g.js";
-import { t as d } from "./chunk.NYIIDP5N-B4UCI-rQ.js";
-import { t as f } from "./chunk.3RPBFEDE-Cxq6VVR6.js";
-import { n as p } from "./input-B212BH6L.js";
-import { t as m } from "./chunk.SI4ACBFK-CLb9VfMG.js";
-import "./divider-BOFbR_Ny.js";
-import "./option-BQN9Zz_8.js";
-import { LitElement as h, css as g, html as _ } from "lit";
-import { customElement as v, property as y, query as b, state as x } from "lit/decorators.js";
-import { classMap as S } from "lit/directives/class-map.js";
-import { ifDefined as C } from "lit/directives/if-defined.js";
-import { live as w } from "lit/directives/live.js";
+import { a as e, i as t, o as n, s as r } from "./chunk.YHLNUJ7P-DINaI4pI.js";
+import { a as i, h as a, i as o, n as s, o as c, p as l, s as u } from "./decorators-d8E4nZJy.js";
+import { c as d, d as f, l as p, r as m, s as h, t as g, u as _ } from "./decorate-DNmmPsJp.js";
+import { a as v, n as y, t as b } from "./chunk.NYIIDP5N-DoNij0Gf.js";
+import { t as x } from "./chunk.3RPBFEDE-DC091CnT.js";
+import { n as S, r as C } from "./input-DUaeAHt8.js";
+import { t as w } from "./chunk.SI4ACBFK-CdJVQctt.js";
+import "./divider-Ly2UhLd1.js";
+import "./option-LnK7BxuV.js";
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.EU44RQUN.js
-var T = g`
+var T = a`
   :host {
     display: inline-block;
   }
@@ -177,13 +173,13 @@ var T = g`
       background-color: ButtonText;
     }
   }
-`, E = class extends n {
+`, E = class extends t {
 	constructor() {
-		super(...arguments), this.formControlController = new f(this, {
+		super(...arguments), this.formControlController = new x(this, {
 			value: (e) => e.checked ? e.value || "on" : void 0,
 			defaultValue: (e) => e.defaultChecked,
 			setValue: (e, t) => e.checked = t
-		}), this.hasSlotController = new d(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = "medium", this.disabled = !1, this.checked = !1, this.defaultChecked = !1, this.form = "", this.required = !1, this.helpText = "";
+		}), this.hasSlotController = new b(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = "medium", this.disabled = !1, this.checked = !1, this.defaultChecked = !1, this.form = "", this.required = !1, this.helpText = "";
 	}
 	get validity() {
 		return this.input.validity;
@@ -241,9 +237,9 @@ var T = g`
 	}
 	render() {
 		let e = this.hasSlotController.test("help-text"), t = this.helpText ? !0 : !!e;
-		return _`
+		return l`
       <div
-        class=${S({
+        class=${v({
 			"form-control": !0,
 			"form-control--small": this.size === "small",
 			"form-control--medium": this.size === "medium",
@@ -253,7 +249,7 @@ var T = g`
       >
         <label
           part="base"
-          class=${S({
+          class=${v({
 			switch: !0,
 			"switch--checked": this.checked,
 			"switch--disabled": this.disabled,
@@ -268,8 +264,8 @@ var T = g`
             type="checkbox"
             title=${this.title}
             name=${this.name}
-            value=${C(this.value)}
-            .checked=${w(this.checked)}
+            value=${y(this.value)}
+            .checked=${S(this.checked)}
             .disabled=${this.disabled}
             .required=${this.required}
             role="switch"
@@ -307,27 +303,27 @@ var T = g`
 //#endregion
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IADS735N.js
 E.styles = [
-	r,
-	m,
+	e,
+	w,
 	T
-], e([b("input[type=\"checkbox\"]")], E.prototype, "input", 2), e([x()], E.prototype, "hasFocus", 2), e([y()], E.prototype, "title", 2), e([y()], E.prototype, "name", 2), e([y()], E.prototype, "value", 2), e([y({ reflect: !0 })], E.prototype, "size", 2), e([y({
+], r([s("input[type=\"checkbox\"]")], E.prototype, "input", 2), r([o()], E.prototype, "hasFocus", 2), r([i()], E.prototype, "title", 2), r([i()], E.prototype, "name", 2), r([i()], E.prototype, "value", 2), r([i({ reflect: !0 })], E.prototype, "size", 2), r([i({
 	type: Boolean,
 	reflect: !0
-})], E.prototype, "disabled", 2), e([y({
+})], E.prototype, "disabled", 2), r([i({
 	type: Boolean,
 	reflect: !0
-})], E.prototype, "checked", 2), e([p("checked")], E.prototype, "defaultChecked", 2), e([y({ reflect: !0 })], E.prototype, "form", 2), e([y({
+})], E.prototype, "checked", 2), r([C("checked")], E.prototype, "defaultChecked", 2), r([i({ reflect: !0 })], E.prototype, "form", 2), r([i({
 	type: Boolean,
 	reflect: !0
-})], E.prototype, "required", 2), e([y({ attribute: "help-text" })], E.prototype, "helpText", 2), e([t("checked", { waitUntilFirstUpdate: !0 })], E.prototype, "handleCheckedChange", 1), e([t("disabled", { waitUntilFirstUpdate: !0 })], E.prototype, "handleDisabledChange", 1), E.define("sl-switch");
+})], E.prototype, "required", 2), r([i({ attribute: "help-text" })], E.prototype, "helpText", 2), r([n("checked", { waitUntilFirstUpdate: !0 })], E.prototype, "handleCheckedChange", 1), r([n("disabled", { waitUntilFirstUpdate: !0 })], E.prototype, "handleDisabledChange", 1), E.define("sl-switch");
 //#endregion
 //#region src/components/webmapx-settings.ts
-var D = class extends h {
+var D = class extends u {
 	constructor(...e) {
-		super(...e), this.darkMode = !1, this.apiKey = "", this.currentAdapter = u, this.availableAdapters = [];
+		super(...e), this.darkMode = !1, this.apiKey = "", this.currentAdapter = _, this.availableAdapters = [];
 	}
 	static {
-		this.styles = g`
+		this.styles = a`
         :host {
             display: block;
             padding: 1rem;
@@ -373,25 +369,25 @@ var D = class extends h {
 	}
 	loadSettings() {
 		let e = localStorage.getItem("webmapx-theme");
-		e ? this.darkMode = e === "dark" : this.darkMode = window.matchMedia("(prefers-color-scheme: dark)").matches, this.applyTheme(), this.apiKey = localStorage.getItem("webmapx-api-key") || "", this.availableAdapters = a().filter((e) => ![
+		e ? this.darkMode = e === "dark" : this.darkMode = window.matchMedia("(prefers-color-scheme: dark)").matches, this.applyTheme(), this.apiKey = localStorage.getItem("webmapx-api-key") || "", this.availableAdapters = f().filter((e) => ![
 			"ol",
 			"l",
 			"c"
 		].includes(e)), this.currentAdapter = this.detectCurrentAdapter();
 	}
 	getMapStorageKey(e, t) {
-		return c(e.id, t);
+		return h(e.id, t);
 	}
 	detectCurrentAdapter() {
-		let e = s(this);
-		if (!e) return u;
-		let t = this.getMapStorageKey(e, "adapter"), n = o({
+		let e = m(this);
+		if (!e) return _;
+		let t = this.getMapStorageKey(e, "adapter"), n = p({
 			explicitAdapter: e.getAttribute("adapter") ?? e.getAttribute("type"),
 			savedAdapter: t ? localStorage.getItem(t) : null,
 			configuredAdapter: e.mapConfig?.type ?? null,
-			defaultAdapter: u
+			defaultAdapter: _
 		});
-		return this.availableAdapters.includes(n) ? n : u;
+		return this.availableAdapters.includes(n) ? n : _;
 	}
 	applyTheme() {
 		let e = document.documentElement;
@@ -414,15 +410,15 @@ var D = class extends h {
 		}));
 	}
 	handleAdapterChange(e) {
-		let t = e.target, n = i(t.value);
+		let t = e.target, n = d(t.value);
 		if (!n || n === this.currentAdapter) return;
-		let r = s(this);
+		let r = m(this);
 		if (!r) {
 			console.error("[webmapx-settings] No <webmapx-map> found for adapter switching.");
 			return;
 		}
-		let a = this.getMapStorageKey(r, "adapter");
-		r.saveState?.(), a && localStorage.setItem(a, n), window.location.reload();
+		let i = this.getMapStorageKey(r, "adapter");
+		r.saveState?.(), i && localStorage.setItem(i, n), window.location.reload();
 	}
 	formatAdapterName(e) {
 		return {
@@ -433,7 +429,7 @@ var D = class extends h {
 		}[e] || e;
 	}
 	render() {
-		return _`
+		return l`
             <div class="setting-group">
                 <h4>Map Engine</h4>
                 <sl-select
@@ -441,7 +437,7 @@ var D = class extends h {
                     value=${this.currentAdapter}
                     @sl-change=${this.handleAdapterChange}
                 >
-                    ${this.availableAdapters.map((e) => _`
+                    ${this.availableAdapters.map((e) => l`
                         <sl-option value=${e}>
                             ${this.formatAdapterName(e)}
                         </sl-option>
@@ -477,6 +473,6 @@ var D = class extends h {
         `;
 	}
 };
-l([x()], D.prototype, "darkMode", void 0), l([x()], D.prototype, "apiKey", void 0), l([x()], D.prototype, "currentAdapter", void 0), l([x()], D.prototype, "availableAdapters", void 0), D = l([v("webmapx-settings")], D);
+g([o()], D.prototype, "darkMode", void 0), g([o()], D.prototype, "apiKey", void 0), g([o()], D.prototype, "currentAdapter", void 0), g([o()], D.prototype, "availableAdapters", void 0), D = g([c("webmapx-settings")], D);
 //#endregion
 export { D as WebmapxSettings };

package/dist-lib/{webmapx-truearea-tool-dxSgcbOj.js → webmapx-truearea-tool-nQzVCTAC.js}

@@ -1,8 +1,7 @@
-import { r as e, t } from "./decorate-CKr8yG1g.js";
-import { t as n } from "./esm-CTuscnN5.js";
-import { t as r } from "./webmapx-modal-tool-DQVHNXqX.js";
-import { css as i, html as a } from "lit";
-import { customElement as o, state as s } from "lit/decorators.js";
+import { h as e, i as t, o as n, p as r } from "./decorators-d8E4nZJy.js";
+import { r as i, t as a } from "./decorate-DNmmPsJp.js";
+import { t as o } from "./esm-CTuscnN5.js";
+import { t as s } from "./webmapx-modal-tool-CftNio2w.js";
 //#region node_modules/@turf/bearing/node_modules/@turf/helpers/dist/esm/index.js
 var c = 6371008.8;
 c * 100, c * 100, 360 / (2 * Math.PI), c * 3.28084, c * 39.37, c / 1e3, c / 1e3, c / 1609.344, c * 1e3, c * 1e3, c / 1852, c * 1.0936;
@@ -138,31 +137,31 @@ function P(e, t) {
 	}
 	return j(t);
 }
-function F(e, t, r) {
-	let i = {
+function F(e, t, n) {
+	let r = {
 		type: "Feature",
 		geometry: {
 			type: "Point",
-			coordinates: r
+			coordinates: n
 		},
 		properties: {}
-	}, a = (e) => {
-		let r = {
+	}, i = (e) => {
+		let n = {
 			type: "Feature",
 			geometry: {
 				type: "Point",
 				coordinates: e
 			},
 			properties: {}
-		}, a = m(i, r);
-		return T(i, n(i, r, { units: "kilometers" }), a + t, { units: "kilometers" }).geometry.coordinates;
-	}, o = (e) => e.map(a);
+		}, i = m(r, n);
+		return T(r, o(r, n, { units: "kilometers" }), i + t, { units: "kilometers" }).geometry.coordinates;
+	}, a = (e) => e.map(i);
 	return e.type === "Polygon" ? {
 		type: "Polygon",
-		coordinates: e.coordinates.map(o)
+		coordinates: e.coordinates.map(a)
 	} : e.type === "MultiPolygon" ? {
 		type: "MultiPolygon",
-		coordinates: e.coordinates.map((e) => e.map(o))
+		coordinates: e.coordinates.map((e) => e.map(a))
 	} : e;
 }
 function I(e, t, n, r) {
@@ -179,15 +178,15 @@ function I(e, t, n, r) {
 	} : e;
 }
 function L(e, t) {
-	let r = {
+	let n = {
 		type: "Feature",
 		geometry: {
 			type: "Point",
 			coordinates: t
 		},
 		properties: {}
-	}, i = (e) => e.map((e) => ({
-		bearing: m(r, {
+	}, r = (e) => e.map((e) => ({
+		bearing: m(n, {
 			type: "Feature",
 			geometry: {
 				type: "Point",
@@ -195,7 +194,7 @@ function L(e, t) {
 			},
 			properties: {}
 		}),
-		distance: n(r, {
+		distance: o(n, {
 			type: "Feature",
 			geometry: {
 				type: "Point",
@@ -204,7 +203,7 @@ function L(e, t) {
 			properties: {}
 		}, { units: "kilometers" })
 	}));
-	return e.type === "Polygon" ? e.coordinates.map(i) : e.type === "MultiPolygon" ? e.coordinates.flat().map(i) : [];
+	return e.type === "Polygon" ? e.coordinates.map(r) : e.type === "MultiPolygon" ? e.coordinates.flat().map(r) : [];
 }
 function R(e, t, n) {
 	let r = {
@@ -223,7 +222,7 @@ function R(e, t, n) {
 		coordinates: e.coordinates.map((e) => e.map(() => a()))
 	} : e;
 }
-var z = class extends r {
+var z = class extends s {
 	constructor(...e) {
 		super(...e), this.toolId = "truearea", this.mapElement = null, this.availableLayers = [], this.selectedLayerId = "", this.copies = [], this.dragging = !1, this.lastTouchedCopyId = null, this.rotationDeg = 0, this.geodesic = !0, this.copyMeta = /* @__PURE__ */ new Map(), this.features = [], this.colorIdx = 0, this.unsubEvents = [], this.dragState = null;
 	}
@@ -234,7 +233,7 @@ var z = class extends r {
 		this.cleanupEvents(), this.adapter && (this.adapter.setPanEnabled(!0), this.adapter.setTouchCaptureEnabled(!0)), this.dragState = null, this.dragging = !1, this.clearGhost(), this.copies.length === 0 && this.cleanupLayers();
 	}
 	static {
-		this.styles = i`
+		this.styles = e`
         :host { display: none; padding: var(--webmapx-tool-padding, 0); font-size: 0.875rem; min-width: 200px; }
         :host([active]) { display: block; }
         label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
@@ -282,8 +281,8 @@ var z = class extends r {
         .rotation-value { font-variant-numeric: tabular-nums; min-width: 3.5em; text-align: right; font-size: 0.8rem; color: var(--sl-color-neutral-600, #555); }
     `;
 	}
-	onMapAttached(t) {
-		super.onMapAttached(t), this.mapElement = e(this), this.refreshLayers(t.store.getState()), this.active && (t.setTouchCaptureEnabled(!1), this.bindEvents());
+	onMapAttached(e) {
+		super.onMapAttached(e), this.mapElement = i(this), this.refreshLayers(e.store.getState()), this.active && (e.setTouchCaptureEnabled(!1), this.bindEvents());
 	}
 	onMapDetached() {
 		this.cleanupEvents(), this.cleanupLayers(), this.dragState = null, this.dragging = !1, this.features = [], this.copies = [], this.copyMeta.clear(), this.availableLayers = [], this.mapElement = null, super.onMapDetached();
@@ -566,22 +565,22 @@ var z = class extends r {
 		});
 	}
 	render() {
-		return a`
+		return r`
             <label>Source layer</label>
-            ${this.availableLayers.length === 0 ? a`<div class="hint">No visible polygon layers on map.</div>` : a`
+            ${this.availableLayers.length === 0 ? r`<div class="hint">No visible polygon layers on map.</div>` : r`
                     <select @change=${(e) => {
 			this.selectedLayerId = e.target.value;
 		}}>
-                        ${this.availableLayers.map((e) => a`
+                        ${this.availableLayers.map((e) => r`
                             <option value=${e.id} ?selected=${e.id === this.selectedLayerId}>${e.label}</option>
                         `)}
                     </select>
-                    ${this.dragging ? a`<div class="dragging-hint">Drag to target location, release to place.</div>` : a`<div class="hint">Click and drag a polygon to compare sizes.</div>`}
+                    ${this.dragging ? r`<div class="dragging-hint">Drag to target location, release to place.</div>` : r`<div class="hint">Click and drag a polygon to compare sizes.</div>`}
                 `}
 
             ${(() => {
 			let e = this.copies.find((e) => e.id === this.lastTouchedCopyId);
-			return !e && this.availableLayers.length === 0 ? "" : e ? a`
+			return !e && this.availableLayers.length === 0 ? "" : e ? r`
                     <div class="copy-item">
                         <div class="copy-swatch" style="background:${e.color}"></div>
                         <span class="copy-label" title=${e.label}>${e.label}</span>
@@ -604,12 +603,12 @@ var z = class extends r {
                         <label for="geodesic-toggle">Geodesic (shape-accurate, may rotate borders)</label>
                     </div>
 
-                    ${this.copies.length > 0 ? a`<button class="clear-btn" @click=${() => this.clearAll()}>Clear all</button>` : ""}
-                ` : a`<div class="no-copies">No copy selected. Click a polygon on the map.</div>`;
+                    ${this.copies.length > 0 ? r`<button class="clear-btn" @click=${() => this.clearAll()}>Clear all</button>` : ""}
+                ` : r`<div class="no-copies">No copy selected. Click a polygon on the map.</div>`;
 		})()}
         `;
 	}
 };
-t([s()], z.prototype, "availableLayers", void 0), t([s()], z.prototype, "selectedLayerId", void 0), t([s()], z.prototype, "copies", void 0), t([s()], z.prototype, "dragging", void 0), t([s()], z.prototype, "lastTouchedCopyId", void 0), t([s()], z.prototype, "rotationDeg", void 0), t([s()], z.prototype, "geodesic", void 0), z = t([o("webmapx-truearea-tool")], z);
+a([t()], z.prototype, "availableLayers", void 0), a([t()], z.prototype, "selectedLayerId", void 0), a([t()], z.prototype, "copies", void 0), a([t()], z.prototype, "dragging", void 0), a([t()], z.prototype, "lastTouchedCopyId", void 0), a([t()], z.prototype, "rotationDeg", void 0), a([t()], z.prototype, "geodesic", void 0), z = a([n("webmapx-truearea-tool")], z);
 //#endregion
 export { z as WebmapxTrueAreaTool };

package/dist-lib/{webmapx-view-mode-tool-DVSMakdh.js → webmapx-view-mode-tool-CQI54rFj.js}

@@ -1,7 +1,6 @@
-import { r as e, t } from "./decorate-CKr8yG1g.js";
-import { t as n } from "./webmapx-base-tool-Bc9Wz0yA.js";
-import { css as r, html as i } from "lit";
-import { customElement as a, state as o } from "lit/decorators.js";
+import { h as e, i as t, o as n, p as r } from "./decorators-d8E4nZJy.js";
+import { r as i, t as a } from "./decorate-DNmmPsJp.js";
+import { t as o } from "./webmapx-base-tool-idjVnrFA.js";
 //#region src/components/webmapx-view-mode-tool.ts
 var s = [{
 	id: "mercator",
@@ -13,12 +12,12 @@ var s = [{
 	name: "Globe",
 	description: "Globe view: orthographic-like or perspective",
 	image: "globe-view.png"
-}], c = class extends n {
+}], c = class extends o {
 	constructor(...e) {
 		super(...e), this.viewModeName = "mercator", this.centerLng = 0, this.centerLat = 30, this.parallel1 = 29.5, this.parallel2 = 45.5, this.supported = !0;
 	}
 	static {
-		this.styles = r`
+		this.styles = e`
         :host { display: block; padding: var(--webmapx-tool-padding, 0); font-size: 0.875rem; }
         .unsupported { color: var(--sl-color-neutral-500, #888); font-style: italic; }
         label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
@@ -53,19 +52,19 @@ var s = [{
 			parallels: [this.parallel1, this.parallel2]
 		}) || this.syncFromAdapter();
 		else {
-			let t = e(this);
-			t && typeof t.setProjection == "function" ? t.setProjection(this.viewModeName) : this.adapter.setProjection(this.viewModeName) || this.syncFromAdapter();
+			let e = i(this);
+			e && typeof e.setProjection == "function" ? e.setProjection(this.viewModeName) : this.adapter.setProjection(this.viewModeName) || this.syncFromAdapter();
 		}
 	}
 	render() {
-		if (!this.supported) return i`<div class="unsupported">View modes are not supported by this engine.</div>`;
+		if (!this.supported) return r`<div class="unsupported">View modes are not supported by this engine.</div>`;
 		let e = s.find((e) => e.id === this.viewModeName) ?? s[0], t = e.conic === !0;
-		return i`
+		return r`
             <label>View mode</label>
             <select @change=${(e) => {
 			this.viewModeName = e.target.value, this.applyViewMode();
 		}}>
-                ${s.map((e) => i`<option value=${e.id} ?selected=${e.id === this.viewModeName}>${e.name}</option>`)}
+                ${s.map((e) => r`<option value=${e.id} ?selected=${e.id === this.viewModeName}>${e.name}</option>`)}
             </select>
             <div class="mode-description">${e.description}</div>
             <img src=${e.image} alt=${e.description}>
@@ -101,6 +100,6 @@ var s = [{
         `;
 	}
 };
-t([o()], c.prototype, "viewModeName", void 0), t([o()], c.prototype, "centerLng", void 0), t([o()], c.prototype, "centerLat", void 0), t([o()], c.prototype, "parallel1", void 0), t([o()], c.prototype, "parallel2", void 0), t([o()], c.prototype, "supported", void 0), c = t([a("webmapx-view-mode-tool")], c);
+a([t()], c.prototype, "viewModeName", void 0), a([t()], c.prototype, "centerLng", void 0), a([t()], c.prototype, "centerLat", void 0), a([t()], c.prototype, "parallel1", void 0), a([t()], c.prototype, "parallel2", void 0), a([t()], c.prototype, "supported", void 0), c = a([n("webmapx-view-mode-tool")], c);
 //#endregion
 export { c as WebmapxViewModeTool };