@edugis-org/webmapx 0.1.15 → 0.2.0

package/dist-lib/{webmapx-core-bundle-Q6mWOib1.js → webmapx-core-bundle-C4M7AiLh.js}

@@ -1,35 +1,30 @@
 import { a as e, t } from "./chunk-HEgqtunE.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./chunk.YHLNUJ7P-ByKy0MKm.js";
-import { a as s, i as c, o as l, r as u, t as d } from "./decorate-CKr8yG1g.js";
-import { t as f } from "./webmapx-base-tool-Bc9Wz0yA.js";
-import "./webmapx-plugin-tool-BNZ61x6s.js";
-import { i as p, o as m, r as h, s as g, t as _ } from "./chunk.AJ3ENQ5C-DXVGX5Dn.js";
-import { t as ee } from "./chunk.NYIIDP5N-B4UCI-rQ.js";
-import { t as v } from "./chunk.6CTB5ZDJ-DjZrBd6Y.js";
-import "./icon-CBNpO1lq.js";
-import { t as y } from "./chunk.36O46B5H-km1dakSW.js";
-import { t as b } from "./chunk.3RPBFEDE-Cxq6VVR6.js";
-import "./button-BlZd3WPH.js";
-import { t as x } from "./checkbox-DB4oPyyw.js";
-import { n as te } from "./input-B212BH6L.js";
-import { t as ne } from "./chunk.SI4ACBFK-CLb9VfMG.js";
-import { t as re } from "./tooltip-CBGOiZwJ.js";
-import "./spinner-DdcBaa3z.js";
-import "./icon-button-B5rXu3Gg.js";
-import { n as ie, r as ae } from "./attribution-format-B4f05_u0.js";
-import { a as oe, i as se, t as ce } from "./zip.js-DVhmtjxZ.js";
-import { i as le } from "./geo-calculations-DbFJAUoI.js";
-import { t as ue } from "./throttle-BeneRNYK.js";
-import "./webmapx-modal-tool-DQVHNXqX.js";
-import { LitElement as S, css as C, html as w, nothing as T, svg as E } from "lit";
-import { customElement as D, eventOptions as de, property as O, query as k, queryAssignedElements as fe, state as A } from "lit/decorators.js";
-import { classMap as pe } from "lit/directives/class-map.js";
-import { ifDefined as me } from "lit/directives/if-defined.js";
-import { live as j } from "lit/directives/live.js";
-import { when as he } from "lit/directives/when.js";
-import { unsafeHTML as M } from "lit-html/directives/unsafe-html.js";
+import { a as n, i as r, o as i, s as a, t as o } from "./chunk.YHLNUJ7P-DINaI4pI.js";
+import { a as s, c, d as l, h as u, i as d, n as f, o as p, p as m, r as h, s as g, t as _ } from "./decorators-d8E4nZJy.js";
+import { a as v, i as y, o as b, r as x, t as S } from "./decorate-DNmmPsJp.js";
+import { t as C } from "./webmapx-base-tool-idjVnrFA.js";
+import "./webmapx-plugin-tool-CGwliIUs.js";
+import { i as ee, o as te, r as ne, s as w, t as re } from "./chunk.AJ3ENQ5C-BhSO747I.js";
+import { a as ie, n as ae, t as oe } from "./chunk.NYIIDP5N-DoNij0Gf.js";
+import { t as se } from "./chunk.6CTB5ZDJ-DjZrBd6Y.js";
+import "./icon-DIjRqLFJ.js";
+import { t as ce } from "./chunk.36O46B5H-EYkf8iaY.js";
+import { t as le } from "./chunk.3RPBFEDE-DC091CnT.js";
+import "./button-B_8TR-jN.js";
+import { t as ue } from "./checkbox-DOopjfpt.js";
+import { n as T, r as de } from "./input-DUaeAHt8.js";
+import { t as fe } from "./chunk.SI4ACBFK-CdJVQctt.js";
+import { t as pe } from "./tooltip-C86FhPFx.js";
+import "./spinner-D_cltutw.js";
+import { n as me } from "./chunk.5JY5FUCG-BmZ-LXEt.js";
+import "./icon-button-C5K3NZWf.js";
+import { n as he, r as ge } from "./attribution-format-CZg2WjHO.js";
+import { a as _e, i as ve, t as ye } from "./zip.js-DVhmtjxZ.js";
+import { i as E } from "./geo-calculations-DbFJAUoI.js";
+import { t as be } from "./throttle-BeneRNYK.js";
+import "./webmapx-modal-tool-CftNio2w.js";
 //#region src/components/webmapx-layout.ts
