@edugis-org/webmapx 0.1.7 → 0.1.9

package/dist-lib/{webmapx-geolocation-tool-Rw3-Iad1.js → webmapx-geolocation-tool-DIMh2kIr.js}

@@ -1,12 +1,13 @@
-import { r as e, t } from "./decorate-CWgUV1hU.js";
-import { t as n } from "./webmapx-base-tool-Dm9NAWLD.js";
-import { a as r, i, o as a } from "./decorators-B35AgiCU.js";
-import "./button-DFdGkRPQ.js";
-import "./input-CeGntPlT.js";
-import "./spinner-DysxdNG9.js";
-import "./icon-button-Da_nBTy3.js";
-import { a as o, i as s, t as c } from "./zip.js-DVhmtjxZ.js";
-import { css as l, html as u } from "lit";
+import { r as e, t } from "./decorate-DnZTfaod.js";
+import { t as n } from "./webmapx-base-tool-DfRa7TlD.js";
+import { a as r, i, t as a } from "./zip.js-DVhmtjxZ.js";
+import { css as o, html as s } from "lit";
+import { customElement as c, property as l, state as u } from "lit/decorators.js";
+import "@shoelace-style/shoelace/dist/components/button/button.js";
+import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
+import "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
+import "@shoelace-style/shoelace/dist/components/input/input.js";
+import "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";
 //#region src/components/webmapx-geolocation-tool.ts
 var d, f = "webmapx-geolocation-tracks", p = "webmapx-geolocation-track-last-id";
 function m() {
@@ -113,7 +114,7 @@ var b = class extends n {
 		this.boundReacquireWakeLock = () => d.reacquireWakeLockIfNeeded();
 	}
 	static {
-		this.styles = l`
+		this.styles = o`
     :host {
       display: block;
       box-sizing: border-box;
@@ -623,11 +624,11 @@ var b = class extends n {
 		};
 	}
 	render() {
-		return u`
+		return s`
       <div class="tool-content">
         <div class="title">
           Location
-          ${this.status === "locating" ? u`<sl-spinner></sl-spinner>` : ""}
+          ${this.status === "locating" ? s`<sl-spinner></sl-spinner>` : ""}
           <sl-icon-button
             name="box-arrow-up"
             label="Export tracked points"
@@ -654,7 +655,7 @@ var b = class extends n {
         @sl-request-close=${() => {
 			this.exportDialogOpen = !1, this.exportFilenameStep = !1;
 		}}>
-        ${this.exportFilenameStep ? u`
+        ${this.exportFilenameStep ? s`
           <div style="display:flex; align-items:center; gap:0.4rem;">
             <span>Filename</span>
             <sl-input style="flex:1;" size="small" .value=${this.exportFilename} aria-label="Export filename"
@@ -670,7 +671,7 @@ var b = class extends n {
 			this.exportFilenameStep = !1;
 		}}>Back</sl-button>
           </div>
-        ` : u`
+        ` : s`
           <p>Save the recorded GPS tracks as GeoJSON, or add them to the map.</p>
           <p>${this.storedPointCount} point(s) stored.</p>
           <label style="display:flex; align-items:center; gap:0.4rem; margin-bottom:0.5rem;">
@@ -696,10 +697,10 @@ var b = class extends n {
 		this.exportFilename = `gps-tracks-${t}`, this.exportFilenameStep = !0;
 	}
 	async handleExportSaveFiles() {
-		let { points: e, lines: t } = _(m()), n = this.exportFilename.trim() || "gps-tracks", r = new c(new s("application/zip"));
-		await r.add("gps-track-points.geojson", new o(JSON.stringify(e, null, 2))), await r.add("gps-track-lines.geojson", new o(JSON.stringify(t, null, 2)));
-		let i = this.buildTracksStyleConfig("gps-track-lines.geojson", "gps-track-points.geojson");
-		await r.add("style.json", new o(JSON.stringify(i, null, 2))), this.downloadBlob(await r.close(), `${n}.zip`), this.eraseAfterExport && this.eraseStoredTracks(), this.exportFilenameStep = !1, this.exportDialogOpen = !1;
+		let { points: e, lines: t } = _(m()), n = this.exportFilename.trim() || "gps-tracks", o = new a(new i("application/zip"));
+		await o.add("gps-track-points.geojson", new r(JSON.stringify(e, null, 2))), await o.add("gps-track-lines.geojson", new r(JSON.stringify(t, null, 2)));
+		let s = this.buildTracksStyleConfig("gps-track-lines.geojson", "gps-track-points.geojson");
+		await o.add("style.json", new r(JSON.stringify(s, null, 2))), this.downloadBlob(await o.close(), `${n}.zip`), this.eraseAfterExport && this.eraseStoredTracks(), this.exportFilenameStep = !1, this.exportDialogOpen = !1;
 	}
 	buildTracksStyleConfig(e, t) {
 		return {
@@ -765,24 +766,24 @@ var b = class extends n {
 		r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 	}
 };
-t([r({
+t([l({
 	type: Boolean,
 	attribute: "watch"
-})], b.prototype, "watch", void 0), t([r({
+})], b.prototype, "watch", void 0), t([l({
 	type: Boolean,
 	attribute: "high-accuracy"
-})], b.prototype, "highAccuracy", void 0), t([r({
+})], b.prototype, "highAccuracy", void 0), t([l({
 	type: Number,
 	attribute: "timeout"
-})], b.prototype, "timeout", void 0), t([r({
+})], b.prototype, "timeout", void 0), t([l({
 	type: Number,
 	attribute: "max-age"
-})], b.prototype, "maxAge", void 0), t([r({ type: Number })], b.prototype, "zoom", void 0), t([r({
+})], b.prototype, "maxAge", void 0), t([l({ type: Number })], b.prototype, "zoom", void 0), t([l({
 	type: Boolean,
 	attribute: "follow"
-})], b.prototype, "follow", void 0), t([r({
+})], b.prototype, "follow", void 0), t([l({
 	type: Boolean,
 	reflect: !0
-})], b.prototype, "active", void 0), t([i()], b.prototype, "status", void 0), t([i()], b.prototype, "message", void 0), t([i()], b.prototype, "lastUpdate", void 0), t([i()], b.prototype, "exportDialogOpen", void 0), t([i()], b.prototype, "storedPointCount", void 0), t([i()], b.prototype, "exportFilenameStep", void 0), t([i()], b.prototype, "exportFilename", void 0), t([i()], b.prototype, "eraseAfterExport", void 0), b = d = t([a("webmapx-geolocation-tool")], b);
+})], b.prototype, "active", void 0), t([u()], b.prototype, "status", void 0), t([u()], b.prototype, "message", void 0), t([u()], b.prototype, "lastUpdate", void 0), t([u()], b.prototype, "exportDialogOpen", void 0), t([u()], b.prototype, "storedPointCount", void 0), t([u()], b.prototype, "exportFilenameStep", void 0), t([u()], b.prototype, "exportFilename", void 0), t([u()], b.prototype, "eraseAfterExport", void 0), b = d = t([c("webmapx-geolocation-tool")], b);
 //#endregion
 export { b as WebmapxGeolocationTool, y as evaluateGeolocationFix };

package/dist-lib/{webmapx-import-layer-tool-DRYviHd5.js → webmapx-import-layer-tool-DMiC1TpU.js}

@@ -1,15 +1,15 @@
-import { r as e, t } from "./decorate-CWgUV1hU.js";
-import { t as n } from "./webmapx-base-tool-Dm9NAWLD.js";
-import { i as r, o as i } from "./decorators-B35AgiCU.js";
-import { discoverLayers as a } from "./layer-discovery-afWzu5hY.js";
-import { css as o, html as s } from "lit";
+import { r as e, t } from "./decorate-DnZTfaod.js";
+import { t as n } from "./webmapx-base-tool-DfRa7TlD.js";
+import { discoverLayers as r } from "./layer-discovery-DFP-WHAh.js";
+import { css as i, html as a } from "lit";
+import { customElement as o, state as s } from "lit/decorators.js";
 //#region src/components/webmapx-import-layer-tool.ts
 var c = class extends n {
 	constructor(...e) {
 		super(...e), this.active = !1, this.mapElement = null, this.url = "", this.discovering = !1, this.results = [], this.selected = /* @__PURE__ */ new Set(), this.error = null, this.filterText = "", this.catalog = [], this.fileDropActive = !1, this.fileImporting = !1, this.discoverySeq = 0;
 	}
 	static {
-		this.styles = o`
+		this.styles = i`
     :host { display: block; width: 100%; pointer-events: auto; }
     :host([hidden]) { display: none !important; }
     .container { width: 100%; color: var(--color-text-primary); box-sizing: border-box; padding: var(--webmapx-tool-padding, 0); }
@@ -64,7 +64,7 @@ var c = class extends n {
 		let t = ++this.discoverySeq;
 		this.discovering = !0, this.error = null, this.results = [], this.catalog = [], this.selected = /* @__PURE__ */ new Set(), this.filterText = "";
 		try {
-			let n = await a(e);
+			let n = await r(e);
 			if (t !== this.discoverySeq) return;
 			this.results = n.layers, this.catalog = n.catalog ?? [], this.selected = /* @__PURE__ */ new Set(), n.layers.length === 0 && this.catalog.length === 0 && (this.error = "No services discovered at this URL.");
 		} catch (e) {
@@ -142,7 +142,7 @@ var c = class extends n {
 		e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "copy", this.fileDropActive = !0);
 	}
 	render() {
-		return s`
+		return a`
       <div class="container tool-content">
         <div class="section-title">From URL</div>
         <div class="urlbox">
@@ -167,16 +167,16 @@ var c = class extends n {
           <sl-button size="small" ?loading=${this.discovering} ?disabled=${this.discovering} @click="${() => this.handleDiscover()}">Discover</sl-button>
         </div>
 
-        ${this.error ? s`<div class="error">${this.error}</div>` : ""}
+        ${this.error ? a`<div class="error">${this.error}</div>` : ""}
 
-        ${this.catalog.length === 0 ? "" : s`
+        ${this.catalog.length === 0 ? "" : a`
           <div class="results">
             <ul>
-              ${this.catalog.map((e) => s`
+              ${this.catalog.map((e) => a`
                 <li class="result-item" @click="${() => this.openCatalogEntry(e)}" style="cursor:pointer;">
                   <div style="flex:1; min-width:0;">
                     <div style="white-space:normal; word-break:break-word;" title="${e.name}">${e.kind === "folder" ? "📁" : "🗺"} ${e.name}</div>
-                    ${e.type ? s`<div class="meta">${e.type}</div>` : ""}
+                    ${e.type ? a`<div class="meta">${e.type}</div>` : ""}
                   </div>
                 </li>
               `)}
@@ -184,7 +184,7 @@ var c = class extends n {
           </div>
         `}
 
-        ${this.results.length === 0 ? "" : s`
+        ${this.results.length === 0 ? "" : a`
           <input
             type="text"
             class="filter"
@@ -202,7 +202,7 @@ var c = class extends n {
           </div>
           <div class="results">
             <ul>
-              ${this.filteredResults.map((e) => s`
+              ${this.filteredResults.map((e) => a`
                 <li class="result-item">
                   <sl-checkbox
                     .checked=${this.selected.has(e)}
@@ -211,7 +211,7 @@ var c = class extends n {
                   <div style="flex:1; min-width:0;">
                     <div style="white-space:normal; word-break:break-word;" title="${e.title}">${e.title}</div>
                     <div class="meta">${e.serviceType}</div>
-                    ${e.abstract ? s`<div class="meta">${e.abstract}</div>` : ""}
+                    ${e.abstract ? a`<div class="meta">${e.abstract}</div>` : ""}
                   </div>
                 </li>
               `)}
@@ -245,6 +245,6 @@ var c = class extends n {
     `;
 	}
 };
-t([r()], c.prototype, "url", void 0), t([r()], c.prototype, "discovering", void 0), t([r()], c.prototype, "results", void 0), t([r()], c.prototype, "selected", void 0), t([r()], c.prototype, "error", void 0), t([r()], c.prototype, "filterText", void 0), t([r()], c.prototype, "catalog", void 0), t([r()], c.prototype, "fileDropActive", void 0), t([r()], c.prototype, "fileImporting", void 0), c = t([i("webmapx-import-layer-tool")], c);
+t([s()], c.prototype, "url", void 0), t([s()], c.prototype, "discovering", void 0), t([s()], c.prototype, "results", void 0), t([s()], c.prototype, "selected", void 0), t([s()], c.prototype, "error", void 0), t([s()], c.prototype, "filterText", void 0), t([s()], c.prototype, "catalog", void 0), t([s()], c.prototype, "fileDropActive", void 0), t([s()], c.prototype, "fileImporting", void 0), c = t([o("webmapx-import-layer-tool")], c);
 //#endregion
 export { c as WebmapxImportLayerTool };

package/dist-lib/{webmapx-info-tool-BJA157cy.js → webmapx-info-tool-D-XbAU9J.js}

@@ -1,15 +1,15 @@
-import { t as e } from "./decorate-CWgUV1hU.js";
-import { t } from "./webmapx-base-tool-Dm9NAWLD.js";
-import { i as n, o as r } from "./decorators-B35AgiCU.js";
-import "./icon-CEOgWlro.js";
-import "./spinner-DysxdNG9.js";
-import { t as i } from "./throttle-BeneRNYK.js";
-import { t as a } from "./wms-feature-info-C0RVMEQC.js";
-import { css as o, html as s, nothing as c } from "lit";
+import { t as e } from "./decorate-DnZTfaod.js";
+import { t } from "./webmapx-base-tool-DfRa7TlD.js";
+import { t as n } from "./throttle-BeneRNYK.js";
+import { t as r } from "./wms-feature-info-C0RVMEQC.js";
+import { css as i, html as a, nothing as o } from "lit";
+import { customElement as s, state as c } from "lit/decorators.js";
+import "@shoelace-style/shoelace/dist/components/icon/icon.js";
+import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
 //#region src/components/webmapx-info-tool.ts
 var l = "webmapx-info-pin", u = 8, d = 120, f = 4, p = 6, m = class extends t {
 	constructor(...e) {
-		super(...e), this.active = !1, this.features = [], this.loading = !1, this.mode = "hover", this.pinnedLocation = null, this.pinnedPixel = null, this.pinMarkerAdded = !1, this.unsubClick = null, this.unsubPointerMove = null, this.throttledHoverQuery = i(async (e, t) => {
+		super(...e), this.active = !1, this.features = [], this.loading = !1, this.mode = "hover", this.pinnedLocation = null, this.pinnedPixel = null, this.pinMarkerAdded = !1, this.unsubClick = null, this.unsubPointerMove = null, this.throttledHoverQuery = n(async (e, t) => {
 			if (this.mode !== "hover" || !this.active || !this.adapter) return;
 			let n;
 			try {
@@ -27,7 +27,7 @@ var l = "webmapx-info-pin", u = 8, d = 120, f = 4, p = 6, m = class extends t {
 		}, d);
 	}
 	static {
-		this.styles = o`
+		this.styles = i`
         :host {
             display: block;
             pointer-events: auto;
@@ -258,24 +258,24 @@ var l = "webmapx-info-pin", u = 8, d = 120, f = 4, p = 6, m = class extends t {
 	}
 	async queryGFILayers(e, t) {
 		if (!this.adapter) return [];
-		let n = this.adapter.store.getState().mapLayers ?? {}, r = 128 * (360 / (256 * 2 ** (this.adapter.getViewportState()?.zoom ?? 0))), i = {
-			west: t[0] - r,
-			south: t[1] - r,
-			east: t[0] + r,
-			north: t[1] + r
+		let n = this.adapter.store.getState().mapLayers ?? {}, i = 128 * (360 / (256 * 2 ** (this.adapter.getViewportState()?.zoom ?? 0))), a = {
+			west: t[0] - i,
+			south: t[1] - i,
+			east: t[0] + i,
+			north: t[1] + i
 		}, o = [];
 		return await Promise.all(Object.entries(n).map(async ([e, t]) => {
-			let n = t, r = typeof n?.getFeatureInfoUrl == "string" ? n.getFeatureInfoUrl : null;
-			if (r) try {
-				let t = new URL(r), s = (e) => {
+			let n = t, i = typeof n?.getFeatureInfoUrl == "string" ? n.getFeatureInfoUrl : null;
+			if (i) try {
+				let t = new URL(i), s = (e) => {
 					for (let [n, r] of t.searchParams) if (n.toLowerCase() === e) return r;
 					return null;
-				}, c = await a({
+				}, c = await r({
 					sourceConfig: {
 						id: e,
 						type: "raster",
 						service: "wms",
-						url: r,
+						url: i,
 						version: s("version") ?? "1.1.1",
 						layers: s("layers") ?? s("query_layers") ?? "",
 						format: typeof n.getFeatureInfoFormat == "string" ? n.getFeatureInfoFormat : "application/json",
@@ -283,7 +283,7 @@ var l = "webmapx-info-pin", u = 8, d = 120, f = 4, p = 6, m = class extends t {
 					},
 					layerId: e,
 					layerTitle: typeof n.label == "string" ? n.label : e,
-					bounds: i,
+					bounds: a,
 					containerWidth: 256,
 					containerHeight: 256,
 					pixelX: 128,
@@ -303,33 +303,33 @@ var l = "webmapx-info-pin", u = 8, d = 120, f = 4, p = 6, m = class extends t {
 		this.mode = "hover", this.pinnedLocation = null, this.pinnedPixel = null, this.features = [], this.removePinMarker();
 	}
 	renderFeatures() {
-		if (this.features.length === 0) return c;
+		if (this.features.length === 0) return o;
 		let e = /* @__PURE__ */ new Map();
 		for (let t of this.features) {
 			let n = e.get(t.layerId);
 			n ? n.push(t) : e.set(t.layerId, [t]);
 		}
-		return s`
+		return a`
             ${[...e.entries()].map(([e, t]) => {
-			let n = this.adapter?.store.getState().mapLayers?.[e], r = Array.isArray(n?.sublayers) && n.sublayers.length > 1, i = r ? "composite" : t[0].source, a = typeof n?.featureInfoLimit == "number" ? n.featureInfoLimit : null, o = a !== null && t.length > a, c = o ? t.slice(0, a) : t, l = /* @__PURE__ */ new Map();
+			let n = this.adapter?.store.getState().mapLayers?.[e], r = Array.isArray(n?.sublayers) && n.sublayers.length > 1, i = r ? "composite" : t[0].source, o = typeof n?.featureInfoLimit == "number" ? n.featureInfoLimit : null, s = o !== null && t.length > o, c = s ? t.slice(0, o) : t, l = /* @__PURE__ */ new Map();
 			for (let e of c) {
 				let t = e.subLayerId ?? "", n = l.get(t);
 				n ? n.push(e) : l.set(t, [e]);
 			}
-			return s`
+			return a`
                 <div class="layer-group">
                     <div class="layer-title">
                         ${t[0].layerTitle ?? e}
                         <span class="source-badge ${r ? "composite" : t[0].source}">${i}</span>
                     </div>
-                    ${[...l.entries()].map(([e, t]) => s`
-                        ${e ? s`<div class="sub-layer-title">
+                    ${[...l.entries()].map(([e, t]) => a`
+                        ${e ? a`<div class="sub-layer-title">
                             <span class="sub-layer-name">${e}</span>
-                            ${t[0].subLayerType ? s`<span class="sub-layer-type">${t[0].subLayerType}</span>` : ""}
+                            ${t[0].subLayerType ? a`<span class="sub-layer-type">${t[0].subLayerType}</span>` : ""}
                         </div>` : ""}
                         ${t.map((e) => this.renderPropsTable(e))}
                     `)}
-                    ${o ? s`<div class="feature-limit-notice">Showing ${a} of ${t.length} features</div>` : ""}
+                    ${s ? a`<div class="feature-limit-notice">Showing ${o} of ${t.length} features</div>` : ""}
                 </div>`;
 		})}
         `;
@@ -347,66 +347,66 @@ var l = "webmapx-info-pin", u = 8, d = 120, f = 4, p = 6, m = class extends t {
 		};
 	}
 	renderPropsTable(e) {
-		let t = this.getPropertySchema(e.layerId), { translations: n, allowed: r, denied: i } = this.getAttributeMeta(e.layerId), a = e.properties;
-		if (a._raw) return s`<div class="raw-value">${a._raw}</div>`;
-		let o = [], c = /* @__PURE__ */ new Set();
+		let t = this.getPropertySchema(e.layerId), { translations: n, allowed: r, denied: i } = this.getAttributeMeta(e.layerId), o = e.properties;
+		if (o._raw) return a`<div class="raw-value">${o._raw}</div>`;
+		let s = [], c = /* @__PURE__ */ new Set();
 		for (let e of n) {
 			let n = e.name;
-			if (i.has(n) || r && !r.has(n) || !(n in a) || a[n] === null || a[n] === void 0) continue;
+			if (i.has(n) || r && !r.has(n) || !(n in o) || o[n] === null || o[n] === void 0) continue;
 			c.add(n);
-			let s = a[n];
-			if (e.multiplier && !isNaN(parseFloat(String(e.multiplier))) && (s = parseFloat(String(s)) * parseFloat(String(e.multiplier))), e.decimals !== void 0 && !isNaN(parseInt(String(e.decimals)))) {
+			let a = o[n];
+			if (e.multiplier && !isNaN(parseFloat(String(e.multiplier))) && (a = parseFloat(String(a)) * parseFloat(String(e.multiplier))), e.decimals !== void 0 && !isNaN(parseInt(String(e.decimals)))) {
 				let t = 10 ** parseInt(String(e.decimals));
-				s = Math.round(parseFloat(String(s)) * t) / t;
+				a = Math.round(parseFloat(String(a)) * t) / t;
 			}
 			if (e.valuemap && Array.isArray(e.valuemap)) {
-				let t = e.valuemap.find((e) => e.value === s);
-				t && (s = t.label);
+				let t = e.valuemap.find((e) => e.value === a);
+				t && (a = t.label);
 			}
-			e.date && (s &&= new Date(s).toLocaleString());
-			let l = e.unit && !isNaN(Number(s)) ? e.unit : "", u = e.translation || n, d = l ? `${s}${l}` : typeof s == "object" ? JSON.stringify(s) : String(s ?? "");
-			o.push(this.renderPropRow(n, u, d, t));
+			e.date && (a &&= new Date(a).toLocaleString());
+			let l = e.unit && !isNaN(Number(a)) ? e.unit : "", u = e.translation || n, d = l ? `${a}${l}` : typeof a == "object" ? JSON.stringify(a) : String(a ?? "");
+			s.push(this.renderPropRow(n, u, d, t));
 		}
-		for (let [e, s] of Object.entries(a)) {
-			if (e === "_raw" || c.has(e) || i.has(e) || r && !r.has(e) || s == null || n.length > 0 && !n.find((t) => t.name === e) && r === null) continue;
-			let a = typeof s == "object" ? JSON.stringify(s) : String(s ?? "");
-			o.push(this.renderPropRow(e, e.replace(/_/g, " "), a, t));
+		for (let [e, a] of Object.entries(o)) {
+			if (e === "_raw" || c.has(e) || i.has(e) || r && !r.has(e) || a == null || n.length > 0 && !n.find((t) => t.name === e) && r === null) continue;
+			let o = typeof a == "object" ? JSON.stringify(a) : String(a ?? "");
+			s.push(this.renderPropRow(e, e.replace(/_/g, " "), o, t));
 		}
-		return o.length === 0 ? s`<div class="empty-hint">No properties</div>` : s`<div class="props-list">${o}</div>`;
+		return s.length === 0 ? a`<div class="empty-hint">No properties</div>` : a`<div class="props-list">${s}</div>`;
 	}
 	renderPropRow(e, t, n, r) {
-		let i = r?.find((t) => t.name === e)?.type ?? "string", a = /^https?:\/\/\S+$/.test(n.trim()), o = /^data:image\//i.test(n), c = i === "string" ? o ? "imageURL" : a ? "linkURL" : "string" : i;
-		return s`
+		let i = r?.find((t) => t.name === e)?.type ?? "string", o = /^https?:\/\/\S+$/.test(n.trim()), s = /^data:image\//i.test(n), c = i === "string" ? s ? "imageURL" : o ? "linkURL" : "string" : i;
+		return a`
             <div class="props-row">
                 <span class="props-key" title=${e}>${t}</span>
-                <span class="props-val">${(c === "create-time" || c === "update-time") && n ? new Date(Number(n)).toLocaleString() : c === "imageURL" && n ? s`<img src=${n} @error=${(e) => {
+                <span class="props-val">${(c === "create-time" || c === "update-time") && n ? new Date(Number(n)).toLocaleString() : c === "imageURL" && n ? a`<img src=${n} @error=${(e) => {
 			let t = e.target, n = document.createElement("span");
 			n.className = "img-error", n.textContent = "⚠ invalid image", t.replaceWith(n);
-		}}>` : c === "linkURL" && n ? s`<a href=${n} target="_blank" rel="noopener noreferrer">${n}</a>` : n.split(",").map((e, t) => t === 0 ? s`${e}` : s`,<wbr>${e}`)}</span>
+		}}>` : c === "linkURL" && n ? a`<a href=${n} target="_blank" rel="noopener noreferrer">${n}</a>` : n.split(",").map((e, t) => t === 0 ? a`${e}` : a`,<wbr>${e}`)}</span>
             </div>
         `;
 	}
 	render() {
 		let e = this.mode === "pinned";
-		return s`
+		return a`
             <div class="info-container">
                 <div class="mode-badge ${e ? "pinned" : ""}">
                     <sl-icon name=${e ? "pin-angle-fill" : "cursor"}></sl-icon>
                     ${e ? "Pinned" : "Hover"}
-                    ${this.loading ? s`<sl-spinner></sl-spinner>` : c}
+                    ${this.loading ? a`<sl-spinner></sl-spinner>` : o}
                 </div>
 
-                ${!e && this.features.length === 0 ? s`<p class="instructions">Move cursor over features to inspect. Click to pin and query WMS.</p>` : c}
+                ${!e && this.features.length === 0 ? a`<p class="instructions">Move cursor over features to inspect. Click to pin and query WMS.</p>` : o}
 
-                ${e && !this.loading && this.features.length === 0 ? s`<p class="empty-hint">No features at this location.</p>` : c}
+                ${e && !this.loading && this.features.length === 0 ? a`<p class="empty-hint">No features at this location.</p>` : o}
 
                 ${this.renderFeatures()}
 
-                ${e ? s`<p class="instructions">Click same location to unpin.</p>` : c}
+                ${e ? a`<p class="instructions">Click same location to unpin.</p>` : o}
             </div>
         `;
 	}
 };
-e([n()], m.prototype, "features", void 0), e([n()], m.prototype, "loading", void 0), e([n()], m.prototype, "mode", void 0), e([n()], m.prototype, "pinnedLocation", void 0), m = e([r("webmapx-info-tool")], m);
+e([c()], m.prototype, "features", void 0), e([c()], m.prototype, "loading", void 0), e([c()], m.prototype, "mode", void 0), e([c()], m.prototype, "pinnedLocation", void 0), m = e([s("webmapx-info-tool")], m);
 //#endregion
 export { m as WebmapxInfoTool };

package/dist-lib/{webmapx-language-osmvector-M5y_lwOg.js → webmapx-language-osmvector-BAw9TR-M.js}

@@ -1,8 +1,9 @@
-import { t as e } from "./decorate-CWgUV1hU.js";
-import { a as t, o as n } from "./decorators-B35AgiCU.js";
-import { t as r } from "./webmapx-modal-tool-eF6Naluv.js";
-import "./option-CBxl1mZP.js";
-import { css as i, html as a } from "lit";
+import { t as e } from "./decorate-DnZTfaod.js";
+import { t } from "./webmapx-modal-tool-Cs7LRrgW.js";
+import { css as n, html as r } from "lit";
+import { customElement as i, property as a } from "lit/decorators.js";
+import "@shoelace-style/shoelace/dist/components/select/select.js";
+import "@shoelace-style/shoelace/dist/components/option/option.js";
 //#region src/components/webmapx-language-osmvector.ts
 var o = "webmapx-language-osmvector", s = "webmapx-language-osmvector-change", c = /* @__PURE__ */ new WeakMap(), l = [
 	{
@@ -385,7 +386,7 @@ var o = "webmapx-language-osmvector", s = "webmapx-language-osmvector-change", c
 		label: "Toki Pona",
 		en: "Toki Pona"
 	}
-], u = /"name(?:[:_][\w-]+)?"/, d = class extends r {
+], u = /"name(?:[:_][\w-]+)?"/, d = class extends t {
 	constructor(...e) {
 		super(...e), this.toolId = "maplanguage", this.hideUi = !1, this.language = localStorage.getItem(o) ?? "browser", this.boundLanguageChangeEvent = (e) => {
 			let t = e.detail?.language;
@@ -393,7 +394,7 @@ var o = "webmapx-language-osmvector", s = "webmapx-language-osmvector-change", c
 		};
 	}
 	static {
-		this.styles = i`
+		this.styles = n`
         :host {
             display: block;
         }
@@ -464,7 +465,7 @@ var o = "webmapx-language-osmvector", s = "webmapx-language-osmvector-change", c
 		this.language = t, localStorage.setItem(o, t), this.applyLanguage(), window.dispatchEvent(new CustomEvent(s, { detail: { language: t } }));
 	}
 	render() {
-		return this.hideUi ? a`` : a`
+		return this.hideUi ? r`` : r`
             <div class="tool-content container">
                 <div>Map label language</div>
                 <div class="current-en">${l.find((e) => e.code === this.language)?.en ?? this.language}</div>
@@ -473,7 +474,7 @@ var o = "webmapx-language-osmvector", s = "webmapx-language-osmvector-change", c
                     hoist
                     @sl-change=${this.handleLanguageChange}
                 >
-                    ${l.map((e) => a`
+                    ${l.map((e) => r`
                         <sl-option value=${e.code}>${e.label}</sl-option>
                     `)}
                 </sl-select>
@@ -481,9 +482,9 @@ var o = "webmapx-language-osmvector", s = "webmapx-language-osmvector-change", c
         `;
 	}
 };
-e([t({
+e([a({
 	type: Boolean,
 	attribute: "hide-ui"
-})], d.prototype, "hideUi", void 0), e([t({ type: String })], d.prototype, "language", void 0), d = e([n("webmapx-language-osmvector")], d);
+})], d.prototype, "hideUi", void 0), e([a({ type: String })], d.prototype, "language", void 0), d = e([i("webmapx-language-osmvector")], d);
 //#endregion
 export { d as WebmapxLanguageOsmVector };

package/dist-lib/{webmapx-measure-tool-BXhMJFC6.js → webmapx-measure-tool-CXlg11s8.js}

@@ -1,17 +1,17 @@
-import { t as e } from "./decorate-CWgUV1hU.js";
-import { a as t, i as n, o as r } from "./decorators-B35AgiCU.js";
-import "./icon-CEOgWlro.js";
-import "./button-DFdGkRPQ.js";
-import { i, n as a, r as o, t as s } from "./geo-calculations-DbFJAUoI.js";
-import { t as c } from "./throttle-BeneRNYK.js";
-import { t as l } from "./webmapx-modal-tool-eF6Naluv.js";
-import { css as u, html as d, nothing as f } from "lit";
+import { t as e } from "./decorate-DnZTfaod.js";
+import { i as t, n, r, t as i } from "./geo-calculations-DbFJAUoI.js";
+import { t as a } from "./throttle-BeneRNYK.js";
+import { t as o } from "./webmapx-modal-tool-Cs7LRrgW.js";
+import { css as s, html as c, nothing as l } from "lit";
+import { customElement as u, property as d, state as f } from "lit/decorators.js";
+import "@shoelace-style/shoelace/dist/components/button/button.js";
+import "@shoelace-style/shoelace/dist/components/icon/icon.js";
 //#region src/components/webmapx-measure-tool.ts
-var p = "webmapx-measure-static-source", m = "webmapx-measure-points", h = "webmapx-measure-lines", g = "webmapx-measure-polygon", _ = "webmapx-measure-segment-labels", v = "webmapx-measure-rubberband-source", y = "webmapx-measure-rubberband-layer", b = class extends l {
+var p = "webmapx-measure-static-source", m = "webmapx-measure-points", h = "webmapx-measure-lines", g = "webmapx-measure-polygon", _ = "webmapx-measure-segment-labels", v = "webmapx-measure-rubberband-source", y = "webmapx-measure-rubberband-layer", b = class extends o {
 	constructor(...e) {
 		super(...e), this.toolId = "measure", this.closeThreshold = 10, this.finishThreshold = 10, this.points = [], this.segments = [], this.totalDistanceCm = 0, this.cursorPosition = null, this.isClosed = !1, this.areaM2 = 0, this.finished = !1, this.touchMQ = window.matchMedia("(pointer: coarse)"), this.isTouchDevice = this.touchMQ.matches, this.onTouchMQChange = (e) => {
 			this.isTouchDevice = e.matches;
-		}, this.layersCreated = !1, this.throttledUpdateVisualization = c(() => {
+		}, this.layersCreated = !1, this.throttledUpdateVisualization = a(() => {
 			this.doUpdateRubberbandVisualization();
 		}, 50), this.unsubClick = null, this.unsubDblClick = null, this.unsubPointerMove = null, this.unsubContextMenu = null, this.keydownHandler = null;
 	}
@@ -19,7 +19,7 @@ var p = "webmapx-measure-static-source", m = "webmapx-measure-points", h = "webm
 		return this.finished || this.isClosed;
 	}
 	static {
-		this.styles = u`
+		this.styles = s`
         :host {
             display: block;
             pointer-events: auto;
@@ -474,25 +474,25 @@ var p = "webmapx-measure-static-source", m = "webmapx-measure-points", h = "webm
 		return (e + 3 * Math.PI) % (2 * Math.PI) - Math.PI;
 	}
 	addPoint(e) {
-		let t = [...this.points, e];
-		if (t.length >= 2) {
-			let e = t[t.length - 2], n = t[t.length - 1], r = i(e, n), a = {
+		let n = [...this.points, e];
+		if (n.length >= 2) {
+			let e = n[n.length - 2], r = n[n.length - 1], i = t(e, r), a = {
 				from: e,
-				to: n,
-				distanceCm: r
+				to: r,
+				distanceCm: i
 			};
-			this.segments = [...this.segments, a], this.totalDistanceCm += r;
+			this.segments = [...this.segments, a], this.totalDistanceCm += i;
 		}
-		this.points = t, this.updateMapVisualization();
+		this.points = n, this.updateMapVisualization();
 	}
 	closePolygon() {
 		if (this.points.length < 3) return;
-		let e = this.points[this.points.length - 1], t = this.points[0], n = i(e, t), r = {
+		let e = this.points[this.points.length - 1], n = this.points[0], i = t(e, n), a = {
 			from: e,
-			to: t,
-			distanceCm: n
+			to: n,
+			distanceCm: i
 		};
-		this.segments = [...this.segments, r], this.totalDistanceCm += n, this.areaM2 = o(this.points), this.isClosed = !0, this.cursorPosition = null, this.updateMapVisualization(), this.doUpdateRubberbandVisualization();
+		this.segments = [...this.segments, a], this.totalDistanceCm += i, this.areaM2 = r(this.points), this.isClosed = !0, this.cursorPosition = null, this.updateMapVisualization(), this.doUpdateRubberbandVisualization();
 	}
 	finishMeasurement() {
 		this.finished = !0, this.cursorPosition = null, this.doUpdateRubberbandVisualization();
@@ -529,38 +529,38 @@ var p = "webmapx-measure-static-source", m = "webmapx-measure-points", h = "webm
 		}));
 	}
 	renderSegments() {
-		return this.segments.length === 0 ? f : d`
+		return this.segments.length === 0 ? l : c`
             <div class="segment-list">
-                ${this.segments.map((e, t) => d`
+                ${this.segments.map((e, t) => c`
                     <div class="segment">
                         <span class="segment-label">Segment ${t + 1}</span>
-                        <span class="segment-value">${a(e.distanceCm)}</span>
+                        <span class="segment-value">${n(e.distanceCm)}</span>
                     </div>
                 `)}
             </div>
         `;
 	}
 	renderTotal() {
-		return this.segments.length === 0 ? f : d`
+		return this.segments.length === 0 ? l : c`
             <div class="total-row">
                 <span>Total</span>
-                <span>${a(this.totalDistanceCm)}</span>
+                <span>${n(this.totalDistanceCm)}</span>
             </div>
         `;
 	}
 	renderArea() {
-		return !this.isClosed || this.areaM2 === 0 ? f : d`
+		return !this.isClosed || this.areaM2 === 0 ? l : c`
             <div class="area-row">
                 <span>Area</span>
-                <span>${s(this.areaM2)}</span>
+                <span>${i(this.areaM2)}</span>
             </div>
         `;
 	}
 	renderInstructions() {
-		return this.isFinished ? this.isTouchDevice ? d`<p class="instructions">Measurement finished. Tap Clear to start a new measurement.</p>` : d`<p class="instructions">Measurement finished. Click Clear, or click the map to start a new measurement.</p>` : this.points.length === 0 ? d`<p class="instructions">Click on the map to start measuring.</p>` : this.points.length < 3 ? d`<p class="instructions">Click to add points. Double-click, right-click or ESC to finish.</p>` : d`<p class="instructions">Click near first point to close polygon, or double-click/right-click/ESC to finish.</p>`;
+		return this.isFinished ? this.isTouchDevice ? c`<p class="instructions">Measurement finished. Tap Clear to start a new measurement.</p>` : c`<p class="instructions">Measurement finished. Click Clear, or click the map to start a new measurement.</p>` : this.points.length === 0 ? c`<p class="instructions">Click on the map to start measuring.</p>` : this.points.length < 3 ? c`<p class="instructions">Click to add points. Double-click, right-click or ESC to finish.</p>` : c`<p class="instructions">Click near first point to close polygon, or double-click/right-click/ESC to finish.</p>`;
 	}
 	render() {
-		return d`
+		return c`
             <div class="tool-content measure-container">
                 <div class="measure-content">
                     ${this.renderInstructions()}
@@ -579,12 +579,12 @@ var p = "webmapx-measure-static-source", m = "webmapx-measure-points", h = "webm
         `;
 	}
 };
-e([t({
+e([d({
 	type: Number,
 	attribute: "close-threshold"
-})], b.prototype, "closeThreshold", void 0), e([t({
+})], b.prototype, "closeThreshold", void 0), e([d({
 	type: Number,
 	attribute: "finish-threshold"
-})], b.prototype, "finishThreshold", void 0), e([n()], b.prototype, "points", void 0), e([n()], b.prototype, "segments", void 0), e([n()], b.prototype, "totalDistanceCm", void 0), e([n()], b.prototype, "cursorPosition", void 0), e([n()], b.prototype, "isClosed", void 0), e([n()], b.prototype, "areaM2", void 0), e([n()], b.prototype, "finished", void 0), e([n()], b.prototype, "isTouchDevice", void 0), b = e([r("webmapx-measure-tool")], b);
+})], b.prototype, "finishThreshold", void 0), e([f()], b.prototype, "points", void 0), e([f()], b.prototype, "segments", void 0), e([f()], b.prototype, "totalDistanceCm", void 0), e([f()], b.prototype, "cursorPosition", void 0), e([f()], b.prototype, "isClosed", void 0), e([f()], b.prototype, "areaM2", void 0), e([f()], b.prototype, "finished", void 0), e([f()], b.prototype, "isTouchDevice", void 0), b = e([u("webmapx-measure-tool")], b);
 //#endregion
 export { b as WebmapxMeasureTool };