@edugis-org/webmapx 0.1.7 → 0.1.8

package/dist-lib/{toast-Cm28o9U6.js → toast-BsoXOdeA.js}

@@ -3,7 +3,7 @@ import { r as e } from "./chunk-HEgqtunE.js";
 var t = /* @__PURE__ */ e({ showToast: () => n });
 async function n(e, t = {}) {
 	let { variant: n = "neutral", icon: r = n === "danger" ? "x-circle" : n === "warning" ? "exclamation-triangle" : "info-circle", duration: i = n === "danger" ? Infinity : 8e3, closable: a = !0 } = t;
-	await import("./alert-GeHlqlN8.js"), await import("./icon-CEOgWlro.js").then((e) => e.t);
+	await import("@shoelace-style/shoelace/dist/components/alert/alert.js"), await import("@shoelace-style/shoelace/dist/components/icon/icon.js");
 	let o = Object.assign(document.createElement("sl-alert"), {
 		variant: n,
 		closable: a,

package/dist-lib/{webmapx-3d-tool-D4CTD2gB.js → webmapx-3d-tool-CLppA7mK.js}

@@ -1,7 +1,7 @@
-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 { css as i, html as a } from "lit";
+import { t as e } from "./decorate-DnZTfaod.js";
+import { t } from "./webmapx-base-tool-DfRa7TlD.js";
+import { css as n, html as r } from "lit";
+import { customElement as i, state as a } from "lit/decorators.js";
 //#region src/components/webmapx-3d-tool.ts
 var o, s = [
 	0,
@@ -15,7 +15,7 @@ var o, s = [
 		super(...e), this.pitch = 0, this.terrainEnabled = !1, this.terrainSupported = !1, this.pitchSupported = !0;
 	}
 	static {
-		this.styles = i`
+		this.styles = n`
         :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; }
@@ -144,15 +144,15 @@ var o, s = [
 		this.adapter.setTerrainEnabled(!0, e) && (this.terrainEnabled = !0);
 	}
 	render() {
-		if (!this.pitchSupported && !this.terrainSupported) return a`<div class="unsupported">3D view is not supported by this engine.</div>`;
-		let e = Math.round(this.pitch), t = s.includes(e) ? e : -1, n = t < 0 && e > 0 && e < 60 ? `${e}°` : "30°", r = t < 0 && e > 60 ? `${e}°` : "60°", i = t < 0 && e > 0 && e <= 60, o = t < 0 && e > 60;
-		return a`
-            ${this.pitchSupported ? a`
+		if (!this.pitchSupported && !this.terrainSupported) return r`<div class="unsupported">3D view is not supported by this engine.</div>`;
+		let e = Math.round(this.pitch), t = s.includes(e) ? e : -1, n = t < 0 && e > 0 && e < 60 ? `${e}°` : "30°", i = t < 0 && e > 60 ? `${e}°` : "60°", a = t < 0 && e > 0 && e <= 60, o = t < 0 && e > 60;
+		return r`
+            ${this.pitchSupported ? r`
                 <label>3D terrain and viewing angle</label>
                 <div class="pitch-buttons">
                     <button class=${t === 0 ? "active" : ""} @click=${() => this.setPitch(0)}>0°</button>
-                    <button class=${t === 30 || i ? "active" : ""} @click=${() => this.setPitch(30)}>${n}</button>
-                    <button class=${t === 60 || o ? "active" : ""} @click=${() => this.setPitch(60)}>${r}</button>
+                    <button class=${t === 30 || a ? "active" : ""} @click=${() => this.setPitch(30)}>${n}</button>
+                    <button class=${t === 60 || o ? "active" : ""} @click=${() => this.setPitch(60)}>${i}</button>
                 </div>
                 <div class="pitch-hint">
                     Choose a different viewing angle above,<br>
@@ -161,7 +161,7 @@ var o, s = [
                     or use 2 fingers on a touch screen.
                 </div>
             ` : ""}
-            ${this.terrainSupported ? a`
+            ${this.terrainSupported ? r`
                 <div class="terrain-row">
                     <input type="checkbox" id="webmapx-3d-terrain" .checked=${this.terrainEnabled}
                         @change=${() => this.toggleTerrain()}>
@@ -171,6 +171,6 @@ var o, s = [
         `;
 	}
 };
-e([n()], c.prototype, "pitch", void 0), e([n()], c.prototype, "terrainEnabled", void 0), e([n()], c.prototype, "terrainSupported", void 0), e([n()], c.prototype, "pitchSupported", void 0), c = o = e([r("webmapx-3d-tool")], c);
+e([a()], c.prototype, "pitch", void 0), e([a()], c.prototype, "terrainEnabled", void 0), e([a()], c.prototype, "terrainSupported", void 0), e([a()], c.prototype, "pitchSupported", void 0), c = o = e([i("webmapx-3d-tool")], c);
 //#endregion
 export { c as Webmapx3dTool };

package/dist-lib/{webmapx-base-tool-Dm9NAWLD.js → webmapx-base-tool-DfRa7TlD.js}

@@ -1,4 +1,4 @@
-import { n as e, r as t } from "./decorate-CWgUV1hU.js";
+import { n as e, r as t } from "./decorate-DnZTfaod.js";
 import { LitElement as n } from "lit";
 //#region src/components/webmapx-base-tool.ts
 var r = class extends n {

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

@@ -1,12 +1,12 @@
-import { r as e, t } from "./decorate-CWgUV1hU.js";
-import { i as n, o as r } from "./decorators-B35AgiCU.js";
-import "./icon-CEOgWlro.js";
-import "./button-DFdGkRPQ.js";
-import "./checkbox-QoR4S8tV.js";
-import "./input-CeGntPlT.js";
-import "./divider-CPm675yY.js";
-import { KNOWN_TOOLS as i } from "./dynamic-layout-DmLc5_yX.js";
-import { LitElement as a, css as o, html as s } from "lit";
+import { r as e, t } from "./decorate-DnZTfaod.js";
+import { KNOWN_TOOLS as n } from "./dynamic-layout-DmLc5_yX.js";
+import { LitElement as r, css as i, html as a } from "lit";
+import { customElement as o, state as s } from "lit/decorators.js";
+import "@shoelace-style/shoelace/dist/components/button/button.js";
+import "@shoelace-style/shoelace/dist/components/icon/icon.js";
+import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
+import "@shoelace-style/shoelace/dist/components/input/input.js";
+import "@shoelace-style/shoelace/dist/components/divider/divider.js";
 //#region src/components/webmapx-config-edit-tool.ts
 var c = new Set([
 	"configedit",
@@ -154,12 +154,12 @@ function f(e, t, n, r, i, a, o, s, l) {
 		state: x
 	};
 }
-var p = class extends a {
+var p = class extends r {
 	constructor(...e) {
 		super(...e), this.toolEnabled = /* @__PURE__ */ new Map(), this.onlyActiveLayers = !1, this.removeUnsupported = !1, this.projectTitle = "", this.filename = "config.json";
 	}
 	static {
-		this.styles = o`
+		this.styles = i`
         :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; }
@@ -177,12 +177,12 @@ var p = class extends a {
 	}
 	loadFromConfig() {
 		let e = this.mapElement?.config, t = /* @__PURE__ */ new Map();
-		for (let { id: n } of i) c.has(n) || t.set(n, d(e ?? {}, n));
+		for (let { id: r } of n) c.has(r) || t.set(r, d(e ?? {}, r));
 		this.toolEnabled = t;
-		let n = e?.project;
-		this.projectTitle = typeof n?.title == "string" ? n.title : "";
-		let r = (typeof n?.id == "string" ? n.id : "config").toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "") || "config";
-		this.filename = `${r}.json`;
+		let r = e?.project;
+		this.projectTitle = typeof r?.title == "string" ? r.title : "";
+		let i = (typeof r?.id == "string" ? r.id : "config").toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "") || "config";
+		this.filename = `${i}.json`;
 	}
 	handleTitleInput(e) {
 		this.projectTitle = e.target.value;
@@ -213,7 +213,7 @@ var p = class extends a {
 					}
 				}
 				if (!l) {
-					let { showToast: e } = await import("./toast-Cm28o9U6.js").then((e) => e.n);
+					let { showToast: e } = await import("./toast-BsoXOdeA.js").then((e) => e.n);
 					e("<strong>No supported background layer available</strong><br>All background layers are unsupported by the current engine. Uncheck \"Remove engine-unsupported layers\" or switch engine.", { variant: "danger" });
 					return;
 				}
@@ -228,8 +228,8 @@ var p = class extends a {
 		}).click(), URL.revokeObjectURL(h);
 	}
 	render() {
-		let e = i.filter((e) => !c.has(e.id));
-		return s`
+		let e = n.filter((e) => !c.has(e.id));
+		return a`
             <h4><sl-icon name="pencil-square"></sl-icon> Edit config</h4>
 
             <sl-input size="small" label="Project title" required
@@ -256,7 +256,7 @@ var p = class extends a {
 
             <div class="section-label">Visible tools:</div>
             <div class="tool-list">
-                ${e.map((e) => s`
+                ${e.map((e) => a`
                     <sl-checkbox
                         ?checked=${this.toolEnabled.get(e.id) === !0}
                         @sl-change=${(t) => this.toggle(e.id, t.target.checked)}>
@@ -279,6 +279,6 @@ var p = class extends a {
         `;
 	}
 };
-t([n()], p.prototype, "toolEnabled", void 0), t([n()], p.prototype, "onlyActiveLayers", void 0), t([n()], p.prototype, "removeUnsupported", void 0), t([n()], p.prototype, "projectTitle", void 0), t([n()], p.prototype, "filename", void 0), p = t([r("webmapx-config-edit-tool")], p);
+t([s()], p.prototype, "toolEnabled", void 0), t([s()], p.prototype, "onlyActiveLayers", void 0), t([s()], p.prototype, "removeUnsupported", void 0), t([s()], p.prototype, "projectTitle", void 0), t([s()], p.prototype, "filename", void 0), p = t([o("webmapx-config-edit-tool")], p);
 //#endregion
 export { p as WebmapxConfigEditTool };

package/dist-lib/{webmapx-coordinates-tool-GMfztOzE.js → webmapx-coordinates-tool-EOqZodjr.js}

@@ -1,9 +1,9 @@
-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";
+import { t as e } from "./decorate-DnZTfaod.js";
+import { t } from "./webmapx-base-tool-DfRa7TlD.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, query as o, state as s } from "lit/decorators.js";
 //#region src/utils/epsg-lookup-manager.ts
-var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.7/public", l = 6e4, u = new class {
+var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.8/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;
 	}
@@ -136,7 +136,7 @@ var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.7/public", l = 6e4
 		};
 	}
 	static {
-		this.styles = a`
+		this.styles = n`
     :host {
       display: inline-flex;
       pointer-events: auto;
@@ -332,18 +332,18 @@ var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.7/public", l = 6e4
 		return `${this.formatCoordinate(r, "lat", t, "en")}  ${this.formatCoordinate(n, "lng", t, "en")}`;
 	}
 	renderClickRow() {
-		return this.pinnedCoords ? o`
+		return this.pinnedCoords ? r`
       <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;
+    ` : i;
 	}
 	renderPopup() {
-		if (!this.showPopup || !this.pinnedCoords) return s;
+		if (!this.showPopup || !this.pinnedCoords) return i;
 		let [e, t] = this.pinnedCoords;
-		return o`
+		return r`
       <div class="popup-container direction-${this.popupDirection}" @click=${(e) => e.stopPropagation()}>
         <div class="format-line">
           <div class="format-content">
@@ -396,7 +396,7 @@ var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.7/public", l = 6e4
           </button>
         </div>
         
-        ${this.shouldShowLocalizedFormat() ? o`
+        ${this.shouldShowLocalizedFormat() ? r`
           <div class="format-line">
             <div class="format-content">
               <div class="format-label">Geographic (${this.getLanguageName(this.getBrowserLanguage())})</div>
@@ -413,20 +413,20 @@ var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.7/public", l = 6e4
               </svg>
             </button>
           </div>
-        ` : s}
+        ` : i}
 
-        ${this.loadingCRS ? o`
+        ${this.loadingCRS ? r`
           <div class="loading-indicator">Loading local coordinate systems...</div>
-        ` : s}
+        ` : i}
 
-        ${this.localCRS.length > 0 ? o`
+        ${this.localCRS.length > 0 ? r`
           <div class="crs-section-header">Local Coordinate Systems</div>
-          ${this.localCRS.map((e) => o`
+          ${this.localCRS.map((e) => r`
             <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}
+                ${e.accuracy ? r`<div class="accuracy-note">Accuracy: ${e.accuracy}</div>` : i}
               </div>
               <button 
                 class="copy-button" 
@@ -441,12 +441,12 @@ var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.7/public", l = 6e4
               </button>
             </div>
           `)}
-        ` : s}
+        ` : i}
       </div>
     `;
 	}
 	render() {
-		return o`
+		return r`
       <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>
@@ -643,6 +643,6 @@ var c = "https://cdn.jsdelivr.net/npm/@edugis-org/webmapx@0.1.7/public", l = 6e4
 		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);
+e([s()], h.prototype, "cursorCoords", void 0), e([s()], h.prototype, "pinnedCoords", void 0), e([s()], h.prototype, "resolution", void 0), e([s()], h.prototype, "pinnedResolution", void 0), e([s()], h.prototype, "showPopup", void 0), e([s()], h.prototype, "popupDirection", void 0), e([s()], h.prototype, "localCRS", void 0), e([s()], h.prototype, "loadingCRS", void 0), e([o(".click-row")], h.prototype, "clickRowElement", void 0), h = e([a("webmapx-coordinates-tool")], h);
 //#endregion
 export { h as WebmapxCoordinatesTool };