-var ge = class extends S {
+var D = class extends g {
 	constructor(...e) {
 		super(...e), this.slotDirections = {
 			"top-left": "vertical",
@@ -44,7 +39,7 @@ var ge = class extends S {
 		};
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       position: absolute;
       inset: 0;
@@ -192,7 +187,7 @@ var ge = class extends S {
   `;
 	}
 	render() {
-		return w`
+		return m`
       <div class="overlay-surface">
         <!-- Edge zones first (lowest stacking order) -->
         <div class="slot-zone slot-zone--edge-bottom-right">
@@ -254,22 +249,22 @@ var ge = class extends S {
 		})?.getAttribute("direction") === "horizontal" ? "horizontal" : "vertical";
 	}
 };
-d([A()], ge.prototype, "slotDirections", void 0), ge = d([D("webmapx-layout")], ge);
+S([d()], D.prototype, "slotDirections", void 0), D = S([p("webmapx-layout")], D);
 //#endregion
 //#region src/components/internal/tool-selection-scope.ts
-function N(e, t) {
+function xe(e, t) {
 	return !!(t && e.includes(t));
 }
-function _e(e, t) {
+function O(e, t) {
 	return !!(e.sourceToolbar && t && e.sourceToolbar !== t);
 }
-function ve(e) {
+function Se(e) {
 	let { toolIds: t, currentActiveToolId: n, detail: r, ownToolbar: i } = e;
-	if (!_e(r, i)) return r.toolId ? N(t, r.toolId) ? r.toolId : void 0 : r.previousToolId ? N(t, r.previousToolId) ? null : void 0 : r.toolId === null ? null : void 0;
+	if (!O(r, i)) return r.toolId ? xe(t, r.toolId) ? r.toolId : void 0 : r.previousToolId ? xe(t, r.previousToolId) ? null : void 0 : r.toolId === null ? null : void 0;
 }
 //#endregion
 //#region src/components/webmapx-toolbar.ts
-var P = class extends S {
+var Ce = class extends g {
 	constructor(...e) {
 		super(...e), this.orientation = "vertical", this.toolManager = null, this.toolPanel = null, this.boundHandleToolActivated = (e) => this.handleToolActivated(e), this.boundHandleToolDeactivated = (e) => this.handleToolDeactivated(e), this.boundHandleToolSelect = (e) => this.handleToolSelect(e), this.boundHandlePanelClose = (e) => this.handlePanelClose(e), this.handleArrowKeys = (e) => {
 			let t = this.focusableButtons();
@@ -287,7 +282,7 @@ var P = class extends S {
 		}, this.boundHandleClick = (e) => this.handleButtonClick(e);
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: flex;
       flex-direction: column;
@@ -412,7 +407,7 @@ var P = class extends S {
 		this.hasButtonForTool(t) && this.clearActiveButtons();
 	}
 	handleToolSelect(e) {
-		let t = e.detail ?? {}, n = ve({
+		let t = e.detail ?? {}, n = Se({
 			toolIds: this.getToolIds(),
 			currentActiveToolId: this.getActiveButtonToolId(),
 			detail: t,
@@ -442,7 +437,7 @@ var P = class extends S {
 		}), this.applyRovingTabindex();
 	}
 	hasButtonForTool(e) {
-		return N(this.getToolIds(), e);
+		return xe(this.getToolIds(), e);
 	}
 	getToolIds() {
 		return this.buttons.map((e) => e.getAttribute("name") || e.getAttribute("data-tool")).filter((e) => !!e);
@@ -452,20 +447,20 @@ var P = class extends S {
 		return e?.getAttribute("name") || e?.getAttribute("data-tool") || null;
 	}
 	render() {
-		return w`
+		return m`
       <slot name="before"></slot>
       <slot @slotchange=${this.handleSlotChange}></slot>
       <slot name="after"></slot>
     `;
 	}
 };
-d([O({
+S([s({
 	type: String,
 	reflect: !0
-})], P.prototype, "orientation", void 0), d([fe()], P.prototype, "buttons", void 0), P = d([D("webmapx-toolbar")], P);
+})], Ce.prototype, "orientation", void 0), S([_()], Ce.prototype, "buttons", void 0), Ce = S([p("webmapx-toolbar")], Ce);
 //#endregion
 //#region src/components/webmapx-tool-panel.ts
-var ye = class extends S {
+var k = class extends g {
 	constructor(...e) {
 		super(...e), this.label = "Tools", this.active = !1, this.collapsed = !1, this.defaultLabel = "Tools", this.activeToolId = null, this.toolIndex = /* @__PURE__ */ new Map(), this.mapHost = null, this.boundHandleToolActivated = (e) => this.handleToolActivated(e), this.boundHandleToolDeactivated = (e) => this.handleToolDeactivated(e), this.boundHandleToolSelect = (e) => this.handleToolSelect(e), this.boundHandleKeydown = (e) => this.handleKeydown(e), this.triggerButton = null;
 	}
@@ -544,7 +539,7 @@ var ye = class extends S {
 	}
 	handleToolSelect(e) {
 		let t = e.detail ?? {};
-		if (_e(t, this.resolveToolbar())) return;
+		if (O(t, this.resolveToolbar())) return;
 		let n = t.toolId ?? null, r = t.previousToolId ?? null;
 		if (!(n && this.mapHost?.toolManager?.getTool(n))) {
 			if (!n) {
@@ -564,7 +559,7 @@ var ye = class extends S {
 		return this.mapHost?.querySelector("webmapx-toolbar") ?? null;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: none;
       box-sizing: border-box;
@@ -654,7 +649,7 @@ var ye = class extends S {
 		n && n.focus?.();
 	}
 	render() {
-		return w`
+		return m`
       <div class="panel-header">
         <slot name="header"><h3>${this.label}</h3></slot>
         <sl-button size="small" circle variant="text" @click=${this.toggleCollapsed}>
@@ -671,16 +666,16 @@ var ye = class extends S {
     `;
 	}
 };
-d([O({ type: String })], ye.prototype, "label", void 0), d([O({
+S([s({ type: String })], k.prototype, "label", void 0), S([s({
 	type: Boolean,
 	reflect: !0
-})], ye.prototype, "active", void 0), d([O({
+})], k.prototype, "active", void 0), S([s({
 	type: Boolean,
 	reflect: !0
-})], ye.prototype, "collapsed", void 0), ye = d([D("webmapx-tool-panel")], ye);
+})], k.prototype, "collapsed", void 0), k = S([p("webmapx-tool-panel")], k);
 //#endregion
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.BWVSW6TI.js
-var be = C`
+var we = u`
   :host {
     display: block;
     outline: 0;
@@ -832,9 +827,17 @@ var be = C`
       outline: dashed 1px SelectedItem;
     }
   }
-`, F = class e extends i {
+`;
+//#endregion
+//#region node_modules/lit-html/directives/when.js
+function Te(e, t, n) {
+	return e ? t(e) : n?.(e);
+}
+//#endregion
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.P4TU54CC.js
+var A = class e extends r {
 	constructor() {
-		super(...arguments), this.localize = new v(this), this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.expanded = !1, this.selected = !1, this.disabled = !1, this.lazy = !1;
+		super(...arguments), this.localize = new se(this), this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.expanded = !1, this.selected = !1, this.disabled = !1, this.lazy = !1;
 	}
 	static isTreeItem(e) {
 		return e instanceof Element && e.getAttribute("role") === "treeitem";
@@ -846,9 +849,9 @@ var be = C`
 		this.childrenContainer.hidden = !this.expanded, this.childrenContainer.style.height = this.expanded ? "auto" : "0", this.isLeaf = !this.lazy && this.getChildrenItems().length === 0, this.handleExpandedChange();
 	}
 	async animateCollapse() {
-		this.emit("sl-collapse"), await p(this.childrenContainer);
-		let { keyframes: e, options: t } = m(this, "tree-item.collapse", { dir: this.localize.dir() });
-		await _(this.childrenContainer, h(e, this.childrenContainer.scrollHeight), t), this.childrenContainer.hidden = !0, this.emit("sl-after-collapse");
+		this.emit("sl-collapse"), await ee(this.childrenContainer);
+		let { keyframes: e, options: t } = te(this, "tree-item.collapse", { dir: this.localize.dir() });
+		await re(this.childrenContainer, ne(e, this.childrenContainer.scrollHeight), t), this.childrenContainer.hidden = !0, this.emit("sl-after-collapse");
 	}
 	isNestedItem() {
 		let t = this.parentElement;
@@ -861,9 +864,9 @@ var be = C`
 		e.has("selected") && !e.has("indeterminate") && (this.indeterminate = !1);
 	}
 	async animateExpand() {
-		this.emit("sl-expand"), await p(this.childrenContainer), this.childrenContainer.hidden = !1;
-		let { keyframes: e, options: t } = m(this, "tree-item.expand", { dir: this.localize.dir() });
-		await _(this.childrenContainer, h(e, this.childrenContainer.scrollHeight), t), this.childrenContainer.style.height = "auto", this.emit("sl-after-expand");
+		this.emit("sl-expand"), await ee(this.childrenContainer), this.childrenContainer.hidden = !1;
+		let { keyframes: e, options: t } = te(this, "tree-item.expand", { dir: this.localize.dir() });
+		await re(this.childrenContainer, ne(e, this.childrenContainer.scrollHeight), t), this.childrenContainer.style.height = "auto", this.emit("sl-after-expand");
 	}
 	handleLoadingChange() {
 		this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.loading || this.animateExpand();
@@ -888,10 +891,10 @@ var be = C`
 	}
 	render() {
 		let e = this.localize.dir() === "rtl", t = !this.loading && (!this.isLeaf || this.lazy);
-		return w`
+		return m`
       <div
         part="base"
-        class="${pe({
+        class="${ie({
 			"tree-item": !0,
 			"tree-item--expanded": this.expanded,
 			"tree-item--selected": this.selected,
@@ -915,13 +918,13 @@ var be = C`
 
           <div
             part="expand-button"
-            class=${pe({
+            class=${ie({
 			"tree-item__expand-button": !0,
 			"tree-item__expand-button--visible": t
 		})}
             aria-hidden="true"
           >
-            ${he(this.loading, () => w` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `)}
+            ${Te(this.loading, () => m` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `)}
             <slot class="tree-item__expand-icon-slot" name="expand-icon">
               <sl-icon library="system" name=${e ? "chevron-left" : "chevron-right"}></sl-icon>
             </slot>
@@ -930,7 +933,7 @@ var be = C`
             </slot>
           </div>
 
-          ${he(this.selectable, () => w`
+          ${Te(this.selectable, () => m`
               <sl-checkbox
                 part="checkbox"
                 exportparts="
@@ -944,7 +947,7 @@ var be = C`
                   "
                 class="tree-item__checkbox"
                 ?disabled="${this.disabled}"
-                ?checked="${j(this.selected)}"
+                ?checked="${T(this.selected)}"
                 ?indeterminate="${this.indeterminate}"
                 tabindex="-1"
               ></sl-checkbox>
@@ -960,25 +963,25 @@ var be = C`
     `;
 	}
 };
-F.styles = [a, be], F.dependencies = {
-	"sl-checkbox": x,
+A.styles = [n, we], A.dependencies = {
+	"sl-checkbox": ue,
 	"sl-icon": o,
-	"sl-spinner": y
-}, n([A()], F.prototype, "indeterminate", 2), n([A()], F.prototype, "isLeaf", 2), n([A()], F.prototype, "loading", 2), n([A()], F.prototype, "selectable", 2), n([O({
+	"sl-spinner": ce
+}, a([d()], A.prototype, "indeterminate", 2), a([d()], A.prototype, "isLeaf", 2), a([d()], A.prototype, "loading", 2), a([d()], A.prototype, "selectable", 2), a([s({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "expanded", 2), n([O({
+})], A.prototype, "expanded", 2), a([s({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "selected", 2), n([O({
+})], A.prototype, "selected", 2), a([s({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "disabled", 2), n([O({
+})], A.prototype, "disabled", 2), a([s({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "lazy", 2), n([k("slot:not([name])")], F.prototype, "defaultSlot", 2), n([k("slot[name=children]")], F.prototype, "childrenSlot", 2), n([k(".tree-item__item")], F.prototype, "itemElement", 2), n([k(".tree-item__children")], F.prototype, "childrenContainer", 2), n([k(".tree-item__expand-button slot")], F.prototype, "expandButtonSlot", 2), n([r("loading", { waitUntilFirstUpdate: !0 })], F.prototype, "handleLoadingChange", 1), n([r("disabled")], F.prototype, "handleDisabledChange", 1), n([r("selected")], F.prototype, "handleSelectedChange", 1), n([r("expanded", { waitUntilFirstUpdate: !0 })], F.prototype, "handleExpandedChange", 1), n([r("expanded", { waitUntilFirstUpdate: !0 })], F.prototype, "handleExpandAnimation", 1), n([r("lazy", { waitUntilFirstUpdate: !0 })], F.prototype, "handleLazyChange", 1);
-var xe = F;
-g("tree-item.expand", {
+})], A.prototype, "lazy", 2), a([f("slot:not([name])")], A.prototype, "defaultSlot", 2), a([f("slot[name=children]")], A.prototype, "childrenSlot", 2), a([f(".tree-item__item")], A.prototype, "itemElement", 2), a([f(".tree-item__children")], A.prototype, "childrenContainer", 2), a([f(".tree-item__expand-button slot")], A.prototype, "expandButtonSlot", 2), a([i("loading", { waitUntilFirstUpdate: !0 })], A.prototype, "handleLoadingChange", 1), a([i("disabled")], A.prototype, "handleDisabledChange", 1), a([i("selected")], A.prototype, "handleSelectedChange", 1), a([i("expanded", { waitUntilFirstUpdate: !0 })], A.prototype, "handleExpandedChange", 1), a([i("expanded", { waitUntilFirstUpdate: !0 })], A.prototype, "handleExpandAnimation", 1), a([i("lazy", { waitUntilFirstUpdate: !0 })], A.prototype, "handleLazyChange", 1);
+var Ee = A;
+w("tree-item.expand", {
 	keyframes: [{
 		height: "0",
 		opacity: "0",
@@ -992,7 +995,7 @@ g("tree-item.expand", {
 		duration: 250,
 		easing: "cubic-bezier(0.4, 0.0, 0.2, 1)"
 	}
-}), g("tree-item.collapse", {
+}), w("tree-item.collapse", {
 	keyframes: [{
 		height: "auto",
 		opacity: "1",
@@ -1009,7 +1012,7 @@ g("tree-item.expand", {
 });
 //#endregion
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.G7B7WU5W.js
-var Se = C`
+var De = u`
   :host {
     /*
      * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
@@ -1032,7 +1035,7 @@ var Se = C`
 `;
 //#endregion
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MSDIZVRW.js
-function Ce(e, t = !1) {
+function Oe(e, t = !1) {
 	function n(e) {
 		let t = e.getChildrenItems({ includeDisabled: !1 });
 		if (t.length) {
@@ -1042,7 +1045,7 @@ function Ce(e, t = !1) {
 	}
 	function r(e) {
 		let t = e.parentElement;
-		xe.isTreeItem(t) && (n(t), r(t));
+		Ee.isTreeItem(t) && (n(t), r(t));
 	}
 	function i(e) {
 		for (let n of e.getChildrenItems()) n.selected = t ? e.selected || n.selected : !n.disabled && e.selected, i(n);
@@ -1050,16 +1053,16 @@ function Ce(e, t = !1) {
 	}
 	i(e), r(e);
 }
-var I = class extends i {
+var j = class extends r {
 	constructor() {
-		super(), this.selection = "single", this.clickTarget = null, this.localize = new v(this), this.initTreeItem = (e) => {
+		super(), this.selection = "single", this.clickTarget = null, this.localize = new se(this), this.initTreeItem = (e) => {
 			e.selectable = this.selection === "multiple", ["expand", "collapse"].filter((e) => !!this.querySelector(`[slot="${e}-icon"]`)).forEach((t) => {
 				let n = e.querySelector(`[slot="${t}-icon"]`), r = this.getExpandButtonIcon(t);
 				r && (n === null ? e.append(r) : n.hasAttribute("data-default") && n.replaceWith(r));
 			});
 		}, this.handleTreeChanged = (e) => {
 			for (let t of e) {
-				let e = [...t.addedNodes].filter(xe.isTreeItem), n = [...t.removedNodes].filter(xe.isTreeItem);
+				let e = [...t.addedNodes].filter(Ee.isTreeItem), n = [...t.removedNodes].filter(Ee.isTreeItem);
 				e.forEach(this.initTreeItem), this.lastFocusedItem && n.includes(this.lastFocusedItem) && (this.lastFocusedItem = null);
 			}
 		}, this.handleFocusOut = (e) => {
@@ -1067,7 +1070,7 @@ var I = class extends i {
 			(!t || !this.contains(t)) && (this.tabIndex = 0);
 		}, this.handleFocusIn = (e) => {
 			let t = e.target;
-			e.target === this && this.focusItem(this.lastFocusedItem || this.getAllTreeItems()[0]), xe.isTreeItem(t) && !t.disabled && (this.lastFocusedItem && (this.lastFocusedItem.tabIndex = -1), this.lastFocusedItem = t, this.tabIndex = -1, t.tabIndex = 0);
+			e.target === this && this.focusItem(this.lastFocusedItem || this.getAllTreeItems()[0]), Ee.isTreeItem(t) && !t.disabled && (this.lastFocusedItem && (this.lastFocusedItem.tabIndex = -1), this.lastFocusedItem = t, this.tabIndex = -1, t.tabIndex = 0);
 		}, this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("sl-lazy-change", this.handleSlotChange);
 	}
 	async connectedCallback() {
@@ -1090,7 +1093,7 @@ var I = class extends i {
 	}
 	selectItem(e) {
 		let t = [...this.selectedItems];
-		if (this.selection === "multiple") e.selected = !e.selected, e.lazy && (e.expanded = !0), Ce(e);
+		if (this.selection === "multiple") e.selected = !e.selected, e.lazy && (e.expanded = !0), Oe(e);
 		else if (this.selection === "single" || e.isLeaf) {
 			let t = this.getAllTreeItems();
 			for (let n of t) n.selected = n === e;
@@ -1121,7 +1124,7 @@ var I = class extends i {
 		if (t.length > 0) {
 			e.preventDefault();
 			let i = t.findIndex((e) => e.matches(":focus")), a = t[i], o = (e) => {
-				let n = t[re(e, 0, t.length - 1)];
+				let n = t[pe(e, 0, t.length - 1)];
 				this.focusItem(n);
 			}, s = (e) => {
 				a.expanded = e;
@@ -1143,7 +1146,7 @@ var I = class extends i {
 		let e = this.selection === "multiple", t = this.getAllTreeItems();
 		this.setAttribute("aria-multiselectable", e ? "true" : "false");
 		for (let n of t) n.selectable = e;
-		e && (await this.updateComplete, [...this.querySelectorAll(":scope > sl-tree-item")].forEach((e) => Ce(e, !0)));
+		e && (await this.updateComplete, [...this.querySelectorAll(":scope > sl-tree-item")].forEach((e) => Oe(e, !0)));
 	}
 	get selectedItems() {
 		return this.getAllTreeItems().filter((e) => e.selected);
@@ -1157,7 +1160,7 @@ var I = class extends i {
 		});
 	}
 	render() {
-		return w`
+		return m`
       <div
         part="base"
         class="tree"
@@ -1174,15 +1177,15 @@ var I = class extends i {
 };
 //#endregion
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GTHX4FOE.js
-I.styles = [a, Se], n([k("slot:not([name])")], I.prototype, "defaultSlot", 2), n([k("slot[name=expand-icon]")], I.prototype, "expandedIconSlot", 2), n([k("slot[name=collapse-icon]")], I.prototype, "collapsedIconSlot", 2), n([O()], I.prototype, "selection", 2), n([r("selection")], I.prototype, "handleSelectionChange", 1), I.define("sl-tree"), xe.define("sl-tree-item");
+j.styles = [n, De], a([f("slot:not([name])")], j.prototype, "defaultSlot", 2), a([f("slot[name=expand-icon]")], j.prototype, "expandedIconSlot", 2), a([f("slot[name=collapse-icon]")], j.prototype, "collapsedIconSlot", 2), a([s()], j.prototype, "selection", 2), a([i("selection")], j.prototype, "handleSelectionChange", 1), j.define("sl-tree"), Ee.define("sl-tree-item");
 //#endregion
 //#region src/components/webmapx-layer-tree.ts
-var we = class extends S {
+var M = class extends g {
 	constructor(...e) {
 		super(...e), this.tree = [], this.toolId = null, this.configTree = [], this.searchQuery = "", this.searchThreshold = 8, this.configHandler = null, this.addLayerFailedHandler = null, this.mapReadyHandler = null, this.adapter = null, this.unsubscribeLayerAdd = null, this.unsubscribeLayerRemove = null, this.nodeByKey = /* @__PURE__ */ new Map(), this.supportStatusByLayerId = /* @__PURE__ */ new Map(), this.capsCache = /* @__PURE__ */ new Map(), this.pendingSupportChecks = /* @__PURE__ */ new Set(), this.supportQueue = [], this.supportChecksInFlight = 0, this.maxConcurrentSupportChecks = 3, this.didQueueRootSupportChecks = !1;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host {
             display: block;
             height: auto; /* let parent control available height */
@@ -1644,7 +1647,7 @@ var we = class extends S {
 	renderNode(e, t, n = "0") {
 		if ((e.type === "getcapabilities" || e.type === "capabilities") && e.url) {
 			let r = this.capsKey(e), i = this.capsCache.get(r), a = this.getChildSelectionContext(e, t, n), o;
-			return o = !i || i.status === "loading" ? w`<sl-tree-item disabled><sl-spinner style="font-size:0.85rem"></sl-spinner> Loading…</sl-tree-item>` : i.status === "error" ? w`<sl-tree-item disabled style="color:var(--sl-color-danger-600)">⚠ ${i.error}</sl-tree-item>` : w`${i.children.map((e, t) => this.renderNode(e, a, `${n}.${t}`))}`, w`
+			return o = !i || i.status === "loading" ? m`<sl-tree-item disabled><sl-spinner style="font-size:0.85rem"></sl-spinner> Loading…</sl-tree-item>` : i.status === "error" ? m`<sl-tree-item disabled style="color:var(--sl-color-danger-600)">⚠ ${i.error}</sl-tree-item>` : m`${i.children.map((e, t) => this.renderNode(e, a, `${n}.${t}`))}`, m`
                 <sl-tree-item ?expanded=${e.expanded} data-node-key=${n}
                     @sl-expand=${() => {
 				this.fetchCapabilities(e);
@@ -1653,12 +1656,12 @@ var we = class extends S {
                     ${o}
                 </sl-tree-item>`;
 		}
-		if (e.separator) return w`
+		if (e.separator) return m`
                 <sl-tree-item class="separator-item" data-node-key=${n} tabindex="-1" aria-hidden="true">
                     <span class="tree-separator">${this.resolveNodeLabel(e)}</span>
                 </sl-tree-item>`;
 		let r = this.getChildSelectionContext(e, t, n);
-		if (this.nodeByKey.set(n, e), e.children && e.children.length > 0) return w`
+		if (this.nodeByKey.set(n, e), e.children && e.children.length > 0) return m`
                 <sl-tree-item ?expanded=${e.expanded} data-node-key=${n}>
                     <span @click=${(e) => {
 			let t = e.currentTarget.closest("sl-tree-item");
@@ -1669,11 +1672,11 @@ var we = class extends S {
             `;
 		{
 			let t = r.selectionMode === "single", i = this.getExclusiveGroupKey(e, r), a = this.getSupportStatus(e.layerId) === "unsupported", o = this.resolveNodeLabel(e), s = a ? `${o} (unsupported for current engine)` : o;
-			return w`
+			return m`
                 <sl-tree-item data-node-key=${n} @keydown=${(e) => {
 				(e.key === " " || e.key === "Enter") && (e.preventDefault(), e.currentTarget.querySelector("sl-checkbox, input[type=\"radio\"]")?.click()), (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight") && t && e.preventDefault();
 			}}>
-                    ${t ? w`
+                    ${t ? m`
                         <label class="layer-radio">
                             <input
                                 type="radio"
@@ -1689,7 +1692,7 @@ var we = class extends S {
                             />
                             <span>${s}</span>
                         </label>
-                    ` : w`
+                    ` : m`
                         <sl-checkbox
                             ?checked=${e.checked}
                             ?disabled=${a}
@@ -1748,8 +1751,8 @@ var we = class extends S {
 	render() {
 		this.nodeByKey.clear();
 		let e = this.searchQuery.trim().toLowerCase(), t = e ? this.filterTree(this.effectiveTree, e) : this.effectiveTree;
-		return w`
-            ${this.showSearch ? w`
+		return m`
+            ${this.showSearch ? m`
                 <div class="search">
                     <input
                         type="text"
@@ -1759,22 +1762,22 @@ var we = class extends S {
                         .value=${this.searchQuery}
                         @input=${this.handleSearchInput}
                     />
-                    ${this.searchQuery ? w`<button class="search-clear" @click=${this.handleSearchClear} aria-label="Clear search">&times;</button>` : w``}
+                    ${this.searchQuery ? m`<button class="search-clear" @click=${this.handleSearchClear} aria-label="Clear search">&times;</button>` : m``}
                 </div>
-            ` : w``}
+            ` : m``}
             <sl-tree @sl-expand=${this.handleTreeExpand}>
                 ${t.map((e, t) => this.renderNode(e, void 0, `${t}`))}
             </sl-tree>
         `;
 	}
 };
-d([O({ type: Array })], we.prototype, "tree", void 0), d([O({
+S([s({ type: Array })], M.prototype, "tree", void 0), S([s({
 	type: String,
 	attribute: "tool-id"
-})], we.prototype, "toolId", void 0), d([A()], we.prototype, "configTree", void 0), d([A()], we.prototype, "searchQuery", void 0), d([A()], we.prototype, "capsCache", void 0), we = d([D("webmapx-layer-tree")], we);
+})], M.prototype, "toolId", void 0), S([d()], M.prototype, "configTree", void 0), S([d()], M.prototype, "searchQuery", void 0), S([d()], M.prototype, "capsCache", void 0), M = S([p("webmapx-layer-tree")], M);
 //#endregion
 //#region node_modules/@simonwep/pickr/dist/themes/nano.min.css
-var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+var ke = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && typeof t == "object" ? t.exports = r() : typeof define == "function" && define.amd ? define([], r) : typeof e == "object" ? e.Pickr = r() : n.Pickr = r();
 	})(self, (() => (() => {
@@ -1790,7 +1793,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 });
 			}
 		}, t = {};
-		e.d(t, { default: () => oe });
+		e.d(t, { default: () => re });
 		var n = {};
 		function r(e, t, n, r, i = {}) {
 			t instanceof HTMLCollection || t instanceof NodeList ? t = Array.from(t) : Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
@@ -1903,10 +1906,10 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				100 * i
 			];
 		}
-		function ee(e, t, n, r) {
+		function v(e, t, n, r) {
 			return t /= 100, n /= 100, [..._(255 * (1 - d(1, (e /= 100) * (1 - (r /= 100)) + r)), 255 * (1 - d(1, t * (1 - r) + r)), 255 * (1 - d(1, n * (1 - r) + r)))];
 		}
-		function v(e, t, n) {
+		function y(e, t, n) {
 			t /= 100;
 			let r = 2 * (t *= (n /= 100) < .5 ? n : 1 - n) / (n + t) * 100, i = 100 * (n + t);
 			return [
@@ -1915,10 +1918,10 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				i
 			];
 		}
-		function y(e) {
+		function b(e) {
 			return _(...e.match(/.{2}/g).map(((e) => parseInt(e, 16))));
 		}
-		function b(e) {
+		function x(e) {
 			e = e.match(/^[a-zA-Z]+$/) ? function(e) {
 				if (e.toLowerCase() === "black") return "#000";
 				let t = document.createElement("canvas").getContext("2d");
@@ -1936,7 +1939,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					let [, e, t, a, o] = n(r);
 					if (e > 100 || t > 100 || a > 100 || o > 100) break t;
 					return {
-						values: ee(e, t, a, o),
+						values: v(e, t, a, o),
 						type: i
 					};
 				}
@@ -1954,7 +1957,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					e.length !== 4 && e.length !== 3 || (e = e.split("").map(((e) => e + e)).join(""));
 					let t = e.substring(0, 6), n = e.substring(6);
 					return n = n ? parseInt(n, 16) / 255 : void 0, {
-						values: [...y(t), n],
+						values: [...b(t), n],
 						a: n,
 						type: i
 					};
@@ -1963,7 +1966,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					let [, e, t, a, , o] = n(r);
 					if (o = r[6] === "%" ? o / 100 : o, e > 360 || t > 100 || a > 100 || o < 0 || o > 1) break t;
 					return {
-						values: [...v(e, t, a), o],
+						values: [...y(e, t, a), o],
 						a: o,
 						type: i
 					};
@@ -1988,7 +1991,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				type: null
 			};
 		}
-		function x(e = 0, t = 0, n = 0, r = 1) {
+		function S(e = 0, t = 0, n = 0, r = 1) {
 			let i = (e, t) => (n = -1) => t(~n ? e.map(((e) => Number(e.toFixed(n)))) : e), a = {
 				h: e,
 				s: t,
@@ -2029,12 +2032,12 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					}(a.h, a.s, a.v), t = a.a >= 1 ? "" : Number((255 * a.a).toFixed(0)).toString(16).toUpperCase().padStart(2, "0");
 					return t && e.push(t), e.toString = () => `#${e.join("").toUpperCase()}`, e;
 				},
-				clone: () => x(a.h, a.s, a.v, a.a)
+				clone: () => S(a.h, a.s, a.v, a.a)
 			};
 			return a;
 		}
-		let te = (e) => Math.max(Math.min(e, 1), 0);
-		function ne(e) {
+		let C = (e) => Math.max(Math.min(e, 1), 0);
+		function ee(e) {
 			let t = {
 				options: Object.assign({
 					lock: null,
@@ -2047,7 +2050,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 						let { lock: n } = t.options, a = i === "ArrowUp", o = i === "ArrowRight", s = i === "ArrowDown", c = i === "ArrowLeft";
 						if (r === "keydown" && (a || o || s || c)) {
 							let r = 0, i = 0;
-							n === "v" ? r = a || o ? 1 : -1 : n === "h" ? r = a || o ? -1 : 1 : (i = a ? -1 : +!!s, r = c ? -1 : +!!o), t.update(te(t.cache.x + .01 * r), te(t.cache.y + .01 * i)), e.preventDefault();
+							n === "v" ? r = a || o ? 1 : -1 : n === "h" ? r = a || o ? -1 : 1 : (i = a ? -1 : +!!s, r = c ? -1 : +!!o), t.update(C(t.cache.x + .01 * r), C(t.cache.y + .01 * i)), e.preventDefault();
 						} else i.startsWith("Arrow") && (t.options.onstop(), e.preventDefault());
 					}
 				},
@@ -2068,7 +2071,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 						x: c / s.width,
 						y: l / s.height
 					};
-					let u = te(c / s.width), d = te(l / s.height);
+					let u = C(c / s.width), d = C(l / s.height);
 					switch (i) {
 						case "v": return n.onchange(u);
 						case "h": return n.onchange(d);
@@ -2099,7 +2102,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			}, { options: n, _tapstart: r, _keyboard: o } = t;
 			return i([n.wrapper, n.element], "mousedown", r), i([n.wrapper, n.element], "touchstart", r, { passive: !1 }), i(document, ["keydown", "keyup"], o), t;
 		}
-		function re(e = {}) {
+		function te(e = {}) {
 			e = Object.assign({
 				onchange: () => 0,
 				className: "",
@@ -2110,7 +2113,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			}));
 			return { destroy: () => a(...t) };
 		}
-		let ie = {
+		let ne = {
 			variantFlipOrder: {
 				start: "sme",
 				middle: "mse",
@@ -2125,7 +2128,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			position: "bottom",
 			margin: 8,
 			padding: 0
-		}, ae = (e, t, n) => {
+		}, w = (e, t, n) => {
 			let r = typeof e != "object" || e instanceof HTMLElement ? {
 				reference: e,
 				popper: t,
@@ -2137,7 +2140,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				return ((e, t, n) => {
 					let { container: r, arrow: i, margin: a, padding: o, position: s, variantFlipOrder: c, positionFlipOrder: l } = {
 						container: document.documentElement.getBoundingClientRect(),
-						...ie,
+						...ne,
 						...n
 					}, { left: u, top: d } = t.style;
 					t.style.left = "0", t.style.top = "0";
@@ -2153,10 +2156,10 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 						hs: f.top,
 						hm: f.bottom - f.height / 2 - p.height / 2,
 						he: f.bottom - p.height
-					}, [g, _ = "middle"] = s.split("-"), ee = l[g], v = c[_], { top: y, left: b, bottom: x, right: te } = r;
-					for (let e of ee) {
-						let n = e === "t" || e === "b", r = m[e], [a, s] = n ? ["top", "left"] : ["left", "top"], [c, l] = n ? [p.height, p.width] : [p.width, p.height], [u, d] = n ? [x, te] : [te, x], [g, _] = n ? [y, b] : [b, y];
-						if (!(r < g || r + c + o > u)) for (let u of v) {
+					}, [g, _ = "middle"] = s.split("-"), v = l[g], y = c[_], { top: b, left: x, bottom: S, right: C } = r;
+					for (let e of v) {
+						let n = e === "t" || e === "b", r = m[e], [a, s] = n ? ["top", "left"] : ["left", "top"], [c, l] = n ? [p.height, p.width] : [p.width, p.height], [u, d] = n ? [S, C] : [C, S], [g, _] = n ? [b, x] : [x, b];
+						if (!(r < g || r + c + o > u)) for (let u of y) {
 							let m = h[(n ? "v" : "h") + u];
 							if (!(m < _ || m + l + o > d)) {
 								if (m -= p[s], r -= p[a], t.style[s] = `${m}px`, t.style[a] = `${r}px`, i) {
@@ -2180,7 +2183,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				})(t, n, r);
 			} };
 		};
-		class oe {
+		class re {
 			static utils = n;
 			static version = "1.9.1";
 			static I18N_DEFAULTS = {
@@ -2227,8 +2230,8 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			_recalc = !0;
 			_nanopop = null;
 			_root = null;
-			_color = x();
-			_lastColor = x();
+			_color = S();
+			_lastColor = S();
 			_swatchColors = [];
 			_setupAnimationFrame = null;
 			_eventListener = {
@@ -2243,20 +2246,20 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				swatchselect: []
 			};
 			constructor(e) {
-				this.options = e = Object.assign({ ...oe.DEFAULT_OPTIONS }, e);
+				this.options = e = Object.assign({ ...re.DEFAULT_OPTIONS }, e);
 				let { swatches: t, components: n, theme: r, sliders: i, lockOpacity: a, padding: o } = e;
 				["nano", "monolith"].includes(r) && !i && (e.sliders = "h"), n.interaction ||= {};
 				let { preview: s, opacity: c, hue: l, palette: u } = n;
 				n.opacity = !a && c, n.palette = u || s || c || l, this._preBuild(), this._buildComponents(), this._bindEvents(), this._finalBuild(), t && t.length && t.forEach(((e) => this.addSwatch(e)));
 				let { button: d, app: f } = this._root;
-				this._nanopop = ae(d, f, { margin: o }), d.setAttribute("role", "button"), d.setAttribute("aria-label", this._t("btn:toggle"));
+				this._nanopop = w(d, f, { margin: o }), d.setAttribute("role", "button"), d.setAttribute("aria-label", this._t("btn:toggle"));
 				let p = this;
 				this._setupAnimationFrame = requestAnimationFrame((function t() {
 					if (!f.offsetWidth) return requestAnimationFrame(t);
 					p.setColor(e.default), p._rePositioningPicker(), e.defaultRepresentation && (p._representation = e.defaultRepresentation, p.setColorRepresentation(p._representation)), e.showAlways && p.show(), p._initializingActive = !1, p._emit("init");
 				}));
 			}
-			static create = (e) => new oe(e);
+			static create = (e) => new re(e);
 			_preBuild() {
 				let { options: e } = this;
 				for (let t of ["el", "container"]) e[t] = l(e[t]);
@@ -2275,7 +2278,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			}
 			_buildComponents() {
 				let e = this, t = this.options.components, n = (e.options.sliders || "v").repeat(2), [r, i] = n.match(/^[vh]+$/g) ? n : [], a = () => this._color ||= this._lastColor.clone(), o = {
-					palette: ne({
+					palette: ee({
 						element: e._root.palette.picker,
 						wrapper: e._root.palette.palette,
 						onstop: () => e._emit("changestop", "slider", e),
@@ -2290,7 +2293,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 							l.style.setProperty("--pcr-color", u);
 						}
 					}),
-					hue: ne({
+					hue: ee({
 						lock: i === "v" ? "h" : "v",
 						element: e._root.hue.picker,
 						wrapper: e._root.hue.slider,
@@ -2301,7 +2304,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 							e._recalc && (r.h = 360 * n), this.element.style.backgroundColor = `hsl(${r.h}, 100%, 50%)`, o.palette.trigger();
 						}
 					}),
-					opacity: ne({
+					opacity: ee({
 						lock: r === "v" ? "h" : "v",
 						element: e._root.opacity.picker,
 						wrapper: e._root.opacity.slider,
@@ -2312,7 +2315,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 							e._recalc && (r.a = Math.round(100 * n) / 100), this.element.style.background = `rgba(0, 0, 0, ${r.a})`, o.palette.trigger();
 						}
 					}),
-					selectable: re({
+					selectable: te({
 						elements: e._root.interaction.options,
 						className: "active",
 						onchange(t) {
@@ -2421,14 +2424,14 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				n.useAsButton || t.button.style.setProperty("--pcr-color", "rgba(0, 0, 0, 0.15)"), t.button.classList.add("clear"), n.showAlways || this.hide(), this._lastColor = null, this._initializingActive || e || (this._emit("save", null), this._emit("clear"));
 			}
 			_parseLocalColor(e) {
-				let { values: t, type: n, a: r } = b(e), { lockOpacity: i } = this.options, a = r !== void 0 && r !== 1;
+				let { values: t, type: n, a: r } = x(e), { lockOpacity: i } = this.options, a = r !== void 0 && r !== 1;
 				return t && t.length === 3 && (t[3] = void 0), {
 					values: !t || i && a ? null : t,
 					type: n
 				};
 			}
 			_t(e) {
-				return this.options.i18n[e] || oe.I18N_DEFAULTS[e];
+				return this.options.i18n[e] || re.I18N_DEFAULTS[e];
 			}
 			_emit(e, ...t) {
 				this._eventListener[e].forEach(((e) => e(...t, this)));
@@ -2443,7 +2446,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			addSwatch(e) {
 				let { values: t } = this._parseLocalColor(e);
 				if (t) {
-					let { _swatchColors: e, _root: n } = this, r = x(...t), a = o(`<button type="button" style="--pcr-color: ${r.toRGBA().toString(0)}" aria-label="${this._t("btn:swatch")}"/>`);
+					let { _swatchColors: e, _root: n } = this, r = S(...t), a = o(`<button type="button" style="--pcr-color: ${r.toRGBA().toString(0)}" aria-label="${this._t("btn:swatch")}"/>`);
 					return n.swatches.appendChild(a), e.push({
 						el: a,
 						color: r
@@ -2485,7 +2488,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			setHSVA(e = 360, t = 0, n = 0, r = 1, i = !1) {
 				let a = this._recalc;
 				if (this._recalc = !1, e < 0 || e > 360 || t < 0 || t > 100 || n < 0 || n > 100 || r < 0 || r > 1) return !1;
-				this._color = x(e, t, n, r);
+				this._color = S(e, t, n, r);
 				let { hue: o, opacity: s, palette: c } = this._components;
 				return o.update(e / 360), s.update(r), c.update(t / 100, 1 - n / 100), i || this.applyColor(), a && this._updateOutput(), this._recalc = a, !0;
 			}
@@ -2523,9 +2526,9 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}
 		return t = t.default;
 	})()));
-})))(), 1), Ee, L = class extends f {
+})))(), 1), Ae, N = class extends C {
 	static {
-		Ee = this;
+		Ae = this;
 	}
 	constructor(...e) {
 		super(...e), this.layerId = "", this.collapsible = !0, this.meta = null, this.zoom = 2, this.legendCollapsed = !0, this.legendOverflowing = !1, this.editOverrides = {}, this.editorOpenKey = null, this.terrainEnabled = !1, this.legendResizeObserver = null, this.measureLegendQueued = !1, this.pickrInstances = /* @__PURE__ */ new Map(), this.pickrOriginal = /* @__PURE__ */ new Map(), this.pendingPaintUpdates = /* @__PURE__ */ new Map(), this.pendingPaintRaf = null;
@@ -2534,7 +2537,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		this.collapsedLegendHeight = 180;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host { display: block; }
         .legend-wrap { display: flex; flex-direction: column; gap: 2px; }
         .legend-collapse {
@@ -2544,7 +2547,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
             overflow: visible;
         }
         .legend-collapse.collapsed .legend-collapse-content {
-            max-height: ${Ee.collapsedLegendHeight}px;
+            max-height: ${Ae.collapsedLegendHeight}px;
             overflow: hidden;
         }
         .legend-collapse.collapsed::after {
@@ -2639,17 +2642,17 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			this.legendOverflowing &&= !1;
 			return;
 		}
-		let e = this.renderRoot?.querySelector(".legend-collapse-content"), t = !!(e && e.scrollHeight > Ee.collapsedLegendHeight + 1);
+		let e = this.renderRoot?.querySelector(".legend-collapse-content"), t = !!(e && e.scrollHeight > Ae.collapsedLegendHeight + 1);
 		this.legendOverflowing !== t && (this.legendOverflowing = t);
 	}
 	renderCollapsibleLegend(e) {
 		let t = this.collapsible && this.legendOverflowing && this.legendCollapsed, n = this.collapsible && this.legendOverflowing;
-		return w`
+		return m`
             <div class="legend-collapse ${t ? "collapsed" : ""}">
                 <div class="legend-collapse-content">
                     ${e}
                 </div>
-                ${n ? w`
+                ${n ? m`
                     <button
                         type="button"
                         class="legend-toggle"
@@ -2760,7 +2763,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	}
 	renderZoomHint(e, t, n) {
 		let r = n > t;
-		return w`<div class="legend-row"><span class="legend-label">${r ? "zoom out" : "zoom in"} to level ${r ? t : e} for display</span></div>`;
+		return m`<div class="legend-row"><span class="legend-label">${r ? "zoom out" : "zoom in"} to level ${r ? t : e} for display</span></div>`;
 	}
 	renderCompositeLegend(e, t) {
 		let n = [], r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), a = e.length === 1, o = Infinity, s = -Infinity;
@@ -2776,69 +2779,69 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			if (!e || typeof e.type != "string" || e.hideFromLegend === !0) continue;
 			let s = typeof e.minzoom == "number" ? e.minzoom : 0, c = typeof e.maxzoom == "number" ? e.maxzoom : 24;
 			if (t < s || t >= c + 1 || e.filter && !this.evalFilter(e.filter, t) || e.layout?.visibility === "none") continue;
-			let l = e.type, u = e.paint && typeof e.paint == "object" ? e.paint : {}, d = e.layout && typeof e.layout == "object" ? e.layout : {}, f = String(e.id ?? ""), p = e.metadata && typeof e.metadata == "object" ? e.metadata : void 0, m = a ? typeof this.meta?.label == "string" ? this.meta.label : "" : typeof p?.label == "string" && p.label.length > 0 ? p.label : f.replace(/^style:/, "").replace(/-/g, " "), h = {};
-			for (let [e, n] of Object.entries(u)) h[e] = this.isDataDriven(n) ? n : this.evalAtZoom(n, t);
-			let g = {};
-			for (let [e, n] of Object.entries(d)) g[e] = this.evalAtZoom(n, t);
-			let _ = { ...h }, ee = { ...g }, v = this.editOverrides[f];
-			v && (Object.assign(h, v), "text-size" in v && (g["text-size"] = v["text-size"]));
-			let y = l === "fill" ? "fill-color" : l === "fill-extrusion" ? "fill-extrusion-color" : l === "line" ? "line-color" : l === "circle" ? "circle-color" : l === "symbol" ? "text-color" : null, b = y ? u[y] : null, x = b ? this.extractDataCases(b) : null;
-			if (x && x.length > 1) {
+			let l = e.type, u = e.paint && typeof e.paint == "object" ? e.paint : {}, d = e.layout && typeof e.layout == "object" ? e.layout : {}, f = String(e.id ?? ""), p = e.metadata && typeof e.metadata == "object" ? e.metadata : void 0, h = a ? typeof this.meta?.label == "string" ? this.meta.label : "" : typeof p?.label == "string" && p.label.length > 0 ? p.label : f.replace(/^style:/, "").replace(/-/g, " "), g = {};
+			for (let [e, n] of Object.entries(u)) g[e] = this.isDataDriven(n) ? n : this.evalAtZoom(n, t);
+			let _ = {};
+			for (let [e, n] of Object.entries(d)) _[e] = this.evalAtZoom(n, t);
+			let v = { ...g }, y = { ..._ }, b = this.editOverrides[f];
+			b && (Object.assign(g, b), "text-size" in b && (_["text-size"] = b["text-size"]));
+			let x = l === "fill" ? "fill-color" : l === "fill-extrusion" ? "fill-extrusion-color" : l === "line" ? "line-color" : l === "circle" ? "circle-color" : l === "symbol" ? "text-color" : null, S = x ? u[x] : null, C = S ? this.extractDataCases(S) : null;
+			if (C && C.length > 1) {
 				let e = `${l}|${f}`;
 				if (r.has(e)) continue;
-				r.add(e), i.has(e) || i.set(e, [f]), a || n.push(w`<div class="sub-group-title">${m}</div>`);
-				let o = Array.isArray(b) ? b : null, s = o ? this.colorExprStopIndices(o) : null;
-				for (let e = 0; e < x.length; e++) {
-					let { label: i, paint: a } = x[e], c = {
-						...h,
-						[y]: a
-					}, u = this.renderSwatch(l, c, t, g);
+				r.add(e), i.has(e) || i.set(e, [f]), a || n.push(m`<div class="sub-group-title">${h}</div>`);
+				let o = Array.isArray(S) ? S : null, s = o ? this.colorExprStopIndices(o) : null;
+				for (let e = 0; e < C.length; e++) {
+					let { label: i, paint: a } = C[e], c = {
+						...g,
+						[x]: a
+					}, u = this.renderSwatch(l, c, t, _);
 					if (!u) continue;
 					let d = `${l}|${String(a)}`;
 					if (r.has(d)) continue;
 					r.add(d);
-					let p = s?.[e] ?? null, m = typeof a == "string" ? a : "#000", _ = p !== null && o ? w`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center"
+					let p = s?.[e] ?? null, h = typeof a == "string" ? a : "#000", v = p !== null && o ? m`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center"
                             @click=${(e) => {
-						e.stopPropagation(), this.openStopColorPicker(e.currentTarget, [f], y, o, p, m);
+						e.stopPropagation(), this.openStopColorPicker(e.currentTarget, [f], x, o, p, h);
 					}}>
                             ${u}</button>` : u;
-					n.push(w`
+					n.push(m`
                         <div class="legend-row sub-row">
-                            ${_}
+                            ${v}
                             <span class="legend-label">${i}</span>
                         </div>`);
 				}
 			} else {
-				let e = y ? String(_[y] ?? "#aaa") : "#aaa", a = `${l}|${e}`;
+				let e = x ? String(v[x] ?? "#aaa") : "#aaa", a = `${l}|${e}`;
 				if (l === "line") {
-					let t = _["line-dasharray"];
+					let t = v["line-dasharray"];
 					a = `line|${e}|${Array.isArray(t) ? t.join(",") : String(t ?? "")}`;
 				} else if (l === "symbol") {
-					let t = ee["text-size"] ?? _["text-size"], n = Math.round(Number(typeof t == "number" ? t : 12)), r = (Array.isArray(ee["text-font"]) ? ee["text-font"] : []).join(" ").toLowerCase(), i = r.includes("bold") || r.includes("black") ? "700" : r.includes("semibold") || r.includes("demibold") || r.includes("medium") ? "600" : "400", o = Math.round(Number(_["text-halo-width"] ?? 0) * 2) / 2;
-					a = `symbol|${e}|${n}|${i}|${o}|${o > 0 ? String(_["text-halo-color"] ?? "") : ""}`;
+					let t = y["text-size"] ?? v["text-size"], n = Math.round(Number(typeof t == "number" ? t : 12)), r = (Array.isArray(y["text-font"]) ? y["text-font"] : []).join(" ").toLowerCase(), i = r.includes("bold") || r.includes("black") ? "700" : r.includes("semibold") || r.includes("demibold") || r.includes("medium") ? "600" : "400", o = Math.round(Number(v["text-halo-width"] ?? 0) * 2) / 2;
+					a = `symbol|${e}|${n}|${i}|${o}|${o > 0 ? String(v["text-halo-color"] ?? "") : ""}`;
 				}
 				if (i.has(a) || i.set(a, []), i.get(a).push(f), r.has(a)) continue;
 				r.add(a);
-				let o = this.renderSwatch(l, h, t, g);
+				let o = this.renderSwatch(l, g, t, _);
 				if (!o) continue;
-				let s = this.isEditableType(l, h), c = this.editorOpenKey === a;
-				if (n.push(w`
+				let s = this.isEditableType(l, g), c = this.editorOpenKey === a;
+				if (n.push(m`
                     <div class="legend-row ${s ? "editable" : ""}"
                         @click=${s ? () => {
 					this.editorOpenKey = c ? null : a;
 				} : null}>
                         ${o}
-                        <span class="legend-label">${m}</span>
+                        <span class="legend-label">${h}</span>
                     </div>`), s && c) {
 					let e = l === "symbol" ? {
-						...h,
-						"text-size": g["text-size"] ?? h["text-size"]
-					} : h;
+						...g,
+						"text-size": _["text-size"] ?? g["text-size"]
+					} : g;
 					n.push(this.renderStyleEditor(i.get(a), l, e));
 				}
 			}
 		}
-		return w`<div class="legend-wrap">${n}</div>`;
+		return m`<div class="legend-wrap">${n}</div>`;
 	}
 	resolveSwatchColor(e, t) {
 		return typeof e == "string" ? e : t;
@@ -2846,41 +2849,41 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	renderSwatch(e, t, n, r) {
 		if (e === "fill") {
 			let e = this.resolveSwatchColor(t["fill-color"], "#000000");
-			return E`<svg width="20" height="12" style="flex-shrink:0">
+			return l`<svg width="20" height="12" style="flex-shrink:0">
                 <rect x="1" y="1" width="18" height="10" fill="${e}" fill-opacity="${Number(t["fill-opacity"] ?? .7)}"
                     stroke="${String(t["fill-outline-color"] ?? e)}" stroke-width="1" rx="1"/>
             </svg>`;
 		}
-		if (e === "fill-extrusion") return E`<svg width="20" height="12" style="flex-shrink:0">
+		if (e === "fill-extrusion") return l`<svg width="20" height="12" style="flex-shrink:0">
                 <rect x="1" y="1" width="18" height="10" fill="${String(t["fill-extrusion-color"] ?? "#aaa")}" fill-opacity="${Number(t["fill-extrusion-opacity"] ?? .8)}" stroke="none"/>
                 <line x1="19" y1="1" x2="19" y2="11" stroke="rgba(0,0,0,0.3)" stroke-width="2"/>
                 <line x1="1" y1="11" x2="19" y2="11" stroke="rgba(0,0,0,0.3)" stroke-width="2"/>
             </svg>`;
-		if (e === "line") return E`<svg width="20" height="12" style="flex-shrink:0">
+		if (e === "line") return l`<svg width="20" height="12" style="flex-shrink:0">
                 <line x1="1" y1="6" x2="19" y2="6" stroke="${this.resolveSwatchColor(t["line-color"], "#616161")}" stroke-width="${Math.min(Number(t["line-width"] ?? 2), 4)}"
                     stroke-dasharray="${Array.isArray(t["line-dasharray"]) ? t["line-dasharray"].join(" ") : ""}" stroke-linecap="round"/>
             </svg>`;
 		if (e === "circle") {
 			let e = String(t["circle-color"] ?? "#aaa");
-			return E`<svg width="20" height="12" style="flex-shrink:0">
+			return l`<svg width="20" height="12" style="flex-shrink:0">
                 <circle cx="10" cy="6" r="${Math.min(Number(t["circle-radius"] ?? 4), 5)}" fill="${e}" stroke="${String(t["circle-stroke-color"] ?? e)}" stroke-width="${Number(t["circle-stroke-width"] ?? 0)}"/>
             </svg>`;
 		}
 		if (e === "symbol") {
-			let e = String(t["text-color"] ?? "#555"), n = t["text-halo-width"] && Number(t["text-halo-width"]) > 0 ? String(t["text-halo-color"] ?? "rgba(255,255,255,0.8)") : null, i = r?.["text-size"] ?? t["text-size"], a = Math.min(Math.max(Math.round((typeof i == "number" ? i : 12) * .9), 7), 24), o = (Array.isArray(r?.["text-font"]) ? r["text-font"] : []).join(" ").toLowerCase(), s = o.includes("bold") || o.includes("black") ? "700" : o.includes("semibold") || o.includes("demibold") || o.includes("medium") ? "600" : "400", c = o.includes("italic") || o.includes("oblique") ? "italic" : "normal", l = Math.max(20, a + 4);
-			return E`<svg width="${l}" height="${a + 4}" style="flex-shrink:0">
-                ${n ? E`<text x="${l / 2}" y="${a}" text-anchor="middle"
+			let e = String(t["text-color"] ?? "#555"), n = t["text-halo-width"] && Number(t["text-halo-width"]) > 0 ? String(t["text-halo-color"] ?? "rgba(255,255,255,0.8)") : null, i = r?.["text-size"] ?? t["text-size"], a = Math.min(Math.max(Math.round((typeof i == "number" ? i : 12) * .9), 7), 24), o = (Array.isArray(r?.["text-font"]) ? r["text-font"] : []).join(" ").toLowerCase(), s = o.includes("bold") || o.includes("black") ? "700" : o.includes("semibold") || o.includes("demibold") || o.includes("medium") ? "600" : "400", c = o.includes("italic") || o.includes("oblique") ? "italic" : "normal", u = Math.max(20, a + 4);
+			return l`<svg width="${u}" height="${a + 4}" style="flex-shrink:0">
+                ${n ? l`<text x="${u / 2}" y="${a}" text-anchor="middle"
                     font-size="${a}" font-weight="${s}" font-style="${c}"
                     stroke="${n}" stroke-width="3" stroke-linejoin="round"
                     fill="none" font-family="sans-serif">A</text>` : ""}
-                <text x="${l / 2}" y="${a}" text-anchor="middle"
+                <text x="${u / 2}" y="${a}" text-anchor="middle"
                     font-size="${a}" font-weight="${s}" font-style="${c}"
                     fill="${e}" font-family="sans-serif">A</text>
             </svg>`;
 		}
-		return e === "background" ? E`<svg width="20" height="12" style="flex-shrink:0">
+		return e === "background" ? l`<svg width="20" height="12" style="flex-shrink:0">
                 <rect x="1" y="1" width="18" height="10" fill="${String(t["background-color"] ?? "#eee")}" rx="1"/>
-            </svg>` : e === "raster" || e === "hillshade" ? E`<svg width="20" height="12" style="flex-shrink:0">
+            </svg>` : e === "raster" || e === "hillshade" ? l`<svg width="20" height="12" style="flex-shrink:0">
                 <defs><pattern id="rp" width="4" height="4" patternUnits="userSpaceOnUse">
                     <rect width="2" height="2" fill="#ccc"/>
                     <rect x="2" y="2" width="2" height="2" fill="#eee"/>
@@ -2937,51 +2940,51 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}];
 	}
 	renderBubbleLegend(e, t, n) {
-		let r = Math.min(n, 1.5), i = Math.max(...e.map((e) => e.radius)), a = i + r + 2, o = a * 2, s = i * 2 + r * 2 + 4, c = s - 2, l = o + 8, u = o + 60, d = [...e].sort((e, t) => t.radius - e.radius).map((e) => {
+		let r = Math.min(n, 1.5), i = Math.max(...e.map((e) => e.radius)), a = i + r + 2, o = a * 2, s = i * 2 + r * 2 + 4, c = s - 2, u = o + 8, d = o + 60, f = [...e].sort((e, t) => t.radius - e.radius).map((e) => {
 			let n = Math.max(1, e.radius * 1), i = c - n - r, o = i - n;
-			return E`
+			return l`
                 <circle cx="${a}" cy="${i}" r="${n}"
                     fill="${e.color}" fill-opacity="0.75"
                     stroke="${t}" stroke-width="${r}"/>
-                <line x1="${a + n + r}" y1="${o}" x2="${l - 2}" y2="${o}"
+                <line x1="${a + n + r}" y1="${o}" x2="${u - 2}" y2="${o}"
                     stroke="#999" stroke-width="0.5" stroke-dasharray="2 2"/>
-                <text x="${l}" y="${o + 4}" font-size="9" fill="#555">${e.value}</text>
+                <text x="${u}" y="${o + 4}" font-size="9" fill="#555">${e.value}</text>
             `;
-		}), f = Math.max(14, Math.floor((o + 60) / e.length)), p = e.length * f, m = e.map((e, t) => E`<rect x="${t * f}" y="0" width="${f}" height="${8}" fill="${e.color}"/>
-                <text x="${t * f + f / 2}" y="${17}" font-size="8"
-                    text-anchor="middle" fill="#555">${e.value}</text>`), h = e.every((t) => t.color === e[0].color);
-		return w`
+		}), p = Math.max(14, Math.floor((o + 60) / e.length)), h = e.length * p, g = e.map((e, t) => l`<rect x="${t * p}" y="0" width="${p}" height="${8}" fill="${e.color}"/>
+                <text x="${t * p + p / 2}" y="${17}" font-size="8"
+                    text-anchor="middle" fill="#555">${e.value}</text>`), _ = e.every((t) => t.color === e[0].color);
+		return m`
             <div class="legend-row" style="flex-direction:column;align-items:flex-start;gap:6px">
-                ${E`<svg width="${u}" height="${s}" style="overflow:visible">
+                ${l`<svg width="${d}" height="${s}" style="overflow:visible">
                     <line x1="${a}" y1="${c}" x2="${a}" y2="2" stroke="#bbb" stroke-width="1"/>
-                    ${d}
+                    ${f}
                 </svg>`}
-                ${h ? "" : E`<svg width="${p}" height="${20}" style="overflow:visible">
-                    ${m}
+                ${_ ? "" : l`<svg width="${h}" height="${20}" style="overflow:visible">
+                    ${g}
                 </svg>`}
             </div>`;
 	}
 	renderCircleRow(e, t, n, r, i) {
 		let a = Math.min(Math.max(r, 2), 12), o = Math.min(n, 2), s = (a + o) * 2 + 2;
-		return w`
+		return m`
             <div class="legend-row">
-                ${E`<svg width="${s}" height="${s}" style="flex-shrink:0">
+                ${l`<svg width="${s}" height="${s}" style="flex-shrink:0">
                     <circle cx="${s / 2}" cy="${s / 2}" r="${a}"
                         fill="${e}" stroke="${t}" stroke-width="${o}"/>
                 </svg>`}
-                ${i === null ? "" : w`<span class="legend-label">${i}</span>`}
+                ${i === null ? "" : m`<span class="legend-label">${i}</span>`}
             </div>`;
 	}
 	renderFillRow(e, t, n, r, i) {
-		let a = E`<svg width="24" height="14" style="flex-shrink:0">
+		let a = l`<svg width="24" height="14" style="flex-shrink:0">
             <rect x="1" y="1" width="22" height="12"
                 fill="${e}" fill-opacity="${n}"
                 stroke="${t}" stroke-width="1.5" rx="2"/>
         </svg>`;
-		return w`
+		return m`
             <div class="legend-row">
-                ${i ? w`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center" @click=${i}>${a}</button>` : a}
-                ${r === null ? "" : w`<span class="legend-label">${r}</span>`}
+                ${i ? m`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center" @click=${i}>${a}</button>` : a}
+                ${r === null ? "" : m`<span class="legend-label">${r}</span>`}
             </div>`;
 	}
 	colorExprStopIndices(e) {
@@ -3011,30 +3014,30 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}, !1);
 	}
 	renderLineRow(e, t, n, r) {
-		return w`
+		return m`
             <div class="legend-row">
-                ${E`<svg width="24" height="14" style="flex-shrink:0">
+                ${l`<svg width="24" height="14" style="flex-shrink:0">
                     <line x1="2" y1="7" x2="22" y2="7"
                         stroke="${e}" stroke-width="${Math.min(t, 4)}"
                         stroke-dasharray="${n}" stroke-linecap="round"/>
                 </svg>`}
-                ${r === null ? "" : w`<span class="legend-label">${r}</span>`}
+                ${r === null ? "" : m`<span class="legend-label">${r}</span>`}
             </div>`;
 	}
 	renderEditableLineRow(e, t, n, r, i, a, o) {
-		return w`
+		return m`
             <div class="legend-row">
                 <button type="button" class="color-swatch" style="background:transparent; border:none; padding:0; width:24px; height:14px; flex-shrink:0; cursor:pointer;"
                     @click=${(n) => {
 			n.stopPropagation(), this.openStopColorPicker(n.currentTarget, e, "line-color", a, o, t);
 		}}>
-                    ${E`<svg width="24" height="14">
+                    ${l`<svg width="24" height="14">
                         <line x1="2" y1="7" x2="22" y2="7"
                             stroke="${t}" stroke-width="${Math.min(n, 4)}"
                             stroke-dasharray="${r}" stroke-linecap="round"/>
                     </svg>`}
                 </button>
-                ${i === null ? "" : w`<span class="legend-label">${i}</span>`}
+                ${i === null ? "" : m`<span class="legend-label">${i}</span>`}
             </div>`;
 	}
 	getAttrTranslations() {
@@ -3211,14 +3214,14 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	}
 	openColorPicker(e, t, n, r, i, a = !0) {
 		let o = `${t.join(",")}::${n}`, s = i ?? ((e) => this.setPaintOverride(t, n, e)), c = this.pickrInstances.get(o);
-		c ? (c.setColor(r), this.pickrOriginal.set(o, r)) : (c = Te.default.create({
+		c ? (c.setColor(r), this.pickrOriginal.set(o, r)) : (c = ke.default.create({
 			el: e,
 			theme: "nano",
 			default: r,
 			useAsButton: !0,
 			comparison: !1,
 			appClass: "webmapx-pickr",
-			swatches: Ee.COLOR_PALETTE,
+			swatches: Ae.COLOR_PALETTE,
 			components: {
 				preview: !0,
 				opacity: !0,
@@ -3264,7 +3267,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		this.editOverrides = r, this.pendingPaintRaf === null && (this.pendingPaintRaf = requestAnimationFrame(() => this.flushPaintOverrides()));
 	}
 	renderRangeRow(e, t, n, r, i, a, o, s = "") {
-		return w`
+		return m`
             <div class="style-editor-row">
                 <label>${t}
                     <input type="range" min=${i} max=${a} step=${o} .value=${String(r)}
@@ -3274,7 +3277,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
             </div>`;
 	}
 	renderColorRow(e, t, n, r) {
-		return w`
+		return m`
             <div class="style-editor-row">
                 <label>${t}</label>
                 <button type="button" class="color-swatch" style="background:${r}"
@@ -3288,11 +3291,11 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				let t = this.toCssColor(n["fill-outline-color"], i);
 				s.push(this.renderColorRow(e, "outline color", "fill-outline-color", t));
 			}
-			return s.push(this.renderRangeRow(e, "opacity", a, o, 0, 1, .05)), w`<div class="style-editor">${s}</div>`;
+			return s.push(this.renderRangeRow(e, "opacity", a, o, 0, 1, .05)), m`<div class="style-editor">${s}</div>`;
 		}
 		if (t === "line") {
 			let t = this.toCssColor(n["line-color"], "#000000"), r = Number(n["line-width"] ?? 2), i = Number(n["line-opacity"] ?? 1);
-			return w`<div class="style-editor">
+			return m`<div class="style-editor">
                 ${this.renderColorRow(e, "line color", "line-color", t)}
                 ${this.renderRangeRow(e, "width", "line-width", r, .5, 10, .5, "px")}
                 ${this.renderRangeRow(e, "opacity", "line-opacity", i, 0, 1, .05)}
@@ -3300,7 +3303,7 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}
 		if (t === "circle") {
 			let t = this.toCssColor(n["circle-color"], "#000000"), r = Number(n["circle-radius"] ?? 5), i = this.toCssColor(n["circle-stroke-color"], t), a = Number(n["circle-stroke-width"] ?? 0), o = Number(n["circle-opacity"] ?? 1);
-			return w`<div class="style-editor">
+			return m`<div class="style-editor">
                 ${this.renderRangeRow(e, "radius", "circle-radius", r, 1, 30, 1, "px")}
                 ${this.renderColorRow(e, "fill color", "circle-color", t)}
                 ${this.renderRangeRow(e, "opacity", "circle-opacity", o, 0, 1, .05)}
@@ -3310,17 +3313,17 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}
 		if (t === "symbol") {
 			let t = this.toCssColor(n["text-color"], "#1f2937"), r = Number(n["text-opacity"] ?? 1), i = Number(n["text-size"] ?? 12), a = n["text-halo-color"] !== void 0 || Number(n["text-halo-width"] ?? 0) > 0, o = this.toCssColor(n["text-halo-color"], "#ffffff");
-			return w`<div class="style-editor">
+			return m`<div class="style-editor">
                 ${this.renderRangeRow(e, "size", "text-size", i, 8, 32, 1, "px")}
                 ${this.renderColorRow(e, "text color", "text-color", t)}
                 ${this.renderRangeRow(e, "opacity", "text-opacity", r, 0, 1, .05)}
                 ${a ? this.renderColorRow(e, "halo color", "text-halo-color", o) : ""}
             </div>`;
 		}
-		return w``;
+		return m``;
 	}
 	renderHillshadeTerrainCheckbox() {
-		return w`
+		return m`
             <div class="style-editor-row" style="padding:2px 0">
                 <input type="checkbox" id="hillshade-terrain-${this.layerId}" .checked=${this.terrainEnabled}
                     @change=${(e) => this.toggleTerrainFromHillshade(e.target.checked)}>
@@ -3367,12 +3370,12 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					1 / 3,
 					2 / 3,
 					1
-				].map((e) => f * (p / f) ** +e), h = m.map((e) => l(e)), g = c.prop ? r.get(c.prop)?.unit : void 0, _ = m.map((e) => Math.max(1, e)), ee = _[_.length - 1], v = ee < 4 ? 4 / ee : 1, y = h.map((e, t) => ({
+				].map((e) => f * (p / f) ** +e), h = m.map((e) => l(e)), g = c.prop ? r.get(c.prop)?.unit : void 0, _ = m.map((e) => Math.max(1, e)), v = _[_.length - 1], y = v < 4 ? 4 / v : 1, b = h.map((e, t) => ({
 					value: this.formatNumber(e, g),
 					color: o,
-					radius: Math.max(1, Math.round(_[t] * v))
-				})), b = /* @__PURE__ */ new Set(), x = y.filter((e) => !b.has(e.radius) && b.add(e.radius));
-				return [this.renderBubbleLegend(x, e, t)];
+					radius: Math.max(1, Math.round(_[t] * y))
+				})), x = /* @__PURE__ */ new Set(), S = b.filter((e) => !x.has(e.radius) && x.add(e.radius));
+				return [this.renderBubbleLegend(S, e, t)];
 			}
 			if (s) {
 				let n = this.evalAtZoom(a, this.zoom), r = Math.min(Number(isFinite(Number(n)) ? n : 6), 20);
@@ -3412,15 +3415,15 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				return o && o.length === r.length ? this.renderEditableLineRow(e, u, c, a, l, t, o[s]) : this.renderLineRow(u, c, a, l);
 			});
 		}
-		return t === "symbol" ? [w`
+		return t === "symbol" ? [m`
                 <div class="legend-row">
-                    ${E`<svg width="24" height="14" style="flex-shrink:0">
+                    ${l`<svg width="24" height="14" style="flex-shrink:0">
                         <text x="12" y="11" text-anchor="middle" font-size="11"
                             fill="${String(n["text-color"] ?? "#1f2937")}" font-family="sans-serif">A</text>
                     </svg>`}
-                </div>`] : t === "raster" || t === "background" || t === "hillshade" ? [w`
+                </div>`] : t === "raster" || t === "background" || t === "hillshade" ? [m`
                 <div class="legend-row">
-                    ${E`<svg width="24" height="14" style="flex-shrink:0">
+                    ${l`<svg width="24" height="14" style="flex-shrink:0">
                         <defs>
                             <pattern id="grid" width="4" height="4" patternUnits="userSpaceOnUse">
                                 <rect width="2" height="2" fill="#ccc"/>
@@ -3432,12 +3435,12 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                 </div>`] : [];
 	}
 	render() {
-		if (!this.layerId) return w``;
+		if (!this.layerId) return m``;
 		let e = this.meta, t = typeof e?.layerType == "string" ? e.layerType : null, n = e?.paint && typeof e.paint == "object" ? e.paint : {}, r = typeof e?.legendurl == "string" && e.legendurl.length > 0 ? e.legendurl : null, i = typeof e?.label == "string" ? e.label : this.layerId, a = Array.isArray(e?.sublayers) ? e.sublayers : null, o = typeof e?.minzoom == "number" ? e.minzoom : 0, s = typeof e?.maxzoom == "number" ? e.maxzoom : 24;
 		if (this.zoom < o || this.zoom > s) return this.renderZoomHint(o, s, this.zoom);
 		if (a && a.length > 0) {
 			let e = this.renderCompositeLegend(a, this.zoom);
-			return a.length === 1 && typeof a[0]?.type == "string" && a[0].type === "hillshade" ? this.renderCollapsibleLegend(w`
+			return a.length === 1 && typeof a[0]?.type == "string" && a[0].type === "hillshade" ? this.renderCollapsibleLegend(m`
                 <div class="legend-wrap">
                     ${e}
                     ${this.renderHillshadeTerrainCheckbox()}
@@ -3457,19 +3460,19 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		].includes(t) && !r, d = [this.layerId], f = this.editOverrides[this.layerId], p = f ? {
 			...n,
 			...f
-		} : n, m = !a && u && this.isEditableType(t, p), h = this.editorOpenKey === this.layerId;
-		return this.renderCollapsibleLegend(w`
+		} : n, h = !a && u && this.isEditableType(t, p), g = this.editorOpenKey === this.layerId;
+		return this.renderCollapsibleLegend(m`
             <div class="legend-wrap">
-                ${u ? w`
-                    <div class=${m ? "editable" : ""} @click=${m ? () => {
-			this.editorOpenKey = h ? null : this.layerId;
+                ${u ? m`
+                    <div class=${h ? "editable" : ""} @click=${h ? () => {
+			this.editorOpenKey = g ? null : this.layerId;
 		} : null}>
                         ${this.renderLegendItems(d, t, p)}
                     </div>
                     ${t === "hillshade" ? this.renderHillshadeTerrainCheckbox() : ""}
-                    ${m && h ? this.renderStyleEditor(d, t, p) : ""}
+                    ${h && g ? this.renderStyleEditor(d, t, p) : ""}
                 ` : ""}
-                ${r ? w`
+                ${r ? m`
                     <img class="legend-img" src=${r} alt=${i}
                         @error=${(e) => {
 			let t = e.target, n = document.createElement("span");
@@ -3480,24 +3483,24 @@ var Te = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
         `);
 	}
 };
-d([O({
+S([s({
 	type: String,
 	attribute: "layer-id"
-})], L.prototype, "layerId", void 0), d([O({
+})], N.prototype, "layerId", void 0), S([s({
 	type: Boolean,
 	reflect: !0
-})], L.prototype, "collapsible", void 0), d([A()], L.prototype, "meta", void 0), d([A()], L.prototype, "zoom", void 0), d([A()], L.prototype, "legendCollapsed", void 0), d([A()], L.prototype, "legendOverflowing", void 0), d([A()], L.prototype, "editOverrides", void 0), d([A()], L.prototype, "editorOpenKey", void 0), d([A()], L.prototype, "terrainEnabled", void 0), L = Ee = d([D("webmapx-layer-legend")], L);
+})], N.prototype, "collapsible", void 0), S([d()], N.prototype, "meta", void 0), S([d()], N.prototype, "zoom", void 0), S([d()], N.prototype, "legendCollapsed", void 0), S([d()], N.prototype, "legendOverflowing", void 0), S([d()], N.prototype, "editOverrides", void 0), S([d()], N.prototype, "editorOpenKey", void 0), S([d()], N.prototype, "terrainEnabled", void 0), N = Ae = S([p("webmapx-layer-legend")], N);
 //#endregion
 //#region node_modules/dompurify/dist/purify.es.mjs
-function De(e, t) {
+function je(e, t) {
 	(t == null || t > e.length) && (t = e.length);
 	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
 	return r;
 }
-function Oe(e) {
+function Me(e) {
 	if (Array.isArray(e)) return e;
 }
-function ke(e, t) {
+function Ne(e, t) {
 	var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
 	if (n != null) {
 		var r, i, a, o, s = [], c = !0, l = !1;
@@ -3515,113 +3518,113 @@ function ke(e, t) {
 		return s;
 	}
 }
-function Ae() {
+function Pe() {
 	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function je(e, t) {
-	return Oe(e) || ke(e, t) || Me(e, t) || Ae();
+function Fe(e, t) {
+	return Me(e) || Ne(e, t) || Ie(e, t) || Pe();
 }
-function Me(e, t) {
+function Ie(e, t) {
 	if (e) {
-		if (typeof e == "string") return De(e, t);
+		if (typeof e == "string") return je(e, t);
 		var n = {}.toString.call(e).slice(8, -1);
-		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? De(e, t) : void 0;
+		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? je(e, t) : void 0;
 	}
 }
-var Ne = Object.entries, Pe = Object.setPrototypeOf, Fe = Object.isFrozen, Ie = Object.getPrototypeOf, Le = Object.getOwnPropertyDescriptor, R = Object.freeze, z = Object.seal, Re = Object.create, ze = typeof Reflect < "u" && Reflect, Be = ze.apply, Ve = ze.construct;
-R ||= function(e) {
+var Le = Object.entries, Re = Object.setPrototypeOf, ze = Object.isFrozen, Be = Object.getPrototypeOf, P = Object.getOwnPropertyDescriptor, F = Object.freeze, I = Object.seal, Ve = Object.create, He = typeof Reflect < "u" && Reflect, Ue = He.apply, We = He.construct;
+F ||= function(e) {
 	return e;
-}, z ||= function(e) {
+}, I ||= function(e) {
 	return e;
-}, Be ||= function(e, t) {
+}, Ue ||= function(e, t) {
 	var n = [...arguments].slice(2);
 	return e.apply(t, n);
-}, Ve ||= function(e) {
+}, We ||= function(e) {
 	return new e(...[...arguments].slice(1));
 };
-var He = U(Array.prototype.forEach), Ue = U(Array.prototype.lastIndexOf), We = U(Array.prototype.pop), Ge = U(Array.prototype.push), Ke = U(Array.prototype.splice), qe = Array.isArray, Je = U(String.prototype.toLowerCase), Ye = U(String.prototype.toString), Xe = U(String.prototype.match), Ze = U(String.prototype.replace), Qe = U(String.prototype.indexOf), $e = U(String.prototype.trim), et = U(Number.prototype.toString), tt = U(Boolean.prototype.toString), nt = typeof BigInt > "u" ? null : U(BigInt.prototype.toString), rt = typeof Symbol > "u" ? null : U(Symbol.prototype.toString), B = U(Object.prototype.hasOwnProperty), V = U(Object.prototype.toString), H = U(RegExp.prototype.test), it = at(TypeError);
-function U(e) {
+var Ge = B(Array.prototype.forEach), Ke = B(Array.prototype.lastIndexOf), qe = B(Array.prototype.pop), Je = B(Array.prototype.push), Ye = B(Array.prototype.splice), Xe = Array.isArray, Ze = B(String.prototype.toLowerCase), Qe = B(String.prototype.toString), $e = B(String.prototype.match), et = B(String.prototype.replace), tt = B(String.prototype.indexOf), nt = B(String.prototype.trim), rt = B(Number.prototype.toString), it = B(Boolean.prototype.toString), at = typeof BigInt > "u" ? null : B(BigInt.prototype.toString), ot = typeof Symbol > "u" ? null : B(Symbol.prototype.toString), L = B(Object.prototype.hasOwnProperty), R = B(Object.prototype.toString), z = B(RegExp.prototype.test), st = ct(TypeError);
+function B(e) {
 	return function(t) {
 		t instanceof RegExp && (t.lastIndex = 0);
 		var n = [...arguments].slice(1);
-		return Be(e, t, n);
+		return Ue(e, t, n);
 	};
 }
-function at(e) {
+function ct(e) {
 	return function() {
-		return Ve(e, [...arguments]);
+		return We(e, [...arguments]);
 	};
 }
-function W(e, t) {
-	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Je;
-	if (Pe && Pe(e, null), !qe(t)) return e;
+function V(e, t) {
+	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Ze;
+	if (Re && Re(e, null), !Xe(t)) return e;
 	let r = t.length;
 	for (; r--;) {
 		let i = t[r];
 		if (typeof i == "string") {
 			let e = n(i);
-			e !== i && (Fe(t) || (t[r] = e), i = e);
+			e !== i && (ze(t) || (t[r] = e), i = e);
 		}
 		e[i] = !0;
 	}
 	return e;
 }
-function ot(e) {
-	for (let t = 0; t < e.length; t++) B(e, t) || (e[t] = null);
+function lt(e) {
+	for (let t = 0; t < e.length; t++) L(e, t) || (e[t] = null);
 	return e;
 }
-function G(e) {
-	let t = Re(null);
-	for (let r of Ne(e)) {
-		var n = je(r, 2);
+function H(e) {
+	let t = Ve(null);
+	for (let r of Le(e)) {
+		var n = Fe(r, 2);
 		let i = n[0], a = n[1];
-		B(e, i) && (qe(a) ? t[i] = ot(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = G(a) : t[i] = a);
+		L(e, i) && (Xe(a) ? t[i] = lt(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = H(a) : t[i] = a);
 	}
 	return t;
 }
-function st(e) {
+function ut(e) {
 	switch (typeof e) {
 		case "string": return e;
-		case "number": return et(e);
-		case "boolean": return tt(e);
-		case "bigint": return nt ? nt(e) : "0";
-		case "symbol": return rt ? rt(e) : "Symbol()";
-		case "undefined": return V(e);
+		case "number": return rt(e);
+		case "boolean": return it(e);
+		case "bigint": return at ? at(e) : "0";
+		case "symbol": return ot ? ot(e) : "Symbol()";
+		case "undefined": return R(e);
 		case "function":
 		case "object": {
-			if (e === null) return V(e);
-			let t = e, n = ct(t, "toString");
+			if (e === null) return R(e);
+			let t = e, n = U(t, "toString");
 			if (typeof n == "function") {
 				let e = n(t);
-				return typeof e == "string" ? e : V(e);
+				return typeof e == "string" ? e : R(e);
 			}
-			return V(e);
+			return R(e);
 		}
-		default: return V(e);
+		default: return R(e);
 	}
 }
-function ct(e, t) {
+function U(e, t) {
 	for (; e !== null;) {
-		let n = Le(e, t);
+		let n = P(e, t);
 		if (n) {
-			if (n.get) return U(n.get);
-			if (typeof n.value == "function") return U(n.value);
+			if (n.get) return B(n.get);
+			if (typeof n.value == "function") return B(n.value);
 		}
-		e = Ie(e);
+		e = Be(e);
 	}
 	function n() {
 		return null;
 	}
 	return n;
 }
-function lt(e) {
+function dt(e) {
 	try {
-		return H(e, ""), !0;
+		return z(e, ""), !0;
 	} catch {
 		return !1;
 	}
 }
-var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), dt = R(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), ft = R([
+var ft = F(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), pt = F(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), mt = F([
 	"feBlend",
 	"feColorMatrix",
 	"feComponentTransfer",
@@ -3647,7 +3650,7 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"feSpotLight",
 	"feTile",
 	"feTurbulence"
-]), pt = R([
+]), ht = F([
 	"animate",
 	"color-profile",
 	"cursor",
@@ -3670,7 +3673,7 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"solidcolor",
 	"unknown",
 	"use"
-]), mt = R(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), ht = R([
+]), gt = F(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), _t = F([
 	"maction",
 	"maligngroup",
 	"malignmark",
@@ -3686,13 +3689,13 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"annotation-xml",
 	"mprescripts",
 	"none"
-]), gt = R(["#text"]), _t = R(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns".split(".")), vt = R(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), yt = R(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnalign.columnlines.columnspacing.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lquote.lspace.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), bt = R([
+]), vt = F(["#text"]), yt = F(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns".split(".")), bt = F(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-rendering.textlength.type.u1.u2.unicode.values.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), xt = F(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnalign.columnlines.columnspacing.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lquote.lspace.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), St = F([
 	"xlink:href",
 	"xml:id",
 	"xlink:title",
 	"xml:space",
 	"xmlns:xlink"
-]), xt = z(/{{[\w\W]*|^[\w\W]*}}/g), St = z(/<%[\w\W]*|^[\w\W]*%>/g), Ct = z(/\${[\w\W]*/g), wt = z(/^data-[\-\w.\u00B7-\uFFFF]+$/), Tt = z(/^aria-[\-\w]+$/), Et = z(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), Dt = z(/^(?:\w+script|data):/i), Ot = z(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), kt = z(/^html$/i), At = z(/^[a-z][.\w]*(-[.\w]+)+$/i), jt = z(/<[/\w!]/g), Mt = z(/<[/\w]/g), Nt = z(/<\/no(script|embed|frames)/i), Pt = z(/\/>/i), Ft = {
+]), Ct = I(/{{[\w\W]*|^[\w\W]*}}/g), wt = I(/<%[\w\W]*|^[\w\W]*%>/g), Tt = I(/\${[\w\W]*/g), Et = I(/^data-[\-\w.\u00B7-\uFFFF]+$/), Dt = I(/^aria-[\-\w]+$/), Ot = I(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), kt = I(/^(?:\w+script|data):/i), At = I(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), jt = I(/^html$/i), Mt = I(/^[a-z][.\w]*(-[.\w]+)+$/i), Nt = I(/<[/\w!]/g), Pt = I(/<[/\w]/g), Ft = I(/<\/no(script|embed|frames)/i), It = I(/\/>/i), W = {
 	element: 1,
 	attribute: 2,
 	text: 3,
@@ -3705,9 +3708,9 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	documentType: 10,
 	documentFragment: 11,
 	notation: 12
-}, It = function() {
+}, Lt = function() {
 	return typeof window > "u" ? null : window;
-}, Lt = function(e, t) {
+}, Rt = function(e, t) {
 	if (typeof e != "object" || typeof e.createPolicy != "function") return null;
 	let n = null, r = "data-tt-policy-suffix";
 	t && t.hasAttribute(r) && (n = t.getAttribute(r));
@@ -3724,7 +3727,7 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	} catch {
 		return console.warn("TrustedTypes policy " + i + " could not be created."), null;
 	}
-}, Rt = function() {
+}, zt = function() {
 	return {
 		afterSanitizeAttributes: [],
 		afterSanitizeElements: [],
@@ -3736,53 +3739,53 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 		uponSanitizeElement: [],
 		uponSanitizeShadowNode: []
 	};
-}, zt = function(e, t, n, r) {
-	return B(e, t) && qe(e[t]) ? W(r.base ? G(r.base) : {}, e[t], r.transform) : n;
+}, Bt = function(e, t, n, r) {
+	return L(e, t) && Xe(e[t]) ? V(r.base ? H(r.base) : {}, e[t], r.transform) : n;
 };
-function Bt() {
-	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : It(), t = (e) => Bt(e);
-	if (t.version = "3.4.11", t.removed = [], !e || !e.document || e.document.nodeType !== Ft.document || !e.Element) return t.isSupported = !1, t;
+function Vt() {
+	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Lt(), t = (e) => Vt(e);
+	if (t.version = "3.4.11", t.removed = [], !e || !e.document || e.document.nodeType !== W.document || !e.Element) return t.isSupported = !1, t;
 	let n = e.document, r = n, i = r.currentScript;
 	e.DocumentFragment;
 	let a = e.HTMLTemplateElement, o = e.Node, s = e.Element, c = e.NodeFilter;
 	e.NamedNodeMap === void 0 && (e.NamedNodeMap || e.MozNamedAttrMap), e.HTMLFormElement;
-	let l = e.DOMParser, u = e.trustedTypes, d = s.prototype, f = ct(d, "cloneNode"), p = ct(d, "remove"), m = ct(d, "nextSibling"), h = ct(d, "childNodes"), g = ct(d, "parentNode"), _ = ct(d, "shadowRoot"), ee = ct(d, "attributes"), v = o && o.prototype ? ct(o.prototype, "nodeType") : null, y = o && o.prototype ? ct(o.prototype, "nodeName") : null;
+	let l = e.DOMParser, u = e.trustedTypes, d = s.prototype, f = U(d, "cloneNode"), p = U(d, "remove"), m = U(d, "nextSibling"), h = U(d, "childNodes"), g = U(d, "parentNode"), _ = U(d, "shadowRoot"), v = U(d, "attributes"), y = o && o.prototype ? U(o.prototype, "nodeType") : null, b = o && o.prototype ? U(o.prototype, "nodeName") : null;
 	if (typeof a == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let b, x = "", te, ne = !1, re = 0, ie = function() {
-		if (re > 0) throw it("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
-	}, ae = function(e) {
-		ie(), re++;
+	let x, S = "", C, ee = !1, te = 0, ne = function() {
+		if (te > 0) throw st("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
+	}, w = function(e) {
+		ne(), te++;
 		try {
-			return b.createHTML(e);
+			return x.createHTML(e);
 		} finally {
-			re--;
+			te--;
 		}
-	}, oe = function(e) {
-		ie(), re++;
+	}, re = function(e) {
+		ne(), te++;
 		try {
-			return b.createScriptURL(e);
+			return x.createScriptURL(e);
 		} finally {
-			re--;
-		}
-	}, se = function() {
-		return ne ||= (te = Lt(u, i), !0), te;
-	}, ce = n, le = ce.implementation, ue = ce.createNodeIterator, S = ce.createDocumentFragment, C = ce.getElementsByTagName, w = r.importNode, T = Rt();
-	t.isSupported = typeof Ne == "function" && typeof g == "function" && le && le.createHTMLDocument !== void 0;
-	let E = xt, D = St, de = Ct, O = wt, k = Tt, fe = Dt, A = Ot, pe = At, me = Et, j = null, he = W({}, [
-		...ut,
-		...dt,
+			te--;
+		}
+	}, ie = function() {
+		return ee ||= (C = Rt(u, i), !0), C;
+	}, ae = n, oe = ae.implementation, se = ae.createNodeIterator, ce = ae.createDocumentFragment, le = ae.getElementsByTagName, ue = r.importNode, T = zt();
+	t.isSupported = typeof Le == "function" && typeof g == "function" && oe && oe.createHTMLDocument !== void 0;
+	let de = Ct, fe = wt, pe = Tt, me = Et, he = Dt, ge = kt, _e = At, ve = Mt, ye = Ot, E = null, be = V({}, [
 		...ft,
+		...pt,
 		...mt,
-		...gt
-	]), M = null, ge = W({}, [
-		..._t,
-		...vt,
+		...gt,
+		...vt
+	]), D = null, xe = V({}, [
 		...yt,
-		...bt
-	]), N = Object.seal(Re(null, {
+		...bt,
+		...xt,
+		...St
+	]), O = Object.seal(Ve(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -3801,7 +3804,7 @@ function Bt() {
 			enumerable: !0,
 			value: !1
 		}
-	})), _e = null, ve = null, P = Object.seal(Re(null, {
+	})), Se = null, Ce = null, k = Object.seal(Ve(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -3814,14 +3817,14 @@ function Bt() {
 			enumerable: !0,
 			value: null
 		}
-	})), ye = !0, be = !0, F = !1, xe = !0, Se = !1, Ce = !0, I = !1, we = !1, Te = null, Ee = null, L = !1, De = !1, Oe = !1, ke = !1, Ae = !0, je = !1, Me = "user-content-", Pe = !0, Fe = !1, Ie = {}, Le = null, ze = W({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Be = null, Ve = W({}, [
+	})), we = !0, Te = !0, A = !1, Ee = !0, De = !1, Oe = !0, j = !1, M = !1, ke = null, Ae = null, N = !1, je = !1, Me = !1, Ne = !1, Pe = !0, Fe = !1, Ie = "user-content-", Re = !0, ze = !1, Be = {}, P = null, He = V({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Ue = null, We = V({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), et = null, tt = W({}, [
+	]), rt = null, it = V({}, [
 		"alt",
 		"class",
 		"for",
@@ -3836,223 +3839,223 @@ function Bt() {
 		"value",
 		"style",
 		"xmlns"
-	]), nt = "http://www.w3.org/1998/Math/MathML", rt = "http://www.w3.org/2000/svg", V = "http://www.w3.org/1999/xhtml", U = V, at = !1, ot = null, Vt = W({}, [
-		nt,
-		rt,
-		V
-	], Ye), Ht = R([
+	]), at = "http://www.w3.org/1998/Math/MathML", ot = "http://www.w3.org/2000/svg", R = "http://www.w3.org/1999/xhtml", B = R, ct = !1, lt = null, Ht = V({}, [
+		at,
+		ot,
+		R
+	], Qe), Ut = F([
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), Ut = W({}, Ht), Wt = R(["annotation-xml"]), Gt = W({}, Wt), Kt = W({}, [
+	]), Wt = V({}, Ut), Gt = F(["annotation-xml"]), Kt = V({}, Gt), qt = V({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), K = null, qt = ["application/xhtml+xml", "text/html"], q = null, J = null, Jt = n.createElement("form"), Yt = function(e) {
+	]), G = null, Jt = ["application/xhtml+xml", "text/html"], K = null, q = null, Yt = n.createElement("form"), Xt = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, Xt = function() {
+	}, Zt = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (J && J === e) return;
-		(!e || typeof e != "object") && (e = {}), e = G(e), K = qt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, q = K === "application/xhtml+xml" ? Ye : Je, j = zt(e, "ALLOWED_TAGS", he, { transform: q }), M = zt(e, "ALLOWED_ATTR", ge, { transform: q }), ot = zt(e, "ALLOWED_NAMESPACES", Vt, { transform: Ye }), et = zt(e, "ADD_URI_SAFE_ATTR", tt, {
-			transform: q,
-			base: tt
-		}), Be = zt(e, "ADD_DATA_URI_TAGS", Ve, {
-			transform: q,
-			base: Ve
-		}), Le = zt(e, "FORBID_CONTENTS", ze, { transform: q }), _e = zt(e, "FORBID_TAGS", G({}), { transform: q }), ve = zt(e, "FORBID_ATTR", G({}), { transform: q }), Ie = B(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? G(e.USE_PROFILES) : e.USE_PROFILES : !1, ye = e.ALLOW_ARIA_ATTR !== !1, be = e.ALLOW_DATA_ATTR !== !1, F = e.ALLOW_UNKNOWN_PROTOCOLS || !1, xe = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Se = e.SAFE_FOR_TEMPLATES || !1, Ce = e.SAFE_FOR_XML !== !1, I = e.WHOLE_DOCUMENT || !1, De = e.RETURN_DOM || !1, Oe = e.RETURN_DOM_FRAGMENT || !1, ke = e.RETURN_TRUSTED_TYPE || !1, L = e.FORCE_BODY || !1, Ae = e.SANITIZE_DOM !== !1, je = e.SANITIZE_NAMED_PROPS || !1, Pe = e.KEEP_CONTENT !== !1, Fe = e.IN_PLACE || !1, me = lt(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Et, U = typeof e.NAMESPACE == "string" ? e.NAMESPACE : V, Ut = B(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? G(e.MATHML_TEXT_INTEGRATION_POINTS) : W({}, Ht), Gt = B(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? G(e.HTML_INTEGRATION_POINTS) : W({}, Wt);
-		let t = B(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? G(e.CUSTOM_ELEMENT_HANDLING) : Re(null);
-		if (N = Re(null), B(t, "tagNameCheck") && Yt(t.tagNameCheck) && (N.tagNameCheck = t.tagNameCheck), B(t, "attributeNameCheck") && Yt(t.attributeNameCheck) && (N.attributeNameCheck = t.attributeNameCheck), B(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (N.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), z(N), Se && (be = !1), Oe && (De = !0), Ie && (j = W({}, gt), M = Re(null), Ie.html === !0 && (W(j, ut), W(M, _t)), Ie.svg === !0 && (W(j, dt), W(M, vt), W(M, bt)), Ie.svgFilters === !0 && (W(j, ft), W(M, vt), W(M, bt)), Ie.mathMl === !0 && (W(j, mt), W(M, yt), W(M, bt))), P.tagCheck = null, P.attributeCheck = null, B(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? P.tagCheck = e.ADD_TAGS : qe(e.ADD_TAGS) && (j === he && (j = G(j)), W(j, e.ADD_TAGS, q))), B(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? P.attributeCheck = e.ADD_ATTR : qe(e.ADD_ATTR) && (M === ge && (M = G(M)), W(M, e.ADD_ATTR, q))), B(e, "ADD_URI_SAFE_ATTR") && qe(e.ADD_URI_SAFE_ATTR) && W(et, e.ADD_URI_SAFE_ATTR, q), B(e, "FORBID_CONTENTS") && qe(e.FORBID_CONTENTS) && (Le === ze && (Le = G(Le)), W(Le, e.FORBID_CONTENTS, q)), B(e, "ADD_FORBID_CONTENTS") && qe(e.ADD_FORBID_CONTENTS) && (Le === ze && (Le = G(Le)), W(Le, e.ADD_FORBID_CONTENTS, q)), Pe && (j["#text"] = !0), I && W(j, [
+		if (q && q === e) return;
+		(!e || typeof e != "object") && (e = {}), e = H(e), G = Jt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, K = G === "application/xhtml+xml" ? Qe : Ze, E = Bt(e, "ALLOWED_TAGS", be, { transform: K }), D = Bt(e, "ALLOWED_ATTR", xe, { transform: K }), lt = Bt(e, "ALLOWED_NAMESPACES", Ht, { transform: Qe }), rt = Bt(e, "ADD_URI_SAFE_ATTR", it, {
+			transform: K,
+			base: it
+		}), Ue = Bt(e, "ADD_DATA_URI_TAGS", We, {
+			transform: K,
+			base: We
+		}), P = Bt(e, "FORBID_CONTENTS", He, { transform: K }), Se = Bt(e, "FORBID_TAGS", H({}), { transform: K }), Ce = Bt(e, "FORBID_ATTR", H({}), { transform: K }), Be = L(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? H(e.USE_PROFILES) : e.USE_PROFILES : !1, we = e.ALLOW_ARIA_ATTR !== !1, Te = e.ALLOW_DATA_ATTR !== !1, A = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Ee = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, De = e.SAFE_FOR_TEMPLATES || !1, Oe = e.SAFE_FOR_XML !== !1, j = e.WHOLE_DOCUMENT || !1, je = e.RETURN_DOM || !1, Me = e.RETURN_DOM_FRAGMENT || !1, Ne = e.RETURN_TRUSTED_TYPE || !1, N = e.FORCE_BODY || !1, Pe = e.SANITIZE_DOM !== !1, Fe = e.SANITIZE_NAMED_PROPS || !1, Re = e.KEEP_CONTENT !== !1, ze = e.IN_PLACE || !1, ye = dt(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Ot, B = typeof e.NAMESPACE == "string" ? e.NAMESPACE : R, Wt = L(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? H(e.MATHML_TEXT_INTEGRATION_POINTS) : V({}, Ut), Kt = L(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? H(e.HTML_INTEGRATION_POINTS) : V({}, Gt);
+		let t = L(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? H(e.CUSTOM_ELEMENT_HANDLING) : Ve(null);
+		if (O = Ve(null), L(t, "tagNameCheck") && Xt(t.tagNameCheck) && (O.tagNameCheck = t.tagNameCheck), L(t, "attributeNameCheck") && Xt(t.attributeNameCheck) && (O.attributeNameCheck = t.attributeNameCheck), L(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (O.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), I(O), De && (Te = !1), Me && (je = !0), Be && (E = V({}, vt), D = Ve(null), Be.html === !0 && (V(E, ft), V(D, yt)), Be.svg === !0 && (V(E, pt), V(D, bt), V(D, St)), Be.svgFilters === !0 && (V(E, mt), V(D, bt), V(D, St)), Be.mathMl === !0 && (V(E, gt), V(D, xt), V(D, St))), k.tagCheck = null, k.attributeCheck = null, L(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? k.tagCheck = e.ADD_TAGS : Xe(e.ADD_TAGS) && (E === be && (E = H(E)), V(E, e.ADD_TAGS, K))), L(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? k.attributeCheck = e.ADD_ATTR : Xe(e.ADD_ATTR) && (D === xe && (D = H(D)), V(D, e.ADD_ATTR, K))), L(e, "ADD_URI_SAFE_ATTR") && Xe(e.ADD_URI_SAFE_ATTR) && V(rt, e.ADD_URI_SAFE_ATTR, K), L(e, "FORBID_CONTENTS") && Xe(e.FORBID_CONTENTS) && (P === He && (P = H(P)), V(P, e.FORBID_CONTENTS, K)), L(e, "ADD_FORBID_CONTENTS") && Xe(e.ADD_FORBID_CONTENTS) && (P === He && (P = H(P)), V(P, e.ADD_FORBID_CONTENTS, K)), Re && (E["#text"] = !0), j && V(E, [
 			"html",
 			"head",
 			"body"
-		]), j.table && (W(j, ["tbody"]), delete _e.tbody), e.TRUSTED_TYPES_POLICY) {
-			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw it("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
-			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw it("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
-			let t = b;
-			b = e.TRUSTED_TYPES_POLICY;
+		]), E.table && (V(E, ["tbody"]), delete Se.tbody), e.TRUSTED_TYPES_POLICY) {
+			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw st("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
+			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw st("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
+			let t = x;
+			x = e.TRUSTED_TYPES_POLICY;
 			try {
-				x = ae("");
+				S = w("");
 			} catch (e) {
-				throw b = t, e;
+				throw x = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (b = void 0, x = "") : (b === void 0 && (b = se()), b && typeof x == "string" && (x = ae("")));
-		R && R(e), J = e;
-	}, Zt = W({}, [
-		...dt,
-		...ft,
-		...pt
-	]), Qt = W({}, [...mt, ...ht]), $t = function(e, t, n) {
-		return t.namespaceURI === V ? e === "svg" : t.namespaceURI === nt ? e === "svg" && (n === "annotation-xml" || Ut[n]) : !!Zt[e];
-	}, en = function(e, t, n) {
-		return t.namespaceURI === V ? e === "math" : t.namespaceURI === rt ? e === "math" && Gt[n] : !!Qt[e];
-	}, Y = function(e, t, n) {
-		return t.namespaceURI === rt && !Gt[n] || t.namespaceURI === nt && !Ut[n] ? !1 : !Qt[e] && (Kt[e] || !Zt[e]);
-	}, tn = function(e) {
+		} else e.TRUSTED_TYPES_POLICY === null ? (x = void 0, S = "") : (x === void 0 && (x = ie()), x && typeof S == "string" && (S = w("")));
+		F && F(e), q = e;
+	}, Qt = V({}, [
+		...pt,
+		...mt,
+		...ht
+	]), $t = V({}, [...gt, ..._t]), en = function(e, t, n) {
+		return t.namespaceURI === R ? e === "svg" : t.namespaceURI === at ? e === "svg" && (n === "annotation-xml" || Wt[n]) : !!Qt[e];
+	}, tn = function(e, t, n) {
+		return t.namespaceURI === R ? e === "math" : t.namespaceURI === ot ? e === "math" && Kt[n] : !!$t[e];
+	}, J = function(e, t, n) {
+		return t.namespaceURI === ot && !Kt[n] || t.namespaceURI === at && !Wt[n] ? !1 : !$t[e] && (qt[e] || !Qt[e]);
+	}, nn = function(e) {
 		let t = g(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: U,
+			namespaceURI: B,
 			tagName: "template"
 		});
-		let n = Je(e.tagName), r = Je(t.tagName);
-		return ot[e.namespaceURI] ? e.namespaceURI === rt ? $t(n, t, r) : e.namespaceURI === nt ? en(n, t, r) : e.namespaceURI === V ? Y(n, t, r) : !!(K === "application/xhtml+xml" && ot[e.namespaceURI]) : !1;
-	}, X = function(e) {
-		Ge(t.removed, { element: e });
+		let n = Ze(e.tagName), r = Ze(t.tagName);
+		return lt[e.namespaceURI] ? e.namespaceURI === ot ? en(n, t, r) : e.namespaceURI === at ? tn(n, t, r) : e.namespaceURI === R ? J(n, t, r) : !!(G === "application/xhtml+xml" && lt[e.namespaceURI]) : !1;
+	}, Y = function(e) {
+		Je(t.removed, { element: e });
 		try {
 			g(e).removeChild(e);
 		} catch {
-			if (p(e), !g(e)) throw it("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
+			if (p(e), !g(e)) throw st("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
 		}
-	}, nn = function(e) {
+	}, rn = function(e) {
 		let t = h(e);
 		if (t) {
 			let e = [];
-			He(t, (t) => {
-				Ge(e, t);
-			}), He(e, (e) => {
+			Ge(t, (t) => {
+				Je(e, t);
+			}), Ge(e, (e) => {
 				try {
 					p(e);
 				} catch {}
 			});
 		}
-		let n = ee(e);
+		let n = v(e);
 		if (n) for (let t = n.length - 1; t >= 0; --t) {
 			let r = n[t], i = r && r.name;
 			if (typeof i == "string") try {
 				e.removeAttribute(i);
 			} catch {}
 		}
-	}, Z = function(e, n) {
+	}, X = function(e, n) {
 		try {
-			Ge(t.removed, {
+			Je(t.removed, {
 				attribute: n.getAttributeNode(e),
 				from: n
 			});
 		} catch {
-			Ge(t.removed, {
+			Je(t.removed, {
 				attribute: null,
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (De || Oe) try {
-			X(n);
+		if (n.removeAttribute(e), e === "is") if (je || Me) try {
+			Y(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, rn = function(e) {
-		let t = ee(e);
+	}, an = function(e) {
+		let t = v(e);
 		if (t) for (let n = t.length - 1; n >= 0; --n) {
 			let r = t[n], i = r && r.name;
-			if (!(typeof i != "string" || M[q(i)])) try {
+			if (!(typeof i != "string" || D[K(i)])) try {
 				e.removeAttribute(i);
 			} catch {}
 		}
-	}, an = function(e) {
+	}, on = function(e) {
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop();
-			(v ? v(e) : e.nodeType) === Ft.element && rn(e);
+			(y ? y(e) : e.nodeType) === W.element && an(e);
 			let n = h(e);
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
-	}, on = function(e) {
+	}, sn = function(e) {
 		let t = null, r = null;
-		if (L) e = "<remove></remove>" + e;
+		if (N) e = "<remove></remove>" + e;
 		else {
-			let t = Xe(e, /^[\r\n\t ]+/);
+			let t = $e(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		K === "application/xhtml+xml" && U === V && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = b ? ae(e) : e;
-		if (U === V) try {
-			t = new l().parseFromString(i, K);
+		G === "application/xhtml+xml" && B === R && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = x ? w(e) : e;
+		if (B === R) try {
+			t = new l().parseFromString(i, G);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = le.createDocument(U, "template", null);
+			t = oe.createDocument(B, "template", null);
 			try {
-				t.documentElement.innerHTML = at ? x : i;
+				t.documentElement.innerHTML = ct ? S : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), U === V ? C.call(t, I ? "html" : "body")[0] : I ? t.documentElement : a;
-	}, sn = function(e) {
-		return ue.call(e.ownerDocument || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), B === R ? le.call(t, j ? "html" : "body")[0] : j ? t.documentElement : a;
 	}, cn = function(e) {
-		return e = Ze(e, E, " "), e = Ze(e, D, " "), e = Ze(e, de, " "), e;
+		return se.call(e.ownerDocument || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
 	}, ln = function(e) {
+		return e = et(e, de, " "), e = et(e, fe, " "), e = et(e, pe, " "), e;
+	}, un = function(e) {
 		e.normalize();
-		let t = ue.call(e.ownerDocument || e, e, c.SHOW_TEXT | c.SHOW_COMMENT | c.SHOW_CDATA_SECTION | c.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
-		for (; n;) n.data = cn(n.data), n = t.nextNode();
+		let t = se.call(e.ownerDocument || e, e, c.SHOW_TEXT | c.SHOW_COMMENT | c.SHOW_CDATA_SECTION | c.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
+		for (; n;) n.data = ln(n.data), n = t.nextNode();
 		let r = e.querySelectorAll?.call(e, "template");
-		r && He(r, (e) => {
-			dn(e.content) && ln(e.content);
+		r && Ge(r, (e) => {
+			fn(e.content) && un(e.content);
 		});
-	}, un = function(e) {
-		let t = y ? y(e) : null;
-		return typeof t != "string" || q(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== ee(e) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== v(e) || e.childNodes !== h(e);
 	}, dn = function(e) {
-		if (!v || typeof e != "object" || !e) return !1;
+		let t = b ? b(e) : null;
+		return typeof t != "string" || K(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== v(e) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== y(e) || e.childNodes !== h(e);
+	}, fn = function(e) {
+		if (!y || typeof e != "object" || !e) return !1;
 		try {
-			return v(e) === Ft.documentFragment;
+			return y(e) === W.documentFragment;
 		} catch {
 			return !1;
 		}
-	}, Q = function(e) {
-		if (!v || typeof e != "object" || !e) return !1;
+	}, Z = function(e) {
+		if (!y || typeof e != "object" || !e) return !1;
 		try {
-			return typeof v(e) == "number";
+			return typeof y(e) == "number";
 		} catch {
 			return !1;
 		}
 	};
-	function fn(e, n, r) {
-		e.length !== 0 && He(e, (e) => {
-			e.call(t, n, r, J);
+	function Q(e, n, r) {
+		e.length !== 0 && Ge(e, (e) => {
+			e.call(t, n, r, q);
 		});
 	}
 	let $ = function(e, t) {
-		return !!(Ce && e.hasChildNodes() && !Q(e.firstElementChild) && H(jt, e.textContent) && H(jt, e.innerHTML) || Ce && e.namespaceURI === V && t === "style" && Q(e.firstElementChild) || e.nodeType === Ft.processingInstruction || Ce && e.nodeType === Ft.comment && H(Mt, e.data));
+		return !!(Oe && e.hasChildNodes() && !Z(e.firstElementChild) && z(Nt, e.textContent) && z(Nt, e.innerHTML) || Oe && e.namespaceURI === R && t === "style" && Z(e.firstElementChild) || e.nodeType === W.processingInstruction || Oe && e.nodeType === W.comment && z(Pt, e.data));
 	}, pn = function(e, t) {
-		if (!_e[t] && _n(t) && (N.tagNameCheck instanceof RegExp && H(N.tagNameCheck, t) || N.tagNameCheck instanceof Function && N.tagNameCheck(t))) return !1;
-		if (Pe && !Le[t]) {
+		if (!Se[t] && _n(t) && (O.tagNameCheck instanceof RegExp && z(O.tagNameCheck, t) || O.tagNameCheck instanceof Function && O.tagNameCheck(t))) return !1;
+		if (Re && !P[t]) {
 			let t = g(e), n = h(e);
 			if (n && t) {
 				let r = n.length;
 				for (let i = r - 1; i >= 0; --i) {
-					let r = Fe ? n[i] : f(n[i], !0);
+					let r = ze ? n[i] : f(n[i], !0);
 					t.insertBefore(r, m(e));
 				}
 			}
 		}
-		return X(e), !0;
+		return Y(e), !0;
 	}, mn = function(e) {
-		if (fn(T.beforeSanitizeElements, e, null), un(e)) return X(e), !0;
-		let n = q(y ? y(e) : e.nodeName);
-		if (fn(T.uponSanitizeElement, e, {
+		if (Q(T.beforeSanitizeElements, e, null), dn(e)) return Y(e), !0;
+		let n = K(b ? b(e) : e.nodeName);
+		if (Q(T.uponSanitizeElement, e, {
 			tagName: n,
-			allowedTags: j
-		}), $(e, n)) return X(e), !0;
-		if (_e[n] || !(P.tagCheck instanceof Function && P.tagCheck(n)) && !j[n]) return pn(e, n);
-		if ((v ? v(e) : e.nodeType) === Ft.element && !tn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && H(Nt, e.innerHTML)) return X(e), !0;
-		if (Se && e.nodeType === Ft.text) {
-			let n = cn(e.textContent);
-			e.textContent !== n && (Ge(t.removed, { element: e.cloneNode() }), e.textContent = n);
-		}
-		return fn(T.afterSanitizeElements, e, null), !1;
+			allowedTags: E
+		}), $(e, n)) return Y(e), !0;
+		if (Se[n] || !(k.tagCheck instanceof Function && k.tagCheck(n)) && !E[n]) return pn(e, n);
+		if ((y ? y(e) : e.nodeType) === W.element && !nn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && z(Ft, e.innerHTML)) return Y(e), !0;
+		if (De && e.nodeType === W.text) {
+			let n = ln(e.textContent);
+			e.textContent !== n && (Je(t.removed, { element: e.cloneNode() }), e.textContent = n);
+		}
+		return Q(T.afterSanitizeElements, e, null), !1;
 	}, hn = function(e, t, r) {
-		if (ve[t] || Ae && (t === "id" || t === "name") && (r in n || r in Jt)) return !1;
-		let i = M[t] || P.attributeCheck instanceof Function && P.attributeCheck(t, e);
-		if (!(be && H(O, t)) && !(ye && H(k, t))) {
+		if (Ce[t] || Pe && (t === "id" || t === "name") && (r in n || r in Yt)) return !1;
+		let i = D[t] || k.attributeCheck instanceof Function && k.attributeCheck(t, e);
+		if (!(Te && z(me, t)) && !(we && z(he, t))) {
 			if (!i) {
-				if (!(_n(e) && (N.tagNameCheck instanceof RegExp && H(N.tagNameCheck, e) || N.tagNameCheck instanceof Function && N.tagNameCheck(e)) && (N.attributeNameCheck instanceof RegExp && H(N.attributeNameCheck, t) || N.attributeNameCheck instanceof Function && N.attributeNameCheck(t, e)) || t === "is" && N.allowCustomizedBuiltInElements && (N.tagNameCheck instanceof RegExp && H(N.tagNameCheck, r) || N.tagNameCheck instanceof Function && N.tagNameCheck(r)))) return !1;
-			} else if (!et[t] && !H(me, Ze(r, A, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && Qe(r, "data:") === 0 && Be[e]) && !(F && !H(fe, Ze(r, A, ""))) && r) return !1;
+				if (!(_n(e) && (O.tagNameCheck instanceof RegExp && z(O.tagNameCheck, e) || O.tagNameCheck instanceof Function && O.tagNameCheck(e)) && (O.attributeNameCheck instanceof RegExp && z(O.attributeNameCheck, t) || O.attributeNameCheck instanceof Function && O.attributeNameCheck(t, e)) || t === "is" && O.allowCustomizedBuiltInElements && (O.tagNameCheck instanceof RegExp && z(O.tagNameCheck, r) || O.tagNameCheck instanceof Function && O.tagNameCheck(r)))) return !1;
+			} else if (!rt[t] && !z(ye, et(r, _e, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && tt(r, "data:") === 0 && Ue[e]) && !(A && !z(ge, et(r, _e, ""))) && r) return !1;
 		}
 		return !0;
-	}, gn = W({}, [
+	}, gn = V({}, [
 		"annotation-xml",
 		"color-profile",
 		"font-face",
@@ -4062,64 +4065,64 @@ function Bt() {
 		"font-face-uri",
 		"missing-glyph"
 	]), _n = function(e) {
-		return !gn[Je(e)] && H(pe, e);
+		return !gn[Ze(e)] && z(ve, e);
 	}, vn = function(e, t, n, r) {
-		if (b && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
-			case "TrustedHTML": return ae(r);
-			case "TrustedScriptURL": return oe(r);
+		if (x && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
+			case "TrustedHTML": return w(r);
+			case "TrustedScriptURL": return re(r);
 		}
 		return r;
 	}, yn = function(e, n, r, i) {
 		try {
-			r ? e.setAttributeNS(r, n, i) : e.setAttribute(n, i), un(e) ? X(e) : We(t.removed);
+			r ? e.setAttributeNS(r, n, i) : e.setAttribute(n, i), dn(e) ? Y(e) : qe(t.removed);
 		} catch {
-			Z(n, e);
+			X(n, e);
 		}
 	}, bn = function(e) {
-		fn(T.beforeSanitizeAttributes, e, null);
+		Q(T.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
-		if (!t || un(e)) return;
+		if (!t || dn(e)) return;
 		let n = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: M,
+			allowedAttributes: D,
 			forceKeepAttr: void 0
-		}, r = t.length, i = q(e.nodeName);
+		}, r = t.length, i = K(e.nodeName);
 		for (; r--;) {
-			let a = t[r], o = a.name, s = a.namespaceURI, c = a.value, l = q(o), u = c, d = o === "value" ? u : $e(u);
-			if (n.attrName = l, n.attrValue = d, n.keepAttr = !0, n.forceKeepAttr = void 0, fn(T.uponSanitizeAttribute, e, n), d = n.attrValue, je && (l === "id" || l === "name") && Qe(d, Me) !== 0 && (Z(o, e), d = Me + d), Ce && H(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, d)) {
-				Z(o, e);
+			let a = t[r], o = a.name, s = a.namespaceURI, c = a.value, l = K(o), u = c, d = o === "value" ? u : nt(u);
+			if (n.attrName = l, n.attrValue = d, n.keepAttr = !0, n.forceKeepAttr = void 0, Q(T.uponSanitizeAttribute, e, n), d = n.attrValue, Fe && (l === "id" || l === "name") && tt(d, Ie) !== 0 && (X(o, e), d = Ie + d), Oe && z(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, d)) {
+				X(o, e);
 				continue;
 			}
-			if (l === "attributename" && Xe(d, "href")) {
-				Z(o, e);
+			if (l === "attributename" && $e(d, "href")) {
+				X(o, e);
 				continue;
 			}
 			if (!n.forceKeepAttr) {
 				if (!n.keepAttr) {
-					Z(o, e);
+					X(o, e);
 					continue;
 				}
-				if (!xe && H(Pt, d)) {
-					Z(o, e);
+				if (!Ee && z(It, d)) {
+					X(o, e);
 					continue;
 				}
-				if (Se && (d = cn(d)), !hn(i, l, d)) {
-					Z(o, e);
+				if (De && (d = ln(d)), !hn(i, l, d)) {
+					X(o, e);
 					continue;
 				}
 				d = vn(i, l, s, d), d !== u && yn(e, o, s, d);
 			}
 		}
-		fn(T.afterSanitizeAttributes, e, null);
+		Q(T.afterSanitizeAttributes, e, null);
 	}, xn = function(e) {
-		let t = null, n = sn(e);
-		for (fn(T.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (fn(T.uponSanitizeShadowNode, t, null), mn(t), bn(t), dn(t.content) && xn(t.content), (v ? v(t) : t.nodeType) === Ft.element) {
+		let t = null, n = cn(e);
+		for (Q(T.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (Q(T.uponSanitizeShadowNode, t, null), mn(t), bn(t), fn(t.content) && xn(t.content), (y ? y(t) : t.nodeType) === W.element) {
 			let e = _(t);
-			dn(e) && (Sn(e), xn(e));
+			fn(e) && (Sn(e), xn(e));
 		}
-		fn(T.afterSanitizeShadowDOM, e, null);
+		Q(T.afterSanitizeShadowDOM, e, null);
 	}, Sn = function(e) {
 		let t = [{
 			node: e,
@@ -4131,16 +4134,16 @@ function Bt() {
 				xn(e.shadow);
 				continue;
 			}
-			let n = e.node, r = (v ? v(n) : n.nodeType) === Ft.element, i = h(n);
+			let n = e.node, r = (y ? y(n) : n.nodeType) === W.element, i = h(n);
 			if (i) for (let e = i.length - 1; e >= 0; --e) t.push({
 				node: i[e],
 				shadow: null
 			});
 			if (r) {
-				let e = y ? y(n) : null;
-				if (typeof e == "string" && q(e) === "template") {
+				let e = b ? b(n) : null;
+				if (typeof e == "string" && K(e) === "template") {
 					let e = n.content;
-					dn(e) && t.push({
+					fn(e) && t.push({
 						node: e,
 						shadow: null
 					});
@@ -4148,7 +4151,7 @@ function Bt() {
 			}
 			if (r) {
 				let e = _(n);
-				dn(e) && t.push({
+				fn(e) && t.push({
 					node: null,
 					shadow: e
 				}, {
@@ -4160,67 +4163,67 @@ function Bt() {
 	};
 	return t.sanitize = function(e) {
 		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, a = null, o = null, s = null;
-		if (at = !e, at && (e = "<!-->"), typeof e != "string" && !Q(e) && (e = st(e), typeof e != "string")) throw it("dirty is not a string, aborting");
+		if (ct = !e, ct && (e = "<!-->"), typeof e != "string" && !Z(e) && (e = ut(e), typeof e != "string")) throw st("dirty is not a string, aborting");
 		if (!t.isSupported) return e;
-		we ? (j = Te, M = Ee) : Xt(n), (T.uponSanitizeElement.length > 0 || T.uponSanitizeAttribute.length > 0) && (j = G(j)), T.uponSanitizeAttribute.length > 0 && (M = G(M)), t.removed = [];
-		let c = Fe && typeof e != "string" && Q(e);
+		M ? (E = ke, D = Ae) : Zt(n), (T.uponSanitizeElement.length > 0 || T.uponSanitizeAttribute.length > 0) && (E = H(E)), T.uponSanitizeAttribute.length > 0 && (D = H(D)), t.removed = [];
+		let c = ze && typeof e != "string" && Z(e);
 		if (c) {
-			let t = y ? y(e) : e.nodeName;
+			let t = b ? b(e) : e.nodeName;
 			if (typeof t == "string") {
-				let e = q(t);
-				if (!j[e] || _e[e]) throw it("root node is forbidden and cannot be sanitized in-place");
+				let e = K(t);
+				if (!E[e] || Se[e]) throw st("root node is forbidden and cannot be sanitized in-place");
 			}
-			if (un(e)) throw it("root node is clobbered and cannot be sanitized in-place");
+			if (dn(e)) throw st("root node is clobbered and cannot be sanitized in-place");
 			try {
 				Sn(e);
 			} catch (t) {
-				throw nn(e), t;
+				throw rn(e), t;
 			}
-		} else if (Q(e)) i = on("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === Ft.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Sn(a);
+		} else if (Z(e)) i = sn("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === W.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Sn(a);
 		else {
-			if (!De && !Se && !I && e.indexOf("<") === -1) return b && ke ? ae(e) : e;
-			if (i = on(e), !i) return De ? null : ke ? x : "";
+			if (!je && !De && !j && e.indexOf("<") === -1) return x && Ne ? w(e) : e;
+			if (i = sn(e), !i) return je ? null : Ne ? S : "";
 		}
-		i && L && X(i.firstChild);
-		let l = sn(c ? e : i);
+		i && N && Y(i.firstChild);
+		let l = cn(c ? e : i);
 		try {
-			for (; o = l.nextNode();) mn(o), bn(o), dn(o.content) && xn(o.content);
+			for (; o = l.nextNode();) mn(o), bn(o), fn(o.content) && xn(o.content);
 		} catch (t) {
-			throw c && nn(e), t;
+			throw c && rn(e), t;
 		}
-		if (c) return He(t.removed, (e) => {
-			e.element && an(e.element);
-		}), Se && ln(e), e;
-		if (De) {
-			if (Se && ln(i), Oe) for (s = S.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
+		if (c) return Ge(t.removed, (e) => {
+			e.element && on(e.element);
+		}), De && un(e), e;
+		if (je) {
+			if (De && un(i), Me) for (s = ce.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
 			else s = i;
-			return (M.shadowroot || M.shadowrootmode) && (s = w.call(r, s, !0)), s;
+			return (D.shadowroot || D.shadowrootmode) && (s = ue.call(r, s, !0)), s;
 		}
-		let u = I ? i.outerHTML : i.innerHTML;
-		return I && j["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && H(kt, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), Se && (u = cn(u)), b && ke ? ae(u) : u;
+		let u = j ? i.outerHTML : i.innerHTML;
+		return j && E["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && z(jt, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), De && (u = ln(u)), x && Ne ? w(u) : u;
 	}, t.setConfig = function() {
-		Xt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), we = !0, Te = j, Ee = M;
+		Zt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), M = !0, ke = E, Ae = D;
 	}, t.clearConfig = function() {
-		J = null, we = !1, Te = null, Ee = null, b = te, x = "";
+		q = null, M = !1, ke = null, Ae = null, x = C, S = "";
 	}, t.isValidAttribute = function(e, t, n) {
-		return J || Xt({}), hn(q(e), q(t), n);
+		return q || Zt({}), hn(K(e), K(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && B(T, e) && Ge(T[e], t);
+		typeof t == "function" && L(T, e) && Je(T[e], t);
 	}, t.removeHook = function(e, t) {
-		if (B(T, e)) {
+		if (L(T, e)) {
 			if (t !== void 0) {
-				let n = Ue(T[e], t);
-				return n === -1 ? void 0 : Ke(T[e], n, 1)[0];
+				let n = Ke(T[e], t);
+				return n === -1 ? void 0 : Ye(T[e], n, 1)[0];
 			}
-			return We(T[e]);
+			return qe(T[e]);
 		}
 	}, t.removeHooks = function(e) {
-		B(T, e) && (T[e] = []);
+		L(T, e) && (T[e] = []);
 	}, t.removeAllHooks = function() {
-		T = Rt();
+		T = zt();
 	}, t;
 }
-var Vt = Bt(), Ht = /* @__PURE__ */ "a.b.strong.i.em.u.s.p.br.span.div.ul.ol.li.h1.h2.h3.h4.h5.h6.table.thead.tbody.tfoot.tr.td.th.blockquote.code.pre.hr.img.sub.sup.small".split("."), Ut = [
+var Ht = Vt(), Ut = /* @__PURE__ */ "a.b.strong.i.em.u.s.p.br.span.div.ul.ol.li.h1.h2.h3.h4.h5.h6.table.thead.tbody.tfoot.tr.td.th.blockquote.code.pre.hr.img.sub.sup.small".split("."), Wt = [
 	"href",
 	"title",
 	"src",
@@ -4228,10 +4231,10 @@ var Vt = Bt(), Ht = /* @__PURE__ */ "a.b.strong.i.em.u.s.p.br.span.div.ul.ol.li.
 	"width",
 	"height"
 ];
-function Wt(e) {
-	let t = Vt.sanitize(e, {
-		ALLOWED_TAGS: Ht,
-		ALLOWED_ATTR: Ut,
+function Gt(e) {
+	let t = Ht.sanitize(e, {
+		ALLOWED_TAGS: Ut,
+		ALLOWED_ATTR: Wt,
 		ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
 	}), n = new DOMParser().parseFromString(t, "text/html");
 	return n.querySelectorAll("a[href]").forEach((e) => {
@@ -4240,12 +4243,12 @@ function Wt(e) {
 }
 //#endregion
 //#region src/components/webmapx-layer-info-dialog.ts
-var Gt = /^https:\/\/\S+$/i, Kt = class extends S {
+var Kt = /^https:\/\/\S+$/i, qt = class extends g {
 	constructor(...e) {
 		super(...e), this.dialogTitle = "", this.attribution = "", this.featureSummary = "", this.content = { kind: "none" }, this.fetchToken = 0;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4308,13 +4311,13 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends S {
 			this.content = { kind: "none" };
 			return;
 		}
-		if (Gt.test(i)) {
+		if (Kt.test(i)) {
 			this.loadFromUrl(i);
 			return;
 		}
 		this.content = {
 			kind: "html",
-			html: Wt(i)
+			html: Gt(i)
 		};
 	}
 	close() {
@@ -4330,7 +4333,7 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends S {
 			if (t !== this.fetchToken) return;
 			this.content = {
 				kind: "html",
-				html: Wt(r)
+				html: Gt(r)
 			};
 		} catch {
 			if (t !== this.fetchToken) return;
@@ -4342,22 +4345,22 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends S {
 	}
 	renderContent() {
 		switch (this.content.kind) {
-			case "none": return this.featureSummary ? null : w`<p class="placeholder">No detailed layer information available.</p>`;
-			case "loading": return w`<div class="loading"><sl-spinner></sl-spinner> Loading layer information…</div>`;
-			case "error": return w`<p class="placeholder">${this.content.message}</p>`;
-			case "html": return w`<div class="abstract">${M(this.content.html)}</div>`;
+			case "none": return this.featureSummary ? null : m`<p class="placeholder">No detailed layer information available.</p>`;
+			case "loading": return m`<div class="loading"><sl-spinner></sl-spinner> Loading layer information…</div>`;
+			case "error": return m`<p class="placeholder">${this.content.message}</p>`;
+			case "html": return m`<div class="abstract">${me(this.content.html)}</div>`;
 		}
 	}
 	render() {
-		return w`
+		return m`
             <sl-dialog label=${this.dialogTitle}
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
                 ${this.renderContent()}
-                ${this.featureSummary || this.attribution ? w`<div class="layer-meta">
-                        ${this.featureSummary ? w`<div class="feature-summary">${this.featureSummary}</div>` : null}
-                        ${this.attribution ? w`<div class="attribution"><strong>Attribution:</strong> ${ie(this.attribution)}</div>` : null}
+                ${this.featureSummary || this.attribution ? m`<div class="layer-meta">
+                        ${this.featureSummary ? m`<div class="feature-summary">${this.featureSummary}</div>` : null}
+                        ${this.attribution ? m`<div class="attribution"><strong>Attribution:</strong> ${he(this.attribution)}</div>` : null}
                     </div>` : null}
                 <div class="footer">
                     <sl-button autofocus @click=${this.close}>Close</sl-button>
@@ -4366,15 +4369,15 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends S {
         `;
 	}
 };
-d([A()], Kt.prototype, "dialogTitle", void 0), d([A()], Kt.prototype, "attribution", void 0), d([A()], Kt.prototype, "featureSummary", void 0), d([A()], Kt.prototype, "content", void 0), d([k("sl-dialog")], Kt.prototype, "dialog", void 0), Kt = d([D("webmapx-layer-info-dialog")], Kt);
+S([d()], qt.prototype, "dialogTitle", void 0), S([d()], qt.prototype, "attribution", void 0), S([d()], qt.prototype, "featureSummary", void 0), S([d()], qt.prototype, "content", void 0), S([f("sl-dialog")], qt.prototype, "dialog", void 0), qt = S([p("webmapx-layer-info-dialog")], qt);
 //#endregion
 //#region src/components/webmapx-layer-style-dialog.ts
-var K = class extends S {
+var G = class extends g {
 	constructor(...e) {
 		super(...e), this.dialogTitle = "Layer style", this.groups = [], this.analyses = {}, this.visibleAttributeTables = {};
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4709,13 +4712,13 @@ var K = class extends S {
 	}
 	renderValue(e) {
 		let t = this.toValidUrl(e);
-		if (t) return w`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>`;
+		if (t) return m`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>`;
 		let n = this.formatValue(e);
-		return n === "" ? T : this.isDateTimeValue(e) ? w`<span class="no-wrap-value">${n}</span>` : n;
+		return n === "" ? c : this.isDateTimeValue(e) ? m`<span class="no-wrap-value">${n}</span>` : n;
 	}
 	renderSampleValue(e) {
 		let t = this.toValidUrl(e);
-		return t ? w`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>` : e;
+		return t ? m`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>` : e;
 	}
 	toValidUrl(e) {
 		if (typeof e != "string") return null;
@@ -4747,29 +4750,29 @@ var K = class extends S {
 	}
 	renderAnalysis(e) {
 		let t = this.analyses[e.sourceId];
-		return t ? w`
+		return t ? m`
             <div class="attribute-analysis">
                 <div class="analysis-row"><span class="analysis-label">Type</span><span class="analysis-value">${t.type}</span></div>
                 <div class="analysis-row"><span class="analysis-label">Values</span><span class="analysis-value">${t.presentCount} present, ${t.missingCount} missing</span></div>
                 <div class="analysis-row"><span class="analysis-label">Unique</span><span class="analysis-value">${t.uniqueCount}</span></div>
-                ${t.rangeLabel ? w`<div class="analysis-row"><span class="analysis-label">Range</span><span class="analysis-value">${t.rangeLabel}</span></div>` : null}
-                ${t.sampleValues.length > 0 ? w`<div class="analysis-row">
+                ${t.rangeLabel ? m`<div class="analysis-row"><span class="analysis-label">Range</span><span class="analysis-value">${t.rangeLabel}</span></div>` : null}
+                ${t.sampleValues.length > 0 ? m`<div class="analysis-row">
                         <span class="analysis-label">Sample</span>
                         <span class="analysis-value">
-                            ${t.sampleValues.map((e, t) => w`${t > 0 ? "; " : ""}${this.renderSampleValue(e)}`)}
+                            ${t.sampleValues.map((e, t) => m`${t > 0 ? "; " : ""}${this.renderSampleValue(e)}`)}
                         </span>
                     </div>` : null}
             </div>
         ` : null;
 	}
 	renderAttributeTable(e) {
-		return this.visibleAttributeTables[e.sourceId] ? e.featureRows.length === 0 ? w`<p class="placeholder">No loaded feature rows available.</p>` : w`
+		return this.visibleAttributeTables[e.sourceId] ? e.featureRows.length === 0 ? m`<p class="placeholder">No loaded feature rows available.</p>` : m`
             <div class="attribute-table-wrap">
                 <table class="attribute-table">
                     <thead>
                         <tr>
                             <th>#</th>
-                            ${e.attributes.map((t) => w`
+                            ${e.attributes.map((t) => m`
                                 <th class="attribute-heading">
                                     <button
                                         type="button"
@@ -4782,10 +4785,10 @@ var K = class extends S {
                         </tr>
                     </thead>
                     <tbody>
-                        ${e.featureRows.map((t, n) => w`
+                        ${e.featureRows.map((t, n) => m`
                             <tr>
                                 <td class="feature-index-cell">${n + 1}</td>
-                                ${e.attributes.map((e) => w`
+                                ${e.attributes.map((e) => m`
                                     <td class=${this.toValidUrl(t[e.name]) ? "feature-value-cell url-value-cell" : "feature-value-cell"}>
                                         ${this.renderValue(t[e.name])}
                                     </td>
@@ -4798,33 +4801,33 @@ var K = class extends S {
         ` : null;
 	}
 	render() {
-		return w`
+		return m`
             <sl-dialog label=${this.dialogTitle}
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
-                ${this.groups.length > 0 ? w`<div class="source-list">
-                        ${this.groups.map((e) => w`
+                ${this.groups.length > 0 ? m`<div class="source-list">
+                        ${this.groups.map((e) => m`
                             <section class="source-group">
                                 <h3 class="source-title">${e.sourceId}</h3>
                                 <div class="source-meta">
                                     <span class="pill">${e.featureCountLabel}</span>
-                                    ${e.geometryTypes.map((e) => w`<span class="pill">${e}</span>`)}
+                                    ${e.geometryTypes.map((e) => m`<span class="pill">${e}</span>`)}
                                 </div>
                                 <p class="subheading">Table</p>
-                                ${e.attributes.length > 0 ? w`<div class="table-controls">
+                                ${e.attributes.length > 0 ? m`<div class="table-controls">
                                         <span class="table-hint">
                                             ${this.visibleAttributeTables[e.sourceId] ? "Click an attribute header to analyze it. Use the button to hide the table." : "Show the feature table. Click an attribute header to analyze it."}
                                         </span>
                                         <sl-button size="small" @click=${() => this.toggleAttributeTable(e.sourceId)}>
                                             ${this.visibleAttributeTables[e.sourceId] ? "Hide table" : "Table"}
                                         </sl-button>
-                                    </div>` : w`<p class="placeholder">No attributes found in loaded features.</p>`}
+                                    </div>` : m`<p class="placeholder">No attributes found in loaded features.</p>`}
                                 ${this.renderAttributeTable(e)}
                                 ${this.renderAnalysis(e)}
                                 <p class="subheading">Layers</p>
                                 <div class="style-targets">
-                                    ${e.layers.map((e) => w`
+                                    ${e.layers.map((e) => m`
                                         <div class="style-target">
                                             <sl-icon name="palette"></sl-icon>
                                             <span class="target-label">${e.id}</span>
@@ -4834,7 +4837,7 @@ var K = class extends S {
                                 </div>
                             </section>
                         `)}
-                    </div>` : w`<p class="placeholder">No editable style source found.</p>`}
+                    </div>` : m`<p class="placeholder">No editable style source found.</p>`}
                 <div class="footer">
                     <sl-button autofocus @click=${this.close}>Close</sl-button>
                 </div>
@@ -4842,18 +4845,18 @@ var K = class extends S {
         `;
 	}
 };
-d([A()], K.prototype, "dialogTitle", void 0), d([A()], K.prototype, "groups", void 0), d([A()], K.prototype, "analyses", void 0), d([A()], K.prototype, "visibleAttributeTables", void 0), d([k("sl-dialog")], K.prototype, "dialog", void 0), K = d([D("webmapx-layer-style-dialog")], K);
+S([d()], G.prototype, "dialogTitle", void 0), S([d()], G.prototype, "groups", void 0), S([d()], G.prototype, "analyses", void 0), S([d()], G.prototype, "visibleAttributeTables", void 0), S([f("sl-dialog")], G.prototype, "dialog", void 0), G = S([p("webmapx-layer-style-dialog")], G);
 //#endregion
 //#region src/components/webmapx-save-layers-dialog.ts
-var qt, q = class extends S {
+var Jt, K = class extends g {
 	static {
-		qt = this;
+		Jt = this;
 	}
 	constructor(...e) {
 		super(...e), this.items = [], this.filename = "map-layers", this.includeStyle = !0, this.zip = !0;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4927,7 +4930,7 @@ var qt, q = class extends S {
 	buildFileBases(e) {
 		let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
 		for (let r of e) {
-			let e = qt.sanitizeFileBase(r.layerId), i = e, a = 2;
+			let e = Jt.sanitizeFileBase(r.layerId), i = e, a = 2;
 			for (; n.has(i);) i = `${e}_${a++}`;
 			n.add(i), t.set(r.layerId, i);
 		}
@@ -4970,14 +4973,14 @@ var qt, q = class extends S {
 			this.downloadBlob(new Blob([r], { type: "application/geo+json" }), `${t}.geojson`), this.close();
 			return;
 		}
-		let n = [...e].reverse(), r = this.buildFileBases(n), i = new ce(new se("application/zip"));
+		let n = [...e].reverse(), r = this.buildFileBases(n), i = new ye(new ve("application/zip"));
 		for (let e of n) {
 			let t = typeof e.data == "string" ? e.data : JSON.stringify(e.data, null, 2);
-			await i.add(`${r.get(e.layerId)}.geojson`, new oe(t));
+			await i.add(`${r.get(e.layerId)}.geojson`, new _e(t));
 		}
 		if (this.includeStyle) for (let e of n) {
 			let t = this.buildStyleConfig(e, r.get(e.layerId));
-			await i.add(`${r.get(e.layerId)}_style.json`, new oe(JSON.stringify(t, null, 2)));
+			await i.add(`${r.get(e.layerId)}_style.json`, new _e(JSON.stringify(t, null, 2)));
 		}
 		this.downloadBlob(await i.close(), `${t}.zip`), this.close();
 	}
@@ -4987,13 +4990,13 @@ var qt, q = class extends S {
 	}
 	render() {
 		let e = this.selectedItems.length, t = this.singleFileEligible;
-		return w`
+		return m`
             <sl-dialog label="Save layer(s)"
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
                 <div class="layer-list">
-                    ${this.items.map((e) => w`
+                    ${this.items.map((e) => m`
                         <div class="layer-row">
                             <sl-checkbox
                                 ?checked=${e.checked}
@@ -5001,7 +5004,7 @@ var qt, q = class extends S {
                                 @sl-change=${(t) => this.toggleItem(e.layerId, t.target.checked)}
                             >
                                 ${e.label}
-                                ${e.data === null ? w`<span class="unsupported">(no exportable data)</span>` : null}
+                                ${e.data === null ? m`<span class="unsupported">(no exportable data)</span>` : null}
                             </sl-checkbox>
                         </div>
                     `)}
@@ -5020,7 +5023,7 @@ var qt, q = class extends S {
 		}}>
                         Include style
                     </sl-checkbox>
-                    ${t ? w`
+                    ${t ? m`
                         <sl-checkbox ?checked=${this.zip}
                                       @sl-change=${(e) => {
 			this.zip = e.target.checked;
@@ -5040,15 +5043,15 @@ var qt, q = class extends S {
         `;
 	}
 };
-d([A()], q.prototype, "items", void 0), d([A()], q.prototype, "filename", void 0), d([A()], q.prototype, "includeStyle", void 0), d([A()], q.prototype, "zip", void 0), d([k("sl-dialog")], q.prototype, "dialog", void 0), d([k(".filename-input")], q.prototype, "filenameInput", void 0), q = qt = d([D("webmapx-save-layers-dialog")], q);
+S([d()], K.prototype, "items", void 0), S([d()], K.prototype, "filename", void 0), S([d()], K.prototype, "includeStyle", void 0), S([d()], K.prototype, "zip", void 0), S([f("sl-dialog")], K.prototype, "dialog", void 0), S([f(".filename-input")], K.prototype, "filenameInput", void 0), K = Jt = S([p("webmapx-save-layers-dialog")], K);
 //#endregion
 //#region src/components/webmapx-permalink-dialog.ts
-var J = class extends S {
+var q = class extends g {
 	constructor(...e) {
 		super(...e), this.url = "", this.hasConfig = !1, this.dynamicLayerIds = [], this.copied = !1;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -5097,9 +5100,9 @@ var J = class extends S {
 		}, 2e3);
 	}
 	render() {
-		return w`
+		return m`
             <sl-dialog label="Permalink">
-                ${this.dynamicLayerIds.length > 0 ? w`
+                ${this.dynamicLayerIds.length > 0 ? m`
                     <div class="warning">
                         <sl-icon name="exclamation-triangle"></sl-icon>
                         <span>
@@ -5109,7 +5112,7 @@ var J = class extends S {
                         </span>
                     </div>
                 ` : null}
-                ${this.hasConfig ? null : w`
+                ${this.hasConfig ? null : m`
                     <div class="warning">
                         <sl-icon name="exclamation-triangle"></sl-icon>
                         <span>Config was not loaded from a URL — layer state may not restore for recipients using a different config.</span>
@@ -5127,11 +5130,11 @@ var J = class extends S {
         `;
 	}
 };
-d([A()], J.prototype, "url", void 0), d([A()], J.prototype, "hasConfig", void 0), d([A()], J.prototype, "dynamicLayerIds", void 0), d([A()], J.prototype, "copied", void 0), d([k("sl-dialog")], J.prototype, "dialog", void 0), J = d([D("webmapx-permalink-dialog")], J);
+S([d()], q.prototype, "url", void 0), S([d()], q.prototype, "hasConfig", void 0), S([d()], q.prototype, "dynamicLayerIds", void 0), S([d()], q.prototype, "copied", void 0), S([f("sl-dialog")], q.prototype, "dialog", void 0), q = S([p("webmapx-permalink-dialog")], q);
 //#endregion
 //#region src/components/webmapx-layer-overview.ts
-var Jt;
-function Yt(e) {
+var Yt;
+function Xt(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = (e) => {
 		if (typeof e[0] == "number") {
 			let [a, o] = e;
@@ -5149,7 +5152,7 @@ function Yt(e) {
 		Math.min(85.05112878, i)
 	] : null;
 }
-function Xt(e, t) {
+function Zt(e, t) {
 	return e ? t ? [
 		Math.min(e[0], t[0]),
 		Math.min(e[1], t[1]),
@@ -5157,10 +5160,10 @@ function Xt(e, t) {
 		Math.max(e[3], t[3])
 	] : e : t;
 }
-function Zt(e) {
+function Qt(e) {
 	if (!e) return 0;
 	switch (e.type) {
-		case "GeometryCollection": return e.geometries.reduce((e, t) => e + Zt(t), 0);
+		case "GeometryCollection": return e.geometries.reduce((e, t) => e + Qt(t), 0);
 		case "Point": return 1;
 		case "MultiPoint":
 		case "LineString": return e.coordinates.length;
@@ -5170,16 +5173,16 @@ function Zt(e) {
 		default: return 0;
 	}
 }
-function Qt(e) {
+function $t(e) {
 	let t = /* @__PURE__ */ new Map(), n = 0;
 	for (let r of e.features ?? []) {
 		let e = r.geometry?.type ?? "unknown";
-		t.set(e, (t.get(e) ?? 0) + 1), n += Zt(r.geometry);
+		t.set(e, (t.get(e) ?? 0) + 1), n += Qt(r.geometry);
 	}
 	let r = e.features?.length ?? 0, i = [...t.entries()].map(([e, t]) => `${e}: ${t}`).join(", ");
 	return `${i && t.size > 1 ? `${r} features (${i})` : `${r} feature${r === 1 ? "" : "s"}${i ? ` (${[...t.keys()][0]})` : ""}`}, ${n} ${n === 1 ? "vertex" : "vertices"}`;
 }
-function $t(e, t) {
+function en(e, t) {
 	if (Array.isArray(t?.sublayers) && t.sublayers.length > 0) {
 		let n = /* @__PURE__ */ new Set();
 		for (let e of t.sublayers) typeof e.source == "string" && n.add(e.source);
@@ -5187,16 +5190,16 @@ function $t(e, t) {
 	}
 	return typeof t?.sourceId == "string" ? [[t.sourceId]] : [];
 }
-var en = new Set([
+var tn = new Set([
 	"circle",
 	"symbol",
 	"label",
 	"line",
 	"fill",
 	"fill-extrusion"
-]), Y = class extends f {
+]), J = class extends C {
 	static {
-		Jt = this;
+		Yt = this;
 	}
 	constructor(...e) {
 		super(...e), this.backgroundGroupLabel = "Base Maps", this.backgroundTitle = "Base map", this.overviewTitle = "Active layers", this.backgroundLayers = [], this.overviewLayers = [], this.layerTransparency = /* @__PURE__ */ new Map(), this.dropTargetLayerId = null, this.dropTargetPosition = null, this.sourceExtentCache = /* @__PURE__ */ new Map(), this.layerExtentCache = /* @__PURE__ */ new Map(), this.unsubscribeLayerAdd = null, this.unsubscribeLayerRemove = null, this.dragState = null, this.autoScrollState = null;
@@ -5211,7 +5214,7 @@ var en = new Set([
 		this.AUTO_SCROLL_INTERVAL_MS = 20;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: block;
       box-sizing: border-box;
@@ -5482,7 +5485,7 @@ var en = new Set([
 		this.unsubscribeLayerAdd?.(), this.unsubscribeLayerRemove?.(), this.unsubscribeLayerAdd = null, this.unsubscribeLayerRemove = null;
 	}
 	render() {
-		return w`
+		return m`
       <div class="panel">
         ${this.renderSection(this.overviewTitle, this.overviewLayers, "No active layers.", !0)}
         ${this.renderSection(this.backgroundTitle, this.backgroundLayers, "No base map selected.")}
@@ -5494,13 +5497,13 @@ var en = new Set([
     `;
 	}
 	renderSection(e, t, n, r = !1) {
-		return w`
+		return m`
       <section class="section">
         <h3 class="section-title">${e}</h3>
-        ${t.length > 0 ? w`
+        ${t.length > 0 ? m`
               <div class="layer-list">
-                ${t.map((e) => w`
-                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "above" ? w`<div class="drop-indicator"></div>` : null}
+                ${t.map((e) => m`
+                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "above" ? m`<div class="drop-indicator"></div>` : null}
                   <div class="layer-card" data-layer-id=${e.layerId}>
                     <div class="layer-row">
                       <sl-icon-button
@@ -5509,7 +5512,7 @@ var en = new Set([
                         label=${e.visible ? "Hide layer" : "Show layer"}
                         @click=${() => this.handleVisibilityToggle(e.layerId)}
                       ></sl-icon-button>
-                      ${t.length > 1 ? w`
+                      ${t.length > 1 ? m`
                         <span
                           class="layer-label-drag"
                           @pointerdown=${(e) => this.onDragHandlePointerDown(e)}
@@ -5517,7 +5520,7 @@ var en = new Set([
                           @pointerup=${(e) => this.onDragHandlePointerUp(e)}
                           @pointercancel=${(e) => this.onDragHandlePointerUp(e)}
                         ><span class="layer-label ${e.outOfZoom ? "out-of-zoom" : ""}">${e.label}</span></span>
-                      ` : w`<span class="layer-label ${e.outOfZoom ? "out-of-zoom" : ""}">${e.label}</span>`}
+                      ` : m`<span class="layer-label ${e.outOfZoom ? "out-of-zoom" : ""}">${e.label}</span>`}
                       <sl-icon-button
                         class="collapse-toggle"
                         name=${this.isLegendCollapsed(e.layerId) ? "chevron-right" : "chevron-down"}
@@ -5527,7 +5530,7 @@ var en = new Set([
                     </div>
                     <div class="layer-details ${this.isLegendCollapsed(e.layerId) ? "collapsed" : ""}">
                       <div class="layer-details-inner">
-                        ${e.visible ? w`
+                        ${e.visible ? m`
                               <div class="opacity-row">
                                 <sl-icon name="circle-half"></sl-icon>
                                 <input
@@ -5543,24 +5546,24 @@ var en = new Set([
                                 <webmapx-layer-legend layer-id=${e.layerId}></webmapx-layer-legend>
                               </div>
                             ` : null}
-                        ${e.topLevelGroup ? w`<div class="layer-meta">${e.topLevelGroup}</div>` : null}
+                        ${e.topLevelGroup ? m`<div class="layer-meta">${e.topLevelGroup}</div>` : null}
                         <div class="layer-details-actions">
                           <sl-icon-button
                             name="info-circle"
                             label="About this layer"
                             @click=${() => this.handleShowLayerInfo(e.layerId, e.label)}
                           ></sl-icon-button>
-                          ${e.hasStyleDialog ? w`<sl-icon-button
+                          ${e.hasStyleDialog ? m`<sl-icon-button
                                 name="palette"
                                 label="Layer style"
                                 @click=${() => this.handleShowLayerStyle(e.layerId, e.label)}
                               ></sl-icon-button>` : null}
-                          ${e.hasExtent ? w`<sl-icon-button
+                          ${e.hasExtent ? m`<sl-icon-button
                                 name="zoom-in"
                                 label="Zoom to layer"
                                 @click=${() => this.handleZoomToLayer(e.layerId)}
                               ></sl-icon-button>` : null}
-                          ${r ? w`<sl-icon-button
+                          ${r ? m`<sl-icon-button
                                 class="delete-layer"
                                 name="trash"
                                 label="Delete layer"
@@ -5570,11 +5573,11 @@ var en = new Set([
                       </div>
                     </div>
                   </div>
-                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "below" ? w`<div class="drop-indicator"></div>` : null}
+                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "below" ? m`<div class="drop-indicator"></div>` : null}
                 `)}
               </div>
-            ` : w`<div class="empty">${n}</div>`}
-        ${r ? w`
+            ` : m`<div class="empty">${n}</div>`}
+        ${r ? m`
               <div class="save-layers-row">
                 <sl-tooltip content="Permalink">
                   <sl-icon-button
@@ -5583,7 +5586,7 @@ var en = new Set([
                     @click=${() => this.handlePermalink()}
                   ></sl-icon-button>
                 </sl-tooltip>
-                ${t.length > 0 ? w`
+                ${t.length > 0 ? m`
                   <sl-tooltip content="Save layer(s)…">
                     <sl-icon-button
                       name="download"
@@ -5677,7 +5680,7 @@ var en = new Set([
 	}
 	updateAutoScroll(e, t) {
 		if (!t) return;
-		let n = t.getBoundingClientRect(), r = Jt.AUTO_SCROLL_EDGE_PX, i = null;
+		let n = t.getBoundingClientRect(), r = Yt.AUTO_SCROLL_EDGE_PX, i = null;
 		if (e < n.top + r ? i = "up" : e > n.bottom - r && (i = "down"), !i) {
 			this.stopAutoScroll();
 			return;
@@ -5696,7 +5699,7 @@ var en = new Set([
 			this.stopAutoScroll();
 			return;
 		}
-		t.scrollTop += n === "up" ? -Jt.AUTO_SCROLL_STEP_PX : Jt.AUTO_SCROLL_STEP_PX, e.timer = window.setTimeout(() => this.runAutoScrollStep(), Jt.AUTO_SCROLL_INTERVAL_MS);
+		t.scrollTop += n === "up" ? -Yt.AUTO_SCROLL_STEP_PX : Yt.AUTO_SCROLL_STEP_PX, e.timer = window.setTimeout(() => this.runAutoScrollStep(), Yt.AUTO_SCROLL_INTERVAL_MS);
 	}
 	stopAutoScroll() {
 		this.autoScrollState &&= (window.clearTimeout(this.autoScrollState.timer), null);
@@ -5705,8 +5708,8 @@ var en = new Set([
 		if (!this.adapter) return;
 		let e = this.adapter.getViewportState(), t = this.adapter.store.getState().mapLayers, n = Object.keys(t), r = n.filter((e) => t[e]?.visible === !1), i = /* @__PURE__ */ new Map();
 		for (let [e, n] of Object.entries(t)) typeof n.transparency == "number" && n.transparency !== 0 && i.set(e, n.transparency);
-		let a = l(this.closest("webmapx-map") ?? this.adapter), o = s(a), u = this.adapter.getProjection?.()?.name ?? null, d = n.filter((e) => t[e]?.dynamic === !0), f = c(a, n, r, e, i, u, o);
-		this.permalinkDialog?.open(f, !!o, d);
+		let a = b(this.closest("webmapx-map") ?? this.adapter), o = v(a), s = this.adapter.getProjection?.()?.name ?? null, c = n.filter((e) => t[e]?.dynamic === !0), l = y(a, n, r, e, i, s, o);
+		this.permalinkDialog?.open(l, !!o, c);
 	}
 	handleSaveLayers() {
 		if (!this.adapter) return;
@@ -5778,18 +5781,18 @@ var en = new Set([
 		this.styleDialog?.open(r, this.getLayerStyleGroups(e, n));
 	}
 	getLayerFeatureSummary(e, t) {
-		let n = $t(e, t), r = [];
+		let n = en(e, t), r = [];
 		for (let e of n) for (let t of e) {
 			let e = this.adapter?.getSourceData(t) ?? null;
 			if (e && typeof e == "object") {
-				r.push(Qt(e));
+				r.push($t(e));
 				break;
 			}
 		}
-		return r.length === 0 && t?.sourceData && typeof t.sourceData == "object" && r.push(Qt(t.sourceData)), r.length > 0 ? r.join("; ") : void 0;
+		return r.length === 0 && t?.sourceData && typeof t.sourceData == "object" && r.push($t(t.sourceData)), r.length > 0 ? r.join("; ") : void 0;
 	}
 	layerHasExtent(e, t) {
-		return Array.isArray(t?.bounds) && t.bounds.length === 4 ? !0 : $t(e, t).some((e) => e.some((e) => this.adapter?.getSourceData(e) !== null));
+		return Array.isArray(t?.bounds) && t.bounds.length === 4 ? !0 : en(e, t).some((e) => e.some((e) => this.adapter?.getSourceData(e) !== null));
 	}
 	layerHasStyleDialog(e) {
 		return this.getLayerStyleTargets("", e).length > 0;
@@ -5799,7 +5802,7 @@ var en = new Set([
 		if (Array.isArray(t?.sublayers) && t.sublayers.length > 0) this.collectStyleTargetsFromSublayers(e, t.sublayers, n);
 		else {
 			let r = typeof t?.layerType == "string" ? t.layerType : void 0, i = typeof t?.sourceId == "string" ? t.sourceId : "";
-			r && en.has(r) && n.push({
+			r && tn.has(r) && n.push({
 				id: e,
 				type: r,
 				sourceId: i
@@ -5811,7 +5814,7 @@ var en = new Set([
 		if (Array.isArray(t)) for (let r of t) {
 			if (!r || typeof r != "object") continue;
 			let t = r, i = typeof t.type == "string" ? t.type : void 0, a = typeof t.id == "string" && t.id.length > 0 ? t.id : i, o = typeof t.source == "string" ? t.source : "", s = o ? `${e}:${o}` : "", c = typeof t["source-layer"] == "string" ? t["source-layer"] : void 0;
-			i && a && en.has(i) && n.push({
+			i && a && tn.has(i) && n.push({
 				id: a,
 				type: i,
 				sourceId: s,
@@ -5919,7 +5922,7 @@ var en = new Set([
 		for (let t of e) {
 			let e = this.adapter?.getSourceData(t) ?? null;
 			if (e && typeof e == "object") {
-				n = Yt(e);
+				n = Xt(e);
 				break;
 			}
 		}
@@ -5929,7 +5932,7 @@ var en = new Set([
 		if (this.layerExtentCache.has(e)) return this.layerExtentCache.get(e) ?? null;
 		let t = this.adapter?.store.getState().mapLayers?.[e], n = null;
 		if (Array.isArray(t?.bounds) && t.bounds.length === 4) n = t.bounds;
-		else for (let r of $t(e, t)) n = Xt(n, this.getSourceExtent(r));
+		else for (let r of en(e, t)) n = Zt(n, this.getSourceExtent(r));
 		return this.layerExtentCache.set(e, n), n;
 	}
 	handleZoomToLayer(e) {
@@ -5968,24 +5971,24 @@ var en = new Set([
 		} }, "UI"), this.applyVisibleLayers(this.store.getState());
 	}
 };
-d([O({
+S([s({
 	type: String,
 	attribute: "background-group-label"
-})], Y.prototype, "backgroundGroupLabel", void 0), d([O({
+})], J.prototype, "backgroundGroupLabel", void 0), S([s({
 	type: String,
 	attribute: "background-title"
-})], Y.prototype, "backgroundTitle", void 0), d([O({
+})], J.prototype, "backgroundTitle", void 0), S([s({
 	type: String,
 	attribute: "overview-title"
-})], Y.prototype, "overviewTitle", void 0), d([A()], Y.prototype, "backgroundLayers", void 0), d([A()], Y.prototype, "overviewLayers", void 0), d([A()], Y.prototype, "layerTransparency", void 0), d([A()], Y.prototype, "dropTargetLayerId", void 0), d([A()], Y.prototype, "dropTargetPosition", void 0), d([k("webmapx-layer-info-dialog")], Y.prototype, "infoDialog", void 0), d([k("webmapx-layer-style-dialog")], Y.prototype, "styleDialog", void 0), d([k("webmapx-save-layers-dialog")], Y.prototype, "saveLayersDialog", void 0), d([k("webmapx-permalink-dialog")], Y.prototype, "permalinkDialog", void 0), Y = Jt = d([D("webmapx-layer-overview")], Y);
+})], J.prototype, "overviewTitle", void 0), S([d()], J.prototype, "backgroundLayers", void 0), S([d()], J.prototype, "overviewLayers", void 0), S([d()], J.prototype, "layerTransparency", void 0), S([d()], J.prototype, "dropTargetLayerId", void 0), S([d()], J.prototype, "dropTargetPosition", void 0), S([f("webmapx-layer-info-dialog")], J.prototype, "infoDialog", void 0), S([f("webmapx-layer-style-dialog")], J.prototype, "styleDialog", void 0), S([f("webmapx-save-layers-dialog")], J.prototype, "saveLayersDialog", void 0), S([f("webmapx-permalink-dialog")], J.prototype, "permalinkDialog", void 0), J = Yt = S([p("webmapx-layer-overview")], J);
 //#endregion
 //#region src/components/webmapx-spinner.ts
-var tn = class extends f {
+var nn = class extends C {
 	constructor(...e) {
 		super(...e), this.busy = !1, this.small = !1, this.nocolor = !1;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host {
             display: block;
             --webmapx-pointer-events: none;
@@ -6019,28 +6022,28 @@ var tn = class extends f {
 		this.busy = e.mapBusy;
 	}
 	render() {
-		return w`
+		return m`
             <div class="spinner-container ${this.busy ? "visible" : ""}">
                 <sl-spinner></sl-spinner>
             </div>
         `;
 	}
 };
-d([A()], tn.prototype, "busy", void 0), d([O({
+S([d()], nn.prototype, "busy", void 0), S([s({
 	type: Boolean,
 	reflect: !0
-})], tn.prototype, "small", void 0), d([O({
+})], nn.prototype, "small", void 0), S([s({
 	type: Boolean,
 	reflect: !0
-})], tn.prototype, "nocolor", void 0), tn = d([D("webmapx-spinner")], tn);
+})], nn.prototype, "nocolor", void 0), nn = S([p("webmapx-spinner")], nn);
 //#endregion
 //#region src/components/webmapx-control-group.ts
-var X = class extends S {
+var Y = class extends g {
 	constructor(...e) {
 		super(...e), this.orientation = "vertical", this.panelPosition = "after", this.alignment = "start", this.slotAnchorY = "top", this.panelActive = !1, this.priority = "normal", this.panelObserver = null;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: flex;
       pointer-events: none;
@@ -6149,39 +6152,39 @@ var X = class extends S {
 		e.has("orientation") && this.updateToolbarOrientation(), e.has("slot") && this.updateSlotAnchor();
 	}
 	render() {
-		return w`<slot @slotchange=${this.handleSlotChange}></slot>`;
+		return m`<slot @slotchange=${this.handleSlotChange}></slot>`;
 	}
 };
-d([O({
+S([s({
 	type: String,
 	reflect: !0
-})], X.prototype, "orientation", void 0), d([O({
+})], Y.prototype, "orientation", void 0), S([s({
 	type: String,
 	reflect: !0,
 	attribute: "panel-position"
-})], X.prototype, "panelPosition", void 0), d([O({
+})], Y.prototype, "panelPosition", void 0), S([s({
 	type: String,
 	reflect: !0
-})], X.prototype, "alignment", void 0), d([O({
+})], Y.prototype, "alignment", void 0), S([s({
 	type: String,
 	reflect: !0,
 	attribute: "slot-anchor-y"
-})], X.prototype, "slotAnchorY", void 0), d([O({
+})], Y.prototype, "slotAnchorY", void 0), S([s({
 	type: Boolean,
 	reflect: !0,
 	attribute: "panel-active"
-})], X.prototype, "panelActive", void 0), d([O({
+})], Y.prototype, "panelActive", void 0), S([s({
 	type: String,
 	reflect: !0
-})], X.prototype, "priority", void 0), d([fe()], X.prototype, "childrenElements", void 0), X = d([D("webmapx-control-group")], X);
+})], Y.prototype, "priority", void 0), S([_()], Y.prototype, "childrenElements", void 0), Y = S([p("webmapx-control-group")], Y);
 //#endregion
 //#region src/components/webmapx-zoom-level.ts
-var nn = class extends f {
+var rn = class extends C {
 	constructor(...e) {
 		super(...e), this.currentZoom = null, this.inputValue = "", this.unsubscribeEvents = null;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host {
             position: relative;
             display: inline-flex;
@@ -6256,7 +6259,7 @@ var nn = class extends f {
 		!isNaN(e) && e >= 0 && this.adapter.setZoom(e);
 	}
 	render() {
-		return w`
+		return m`
             <div class="tool-container">
                 <label for="zoom-input">Zoom:</label>
                 <input
@@ -6274,10 +6277,10 @@ var nn = class extends f {
         `;
 	}
 };
-d([A()], nn.prototype, "currentZoom", void 0), d([A()], nn.prototype, "inputValue", void 0), nn = d([D("webmapx-zoom-level")], nn);
+S([d()], rn.prototype, "currentZoom", void 0), S([d()], rn.prototype, "inputValue", void 0), rn = S([p("webmapx-zoom-level")], rn);
 //#endregion
 //#region src/components/webmapx-navigation-control.ts
-var Z = class extends f {
+var X = class extends C {
 	constructor(...e) {
 		super(...e), this.orientation = "vertical", this.showCompass = !0, this.showZoom = !0, this.visualizePitch = !0, this.currentZoom = null, this.bearing = 0, this.pitch = 0, this.compassSupported = !1, this.unsubscribeEvents = [], this.zoomMin = null, this.zoomMax = null, this.compassRect = null, this.compassPointerId = null, this.compassPointerTarget = null, this.startBearing = 0, this.startPitch = 0, this.startPointer = null, this.compassDragMoved = !1, this.suppressNextCompassClick = !1, this.compassClickTolerance = 4, this.compassDragMode = null, this.handleZoomIn = () => {
 			if (!this.adapter) return;
@@ -6320,7 +6323,7 @@ var Z = class extends f {
 		};
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: inline-flex;
       pointer-events: auto;
@@ -6470,7 +6473,7 @@ var Z = class extends f {
 		let e = [];
 		e.push(`rotate(${this.normalizeBearing(-this.bearing)}deg)`), this.visualizePitch && e.unshift(`rotateX(${this.pitch}deg)`);
 		let t = e.join(" ");
-		return w`
+		return m`
       <button
         class="nav-btn"
         @click=${this.handleCompassClick}
@@ -6486,12 +6489,12 @@ var Z = class extends f {
 	}
 	render() {
 		let e = this.showCompass && this.compassSupported, t = this.zoomMin ?? -Infinity, n = this.zoomMax ?? Infinity, r = this.currentZoom ?? 0;
-		return w`
+		return m`
       <div class="nav-shell">
-        ${this.showZoom ? w`<button class="nav-btn" @click=${this.handleZoomIn} ?disabled=${r >= n} title="Zoom in">
+        ${this.showZoom ? m`<button class="nav-btn" @click=${this.handleZoomIn} ?disabled=${r >= n} title="Zoom in">
               <span class="icon">+</span>
             </button>` : null}
-        ${this.showZoom ? w`<button class="nav-btn" @click=${this.handleZoomOut} ?disabled=${r <= t} title="Zoom out">
+        ${this.showZoom ? m`<button class="nav-btn" @click=${this.handleZoomOut} ?disabled=${r <= t} title="Zoom out">
               <span class="icon">-</span>
             </button>` : null}
         ${e ? this.renderCompass() : null}
@@ -6499,30 +6502,30 @@ var Z = class extends f {
     `;
 	}
 };
-d([O({
+S([s({
 	type: String,
 	reflect: !0
-})], Z.prototype, "orientation", void 0), d([O({
+})], X.prototype, "orientation", void 0), S([s({
 	type: Boolean,
 	attribute: "show-compass",
 	reflect: !0
-})], Z.prototype, "showCompass", void 0), d([O({
+})], X.prototype, "showCompass", void 0), S([s({
 	type: Boolean,
 	attribute: "show-zoom",
 	reflect: !0
-})], Z.prototype, "showZoom", void 0), d([O({
+})], X.prototype, "showZoom", void 0), S([s({
 	type: Boolean,
 	attribute: "visualize-pitch",
 	reflect: !0
-})], Z.prototype, "visualizePitch", void 0), d([A()], Z.prototype, "currentZoom", void 0), d([A()], Z.prototype, "bearing", void 0), d([A()], Z.prototype, "pitch", void 0), d([A()], Z.prototype, "compassSupported", void 0), Z = d([D("webmapx-navigation-control")], Z);
+})], X.prototype, "visualizePitch", void 0), S([d()], X.prototype, "currentZoom", void 0), S([d()], X.prototype, "bearing", void 0), S([d()], X.prototype, "pitch", void 0), S([d()], X.prototype, "compassSupported", void 0), X = S([p("webmapx-navigation-control")], X);
 //#endregion
 //#region src/components/webmapx-scale-control.ts
-var rn = class extends f {
+var an = class extends C {
 	constructor(...e) {
 		super(...e), this.maxWidth = 100, this.unit = "metric", this.barWidth = 0, this.label = "—", this.resizeObserver = null, this.unsubscribeEvents = [], this.lastBounds = null, this.lastCenter = null, this.lastZoom = null, this.hasLiveView = !1, this.attachedAdapter = null, this.lastUnprojectStatus = "none";
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: inline-flex;
       margin: var(--webmapx-tool-margin, 0);
@@ -6612,16 +6615,16 @@ var rn = class extends f {
 		if (!a || a.status === "off-globe" || a.status === "failed") return this.lastUnprojectStatus = a?.status ?? "failed", null;
 		if (this.lastZoom != null) {
 			let t = n ?? this.lastCenter?.[1];
-			return an(this.lastZoom, t ?? 0) * e;
+			return on(this.lastZoom, t ?? 0) * e;
 		}
 		let o = this.horizontalMetersAcrossBounds(this.lastBounds, n);
 		return o && o > 0 && t > 0 ? o / t * e : null;
 	}
 	horizontalMetersAcrossBounds(e, t) {
 		if (!e) return null;
-		let n = on(t ?? (e.sw[1] + e.ne[1]) / 2), r = e.sw[0], i = e.ne[0], a = sn(i - r);
+		let n = sn(t ?? (e.sw[1] + e.ne[1]) / 2), r = e.sw[0], i = e.ne[0], a = cn(i - r);
 		if (a <= 0) return null;
-		let o = cn * Math.cos(n * Math.PI / 180), s = Math.abs(a) * o;
+		let o = ln * Math.cos(n * Math.PI / 180), s = Math.abs(a) * o;
 		return s > 0 ? s : null;
 	}
 	buildDisplay(e, t, n) {
@@ -6629,33 +6632,33 @@ var rn = class extends f {
 		if (n === "imperial") {
 			let n = e * 3.28084;
 			if (n > 5280) {
-				let e = n / 5280, r = un(e);
+				let e = n / 5280, r = dn(e);
 				return {
 					widthPx: r / e * t,
 					label: `${r} mi`
 				};
 			}
-			let r = un(n);
+			let r = dn(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} ft`
 			};
 		}
 		if (n === "nautical") {
-			let n = e / 1852, r = un(n);
+			let n = e / 1852, r = dn(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} nm`
 			};
 		}
 		if (e >= 1e3) {
-			let n = e / 1e3, r = un(n);
+			let n = e / 1e3, r = dn(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} km`
 			};
 		}
-		let r = un(e);
+		let r = dn(e);
 		return {
 			widthPx: r / e * t,
 			label: `${r} m`
@@ -6699,7 +6702,7 @@ var rn = class extends f {
 			if (!isFinite(o) || (a = t, Math.abs(o - e) < .1)) break;
 			o > e ? r = t : i = t;
 		}
-		return on(a);
+		return sn(a);
 	}
 	getTargetPixel(e) {
 		let t = this.mapHost?.mapElement ?? this.mapHost;
@@ -6727,7 +6730,7 @@ var rn = class extends f {
 			if (!this.attachedAdapter) return null;
 			let l = this.attachedAdapter.unproject(s), u = this.attachedAdapter.unproject(c);
 			if (!l || !u) return null;
-			let d = le(l, u) / 100;
+			let d = E(l, u) / 100;
 			return !isFinite(d) || d <= 0 ? null : { meters: d };
 		}, c = n ?? o / 2, l = s(c, "primary");
 		if (!l) {
@@ -6751,43 +6754,43 @@ var rn = class extends f {
 	}
 	render() {
 		let e = this.barWidth <= 0, t = this.getSurfaceMetrics()?.width ?? this.getContainerWidth();
-		return w`
+		return m`
       <div class="scale-shell" role="presentation" style=${`width: ${this.barWidth > 0 ? Math.max(0, Math.min(this.barWidth, t || Infinity)) : Math.min(this.maxWidthPx, t || this.maxWidthPx)}px`}>
         <div class="scale-label ${e ? "muted" : ""}">${this.label}</div>
       </div>
     `;
 	}
 };
-d([O({
+S([s({
 	type: Number,
 	attribute: "max-width"
-})], rn.prototype, "maxWidth", void 0), d([O({
+})], an.prototype, "maxWidth", void 0), S([s({
 	type: String,
 	attribute: "unit"
-})], rn.prototype, "unit", void 0), d([A()], rn.prototype, "barWidth", void 0), d([A()], rn.prototype, "label", void 0), rn = d([D("webmapx-scale-control")], rn);
-function an(e, t) {
-	let n = on(t) * Math.PI / 180;
+})], an.prototype, "unit", void 0), S([d()], an.prototype, "barWidth", void 0), S([d()], an.prototype, "label", void 0), an = S([p("webmapx-scale-control")], an);
+function on(e, t) {
+	let n = sn(t) * Math.PI / 180;
 	return 40075016.68557849 * Math.cos(n) / (512 * 2 ** e);
 }
-function on(e) {
+function sn(e) {
 	return Math.max(-85.05112878, Math.min(85.05112878, e));
 }
-function sn(e) {
+function cn(e) {
 	let t = e;
 	return t < 0 && (t += 360), t === 0 || t > 360 ? 360 : t;
 }
-var cn = 111319.49079327357;
-function ln(e) {
+var ln = 111319.49079327357;
+function un(e) {
 	let t = 10 ** Math.ceil(-Math.log(e) / Math.LN10);
 	return Math.round(e * t) / t;
 }
-function un(e) {
+function dn(e) {
 	let t = 10 ** (`${Math.floor(e)}`.length - 1), n = e / t;
-	return n = n >= 10 ? 10 : n >= 5 ? 5 : n >= 3 ? 3 : n >= 2 ? 2 : n >= 1 ? 1 : ln(n), t * n;
+	return n = n >= 10 ? 10 : n >= 5 ? 5 : n >= 3 ? 3 : n >= 2 ? 2 : n >= 1 ? 1 : un(n), t * n;
 }
 //#endregion
 //#region src/components/webmapx-fullscreen-control.ts
-var dn = class extends f {
+var fn = class extends C {
 	constructor(...e) {
 		super(...e), this.isFullscreen = !1, this.handleFullscreenChange = () => {
 			this.isFullscreen = document.fullscreenElement === this.fullscreenTarget();
@@ -6796,7 +6799,7 @@ var dn = class extends f {
 		};
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: inline-flex;
       pointer-events: auto;
@@ -6857,22 +6860,22 @@ var dn = class extends f {
 	onStateChanged() {}
 	onConfigReady() {}
 	fullscreenTarget() {
-		return u(this) ?? this;
+		return x(this) ?? this;
 	}
 	render() {
-		return w`
+		return m`
       <div class="nav-shell">
         <button class="nav-btn" @click=${this.handleToggle} title="${this.isFullscreen ? "Exit fullscreen" : "Fullscreen"}" aria-label="Toggle fullscreen">
-          ${this.isFullscreen ? w`<svg viewBox="0 0 24 24"><path d="M9 3v3a2 2 0 0 1-2 2H4M21 9h-3a2 2 0 0 1-2-2V4M3 15h3a2 2 0 0 1 2 2v3M15 21v-3a2 2 0 0 1 2-2h3"/></svg>` : w`<svg viewBox="0 0 24 24"><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5"/></svg>`}
+          ${this.isFullscreen ? m`<svg viewBox="0 0 24 24"><path d="M9 3v3a2 2 0 0 1-2 2H4M21 9h-3a2 2 0 0 1-2-2V4M3 15h3a2 2 0 0 1 2 2v3M15 21v-3a2 2 0 0 1 2-2h3"/></svg>` : m`<svg viewBox="0 0 24 24"><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5"/></svg>`}
         </button>
       </div>
     `;
 	}
 };
-d([A()], dn.prototype, "isFullscreen", void 0), dn = d([D("webmapx-fullscreen-control")], dn);
+S([d()], fn.prototype, "isFullscreen", void 0), fn = S([p("webmapx-fullscreen-control")], fn);
 //#endregion
 //#region src/components/webmapx-attribution-control.ts
-var Q = class extends f {
+var Z = class extends C {
 	constructor(...e) {
 		super(...e), this.attributions = [], this._showLeft = !1, this._showRight = !1, this.layerData = null, this.visibleLayerIds = [], this.mapLayersState = {}, this._dragStartX = 0, this._dragStartScroll = 0, this._dragging = !1;
 	}
@@ -6914,7 +6917,7 @@ var Q = class extends f {
 				t && i(t);
 				continue;
 			}
-			let o = ae(a, e);
+			let o = ge(a, e);
 			o && i(o);
 		}
 		this.attributions = r, this.updateComplete.then(() => this._updateOverflow());
@@ -6943,23 +6946,23 @@ var Q = class extends f {
 		}, { passive: !0 });
 	}
 	render() {
-		return w`
+		return m`
             <div class="attribution-shell" ?hidden=${!(this.attributions.length > 0)} role="region" aria-label="Map attributions">
-                ${this._showLeft ? w`<span class="overflow-indicator left" aria-hidden="true">‹</span>` : null}
+                ${this._showLeft ? m`<span class="overflow-indicator left" aria-hidden="true">‹</span>` : null}
                 <div class="attribution-scroll">
                     <div class="attribution-inner">
-                        ${this.attributions.map((e, t) => w`
-                            ${ie(e)}
-                            ${t < this.attributions.length - 1 ? w`<span class="separator">•</span>` : null}
+                        ${this.attributions.map((e, t) => m`
+                            ${he(e)}
+                            ${t < this.attributions.length - 1 ? m`<span class="separator">•</span>` : null}
                         `)}
                     </div>
                 </div>
-                ${this._showRight ? w`<span class="overflow-indicator right" aria-hidden="true">›</span>` : null}
+                ${this._showRight ? m`<span class="overflow-indicator right" aria-hidden="true">›</span>` : null}
             </div>
         `;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host {
             display: flex;
             justify-content: flex-end;
@@ -7035,10 +7038,10 @@ var Q = class extends f {
     `;
 	}
 };
-d([A()], Q.prototype, "attributions", void 0), d([A()], Q.prototype, "_showLeft", void 0), d([A()], Q.prototype, "_showRight", void 0), d([k(".attribution-scroll")], Q.prototype, "_scrollEl", void 0), Q = d([D("webmapx-attribution-control")], Q);
+S([d()], Z.prototype, "attributions", void 0), S([d()], Z.prototype, "_showLeft", void 0), S([d()], Z.prototype, "_showRight", void 0), S([f(".attribution-scroll")], Z.prototype, "_scrollEl", void 0), Z = S([p("webmapx-attribution-control")], Z);
 //#endregion
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5D6IT2SR.js
-var fn = C`
+var Q = u`
   :host {
     --thumb-size: 20px;
     --tooltip-offset: 10px;
@@ -7264,9 +7267,9 @@ var fn = C`
       display: none;
     }
   }
-`, $ = class extends i {
+`, $ = class extends r {
 	constructor() {
-		super(...arguments), this.formControlController = new b(this), this.hasSlotController = new ee(this, "help-text", "label"), this.localize = new v(this), this.hasFocus = !1, this.hasTooltip = !1, this.title = "", this.name = "", this.value = 0, this.label = "", this.helpText = "", this.disabled = !1, this.min = 0, this.max = 100, this.step = 1, this.tooltip = "top", this.tooltipFormatter = (e) => e.toString(), this.form = "", this.defaultValue = 0;
+		super(...arguments), this.formControlController = new le(this), this.hasSlotController = new oe(this, "help-text", "label"), this.localize = new se(this), this.hasFocus = !1, this.hasTooltip = !1, this.title = "", this.name = "", this.value = 0, this.label = "", this.helpText = "", this.disabled = !1, this.min = 0, this.max = 100, this.step = 1, this.tooltip = "top", this.tooltipFormatter = (e) => e.toString(), this.form = "", this.defaultValue = 0;
 	}
 	get validity() {
 		return this.input.validity;
@@ -7355,10 +7358,10 @@ var fn = C`
 	}
 	render() {
 		let e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), n = this.label ? !0 : !!e, r = this.helpText ? !0 : !!t;
-		return w`
+		return m`
       <div
         part="form-control"
-        class=${pe({
+        class=${ie({
 			"form-control": !0,
 			"form-control--medium": !0,
 			"form-control--has-label": n,
@@ -7377,7 +7380,7 @@ var fn = C`
         <div part="form-control-input" class="form-control-input">
           <div
             part="base"
-            class=${pe({
+            class=${ie({
 			range: !0,
 			"range--disabled": this.disabled,
 			"range--focused": this.hasFocus,
@@ -7397,12 +7400,12 @@ var fn = C`
               class="range__control"
               title=${this.title}
               type="range"
-              name=${me(this.name)}
+              name=${ae(this.name)}
               ?disabled=${this.disabled}
-              min=${me(this.min)}
-              max=${me(this.max)}
-              step=${me(this.step)}
-              .value=${j(this.value.toString())}
+              min=${ae(this.min)}
+              max=${ae(this.max)}
+              step=${ae(this.step)}
+              .value=${T(this.value.toString())}
               aria-describedby="help-text"
               @change=${this.handleChange}
               @focus=${this.handleFocus}
@@ -7410,7 +7413,7 @@ var fn = C`
               @invalid=${this.handleInvalid}
               @blur=${this.handleBlur}
             />
-            ${this.tooltip !== "none" && !this.disabled ? w`
+            ${this.tooltip !== "none" && !this.disabled ? m`
                   <output part="tooltip" class="range__tooltip">
                     ${typeof this.tooltipFormatter == "function" ? this.tooltipFormatter(this.value) : this.value}
                   </output>
@@ -7433,21 +7436,21 @@ var fn = C`
 //#endregion
 //#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CKH4GVK3.js
 $.styles = [
-	a,
-	ne,
-	fn
-], n([k(".range__control")], $.prototype, "input", 2), n([k(".range__tooltip")], $.prototype, "output", 2), n([A()], $.prototype, "hasFocus", 2), n([A()], $.prototype, "hasTooltip", 2), n([O()], $.prototype, "title", 2), n([O()], $.prototype, "name", 2), n([O({ type: Number })], $.prototype, "value", 2), n([O()], $.prototype, "label", 2), n([O({ attribute: "help-text" })], $.prototype, "helpText", 2), n([O({
+	n,
+	fe,
+	Q
+], a([f(".range__control")], $.prototype, "input", 2), a([f(".range__tooltip")], $.prototype, "output", 2), a([d()], $.prototype, "hasFocus", 2), a([d()], $.prototype, "hasTooltip", 2), a([s()], $.prototype, "title", 2), a([s()], $.prototype, "name", 2), a([s({ type: Number })], $.prototype, "value", 2), a([s()], $.prototype, "label", 2), a([s({ attribute: "help-text" })], $.prototype, "helpText", 2), a([s({
 	type: Boolean,
 	reflect: !0
-})], $.prototype, "disabled", 2), n([O({ type: Number })], $.prototype, "min", 2), n([O({ type: Number })], $.prototype, "max", 2), n([O({ type: Number })], $.prototype, "step", 2), n([O()], $.prototype, "tooltip", 2), n([O({ attribute: !1 })], $.prototype, "tooltipFormatter", 2), n([O({ reflect: !0 })], $.prototype, "form", 2), n([te()], $.prototype, "defaultValue", 2), n([de({ passive: !0 })], $.prototype, "handleThumbDragStart", 1), n([r("value", { waitUntilFirstUpdate: !0 })], $.prototype, "handleValueChange", 1), n([r("disabled", { waitUntilFirstUpdate: !0 })], $.prototype, "handleDisabledChange", 1), n([r("hasTooltip", { waitUntilFirstUpdate: !0 })], $.prototype, "syncRange", 1), $.define("sl-range");
+})], $.prototype, "disabled", 2), a([s({ type: Number })], $.prototype, "min", 2), a([s({ type: Number })], $.prototype, "max", 2), a([s({ type: Number })], $.prototype, "step", 2), a([s()], $.prototype, "tooltip", 2), a([s({ attribute: !1 })], $.prototype, "tooltipFormatter", 2), a([s({ reflect: !0 })], $.prototype, "form", 2), a([de()], $.prototype, "defaultValue", 2), a([h({ passive: !0 })], $.prototype, "handleThumbDragStart", 1), a([i("value", { waitUntilFirstUpdate: !0 })], $.prototype, "handleValueChange", 1), a([i("disabled", { waitUntilFirstUpdate: !0 })], $.prototype, "handleDisabledChange", 1), a([i("hasTooltip", { waitUntilFirstUpdate: !0 })], $.prototype, "syncRange", 1), $.define("sl-range");
 //#endregion
 //#region src/components/webmapx-tool-template.ts
-var pn = class extends f {
+var pn = class extends C {
 	constructor(...e) {
 		super(...e), this.bufferRadius = 0, this.isToolActive = !1, this.toolService = null;
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host {
             display: inline-flex;
             pointer-events: auto;
@@ -7493,7 +7496,7 @@ var pn = class extends f {
 		this.toolService?.toggleTool();
 	}
 	render() {
-		return w`
+		return m`
             <div class="tool-container">
                 <div class="tool-title">Template Tool — Buffer</div>
                 <div class="radius-row">
@@ -7517,14 +7520,14 @@ var pn = class extends f {
         `;
 	}
 };
-d([A()], pn.prototype, "bufferRadius", void 0), d([A()], pn.prototype, "isToolActive", void 0), pn = d([D("webmapx-tool-template")], pn);
+S([d()], pn.prototype, "bufferRadius", void 0), S([d()], pn.prototype, "isToolActive", void 0), pn = S([p("webmapx-tool-template")], pn);
 //#endregion
 //#region src/components/webmapx-inset-map.ts
-var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.05112878, vn = 89.999, yn = 1, bn = "viewport", xn = "viewport-fill", Sn = "viewport-outline", Cn = class extends S {
+var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.05112878, vn = 89.999, yn = 1, bn = "viewport", xn = "viewport-fill", Sn = "viewport-outline", Cn = class extends g {
 	constructor(...e) {
-		super(...e), this.zoomOffset = -3, this.baseScale = .5, this.minimizable = !1, this._collapsed = !1, this.adapter = null, this.insetMap = null, this.viewportSource = null, this.unsubscribe = null, this.lastCenter = null, this.lastZoom = null, this.lastSourceZoom = null, this.projectionMode = "mercator", this.lastBoundsKey = null, this.initPromise = null, this.pendingViewportBounds = null, this.throttledViewportUpdate = ue(() => {
+		super(...e), this.zoomOffset = -3, this.baseScale = .5, this.minimizable = !1, this._collapsed = !1, this.adapter = null, this.insetMap = null, this.viewportSource = null, this.unsubscribe = null, this.lastCenter = null, this.lastZoom = null, this.lastSourceZoom = null, this.projectionMode = "mercator", this.lastBoundsKey = null, this.initPromise = null, this.pendingViewportBounds = null, this.throttledViewportUpdate = be(() => {
 			this.doUpdateViewportRectangle(this.pendingViewportBounds), this.pendingViewportBounds = void 0;
-		}, 50), this.throttledRenderLog = ue((e) => {}, 50), this.throttledApplyStateWithZoomOffset = ue((e, t) => {
+		}, 50), this.throttledRenderLog = be((e) => {}, 50), this.throttledApplyStateWithZoomOffset = be((e, t) => {
 			this.applyState(e, t);
 		}, 50);
 	}
@@ -7532,7 +7535,7 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 		return this.renderRoot.querySelector(".inset-map");
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
     :host {
       display: inline-block;
       position: relative;
@@ -7624,14 +7627,14 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 	async doInitializeInset() {
 		let e = this.insetContainer;
 		if (!e) return;
-		let t = u(this);
+		let t = x(this);
 		if (!t) return;
 		let n = await t.getAdapterAsync?.();
 		if (!n) return;
 		this.adapter = n, this.projectionMode = this.resolveProjectionMode(t);
 		let r = this.adapter.store.getState();
 		await this.waitForConfig(t);
-		let i = this.resolveInsetToolConfig(t), a = this.resolveInsetNumber("zoom-offset", this.zoomOffset, i.zoomOffset), o = this.resolveInsetNumber("base-scale", this.baseScale, i.baseScale), s = this.backgroundLayer ? this.resolveBackgroundFromLayer(t, this.backgroundLayer) : null, c = this.hasAttribute("style-url") ? this.styleUrl : s?.styleUrl ?? i.styleUrl, l = s ? s.background ?? null : this.resolveInsetBackground(i), d = {
+		let i = this.resolveInsetToolConfig(t), a = this.resolveInsetNumber("zoom-offset", this.zoomOffset, i.zoomOffset), o = this.resolveInsetNumber("base-scale", this.baseScale, i.baseScale), s = this.backgroundLayer ? this.resolveBackgroundFromLayer(t, this.backgroundLayer) : null, c = this.hasAttribute("style-url") ? this.styleUrl : s?.styleUrl ?? i.styleUrl, l = s ? s.background ?? null : this.resolveInsetBackground(i), u = {
 			styleUrl: c ?? mn,
 			center: r.mapCenter ?? [0, 0],
 			zoom: this.clampZoom((r.zoomLevel ?? 0) + a),
@@ -7643,7 +7646,7 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 				tileSize: l.tileSize
 			} : {}
 		};
-		this.insetMap = this.adapter.mapFactory.createMap(e, d), e.style.setProperty("--webmapx-inset-scale", `${o}`), this.insetMap.onReady(() => {
+		this.insetMap = this.adapter.mapFactory.createMap(e, u), e.style.setProperty("--webmapx-inset-scale", `${o}`), this.insetMap.onReady(() => {
 			this.setupViewportLayers(), this.applyState(r, a);
 		}), this.unsubscribe = this.adapter.store.subscribe((e) => {
 			this.hasRelevantStateChange(e) && this.throttledApplyStateWithZoomOffset(e, a);
@@ -7939,7 +7942,7 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 	}
 	estimateViewportWidthFromScreenSamples(e) {
 		if (!this.adapter) return null;
-		let t = u(this)?.mapElement;
+		let t = x(this)?.mapElement;
 		if (!t) return null;
 		let n = t.clientWidth, r = t.clientHeight;
 		if (!Number.isFinite(n) || !Number.isFinite(r) || n <= 0 || r <= 0) return null;
@@ -7948,7 +7951,7 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 	}
 	sampleViewportLongitudeRange(e) {
 		if (!this.adapter || !this.adapter.store.getState().mapLoaded) return null;
-		let t = u(this)?.mapElement;
+		let t = x(this)?.mapElement;
 		if (!t) return null;
 		let n = t.clientWidth, r = t.clientHeight;
 		if (!Number.isFinite(n) || !Number.isFinite(r) || n <= 0 || r <= 0) return null;
@@ -8105,11 +8108,11 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 		};
 	}
 	render() {
-		return w`
+		return m`
       <div class="inset-map-frame ${this._collapsed ? "hidden" : ""}" tabindex=${this.minimizable ? "0" : "-1"}>
         <div class="inset-map"></div>
       </div>
-      ${this.minimizable ? w`
+      ${this.minimizable ? m`
         <div class="toggle-btn">
           <sl-icon-button
             name=${this._collapsed ? "arrows-angle-expand" : "arrows-angle-contract"}
@@ -8123,26 +8126,26 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
     `;
 	}
 };
-d([O({
+S([s({
 	type: Number,
 	attribute: "zoom-offset"
-})], Cn.prototype, "zoomOffset", void 0), d([O({
+})], Cn.prototype, "zoomOffset", void 0), S([s({
 	type: String,
 	attribute: "style-url"
-})], Cn.prototype, "styleUrl", void 0), d([O({
+})], Cn.prototype, "styleUrl", void 0), S([s({
 	type: String,
 	attribute: "background-layer"
-})], Cn.prototype, "backgroundLayer", void 0), d([O({
+})], Cn.prototype, "backgroundLayer", void 0), S([s({
 	type: Number,
 	attribute: "base-scale"
-})], Cn.prototype, "baseScale", void 0), d([O({
+})], Cn.prototype, "baseScale", void 0), S([s({
 	type: Boolean,
 	attribute: "minimizable"
-})], Cn.prototype, "minimizable", void 0), d([O({
+})], Cn.prototype, "minimizable", void 0), S([s({
 	type: Boolean,
 	reflect: !0,
 	attribute: "collapsed"
-})], Cn.prototype, "_collapsed", void 0), Cn = d([D("webmapx-inset-map")], Cn);
+})], Cn.prototype, "_collapsed", void 0), Cn = S([p("webmapx-inset-map")], Cn);
 //#endregion
 //#region src/components/webmapx-active-adapter.ts
 var wn = {
@@ -8150,12 +8153,12 @@ var wn = {
 	openlayers: "OpenLayers",
 	leaflet: "Leaflet",
 	cesium: "Cesium"
-}, Tn = class extends f {
+}, Tn = class extends C {
 	constructor(...e) {
 		super(...e), this.adapterName = "—", this.engineVersion = "";
 	}
 	static {
-		this.styles = C`
+		this.styles = u`
         :host { display: inline-block; }
         .badge {
             display: inline-flex;
@@ -8187,7 +8190,7 @@ var wn = {
 		this.adapterName = "—", this.engineVersion = "";
 	}
 	render() {
-		return w`
+		return m`
             <span class="badge">
                 <span class="dot"></span>
                 ${this.adapterName}${this.engineVersion ? ` ${this.engineVersion}` : ""}
@@ -8195,5 +8198,5 @@ var wn = {
         `;
 	}
 };
-d([A()], Tn.prototype, "adapterName", void 0), d([A()], Tn.prototype, "engineVersion", void 0), Tn = d([D("webmapx-active-adapter")], Tn);
+S([d()], Tn.prototype, "adapterName", void 0), S([d()], Tn.prototype, "engineVersion", void 0), Tn = S([p("webmapx-active-adapter")], Tn);
 //#endregion