@edugis-org/webmapx 0.1.0

package/dist-lib/webmapx-coordinates-tool-jeWohup9.js

@@ -0,0 +1,648 @@
+import { t as e } from "./decorate-CWgUV1hU.js";
+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.0/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;
+	}
+	setIdleTimeout(e) {
+		this.idleTimeoutMs = e;
+	}
+	async initialize() {
+		return this.initPromise ? this.initPromise : this.isReady && this.worker ? Promise.resolve() : (this.isInitializing = !0, this.initPromise = new Promise((e, t) => {
+			try {
+				this.worker = new Worker(new URL(
+					/* @vite-ignore */
+					"/assets/epsg-lookup.worker-J7TVnHDq.js",
+					"" + import.meta.url
+				), { type: "module" }), this.worker.onmessage = (n) => {
+					let r = n.data;
+					r.type === "worker-initialized" ? this.worker?.postMessage({
+						type: "loadData",
+						baseUrl: c
+					}) : r.type === "ready" ? r.success ? (this.isReady = !0, this.isInitializing = !1, this.resetIdleTimeout(), e()) : (this.isInitializing = !1, this.cleanup(), t(Error(r.error || "Failed to load data"))) : this.handleWorkerMessage(n);
+				}, this.worker.onerror = (e) => {
+					console.error("EPSG Lookup Worker error:", e), this.cleanup(), t(/* @__PURE__ */ Error("Worker initialization failed"));
+				}, setTimeout(() => {
+					this.isInitializing && (this.cleanup(), t(/* @__PURE__ */ Error("Worker initialization timeout")));
+				}, 1e4);
+			} catch (e) {
+				this.isInitializing = !1, this.cleanup(), t(e instanceof Error ? e : Error(String(e)));
+			}
+		}), this.initPromise);
+	}
+	handleWorkerMessage(e) {
+		let t = e.data;
+		if (t.type === "lookup-result") {
+			let e = this.pendingRequests.get(t.requestId);
+			if (e) {
+				this.pendingRequests.delete(t.requestId);
+				let n = {
+					success: t.success,
+					countryCode: t.countryCode,
+					countryName: t.countryName,
+					epsgCodes: t.epsgCodes,
+					primaryEpsg: t.primaryEpsg,
+					alternativeMatches: t.alternativeMatches,
+					error: t.error
+				};
+				e.resolve(n), this.resetIdleTimeout();
+			}
+		}
+	}
+	resetIdleTimeout() {
+		this.idleTimeout !== null && clearTimeout(this.idleTimeout), this.idleTimeout = window.setTimeout(() => {
+			this.cleanup();
+		}, this.idleTimeoutMs);
+	}
+	async lookup(e, t) {
+		try {
+			if (this.isReady || await this.initialize(), !this.worker) throw Error("Worker not available");
+			let n = `req_${++this.requestCounter}_${Date.now()}`, r = new Promise((e, t) => {
+				this.pendingRequests.set(n, {
+					resolve: e,
+					reject: t
+				}), setTimeout(() => {
+					this.pendingRequests.get(n) && (this.pendingRequests.delete(n), t(/* @__PURE__ */ Error("Request timeout")));
+				}, 5e3);
+			});
+			return this.worker.postMessage({
+				type: "lookup",
+				lat: e,
+				lng: t,
+				requestId: n
+			}), await r;
+		} catch (e) {
+			return {
+				success: !1,
+				error: e instanceof Error ? e.message : String(e)
+			};
+		}
+	}
+	cleanup() {
+		if (this.idleTimeout !== null && (clearTimeout(this.idleTimeout), this.idleTimeout = null), this.pendingRequests.forEach((e) => {
+			e.reject(/* @__PURE__ */ Error("Worker terminated"));
+		}), this.pendingRequests.clear(), this.worker) {
+			try {
+				this.worker.postMessage({ type: "shutdown" });
+			} catch {}
+			this.worker.terminate(), this.worker = null;
+		}
+		this.isReady = !1, this.isInitializing = !1, this.initPromise = null;
+	}
+	get ready() {
+		return this.isReady;
+	}
+}(), d = 1 / 1e3, f = {
+	en: {
+		N: "N",
+		E: "E",
+		S: "S",
+		W: "W"
+	},
+	nl: {
+		N: "N",
+		E: "O",
+		S: "Z",
+		W: "W"
+	},
+	fr: {
+		N: "N",
+		E: "E",
+		S: "S",
+		W: "O"
+	},
+	de: {
+		N: "N",
+		E: "O",
+		S: "S",
+		W: "W"
+	},
+	es: {
+		N: "N",
+		E: "E",
+		S: "S",
+		W: "O"
+	}
+}, p = null, m = null, h = class extends t {
+	constructor(...e) {
+		super(...e), this.cursorCoords = null, this.pinnedCoords = null, this.resolution = null, this.pinnedResolution = null, this.showPopup = !1, this.popupDirection = "up", this.localCRS = [], this.loadingCRS = !1, this.handleOutsideClick = (e) => {
+			if (this.showPopup) {
+				let t = e.target;
+				this.shadowRoot?.contains(t) || (this.showPopup = !1);
+			}
+		};
+	}
+	static {
+		this.styles = a`
+    :host {
+      display: inline-flex;
+      pointer-events: auto;
+      font-size: var(--webmapx-coordinates-font-size, var(--font-size-small));
+      position: relative;
+    }
+
+    .coordinates-shell {
+      display: inline-flex;
+      flex-direction: column;
+      border: var(--webmapx-coordinates-border, 1px solid var(--color-border));
+      background: var(--webmapx-coordinates-bg, var(--color-background-secondary));
+      color: var(--webmapx-coordinates-color, var(--color-text-primary));
+      padding: var(--compact-padding-vertical) var(--compact-padding-horizontal);
+      font-variant-numeric: tabular-nums;
+      line-height: 1.3;
+      min-width: 150px;
+      pointer-events: auto;
+    }
+
+    .value-line {
+      display: flex;
+      align-items: center;
+      gap: var(--compact-gap);
+      white-space: nowrap;
+    }
+
+    .value-line + .value-line {
+      border-top: 1px solid var(--color-border-light);
+      padding-top: var(--compact-padding-vertical);
+      margin-top: var(--compact-padding-vertical);
+    }
+
+    .click-row {
+      position: relative;
+      cursor: pointer;
+      transition: background-color 0.15s ease;
+      pointer-events: auto;
+    }
+
+    .click-row:hover {
+      background-color: var(--color-background-hover, rgba(0, 0, 0, 0.05));
+    }
+
+    .value {
+      font-weight: 600;
+      letter-spacing: 0.01em;
+    }
+
+    .click-label {
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      font-weight: 600;
+      color: var(--color-text-secondary);
+      font-size: 0.75em;
+    }
+
+    .popup-container {
+      position: absolute;
+      left: 0;
+      right: 0;
+      background: var(--color-background-primary, #ffffff);
+      border: 1px solid var(--color-border);
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      padding: 8px;
+      min-width: 250px;
+      max-width: 400px;
+      pointer-events: auto;
+    }
+
+    .popup-container.direction-up {
+      bottom: 100%;
+      margin-bottom: 4px;
+    }
+
+    .popup-container.direction-down {
+      top: 100%;
+      margin-top: 4px;
+    }
+
+    .format-line {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 6px 8px;
+      gap: 12px;
+      transition: background-color 0.15s ease;
+    }
+
+    .format-line:hover {
+      background-color: var(--color-background-hover, rgba(0, 0, 0, 0.05));
+    }
+
+    .format-line + .format-line {
+      border-top: 1px solid var(--color-border-light, #e0e0e0);
+    }
+
+    .format-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      min-width: 0;
+    }
+
+    .format-label {
+      font-size: 0.75em;
+      color: var(--color-text-secondary, #666);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      font-weight: 600;
+    }
+
+    .format-value {
+      font-family: monospace;
+      font-size: 0.9em;
+      color: var(--color-text-primary, #000);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .copy-button {
+      flex-shrink: 0;
+      padding: 4px 8px;
+      background: transparent;
+      border: 1px solid var(--color-border, #ccc);
+      border-radius: 3px;
+      cursor: pointer;
+      color: var(--color-text-primary, #000);
+      font-size: 0.85em;
+      transition: all 0.15s ease;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    .copy-button:hover {
+      background: var(--color-primary, #007acc);
+      color: white;
+      border-color: var(--color-primary, #007acc);
+    }
+
+    .copy-button:active {
+      transform: scale(0.95);
+    }
+
+    .copy-button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .copy-icon {
+      width: 14px;
+      height: 14px;
+    }
+
+    .loading-indicator {
+      padding: 8px;
+      text-align: center;
+      color: var(--color-text-secondary, #666);
+      font-size: 0.85em;
+      font-style: italic;
+    }
+
+    .crs-section-header {
+      padding: 8px;
+      font-size: 0.75em;
+      color: var(--color-text-secondary, #666);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      font-weight: 600;
+      background: var(--color-background-hover, rgba(0, 0, 0, 0.02));
+      margin: 4px 0;
+    }
+
+    .accuracy-note {
+      font-size: 0.7em;
+      color: var(--color-text-secondary, #999);
+      font-style: italic;
+      margin-top: 2px;
+    }
+  `;
+	}
+	onStateChanged(e) {
+		this.cursorCoords = e.pointerCoordinates;
+		let t = this.pinnedCoords;
+		this.pinnedCoords = e.lastClickedCoordinates, this.resolution = e.pointerResolution, this.pinnedResolution = e.lastClickedResolution, this.showPopup && this.pinnedCoords && this.pinnedCoords !== t && this.fetchLocalCRS(this.pinnedCoords);
+	}
+	formatPair(e, t) {
+		if (!e) return "—";
+		let [n, r] = e;
+		return `${this.formatCoordinate(r, "lat", t, "en")}  ${this.formatCoordinate(n, "lng", t, "en")}`;
+	}
+	renderClickRow() {
+		return this.pinnedCoords ? o`
+      <div class="value-line click-row" @click=${this.handleClickRowClick}>
+        <span class="click-label">Click</span>
+        <span class="value">${this.formatPair(this.pinnedCoords, this.pinnedResolution)}</span>
+      </div>
+      ${this.renderPopup()}
+    ` : s;
+	}
+	renderPopup() {
+		if (!this.showPopup || !this.pinnedCoords) return s;
+		let [e, t] = this.pinnedCoords;
+		return o`
+      <div class="popup-container direction-${this.popupDirection}" @click=${(e) => e.stopPropagation()}>
+        <div class="format-line">
+          <div class="format-content">
+            <div class="format-label">Lon, Lat</div>
+            <div class="format-value">${this.formatLonLat(this.pinnedCoords, this.pinnedResolution)}</div>
+          </div>
+          <button 
+            class="copy-button" 
+            @click=${(e) => this.copyToClipboard(this.formatLonLat(this.pinnedCoords, this.pinnedResolution), e)}
+            title="Copy to clipboard"
+          >
+            <svg class="copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+              <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+            </svg>
+          </button>
+        </div>
+        
+        <div class="format-line">
+          <div class="format-content">
+            <div class="format-label">Lat, Lon</div>
+            <div class="format-value">${this.formatLatLon(this.pinnedCoords, this.pinnedResolution)}</div>
+          </div>
+          <button 
+            class="copy-button" 
+            @click=${(e) => this.copyToClipboard(this.formatLatLon(this.pinnedCoords, this.pinnedResolution), e)}
+            title="Copy to clipboard"
+          >
+            <svg class="copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+              <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+            </svg>
+          </button>
+        </div>
+        
+        <div class="format-line">
+          <div class="format-content">
+            <div class="format-label">Geographic (English)</div>
+            <div class="format-value">${this.formatGeographic(this.pinnedCoords, this.pinnedResolution, "en")}</div>
+          </div>
+          <button 
+            class="copy-button" 
+            @click=${(e) => this.copyToClipboard(this.formatGeographic(this.pinnedCoords, this.pinnedResolution, "en"), e)}
+            title="Copy to clipboard"
+          >
+            <svg class="copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+              <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+            </svg>
+          </button>
+        </div>
+        
+        ${this.shouldShowLocalizedFormat() ? o`
+          <div class="format-line">
+            <div class="format-content">
+              <div class="format-label">Geographic (${this.getLanguageName(this.getBrowserLanguage())})</div>
+              <div class="format-value">${this.formatGeographic(this.pinnedCoords, this.pinnedResolution, this.getBrowserLanguage())}</div>
+            </div>
+            <button 
+              class="copy-button" 
+              @click=${(e) => this.copyToClipboard(this.formatGeographic(this.pinnedCoords, this.pinnedResolution, this.getBrowserLanguage()), e)}
+              title="Copy to clipboard"
+            >
+              <svg class="copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+              </svg>
+            </button>
+          </div>
+        ` : s}
+
+        ${this.loadingCRS ? o`
+          <div class="loading-indicator">Loading local coordinate systems...</div>
+        ` : s}
+
+        ${this.localCRS.length > 0 ? o`
+          <div class="crs-section-header">Local Coordinate Systems</div>
+          ${this.localCRS.map((e) => o`
+            <div class="format-line">
+              <div class="format-content">
+                <div class="format-label">${e.name} (${e.code})</div>
+                <div class="format-value">${e.coords || "Transforming..."}</div>
+                ${e.accuracy ? o`<div class="accuracy-note">Accuracy: ${e.accuracy}</div>` : s}
+              </div>
+              <button 
+                class="copy-button" 
+                ?disabled=${!e.coords}
+                @click=${(t) => e.coords && this.copyToClipboard(e.coords, t)}
+                title="Copy to clipboard"
+              >
+                <svg class="copy-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+                  <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+                </svg>
+              </button>
+            </div>
+          `)}
+        ` : s}
+      </div>
+    `;
+	}
+	render() {
+		return o`
+      <div class="coordinates-shell" role="status" aria-live="polite" tabindex="0" aria-label="Cursor coordinates">
+        <div class="value-line">
+          <span class="value">${this.formatPair(this.cursorCoords, this.resolution)}</span>
+        </div>
+        ${this.renderClickRow()}
+      </div>
+    `;
+	}
+	formatCoordinate(e, t, n, r = "en") {
+		let i = this.getDegreeStep(t, n), a = this.quantize(e, i), o = f[r] || f.en, s = t === "lat" ? a >= 0 ? o.N : o.S : a >= 0 ? o.E : o.W, c = Math.abs(a), l = Math.floor(c), u = (c - l) * 60;
+		u >= 59.9995 && (l += 1, u = 0), t === "lat" && l > 90 && (l = 90, u = 0), t === "lng" && l > 180 && (l = 180, u = 0);
+		let d = this.computeMinuteDecimals(i * 60), p = u.toFixed(d);
+		return `${l}° ${p}' ${s}`;
+	}
+	getDegreeStep(e, t) {
+		let n = d;
+		if (!t) return n;
+		let r = e === "lat" ? t.lat : t.lng;
+		return !isFinite(r) || r <= 0 ? n : Math.max(r, 1e-12);
+	}
+	quantize(e, t) {
+		return !isFinite(t) || t <= 0 ? e : Math.round(e / t) * t;
+	}
+	computeMinuteDecimals(e) {
+		if (!isFinite(e) || e <= 0) return 2;
+		let t = Math.ceil(-Math.log10(e));
+		return t < 0 ? 0 : Math.min(t, 6);
+	}
+	getDecimalPrecision(e, t) {
+		if (!e) return 6;
+		let n = t === "lat" ? e.lat : e.lng;
+		if (!isFinite(n) || n <= 0) return 6;
+		let r = Math.ceil(-Math.log10(n));
+		return Math.max(0, Math.min(r, 8));
+	}
+	formatLonLat(e, t) {
+		let [n, r] = e, i = this.getDecimalPrecision(t, "lng"), a = this.getDecimalPrecision(t, "lat");
+		return `${n.toFixed(i)}, ${r.toFixed(a)}`;
+	}
+	formatLatLon(e, t) {
+		let [n, r] = e, i = this.getDecimalPrecision(t, "lng"), a = this.getDecimalPrecision(t, "lat");
+		return `${r.toFixed(a)}, ${n.toFixed(i)}`;
+	}
+	formatGeographic(e, t, n = "en") {
+		let [r, i] = e;
+		return `${this.formatCoordinate(i, "lat", t, n)}, ${this.formatCoordinate(r, "lng", t, n)}`;
+	}
+	getBrowserLanguage() {
+		return (navigator.language || navigator.userLanguage || "en").split("-")[0].toLowerCase();
+	}
+	getLanguageName(e) {
+		return {
+			nl: "Nederlands",
+			fr: "Français",
+			de: "Deutsch",
+			es: "Español"
+		}[e] || e;
+	}
+	shouldShowLocalizedFormat() {
+		let e = this.getBrowserLanguage();
+		return e !== "en" && f.hasOwnProperty(e);
+	}
+	handleClickRowClick(e) {
+		if (e.stopPropagation(), !this.clickRowElement) return;
+		let t = this.clickRowElement.getBoundingClientRect(), n = t.top;
+		window.innerHeight - t.bottom;
+		let r = 150 + this.localCRS.length * 60;
+		this.popupDirection = n >= r ? "up" : "down";
+		let i = this.showPopup;
+		this.showPopup = !this.showPopup, !i && this.showPopup && this.pinnedCoords && this.fetchLocalCRS(this.pinnedCoords);
+	}
+	async fetchLocalCRS(e) {
+		let [t, n] = e;
+		this.loadingCRS = !0, this.localCRS = [];
+		try {
+			if (!p) {
+				let [e, t] = await Promise.all([import("./lib-CdHVicAE.js").then((e) => e.t), import("./epsg-definitions-BZLZWa8Q.js").then((e) => e.n)]);
+				p = e.default, m = t, Object.entries(m.EPSG_DEFS).forEach(([e, t]) => {
+					p.defs(`EPSG:${e}`, t);
+				});
+			}
+			let r = /* @__PURE__ */ new Map();
+			try {
+				let e = await u.lookup(n, t);
+				if (e.success && e.epsgCodes) {
+					if (r.set(e.countryCode, {
+						name: e.countryName,
+						codes: e.epsgCodes
+					}), e.alternativeMatches && e.alternativeMatches.length > 0) {
+						console.log(`Border area detected: ${e.alternativeMatches.length} additional countries`);
+						for (let t of e.alternativeMatches) r.set(t.countryCode, {
+							name: t.countryName,
+							codes: t.epsgCodes
+						});
+					}
+					let t = Array.from(r.values()).map((e) => e.name).join(", ");
+					console.log(`Found EPSG codes for ${t}`);
+				}
+			} catch (e) {
+				console.warn("EPSG lookup worker failed, falling back to regional bounds:", e);
+			}
+			let i = [];
+			if (r.size > 0) {
+				let e = [];
+				for (let [t, { name: n, codes: i }] of r) for (let t of i) t !== "4326" && e.push({
+					code: t,
+					countryName: n
+				});
+				i = e.map(({ code: e, countryName: t }) => {
+					let n = m.REGIONAL_CRS.find((t) => t.code === e);
+					if (n) return {
+						...n,
+						name: `${n.name} (${t})`
+					};
+					let r = `EPSG:${e}`, i = p.defs(r) || m.EPSG_DEFS[e];
+					return i ? (p.defs(r) || p.defs(r, i), {
+						code: e,
+						name: `EPSG:${e} (${t})`,
+						bounds: [
+							-180,
+							-90,
+							180,
+							90
+						],
+						proj4: i
+					}) : null;
+				}).filter(Boolean);
+				let t = /* @__PURE__ */ new Map();
+				for (let e of i) t.has(e.code) || t.set(e.code, e);
+				i = Array.from(t.values());
+			}
+			if (i.length === 0 && (i = m.REGIONAL_CRS.filter((e) => {
+				let [r, i, a, o] = e.bounds;
+				return t >= r && t <= a && n >= i && n <= o;
+			})), i.length === 0) {
+				let e = Math.floor((t + 180) / 6) + 1, r = n >= 0, a = r ? `326${e.toString().padStart(2, "0")}` : `327${e.toString().padStart(2, "0")}`, o = `EPSG:${a}`;
+				if (!p.defs(o)) {
+					let t = `+proj=utm +zone=${e} ${r ? "" : "+south "}+datum=WGS84 +units=m +no_defs`;
+					p.defs(o, t);
+				}
+				i.push({
+					code: a,
+					name: `WGS 84 / UTM zone ${e}${r ? "N" : "S"}`,
+					bounds: [
+						-180,
+						-90,
+						180,
+						90
+					],
+					proj4: p.defs(o)
+				});
+			}
+			let a = r.size > 1 ? 5 : 3, o = i.slice(0, a);
+			this.localCRS = o.map((t) => {
+				let n = this.transformCoordinatesClientSide(e, t.code);
+				return {
+					code: t.code,
+					name: t.name,
+					coords: n
+				};
+			});
+		} catch (e) {
+			console.error("Error determining local coordinate systems:", e);
+		} finally {
+			this.loadingCRS = !1;
+		}
+	}
+	transformCoordinatesClientSide(e, t) {
+		if (!p) return "Error: proj4 not loaded";
+		try {
+			let [n, r] = e, i = p("EPSG:4326", `EPSG:${t}`, [n, r]);
+			if (!i || !Array.isArray(i)) return "Transformation failed";
+			let [a, o] = i, s = this.getTransformedPrecision(t);
+			return `${a.toFixed(s)}, ${o.toFixed(s)}`;
+		} catch (e) {
+			return console.error(`Error transforming to EPSG:${t}:`, e), "Transformation failed";
+		}
+	}
+	getTransformedPrecision(e) {
+		return 2;
+	}
+	async copyToClipboard(e, t) {
+		t.stopPropagation();
+		try {
+			await navigator.clipboard.writeText(e);
+		} catch (e) {
+			console.error("Failed to copy to clipboard:", e);
+		}
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("click", this.handleOutsideClick);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("click", this.handleOutsideClick);
+	}
+};
+e([n()], h.prototype, "cursorCoords", void 0), e([n()], h.prototype, "pinnedCoords", void 0), e([n()], h.prototype, "resolution", void 0), e([n()], h.prototype, "pinnedResolution", void 0), e([n()], h.prototype, "showPopup", void 0), e([n()], h.prototype, "popupDirection", void 0), e([n()], h.prototype, "localCRS", void 0), e([n()], h.prototype, "loadingCRS", void 0), e([r(".click-row")], h.prototype, "clickRowElement", void 0), h = e([i("webmapx-coordinates-tool")], h);
+//#endregion
+export { h as WebmapxCoordinatesTool };