@edugis-org/webmapx 0.1.6 → 0.1.8

package/dist-lib/{webmapx-core-bundle-BDImi1RE.js → webmapx-core-bundle-CH-5vYXU.js}

@@ -1,31 +1,28 @@
 import { a as e, t } from "./chunk-HEgqtunE.js";
-import { a as n, i as r, o as i, r as a, t as o } from "./decorate-CWgUV1hU.js";
-import { t as s } from "./webmapx-base-tool-Dm9NAWLD.js";
-import { a as c, i as l, n as u, o as d, r as f, t as p } from "./decorators-B35AgiCU.js";
-import "./webmapx-plugin-tool-D2Hghf9n.js";
-import { i as m, o as h, r as g, s as _, t as v } from "./chunk.AJ3ENQ5C-Ci7Gm2b6.js";
-import { d as y, f as b, l as x, t as S, u as C } from "./chunk.YHLNUJ7P-D-kanrCf.js";
-import { a as ee, n as w, t as te } from "./chunk.NYIIDP5N-BikXIStD.js";
-import { t as ne } from "./chunk.6CTB5ZDJ-DjZrBd6Y.js";
-import "./icon-CEOgWlro.js";
-import { t as re } from "./chunk.36O46B5H-B6ZL7Sm1.js";
-import { t as ie } from "./chunk.3RPBFEDE-BFO1fHVm.js";
-import "./button-DFdGkRPQ.js";
-import { t as ae } from "./checkbox-QoR4S8tV.js";
-import { n as oe, r as se } from "./input-CeGntPlT.js";
-import { t as ce } from "./chunk.SI4ACBFK-CLb9VfMG.js";
-import { t as le } from "./tooltip-Cucn1SiD.js";
-import "./spinner-DysxdNG9.js";
-import { n as ue } from "./chunk.5JY5FUCG-DTXsslmx.js";
-import "./icon-button-Da_nBTy3.js";
-import { n as T, r as de } from "./attribution-format-B4f05_u0.js";
-import { a as fe, i as pe, t as me } from "./zip.js-DVhmtjxZ.js";
-import { i as he } from "./geo-calculations-DbFJAUoI.js";
-import { t as ge } from "./throttle-BeneRNYK.js";
-import "./webmapx-modal-tool-eF6Naluv.js";
-import { LitElement as E, css as D, html as O, nothing as k, svg as A } from "lit";
+import { a as n, i as r, o as i, r as a, t as o } from "./decorate-DnZTfaod.js";
+import { t as s } from "./webmapx-base-tool-DfRa7TlD.js";
+import "./webmapx-plugin-tool-qe2yTrWB.js";
+import { n as c, r as l } from "./attribution-format-B4f05_u0.js";
+import { a as u, i as d, t as f } from "./zip.js-DVhmtjxZ.js";
+import { i as p } from "./geo-calculations-DbFJAUoI.js";
+import { t as m } from "./throttle-BeneRNYK.js";
+import "./webmapx-modal-tool-Cs7LRrgW.js";
+import { LitElement as h, css as g, html as _, nothing as v, svg as y } from "lit";
+import { customElement as b, property as x, query as S, queryAssignedElements as C, state as w } from "lit/decorators.js";
+import "@shoelace-style/shoelace/dist/components/button/button.js";
+import "@shoelace-style/shoelace/dist/components/icon/icon.js";
+import "@shoelace-style/shoelace/dist/components/tree/tree.js";
+import "@shoelace-style/shoelace/dist/components/tree-item/tree-item.js";
+import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
+import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
+import { unsafeHTML as ee } from "lit-html/directives/unsafe-html.js";
+import "@shoelace-style/shoelace/dist/components/dialog/dialog.js";
+import "@shoelace-style/shoelace/dist/components/input/input.js";
+import "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";
+import "@shoelace-style/shoelace/dist/components/tooltip/tooltip.js";
+import "@shoelace-style/shoelace/dist/components/range/range.js";
 //#region src/components/webmapx-layout.ts
-var j = class extends E {
+var te = class extends h {
 	constructor(...e) {
 		super(...e), this.slotDirections = {
 			"top-left": "vertical",
@@ -40,7 +37,7 @@ var j = class extends E {
 		};
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
     :host {
       position: absolute;
       inset: 0;
@@ -188,7 +185,7 @@ var j = class extends E {
   `;
 	}
 	render() {
-		return O`
+		return _`
       <div class="overlay-surface">
         <!-- Edge zones first (lowest stacking order) -->
         <div class="slot-zone slot-zone--edge-bottom-right">
@@ -250,22 +247,22 @@ var j = class extends E {
 		})?.getAttribute("direction") === "horizontal" ? "horizontal" : "vertical";
 	}
 };
-o([l()], j.prototype, "slotDirections", void 0), j = o([d("webmapx-layout")], j);
+o([w()], te.prototype, "slotDirections", void 0), te = o([b("webmapx-layout")], te);
 //#endregion
 //#region src/components/internal/tool-selection-scope.ts
-function _e(e, t) {
+function T(e, t) {
 	return !!(t && e.includes(t));
 }
-function M(e, t) {
+function ne(e, t) {
 	return !!(e.sourceToolbar && t && e.sourceToolbar !== t);
 }
-function ve(e) {
+function re(e) {
 	let { toolIds: t, currentActiveToolId: n, detail: r, ownToolbar: i } = e;
-	if (!M(r, i)) return r.toolId ? _e(t, r.toolId) ? r.toolId : void 0 : r.previousToolId ? _e(t, r.previousToolId) ? null : void 0 : r.toolId === null ? null : void 0;
+	if (!ne(r, i)) return r.toolId ? T(t, r.toolId) ? r.toolId : void 0 : r.previousToolId ? T(t, r.previousToolId) ? null : void 0 : r.toolId === null ? null : void 0;
 }
 //#endregion
 //#region src/components/webmapx-toolbar.ts
-var ye = class extends E {
+var ie = class extends h {
 	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();
@@ -283,7 +280,7 @@ var ye = class extends E {
 		}, this.boundHandleClick = (e) => this.handleButtonClick(e);
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
     :host {
       display: flex;
       flex-direction: column;
@@ -408,7 +405,7 @@ var ye = class extends E {
 		this.hasButtonForTool(t) && this.clearActiveButtons();
 	}
 	handleToolSelect(e) {
-		let t = e.detail ?? {}, n = ve({
+		let t = e.detail ?? {}, n = re({
 			toolIds: this.getToolIds(),
 			currentActiveToolId: this.getActiveButtonToolId(),
 			detail: t,
@@ -438,7 +435,7 @@ var ye = class extends E {
 		}), this.applyRovingTabindex();
 	}
 	hasButtonForTool(e) {
-		return _e(this.getToolIds(), e);
+		return T(this.getToolIds(), e);
 	}
 	getToolIds() {
 		return this.buttons.map((e) => e.getAttribute("name") || e.getAttribute("data-tool")).filter((e) => !!e);
@@ -448,20 +445,20 @@ var ye = class extends E {
 		return e?.getAttribute("name") || e?.getAttribute("data-tool") || null;
 	}
 	render() {
-		return O`
+		return _`
       <slot name="before"></slot>
       <slot @slotchange=${this.handleSlotChange}></slot>
       <slot name="after"></slot>
     `;
 	}
 };
-o([c({
+o([x({
 	type: String,
 	reflect: !0
-})], ye.prototype, "orientation", void 0), o([p()], ye.prototype, "buttons", void 0), ye = o([d("webmapx-toolbar")], ye);
+})], ie.prototype, "orientation", void 0), o([C()], ie.prototype, "buttons", void 0), ie = o([b("webmapx-toolbar")], ie);
 //#endregion
 //#region src/components/webmapx-tool-panel.ts
-var N = class extends E {
+var ae = class extends h {
 	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;
 	}
@@ -540,7 +537,7 @@ var N = class extends E {
 	}
 	handleToolSelect(e) {
 		let t = e.detail ?? {};
-		if (M(t, this.resolveToolbar())) return;
+		if (ne(t, this.resolveToolbar())) return;
 		let n = t.toolId ?? null, r = t.previousToolId ?? null;
 		if (!(n && this.mapHost?.toolManager?.getTool(n))) {
 			if (!n) {
@@ -560,7 +557,7 @@ var N = class extends E {
 		return this.mapHost?.querySelector("webmapx-toolbar") ?? null;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
     :host {
       display: none;
       box-sizing: border-box;
@@ -650,7 +647,7 @@ var N = class extends E {
 		n && n.focus?.();
 	}
 	render() {
-		return O`
+		return _`
       <div class="panel-header">
         <slot name="header"><h3>${this.label}</h3></slot>
         <sl-button size="small" circle variant="text" @click=${this.toggleCollapsed}>
@@ -667,526 +664,21 @@ var N = class extends E {
     `;
 	}
 };
-o([c({ type: String })], N.prototype, "label", void 0), o([c({
+o([x({ type: String })], ae.prototype, "label", void 0), o([x({
 	type: Boolean,
 	reflect: !0
-})], N.prototype, "active", void 0), o([c({
+})], ae.prototype, "active", void 0), o([x({
 	type: Boolean,
 	reflect: !0
-})], N.prototype, "collapsed", void 0), N = o([d("webmapx-tool-panel")], N);
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.BWVSW6TI.js
-var be = D`
-  :host {
-    display: block;
-    outline: 0;
-    z-index: 0;
-  }
-
-  :host(:focus) {
-    outline: none;
-  }
-
-  slot:not([name])::slotted(sl-icon) {
-    margin-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .tree-item {
-    position: relative;
-    display: flex;
-    align-items: stretch;
-    flex-direction: column;
-    color: var(--sl-color-neutral-700);
-    cursor: pointer;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  .tree-item__checkbox {
-    pointer-events: none;
-  }
-
-  .tree-item__expand-button,
-  .tree-item__checkbox,
-  .tree-item__label {
-    font-family: var(--sl-font-sans);
-    font-size: var(--sl-font-size-medium);
-    font-weight: var(--sl-font-weight-normal);
-    line-height: var(--sl-line-height-dense);
-    letter-spacing: var(--sl-letter-spacing-normal);
-  }
-
-  .tree-item__checkbox::part(base) {
-    display: flex;
-    align-items: center;
-  }
-
-  .tree-item__indentation {
-    display: block;
-    width: 1em;
-    flex-shrink: 0;
-  }
-
-  .tree-item__expand-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: content-box;
-    color: var(--sl-color-neutral-500);
-    padding: var(--sl-spacing-x-small);
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-    cursor: pointer;
-  }
-
-  .tree-item__expand-button {
-    transition: var(--sl-transition-medium) rotate ease;
-  }
-
-  .tree-item--expanded .tree-item__expand-button {
-    rotate: 90deg;
-  }
-
-  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {
-    rotate: -90deg;
-  }
-
-  .tree-item--expanded slot[name='expand-icon'],
-  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {
-    display: none;
-  }
-
-  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {
-    display: none;
-  }
-
-  .tree-item__expand-button--visible {
-    cursor: pointer;
-  }
-
-  .tree-item__item {
-    display: flex;
-    align-items: center;
-    border-inline-start: solid 3px transparent;
-  }
-
-  .tree-item--disabled .tree-item__item {
-    opacity: 0.5;
-    outline: none;
-    cursor: not-allowed;
-  }
-
-  :host(:focus-visible) .tree-item__item {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-    z-index: 2;
-  }
-
-  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
-    background-color: var(--sl-color-neutral-100);
-    border-inline-start-color: var(--sl-color-primary-600);
-  }
-
-  :host(:not([aria-disabled='true'])) .tree-item__expand-button {
-    color: var(--sl-color-neutral-600);
-  }
-
-  .tree-item__label {
-    display: flex;
-    align-items: center;
-    transition: var(--sl-transition-fast) color;
-  }
-
-  .tree-item__children {
-    display: block;
-    font-size: calc(1em + var(--indent-size, var(--sl-spacing-medium)));
-  }
-
-  /* Indentation lines */
-  .tree-item__children {
-    position: relative;
-  }
-
-  .tree-item__children::before {
-    content: '';
-    position: absolute;
-    top: var(--indent-guide-offset);
-    bottom: var(--indent-guide-offset);
-    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);
-    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);
-    z-index: 1;
-  }
-
-  .tree-item--rtl .tree-item__children::before {
-    left: auto;
-    right: 1em;
-  }
-
-  @media (forced-colors: active) {
-    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
-      outline: dashed 1px SelectedItem;
-    }
-  }
-`;
-//#endregion
-//#region node_modules/lit-html/directives/when.js
-function xe(e, t, n) {
-	return e ? t(e) : n?.(e);
-}
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.P4TU54CC.js
-var P = class e extends x {
-	constructor() {
-		super(...arguments), this.localize = new ne(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";
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("role", "treeitem"), this.setAttribute("tabindex", "-1"), this.isNestedItem() && (this.slot = "children");
-	}
-	firstUpdated() {
-		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 m(this.childrenContainer);
-		let { keyframes: e, options: t } = h(this, "tree-item.collapse", { dir: this.localize.dir() });
-		await v(this.childrenContainer, g(e, this.childrenContainer.scrollHeight), t), this.childrenContainer.hidden = !0, this.emit("sl-after-collapse");
-	}
-	isNestedItem() {
-		let t = this.parentElement;
-		return !!t && e.isTreeItem(t);
-	}
-	handleChildrenSlotChange() {
-		this.loading = !1, this.isLeaf = !this.lazy && this.getChildrenItems().length === 0;
-	}
-	willUpdate(e) {
-		e.has("selected") && !e.has("indeterminate") && (this.indeterminate = !1);
-	}
-	async animateExpand() {
-		this.emit("sl-expand"), await m(this.childrenContainer), this.childrenContainer.hidden = !1;
-		let { keyframes: e, options: t } = h(this, "tree-item.expand", { dir: this.localize.dir() });
-		await v(this.childrenContainer, g(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();
-	}
-	handleDisabledChange() {
-		this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-	}
-	handleSelectedChange() {
-		this.setAttribute("aria-selected", this.selected ? "true" : "false");
-	}
-	handleExpandedChange() {
-		this.isLeaf ? this.removeAttribute("aria-expanded") : this.setAttribute("aria-expanded", this.expanded ? "true" : "false");
-	}
-	handleExpandAnimation() {
-		this.expanded ? this.lazy ? (this.loading = !0, this.emit("sl-lazy-load")) : this.animateExpand() : this.animateCollapse();
-	}
-	handleLazyChange() {
-		this.emit("sl-lazy-change");
-	}
-	getChildrenItems({ includeDisabled: t = !0 } = {}) {
-		return this.childrenSlot ? [...this.childrenSlot.assignedElements({ flatten: !0 })].filter((n) => e.isTreeItem(n) && (t || !n.disabled)) : [];
-	}
-	render() {
-		let e = this.localize.dir() === "rtl", t = !this.loading && (!this.isLeaf || this.lazy);
-		return O`
-      <div
-        part="base"
-        class="${ee({
-			"tree-item": !0,
-			"tree-item--expanded": this.expanded,
-			"tree-item--selected": this.selected,
-			"tree-item--disabled": this.disabled,
-			"tree-item--leaf": this.isLeaf,
-			"tree-item--has-expand-button": t,
-			"tree-item--rtl": this.localize.dir() === "rtl"
-		})}"
-      >
-        <div
-          class="tree-item__item"
-          part="
-            item
-            ${this.disabled ? "item--disabled" : ""}
-            ${this.expanded ? "item--expanded" : ""}
-            ${this.indeterminate ? "item--indeterminate" : ""}
-            ${this.selected ? "item--selected" : ""}
-          "
-        >
-          <div class="tree-item__indentation" part="indentation"></div>
-
-          <div
-            part="expand-button"
-            class=${ee({
-			"tree-item__expand-button": !0,
-			"tree-item__expand-button--visible": t
-		})}
-            aria-hidden="true"
-          >
-            ${xe(this.loading, () => O` <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>
-            <slot class="tree-item__expand-icon-slot" name="collapse-icon">
-              <sl-icon library="system" name=${e ? "chevron-left" : "chevron-right"}></sl-icon>
-            </slot>
-          </div>
-
-          ${xe(this.selectable, () => O`
-              <sl-checkbox
-                part="checkbox"
-                exportparts="
-                    base:checkbox__base,
-                    control:checkbox__control,
-                    control--checked:checkbox__control--checked,
-                    control--indeterminate:checkbox__control--indeterminate,
-                    checked-icon:checkbox__checked-icon,
-                    indeterminate-icon:checkbox__indeterminate-icon,
-                    label:checkbox__label
-                  "
-                class="tree-item__checkbox"
-                ?disabled="${this.disabled}"
-                ?checked="${oe(this.selected)}"
-                ?indeterminate="${this.indeterminate}"
-                tabindex="-1"
-              ></sl-checkbox>
-            `)}
-
-          <slot class="tree-item__label" part="label"></slot>
-        </div>
-
-        <div class="tree-item__children" part="children" role="group">
-          <slot name="children" @slotchange="${this.handleChildrenSlotChange}"></slot>
-        </div>
-      </div>
-    `;
-	}
-};
-P.styles = [C, be], P.dependencies = {
-	"sl-checkbox": ae,
-	"sl-icon": S,
-	"sl-spinner": re
-}, b([l()], P.prototype, "indeterminate", 2), b([l()], P.prototype, "isLeaf", 2), b([l()], P.prototype, "loading", 2), b([l()], P.prototype, "selectable", 2), b([c({
-	type: Boolean,
-	reflect: !0
-})], P.prototype, "expanded", 2), b([c({
-	type: Boolean,
-	reflect: !0
-})], P.prototype, "selected", 2), b([c({
-	type: Boolean,
-	reflect: !0
-})], P.prototype, "disabled", 2), b([c({
-	type: Boolean,
-	reflect: !0
-})], P.prototype, "lazy", 2), b([u("slot:not([name])")], P.prototype, "defaultSlot", 2), b([u("slot[name=children]")], P.prototype, "childrenSlot", 2), b([u(".tree-item__item")], P.prototype, "itemElement", 2), b([u(".tree-item__children")], P.prototype, "childrenContainer", 2), b([u(".tree-item__expand-button slot")], P.prototype, "expandButtonSlot", 2), b([y("loading", { waitUntilFirstUpdate: !0 })], P.prototype, "handleLoadingChange", 1), b([y("disabled")], P.prototype, "handleDisabledChange", 1), b([y("selected")], P.prototype, "handleSelectedChange", 1), b([y("expanded", { waitUntilFirstUpdate: !0 })], P.prototype, "handleExpandedChange", 1), b([y("expanded", { waitUntilFirstUpdate: !0 })], P.prototype, "handleExpandAnimation", 1), b([y("lazy", { waitUntilFirstUpdate: !0 })], P.prototype, "handleLazyChange", 1);
-var Se = P;
-_("tree-item.expand", {
-	keyframes: [{
-		height: "0",
-		opacity: "0",
-		overflow: "hidden"
-	}, {
-		height: "auto",
-		opacity: "1",
-		overflow: "hidden"
-	}],
-	options: {
-		duration: 250,
-		easing: "cubic-bezier(0.4, 0.0, 0.2, 1)"
-	}
-}), _("tree-item.collapse", {
-	keyframes: [{
-		height: "auto",
-		opacity: "1",
-		overflow: "hidden"
-	}, {
-		height: "0",
-		opacity: "0",
-		overflow: "hidden"
-	}],
-	options: {
-		duration: 200,
-		easing: "cubic-bezier(0.4, 0.0, 0.2, 1)"
-	}
-});
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.G7B7WU5W.js
-var Ce = D`
-  :host {
-    /*
-     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
-     * stay consistent.
-     */
-    --indent-guide-color: var(--sl-color-neutral-200);
-    --indent-guide-offset: 0;
-    --indent-guide-style: solid;
-    --indent-guide-width: 0;
-    --indent-size: var(--sl-spacing-large);
-
-    display: block;
-
-    /*
-     * Tree item indentation uses the "em" unit to increment its width on each level, so setting the font size to zero
-     * here removes the indentation for all the nodes on the first level.
-     */
-    font-size: 0;
-  }
-`;
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MSDIZVRW.js
-function we(e, t = !1) {
-	function n(e) {
-		let t = e.getChildrenItems({ includeDisabled: !1 });
-		if (t.length) {
-			let n = t.every((e) => e.selected), r = t.every((e) => !e.selected && !e.indeterminate);
-			e.selected = n, e.indeterminate = !n && !r;
-		}
-	}
-	function r(e) {
-		let t = e.parentElement;
-		Se.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);
-		t && n(e);
-	}
-	i(e), r(e);
-}
-var F = class extends x {
-	constructor() {
-		super(), this.selection = "single", this.clickTarget = null, this.localize = new ne(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(Se.isTreeItem), n = [...t.removedNodes].filter(Se.isTreeItem);
-				e.forEach(this.initTreeItem), this.lastFocusedItem && n.includes(this.lastFocusedItem) && (this.lastFocusedItem = null);
-			}
-		}, this.handleFocusOut = (e) => {
-			let t = e.relatedTarget;
-			(!t || !this.contains(t)) && (this.tabIndex = 0);
-		}, this.handleFocusIn = (e) => {
-			let t = e.target;
-			e.target === this && this.focusItem(this.lastFocusedItem || this.getAllTreeItems()[0]), Se.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() {
-		super.connectedCallback(), this.setAttribute("role", "tree"), this.setAttribute("tabindex", "0"), await this.updateComplete, this.mutationObserver = new MutationObserver(this.handleTreeChanged), this.mutationObserver.observe(this, {
-			childList: !0,
-			subtree: !0
-		});
-	}
-	disconnectedCallback() {
-		var e;
-		super.disconnectedCallback(), (e = this.mutationObserver) == null || e.disconnect();
-	}
-	getExpandButtonIcon(e) {
-		let t = (e === "expand" ? this.expandedIconSlot : this.collapsedIconSlot).assignedElements({ flatten: !0 })[0];
-		if (t) {
-			let n = t.cloneNode(!0);
-			return [n, ...n.querySelectorAll("[id]")].forEach((e) => e.removeAttribute("id")), n.setAttribute("data-default", ""), n.slot = `${e}-icon`, n;
-		}
-		return null;
-	}
-	selectItem(e) {
-		let t = [...this.selectedItems];
-		if (this.selection === "multiple") e.selected = !e.selected, e.lazy && (e.expanded = !0), we(e);
-		else if (this.selection === "single" || e.isLeaf) {
-			let t = this.getAllTreeItems();
-			for (let n of t) n.selected = n === e;
-		} else this.selection === "leaf" && (e.expanded = !e.expanded);
-		let n = this.selectedItems;
-		(t.length !== n.length || n.some((e) => !t.includes(e))) && Promise.all(n.map((e) => e.updateComplete)).then(() => {
-			this.emit("sl-selection-change", { detail: { selection: n } });
-		});
-	}
-	getAllTreeItems() {
-		return [...this.querySelectorAll("sl-tree-item")];
-	}
-	focusItem(e) {
-		e?.focus();
-	}
-	handleKeyDown(e) {
-		if (![
-			"ArrowDown",
-			"ArrowUp",
-			"ArrowRight",
-			"ArrowLeft",
-			"Home",
-			"End",
-			"Enter",
-			" "
-		].includes(e.key) || e.composedPath().some((e) => ["input", "textarea"].includes((e?.tagName)?.toLowerCase()))) return;
-		let t = this.getFocusableItems(), n = this.localize.dir() === "ltr", r = this.localize.dir() === "rtl";
-		if (t.length > 0) {
-			e.preventDefault();
-			let i = t.findIndex((e) => e.matches(":focus")), a = t[i], o = (e) => {
-				let n = t[le(e, 0, t.length - 1)];
-				this.focusItem(n);
-			}, s = (e) => {
-				a.expanded = e;
-			};
-			e.key === "ArrowDown" ? o(i + 1) : e.key === "ArrowUp" ? o(i - 1) : n && e.key === "ArrowRight" || r && e.key === "ArrowLeft" ? !a || a.disabled || a.expanded || a.isLeaf && !a.lazy ? o(i + 1) : s(!0) : n && e.key === "ArrowLeft" || r && e.key === "ArrowRight" ? !a || a.disabled || a.isLeaf || !a.expanded ? o(i - 1) : s(!1) : e.key === "Home" ? o(0) : e.key === "End" ? o(t.length - 1) : (e.key === "Enter" || e.key === " ") && (a.disabled || this.selectItem(a));
-		}
-	}
-	handleClick(e) {
-		let t = e.target, n = t.closest("sl-tree-item"), r = e.composedPath().some((e) => (e?.classList)?.contains("tree-item__expand-button"));
-		!n || n.disabled || t !== this.clickTarget || (r ? n.expanded = !n.expanded : this.selectItem(n));
-	}
-	handleMouseDown(e) {
-		this.clickTarget = e.target;
-	}
-	handleSlotChange() {
-		this.getAllTreeItems().forEach(this.initTreeItem);
-	}
-	async handleSelectionChange() {
-		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) => we(e, !0)));
-	}
-	get selectedItems() {
-		return this.getAllTreeItems().filter((e) => e.selected);
-	}
-	getFocusableItems() {
-		let e = this.getAllTreeItems(), t = /* @__PURE__ */ new Set();
-		return e.filter((e) => {
-			if (e.disabled) return !1;
-			let n = e.parentElement?.closest("[role=treeitem]");
-			return n && (!n.expanded || n.loading || t.has(n)) && t.add(e), !t.has(e);
-		});
-	}
-	render() {
-		return O`
-      <div
-        part="base"
-        class="tree"
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      >
-        <slot @slotchange=${this.handleSlotChange}></slot>
-        <span hidden aria-hidden="true"><slot name="expand-icon"></slot></span>
-        <span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span>
-      </div>
-    `;
-	}
-};
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GTHX4FOE.js
-F.styles = [C, Ce], b([u("slot:not([name])")], F.prototype, "defaultSlot", 2), b([u("slot[name=expand-icon]")], F.prototype, "expandedIconSlot", 2), b([u("slot[name=collapse-icon]")], F.prototype, "collapsedIconSlot", 2), b([c()], F.prototype, "selection", 2), b([y("selection")], F.prototype, "handleSelectionChange", 1), F.define("sl-tree"), Se.define("sl-tree-item");
+})], ae.prototype, "collapsed", void 0), ae = o([b("webmapx-tool-panel")], ae);
 //#endregion
 //#region src/components/webmapx-layer-tree.ts
-var Te = class extends E {
+var E = class extends h {
 	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 = D`
+		this.styles = g`
         :host {
             display: block;
             height: auto; /* let parent control available height */
@@ -1614,7 +1106,7 @@ var Te = class extends E {
 		if (!this.capsCache.has(t)) {
 			this.capsCache.set(t, { status: "loading" }), this.requestUpdate();
 			try {
-				let { discoverWms: n } = await import("./layer-discovery-afWzu5hY.js"), r = await n(e.url), i = this.normalizeLayerList(e.allowedLayers), a = new Set(this.normalizeLayerList(e.deniedLayers)), o = e.tilecacheUrl ? Array.isArray(e.tilecacheUrl) ? e.tilecacheUrl : [e.tilecacheUrl] : void 0, s = r.filter((e) => {
+				let { discoverWms: n } = await import("./layer-discovery-DFP-WHAh.js"), r = await n(e.url), i = this.normalizeLayerList(e.allowedLayers), a = new Set(this.normalizeLayerList(e.deniedLayers)), o = e.tilecacheUrl ? Array.isArray(e.tilecacheUrl) ? e.tilecacheUrl : [e.tilecacheUrl] : void 0, s = r.filter((e) => {
 					let t = e.layer.id;
 					return !(a.has(t) || i.length > 0 && !i.includes(t));
 				}).map((e) => {
@@ -1648,7 +1140,7 @@ var Te = class extends E {
 	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" ? O`<sl-tree-item disabled><sl-spinner style="font-size:0.85rem"></sl-spinner> Loading…</sl-tree-item>` : i.status === "error" ? O`<sl-tree-item disabled style="color:var(--sl-color-danger-600)">⚠ ${i.error}</sl-tree-item>` : O`${i.children.map((e, t) => this.renderNode(e, a, `${n}.${t}`))}`, O`
+			return o = !i || i.status === "loading" ? _`<sl-tree-item disabled><sl-spinner style="font-size:0.85rem"></sl-spinner> Loading…</sl-tree-item>` : i.status === "error" ? _`<sl-tree-item disabled style="color:var(--sl-color-danger-600)">⚠ ${i.error}</sl-tree-item>` : _`${i.children.map((e, t) => this.renderNode(e, a, `${n}.${t}`))}`, _`
                 <sl-tree-item ?expanded=${e.expanded} data-node-key=${n}
                     @sl-expand=${() => {
 				this.fetchCapabilities(e);
@@ -1657,12 +1149,12 @@ var Te = class extends E {
                     ${o}
                 </sl-tree-item>`;
 		}
-		if (e.separator) return O`
+		if (e.separator) return _`
                 <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 O`
+		if (this.nodeByKey.set(n, e), e.children && e.children.length > 0) return _`
                 <sl-tree-item ?expanded=${e.expanded} data-node-key=${n}>
                     <span @click=${(e) => {
 			let t = e.currentTarget.closest("sl-tree-item");
@@ -1673,11 +1165,11 @@ var Te = class extends E {
             `;
 		{
 			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 O`
+			return _`
                 <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 ? O`
+                    ${t ? _`
                         <label class="layer-radio">
                             <input
                                 type="radio"
@@ -1693,7 +1185,7 @@ var Te = class extends E {
                             />
                             <span>${s}</span>
                         </label>
-                    ` : O`
+                    ` : _`
                         <sl-checkbox
                             ?checked=${e.checked}
                             ?disabled=${a}
@@ -1752,8 +1244,8 @@ var Te = class extends E {
 	render() {
 		this.nodeByKey.clear();
 		let e = this.searchQuery.trim().toLowerCase(), t = e ? this.filterTree(this.effectiveTree, e) : this.effectiveTree;
-		return O`
-            ${this.showSearch ? O`
+		return _`
+            ${this.showSearch ? _`
                 <div class="search">
                     <input
                         type="text"
@@ -1763,22 +1255,22 @@ var Te = class extends E {
                         .value=${this.searchQuery}
                         @input=${this.handleSearchInput}
                     />
-                    ${this.searchQuery ? O`<button class="search-clear" @click=${this.handleSearchClear} aria-label="Clear search">&times;</button>` : O``}
+                    ${this.searchQuery ? _`<button class="search-clear" @click=${this.handleSearchClear} aria-label="Clear search">&times;</button>` : _``}
                 </div>
-            ` : O``}
+            ` : _``}
             <sl-tree @sl-expand=${this.handleTreeExpand}>
                 ${t.map((e, t) => this.renderNode(e, void 0, `${t}`))}
             </sl-tree>
         `;
 	}
 };
-o([c({ type: Array })], Te.prototype, "tree", void 0), o([c({
+o([x({ type: Array })], E.prototype, "tree", void 0), o([x({
 	type: String,
 	attribute: "tool-id"
-})], Te.prototype, "toolId", void 0), o([l()], Te.prototype, "configTree", void 0), o([l()], Te.prototype, "searchQuery", void 0), o([l()], Te.prototype, "capsCache", void 0), Te = o([d("webmapx-layer-tree")], Te);
+})], E.prototype, "toolId", void 0), o([w()], E.prototype, "configTree", void 0), o([w()], E.prototype, "searchQuery", void 0), o([w()], E.prototype, "capsCache", void 0), E = o([b("webmapx-layer-tree")], E);
 //#endregion
 //#region node_modules/@simonwep/pickr/dist/themes/nano.min.css
-var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+var oe = /* @__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, (() => (() => {
@@ -1794,7 +1286,7 @@ var Ee = /* @__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: () => re });
+		e.d(t, { default: () => ne });
 		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]);
@@ -2038,7 +1530,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			return a;
 		}
 		let C = (e) => Math.max(Math.min(e, 1), 0);
-		function ee(e) {
+		function w(e) {
 			let t = {
 				options: Object.assign({
 					lock: null,
@@ -2103,7 +1595,7 @@ var Ee = /* @__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 w(e = {}) {
+		function ee(e = {}) {
 			e = Object.assign({
 				onchange: () => 0,
 				className: "",
@@ -2129,7 +1621,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			position: "bottom",
 			margin: 8,
 			padding: 0
-		}, ne = (e, t, n) => {
+		}, T = (e, t, n) => {
 			let r = typeof e != "object" || e instanceof HTMLElement ? {
 				reference: e,
 				popper: t,
@@ -2184,7 +1676,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				})(t, n, r);
 			} };
 		};
-		class re {
+		class ne {
 			static utils = n;
 			static version = "1.9.1";
 			static I18N_DEFAULTS = {
@@ -2247,20 +1739,20 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				swatchselect: []
 			};
 			constructor(e) {
-				this.options = e = Object.assign({ ...re.DEFAULT_OPTIONS }, e);
+				this.options = e = Object.assign({ ...ne.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 = ne(d, f, { margin: o }), d.setAttribute("role", "button"), d.setAttribute("aria-label", this._t("btn:toggle"));
+				this._nanopop = T(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 re(e);
+			static create = (e) => new ne(e);
 			_preBuild() {
 				let { options: e } = this;
 				for (let t of ["el", "container"]) e[t] = l(e[t]);
@@ -2279,7 +1771,7 @@ var Ee = /* @__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: ee({
+					palette: w({
 						element: e._root.palette.picker,
 						wrapper: e._root.palette.palette,
 						onstop: () => e._emit("changestop", "slider", e),
@@ -2294,7 +1786,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 							l.style.setProperty("--pcr-color", u);
 						}
 					}),
-					hue: ee({
+					hue: w({
 						lock: i === "v" ? "h" : "v",
 						element: e._root.hue.picker,
 						wrapper: e._root.hue.slider,
@@ -2305,7 +1797,7 @@ var Ee = /* @__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: ee({
+					opacity: w({
 						lock: r === "v" ? "h" : "v",
 						element: e._root.opacity.picker,
 						wrapper: e._root.opacity.slider,
@@ -2316,7 +1808,7 @@ var Ee = /* @__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: w({
+					selectable: ee({
 						elements: e._root.interaction.options,
 						className: "active",
 						onchange(t) {
@@ -2432,7 +1924,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				};
 			}
 			_t(e) {
-				return this.options.i18n[e] || re.I18N_DEFAULTS[e];
+				return this.options.i18n[e] || ne.I18N_DEFAULTS[e];
 			}
 			_emit(e, ...t) {
 				this._eventListener[e].forEach(((e) => e(...t, this)));
@@ -2527,9 +2019,9 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}
 		return t = t.default;
 	})()));
-})))(), 1), De, I = class extends s {
+})))(), 1), se, D = class extends s {
 	static {
-		De = this;
+		se = 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;
@@ -2538,7 +2030,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		this.collapsedLegendHeight = 180;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host { display: block; }
         .legend-wrap { display: flex; flex-direction: column; gap: 2px; }
         .legend-collapse {
@@ -2548,7 +2040,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
             overflow: visible;
         }
         .legend-collapse.collapsed .legend-collapse-content {
-            max-height: ${De.collapsedLegendHeight}px;
+            max-height: ${se.collapsedLegendHeight}px;
             overflow: hidden;
         }
         .legend-collapse.collapsed::after {
@@ -2643,17 +2135,17 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			this.legendOverflowing &&= !1;
 			return;
 		}
-		let e = this.renderRoot?.querySelector(".legend-collapse-content"), t = !!(e && e.scrollHeight > De.collapsedLegendHeight + 1);
+		let e = this.renderRoot?.querySelector(".legend-collapse-content"), t = !!(e && e.scrollHeight > se.collapsedLegendHeight + 1);
 		this.legendOverflowing !== t && (this.legendOverflowing = t);
 	}
 	renderCollapsibleLegend(e) {
 		let t = this.collapsible && this.legendOverflowing && this.legendCollapsed, n = this.collapsible && this.legendOverflowing;
-		return O`
+		return _`
             <div class="legend-collapse ${t ? "collapsed" : ""}">
                 <div class="legend-collapse-content">
                     ${e}
                 </div>
-                ${n ? O`
+                ${n ? _`
                     <button
                         type="button"
                         class="legend-toggle"
@@ -2764,7 +2256,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	}
 	renderZoomHint(e, t, n) {
 		let r = n > t;
-		return O`<div class="legend-row"><span class="legend-label">${r ? "zoom out" : "zoom in"} to level ${r ? t : e} for display</span></div>`;
+		return _`<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;
@@ -2784,49 +2276,49 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			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 }, v = { ...g }, y = this.editOverrides[f];
-			y && (Object.assign(h, y), "text-size" in y && (g["text-size"] = y["text-size"]));
-			let b = l === "fill" ? "fill-color" : l === "fill-extrusion" ? "fill-extrusion-color" : l === "line" ? "line-color" : l === "circle" ? "circle-color" : l === "symbol" ? "text-color" : null, x = b ? u[b] : null, S = x ? this.extractDataCases(x) : null;
-			if (S && S.length > 1) {
+			let v = { ...h }, y = { ...g }, b = this.editOverrides[f];
+			b && (Object.assign(h, b), "text-size" in b && (g["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(O`<div class="sub-group-title">${m}</div>`);
-				let o = Array.isArray(x) ? x : null, s = o ? this.colorExprStopIndices(o) : null;
-				for (let e = 0; e < S.length; e++) {
-					let { label: i, paint: a } = S[e], c = {
+				r.add(e), i.has(e) || i.set(e, [f]), a || n.push(_`<div class="sub-group-title">${m}</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 = {
 						...h,
-						[b]: a
+						[x]: a
 					}, u = this.renderSwatch(l, c, t, g);
 					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 ? O`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center"
+					let p = s?.[e] ?? null, m = typeof a == "string" ? a : "#000", v = p !== null && o ? _`<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], b, o, p, m);
+						e.stopPropagation(), this.openStopColorPicker(e.currentTarget, [f], x, o, p, m);
 					}}>
                             ${u}</button>` : u;
-					n.push(O`
+					n.push(_`
                         <div class="legend-row sub-row">
-                            ${_}
+                            ${v}
                             <span class="legend-label">${i}</span>
                         </div>`);
 				}
 			} else {
-				let e = b ? String(_[b] ?? "#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 = v["text-size"] ?? _["text-size"], n = Math.round(Number(typeof t == "number" ? t : 12)), r = (Array.isArray(v["text-font"]) ? v["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);
 				if (!o) continue;
 				let s = this.isEditableType(l, h), c = this.editorOpenKey === a;
-				if (n.push(O`
+				if (n.push(_`
                     <div class="legend-row ${s ? "editable" : ""}"
                         @click=${s ? () => {
 					this.editorOpenKey = c ? null : a;
@@ -2842,7 +2334,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				}
 			}
 		}
-		return O`<div class="legend-wrap">${n}</div>`;
+		return _`<div class="legend-wrap">${n}</div>`;
 	}
 	resolveSwatchColor(e, t) {
 		return typeof e == "string" ? e : t;
@@ -2850,30 +2342,30 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	renderSwatch(e, t, n, r) {
 		if (e === "fill") {
 			let e = this.resolveSwatchColor(t["fill-color"], "#000000");
-			return A`<svg width="20" height="12" style="flex-shrink:0">
+			return y`<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 A`<svg width="20" height="12" style="flex-shrink:0">
+		if (e === "fill-extrusion") return y`<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 A`<svg width="20" height="12" style="flex-shrink:0">
+		if (e === "line") return y`<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 A`<svg width="20" height="12" style="flex-shrink:0">
+			return y`<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 A`<svg width="${l}" height="${a + 4}" style="flex-shrink:0">
-                ${n ? A`<text x="${l / 2}" y="${a}" text-anchor="middle"
+			return y`<svg width="${l}" height="${a + 4}" style="flex-shrink:0">
+                ${n ? y`<text x="${l / 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>` : ""}
@@ -2882,9 +2374,9 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                     fill="${e}" font-family="sans-serif">A</text>
             </svg>`;
 		}
-		return e === "background" ? A`<svg width="20" height="12" style="flex-shrink:0">
+		return e === "background" ? y`<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" ? A`<svg width="20" height="12" style="flex-shrink:0">
+            </svg>` : e === "raster" || e === "hillshade" ? y`<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"/>
@@ -2943,7 +2435,7 @@ var Ee = /* @__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 n = Math.max(1, e.radius * 1), i = c - n - r, o = i - n;
-			return A`
+			return y`
                 <circle cx="${a}" cy="${i}" r="${n}"
                     fill="${e.color}" fill-opacity="0.75"
                     stroke="${t}" stroke-width="${r}"/>
@@ -2951,41 +2443,41 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                     stroke="#999" stroke-width="0.5" stroke-dasharray="2 2"/>
                 <text x="${l}" 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) => A`<rect x="${t * f}" y="0" width="${f}" height="${8}" fill="${e.color}"/>
+		}), f = Math.max(14, Math.floor((o + 60) / e.length)), p = e.length * f, m = e.map((e, t) => y`<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 O`
+		return _`
             <div class="legend-row" style="flex-direction:column;align-items:flex-start;gap:6px">
-                ${A`<svg width="${u}" height="${s}" style="overflow:visible">
+                ${y`<svg width="${u}" height="${s}" style="overflow:visible">
                     <line x1="${a}" y1="${c}" x2="${a}" y2="2" stroke="#bbb" stroke-width="1"/>
                     ${d}
                 </svg>`}
-                ${h ? "" : A`<svg width="${p}" height="${20}" style="overflow:visible">
+                ${h ? "" : y`<svg width="${p}" height="${20}" style="overflow:visible">
                     ${m}
                 </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 O`
+		return _`
             <div class="legend-row">
-                ${A`<svg width="${s}" height="${s}" style="flex-shrink:0">
+                ${y`<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 ? "" : O`<span class="legend-label">${i}</span>`}
+                ${i === null ? "" : _`<span class="legend-label">${i}</span>`}
             </div>`;
 	}
 	renderFillRow(e, t, n, r, i) {
-		let a = A`<svg width="24" height="14" style="flex-shrink:0">
+		let a = y`<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 O`
+		return _`
             <div class="legend-row">
-                ${i ? O`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center" @click=${i}>${a}</button>` : a}
-                ${r === null ? "" : O`<span class="legend-label">${r}</span>`}
+                ${i ? _`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center" @click=${i}>${a}</button>` : a}
+                ${r === null ? "" : _`<span class="legend-label">${r}</span>`}
             </div>`;
 	}
 	colorExprStopIndices(e) {
@@ -3015,30 +2507,30 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}, !1);
 	}
 	renderLineRow(e, t, n, r) {
-		return O`
+		return _`
             <div class="legend-row">
-                ${A`<svg width="24" height="14" style="flex-shrink:0">
+                ${y`<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 ? "" : O`<span class="legend-label">${r}</span>`}
+                ${r === null ? "" : _`<span class="legend-label">${r}</span>`}
             </div>`;
 	}
 	renderEditableLineRow(e, t, n, r, i, a, o) {
-		return O`
+		return _`
             <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);
 		}}>
-                    ${A`<svg width="24" height="14">
+                    ${y`<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 ? "" : O`<span class="legend-label">${i}</span>`}
+                ${i === null ? "" : _`<span class="legend-label">${i}</span>`}
             </div>`;
 	}
 	getAttrTranslations() {
@@ -3215,14 +2707,14 @@ var Ee = /* @__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 = Ee.default.create({
+		c ? (c.setColor(r), this.pickrOriginal.set(o, r)) : (c = oe.default.create({
 			el: e,
 			theme: "nano",
 			default: r,
 			useAsButton: !0,
 			comparison: !1,
 			appClass: "webmapx-pickr",
-			swatches: De.COLOR_PALETTE,
+			swatches: se.COLOR_PALETTE,
 			components: {
 				preview: !0,
 				opacity: !0,
@@ -3268,7 +2760,7 @@ var Ee = /* @__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 O`
+		return _`
             <div class="style-editor-row">
                 <label>${t}
                     <input type="range" min=${i} max=${a} step=${o} .value=${String(r)}
@@ -3278,7 +2770,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
             </div>`;
 	}
 	renderColorRow(e, t, n, r) {
-		return O`
+		return _`
             <div class="style-editor-row">
                 <label>${t}</label>
                 <button type="button" class="color-swatch" style="background:${r}"
@@ -3292,11 +2784,11 @@ var Ee = /* @__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)), O`<div class="style-editor">${s}</div>`;
+			return s.push(this.renderRangeRow(e, "opacity", a, o, 0, 1, .05)), _`<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 O`<div class="style-editor">
+			return _`<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)}
@@ -3304,7 +2796,7 @@ var Ee = /* @__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 O`<div class="style-editor">
+			return _`<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)}
@@ -3314,17 +2806,17 @@ var Ee = /* @__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 O`<div class="style-editor">
+			return _`<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 O``;
+		return _``;
 	}
 	renderHillshadeTerrainCheckbox() {
-		return O`
+		return _`
             <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)}>
@@ -3416,15 +2908,15 @@ var Ee = /* @__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" ? [O`
+		return t === "symbol" ? [_`
                 <div class="legend-row">
-                    ${A`<svg width="24" height="14" style="flex-shrink:0">
+                    ${y`<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" ? [O`
+                </div>`] : t === "raster" || t === "background" || t === "hillshade" ? [_`
                 <div class="legend-row">
-                    ${A`<svg width="24" height="14" style="flex-shrink:0">
+                    ${y`<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"/>
@@ -3436,12 +2928,12 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                 </div>`] : [];
 	}
 	render() {
-		if (!this.layerId) return O``;
+		if (!this.layerId) return _``;
 		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(O`
+			return a.length === 1 && typeof a[0]?.type == "string" && a[0].type === "hillshade" ? this.renderCollapsibleLegend(_`
                 <div class="legend-wrap">
                     ${e}
                     ${this.renderHillshadeTerrainCheckbox()}
@@ -3462,9 +2954,9 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			...n,
 			...f
 		} : n, m = !a && u && this.isEditableType(t, p), h = this.editorOpenKey === this.layerId;
-		return this.renderCollapsibleLegend(O`
+		return this.renderCollapsibleLegend(_`
             <div class="legend-wrap">
-                ${u ? O`
+                ${u ? _`
                     <div class=${m ? "editable" : ""} @click=${m ? () => {
 			this.editorOpenKey = h ? null : this.layerId;
 		} : null}>
@@ -3473,7 +2965,7 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                     ${t === "hillshade" ? this.renderHillshadeTerrainCheckbox() : ""}
                     ${m && h ? this.renderStyleEditor(d, t, p) : ""}
                 ` : ""}
-                ${r ? O`
+                ${r ? _`
                     <img class="legend-img" src=${r} alt=${i}
                         @error=${(e) => {
 			let t = e.target, n = document.createElement("span");
@@ -3484,24 +2976,24 @@ var Ee = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
         `);
 	}
 };
-o([c({
+o([x({
 	type: String,
 	attribute: "layer-id"
-})], I.prototype, "layerId", void 0), o([c({
+})], D.prototype, "layerId", void 0), o([x({
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "collapsible", void 0), o([l()], I.prototype, "meta", void 0), o([l()], I.prototype, "zoom", void 0), o([l()], I.prototype, "legendCollapsed", void 0), o([l()], I.prototype, "legendOverflowing", void 0), o([l()], I.prototype, "editOverrides", void 0), o([l()], I.prototype, "editorOpenKey", void 0), o([l()], I.prototype, "terrainEnabled", void 0), I = De = o([d("webmapx-layer-legend")], I);
+})], D.prototype, "collapsible", void 0), o([w()], D.prototype, "meta", void 0), o([w()], D.prototype, "zoom", void 0), o([w()], D.prototype, "legendCollapsed", void 0), o([w()], D.prototype, "legendOverflowing", void 0), o([w()], D.prototype, "editOverrides", void 0), o([w()], D.prototype, "editorOpenKey", void 0), o([w()], D.prototype, "terrainEnabled", void 0), D = se = o([b("webmapx-layer-legend")], D);
 //#endregion
 //#region node_modules/dompurify/dist/purify.es.mjs
-function Oe(e, t) {
+function O(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 ke(e) {
+function ce(e) {
 	if (Array.isArray(e)) return e;
 }
-function Ae(e, t) {
+function le(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;
@@ -3519,113 +3011,113 @@ function Ae(e, t) {
 		return s;
 	}
 }
-function je() {
+function ue() {
 	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function Me(e, t) {
-	return ke(e) || Ae(e, t) || Ne(e, t) || je();
+function de(e, t) {
+	return ce(e) || le(e, t) || fe(e, t) || ue();
 }
-function Ne(e, t) {
+function fe(e, t) {
 	if (e) {
-		if (typeof e == "string") return Oe(e, t);
+		if (typeof e == "string") return O(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) ? Oe(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) ? O(e, t) : void 0;
 	}
 }
-var Pe = Object.entries, Fe = Object.setPrototypeOf, Ie = Object.isFrozen, Le = Object.getPrototypeOf, L = 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 pe = Object.entries, me = Object.setPrototypeOf, he = Object.isFrozen, ge = Object.getPrototypeOf, _e = Object.getOwnPropertyDescriptor, k = Object.freeze, A = Object.seal, ve = Object.create, j = typeof Reflect < "u" && Reflect, ye = j.apply, M = j.construct;
+k ||= function(e) {
 	return e;
-}, z ||= function(e) {
+}, A ||= function(e) {
 	return e;
-}, Be ||= function(e, t) {
+}, ye ||= function(e, t) {
 	var n = [...arguments].slice(2);
 	return e.apply(t, n);
-}, Ve ||= function(e) {
+}, M ||= 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 be = L(Array.prototype.forEach), xe = L(Array.prototype.lastIndexOf), Se = L(Array.prototype.pop), Ce = L(Array.prototype.push), we = L(Array.prototype.splice), Te = Array.isArray, Ee = L(String.prototype.toLowerCase), De = L(String.prototype.toString), Oe = L(String.prototype.match), ke = L(String.prototype.replace), Ae = L(String.prototype.indexOf), je = L(String.prototype.trim), Me = L(Number.prototype.toString), N = L(Boolean.prototype.toString), Ne = typeof BigInt > "u" ? null : L(BigInt.prototype.toString), Pe = typeof Symbol > "u" ? null : L(Symbol.prototype.toString), P = L(Object.prototype.hasOwnProperty), F = L(Object.prototype.toString), I = L(RegExp.prototype.test), Fe = Ie(TypeError);
+function L(e) {
 	return function(t) {
 		t instanceof RegExp && (t.lastIndex = 0);
 		var n = [...arguments].slice(1);
-		return Be(e, t, n);
+		return ye(e, t, n);
 	};
 }
-function at(e) {
+function Ie(e) {
 	return function() {
-		return Ve(e, [...arguments]);
+		return M(e, [...arguments]);
 	};
 }
-function W(e, t) {
-	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Je;
-	if (Fe && Fe(e, null), !qe(t)) return e;
+function R(e, t) {
+	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Ee;
+	if (me && me(e, null), !Te(t)) return e;
 	let r = t.length;
 	for (; r--;) {
 		let i = t[r];
 		if (typeof i == "string") {
 			let e = n(i);
-			e !== i && (Ie(t) || (t[r] = e), i = e);
+			e !== i && (he(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 Le(e) {
+	for (let t = 0; t < e.length; t++) P(e, t) || (e[t] = null);
 	return e;
 }
-function G(e) {
-	let t = Re(null);
-	for (let r of Pe(e)) {
-		var n = Me(r, 2);
+function z(e) {
+	let t = ve(null);
+	for (let r of pe(e)) {
+		var n = de(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);
+		P(e, i) && (Te(a) ? t[i] = Le(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = z(a) : t[i] = a);
 	}
 	return t;
 }
-function st(e) {
+function Re(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 Me(e);
+		case "boolean": return N(e);
+		case "bigint": return Ne ? Ne(e) : "0";
+		case "symbol": return Pe ? Pe(e) : "Symbol()";
+		case "undefined": return F(e);
 		case "function":
 		case "object": {
-			if (e === null) return V(e);
-			let t = e, n = ct(t, "toString");
+			if (e === null) return F(e);
+			let t = e, n = B(t, "toString");
 			if (typeof n == "function") {
 				let e = n(t);
-				return typeof e == "string" ? e : V(e);
+				return typeof e == "string" ? e : F(e);
 			}
-			return V(e);
+			return F(e);
 		}
-		default: return V(e);
+		default: return F(e);
 	}
 }
-function ct(e, t) {
+function B(e, t) {
 	for (; e !== null;) {
-		let n = L(e, t);
+		let n = _e(e, t);
 		if (n) {
-			if (n.get) return U(n.get);
-			if (typeof n.value == "function") return U(n.value);
+			if (n.get) return L(n.get);
+			if (typeof n.value == "function") return L(n.value);
 		}
-		e = Le(e);
+		e = ge(e);
 	}
 	function n() {
 		return null;
 	}
 	return n;
 }
-function lt(e) {
+function ze(e) {
 	try {
-		return H(e, ""), !0;
+		return I(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 Be = k(/* @__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(".")), Ve = k(/* @__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(".")), He = k([
 	"feBlend",
 	"feColorMatrix",
 	"feComponentTransfer",
@@ -3651,7 +3143,7 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"feSpotLight",
 	"feTile",
 	"feTurbulence"
-]), pt = R([
+]), Ue = k([
 	"animate",
 	"color-profile",
 	"cursor",
@@ -3674,7 +3166,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([
+]), We = k(/* @__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(".")), Ge = k([
 	"maction",
 	"maligngroup",
 	"malignmark",
@@ -3690,13 +3182,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([
+]), Ke = k(["#text"]), qe = k(/* @__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(".")), Je = k(/* @__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(".")), Ye = k(/* @__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(".")), Xe = k([
 	"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 = {
+]), Ze = A(/{{[\w\W]*|^[\w\W]*}}/g), Qe = A(/<%[\w\W]*|^[\w\W]*%>/g), $e = A(/\${[\w\W]*/g), et = A(/^data-[\-\w.\u00B7-\uFFFF]+$/), tt = A(/^aria-[\-\w]+$/), nt = A(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), rt = A(/^(?:\w+script|data):/i), it = A(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), at = A(/^html$/i), ot = A(/^[a-z][.\w]*(-[.\w]+)+$/i), st = A(/<[/\w!]/g), ct = A(/<[/\w]/g), lt = A(/<\/no(script|embed|frames)/i), ut = A(/\/>/i), V = {
 	element: 1,
 	attribute: 2,
 	text: 3,
@@ -3709,9 +3201,9 @@ var ut = R(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	documentType: 10,
 	documentFragment: 11,
 	notation: 12
-}, It = function() {
+}, dt = function() {
 	return typeof window > "u" ? null : window;
-}, Lt = function(e, t) {
+}, ft = 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));
@@ -3728,7 +3220,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() {
+}, pt = function() {
 	return {
 		afterSanitizeAttributes: [],
 		afterSanitizeElements: [],
@@ -3740,53 +3232,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;
+}, mt = function(e, t, n, r) {
+	return P(e, t) && Te(e[t]) ? R(r.base ? z(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 ht() {
+	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : dt(), t = (e) => ht(e);
+	if (t.version = "3.4.11", t.removed = [], !e || !e.document || e.document.nodeType !== V.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"), v = ct(d, "attributes"), y = o && o.prototype ? ct(o.prototype, "nodeType") : null, b = o && o.prototype ? ct(o.prototype, "nodeName") : null;
+	let l = e.DOMParser, u = e.trustedTypes, d = s.prototype, f = B(d, "cloneNode"), p = B(d, "remove"), m = B(d, "nextSibling"), h = B(d, "childNodes"), g = B(d, "parentNode"), _ = B(d, "shadowRoot"), v = B(d, "attributes"), y = o && o.prototype ? B(o.prototype, "nodeType") : null, b = o && o.prototype ? B(o.prototype, "nodeName") : null;
 	if (typeof a == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let x, S = "", C, ee = !1, w = 0, te = function() {
-		if (w > 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.");
-	}, ne = function(e) {
-		te(), w++;
+	let x, S = "", C, w = !1, ee = 0, te = function() {
+		if (ee > 0) throw Fe("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.");
+	}, T = function(e) {
+		te(), ee++;
 		try {
 			return x.createHTML(e);
 		} finally {
-			w--;
+			ee--;
 		}
-	}, re = function(e) {
-		te(), w++;
+	}, ne = function(e) {
+		te(), ee++;
 		try {
 			return x.createScriptURL(e);
 		} finally {
-			w--;
-		}
-	}, ie = function() {
-		return ee ||= (C = Lt(u, i), !0), C;
-	}, ae = n, oe = ae.implementation, se = ae.createNodeIterator, ce = ae.createDocumentFragment, le = ae.getElementsByTagName, ue = r.importNode, T = Rt();
-	t.isSupported = typeof Pe == "function" && typeof g == "function" && oe && oe.createHTMLDocument !== void 0;
-	let de = xt, fe = St, pe = Ct, me = wt, he = Tt, ge = Dt, E = Ot, D = At, O = Et, k = null, A = W({}, [
-		...ut,
-		...dt,
-		...ft,
-		...mt,
-		...gt
-	]), j = null, _e = W({}, [
-		..._t,
-		...vt,
-		...yt,
-		...bt
-	]), M = Object.seal(Re(null, {
+			ee--;
+		}
+	}, re = function() {
+		return w ||= (C = ft(u, i), !0), C;
+	}, ie = n, ae = ie.implementation, E = ie.createNodeIterator, oe = ie.createDocumentFragment, se = ie.getElementsByTagName, D = r.importNode, O = pt();
+	t.isSupported = typeof pe == "function" && typeof g == "function" && ae && ae.createHTMLDocument !== void 0;
+	let ce = Ze, le = Qe, ue = $e, de = et, fe = tt, me = rt, he = it, ge = ot, _e = nt, j = null, ye = R({}, [
+		...Be,
+		...Ve,
+		...He,
+		...We,
+		...Ke
+	]), M = null, Me = R({}, [
+		...qe,
+		...Je,
+		...Ye,
+		...Xe
+	]), N = Object.seal(ve(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -3805,7 +3297,7 @@ function Bt() {
 			enumerable: !0,
 			value: !1
 		}
-	})), ve = null, ye = null, N = Object.seal(Re(null, {
+	})), Ne = null, Pe = null, F = Object.seal(ve(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -3818,14 +3310,14 @@ function Bt() {
 			enumerable: !0,
 			value: null
 		}
-	})), be = !0, xe = !0, P = !1, Se = !0, Ce = !1, we = !0, F = !1, Te = !1, Ee = null, De = null, I = !1, Oe = !1, ke = !1, Ae = !1, je = !0, Me = !1, Ne = "user-content-", Fe = !0, Ie = !1, Le = {}, L = 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({}, [
+	})), L = !0, Ie = !0, Le = !1, gt = !0, H = !1, _t = !0, vt = !1, yt = !1, U = null, W = null, bt = !1, G = !1, K = !1, q = !1, xt = !0, St = !1, Ct = "user-content-", wt = !0, Tt = !1, Et = {}, J = null, Dt = R({}, /* @__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(".")), Y = null, Ot = R({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), et = null, tt = W({}, [
+	]), X = null, kt = R({}, [
 		"alt",
 		"class",
 		"for",
@@ -3840,83 +3332,83 @@ 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", jt = "http://www.w3.org/2000/svg", Z = "http://www.w3.org/1999/xhtml", Mt = Z, Nt = !1, Pt = null, Ft = R({}, [
+		At,
+		jt,
+		Z
+	], De), It = k([
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), Ut = W({}, Ht), Wt = R(["annotation-xml"]), Gt = W({}, Wt), Kt = W({}, [
+	]), Lt = R({}, It), Rt = k(["annotation-xml"]), zt = R({}, Rt), Bt = R({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), K = null, qt = ["application/xhtml+xml", "text/html"], q = null, J = null, Jt = n.createElement("form"), Yt = function(e) {
+	]), Vt = null, Ht = ["application/xhtml+xml", "text/html"], Q = null, Ut = null, Wt = n.createElement("form"), Gt = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, Xt = function() {
+	}, $ = 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, k = zt(e, "ALLOWED_TAGS", A, { transform: q }), j = zt(e, "ALLOWED_ATTR", _e, { 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
-		}), L = zt(e, "FORBID_CONTENTS", ze, { transform: q }), ve = zt(e, "FORBID_TAGS", G({}), { transform: q }), ye = zt(e, "FORBID_ATTR", G({}), { transform: q }), Le = B(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? G(e.USE_PROFILES) : e.USE_PROFILES : !1, be = e.ALLOW_ARIA_ATTR !== !1, xe = e.ALLOW_DATA_ATTR !== !1, P = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Se = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Ce = e.SAFE_FOR_TEMPLATES || !1, we = e.SAFE_FOR_XML !== !1, F = e.WHOLE_DOCUMENT || !1, Oe = e.RETURN_DOM || !1, ke = e.RETURN_DOM_FRAGMENT || !1, Ae = e.RETURN_TRUSTED_TYPE || !1, I = e.FORCE_BODY || !1, je = e.SANITIZE_DOM !== !1, Me = e.SANITIZE_NAMED_PROPS || !1, Fe = e.KEEP_CONTENT !== !1, Ie = e.IN_PLACE || !1, O = 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 (M = Re(null), B(t, "tagNameCheck") && Yt(t.tagNameCheck) && (M.tagNameCheck = t.tagNameCheck), B(t, "attributeNameCheck") && Yt(t.attributeNameCheck) && (M.attributeNameCheck = t.attributeNameCheck), B(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (M.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), z(M), Ce && (xe = !1), ke && (Oe = !0), Le && (k = W({}, gt), j = Re(null), Le.html === !0 && (W(k, ut), W(j, _t)), Le.svg === !0 && (W(k, dt), W(j, vt), W(j, bt)), Le.svgFilters === !0 && (W(k, ft), W(j, vt), W(j, bt)), Le.mathMl === !0 && (W(k, mt), W(j, yt), W(j, bt))), N.tagCheck = null, N.attributeCheck = null, B(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? N.tagCheck = e.ADD_TAGS : qe(e.ADD_TAGS) && (k === A && (k = G(k)), W(k, e.ADD_TAGS, q))), B(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? N.attributeCheck = e.ADD_ATTR : qe(e.ADD_ATTR) && (j === _e && (j = G(j)), W(j, 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) && (L === ze && (L = G(L)), W(L, e.FORBID_CONTENTS, q)), B(e, "ADD_FORBID_CONTENTS") && qe(e.ADD_FORBID_CONTENTS) && (L === ze && (L = G(L)), W(L, e.ADD_FORBID_CONTENTS, q)), Fe && (k["#text"] = !0), F && W(k, [
+		if (Ut && Ut === e) return;
+		(!e || typeof e != "object") && (e = {}), e = z(e), Vt = Ht.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Q = Vt === "application/xhtml+xml" ? De : Ee, j = mt(e, "ALLOWED_TAGS", ye, { transform: Q }), M = mt(e, "ALLOWED_ATTR", Me, { transform: Q }), Pt = mt(e, "ALLOWED_NAMESPACES", Ft, { transform: De }), X = mt(e, "ADD_URI_SAFE_ATTR", kt, {
+			transform: Q,
+			base: kt
+		}), Y = mt(e, "ADD_DATA_URI_TAGS", Ot, {
+			transform: Q,
+			base: Ot
+		}), J = mt(e, "FORBID_CONTENTS", Dt, { transform: Q }), Ne = mt(e, "FORBID_TAGS", z({}), { transform: Q }), Pe = mt(e, "FORBID_ATTR", z({}), { transform: Q }), Et = P(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? z(e.USE_PROFILES) : e.USE_PROFILES : !1, L = e.ALLOW_ARIA_ATTR !== !1, Ie = e.ALLOW_DATA_ATTR !== !1, Le = e.ALLOW_UNKNOWN_PROTOCOLS || !1, gt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, H = e.SAFE_FOR_TEMPLATES || !1, _t = e.SAFE_FOR_XML !== !1, vt = e.WHOLE_DOCUMENT || !1, G = e.RETURN_DOM || !1, K = e.RETURN_DOM_FRAGMENT || !1, q = e.RETURN_TRUSTED_TYPE || !1, bt = e.FORCE_BODY || !1, xt = e.SANITIZE_DOM !== !1, St = e.SANITIZE_NAMED_PROPS || !1, wt = e.KEEP_CONTENT !== !1, Tt = e.IN_PLACE || !1, _e = ze(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : nt, Mt = typeof e.NAMESPACE == "string" ? e.NAMESPACE : Z, Lt = P(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? z(e.MATHML_TEXT_INTEGRATION_POINTS) : R({}, It), zt = P(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? z(e.HTML_INTEGRATION_POINTS) : R({}, Rt);
+		let t = P(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? z(e.CUSTOM_ELEMENT_HANDLING) : ve(null);
+		if (N = ve(null), P(t, "tagNameCheck") && Gt(t.tagNameCheck) && (N.tagNameCheck = t.tagNameCheck), P(t, "attributeNameCheck") && Gt(t.attributeNameCheck) && (N.attributeNameCheck = t.attributeNameCheck), P(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (N.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), A(N), H && (Ie = !1), K && (G = !0), Et && (j = R({}, Ke), M = ve(null), Et.html === !0 && (R(j, Be), R(M, qe)), Et.svg === !0 && (R(j, Ve), R(M, Je), R(M, Xe)), Et.svgFilters === !0 && (R(j, He), R(M, Je), R(M, Xe)), Et.mathMl === !0 && (R(j, We), R(M, Ye), R(M, Xe))), F.tagCheck = null, F.attributeCheck = null, P(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? F.tagCheck = e.ADD_TAGS : Te(e.ADD_TAGS) && (j === ye && (j = z(j)), R(j, e.ADD_TAGS, Q))), P(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? F.attributeCheck = e.ADD_ATTR : Te(e.ADD_ATTR) && (M === Me && (M = z(M)), R(M, e.ADD_ATTR, Q))), P(e, "ADD_URI_SAFE_ATTR") && Te(e.ADD_URI_SAFE_ATTR) && R(X, e.ADD_URI_SAFE_ATTR, Q), P(e, "FORBID_CONTENTS") && Te(e.FORBID_CONTENTS) && (J === Dt && (J = z(J)), R(J, e.FORBID_CONTENTS, Q)), P(e, "ADD_FORBID_CONTENTS") && Te(e.ADD_FORBID_CONTENTS) && (J === Dt && (J = z(J)), R(J, e.ADD_FORBID_CONTENTS, Q)), wt && (j["#text"] = !0), vt && R(j, [
 			"html",
 			"head",
 			"body"
-		]), k.table && (W(k, ["tbody"]), delete ve.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.");
+		]), j.table && (R(j, ["tbody"]), delete Ne.tbody), e.TRUSTED_TYPES_POLICY) {
+			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw Fe("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
+			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw Fe("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
 			let t = x;
 			x = e.TRUSTED_TYPES_POLICY;
 			try {
-				S = ne("");
+				S = T("");
 			} catch (e) {
 				throw x = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (x = void 0, S = "") : (x === void 0 && (x = ie()), x && typeof S == "string" && (S = ne("")));
-		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 = re()), x && typeof S == "string" && (S = T("")));
+		k && k(e), Ut = e;
+	}, Kt = R({}, [
+		...Ve,
+		...He,
+		...Ue
+	]), qt = R({}, [...We, ...Ge]), Jt = function(e, t, n) {
+		return t.namespaceURI === Z ? e === "svg" : t.namespaceURI === At ? e === "svg" && (n === "annotation-xml" || Lt[n]) : !!Kt[e];
+	}, Yt = function(e, t, n) {
+		return t.namespaceURI === Z ? e === "math" : t.namespaceURI === jt ? e === "math" && zt[n] : !!qt[e];
+	}, Xt = function(e, t, n) {
+		return t.namespaceURI === jt && !zt[n] || t.namespaceURI === At && !Lt[n] ? !1 : !qt[e] && (Bt[e] || !Kt[e]);
+	}, Zt = function(e) {
 		let t = g(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: U,
+			namespaceURI: Mt,
 			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 = Ee(e.tagName), r = Ee(t.tagName);
+		return Pt[e.namespaceURI] ? e.namespaceURI === jt ? Jt(n, t, r) : e.namespaceURI === At ? Yt(n, t, r) : e.namespaceURI === Z ? Xt(n, t, r) : !!(Vt === "application/xhtml+xml" && Pt[e.namespaceURI]) : !1;
+	}, Qt = function(e) {
+		Ce(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 Fe("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) {
+	}, $t = function(e) {
 		let t = h(e);
 		if (t) {
 			let e = [];
-			He(t, (t) => {
-				Ge(e, t);
-			}), He(e, (e) => {
+			be(t, (t) => {
+				Ce(e, t);
+			}), be(e, (e) => {
 				try {
 					p(e);
 				} catch {}
@@ -3929,83 +3421,83 @@ function Bt() {
 				e.removeAttribute(i);
 			} catch {}
 		}
-	}, Z = function(e, n) {
+	}, en = function(e, n) {
 		try {
-			Ge(t.removed, {
+			Ce(t.removed, {
 				attribute: n.getAttributeNode(e),
 				from: n
 			});
 		} catch {
-			Ge(t.removed, {
+			Ce(t.removed, {
 				attribute: null,
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (Oe || ke) try {
-			X(n);
+		if (n.removeAttribute(e), e === "is") if (G || K) try {
+			Qt(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, rn = function(e) {
+	}, tn = 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" || j[q(i)])) try {
+			if (!(typeof i != "string" || M[Q(i)])) try {
 				e.removeAttribute(i);
 			} catch {}
 		}
-	}, an = function(e) {
+	}, nn = function(e) {
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop();
-			(y ? y(e) : e.nodeType) === Ft.element && rn(e);
+			(y ? y(e) : e.nodeType) === V.element && tn(e);
 			let n = h(e);
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
-	}, on = function(e) {
+	}, rn = function(e) {
 		let t = null, r = null;
-		if (I) e = "<remove></remove>" + e;
+		if (bt) e = "<remove></remove>" + e;
 		else {
-			let t = Xe(e, /^[\r\n\t ]+/);
+			let t = Oe(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 = x ? ne(e) : e;
-		if (U === V) try {
-			t = new l().parseFromString(i, K);
+		Vt === "application/xhtml+xml" && Mt === Z && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = x ? T(e) : e;
+		if (Mt === Z) try {
+			t = new l().parseFromString(i, Vt);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = oe.createDocument(U, "template", null);
+			t = ae.createDocument(Mt, "template", null);
 			try {
-				t.documentElement.innerHTML = at ? S : i;
+				t.documentElement.innerHTML = Nt ? S : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), U === V ? le.call(t, F ? "html" : "body")[0] : F ? t.documentElement : a;
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), Mt === Z ? se.call(t, vt ? "html" : "body")[0] : vt ? t.documentElement : a;
+	}, an = function(e) {
+		return E.call(e.ownerDocument || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
+	}, on = function(e) {
+		return e = ke(e, ce, " "), e = ke(e, le, " "), e = ke(e, ue, " "), e;
 	}, sn = function(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);
-	}, cn = function(e) {
-		return e = Ze(e, de, " "), e = Ze(e, fe, " "), e = Ze(e, pe, " "), e;
-	}, ln = function(e) {
 		e.normalize();
-		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 = cn(n.data), n = t.nextNode();
+		let t = E.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 = on(n.data), n = t.nextNode();
 		let r = e.querySelectorAll?.call(e, "template");
-		r && He(r, (e) => {
-			dn(e.content) && ln(e.content);
+		r && be(r, (e) => {
+			ln(e.content) && sn(e.content);
 		});
-	}, un = function(e) {
+	}, cn = function(e) {
 		let t = b ? b(e) : null;
-		return typeof t != "string" || q(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);
-	}, dn = function(e) {
+		return typeof t != "string" || Q(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);
+	}, ln = function(e) {
 		if (!y || typeof e != "object" || !e) return !1;
 		try {
-			return y(e) === Ft.documentFragment;
+			return y(e) === V.documentFragment;
 		} catch {
 			return !1;
 		}
-	}, Q = function(e) {
+	}, un = function(e) {
 		if (!y || typeof e != "object" || !e) return !1;
 		try {
 			return typeof y(e) == "number";
@@ -4013,50 +3505,50 @@ function Bt() {
 			return !1;
 		}
 	};
-	function fn(e, n, r) {
-		e.length !== 0 && He(e, (e) => {
-			e.call(t, n, r, J);
+	function dn(e, n, r) {
+		e.length !== 0 && be(e, (e) => {
+			e.call(t, n, r, Ut);
 		});
 	}
-	let $ = function(e, t) {
-		return !!(we && e.hasChildNodes() && !Q(e.firstElementChild) && H(jt, e.textContent) && H(jt, e.innerHTML) || we && e.namespaceURI === V && t === "style" && Q(e.firstElementChild) || e.nodeType === Ft.processingInstruction || we && e.nodeType === Ft.comment && H(Mt, e.data));
+	let fn = function(e, t) {
+		return !!(_t && e.hasChildNodes() && !un(e.firstElementChild) && I(st, e.textContent) && I(st, e.innerHTML) || _t && e.namespaceURI === Z && t === "style" && un(e.firstElementChild) || e.nodeType === V.processingInstruction || _t && e.nodeType === V.comment && I(ct, e.data));
 	}, pn = function(e, t) {
-		if (!ve[t] && _n(t) && (M.tagNameCheck instanceof RegExp && H(M.tagNameCheck, t) || M.tagNameCheck instanceof Function && M.tagNameCheck(t))) return !1;
-		if (Fe && !L[t]) {
+		if (!Ne[t] && _n(t) && (N.tagNameCheck instanceof RegExp && I(N.tagNameCheck, t) || N.tagNameCheck instanceof Function && N.tagNameCheck(t))) return !1;
+		if (wt && !J[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 = Ie ? n[i] : f(n[i], !0);
+					let r = Tt ? n[i] : f(n[i], !0);
 					t.insertBefore(r, m(e));
 				}
 			}
 		}
-		return X(e), !0;
+		return Qt(e), !0;
 	}, mn = function(e) {
-		if (fn(T.beforeSanitizeElements, e, null), un(e)) return X(e), !0;
-		let n = q(b ? b(e) : e.nodeName);
-		if (fn(T.uponSanitizeElement, e, {
+		if (dn(O.beforeSanitizeElements, e, null), cn(e)) return Qt(e), !0;
+		let n = Q(b ? b(e) : e.nodeName);
+		if (dn(O.uponSanitizeElement, e, {
 			tagName: n,
-			allowedTags: k
-		}), $(e, n)) return X(e), !0;
-		if (ve[n] || !(N.tagCheck instanceof Function && N.tagCheck(n)) && !k[n]) return pn(e, n);
-		if ((y ? y(e) : e.nodeType) === Ft.element && !tn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && H(Nt, e.innerHTML)) return X(e), !0;
-		if (Ce && 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: j
+		}), fn(e, n)) return Qt(e), !0;
+		if (Ne[n] || !(F.tagCheck instanceof Function && F.tagCheck(n)) && !j[n]) return pn(e, n);
+		if ((y ? y(e) : e.nodeType) === V.element && !Zt(e) || (n === "noscript" || n === "noembed" || n === "noframes") && I(lt, e.innerHTML)) return Qt(e), !0;
+		if (H && e.nodeType === V.text) {
+			let n = on(e.textContent);
+			e.textContent !== n && (Ce(t.removed, { element: e.cloneNode() }), e.textContent = n);
+		}
+		return dn(O.afterSanitizeElements, e, null), !1;
 	}, hn = function(e, t, r) {
-		if (ye[t] || je && (t === "id" || t === "name") && (r in n || r in Jt)) return !1;
-		let i = j[t] || N.attributeCheck instanceof Function && N.attributeCheck(t, e);
-		if (!(xe && H(me, t)) && !(be && H(he, t))) {
+		if (Pe[t] || xt && (t === "id" || t === "name") && (r in n || r in Wt)) return !1;
+		let i = M[t] || F.attributeCheck instanceof Function && F.attributeCheck(t, e);
+		if (!(Ie && I(de, t)) && !(L && I(fe, t))) {
 			if (!i) {
-				if (!(_n(e) && (M.tagNameCheck instanceof RegExp && H(M.tagNameCheck, e) || M.tagNameCheck instanceof Function && M.tagNameCheck(e)) && (M.attributeNameCheck instanceof RegExp && H(M.attributeNameCheck, t) || M.attributeNameCheck instanceof Function && M.attributeNameCheck(t, e)) || t === "is" && M.allowCustomizedBuiltInElements && (M.tagNameCheck instanceof RegExp && H(M.tagNameCheck, r) || M.tagNameCheck instanceof Function && M.tagNameCheck(r)))) return !1;
-			} else if (!et[t] && !H(O, Ze(r, E, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && Qe(r, "data:") === 0 && Be[e]) && !(P && !H(ge, Ze(r, E, ""))) && r) return !1;
+				if (!(_n(e) && (N.tagNameCheck instanceof RegExp && I(N.tagNameCheck, e) || N.tagNameCheck instanceof Function && N.tagNameCheck(e)) && (N.attributeNameCheck instanceof RegExp && I(N.attributeNameCheck, t) || N.attributeNameCheck instanceof Function && N.attributeNameCheck(t, e)) || t === "is" && N.allowCustomizedBuiltInElements && (N.tagNameCheck instanceof RegExp && I(N.tagNameCheck, r) || N.tagNameCheck instanceof Function && N.tagNameCheck(r)))) return !1;
+			} else if (!X[t] && !I(_e, ke(r, he, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && Ae(r, "data:") === 0 && Y[e]) && !(Le && !I(me, ke(r, he, ""))) && r) return !1;
 		}
 		return !0;
-	}, gn = W({}, [
+	}, gn = R({}, [
 		"annotation-xml",
 		"color-profile",
 		"font-face",
@@ -4066,64 +3558,64 @@ function Bt() {
 		"font-face-uri",
 		"missing-glyph"
 	]), _n = function(e) {
-		return !gn[Je(e)] && H(D, e);
+		return !gn[Ee(e)] && I(ge, e);
 	}, vn = function(e, t, n, r) {
 		if (x && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
-			case "TrustedHTML": return ne(r);
-			case "TrustedScriptURL": return re(r);
+			case "TrustedHTML": return T(r);
+			case "TrustedScriptURL": return ne(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), cn(e) ? Qt(e) : Se(t.removed);
 		} catch {
-			Z(n, e);
+			en(n, e);
 		}
 	}, bn = function(e) {
-		fn(T.beforeSanitizeAttributes, e, null);
+		dn(O.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
-		if (!t || un(e)) return;
+		if (!t || cn(e)) return;
 		let n = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: j,
+			allowedAttributes: M,
 			forceKeepAttr: void 0
-		}, r = t.length, i = q(e.nodeName);
+		}, r = t.length, i = Q(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, Me && (l === "id" || l === "name") && Qe(d, Ne) !== 0 && (Z(o, e), d = Ne + d), we && 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 = Q(o), u = c, d = o === "value" ? u : je(u);
+			if (n.attrName = l, n.attrValue = d, n.keepAttr = !0, n.forceKeepAttr = void 0, dn(O.uponSanitizeAttribute, e, n), d = n.attrValue, St && (l === "id" || l === "name") && Ae(d, Ct) !== 0 && (en(o, e), d = Ct + d), _t && I(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, d)) {
+				en(o, e);
 				continue;
 			}
-			if (l === "attributename" && Xe(d, "href")) {
-				Z(o, e);
+			if (l === "attributename" && Oe(d, "href")) {
+				en(o, e);
 				continue;
 			}
 			if (!n.forceKeepAttr) {
 				if (!n.keepAttr) {
-					Z(o, e);
+					en(o, e);
 					continue;
 				}
-				if (!Se && H(Pt, d)) {
-					Z(o, e);
+				if (!gt && I(ut, d)) {
+					en(o, e);
 					continue;
 				}
-				if (Ce && (d = cn(d)), !hn(i, l, d)) {
-					Z(o, e);
+				if (H && (d = on(d)), !hn(i, l, d)) {
+					en(o, e);
 					continue;
 				}
 				d = vn(i, l, s, d), d !== u && yn(e, o, s, d);
 			}
 		}
-		fn(T.afterSanitizeAttributes, e, null);
+		dn(O.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), (y ? y(t) : t.nodeType) === Ft.element) {
+		let t = null, n = an(e);
+		for (dn(O.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (dn(O.uponSanitizeShadowNode, t, null), mn(t), bn(t), ln(t.content) && xn(t.content), (y ? y(t) : t.nodeType) === V.element) {
 			let e = _(t);
-			dn(e) && (Sn(e), xn(e));
+			ln(e) && (Sn(e), xn(e));
 		}
-		fn(T.afterSanitizeShadowDOM, e, null);
+		dn(O.afterSanitizeShadowDOM, e, null);
 	}, Sn = function(e) {
 		let t = [{
 			node: e,
@@ -4135,16 +3627,16 @@ function Bt() {
 				xn(e.shadow);
 				continue;
 			}
-			let n = e.node, r = (y ? y(n) : n.nodeType) === Ft.element, i = h(n);
+			let n = e.node, r = (y ? y(n) : n.nodeType) === V.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 = b ? b(n) : null;
-				if (typeof e == "string" && q(e) === "template") {
+				if (typeof e == "string" && Q(e) === "template") {
 					let e = n.content;
-					dn(e) && t.push({
+					ln(e) && t.push({
 						node: e,
 						shadow: null
 					});
@@ -4152,7 +3644,7 @@ function Bt() {
 			}
 			if (r) {
 				let e = _(n);
-				dn(e) && t.push({
+				ln(e) && t.push({
 					node: null,
 					shadow: e
 				}, {
@@ -4164,67 +3656,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 (Nt = !e, Nt && (e = "<!-->"), typeof e != "string" && !un(e) && (e = Re(e), typeof e != "string")) throw Fe("dirty is not a string, aborting");
 		if (!t.isSupported) return e;
-		Te ? (k = Ee, j = De) : Xt(n), (T.uponSanitizeElement.length > 0 || T.uponSanitizeAttribute.length > 0) && (k = G(k)), T.uponSanitizeAttribute.length > 0 && (j = G(j)), t.removed = [];
-		let c = Ie && typeof e != "string" && Q(e);
+		yt ? (j = U, M = W) : $(n), (O.uponSanitizeElement.length > 0 || O.uponSanitizeAttribute.length > 0) && (j = z(j)), O.uponSanitizeAttribute.length > 0 && (M = z(M)), t.removed = [];
+		let c = Tt && typeof e != "string" && un(e);
 		if (c) {
 			let t = b ? b(e) : e.nodeName;
 			if (typeof t == "string") {
-				let e = q(t);
-				if (!k[e] || ve[e]) throw it("root node is forbidden and cannot be sanitized in-place");
+				let e = Q(t);
+				if (!j[e] || Ne[e]) throw Fe("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 (cn(e)) throw Fe("root node is clobbered and cannot be sanitized in-place");
 			try {
 				Sn(e);
 			} catch (t) {
-				throw nn(e), t;
+				throw $t(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 (un(e)) i = rn("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === V.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Sn(a);
 		else {
-			if (!Oe && !Ce && !F && e.indexOf("<") === -1) return x && Ae ? ne(e) : e;
-			if (i = on(e), !i) return Oe ? null : Ae ? S : "";
+			if (!G && !H && !vt && e.indexOf("<") === -1) return x && q ? T(e) : e;
+			if (i = rn(e), !i) return G ? null : q ? S : "";
 		}
-		i && I && X(i.firstChild);
-		let l = sn(c ? e : i);
+		i && bt && Qt(i.firstChild);
+		let l = an(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), ln(o.content) && xn(o.content);
 		} catch (t) {
-			throw c && nn(e), t;
+			throw c && $t(e), t;
 		}
-		if (c) return He(t.removed, (e) => {
-			e.element && an(e.element);
-		}), Ce && ln(e), e;
-		if (Oe) {
-			if (Ce && ln(i), ke) for (s = ce.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
+		if (c) return be(t.removed, (e) => {
+			e.element && nn(e.element);
+		}), H && sn(e), e;
+		if (G) {
+			if (H && sn(i), K) for (s = oe.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
 			else s = i;
-			return (j.shadowroot || j.shadowrootmode) && (s = ue.call(r, s, !0)), s;
+			return (M.shadowroot || M.shadowrootmode) && (s = D.call(r, s, !0)), s;
 		}
-		let u = F ? i.outerHTML : i.innerHTML;
-		return F && k["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && H(kt, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), Ce && (u = cn(u)), x && Ae ? ne(u) : u;
+		let u = vt ? i.outerHTML : i.innerHTML;
+		return vt && j["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && I(at, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), H && (u = on(u)), x && q ? T(u) : u;
 	}, t.setConfig = function() {
-		Xt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Te = !0, Ee = k, De = j;
+		$(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), yt = !0, U = j, W = M;
 	}, t.clearConfig = function() {
-		J = null, Te = !1, Ee = null, De = null, x = C, S = "";
+		Ut = null, yt = !1, U = null, W = null, x = C, S = "";
 	}, t.isValidAttribute = function(e, t, n) {
-		return J || Xt({}), hn(q(e), q(t), n);
+		return Ut || $({}), hn(Q(e), Q(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && B(T, e) && Ge(T[e], t);
+		typeof t == "function" && P(O, e) && Ce(O[e], t);
 	}, t.removeHook = function(e, t) {
-		if (B(T, e)) {
+		if (P(O, e)) {
 			if (t !== void 0) {
-				let n = Ue(T[e], t);
-				return n === -1 ? void 0 : Ke(T[e], n, 1)[0];
+				let n = xe(O[e], t);
+				return n === -1 ? void 0 : we(O[e], n, 1)[0];
 			}
-			return We(T[e]);
+			return Se(O[e]);
 		}
 	}, t.removeHooks = function(e) {
-		B(T, e) && (T[e] = []);
+		P(O, e) && (O[e] = []);
 	}, t.removeAllHooks = function() {
-		T = Rt();
+		O = pt();
 	}, 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 gt = ht(), H = /* @__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("."), _t = [
 	"href",
 	"title",
 	"src",
@@ -4232,10 +3724,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 vt(e) {
+	let t = gt.sanitize(e, {
+		ALLOWED_TAGS: H,
+		ALLOWED_ATTR: _t,
 		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) => {
@@ -4244,12 +3736,12 @@ function Wt(e) {
 }
 //#endregion
 //#region src/components/webmapx-layer-info-dialog.ts
-var Gt = /^https:\/\/\S+$/i, Kt = class extends E {
+var yt = /^https:\/\/\S+$/i, U = class extends h {
 	constructor(...e) {
 		super(...e), this.dialogTitle = "", this.attribution = "", this.featureSummary = "", this.content = { kind: "none" }, this.fetchToken = 0;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4312,13 +3804,13 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends E {
 			this.content = { kind: "none" };
 			return;
 		}
-		if (Gt.test(i)) {
+		if (yt.test(i)) {
 			this.loadFromUrl(i);
 			return;
 		}
 		this.content = {
 			kind: "html",
-			html: Wt(i)
+			html: vt(i)
 		};
 	}
 	close() {
@@ -4334,7 +3826,7 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends E {
 			if (t !== this.fetchToken) return;
 			this.content = {
 				kind: "html",
-				html: Wt(r)
+				html: vt(r)
 			};
 		} catch {
 			if (t !== this.fetchToken) return;
@@ -4346,22 +3838,22 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends E {
 	}
 	renderContent() {
 		switch (this.content.kind) {
-			case "none": return this.featureSummary ? null : O`<p class="placeholder">No detailed layer information available.</p>`;
-			case "loading": return O`<div class="loading"><sl-spinner></sl-spinner> Loading layer information…</div>`;
-			case "error": return O`<p class="placeholder">${this.content.message}</p>`;
-			case "html": return O`<div class="abstract">${ue(this.content.html)}</div>`;
+			case "none": return this.featureSummary ? null : _`<p class="placeholder">No detailed layer information available.</p>`;
+			case "loading": return _`<div class="loading"><sl-spinner></sl-spinner> Loading layer information…</div>`;
+			case "error": return _`<p class="placeholder">${this.content.message}</p>`;
+			case "html": return _`<div class="abstract">${ee(this.content.html)}</div>`;
 		}
 	}
 	render() {
-		return O`
+		return _`
             <sl-dialog label=${this.dialogTitle}
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
                 ${this.renderContent()}
-                ${this.featureSummary || this.attribution ? O`<div class="layer-meta">
-                        ${this.featureSummary ? O`<div class="feature-summary">${this.featureSummary}</div>` : null}
-                        ${this.attribution ? O`<div class="attribution"><strong>Attribution:</strong> ${T(this.attribution)}</div>` : null}
+                ${this.featureSummary || this.attribution ? _`<div class="layer-meta">
+                        ${this.featureSummary ? _`<div class="feature-summary">${this.featureSummary}</div>` : null}
+                        ${this.attribution ? _`<div class="attribution"><strong>Attribution:</strong> ${c(this.attribution)}</div>` : null}
                     </div>` : null}
                 <div class="footer">
                     <sl-button autofocus @click=${this.close}>Close</sl-button>
@@ -4370,15 +3862,15 @@ var Gt = /^https:\/\/\S+$/i, Kt = class extends E {
         `;
 	}
 };
-o([l()], Kt.prototype, "dialogTitle", void 0), o([l()], Kt.prototype, "attribution", void 0), o([l()], Kt.prototype, "featureSummary", void 0), o([l()], Kt.prototype, "content", void 0), o([u("sl-dialog")], Kt.prototype, "dialog", void 0), Kt = o([d("webmapx-layer-info-dialog")], Kt);
+o([w()], U.prototype, "dialogTitle", void 0), o([w()], U.prototype, "attribution", void 0), o([w()], U.prototype, "featureSummary", void 0), o([w()], U.prototype, "content", void 0), o([S("sl-dialog")], U.prototype, "dialog", void 0), U = o([b("webmapx-layer-info-dialog")], U);
 //#endregion
 //#region src/components/webmapx-layer-style-dialog.ts
-var K = class extends E {
+var W = class extends h {
 	constructor(...e) {
 		super(...e), this.dialogTitle = "Layer style", this.groups = [], this.analyses = {}, this.visibleAttributeTables = {};
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4713,13 +4205,13 @@ var K = class extends E {
 	}
 	renderValue(e) {
 		let t = this.toValidUrl(e);
-		if (t) return O`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>`;
+		if (t) return _`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>`;
 		let n = this.formatValue(e);
-		return n === "" ? k : this.isDateTimeValue(e) ? O`<span class="no-wrap-value">${n}</span>` : n;
+		return n === "" ? v : this.isDateTimeValue(e) ? _`<span class="no-wrap-value">${n}</span>` : n;
 	}
 	renderSampleValue(e) {
 		let t = this.toValidUrl(e);
-		return t ? O`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>` : e;
+		return t ? _`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>` : e;
 	}
 	toValidUrl(e) {
 		if (typeof e != "string") return null;
@@ -4751,29 +4243,29 @@ var K = class extends E {
 	}
 	renderAnalysis(e) {
 		let t = this.analyses[e.sourceId];
-		return t ? O`
+		return t ? _`
             <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 ? O`<div class="analysis-row"><span class="analysis-label">Range</span><span class="analysis-value">${t.rangeLabel}</span></div>` : null}
-                ${t.sampleValues.length > 0 ? O`<div class="analysis-row">
+                ${t.rangeLabel ? _`<div class="analysis-row"><span class="analysis-label">Range</span><span class="analysis-value">${t.rangeLabel}</span></div>` : null}
+                ${t.sampleValues.length > 0 ? _`<div class="analysis-row">
                         <span class="analysis-label">Sample</span>
                         <span class="analysis-value">
-                            ${t.sampleValues.map((e, t) => O`${t > 0 ? "; " : ""}${this.renderSampleValue(e)}`)}
+                            ${t.sampleValues.map((e, t) => _`${t > 0 ? "; " : ""}${this.renderSampleValue(e)}`)}
                         </span>
                     </div>` : null}
             </div>
         ` : null;
 	}
 	renderAttributeTable(e) {
-		return this.visibleAttributeTables[e.sourceId] ? e.featureRows.length === 0 ? O`<p class="placeholder">No loaded feature rows available.</p>` : O`
+		return this.visibleAttributeTables[e.sourceId] ? e.featureRows.length === 0 ? _`<p class="placeholder">No loaded feature rows available.</p>` : _`
             <div class="attribute-table-wrap">
                 <table class="attribute-table">
                     <thead>
                         <tr>
                             <th>#</th>
-                            ${e.attributes.map((t) => O`
+                            ${e.attributes.map((t) => _`
                                 <th class="attribute-heading">
                                     <button
                                         type="button"
@@ -4786,10 +4278,10 @@ var K = class extends E {
                         </tr>
                     </thead>
                     <tbody>
-                        ${e.featureRows.map((t, n) => O`
+                        ${e.featureRows.map((t, n) => _`
                             <tr>
                                 <td class="feature-index-cell">${n + 1}</td>
-                                ${e.attributes.map((e) => O`
+                                ${e.attributes.map((e) => _`
                                     <td class=${this.toValidUrl(t[e.name]) ? "feature-value-cell url-value-cell" : "feature-value-cell"}>
                                         ${this.renderValue(t[e.name])}
                                     </td>
@@ -4802,33 +4294,33 @@ var K = class extends E {
         ` : null;
 	}
 	render() {
-		return O`
+		return _`
             <sl-dialog label=${this.dialogTitle}
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
-                ${this.groups.length > 0 ? O`<div class="source-list">
-                        ${this.groups.map((e) => O`
+                ${this.groups.length > 0 ? _`<div class="source-list">
+                        ${this.groups.map((e) => _`
                             <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) => O`<span class="pill">${e}</span>`)}
+                                    ${e.geometryTypes.map((e) => _`<span class="pill">${e}</span>`)}
                                 </div>
                                 <p class="subheading">Table</p>
-                                ${e.attributes.length > 0 ? O`<div class="table-controls">
+                                ${e.attributes.length > 0 ? _`<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>` : O`<p class="placeholder">No attributes found in loaded features.</p>`}
+                                    </div>` : _`<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) => O`
+                                    ${e.layers.map((e) => _`
                                         <div class="style-target">
                                             <sl-icon name="palette"></sl-icon>
                                             <span class="target-label">${e.id}</span>
@@ -4838,7 +4330,7 @@ var K = class extends E {
                                 </div>
                             </section>
                         `)}
-                    </div>` : O`<p class="placeholder">No editable style source found.</p>`}
+                    </div>` : _`<p class="placeholder">No editable style source found.</p>`}
                 <div class="footer">
                     <sl-button autofocus @click=${this.close}>Close</sl-button>
                 </div>
@@ -4846,18 +4338,18 @@ var K = class extends E {
         `;
 	}
 };
-o([l()], K.prototype, "dialogTitle", void 0), o([l()], K.prototype, "groups", void 0), o([l()], K.prototype, "analyses", void 0), o([l()], K.prototype, "visibleAttributeTables", void 0), o([u("sl-dialog")], K.prototype, "dialog", void 0), K = o([d("webmapx-layer-style-dialog")], K);
+o([w()], W.prototype, "dialogTitle", void 0), o([w()], W.prototype, "groups", void 0), o([w()], W.prototype, "analyses", void 0), o([w()], W.prototype, "visibleAttributeTables", void 0), o([S("sl-dialog")], W.prototype, "dialog", void 0), W = o([b("webmapx-layer-style-dialog")], W);
 //#endregion
 //#region src/components/webmapx-save-layers-dialog.ts
-var qt, q = class extends E {
+var bt, G = class extends h {
 	static {
-		qt = this;
+		bt = this;
 	}
 	constructor(...e) {
 		super(...e), this.items = [], this.filename = "map-layers", this.includeStyle = !0, this.zip = !0;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4931,7 +4423,7 @@ var qt, q = class extends E {
 	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 = bt.sanitizeFileBase(r.layerId), i = e, a = 2;
 			for (; n.has(i);) i = `${e}_${a++}`;
 			n.add(i), t.set(r.layerId, i);
 		}
@@ -4974,14 +4466,14 @@ var qt, q = class extends E {
 			this.downloadBlob(new Blob([r], { type: "application/geo+json" }), `${t}.geojson`), this.close();
 			return;
 		}
-		let n = [...e].reverse(), r = this.buildFileBases(n), i = new me(new pe("application/zip"));
+		let n = [...e].reverse(), r = this.buildFileBases(n), i = new f(new d("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 fe(t));
+			await i.add(`${r.get(e.layerId)}.geojson`, new u(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 fe(JSON.stringify(t, null, 2)));
+			await i.add(`${r.get(e.layerId)}_style.json`, new u(JSON.stringify(t, null, 2)));
 		}
 		this.downloadBlob(await i.close(), `${t}.zip`), this.close();
 	}
@@ -4991,13 +4483,13 @@ var qt, q = class extends E {
 	}
 	render() {
 		let e = this.selectedItems.length, t = this.singleFileEligible;
-		return O`
+		return _`
             <sl-dialog label="Save layer(s)"
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
                 <div class="layer-list">
-                    ${this.items.map((e) => O`
+                    ${this.items.map((e) => _`
                         <div class="layer-row">
                             <sl-checkbox
                                 ?checked=${e.checked}
@@ -5005,7 +4497,7 @@ var qt, q = class extends E {
                                 @sl-change=${(t) => this.toggleItem(e.layerId, t.target.checked)}
                             >
                                 ${e.label}
-                                ${e.data === null ? O`<span class="unsupported">(no exportable data)</span>` : null}
+                                ${e.data === null ? _`<span class="unsupported">(no exportable data)</span>` : null}
                             </sl-checkbox>
                         </div>
                     `)}
@@ -5024,7 +4516,7 @@ var qt, q = class extends E {
 		}}>
                         Include style
                     </sl-checkbox>
-                    ${t ? O`
+                    ${t ? _`
                         <sl-checkbox ?checked=${this.zip}
                                       @sl-change=${(e) => {
 			this.zip = e.target.checked;
@@ -5044,15 +4536,15 @@ var qt, q = class extends E {
         `;
 	}
 };
-o([l()], q.prototype, "items", void 0), o([l()], q.prototype, "filename", void 0), o([l()], q.prototype, "includeStyle", void 0), o([l()], q.prototype, "zip", void 0), o([u("sl-dialog")], q.prototype, "dialog", void 0), o([u(".filename-input")], q.prototype, "filenameInput", void 0), q = qt = o([d("webmapx-save-layers-dialog")], q);
+o([w()], G.prototype, "items", void 0), o([w()], G.prototype, "filename", void 0), o([w()], G.prototype, "includeStyle", void 0), o([w()], G.prototype, "zip", void 0), o([S("sl-dialog")], G.prototype, "dialog", void 0), o([S(".filename-input")], G.prototype, "filenameInput", void 0), G = bt = o([b("webmapx-save-layers-dialog")], G);
 //#endregion
 //#region src/components/webmapx-permalink-dialog.ts
-var J = class extends E {
+var K = class extends h {
 	constructor(...e) {
 		super(...e), this.url = "", this.hasConfig = !1, this.dynamicLayerIds = [], this.copied = !1;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -5101,9 +4593,9 @@ var J = class extends E {
 		}, 2e3);
 	}
 	render() {
-		return O`
+		return _`
             <sl-dialog label="Permalink">
-                ${this.dynamicLayerIds.length > 0 ? O`
+                ${this.dynamicLayerIds.length > 0 ? _`
                     <div class="warning">
                         <sl-icon name="exclamation-triangle"></sl-icon>
                         <span>
@@ -5113,7 +4605,7 @@ var J = class extends E {
                         </span>
                     </div>
                 ` : null}
-                ${this.hasConfig ? null : O`
+                ${this.hasConfig ? null : _`
                     <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>
@@ -5131,11 +4623,11 @@ var J = class extends E {
         `;
 	}
 };
-o([l()], J.prototype, "url", void 0), o([l()], J.prototype, "hasConfig", void 0), o([l()], J.prototype, "dynamicLayerIds", void 0), o([l()], J.prototype, "copied", void 0), o([u("sl-dialog")], J.prototype, "dialog", void 0), J = o([d("webmapx-permalink-dialog")], J);
+o([w()], K.prototype, "url", void 0), o([w()], K.prototype, "hasConfig", void 0), o([w()], K.prototype, "dynamicLayerIds", void 0), o([w()], K.prototype, "copied", void 0), o([S("sl-dialog")], K.prototype, "dialog", void 0), K = o([b("webmapx-permalink-dialog")], K);
 //#endregion
 //#region src/components/webmapx-layer-overview.ts
-var Jt;
-function Yt(e) {
+var q;
+function xt(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = (e) => {
 		if (typeof e[0] == "number") {
 			let [a, o] = e;
@@ -5153,7 +4645,7 @@ function Yt(e) {
 		Math.min(85.05112878, i)
 	] : null;
 }
-function Xt(e, t) {
+function St(e, t) {
 	return e ? t ? [
 		Math.min(e[0], t[0]),
 		Math.min(e[1], t[1]),
@@ -5161,10 +4653,10 @@ function Xt(e, t) {
 		Math.max(e[3], t[3])
 	] : e : t;
 }
-function Zt(e) {
+function Ct(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 + Ct(t), 0);
 		case "Point": return 1;
 		case "MultiPoint":
 		case "LineString": return e.coordinates.length;
@@ -5174,16 +4666,16 @@ function Zt(e) {
 		default: return 0;
 	}
 }
-function Qt(e) {
+function wt(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 += Ct(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 Tt(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);
@@ -5191,16 +4683,16 @@ function $t(e, t) {
 	}
 	return typeof t?.sourceId == "string" ? [[t.sourceId]] : [];
 }
-var en = new Set([
+var Et = new Set([
 	"circle",
 	"symbol",
 	"label",
 	"line",
 	"fill",
 	"fill-extrusion"
-]), Y = class extends s {
+]), J = class extends s {
 	static {
-		Jt = this;
+		q = 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;
@@ -5215,7 +4707,7 @@ var en = new Set([
 		this.AUTO_SCROLL_INTERVAL_MS = 20;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
     :host {
       display: block;
       box-sizing: border-box;
@@ -5486,7 +4978,7 @@ var en = new Set([
 		this.unsubscribeLayerAdd?.(), this.unsubscribeLayerRemove?.(), this.unsubscribeLayerAdd = null, this.unsubscribeLayerRemove = null;
 	}
 	render() {
-		return O`
+		return _`
       <div class="panel">
         ${this.renderSection(this.overviewTitle, this.overviewLayers, "No active layers.", !0)}
         ${this.renderSection(this.backgroundTitle, this.backgroundLayers, "No base map selected.")}
@@ -5498,13 +4990,13 @@ var en = new Set([
     `;
 	}
 	renderSection(e, t, n, r = !1) {
-		return O`
+		return _`
       <section class="section">
         <h3 class="section-title">${e}</h3>
-        ${t.length > 0 ? O`
+        ${t.length > 0 ? _`
               <div class="layer-list">
-                ${t.map((e) => O`
-                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "above" ? O`<div class="drop-indicator"></div>` : null}
+                ${t.map((e) => _`
+                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "above" ? _`<div class="drop-indicator"></div>` : null}
                   <div class="layer-card" data-layer-id=${e.layerId}>
                     <div class="layer-row">
                       <sl-icon-button
@@ -5513,7 +5005,7 @@ var en = new Set([
                         label=${e.visible ? "Hide layer" : "Show layer"}
                         @click=${() => this.handleVisibilityToggle(e.layerId)}
                       ></sl-icon-button>
-                      ${t.length > 1 ? O`
+                      ${t.length > 1 ? _`
                         <span
                           class="layer-label-drag"
                           @pointerdown=${(e) => this.onDragHandlePointerDown(e)}
@@ -5521,7 +5013,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>
-                      ` : O`<span class="layer-label ${e.outOfZoom ? "out-of-zoom" : ""}">${e.label}</span>`}
+                      ` : _`<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"}
@@ -5531,7 +5023,7 @@ var en = new Set([
                     </div>
                     <div class="layer-details ${this.isLegendCollapsed(e.layerId) ? "collapsed" : ""}">
                       <div class="layer-details-inner">
-                        ${e.visible ? O`
+                        ${e.visible ? _`
                               <div class="opacity-row">
                                 <sl-icon name="circle-half"></sl-icon>
                                 <input
@@ -5547,24 +5039,24 @@ var en = new Set([
                                 <webmapx-layer-legend layer-id=${e.layerId}></webmapx-layer-legend>
                               </div>
                             ` : null}
-                        ${e.topLevelGroup ? O`<div class="layer-meta">${e.topLevelGroup}</div>` : null}
+                        ${e.topLevelGroup ? _`<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 ? O`<sl-icon-button
+                          ${e.hasStyleDialog ? _`<sl-icon-button
                                 name="palette"
                                 label="Layer style"
                                 @click=${() => this.handleShowLayerStyle(e.layerId, e.label)}
                               ></sl-icon-button>` : null}
-                          ${e.hasExtent ? O`<sl-icon-button
+                          ${e.hasExtent ? _`<sl-icon-button
                                 name="zoom-in"
                                 label="Zoom to layer"
                                 @click=${() => this.handleZoomToLayer(e.layerId)}
                               ></sl-icon-button>` : null}
-                          ${r ? O`<sl-icon-button
+                          ${r ? _`<sl-icon-button
                                 class="delete-layer"
                                 name="trash"
                                 label="Delete layer"
@@ -5574,11 +5066,11 @@ var en = new Set([
                       </div>
                     </div>
                   </div>
-                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "below" ? O`<div class="drop-indicator"></div>` : null}
+                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "below" ? _`<div class="drop-indicator"></div>` : null}
                 `)}
               </div>
-            ` : O`<div class="empty">${n}</div>`}
-        ${r ? O`
+            ` : _`<div class="empty">${n}</div>`}
+        ${r ? _`
               <div class="save-layers-row">
                 <sl-tooltip content="Permalink">
                   <sl-icon-button
@@ -5587,7 +5079,7 @@ var en = new Set([
                     @click=${() => this.handlePermalink()}
                   ></sl-icon-button>
                 </sl-tooltip>
-                ${t.length > 0 ? O`
+                ${t.length > 0 ? _`
                   <sl-tooltip content="Save layer(s)…">
                     <sl-icon-button
                       name="download"
@@ -5681,7 +5173,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 = q.AUTO_SCROLL_EDGE_PX, i = null;
 		if (e < n.top + r ? i = "up" : e > n.bottom - r && (i = "down"), !i) {
 			this.stopAutoScroll();
 			return;
@@ -5700,7 +5192,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" ? -q.AUTO_SCROLL_STEP_PX : q.AUTO_SCROLL_STEP_PX, e.timer = window.setTimeout(() => this.runAutoScrollStep(), q.AUTO_SCROLL_INTERVAL_MS);
 	}
 	stopAutoScroll() {
 		this.autoScrollState &&= (window.clearTimeout(this.autoScrollState.timer), null);
@@ -5782,18 +5274,18 @@ var en = new Set([
 		this.styleDialog?.open(r, this.getLayerStyleGroups(e, n));
 	}
 	getLayerFeatureSummary(e, t) {
-		let n = $t(e, t), r = [];
+		let n = Tt(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(wt(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(wt(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 : Tt(e, t).some((e) => e.some((e) => this.adapter?.getSourceData(e) !== null));
 	}
 	layerHasStyleDialog(e) {
 		return this.getLayerStyleTargets("", e).length > 0;
@@ -5803,7 +5295,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 && Et.has(r) && n.push({
 				id: e,
 				type: r,
 				sourceId: i
@@ -5815,7 +5307,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 && Et.has(i) && n.push({
 				id: a,
 				type: i,
 				sourceId: s,
@@ -5923,7 +5415,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;
 			}
 		}
@@ -5933,7 +5425,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 Tt(e, t)) n = St(n, this.getSourceExtent(r));
 		return this.layerExtentCache.set(e, n), n;
 	}
 	handleZoomToLayer(e) {
@@ -5972,24 +5464,24 @@ var en = new Set([
 		} }, "UI"), this.applyVisibleLayers(this.store.getState());
 	}
 };
-o([c({
+o([x({
 	type: String,
 	attribute: "background-group-label"
-})], Y.prototype, "backgroundGroupLabel", void 0), o([c({
+})], J.prototype, "backgroundGroupLabel", void 0), o([x({
 	type: String,
 	attribute: "background-title"
-})], Y.prototype, "backgroundTitle", void 0), o([c({
+})], J.prototype, "backgroundTitle", void 0), o([x({
 	type: String,
 	attribute: "overview-title"
-})], Y.prototype, "overviewTitle", void 0), o([l()], Y.prototype, "backgroundLayers", void 0), o([l()], Y.prototype, "overviewLayers", void 0), o([l()], Y.prototype, "layerTransparency", void 0), o([l()], Y.prototype, "dropTargetLayerId", void 0), o([l()], Y.prototype, "dropTargetPosition", void 0), o([u("webmapx-layer-info-dialog")], Y.prototype, "infoDialog", void 0), o([u("webmapx-layer-style-dialog")], Y.prototype, "styleDialog", void 0), o([u("webmapx-save-layers-dialog")], Y.prototype, "saveLayersDialog", void 0), o([u("webmapx-permalink-dialog")], Y.prototype, "permalinkDialog", void 0), Y = Jt = o([d("webmapx-layer-overview")], Y);
+})], J.prototype, "overviewTitle", void 0), o([w()], J.prototype, "backgroundLayers", void 0), o([w()], J.prototype, "overviewLayers", void 0), o([w()], J.prototype, "layerTransparency", void 0), o([w()], J.prototype, "dropTargetLayerId", void 0), o([w()], J.prototype, "dropTargetPosition", void 0), o([S("webmapx-layer-info-dialog")], J.prototype, "infoDialog", void 0), o([S("webmapx-layer-style-dialog")], J.prototype, "styleDialog", void 0), o([S("webmapx-save-layers-dialog")], J.prototype, "saveLayersDialog", void 0), o([S("webmapx-permalink-dialog")], J.prototype, "permalinkDialog", void 0), J = q = o([b("webmapx-layer-overview")], J);
 //#endregion
 //#region src/components/webmapx-spinner.ts
-var tn = class extends s {
+var Dt = class extends s {
 	constructor(...e) {
 		super(...e), this.busy = !1, this.small = !1, this.nocolor = !1;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host {
             display: block;
             --webmapx-pointer-events: none;
@@ -6023,28 +5515,28 @@ var tn = class extends s {
 		this.busy = e.mapBusy;
 	}
 	render() {
-		return O`
+		return _`
             <div class="spinner-container ${this.busy ? "visible" : ""}">
                 <sl-spinner></sl-spinner>
             </div>
         `;
 	}
 };
-o([l()], tn.prototype, "busy", void 0), o([c({
+o([w()], Dt.prototype, "busy", void 0), o([x({
 	type: Boolean,
 	reflect: !0
-})], tn.prototype, "small", void 0), o([c({
+})], Dt.prototype, "small", void 0), o([x({
 	type: Boolean,
 	reflect: !0
-})], tn.prototype, "nocolor", void 0), tn = o([d("webmapx-spinner")], tn);
+})], Dt.prototype, "nocolor", void 0), Dt = o([b("webmapx-spinner")], Dt);
 //#endregion
 //#region src/components/webmapx-control-group.ts
-var X = class extends E {
+var Y = class extends h {
 	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 = D`
+		this.styles = g`
     :host {
       display: flex;
       pointer-events: none;
@@ -6153,39 +5645,39 @@ var X = class extends E {
 		e.has("orientation") && this.updateToolbarOrientation(), e.has("slot") && this.updateSlotAnchor();
 	}
 	render() {
-		return O`<slot @slotchange=${this.handleSlotChange}></slot>`;
+		return _`<slot @slotchange=${this.handleSlotChange}></slot>`;
 	}
 };
-o([c({
+o([x({
 	type: String,
 	reflect: !0
-})], X.prototype, "orientation", void 0), o([c({
+})], Y.prototype, "orientation", void 0), o([x({
 	type: String,
 	reflect: !0,
 	attribute: "panel-position"
-})], X.prototype, "panelPosition", void 0), o([c({
+})], Y.prototype, "panelPosition", void 0), o([x({
 	type: String,
 	reflect: !0
-})], X.prototype, "alignment", void 0), o([c({
+})], Y.prototype, "alignment", void 0), o([x({
 	type: String,
 	reflect: !0,
 	attribute: "slot-anchor-y"
-})], X.prototype, "slotAnchorY", void 0), o([c({
+})], Y.prototype, "slotAnchorY", void 0), o([x({
 	type: Boolean,
 	reflect: !0,
 	attribute: "panel-active"
-})], X.prototype, "panelActive", void 0), o([c({
+})], Y.prototype, "panelActive", void 0), o([x({
 	type: String,
 	reflect: !0
-})], X.prototype, "priority", void 0), o([p()], X.prototype, "childrenElements", void 0), X = o([d("webmapx-control-group")], X);
+})], Y.prototype, "priority", void 0), o([C()], Y.prototype, "childrenElements", void 0), Y = o([b("webmapx-control-group")], Y);
 //#endregion
 //#region src/components/webmapx-zoom-level.ts
-var nn = class extends s {
+var Ot = class extends s {
 	constructor(...e) {
 		super(...e), this.currentZoom = null, this.inputValue = "", this.unsubscribeEvents = null;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host {
             position: relative;
             display: inline-flex;
@@ -6260,7 +5752,7 @@ var nn = class extends s {
 		!isNaN(e) && e >= 0 && this.adapter.setZoom(e);
 	}
 	render() {
-		return O`
+		return _`
             <div class="tool-container">
                 <label for="zoom-input">Zoom:</label>
                 <input
@@ -6278,10 +5770,10 @@ var nn = class extends s {
         `;
 	}
 };
-o([l()], nn.prototype, "currentZoom", void 0), o([l()], nn.prototype, "inputValue", void 0), nn = o([d("webmapx-zoom-level")], nn);
+o([w()], Ot.prototype, "currentZoom", void 0), o([w()], Ot.prototype, "inputValue", void 0), Ot = o([b("webmapx-zoom-level")], Ot);
 //#endregion
 //#region src/components/webmapx-navigation-control.ts
-var Z = class extends s {
+var X = class extends s {
 	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;
@@ -6324,7 +5816,7 @@ var Z = class extends s {
 		};
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
     :host {
       display: inline-flex;
       pointer-events: auto;
@@ -6474,7 +5966,7 @@ var Z = class extends s {
 		let e = [];
 		e.push(`rotate(${this.normalizeBearing(-this.bearing)}deg)`), this.visualizePitch && e.unshift(`rotateX(${this.pitch}deg)`);
 		let t = e.join(" ");
-		return O`
+		return _`
       <button
         class="nav-btn"
         @click=${this.handleCompassClick}
@@ -6490,12 +5982,12 @@ var Z = class extends s {
 	}
 	render() {
 		let e = this.showCompass && this.compassSupported, t = this.zoomMin ?? -Infinity, n = this.zoomMax ?? Infinity, r = this.currentZoom ?? 0;
-		return O`
+		return _`
       <div class="nav-shell">
-        ${this.showZoom ? O`<button class="nav-btn" @click=${this.handleZoomIn} ?disabled=${r >= n} title="Zoom in">
+        ${this.showZoom ? _`<button class="nav-btn" @click=${this.handleZoomIn} ?disabled=${r >= n} title="Zoom in">
               <span class="icon">+</span>
             </button>` : null}
-        ${this.showZoom ? O`<button class="nav-btn" @click=${this.handleZoomOut} ?disabled=${r <= t} title="Zoom out">
+        ${this.showZoom ? _`<button class="nav-btn" @click=${this.handleZoomOut} ?disabled=${r <= t} title="Zoom out">
               <span class="icon">-</span>
             </button>` : null}
         ${e ? this.renderCompass() : null}
@@ -6503,30 +5995,30 @@ var Z = class extends s {
     `;
 	}
 };
-o([c({
+o([x({
 	type: String,
 	reflect: !0
-})], Z.prototype, "orientation", void 0), o([c({
+})], X.prototype, "orientation", void 0), o([x({
 	type: Boolean,
 	attribute: "show-compass",
 	reflect: !0
-})], Z.prototype, "showCompass", void 0), o([c({
+})], X.prototype, "showCompass", void 0), o([x({
 	type: Boolean,
 	attribute: "show-zoom",
 	reflect: !0
-})], Z.prototype, "showZoom", void 0), o([c({
+})], X.prototype, "showZoom", void 0), o([x({
 	type: Boolean,
 	attribute: "visualize-pitch",
 	reflect: !0
-})], Z.prototype, "visualizePitch", void 0), o([l()], Z.prototype, "currentZoom", void 0), o([l()], Z.prototype, "bearing", void 0), o([l()], Z.prototype, "pitch", void 0), o([l()], Z.prototype, "compassSupported", void 0), Z = o([d("webmapx-navigation-control")], Z);
+})], X.prototype, "visualizePitch", void 0), o([w()], X.prototype, "currentZoom", void 0), o([w()], X.prototype, "bearing", void 0), o([w()], X.prototype, "pitch", void 0), o([w()], X.prototype, "compassSupported", void 0), X = o([b("webmapx-navigation-control")], X);
 //#endregion
 //#region src/components/webmapx-scale-control.ts
-var rn = class extends s {
+var kt = class extends s {
 	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 = D`
+		this.styles = g`
     :host {
       display: inline-flex;
       margin: var(--webmapx-tool-margin, 0);
@@ -6616,16 +6108,16 @@ var rn = class extends s {
 		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 At(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 = jt(t ?? (e.sw[1] + e.ne[1]) / 2), r = e.sw[0], i = e.ne[0], a = Z(i - r);
 		if (a <= 0) return null;
-		let o = cn * Math.cos(n * Math.PI / 180), s = Math.abs(a) * o;
+		let o = Mt * Math.cos(n * Math.PI / 180), s = Math.abs(a) * o;
 		return s > 0 ? s : null;
 	}
 	buildDisplay(e, t, n) {
@@ -6633,33 +6125,33 @@ var rn = class extends s {
 		if (n === "imperial") {
 			let n = e * 3.28084;
 			if (n > 5280) {
-				let e = n / 5280, r = un(e);
+				let e = n / 5280, r = Pt(e);
 				return {
 					widthPx: r / e * t,
 					label: `${r} mi`
 				};
 			}
-			let r = un(n);
+			let r = Pt(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} ft`
 			};
 		}
 		if (n === "nautical") {
-			let n = e / 1852, r = un(n);
+			let n = e / 1852, r = Pt(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} nm`
 			};
 		}
 		if (e >= 1e3) {
-			let n = e / 1e3, r = un(n);
+			let n = e / 1e3, r = Pt(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} km`
 			};
 		}
-		let r = un(e);
+		let r = Pt(e);
 		return {
 			widthPx: r / e * t,
 			label: `${r} m`
@@ -6703,7 +6195,7 @@ var rn = class extends s {
 			if (!isFinite(o) || (a = t, Math.abs(o - e) < .1)) break;
 			o > e ? r = t : i = t;
 		}
-		return on(a);
+		return jt(a);
 	}
 	getTargetPixel(e) {
 		let t = this.mapHost?.mapElement ?? this.mapHost;
@@ -6731,7 +6223,7 @@ var rn = class extends s {
 			if (!this.attachedAdapter) return null;
 			let l = this.attachedAdapter.unproject(s), u = this.attachedAdapter.unproject(c);
 			if (!l || !u) return null;
-			let d = he(l, u) / 100;
+			let d = p(l, u) / 100;
 			return !isFinite(d) || d <= 0 ? null : { meters: d };
 		}, c = n ?? o / 2, l = s(c, "primary");
 		if (!l) {
@@ -6755,43 +6247,43 @@ var rn = class extends s {
 	}
 	render() {
 		let e = this.barWidth <= 0, t = this.getSurfaceMetrics()?.width ?? this.getContainerWidth();
-		return O`
+		return _`
       <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>
     `;
 	}
 };
-o([c({
+o([x({
 	type: Number,
 	attribute: "max-width"
-})], rn.prototype, "maxWidth", void 0), o([c({
+})], kt.prototype, "maxWidth", void 0), o([x({
 	type: String,
 	attribute: "unit"
-})], rn.prototype, "unit", void 0), o([l()], rn.prototype, "barWidth", void 0), o([l()], rn.prototype, "label", void 0), rn = o([d("webmapx-scale-control")], rn);
-function an(e, t) {
-	let n = on(t) * Math.PI / 180;
+})], kt.prototype, "unit", void 0), o([w()], kt.prototype, "barWidth", void 0), o([w()], kt.prototype, "label", void 0), kt = o([b("webmapx-scale-control")], kt);
+function At(e, t) {
+	let n = jt(t) * Math.PI / 180;
 	return 40075016.68557849 * Math.cos(n) / (512 * 2 ** e);
 }
-function on(e) {
+function jt(e) {
 	return Math.max(-85.05112878, Math.min(85.05112878, e));
 }
-function sn(e) {
+function Z(e) {
 	let t = e;
 	return t < 0 && (t += 360), t === 0 || t > 360 ? 360 : t;
 }
-var cn = 111319.49079327357;
-function ln(e) {
+var Mt = 111319.49079327357;
+function Nt(e) {
 	let t = 10 ** Math.ceil(-Math.log(e) / Math.LN10);
 	return Math.round(e * t) / t;
 }
-function un(e) {
+function Pt(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 : Nt(n), t * n;
 }
 //#endregion
 //#region src/components/webmapx-fullscreen-control.ts
-var dn = class extends s {
+var Ft = class extends s {
 	constructor(...e) {
 		super(...e), this.isFullscreen = !1, this.handleFullscreenChange = () => {
 			this.isFullscreen = document.fullscreenElement === this.fullscreenTarget();
@@ -6800,7 +6292,7 @@ var dn = class extends s {
 		};
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
     :host {
       display: inline-flex;
       pointer-events: auto;
@@ -6864,19 +6356,19 @@ var dn = class extends s {
 		return a(this) ?? this;
 	}
 	render() {
-		return O`
+		return _`
       <div class="nav-shell">
         <button class="nav-btn" @click=${this.handleToggle} title="${this.isFullscreen ? "Exit fullscreen" : "Fullscreen"}" aria-label="Toggle fullscreen">
-          ${this.isFullscreen ? O`<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>` : O`<svg viewBox="0 0 24 24"><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5"/></svg>`}
+          ${this.isFullscreen ? _`<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>` : _`<svg viewBox="0 0 24 24"><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5"/></svg>`}
         </button>
       </div>
     `;
 	}
 };
-o([l()], dn.prototype, "isFullscreen", void 0), dn = o([d("webmapx-fullscreen-control")], dn);
+o([w()], Ft.prototype, "isFullscreen", void 0), Ft = o([b("webmapx-fullscreen-control")], Ft);
 //#endregion
 //#region src/components/webmapx-attribution-control.ts
-var Q = class extends s {
+var It = class extends s {
 	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;
 	}
@@ -6918,7 +6410,7 @@ var Q = class extends s {
 				t && i(t);
 				continue;
 			}
-			let o = de(a, e);
+			let o = l(a, e);
 			o && i(o);
 		}
 		this.attributions = r, this.updateComplete.then(() => this._updateOverflow());
@@ -6947,23 +6439,23 @@ var Q = class extends s {
 		}, { passive: !0 });
 	}
 	render() {
-		return O`
+		return _`
             <div class="attribution-shell" ?hidden=${!(this.attributions.length > 0)} role="region" aria-label="Map attributions">
-                ${this._showLeft ? O`<span class="overflow-indicator left" aria-hidden="true">‹</span>` : null}
+                ${this._showLeft ? _`<span class="overflow-indicator left" aria-hidden="true">‹</span>` : null}
                 <div class="attribution-scroll">
                     <div class="attribution-inner">
-                        ${this.attributions.map((e, t) => O`
-                            ${T(e)}
-                            ${t < this.attributions.length - 1 ? O`<span class="separator">•</span>` : null}
+                        ${this.attributions.map((e, t) => _`
+                            ${c(e)}
+                            ${t < this.attributions.length - 1 ? _`<span class="separator">•</span>` : null}
                         `)}
                     </div>
                 </div>
-                ${this._showRight ? O`<span class="overflow-indicator right" aria-hidden="true">›</span>` : null}
+                ${this._showRight ? _`<span class="overflow-indicator right" aria-hidden="true">›</span>` : null}
             </div>
         `;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host {
             display: flex;
             justify-content: flex-end;
@@ -7039,419 +6531,15 @@ var Q = class extends s {
     `;
 	}
 };
-o([l()], Q.prototype, "attributions", void 0), o([l()], Q.prototype, "_showLeft", void 0), o([l()], Q.prototype, "_showRight", void 0), o([u(".attribution-scroll")], Q.prototype, "_scrollEl", void 0), Q = o([d("webmapx-attribution-control")], Q);
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5D6IT2SR.js
-var fn = D`
-  :host {
-    --thumb-size: 20px;
-    --tooltip-offset: 10px;
-    --track-color-active: var(--sl-color-neutral-200);
-    --track-color-inactive: var(--sl-color-neutral-200);
-    --track-active-offset: 0%;
-    --track-height: 6px;
-
-    display: block;
-  }
-
-  .range {
-    position: relative;
-  }
-
-  .range__control {
-    --percent: 0%;
-    -webkit-appearance: none;
-    border-radius: 3px;
-    width: 100%;
-    height: var(--track-height);
-    background: transparent;
-    line-height: var(--sl-input-height-medium);
-    vertical-align: middle;
-    margin: 0;
-
-    background-image: linear-gradient(
-      to right,
-      var(--track-color-inactive) 0%,
-      var(--track-color-inactive) min(var(--percent), var(--track-active-offset)),
-      var(--track-color-active) min(var(--percent), var(--track-active-offset)),
-      var(--track-color-active) max(var(--percent), var(--track-active-offset)),
-      var(--track-color-inactive) max(var(--percent), var(--track-active-offset)),
-      var(--track-color-inactive) 100%
-    );
-  }
-
-  .range--rtl .range__control {
-    background-image: linear-gradient(
-      to left,
-      var(--track-color-inactive) 0%,
-      var(--track-color-inactive) min(var(--percent), var(--track-active-offset)),
-      var(--track-color-active) min(var(--percent), var(--track-active-offset)),
-      var(--track-color-active) max(var(--percent), var(--track-active-offset)),
-      var(--track-color-inactive) max(var(--percent), var(--track-active-offset)),
-      var(--track-color-inactive) 100%
-    );
-  }
-
-  /* Webkit */
-  .range__control::-webkit-slider-runnable-track {
-    width: 100%;
-    height: var(--track-height);
-    border-radius: 3px;
-    border: none;
-  }
-
-  .range__control::-webkit-slider-thumb {
-    border: none;
-    width: var(--thumb-size);
-    height: var(--thumb-size);
-    border-radius: 50%;
-    background-color: var(--sl-color-primary-600);
-    border: solid var(--sl-input-border-width) var(--sl-color-primary-600);
-    -webkit-appearance: none;
-    margin-top: calc(var(--thumb-size) / -2 + var(--track-height) / 2);
-    cursor: pointer;
-  }
-
-  .range__control:enabled::-webkit-slider-thumb:hover {
-    background-color: var(--sl-color-primary-500);
-    border-color: var(--sl-color-primary-500);
-  }
-
-  .range__control:enabled:focus-visible::-webkit-slider-thumb {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  .range__control:enabled::-webkit-slider-thumb:active {
-    background-color: var(--sl-color-primary-500);
-    border-color: var(--sl-color-primary-500);
-    cursor: grabbing;
-  }
-
-  /* Firefox */
-  .range__control::-moz-focus-outer {
-    border: 0;
-  }
-
-  .range__control::-moz-range-progress {
-    background-color: var(--track-color-active);
-    border-radius: 3px;
-    height: var(--track-height);
-  }
-
-  .range__control::-moz-range-track {
-    width: 100%;
-    height: var(--track-height);
-    background-color: var(--track-color-inactive);
-    border-radius: 3px;
-    border: none;
-  }
-
-  .range__control::-moz-range-thumb {
-    border: none;
-    height: var(--thumb-size);
-    width: var(--thumb-size);
-    border-radius: 50%;
-    background-color: var(--sl-color-primary-600);
-    border-color: var(--sl-color-primary-600);
-    transition:
-      var(--sl-transition-fast) border-color,
-      var(--sl-transition-fast) background-color,
-      var(--sl-transition-fast) color,
-      var(--sl-transition-fast) box-shadow;
-    cursor: pointer;
-  }
-
-  .range__control:enabled::-moz-range-thumb:hover {
-    background-color: var(--sl-color-primary-500);
-    border-color: var(--sl-color-primary-500);
-  }
-
-  .range__control:enabled:focus-visible::-moz-range-thumb {
-    outline: var(--sl-focus-ring);
-    outline-offset: var(--sl-focus-ring-offset);
-  }
-
-  .range__control:enabled::-moz-range-thumb:active {
-    background-color: var(--sl-color-primary-500);
-    border-color: var(--sl-color-primary-500);
-    cursor: grabbing;
-  }
-
-  /* States */
-  .range__control:focus-visible {
-    outline: none;
-  }
-
-  .range__control:disabled {
-    opacity: 0.5;
-  }
-
-  .range__control:disabled::-webkit-slider-thumb {
-    cursor: not-allowed;
-  }
-
-  .range__control:disabled::-moz-range-thumb {
-    cursor: not-allowed;
-  }
-
-  /* Tooltip output */
-  .range__tooltip {
-    position: absolute;
-    z-index: var(--sl-z-index-tooltip);
-    left: 0;
-    border-radius: var(--sl-tooltip-border-radius);
-    background-color: var(--sl-tooltip-background-color);
-    font-family: var(--sl-tooltip-font-family);
-    font-size: var(--sl-tooltip-font-size);
-    font-weight: var(--sl-tooltip-font-weight);
-    line-height: var(--sl-tooltip-line-height);
-    color: var(--sl-tooltip-color);
-    opacity: 0;
-    padding: var(--sl-tooltip-padding);
-    transition: var(--sl-transition-fast) opacity;
-    pointer-events: none;
-  }
-
-  .range__tooltip:after {
-    content: '';
-    position: absolute;
-    width: 0;
-    height: 0;
-    left: 50%;
-    translate: calc(-1 * var(--sl-tooltip-arrow-size));
-  }
-
-  .range--tooltip-visible .range__tooltip {
-    opacity: 1;
-  }
-
-  /* Tooltip on top */
-  .range--tooltip-top .range__tooltip {
-    top: calc(-1 * var(--thumb-size) - var(--tooltip-offset));
-  }
-
-  .range--tooltip-top .range__tooltip:after {
-    border-top: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);
-    border-left: var(--sl-tooltip-arrow-size) solid transparent;
-    border-right: var(--sl-tooltip-arrow-size) solid transparent;
-    top: 100%;
-  }
-
-  /* Tooltip on bottom */
-  .range--tooltip-bottom .range__tooltip {
-    bottom: calc(-1 * var(--thumb-size) - var(--tooltip-offset));
-  }
-
-  .range--tooltip-bottom .range__tooltip:after {
-    border-bottom: var(--sl-tooltip-arrow-size) solid var(--sl-tooltip-background-color);
-    border-left: var(--sl-tooltip-arrow-size) solid transparent;
-    border-right: var(--sl-tooltip-arrow-size) solid transparent;
-    bottom: 100%;
-  }
-
-  @media (forced-colors: active) {
-    .range__control,
-    .range__tooltip {
-      border: solid 1px transparent;
-    }
-
-    .range__control::-webkit-slider-thumb {
-      border: solid 1px transparent;
-    }
-
-    .range__control::-moz-range-thumb {
-      border: solid 1px transparent;
-    }
-
-    .range__tooltip:after {
-      display: none;
-    }
-  }
-`, $ = class extends x {
-	constructor() {
-		super(...arguments), this.formControlController = new ie(this), this.hasSlotController = new te(this, "help-text", "label"), this.localize = new ne(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;
-	}
-	get validationMessage() {
-		return this.input.validationMessage;
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.resizeObserver = new ResizeObserver(() => this.syncRange()), this.value < this.min && (this.value = this.min), this.value > this.max && (this.value = this.max), this.updateComplete.then(() => {
-			this.syncRange(), this.resizeObserver.observe(this.input);
-		});
-	}
-	disconnectedCallback() {
-		var e;
-		super.disconnectedCallback(), (e = this.resizeObserver) == null || e.unobserve(this.input);
-	}
-	handleChange() {
-		this.emit("sl-change");
-	}
-	handleInput() {
-		this.value = parseFloat(this.input.value), this.emit("sl-input"), this.syncRange();
-	}
-	handleBlur() {
-		this.hasFocus = !1, this.hasTooltip = !1, this.emit("sl-blur");
-	}
-	handleFocus() {
-		this.hasFocus = !0, this.hasTooltip = !0, this.emit("sl-focus");
-	}
-	handleThumbDragStart() {
-		this.hasTooltip = !0;
-	}
-	handleThumbDragEnd() {
-		this.hasTooltip = !1;
-	}
-	syncProgress(e) {
-		this.input.style.setProperty("--percent", `${e * 100}%`);
-	}
-	syncTooltip(e) {
-		if (this.output !== null) {
-			let t = this.input.offsetWidth, n = this.output.offsetWidth, r = getComputedStyle(this.input).getPropertyValue("--thumb-size"), i = this.localize.dir() === "rtl", a = t * e;
-			if (i) {
-				let i = `${t - a}px + ${e} * ${r}`;
-				this.output.style.translate = `calc((${i} - ${n / 2}px - ${r} / 2))`;
-			} else {
-				let t = `${a}px - ${e} * ${r}`;
-				this.output.style.translate = `calc(${t} - ${n / 2}px + ${r} / 2)`;
-			}
-		}
-	}
-	handleValueChange() {
-		this.formControlController.updateValidity(), this.input.value = this.value.toString(), this.value = parseFloat(this.input.value), this.syncRange();
-	}
-	handleDisabledChange() {
-		this.formControlController.setValidity(this.disabled);
-	}
-	syncRange() {
-		let e = Math.max(0, (this.value - this.min) / (this.max - this.min));
-		this.syncProgress(e), this.tooltip !== "none" && this.hasTooltip && this.updateComplete.then(() => this.syncTooltip(e));
-	}
-	handleInvalid(e) {
-		this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
-	}
-	focus(e) {
-		this.input.focus(e);
-	}
-	blur() {
-		this.input.blur();
-	}
-	stepUp() {
-		this.input.stepUp(), this.value !== Number(this.input.value) && (this.value = Number(this.input.value));
-	}
-	stepDown() {
-		this.input.stepDown(), this.value !== Number(this.input.value) && (this.value = Number(this.input.value));
-	}
-	checkValidity() {
-		return this.input.checkValidity();
-	}
-	getForm() {
-		return this.formControlController.getForm();
-	}
-	reportValidity() {
-		return this.input.reportValidity();
-	}
-	setCustomValidity(e) {
-		this.input.setCustomValidity(e), this.formControlController.updateValidity();
-	}
-	render() {
-		let e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), n = this.label ? !0 : !!e, r = this.helpText ? !0 : !!t;
-		return O`
-      <div
-        part="form-control"
-        class=${ee({
-			"form-control": !0,
-			"form-control--medium": !0,
-			"form-control--has-label": n,
-			"form-control--has-help-text": r
-		})}
-      >
-        <label
-          part="form-control-label"
-          class="form-control__label"
-          for="input"
-          aria-hidden=${n ? "false" : "true"}
-        >
-          <slot name="label">${this.label}</slot>
-        </label>
-
-        <div part="form-control-input" class="form-control-input">
-          <div
-            part="base"
-            class=${ee({
-			range: !0,
-			"range--disabled": this.disabled,
-			"range--focused": this.hasFocus,
-			"range--rtl": this.localize.dir() === "rtl",
-			"range--tooltip-visible": this.hasTooltip,
-			"range--tooltip-top": this.tooltip === "top",
-			"range--tooltip-bottom": this.tooltip === "bottom"
-		})}
-            @mousedown=${this.handleThumbDragStart}
-            @mouseup=${this.handleThumbDragEnd}
-            @touchstart=${this.handleThumbDragStart}
-            @touchend=${this.handleThumbDragEnd}
-          >
-            <input
-              part="input"
-              id="input"
-              class="range__control"
-              title=${this.title}
-              type="range"
-              name=${w(this.name)}
-              ?disabled=${this.disabled}
-              min=${w(this.min)}
-              max=${w(this.max)}
-              step=${w(this.step)}
-              .value=${oe(this.value.toString())}
-              aria-describedby="help-text"
-              @change=${this.handleChange}
-              @focus=${this.handleFocus}
-              @input=${this.handleInput}
-              @invalid=${this.handleInvalid}
-              @blur=${this.handleBlur}
-            />
-            ${this.tooltip !== "none" && !this.disabled ? O`
-                  <output part="tooltip" class="range__tooltip">
-                    ${typeof this.tooltipFormatter == "function" ? this.tooltipFormatter(this.value) : this.value}
-                  </output>
-                ` : ""}
-          </div>
-        </div>
-
-        <div
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${r ? "false" : "true"}
-        >
-          <slot name="help-text">${this.helpText}</slot>
-        </div>
-      </div>
-    `;
-	}
-};
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CKH4GVK3.js
-$.styles = [
-	C,
-	ce,
-	fn
-], b([u(".range__control")], $.prototype, "input", 2), b([u(".range__tooltip")], $.prototype, "output", 2), b([l()], $.prototype, "hasFocus", 2), b([l()], $.prototype, "hasTooltip", 2), b([c()], $.prototype, "title", 2), b([c()], $.prototype, "name", 2), b([c({ type: Number })], $.prototype, "value", 2), b([c()], $.prototype, "label", 2), b([c({ attribute: "help-text" })], $.prototype, "helpText", 2), b([c({
-	type: Boolean,
-	reflect: !0
-})], $.prototype, "disabled", 2), b([c({ type: Number })], $.prototype, "min", 2), b([c({ type: Number })], $.prototype, "max", 2), b([c({ type: Number })], $.prototype, "step", 2), b([c()], $.prototype, "tooltip", 2), b([c({ attribute: !1 })], $.prototype, "tooltipFormatter", 2), b([c({ reflect: !0 })], $.prototype, "form", 2), b([se()], $.prototype, "defaultValue", 2), b([f({ passive: !0 })], $.prototype, "handleThumbDragStart", 1), b([y("value", { waitUntilFirstUpdate: !0 })], $.prototype, "handleValueChange", 1), b([y("disabled", { waitUntilFirstUpdate: !0 })], $.prototype, "handleDisabledChange", 1), b([y("hasTooltip", { waitUntilFirstUpdate: !0 })], $.prototype, "syncRange", 1), $.define("sl-range");
+o([w()], It.prototype, "attributions", void 0), o([w()], It.prototype, "_showLeft", void 0), o([w()], It.prototype, "_showRight", void 0), o([S(".attribution-scroll")], It.prototype, "_scrollEl", void 0), It = o([b("webmapx-attribution-control")], It);
 //#endregion
 //#region src/components/webmapx-tool-template.ts
-var pn = class extends s {
+var Lt = class extends s {
 	constructor(...e) {
 		super(...e), this.bufferRadius = 0, this.isToolActive = !1, this.toolService = null;
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host {
             display: inline-flex;
             pointer-events: auto;
@@ -7497,7 +6585,7 @@ var pn = class extends s {
 		this.toolService?.toggleTool();
 	}
 	render() {
-		return O`
+		return _`
             <div class="tool-container">
                 <div class="tool-title">Template Tool — Buffer</div>
                 <div class="radius-row">
@@ -7521,14 +6609,14 @@ var pn = class extends s {
         `;
 	}
 };
-o([l()], pn.prototype, "bufferRadius", void 0), o([l()], pn.prototype, "isToolActive", void 0), pn = o([d("webmapx-tool-template")], pn);
+o([w()], Lt.prototype, "bufferRadius", void 0), o([w()], Lt.prototype, "isToolActive", void 0), Lt = o([b("webmapx-tool-template")], Lt);
 //#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 E {
+var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.05112878, Ht = 89.999, Q = 1, Ut = "viewport", Wt = "viewport-fill", Gt = "viewport-outline", $ = class extends h {
 	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 = ge(() => {
+		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 = m(() => {
 			this.doUpdateViewportRectangle(this.pendingViewportBounds), this.pendingViewportBounds = void 0;
-		}, 50), this.throttledRenderLog = ge((e) => {}, 50), this.throttledApplyStateWithZoomOffset = ge((e, t) => {
+		}, 50), this.throttledRenderLog = m((e) => {}, 50), this.throttledApplyStateWithZoomOffset = m((e, t) => {
 			this.applyState(e, t);
 		}, 50);
 	}
@@ -7536,7 +6624,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 = D`
+		this.styles = g`
     :host {
       display: inline-block;
       position: relative;
@@ -7636,7 +6724,7 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 		let r = this.adapter.store.getState();
 		await this.waitForConfig(t);
 		let i = this.resolveInsetToolConfig(t), o = this.resolveInsetNumber("zoom-offset", this.zoomOffset, i.zoomOffset), s = this.resolveInsetNumber("base-scale", this.baseScale, i.baseScale), c = this.backgroundLayer ? this.resolveBackgroundFromLayer(t, this.backgroundLayer) : null, l = this.hasAttribute("style-url") ? this.styleUrl : c?.styleUrl ?? i.styleUrl, u = c ? c.background ?? null : this.resolveInsetBackground(i), d = {
-			styleUrl: l ?? mn,
+			styleUrl: l ?? Rt,
 			center: r.mapCenter ?? [0, 0],
 			zoom: this.clampZoom((r.zoomLevel ?? 0) + o),
 			interactive: !1,
@@ -7708,7 +6796,7 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 		t.length && t.reduce((e, [, t]) => Math.max(e, Math.abs(t)), 0) > 85.05212878 && (this.projectionMode = "geodetic");
 	}
 	maxViewportLat() {
-		return this.projectionMode === "geodetic" ? vn : _n;
+		return this.projectionMode === "geodetic" ? Ht : Vt;
 	}
 	setupViewportLayers() {
 		if (!this.insetMap) return;
@@ -7716,18 +6804,18 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 			type: "FeatureCollection",
 			features: []
 		};
-		this.viewportSource = this.insetMap.createSource(bn, e), this.insetMap.createLayer({
-			id: xn,
+		this.viewportSource = this.insetMap.createSource(Ut, e), this.insetMap.createLayer({
+			id: Wt,
 			type: "fill",
-			sourceId: bn,
+			sourceId: Ut,
 			paint: {
 				"fill-color": "#0f62fe",
 				"fill-opacity": .15
 			}
 		}), this.insetMap.createLayer({
-			id: Sn,
+			id: Gt,
 			type: "line",
-			sourceId: bn,
+			sourceId: Ut,
 			paint: {
 				"line-color": "#0f62fe",
 				"line-width": 1.5
@@ -8091,29 +7179,29 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
 		return !Number.isFinite(t) || !Number.isFinite(n) ? null : (n = this.clampLat(n), t = this.normalizeLng(t), [t, n]);
 	}
 	clampZoom(e) {
-		return Math.min(gn, Math.max(hn, e));
+		return Math.min(Bt, Math.max(zt, e));
 	}
 	resolveViewState(e) {
 		if (e <= 0) return {
 			mapZoom: 0,
 			scale: this.baseScale
 		};
-		if (e <= yn) return {
+		if (e <= Q) return {
 			mapZoom: 0,
-			scale: this.baseScale + (1 - this.baseScale) * (e / yn)
+			scale: this.baseScale + (1 - this.baseScale) * (e / Q)
 		};
-		let t = e - yn;
+		let t = e - Q;
 		return {
 			mapZoom: this.clampZoom(t),
 			scale: 1
 		};
 	}
 	render() {
-		return O`
+		return _`
       <div class="inset-map-frame ${this._collapsed ? "hidden" : ""}" tabindex=${this.minimizable ? "0" : "-1"}>
         <div class="inset-map"></div>
       </div>
-      ${this.minimizable ? O`
+      ${this.minimizable ? _`
         <div class="toggle-btn">
           <sl-icon-button
             name=${this._collapsed ? "arrows-angle-expand" : "arrows-angle-contract"}
@@ -8127,39 +7215,39 @@ var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.0
     `;
 	}
 };
-o([c({
+o([x({
 	type: Number,
 	attribute: "zoom-offset"
-})], Cn.prototype, "zoomOffset", void 0), o([c({
+})], $.prototype, "zoomOffset", void 0), o([x({
 	type: String,
 	attribute: "style-url"
-})], Cn.prototype, "styleUrl", void 0), o([c({
+})], $.prototype, "styleUrl", void 0), o([x({
 	type: String,
 	attribute: "background-layer"
-})], Cn.prototype, "backgroundLayer", void 0), o([c({
+})], $.prototype, "backgroundLayer", void 0), o([x({
 	type: Number,
 	attribute: "base-scale"
-})], Cn.prototype, "baseScale", void 0), o([c({
+})], $.prototype, "baseScale", void 0), o([x({
 	type: Boolean,
 	attribute: "minimizable"
-})], Cn.prototype, "minimizable", void 0), o([c({
+})], $.prototype, "minimizable", void 0), o([x({
 	type: Boolean,
 	reflect: !0,
 	attribute: "collapsed"
-})], Cn.prototype, "_collapsed", void 0), Cn = o([d("webmapx-inset-map")], Cn);
+})], $.prototype, "_collapsed", void 0), $ = o([b("webmapx-inset-map")], $);
 //#endregion
 //#region src/components/webmapx-active-adapter.ts
-var wn = {
+var Kt = {
 	maplibre: "MapLibre GL",
 	openlayers: "OpenLayers",
 	leaflet: "Leaflet",
 	cesium: "Cesium"
-}, Tn = class extends s {
+}, qt = class extends s {
 	constructor(...e) {
 		super(...e), this.adapterName = "—", this.engineVersion = "";
 	}
 	static {
-		this.styles = D`
+		this.styles = g`
         :host { display: inline-block; }
         .badge {
             display: inline-flex;
@@ -8183,7 +7271,7 @@ var wn = {
 	}
 	onStateChanged() {}
 	onMapAttached(e) {
-		this.adapterName = wn[e.engineId] ?? e.engineId;
+		this.adapterName = Kt[e.engineId] ?? e.engineId;
 		let t = e.engineVersion?.split(".");
 		this.engineVersion = t ? `${t[0]}.${t[1]}` : "";
 	}
@@ -8191,7 +7279,7 @@ var wn = {
 		this.adapterName = "—", this.engineVersion = "";
 	}
 	render() {
-		return O`
+		return _`
             <span class="badge">
                 <span class="dot"></span>
                 ${this.adapterName}${this.engineVersion ? ` ${this.engineVersion}` : ""}
@@ -8199,5 +7287,5 @@ var wn = {
         `;
 	}
 };
-o([l()], Tn.prototype, "adapterName", void 0), o([l()], Tn.prototype, "engineVersion", void 0), Tn = o([d("webmapx-active-adapter")], Tn);
+o([w()], qt.prototype, "adapterName", void 0), o([w()], qt.prototype, "engineVersion", void 0), qt = o([b("webmapx-active-adapter")], qt);
 //#endregion