@edugis-org/webmapx 0.1.9 → 0.1.11

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

@@ -1,28 +1,35 @@
 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-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";
+import { a as n, i as r, n as i, r as a, t as o } from "./chunk.YHLNUJ7P-ByKy0MKm.js";
+import { a as s, i as c, o as l, r as u, t as d } from "./decorate-CKr8yG1g.js";
+import { t as f } from "./webmapx-base-tool-Bc9Wz0yA.js";
+import "./webmapx-plugin-tool-BNZ61x6s.js";
+import { i as p, o as m, r as h, s as g, t as _ } from "./chunk.AJ3ENQ5C-DXVGX5Dn.js";
+import { t as ee } from "./chunk.NYIIDP5N-B4UCI-rQ.js";
+import { t as v } from "./chunk.6CTB5ZDJ-DjZrBd6Y.js";
+import "./icon-CBNpO1lq.js";
+import { t as y } from "./chunk.36O46B5H-km1dakSW.js";
+import { t as b } from "./chunk.3RPBFEDE-Cxq6VVR6.js";
+import "./button-BlZd3WPH.js";
+import { t as x } from "./checkbox-DB4oPyyw.js";
+import { n as te } from "./input-B212BH6L.js";
+import { t as ne } from "./chunk.SI4ACBFK-CLb9VfMG.js";
+import { t as re } from "./tooltip-CBGOiZwJ.js";
+import "./spinner-DdcBaa3z.js";
+import "./icon-button-B5rXu3Gg.js";
+import { n as ie, r as ae } from "./attribution-format-B4f05_u0.js";
+import { a as oe, i as se, t as ce } from "./zip.js-DVhmtjxZ.js";
+import { i as le } from "./geo-calculations-DbFJAUoI.js";
+import { t as ue } from "./throttle-BeneRNYK.js";
+import "./webmapx-modal-tool-DQVHNXqX.js";
+import { LitElement as S, css as C, html as w, nothing as T, svg as E } from "lit";
+import { customElement as D, eventOptions as de, property as O, query as k, queryAssignedElements as fe, state as A } from "lit/decorators.js";
+import { classMap as pe } from "lit/directives/class-map.js";
+import { ifDefined as me } from "lit/directives/if-defined.js";
+import { live as j } from "lit/directives/live.js";
+import { when as he } from "lit/directives/when.js";
+import { unsafeHTML as M } from "lit-html/directives/unsafe-html.js";
 //#region src/components/webmapx-layout.ts
-var te = class extends h {
+var ge = class extends S {
 	constructor(...e) {
 		super(...e), this.slotDirections = {
 			"top-left": "vertical",
@@ -37,7 +44,7 @@ var te = class extends h {
 		};
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
     :host {
       position: absolute;
       inset: 0;
@@ -185,7 +192,7 @@ var te = class extends h {
   `;
 	}
 	render() {
-		return _`
+		return w`
       <div class="overlay-surface">
         <!-- Edge zones first (lowest stacking order) -->
         <div class="slot-zone slot-zone--edge-bottom-right">
@@ -247,22 +254,22 @@ var te = class extends h {
 		})?.getAttribute("direction") === "horizontal" ? "horizontal" : "vertical";
 	}
 };
-o([w()], te.prototype, "slotDirections", void 0), te = o([b("webmapx-layout")], te);
+d([A()], ge.prototype, "slotDirections", void 0), ge = d([D("webmapx-layout")], ge);
 //#endregion
 //#region src/components/internal/tool-selection-scope.ts
-function T(e, t) {
+function N(e, t) {
 	return !!(t && e.includes(t));
 }
-function ne(e, t) {
+function _e(e, t) {
 	return !!(e.sourceToolbar && t && e.sourceToolbar !== t);
 }
-function re(e) {
+function ve(e) {
 	let { toolIds: t, currentActiveToolId: n, detail: r, ownToolbar: i } = e;
-	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;
+	if (!_e(r, i)) return r.toolId ? N(t, r.toolId) ? r.toolId : void 0 : r.previousToolId ? N(t, r.previousToolId) ? null : void 0 : r.toolId === null ? null : void 0;
 }
 //#endregion
 //#region src/components/webmapx-toolbar.ts
-var ie = class extends h {
+var P = class extends S {
 	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();
@@ -280,7 +287,7 @@ var ie = class extends h {
 		}, this.boundHandleClick = (e) => this.handleButtonClick(e);
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
     :host {
       display: flex;
       flex-direction: column;
@@ -405,7 +412,7 @@ var ie = class extends h {
 		this.hasButtonForTool(t) && this.clearActiveButtons();
 	}
 	handleToolSelect(e) {
-		let t = e.detail ?? {}, n = re({
+		let t = e.detail ?? {}, n = ve({
 			toolIds: this.getToolIds(),
 			currentActiveToolId: this.getActiveButtonToolId(),
 			detail: t,
@@ -435,7 +442,7 @@ var ie = class extends h {
 		}), this.applyRovingTabindex();
 	}
 	hasButtonForTool(e) {
-		return T(this.getToolIds(), e);
+		return N(this.getToolIds(), e);
 	}
 	getToolIds() {
 		return this.buttons.map((e) => e.getAttribute("name") || e.getAttribute("data-tool")).filter((e) => !!e);
@@ -445,20 +452,20 @@ var ie = class extends h {
 		return e?.getAttribute("name") || e?.getAttribute("data-tool") || null;
 	}
 	render() {
-		return _`
+		return w`
       <slot name="before"></slot>
       <slot @slotchange=${this.handleSlotChange}></slot>
       <slot name="after"></slot>
     `;
 	}
 };
-o([x({
+d([O({
 	type: String,
 	reflect: !0
-})], ie.prototype, "orientation", void 0), o([C()], ie.prototype, "buttons", void 0), ie = o([b("webmapx-toolbar")], ie);
+})], P.prototype, "orientation", void 0), d([fe()], P.prototype, "buttons", void 0), P = d([D("webmapx-toolbar")], P);
 //#endregion
 //#region src/components/webmapx-tool-panel.ts
-var ae = class extends h {
+var ye = class extends S {
 	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;
 	}
@@ -537,7 +544,7 @@ var ae = class extends h {
 	}
 	handleToolSelect(e) {
 		let t = e.detail ?? {};
-		if (ne(t, this.resolveToolbar())) return;
+		if (_e(t, this.resolveToolbar())) return;
 		let n = t.toolId ?? null, r = t.previousToolId ?? null;
 		if (!(n && this.mapHost?.toolManager?.getTool(n))) {
 			if (!n) {
@@ -557,7 +564,7 @@ var ae = class extends h {
 		return this.mapHost?.querySelector("webmapx-toolbar") ?? null;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
     :host {
       display: none;
       box-sizing: border-box;
@@ -647,7 +654,7 @@ var ae = class extends h {
 		n && n.focus?.();
 	}
 	render() {
-		return _`
+		return w`
       <div class="panel-header">
         <slot name="header"><h3>${this.label}</h3></slot>
         <sl-button size="small" circle variant="text" @click=${this.toggleCollapsed}>
@@ -664,21 +671,518 @@ var ae = class extends h {
     `;
 	}
 };
-o([x({ type: String })], ae.prototype, "label", void 0), o([x({
+d([O({ type: String })], ye.prototype, "label", void 0), d([O({
 	type: Boolean,
 	reflect: !0
-})], ae.prototype, "active", void 0), o([x({
+})], ye.prototype, "active", void 0), d([O({
 	type: Boolean,
 	reflect: !0
-})], ae.prototype, "collapsed", void 0), ae = o([b("webmapx-tool-panel")], ae);
+})], ye.prototype, "collapsed", void 0), ye = d([D("webmapx-tool-panel")], ye);
+//#endregion
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.BWVSW6TI.js
+var be = C`
+  :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;
+    }
+  }
+`, F = class e extends i {
+	constructor() {
+		super(...arguments), this.localize = new v(this), this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.expanded = !1, this.selected = !1, this.disabled = !1, this.lazy = !1;
+	}
+	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 p(this.childrenContainer);
+		let { keyframes: e, options: t } = m(this, "tree-item.collapse", { dir: this.localize.dir() });
+		await _(this.childrenContainer, h(e, this.childrenContainer.scrollHeight), t), this.childrenContainer.hidden = !0, this.emit("sl-after-collapse");
+	}
+	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 p(this.childrenContainer), this.childrenContainer.hidden = !1;
+		let { keyframes: e, options: t } = m(this, "tree-item.expand", { dir: this.localize.dir() });
+		await _(this.childrenContainer, h(e, this.childrenContainer.scrollHeight), t), this.childrenContainer.style.height = "auto", this.emit("sl-after-expand");
+	}
+	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 w`
+      <div
+        part="base"
+        class="${pe({
+			"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=${pe({
+			"tree-item__expand-button": !0,
+			"tree-item__expand-button--visible": t
+		})}
+            aria-hidden="true"
+          >
+            ${he(this.loading, () => w` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `)}
+            <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>
+
+          ${he(this.selectable, () => w`
+              <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="${j(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>
+    `;
+	}
+};
+F.styles = [a, be], F.dependencies = {
+	"sl-checkbox": x,
+	"sl-icon": o,
+	"sl-spinner": y
+}, n([A()], F.prototype, "indeterminate", 2), n([A()], F.prototype, "isLeaf", 2), n([A()], F.prototype, "loading", 2), n([A()], F.prototype, "selectable", 2), n([O({
+	type: Boolean,
+	reflect: !0
+})], F.prototype, "expanded", 2), n([O({
+	type: Boolean,
+	reflect: !0
+})], F.prototype, "selected", 2), n([O({
+	type: Boolean,
+	reflect: !0
+})], F.prototype, "disabled", 2), n([O({
+	type: Boolean,
+	reflect: !0
+})], F.prototype, "lazy", 2), n([k("slot:not([name])")], F.prototype, "defaultSlot", 2), n([k("slot[name=children]")], F.prototype, "childrenSlot", 2), n([k(".tree-item__item")], F.prototype, "itemElement", 2), n([k(".tree-item__children")], F.prototype, "childrenContainer", 2), n([k(".tree-item__expand-button slot")], F.prototype, "expandButtonSlot", 2), n([r("loading", { waitUntilFirstUpdate: !0 })], F.prototype, "handleLoadingChange", 1), n([r("disabled")], F.prototype, "handleDisabledChange", 1), n([r("selected")], F.prototype, "handleSelectedChange", 1), n([r("expanded", { waitUntilFirstUpdate: !0 })], F.prototype, "handleExpandedChange", 1), n([r("expanded", { waitUntilFirstUpdate: !0 })], F.prototype, "handleExpandAnimation", 1), n([r("lazy", { waitUntilFirstUpdate: !0 })], F.prototype, "handleLazyChange", 1);
+var xe = F;
+g("tree-item.expand", {
+	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)"
+	}
+}), g("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 Se = C`
+  :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 Ce(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;
+		xe.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 I = class extends i {
+	constructor() {
+		super(), this.selection = "single", this.clickTarget = null, this.localize = new v(this), this.initTreeItem = (e) => {
+			e.selectable = this.selection === "multiple", ["expand", "collapse"].filter((e) => !!this.querySelector(`[slot="${e}-icon"]`)).forEach((t) => {
+				let n = e.querySelector(`[slot="${t}-icon"]`), r = this.getExpandButtonIcon(t);
+				r && (n === null ? e.append(r) : n.hasAttribute("data-default") && n.replaceWith(r));
+			});
+		}, this.handleTreeChanged = (e) => {
+			for (let t of e) {
+				let e = [...t.addedNodes].filter(xe.isTreeItem), n = [...t.removedNodes].filter(xe.isTreeItem);
+				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]), xe.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), Ce(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[re(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) => Ce(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 w`
+      <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
+I.styles = [a, Se], n([k("slot:not([name])")], I.prototype, "defaultSlot", 2), n([k("slot[name=expand-icon]")], I.prototype, "expandedIconSlot", 2), n([k("slot[name=collapse-icon]")], I.prototype, "collapsedIconSlot", 2), n([O()], I.prototype, "selection", 2), n([r("selection")], I.prototype, "handleSelectionChange", 1), I.define("sl-tree"), xe.define("sl-tree-item");
 //#endregion
 //#region src/components/webmapx-layer-tree.ts
-var E = class extends h {
+var we = class extends S {
 	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 = g`
+		this.styles = C`
         :host {
             display: block;
             height: auto; /* let parent control available height */
@@ -1140,7 +1644,7 @@ var E = class extends h {
 	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" ? _`<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}`))}`, _`
+			return o = !i || i.status === "loading" ? w`<sl-tree-item disabled><sl-spinner style="font-size:0.85rem"></sl-spinner> Loading…</sl-tree-item>` : i.status === "error" ? w`<sl-tree-item disabled style="color:var(--sl-color-danger-600)">⚠ ${i.error}</sl-tree-item>` : w`${i.children.map((e, t) => this.renderNode(e, a, `${n}.${t}`))}`, w`
                 <sl-tree-item ?expanded=${e.expanded} data-node-key=${n}
                     @sl-expand=${() => {
 				this.fetchCapabilities(e);
@@ -1149,12 +1653,12 @@ var E = class extends h {
                     ${o}
                 </sl-tree-item>`;
 		}
-		if (e.separator) return _`
+		if (e.separator) return w`
                 <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 _`
+		if (this.nodeByKey.set(n, e), e.children && e.children.length > 0) return w`
                 <sl-tree-item ?expanded=${e.expanded} data-node-key=${n}>
                     <span @click=${(e) => {
 			let t = e.currentTarget.closest("sl-tree-item");
@@ -1165,11 +1669,11 @@ var E = class extends h {
             `;
 		{
 			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 _`
+			return w`
                 <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 ? _`
+                    ${t ? w`
                         <label class="layer-radio">
                             <input
                                 type="radio"
@@ -1185,7 +1689,7 @@ var E = class extends h {
                             />
                             <span>${s}</span>
                         </label>
-                    ` : _`
+                    ` : w`
                         <sl-checkbox
                             ?checked=${e.checked}
                             ?disabled=${a}
@@ -1244,8 +1748,8 @@ var E = class extends h {
 	render() {
 		this.nodeByKey.clear();
 		let e = this.searchQuery.trim().toLowerCase(), t = e ? this.filterTree(this.effectiveTree, e) : this.effectiveTree;
-		return _`
-            ${this.showSearch ? _`
+		return w`
+            ${this.showSearch ? w`
                 <div class="search">
                     <input
                         type="text"
@@ -1255,22 +1759,22 @@ var E = class extends h {
                         .value=${this.searchQuery}
                         @input=${this.handleSearchInput}
                     />
-                    ${this.searchQuery ? _`<button class="search-clear" @click=${this.handleSearchClear} aria-label="Clear search">&times;</button>` : _``}
+                    ${this.searchQuery ? w`<button class="search-clear" @click=${this.handleSearchClear} aria-label="Clear search">&times;</button>` : w``}
                 </div>
-            ` : _``}
+            ` : w``}
             <sl-tree @sl-expand=${this.handleTreeExpand}>
                 ${t.map((e, t) => this.renderNode(e, void 0, `${t}`))}
             </sl-tree>
         `;
 	}
 };
-o([x({ type: Array })], E.prototype, "tree", void 0), o([x({
+d([O({ type: Array })], we.prototype, "tree", void 0), d([O({
 	type: String,
 	attribute: "tool-id"
-})], 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);
+})], we.prototype, "toolId", void 0), d([A()], we.prototype, "configTree", void 0), d([A()], we.prototype, "searchQuery", void 0), d([A()], we.prototype, "capsCache", void 0), we = d([D("webmapx-layer-tree")], we);
 //#endregion
 //#region node_modules/@simonwep/pickr/dist/themes/nano.min.css
-var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+var Te = /* @__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, (() => (() => {
@@ -1286,7 +1790,7 @@ var oe = /* @__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: () => ne });
+		e.d(t, { default: () => oe });
 		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]);
@@ -1399,10 +1903,10 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				100 * i
 			];
 		}
-		function v(e, t, n, r) {
+		function ee(e, t, n, r) {
 			return t /= 100, n /= 100, [..._(255 * (1 - d(1, (e /= 100) * (1 - (r /= 100)) + r)), 255 * (1 - d(1, t * (1 - r) + r)), 255 * (1 - d(1, n * (1 - r) + r)))];
 		}
-		function y(e, t, n) {
+		function v(e, t, n) {
 			t /= 100;
 			let r = 2 * (t *= (n /= 100) < .5 ? n : 1 - n) / (n + t) * 100, i = 100 * (n + t);
 			return [
@@ -1411,10 +1915,10 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				i
 			];
 		}
-		function b(e) {
+		function y(e) {
 			return _(...e.match(/.{2}/g).map(((e) => parseInt(e, 16))));
 		}
-		function x(e) {
+		function b(e) {
 			e = e.match(/^[a-zA-Z]+$/) ? function(e) {
 				if (e.toLowerCase() === "black") return "#000";
 				let t = document.createElement("canvas").getContext("2d");
@@ -1432,7 +1936,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					let [, e, t, a, o] = n(r);
 					if (e > 100 || t > 100 || a > 100 || o > 100) break t;
 					return {
-						values: v(e, t, a, o),
+						values: ee(e, t, a, o),
 						type: i
 					};
 				}
@@ -1450,7 +1954,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					e.length !== 4 && e.length !== 3 || (e = e.split("").map(((e) => e + e)).join(""));
 					let t = e.substring(0, 6), n = e.substring(6);
 					return n = n ? parseInt(n, 16) / 255 : void 0, {
-						values: [...b(t), n],
+						values: [...y(t), n],
 						a: n,
 						type: i
 					};
@@ -1459,7 +1963,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					let [, e, t, a, , o] = n(r);
 					if (o = r[6] === "%" ? o / 100 : o, e > 360 || t > 100 || a > 100 || o < 0 || o > 1) break t;
 					return {
-						values: [...y(e, t, a), o],
+						values: [...v(e, t, a), o],
 						a: o,
 						type: i
 					};
@@ -1484,7 +1988,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				type: null
 			};
 		}
-		function S(e = 0, t = 0, n = 0, r = 1) {
+		function x(e = 0, t = 0, n = 0, r = 1) {
 			let i = (e, t) => (n = -1) => t(~n ? e.map(((e) => Number(e.toFixed(n)))) : e), a = {
 				h: e,
 				s: t,
@@ -1525,12 +2029,12 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					}(a.h, a.s, a.v), t = a.a >= 1 ? "" : Number((255 * a.a).toFixed(0)).toString(16).toUpperCase().padStart(2, "0");
 					return t && e.push(t), e.toString = () => `#${e.join("").toUpperCase()}`, e;
 				},
-				clone: () => S(a.h, a.s, a.v, a.a)
+				clone: () => x(a.h, a.s, a.v, a.a)
 			};
 			return a;
 		}
-		let C = (e) => Math.max(Math.min(e, 1), 0);
-		function w(e) {
+		let te = (e) => Math.max(Math.min(e, 1), 0);
+		function ne(e) {
 			let t = {
 				options: Object.assign({
 					lock: null,
@@ -1543,7 +2047,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 						let { lock: n } = t.options, a = i === "ArrowUp", o = i === "ArrowRight", s = i === "ArrowDown", c = i === "ArrowLeft";
 						if (r === "keydown" && (a || o || s || c)) {
 							let r = 0, i = 0;
-							n === "v" ? r = a || o ? 1 : -1 : n === "h" ? r = a || o ? -1 : 1 : (i = a ? -1 : +!!s, r = c ? -1 : +!!o), t.update(C(t.cache.x + .01 * r), C(t.cache.y + .01 * i)), e.preventDefault();
+							n === "v" ? r = a || o ? 1 : -1 : n === "h" ? r = a || o ? -1 : 1 : (i = a ? -1 : +!!s, r = c ? -1 : +!!o), t.update(te(t.cache.x + .01 * r), te(t.cache.y + .01 * i)), e.preventDefault();
 						} else i.startsWith("Arrow") && (t.options.onstop(), e.preventDefault());
 					}
 				},
@@ -1564,7 +2068,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 						x: c / s.width,
 						y: l / s.height
 					};
-					let u = C(c / s.width), d = C(l / s.height);
+					let u = te(c / s.width), d = te(l / s.height);
 					switch (i) {
 						case "v": return n.onchange(u);
 						case "h": return n.onchange(d);
@@ -1595,7 +2099,7 @@ var oe = /* @__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 ee(e = {}) {
+		function re(e = {}) {
 			e = Object.assign({
 				onchange: () => 0,
 				className: "",
@@ -1606,7 +2110,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			}));
 			return { destroy: () => a(...t) };
 		}
-		let te = {
+		let ie = {
 			variantFlipOrder: {
 				start: "sme",
 				middle: "mse",
@@ -1621,7 +2125,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			position: "bottom",
 			margin: 8,
 			padding: 0
-		}, T = (e, t, n) => {
+		}, ae = (e, t, n) => {
 			let r = typeof e != "object" || e instanceof HTMLElement ? {
 				reference: e,
 				popper: t,
@@ -1633,7 +2137,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				return ((e, t, n) => {
 					let { container: r, arrow: i, margin: a, padding: o, position: s, variantFlipOrder: c, positionFlipOrder: l } = {
 						container: document.documentElement.getBoundingClientRect(),
-						...te,
+						...ie,
 						...n
 					}, { left: u, top: d } = t.style;
 					t.style.left = "0", t.style.top = "0";
@@ -1649,10 +2153,10 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 						hs: f.top,
 						hm: f.bottom - f.height / 2 - p.height / 2,
 						he: f.bottom - p.height
-					}, [g, _ = "middle"] = s.split("-"), v = l[g], y = c[_], { top: b, left: x, bottom: S, right: C } = r;
-					for (let e of v) {
-						let n = e === "t" || e === "b", r = m[e], [a, s] = n ? ["top", "left"] : ["left", "top"], [c, l] = n ? [p.height, p.width] : [p.width, p.height], [u, d] = n ? [S, C] : [C, S], [g, _] = n ? [b, x] : [x, b];
-						if (!(r < g || r + c + o > u)) for (let u of y) {
+					}, [g, _ = "middle"] = s.split("-"), ee = l[g], v = c[_], { top: y, left: b, bottom: x, right: te } = r;
+					for (let e of ee) {
+						let n = e === "t" || e === "b", r = m[e], [a, s] = n ? ["top", "left"] : ["left", "top"], [c, l] = n ? [p.height, p.width] : [p.width, p.height], [u, d] = n ? [x, te] : [te, x], [g, _] = n ? [y, b] : [b, y];
+						if (!(r < g || r + c + o > u)) for (let u of v) {
 							let m = h[(n ? "v" : "h") + u];
 							if (!(m < _ || m + l + o > d)) {
 								if (m -= p[s], r -= p[a], t.style[s] = `${m}px`, t.style[a] = `${r}px`, i) {
@@ -1676,7 +2180,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				})(t, n, r);
 			} };
 		};
-		class ne {
+		class oe {
 			static utils = n;
 			static version = "1.9.1";
 			static I18N_DEFAULTS = {
@@ -1723,8 +2227,8 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			_recalc = !0;
 			_nanopop = null;
 			_root = null;
-			_color = S();
-			_lastColor = S();
+			_color = x();
+			_lastColor = x();
 			_swatchColors = [];
 			_setupAnimationFrame = null;
 			_eventListener = {
@@ -1739,20 +2243,20 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				swatchselect: []
 			};
 			constructor(e) {
-				this.options = e = Object.assign({ ...ne.DEFAULT_OPTIONS }, e);
+				this.options = e = Object.assign({ ...oe.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 = T(d, f, { margin: o }), d.setAttribute("role", "button"), d.setAttribute("aria-label", this._t("btn:toggle"));
+				this._nanopop = ae(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 ne(e);
+			static create = (e) => new oe(e);
 			_preBuild() {
 				let { options: e } = this;
 				for (let t of ["el", "container"]) e[t] = l(e[t]);
@@ -1771,7 +2275,7 @@ var oe = /* @__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: w({
+					palette: ne({
 						element: e._root.palette.picker,
 						wrapper: e._root.palette.palette,
 						onstop: () => e._emit("changestop", "slider", e),
@@ -1786,7 +2290,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 							l.style.setProperty("--pcr-color", u);
 						}
 					}),
-					hue: w({
+					hue: ne({
 						lock: i === "v" ? "h" : "v",
 						element: e._root.hue.picker,
 						wrapper: e._root.hue.slider,
@@ -1797,7 +2301,7 @@ var oe = /* @__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: w({
+					opacity: ne({
 						lock: r === "v" ? "h" : "v",
 						element: e._root.opacity.picker,
 						wrapper: e._root.opacity.slider,
@@ -1808,7 +2312,7 @@ var oe = /* @__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: ee({
+					selectable: re({
 						elements: e._root.interaction.options,
 						className: "active",
 						onchange(t) {
@@ -1917,14 +2421,14 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				n.useAsButton || t.button.style.setProperty("--pcr-color", "rgba(0, 0, 0, 0.15)"), t.button.classList.add("clear"), n.showAlways || this.hide(), this._lastColor = null, this._initializingActive || e || (this._emit("save", null), this._emit("clear"));
 			}
 			_parseLocalColor(e) {
-				let { values: t, type: n, a: r } = x(e), { lockOpacity: i } = this.options, a = r !== void 0 && r !== 1;
+				let { values: t, type: n, a: r } = b(e), { lockOpacity: i } = this.options, a = r !== void 0 && r !== 1;
 				return t && t.length === 3 && (t[3] = void 0), {
 					values: !t || i && a ? null : t,
 					type: n
 				};
 			}
 			_t(e) {
-				return this.options.i18n[e] || ne.I18N_DEFAULTS[e];
+				return this.options.i18n[e] || oe.I18N_DEFAULTS[e];
 			}
 			_emit(e, ...t) {
 				this._eventListener[e].forEach(((e) => e(...t, this)));
@@ -1939,7 +2443,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			addSwatch(e) {
 				let { values: t } = this._parseLocalColor(e);
 				if (t) {
-					let { _swatchColors: e, _root: n } = this, r = S(...t), a = o(`<button type="button" style="--pcr-color: ${r.toRGBA().toString(0)}" aria-label="${this._t("btn:swatch")}"/>`);
+					let { _swatchColors: e, _root: n } = this, r = x(...t), a = o(`<button type="button" style="--pcr-color: ${r.toRGBA().toString(0)}" aria-label="${this._t("btn:swatch")}"/>`);
 					return n.swatches.appendChild(a), e.push({
 						el: a,
 						color: r
@@ -1981,7 +2485,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			setHSVA(e = 360, t = 0, n = 0, r = 1, i = !1) {
 				let a = this._recalc;
 				if (this._recalc = !1, e < 0 || e > 360 || t < 0 || t > 100 || n < 0 || n > 100 || r < 0 || r > 1) return !1;
-				this._color = S(e, t, n, r);
+				this._color = x(e, t, n, r);
 				let { hue: o, opacity: s, palette: c } = this._components;
 				return o.update(e / 360), s.update(r), c.update(t / 100, 1 - n / 100), i || this.applyColor(), a && this._updateOutput(), this._recalc = a, !0;
 			}
@@ -2019,9 +2523,9 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}
 		return t = t.default;
 	})()));
-})))(), 1), se, D = class extends s {
+})))(), 1), Ee, L = class extends f {
 	static {
-		se = this;
+		Ee = 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;
@@ -2030,7 +2534,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		this.collapsedLegendHeight = 180;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host { display: block; }
         .legend-wrap { display: flex; flex-direction: column; gap: 2px; }
         .legend-collapse {
@@ -2040,7 +2544,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
             overflow: visible;
         }
         .legend-collapse.collapsed .legend-collapse-content {
-            max-height: ${se.collapsedLegendHeight}px;
+            max-height: ${Ee.collapsedLegendHeight}px;
             overflow: hidden;
         }
         .legend-collapse.collapsed::after {
@@ -2135,17 +2639,17 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			this.legendOverflowing &&= !1;
 			return;
 		}
-		let e = this.renderRoot?.querySelector(".legend-collapse-content"), t = !!(e && e.scrollHeight > se.collapsedLegendHeight + 1);
+		let e = this.renderRoot?.querySelector(".legend-collapse-content"), t = !!(e && e.scrollHeight > Ee.collapsedLegendHeight + 1);
 		this.legendOverflowing !== t && (this.legendOverflowing = t);
 	}
 	renderCollapsibleLegend(e) {
 		let t = this.collapsible && this.legendOverflowing && this.legendCollapsed, n = this.collapsible && this.legendOverflowing;
-		return _`
+		return w`
             <div class="legend-collapse ${t ? "collapsed" : ""}">
                 <div class="legend-collapse-content">
                     ${e}
                 </div>
-                ${n ? _`
+                ${n ? w`
                     <button
                         type="button"
                         class="legend-toggle"
@@ -2256,7 +2760,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	}
 	renderZoomHint(e, t, n) {
 		let r = n > t;
-		return _`<div class="legend-row"><span class="legend-label">${r ? "zoom out" : "zoom in"} to level ${r ? t : e} for display</span></div>`;
+		return w`<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;
@@ -2276,49 +2780,49 @@ var oe = /* @__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 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 _ = { ...h }, ee = { ...g }, v = this.editOverrides[f];
+			v && (Object.assign(h, v), "text-size" in v && (g["text-size"] = v["text-size"]));
+			let y = l === "fill" ? "fill-color" : l === "fill-extrusion" ? "fill-extrusion-color" : l === "line" ? "line-color" : l === "circle" ? "circle-color" : l === "symbol" ? "text-color" : null, b = y ? u[y] : null, x = b ? this.extractDataCases(b) : null;
+			if (x && x.length > 1) {
 				let e = `${l}|${f}`;
 				if (r.has(e)) continue;
-				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 = {
+				r.add(e), i.has(e) || i.set(e, [f]), a || n.push(w`<div class="sub-group-title">${m}</div>`);
+				let o = Array.isArray(b) ? b : null, s = o ? this.colorExprStopIndices(o) : null;
+				for (let e = 0; e < x.length; e++) {
+					let { label: i, paint: a } = x[e], c = {
 						...h,
-						[x]: a
+						[y]: 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", v = p !== null && 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", _ = p !== null && o ? w`<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], x, o, p, m);
+						e.stopPropagation(), this.openStopColorPicker(e.currentTarget, [f], y, o, p, m);
 					}}>
                             ${u}</button>` : u;
-					n.push(_`
+					n.push(w`
                         <div class="legend-row sub-row">
-                            ${v}
+                            ${_}
                             <span class="legend-label">${i}</span>
                         </div>`);
 				}
 			} else {
-				let e = x ? String(v[x] ?? "#aaa") : "#aaa", a = `${l}|${e}`;
+				let e = y ? String(_[y] ?? "#aaa") : "#aaa", a = `${l}|${e}`;
 				if (l === "line") {
-					let t = v["line-dasharray"];
+					let t = _["line-dasharray"];
 					a = `line|${e}|${Array.isArray(t) ? t.join(",") : String(t ?? "")}`;
 				} else if (l === "symbol") {
-					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"] ?? "") : ""}`;
+					let t = ee["text-size"] ?? _["text-size"], n = Math.round(Number(typeof t == "number" ? t : 12)), r = (Array.isArray(ee["text-font"]) ? ee["text-font"] : []).join(" ").toLowerCase(), i = r.includes("bold") || r.includes("black") ? "700" : r.includes("semibold") || r.includes("demibold") || r.includes("medium") ? "600" : "400", o = Math.round(Number(_["text-halo-width"] ?? 0) * 2) / 2;
+					a = `symbol|${e}|${n}|${i}|${o}|${o > 0 ? String(_["text-halo-color"] ?? "") : ""}`;
 				}
 				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(_`
+				if (n.push(w`
                     <div class="legend-row ${s ? "editable" : ""}"
                         @click=${s ? () => {
 					this.editorOpenKey = c ? null : a;
@@ -2334,7 +2838,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 				}
 			}
 		}
-		return _`<div class="legend-wrap">${n}</div>`;
+		return w`<div class="legend-wrap">${n}</div>`;
 	}
 	resolveSwatchColor(e, t) {
 		return typeof e == "string" ? e : t;
@@ -2342,30 +2846,30 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 	renderSwatch(e, t, n, r) {
 		if (e === "fill") {
 			let e = this.resolveSwatchColor(t["fill-color"], "#000000");
-			return y`<svg width="20" height="12" style="flex-shrink:0">
+			return E`<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 y`<svg width="20" height="12" style="flex-shrink:0">
+		if (e === "fill-extrusion") return E`<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 y`<svg width="20" height="12" style="flex-shrink:0">
+		if (e === "line") return E`<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 y`<svg width="20" height="12" style="flex-shrink:0">
+			return E`<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 y`<svg width="${l}" height="${a + 4}" style="flex-shrink:0">
-                ${n ? y`<text x="${l / 2}" y="${a}" text-anchor="middle"
+			return E`<svg width="${l}" height="${a + 4}" style="flex-shrink:0">
+                ${n ? E`<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>` : ""}
@@ -2374,9 +2878,9 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                     fill="${e}" font-family="sans-serif">A</text>
             </svg>`;
 		}
-		return e === "background" ? y`<svg width="20" height="12" style="flex-shrink:0">
+		return e === "background" ? E`<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" ? y`<svg width="20" height="12" style="flex-shrink:0">
+            </svg>` : e === "raster" || e === "hillshade" ? E`<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"/>
@@ -2435,7 +2939,7 @@ var oe = /* @__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 y`
+			return E`
                 <circle cx="${a}" cy="${i}" r="${n}"
                     fill="${e.color}" fill-opacity="0.75"
                     stroke="${t}" stroke-width="${r}"/>
@@ -2443,41 +2947,41 @@ var oe = /* @__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) => y`<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) => E`<rect x="${t * f}" y="0" width="${f}" height="${8}" fill="${e.color}"/>
                 <text x="${t * f + f / 2}" y="${17}" font-size="8"
                     text-anchor="middle" fill="#555">${e.value}</text>`), h = e.every((t) => t.color === e[0].color);
-		return _`
+		return w`
             <div class="legend-row" style="flex-direction:column;align-items:flex-start;gap:6px">
-                ${y`<svg width="${u}" height="${s}" style="overflow:visible">
+                ${E`<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 ? "" : y`<svg width="${p}" height="${20}" style="overflow:visible">
+                ${h ? "" : E`<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 _`
+		return w`
             <div class="legend-row">
-                ${y`<svg width="${s}" height="${s}" style="flex-shrink:0">
+                ${E`<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 ? "" : _`<span class="legend-label">${i}</span>`}
+                ${i === null ? "" : w`<span class="legend-label">${i}</span>`}
             </div>`;
 	}
 	renderFillRow(e, t, n, r, i) {
-		let a = y`<svg width="24" height="14" style="flex-shrink:0">
+		let a = E`<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 _`
+		return w`
             <div class="legend-row">
-                ${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>`}
+                ${i ? w`<button type="button" style="background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center" @click=${i}>${a}</button>` : a}
+                ${r === null ? "" : w`<span class="legend-label">${r}</span>`}
             </div>`;
 	}
 	colorExprStopIndices(e) {
@@ -2507,30 +3011,30 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 		}, !1);
 	}
 	renderLineRow(e, t, n, r) {
-		return _`
+		return w`
             <div class="legend-row">
-                ${y`<svg width="24" height="14" style="flex-shrink:0">
+                ${E`<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 ? "" : _`<span class="legend-label">${r}</span>`}
+                ${r === null ? "" : w`<span class="legend-label">${r}</span>`}
             </div>`;
 	}
 	renderEditableLineRow(e, t, n, r, i, a, o) {
-		return _`
+		return w`
             <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);
 		}}>
-                    ${y`<svg width="24" height="14">
+                    ${E`<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 ? "" : _`<span class="legend-label">${i}</span>`}
+                ${i === null ? "" : w`<span class="legend-label">${i}</span>`}
             </div>`;
 	}
 	getAttrTranslations() {
@@ -2707,14 +3211,14 @@ var oe = /* @__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 = oe.default.create({
+		c ? (c.setColor(r), this.pickrOriginal.set(o, r)) : (c = Te.default.create({
 			el: e,
 			theme: "nano",
 			default: r,
 			useAsButton: !0,
 			comparison: !1,
 			appClass: "webmapx-pickr",
-			swatches: se.COLOR_PALETTE,
+			swatches: Ee.COLOR_PALETTE,
 			components: {
 				preview: !0,
 				opacity: !0,
@@ -2760,7 +3264,7 @@ var oe = /* @__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 _`
+		return w`
             <div class="style-editor-row">
                 <label>${t}
                     <input type="range" min=${i} max=${a} step=${o} .value=${String(r)}
@@ -2770,7 +3274,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
             </div>`;
 	}
 	renderColorRow(e, t, n, r) {
-		return _`
+		return w`
             <div class="style-editor-row">
                 <label>${t}</label>
                 <button type="button" class="color-swatch" style="background:${r}"
@@ -2784,11 +3288,11 @@ var oe = /* @__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)), _`<div class="style-editor">${s}</div>`;
+			return s.push(this.renderRangeRow(e, "opacity", a, o, 0, 1, .05)), w`<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 _`<div class="style-editor">
+			return w`<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)}
@@ -2796,7 +3300,7 @@ var oe = /* @__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 _`<div class="style-editor">
+			return w`<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)}
@@ -2806,17 +3310,17 @@ var oe = /* @__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 _`<div class="style-editor">
+			return w`<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 _``;
+		return w``;
 	}
 	renderHillshadeTerrainCheckbox() {
-		return _`
+		return w`
             <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)}>
@@ -2863,12 +3367,12 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 					1 / 3,
 					2 / 3,
 					1
-				].map((e) => f * (p / f) ** +e), h = m.map((e) => l(e)), g = c.prop ? r.get(c.prop)?.unit : void 0, _ = m.map((e) => Math.max(1, e)), v = _[_.length - 1], y = v < 4 ? 4 / v : 1, b = h.map((e, t) => ({
+				].map((e) => f * (p / f) ** +e), h = m.map((e) => l(e)), g = c.prop ? r.get(c.prop)?.unit : void 0, _ = m.map((e) => Math.max(1, e)), ee = _[_.length - 1], v = ee < 4 ? 4 / ee : 1, y = h.map((e, t) => ({
 					value: this.formatNumber(e, g),
 					color: o,
-					radius: Math.max(1, Math.round(_[t] * y))
-				})), x = /* @__PURE__ */ new Set(), S = b.filter((e) => !x.has(e.radius) && x.add(e.radius));
-				return [this.renderBubbleLegend(S, e, t)];
+					radius: Math.max(1, Math.round(_[t] * v))
+				})), b = /* @__PURE__ */ new Set(), x = y.filter((e) => !b.has(e.radius) && b.add(e.radius));
+				return [this.renderBubbleLegend(x, e, t)];
 			}
 			if (s) {
 				let n = this.evalAtZoom(a, this.zoom), r = Math.min(Number(isFinite(Number(n)) ? n : 6), 20);
@@ -2908,15 +3412,15 @@ var oe = /* @__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" ? [_`
+		return t === "symbol" ? [w`
                 <div class="legend-row">
-                    ${y`<svg width="24" height="14" style="flex-shrink:0">
+                    ${E`<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" ? [_`
+                </div>`] : t === "raster" || t === "background" || t === "hillshade" ? [w`
                 <div class="legend-row">
-                    ${y`<svg width="24" height="14" style="flex-shrink:0">
+                    ${E`<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"/>
@@ -2928,12 +3432,12 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                 </div>`] : [];
 	}
 	render() {
-		if (!this.layerId) return _``;
+		if (!this.layerId) return w``;
 		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(_`
+			return a.length === 1 && typeof a[0]?.type == "string" && a[0].type === "hillshade" ? this.renderCollapsibleLegend(w`
                 <div class="legend-wrap">
                     ${e}
                     ${this.renderHillshadeTerrainCheckbox()}
@@ -2954,9 +3458,9 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
 			...n,
 			...f
 		} : n, m = !a && u && this.isEditableType(t, p), h = this.editorOpenKey === this.layerId;
-		return this.renderCollapsibleLegend(_`
+		return this.renderCollapsibleLegend(w`
             <div class="legend-wrap">
-                ${u ? _`
+                ${u ? w`
                     <div class=${m ? "editable" : ""} @click=${m ? () => {
 			this.editorOpenKey = h ? null : this.layerId;
 		} : null}>
@@ -2965,7 +3469,7 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
                     ${t === "hillshade" ? this.renderHillshadeTerrainCheckbox() : ""}
                     ${m && h ? this.renderStyleEditor(d, t, p) : ""}
                 ` : ""}
-                ${r ? _`
+                ${r ? w`
                     <img class="legend-img" src=${r} alt=${i}
                         @error=${(e) => {
 			let t = e.target, n = document.createElement("span");
@@ -2976,24 +3480,24 @@ var oe = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
         `);
 	}
 };
-o([x({
+d([O({
 	type: String,
 	attribute: "layer-id"
-})], D.prototype, "layerId", void 0), o([x({
+})], L.prototype, "layerId", void 0), d([O({
 	type: Boolean,
 	reflect: !0
-})], 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);
+})], L.prototype, "collapsible", void 0), d([A()], L.prototype, "meta", void 0), d([A()], L.prototype, "zoom", void 0), d([A()], L.prototype, "legendCollapsed", void 0), d([A()], L.prototype, "legendOverflowing", void 0), d([A()], L.prototype, "editOverrides", void 0), d([A()], L.prototype, "editorOpenKey", void 0), d([A()], L.prototype, "terrainEnabled", void 0), L = Ee = d([D("webmapx-layer-legend")], L);
 //#endregion
 //#region node_modules/dompurify/dist/purify.es.mjs
-function O(e, t) {
+function De(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 ce(e) {
+function Oe(e) {
 	if (Array.isArray(e)) return e;
 }
-function le(e, t) {
+function ke(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;
@@ -3011,113 +3515,113 @@ function le(e, t) {
 		return s;
 	}
 }
-function ue() {
+function Ae() {
 	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function de(e, t) {
-	return ce(e) || le(e, t) || fe(e, t) || ue();
+function je(e, t) {
+	return Oe(e) || ke(e, t) || Me(e, t) || Ae();
 }
-function fe(e, t) {
+function Me(e, t) {
 	if (e) {
-		if (typeof e == "string") return O(e, t);
+		if (typeof e == "string") return De(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) ? O(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) ? De(e, t) : void 0;
 	}
 }
-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) {
+var Ne = Object.entries, Pe = Object.setPrototypeOf, Fe = Object.isFrozen, Ie = Object.getPrototypeOf, Le = Object.getOwnPropertyDescriptor, R = Object.freeze, z = Object.seal, Re = Object.create, ze = typeof Reflect < "u" && Reflect, Be = ze.apply, Ve = ze.construct;
+R ||= function(e) {
 	return e;
-}, A ||= function(e) {
+}, z ||= function(e) {
 	return e;
-}, ye ||= function(e, t) {
+}, Be ||= function(e, t) {
 	var n = [...arguments].slice(2);
 	return e.apply(t, n);
-}, M ||= function(e) {
+}, Ve ||= function(e) {
 	return new e(...[...arguments].slice(1));
 };
-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) {
+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) {
 	return function(t) {
 		t instanceof RegExp && (t.lastIndex = 0);
 		var n = [...arguments].slice(1);
-		return ye(e, t, n);
+		return Be(e, t, n);
 	};
 }
-function Ie(e) {
+function at(e) {
 	return function() {
-		return M(e, [...arguments]);
+		return Ve(e, [...arguments]);
 	};
 }
-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;
+function W(e, t) {
+	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Je;
+	if (Pe && Pe(e, null), !qe(t)) return e;
 	let r = t.length;
 	for (; r--;) {
 		let i = t[r];
 		if (typeof i == "string") {
 			let e = n(i);
-			e !== i && (he(t) || (t[r] = e), i = e);
+			e !== i && (Fe(t) || (t[r] = e), i = e);
 		}
 		e[i] = !0;
 	}
 	return e;
 }
-function Le(e) {
-	for (let t = 0; t < e.length; t++) P(e, t) || (e[t] = null);
+function ot(e) {
+	for (let t = 0; t < e.length; t++) B(e, t) || (e[t] = null);
 	return e;
 }
-function z(e) {
-	let t = ve(null);
-	for (let r of pe(e)) {
-		var n = de(r, 2);
+function G(e) {
+	let t = Re(null);
+	for (let r of Ne(e)) {
+		var n = je(r, 2);
 		let i = n[0], a = n[1];
-		P(e, i) && (Te(a) ? t[i] = Le(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = z(a) : t[i] = a);
+		B(e, i) && (qe(a) ? t[i] = ot(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = G(a) : t[i] = a);
 	}
 	return t;
 }
-function Re(e) {
+function st(e) {
 	switch (typeof e) {
 		case "string": return 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 "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 "function":
 		case "object": {
-			if (e === null) return F(e);
-			let t = e, n = B(t, "toString");
+			if (e === null) return V(e);
+			let t = e, n = ct(t, "toString");
 			if (typeof n == "function") {
 				let e = n(t);
-				return typeof e == "string" ? e : F(e);
+				return typeof e == "string" ? e : V(e);
 			}
-			return F(e);
+			return V(e);
 		}
-		default: return F(e);
+		default: return V(e);
 	}
 }
-function B(e, t) {
+function ct(e, t) {
 	for (; e !== null;) {
-		let n = _e(e, t);
+		let n = Le(e, t);
 		if (n) {
-			if (n.get) return L(n.get);
-			if (typeof n.value == "function") return L(n.value);
+			if (n.get) return U(n.get);
+			if (typeof n.value == "function") return U(n.value);
 		}
-		e = ge(e);
+		e = Ie(e);
 	}
 	function n() {
 		return null;
 	}
 	return n;
 }
-function ze(e) {
+function lt(e) {
 	try {
-		return I(e, ""), !0;
+		return H(e, ""), !0;
 	} catch {
 		return !1;
 	}
 }
-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([
+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([
 	"feBlend",
 	"feColorMatrix",
 	"feComponentTransfer",
@@ -3143,7 +3647,7 @@ var Be = k(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"feSpotLight",
 	"feTile",
 	"feTurbulence"
-]), Ue = k([
+]), pt = R([
 	"animate",
 	"color-profile",
 	"cursor",
@@ -3166,7 +3670,7 @@ var Be = k(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"solidcolor",
 	"unknown",
 	"use"
-]), 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([
+]), 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([
 	"maction",
 	"maligngroup",
 	"malignmark",
@@ -3182,13 +3686,13 @@ var Be = k(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"annotation-xml",
 	"mprescripts",
 	"none"
-]), 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([
+]), 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([
 	"xlink:href",
 	"xml:id",
 	"xlink:title",
 	"xml:space",
 	"xmlns:xlink"
-]), 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 = {
+]), 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 = {
 	element: 1,
 	attribute: 2,
 	text: 3,
@@ -3201,9 +3705,9 @@ var Be = k(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	documentType: 10,
 	documentFragment: 11,
 	notation: 12
-}, dt = function() {
+}, It = function() {
 	return typeof window > "u" ? null : window;
-}, ft = function(e, t) {
+}, Lt = 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));
@@ -3220,7 +3724,7 @@ var Be = k(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	} catch {
 		return console.warn("TrustedTypes policy " + i + " could not be created."), null;
 	}
-}, pt = function() {
+}, Rt = function() {
 	return {
 		afterSanitizeAttributes: [],
 		afterSanitizeElements: [],
@@ -3232,53 +3736,53 @@ var Be = k(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 		uponSanitizeElement: [],
 		uponSanitizeShadowNode: []
 	};
-}, mt = function(e, t, n, r) {
-	return P(e, t) && Te(e[t]) ? R(r.base ? z(r.base) : {}, e[t], r.transform) : n;
+}, zt = function(e, t, n, r) {
+	return B(e, t) && qe(e[t]) ? W(r.base ? G(r.base) : {}, e[t], r.transform) : n;
 };
-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;
+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;
 	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 = 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;
+	let l = e.DOMParser, u = e.trustedTypes, d = s.prototype, f = ct(d, "cloneNode"), p = ct(d, "remove"), m = ct(d, "nextSibling"), h = ct(d, "childNodes"), g = ct(d, "parentNode"), _ = ct(d, "shadowRoot"), ee = ct(d, "attributes"), v = o && o.prototype ? ct(o.prototype, "nodeType") : null, y = o && o.prototype ? ct(o.prototype, "nodeName") : null;
 	if (typeof a == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	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++;
+	let b, x = "", te, ne = !1, re = 0, ie = function() {
+		if (re > 0) throw it("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
+	}, ae = function(e) {
+		ie(), re++;
 		try {
-			return x.createHTML(e);
+			return b.createHTML(e);
 		} finally {
-			ee--;
+			re--;
 		}
-	}, ne = function(e) {
-		te(), ee++;
+	}, oe = function(e) {
+		ie(), re++;
 		try {
-			return x.createScriptURL(e);
+			return b.createScriptURL(e);
 		} finally {
-			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, {
+			re--;
+		}
+	}, se = function() {
+		return ne ||= (te = Lt(u, i), !0), te;
+	}, ce = n, le = ce.implementation, ue = ce.createNodeIterator, S = ce.createDocumentFragment, C = ce.getElementsByTagName, w = r.importNode, T = Rt();
+	t.isSupported = typeof Ne == "function" && typeof g == "function" && le && le.createHTMLDocument !== void 0;
+	let E = xt, D = St, de = Ct, O = wt, k = Tt, fe = Dt, A = Ot, pe = At, me = Et, j = null, he = W({}, [
+		...ut,
+		...dt,
+		...ft,
+		...mt,
+		...gt
+	]), M = null, ge = W({}, [
+		..._t,
+		...vt,
+		...yt,
+		...bt
+	]), N = Object.seal(Re(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -3297,7 +3801,7 @@ function ht() {
 			enumerable: !0,
 			value: !1
 		}
-	})), Ne = null, Pe = null, F = Object.seal(ve(null, {
+	})), _e = null, ve = null, P = Object.seal(Re(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -3310,14 +3814,14 @@ function ht() {
 			enumerable: !0,
 			value: null
 		}
-	})), 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({}, [
+	})), ye = !0, be = !0, F = !1, xe = !0, Se = !1, Ce = !0, I = !1, we = !1, Te = null, Ee = null, L = !1, De = !1, Oe = !1, ke = !1, Ae = !0, je = !1, Me = "user-content-", Pe = !0, Fe = !1, Ie = {}, Le = null, ze = W({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Be = null, Ve = W({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), X = null, kt = R({}, [
+	]), et = null, tt = W({}, [
 		"alt",
 		"class",
 		"for",
@@ -3332,223 +3836,223 @@ function ht() {
 		"value",
 		"style",
 		"xmlns"
-	]), 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([
+	]), 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([
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), Lt = R({}, It), Rt = k(["annotation-xml"]), zt = R({}, Rt), Bt = R({}, [
+	]), Ut = W({}, Ht), Wt = R(["annotation-xml"]), Gt = W({}, Wt), Kt = W({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), Vt = null, Ht = ["application/xhtml+xml", "text/html"], Q = null, Ut = null, Wt = n.createElement("form"), Gt = function(e) {
+	]), K = null, qt = ["application/xhtml+xml", "text/html"], q = null, J = null, Jt = n.createElement("form"), Yt = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, $ = function() {
+	}, Xt = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		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, [
+		if (J && J === e) return;
+		(!e || typeof e != "object") && (e = {}), e = G(e), K = qt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, q = K === "application/xhtml+xml" ? Ye : Je, j = zt(e, "ALLOWED_TAGS", he, { transform: q }), M = zt(e, "ALLOWED_ATTR", ge, { transform: q }), ot = zt(e, "ALLOWED_NAMESPACES", Vt, { transform: Ye }), et = zt(e, "ADD_URI_SAFE_ATTR", tt, {
+			transform: q,
+			base: tt
+		}), Be = zt(e, "ADD_DATA_URI_TAGS", Ve, {
+			transform: q,
+			base: Ve
+		}), Le = zt(e, "FORBID_CONTENTS", ze, { transform: q }), _e = zt(e, "FORBID_TAGS", G({}), { transform: q }), ve = zt(e, "FORBID_ATTR", G({}), { transform: q }), Ie = B(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? G(e.USE_PROFILES) : e.USE_PROFILES : !1, ye = e.ALLOW_ARIA_ATTR !== !1, be = e.ALLOW_DATA_ATTR !== !1, F = e.ALLOW_UNKNOWN_PROTOCOLS || !1, xe = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, Se = e.SAFE_FOR_TEMPLATES || !1, Ce = e.SAFE_FOR_XML !== !1, I = e.WHOLE_DOCUMENT || !1, De = e.RETURN_DOM || !1, Oe = e.RETURN_DOM_FRAGMENT || !1, ke = e.RETURN_TRUSTED_TYPE || !1, L = e.FORCE_BODY || !1, Ae = e.SANITIZE_DOM !== !1, je = e.SANITIZE_NAMED_PROPS || !1, Pe = e.KEEP_CONTENT !== !1, Fe = e.IN_PLACE || !1, me = lt(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Et, U = typeof e.NAMESPACE == "string" ? e.NAMESPACE : V, Ut = B(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? G(e.MATHML_TEXT_INTEGRATION_POINTS) : W({}, Ht), Gt = B(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? G(e.HTML_INTEGRATION_POINTS) : W({}, Wt);
+		let t = B(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? G(e.CUSTOM_ELEMENT_HANDLING) : Re(null);
+		if (N = Re(null), B(t, "tagNameCheck") && Yt(t.tagNameCheck) && (N.tagNameCheck = t.tagNameCheck), B(t, "attributeNameCheck") && Yt(t.attributeNameCheck) && (N.attributeNameCheck = t.attributeNameCheck), B(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (N.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), z(N), Se && (be = !1), Oe && (De = !0), Ie && (j = W({}, gt), M = Re(null), Ie.html === !0 && (W(j, ut), W(M, _t)), Ie.svg === !0 && (W(j, dt), W(M, vt), W(M, bt)), Ie.svgFilters === !0 && (W(j, ft), W(M, vt), W(M, bt)), Ie.mathMl === !0 && (W(j, mt), W(M, yt), W(M, bt))), P.tagCheck = null, P.attributeCheck = null, B(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? P.tagCheck = e.ADD_TAGS : qe(e.ADD_TAGS) && (j === he && (j = G(j)), W(j, e.ADD_TAGS, q))), B(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? P.attributeCheck = e.ADD_ATTR : qe(e.ADD_ATTR) && (M === ge && (M = G(M)), W(M, e.ADD_ATTR, q))), B(e, "ADD_URI_SAFE_ATTR") && qe(e.ADD_URI_SAFE_ATTR) && W(et, e.ADD_URI_SAFE_ATTR, q), B(e, "FORBID_CONTENTS") && qe(e.FORBID_CONTENTS) && (Le === ze && (Le = G(Le)), W(Le, e.FORBID_CONTENTS, q)), B(e, "ADD_FORBID_CONTENTS") && qe(e.ADD_FORBID_CONTENTS) && (Le === ze && (Le = G(Le)), W(Le, e.ADD_FORBID_CONTENTS, q)), Pe && (j["#text"] = !0), I && W(j, [
 			"html",
 			"head",
 			"body"
-		]), 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;
+		]), j.table && (W(j, ["tbody"]), delete _e.tbody), e.TRUSTED_TYPES_POLICY) {
+			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw it("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
+			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw it("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
+			let t = b;
+			b = e.TRUSTED_TYPES_POLICY;
 			try {
-				S = T("");
+				x = ae("");
 			} catch (e) {
-				throw x = t, e;
+				throw b = t, 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) {
+		} else e.TRUSTED_TYPES_POLICY === null ? (b = void 0, x = "") : (b === void 0 && (b = se()), b && typeof x == "string" && (x = ae("")));
+		R && R(e), J = e;
+	}, Zt = W({}, [
+		...dt,
+		...ft,
+		...pt
+	]), Qt = W({}, [...mt, ...ht]), $t = function(e, t, n) {
+		return t.namespaceURI === V ? e === "svg" : t.namespaceURI === nt ? e === "svg" && (n === "annotation-xml" || Ut[n]) : !!Zt[e];
+	}, en = function(e, t, n) {
+		return t.namespaceURI === V ? e === "math" : t.namespaceURI === rt ? e === "math" && Gt[n] : !!Qt[e];
+	}, Y = function(e, t, n) {
+		return t.namespaceURI === rt && !Gt[n] || t.namespaceURI === nt && !Ut[n] ? !1 : !Qt[e] && (Kt[e] || !Zt[e]);
+	}, tn = function(e) {
 		let t = g(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: Mt,
+			namespaceURI: U,
 			tagName: "template"
 		});
-		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 });
+		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 });
 		try {
 			g(e).removeChild(e);
 		} catch {
-			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");
+			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");
 		}
-	}, $t = function(e) {
+	}, nn = function(e) {
 		let t = h(e);
 		if (t) {
 			let e = [];
-			be(t, (t) => {
-				Ce(e, t);
-			}), be(e, (e) => {
+			He(t, (t) => {
+				Ge(e, t);
+			}), He(e, (e) => {
 				try {
 					p(e);
 				} catch {}
 			});
 		}
-		let n = v(e);
+		let n = ee(e);
 		if (n) for (let t = n.length - 1; t >= 0; --t) {
 			let r = n[t], i = r && r.name;
 			if (typeof i == "string") try {
 				e.removeAttribute(i);
 			} catch {}
 		}
-	}, en = function(e, n) {
+	}, Z = function(e, n) {
 		try {
-			Ce(t.removed, {
+			Ge(t.removed, {
 				attribute: n.getAttributeNode(e),
 				from: n
 			});
 		} catch {
-			Ce(t.removed, {
+			Ge(t.removed, {
 				attribute: null,
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (G || K) try {
-			Qt(n);
+		if (n.removeAttribute(e), e === "is") if (De || Oe) try {
+			X(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, tn = function(e) {
-		let t = v(e);
+	}, rn = function(e) {
+		let t = ee(e);
 		if (t) for (let n = t.length - 1; n >= 0; --n) {
 			let r = t[n], i = r && r.name;
-			if (!(typeof i != "string" || M[Q(i)])) try {
+			if (!(typeof i != "string" || M[q(i)])) try {
 				e.removeAttribute(i);
 			} catch {}
 		}
-	}, nn = function(e) {
+	}, an = function(e) {
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop();
-			(y ? y(e) : e.nodeType) === V.element && tn(e);
+			(v ? v(e) : e.nodeType) === Ft.element && rn(e);
 			let n = h(e);
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
-	}, rn = function(e) {
+	}, on = function(e) {
 		let t = null, r = null;
-		if (bt) e = "<remove></remove>" + e;
+		if (L) e = "<remove></remove>" + e;
 		else {
-			let t = Oe(e, /^[\r\n\t ]+/);
+			let t = Xe(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		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);
+		K === "application/xhtml+xml" && U === V && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = b ? ae(e) : e;
+		if (U === V) try {
+			t = new l().parseFromString(i, K);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = ae.createDocument(Mt, "template", null);
+			t = le.createDocument(U, "template", null);
 			try {
-				t.documentElement.innerHTML = Nt ? S : i;
+				t.documentElement.innerHTML = at ? x : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		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;
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), U === V ? C.call(t, I ? "html" : "body")[0] : I ? t.documentElement : a;
 	}, sn = function(e) {
+		return ue.call(e.ownerDocument || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
+	}, cn = function(e) {
+		return e = Ze(e, E, " "), e = Ze(e, D, " "), e = Ze(e, de, " "), e;
+	}, ln = function(e) {
 		e.normalize();
-		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 t = ue.call(e.ownerDocument || e, e, c.SHOW_TEXT | c.SHOW_COMMENT | c.SHOW_CDATA_SECTION | c.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
+		for (; n;) n.data = cn(n.data), n = t.nextNode();
 		let r = e.querySelectorAll?.call(e, "template");
-		r && be(r, (e) => {
-			ln(e.content) && sn(e.content);
+		r && He(r, (e) => {
+			dn(e.content) && ln(e.content);
 		});
-	}, 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);
-	}, ln = function(e) {
-		if (!y || typeof e != "object" || !e) return !1;
+	}, un = function(e) {
+		let t = y ? y(e) : null;
+		return typeof t != "string" || q(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== ee(e) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== v(e) || e.childNodes !== h(e);
+	}, dn = function(e) {
+		if (!v || typeof e != "object" || !e) return !1;
 		try {
-			return y(e) === V.documentFragment;
+			return v(e) === Ft.documentFragment;
 		} catch {
 			return !1;
 		}
-	}, un = function(e) {
-		if (!y || typeof e != "object" || !e) return !1;
+	}, Q = function(e) {
+		if (!v || typeof e != "object" || !e) return !1;
 		try {
-			return typeof y(e) == "number";
+			return typeof v(e) == "number";
 		} catch {
 			return !1;
 		}
 	};
-	function dn(e, n, r) {
-		e.length !== 0 && be(e, (e) => {
-			e.call(t, n, r, Ut);
+	function fn(e, n, r) {
+		e.length !== 0 && He(e, (e) => {
+			e.call(t, n, r, J);
 		});
 	}
-	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));
+	let $ = function(e, t) {
+		return !!(Ce && e.hasChildNodes() && !Q(e.firstElementChild) && H(jt, e.textContent) && H(jt, e.innerHTML) || Ce && e.namespaceURI === V && t === "style" && Q(e.firstElementChild) || e.nodeType === Ft.processingInstruction || Ce && e.nodeType === Ft.comment && H(Mt, e.data));
 	}, pn = function(e, 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]) {
+		if (!_e[t] && _n(t) && (N.tagNameCheck instanceof RegExp && H(N.tagNameCheck, t) || N.tagNameCheck instanceof Function && N.tagNameCheck(t))) return !1;
+		if (Pe && !Le[t]) {
 			let t = g(e), n = h(e);
 			if (n && t) {
 				let r = n.length;
 				for (let i = r - 1; i >= 0; --i) {
-					let r = Tt ? n[i] : f(n[i], !0);
+					let r = Fe ? n[i] : f(n[i], !0);
 					t.insertBefore(r, m(e));
 				}
 			}
 		}
-		return Qt(e), !0;
+		return X(e), !0;
 	}, mn = function(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, {
+		if (fn(T.beforeSanitizeElements, e, null), un(e)) return X(e), !0;
+		let n = q(y ? y(e) : e.nodeName);
+		if (fn(T.uponSanitizeElement, e, {
 			tagName: n,
 			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;
+		}), $(e, n)) return X(e), !0;
+		if (_e[n] || !(P.tagCheck instanceof Function && P.tagCheck(n)) && !j[n]) return pn(e, n);
+		if ((v ? v(e) : e.nodeType) === Ft.element && !tn(e) || (n === "noscript" || n === "noembed" || n === "noframes") && H(Nt, e.innerHTML)) return X(e), !0;
+		if (Se && e.nodeType === Ft.text) {
+			let n = cn(e.textContent);
+			e.textContent !== n && (Ge(t.removed, { element: e.cloneNode() }), e.textContent = n);
+		}
+		return fn(T.afterSanitizeElements, e, null), !1;
 	}, hn = function(e, t, r) {
-		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 (ve[t] || Ae && (t === "id" || t === "name") && (r in n || r in Jt)) return !1;
+		let i = M[t] || P.attributeCheck instanceof Function && P.attributeCheck(t, e);
+		if (!(be && H(O, t)) && !(ye && H(k, t))) {
 			if (!i) {
-				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;
+				if (!(_n(e) && (N.tagNameCheck instanceof RegExp && H(N.tagNameCheck, e) || N.tagNameCheck instanceof Function && N.tagNameCheck(e)) && (N.attributeNameCheck instanceof RegExp && H(N.attributeNameCheck, t) || N.attributeNameCheck instanceof Function && N.attributeNameCheck(t, e)) || t === "is" && N.allowCustomizedBuiltInElements && (N.tagNameCheck instanceof RegExp && H(N.tagNameCheck, r) || N.tagNameCheck instanceof Function && N.tagNameCheck(r)))) return !1;
+			} else if (!et[t] && !H(me, Ze(r, A, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && Qe(r, "data:") === 0 && Be[e]) && !(F && !H(fe, Ze(r, A, ""))) && r) return !1;
 		}
 		return !0;
-	}, gn = R({}, [
+	}, gn = W({}, [
 		"annotation-xml",
 		"color-profile",
 		"font-face",
@@ -3558,64 +4062,64 @@ function ht() {
 		"font-face-uri",
 		"missing-glyph"
 	]), _n = function(e) {
-		return !gn[Ee(e)] && I(ge, e);
+		return !gn[Je(e)] && H(pe, 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 T(r);
-			case "TrustedScriptURL": return ne(r);
+		if (b && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
+			case "TrustedHTML": return ae(r);
+			case "TrustedScriptURL": return oe(r);
 		}
 		return r;
 	}, yn = function(e, n, r, i) {
 		try {
-			r ? e.setAttributeNS(r, n, i) : e.setAttribute(n, i), cn(e) ? Qt(e) : Se(t.removed);
+			r ? e.setAttributeNS(r, n, i) : e.setAttribute(n, i), un(e) ? X(e) : We(t.removed);
 		} catch {
-			en(n, e);
+			Z(n, e);
 		}
 	}, bn = function(e) {
-		dn(O.beforeSanitizeAttributes, e, null);
+		fn(T.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
-		if (!t || cn(e)) return;
+		if (!t || un(e)) return;
 		let n = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
 			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 : 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);
+			let a = t[r], o = a.name, s = a.namespaceURI, c = a.value, l = q(o), u = c, d = o === "value" ? u : $e(u);
+			if (n.attrName = l, n.attrValue = d, n.keepAttr = !0, n.forceKeepAttr = void 0, fn(T.uponSanitizeAttribute, e, n), d = n.attrValue, je && (l === "id" || l === "name") && Qe(d, Me) !== 0 && (Z(o, e), d = Me + d), Ce && H(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, d)) {
+				Z(o, e);
 				continue;
 			}
-			if (l === "attributename" && Oe(d, "href")) {
-				en(o, e);
+			if (l === "attributename" && Xe(d, "href")) {
+				Z(o, e);
 				continue;
 			}
 			if (!n.forceKeepAttr) {
 				if (!n.keepAttr) {
-					en(o, e);
+					Z(o, e);
 					continue;
 				}
-				if (!gt && I(ut, d)) {
-					en(o, e);
+				if (!xe && H(Pt, d)) {
+					Z(o, e);
 					continue;
 				}
-				if (H && (d = on(d)), !hn(i, l, d)) {
-					en(o, e);
+				if (Se && (d = cn(d)), !hn(i, l, d)) {
+					Z(o, e);
 					continue;
 				}
 				d = vn(i, l, s, d), d !== u && yn(e, o, s, d);
 			}
 		}
-		dn(O.afterSanitizeAttributes, e, null);
+		fn(T.afterSanitizeAttributes, e, null);
 	}, xn = function(e) {
-		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 t = null, n = sn(e);
+		for (fn(T.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (fn(T.uponSanitizeShadowNode, t, null), mn(t), bn(t), dn(t.content) && xn(t.content), (v ? v(t) : t.nodeType) === Ft.element) {
 			let e = _(t);
-			ln(e) && (Sn(e), xn(e));
+			dn(e) && (Sn(e), xn(e));
 		}
-		dn(O.afterSanitizeShadowDOM, e, null);
+		fn(T.afterSanitizeShadowDOM, e, null);
 	}, Sn = function(e) {
 		let t = [{
 			node: e,
@@ -3627,16 +4131,16 @@ function ht() {
 				xn(e.shadow);
 				continue;
 			}
-			let n = e.node, r = (y ? y(n) : n.nodeType) === V.element, i = h(n);
+			let n = e.node, r = (v ? v(n) : n.nodeType) === Ft.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") {
+				let e = y ? y(n) : null;
+				if (typeof e == "string" && q(e) === "template") {
 					let e = n.content;
-					ln(e) && t.push({
+					dn(e) && t.push({
 						node: e,
 						shadow: null
 					});
@@ -3644,7 +4148,7 @@ function ht() {
 			}
 			if (r) {
 				let e = _(n);
-				ln(e) && t.push({
+				dn(e) && t.push({
 					node: null,
 					shadow: e
 				}, {
@@ -3656,67 +4160,67 @@ function ht() {
 	};
 	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 (Nt = !e, Nt && (e = "<!-->"), typeof e != "string" && !un(e) && (e = Re(e), typeof e != "string")) throw Fe("dirty is not a string, aborting");
+		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 (!t.isSupported) return 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);
+		we ? (j = Te, M = Ee) : Xt(n), (T.uponSanitizeElement.length > 0 || T.uponSanitizeAttribute.length > 0) && (j = G(j)), T.uponSanitizeAttribute.length > 0 && (M = G(M)), t.removed = [];
+		let c = Fe && typeof e != "string" && Q(e);
 		if (c) {
-			let t = b ? b(e) : e.nodeName;
+			let t = y ? y(e) : e.nodeName;
 			if (typeof t == "string") {
-				let e = Q(t);
-				if (!j[e] || Ne[e]) throw Fe("root node is forbidden and cannot be sanitized in-place");
+				let e = q(t);
+				if (!j[e] || _e[e]) throw it("root node is forbidden and cannot be sanitized in-place");
 			}
-			if (cn(e)) throw Fe("root node is clobbered and cannot be sanitized in-place");
+			if (un(e)) throw it("root node is clobbered and cannot be sanitized in-place");
 			try {
 				Sn(e);
 			} catch (t) {
-				throw $t(e), t;
+				throw nn(e), t;
 			}
-		} 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 (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 (!G && !H && !vt && e.indexOf("<") === -1) return x && q ? T(e) : e;
-			if (i = rn(e), !i) return G ? null : q ? S : "";
+			if (!De && !Se && !I && e.indexOf("<") === -1) return b && ke ? ae(e) : e;
+			if (i = on(e), !i) return De ? null : ke ? x : "";
 		}
-		i && bt && Qt(i.firstChild);
-		let l = an(c ? e : i);
+		i && L && X(i.firstChild);
+		let l = sn(c ? e : i);
 		try {
-			for (; o = l.nextNode();) mn(o), bn(o), ln(o.content) && xn(o.content);
+			for (; o = l.nextNode();) mn(o), bn(o), dn(o.content) && xn(o.content);
 		} catch (t) {
-			throw c && $t(e), t;
+			throw c && nn(e), t;
 		}
-		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);
+		if (c) return He(t.removed, (e) => {
+			e.element && an(e.element);
+		}), Se && ln(e), e;
+		if (De) {
+			if (Se && ln(i), Oe) for (s = S.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
 			else s = i;
-			return (M.shadowroot || M.shadowrootmode) && (s = D.call(r, s, !0)), s;
+			return (M.shadowroot || M.shadowrootmode) && (s = w.call(r, s, !0)), s;
 		}
-		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;
+		let u = I ? i.outerHTML : i.innerHTML;
+		return I && j["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && H(kt, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), Se && (u = cn(u)), b && ke ? ae(u) : u;
 	}, t.setConfig = function() {
-		$(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), yt = !0, U = j, W = M;
+		Xt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), we = !0, Te = j, Ee = M;
 	}, t.clearConfig = function() {
-		Ut = null, yt = !1, U = null, W = null, x = C, S = "";
+		J = null, we = !1, Te = null, Ee = null, b = te, x = "";
 	}, t.isValidAttribute = function(e, t, n) {
-		return Ut || $({}), hn(Q(e), Q(t), n);
+		return J || Xt({}), hn(q(e), q(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && P(O, e) && Ce(O[e], t);
+		typeof t == "function" && B(T, e) && Ge(T[e], t);
 	}, t.removeHook = function(e, t) {
-		if (P(O, e)) {
+		if (B(T, e)) {
 			if (t !== void 0) {
-				let n = xe(O[e], t);
-				return n === -1 ? void 0 : we(O[e], n, 1)[0];
+				let n = Ue(T[e], t);
+				return n === -1 ? void 0 : Ke(T[e], n, 1)[0];
 			}
-			return Se(O[e]);
+			return We(T[e]);
 		}
 	}, t.removeHooks = function(e) {
-		P(O, e) && (O[e] = []);
+		B(T, e) && (T[e] = []);
 	}, t.removeAllHooks = function() {
-		O = pt();
+		T = Rt();
 	}, t;
 }
-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 = [
+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 = [
 	"href",
 	"title",
 	"src",
@@ -3724,10 +4228,10 @@ var gt = ht(), H = /* @__PURE__ */ "a.b.strong.i.em.u.s.p.br.span.div.ul.ol.li.h
 	"width",
 	"height"
 ];
-function vt(e) {
-	let t = gt.sanitize(e, {
-		ALLOWED_TAGS: H,
-		ALLOWED_ATTR: _t,
+function Wt(e) {
+	let t = Vt.sanitize(e, {
+		ALLOWED_TAGS: Ht,
+		ALLOWED_ATTR: Ut,
 		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) => {
@@ -3736,12 +4240,12 @@ function vt(e) {
 }
 //#endregion
 //#region src/components/webmapx-layer-info-dialog.ts
-var yt = /^https:\/\/\S+$/i, U = class extends h {
+var Gt = /^https:\/\/\S+$/i, Kt = class extends S {
 	constructor(...e) {
 		super(...e), this.dialogTitle = "", this.attribution = "", this.featureSummary = "", this.content = { kind: "none" }, this.fetchToken = 0;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -3804,13 +4308,13 @@ var yt = /^https:\/\/\S+$/i, U = class extends h {
 			this.content = { kind: "none" };
 			return;
 		}
-		if (yt.test(i)) {
+		if (Gt.test(i)) {
 			this.loadFromUrl(i);
 			return;
 		}
 		this.content = {
 			kind: "html",
-			html: vt(i)
+			html: Wt(i)
 		};
 	}
 	close() {
@@ -3826,7 +4330,7 @@ var yt = /^https:\/\/\S+$/i, U = class extends h {
 			if (t !== this.fetchToken) return;
 			this.content = {
 				kind: "html",
-				html: vt(r)
+				html: Wt(r)
 			};
 		} catch {
 			if (t !== this.fetchToken) return;
@@ -3838,22 +4342,22 @@ var yt = /^https:\/\/\S+$/i, U = class extends h {
 	}
 	renderContent() {
 		switch (this.content.kind) {
-			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>`;
+			case "none": return this.featureSummary ? null : w`<p class="placeholder">No detailed layer information available.</p>`;
+			case "loading": return w`<div class="loading"><sl-spinner></sl-spinner> Loading layer information…</div>`;
+			case "error": return w`<p class="placeholder">${this.content.message}</p>`;
+			case "html": return w`<div class="abstract">${M(this.content.html)}</div>`;
 		}
 	}
 	render() {
-		return _`
+		return w`
             <sl-dialog label=${this.dialogTitle}
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
                 ${this.renderContent()}
-                ${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}
+                ${this.featureSummary || this.attribution ? w`<div class="layer-meta">
+                        ${this.featureSummary ? w`<div class="feature-summary">${this.featureSummary}</div>` : null}
+                        ${this.attribution ? w`<div class="attribution"><strong>Attribution:</strong> ${ie(this.attribution)}</div>` : null}
                     </div>` : null}
                 <div class="footer">
                     <sl-button autofocus @click=${this.close}>Close</sl-button>
@@ -3862,15 +4366,15 @@ var yt = /^https:\/\/\S+$/i, U = class extends h {
         `;
 	}
 };
-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);
+d([A()], Kt.prototype, "dialogTitle", void 0), d([A()], Kt.prototype, "attribution", void 0), d([A()], Kt.prototype, "featureSummary", void 0), d([A()], Kt.prototype, "content", void 0), d([k("sl-dialog")], Kt.prototype, "dialog", void 0), Kt = d([D("webmapx-layer-info-dialog")], Kt);
 //#endregion
 //#region src/components/webmapx-layer-style-dialog.ts
-var W = class extends h {
+var K = class extends S {
 	constructor(...e) {
 		super(...e), this.dialogTitle = "Layer style", this.groups = [], this.analyses = {}, this.visibleAttributeTables = {};
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4205,13 +4709,13 @@ var W = class extends h {
 	}
 	renderValue(e) {
 		let t = this.toValidUrl(e);
-		if (t) return _`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>`;
+		if (t) return w`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>`;
 		let n = this.formatValue(e);
-		return n === "" ? v : this.isDateTimeValue(e) ? _`<span class="no-wrap-value">${n}</span>` : n;
+		return n === "" ? T : this.isDateTimeValue(e) ? w`<span class="no-wrap-value">${n}</span>` : n;
 	}
 	renderSampleValue(e) {
 		let t = this.toValidUrl(e);
-		return t ? _`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>` : e;
+		return t ? w`<a href=${t.href} target="_blank" rel="noopener noreferrer">${this.renderShortUrlLabel(t)}</a>` : e;
 	}
 	toValidUrl(e) {
 		if (typeof e != "string") return null;
@@ -4243,29 +4747,29 @@ var W = class extends h {
 	}
 	renderAnalysis(e) {
 		let t = this.analyses[e.sourceId];
-		return t ? _`
+		return t ? w`
             <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 ? _`<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">
+                ${t.rangeLabel ? w`<div class="analysis-row"><span class="analysis-label">Range</span><span class="analysis-value">${t.rangeLabel}</span></div>` : null}
+                ${t.sampleValues.length > 0 ? w`<div class="analysis-row">
                         <span class="analysis-label">Sample</span>
                         <span class="analysis-value">
-                            ${t.sampleValues.map((e, t) => _`${t > 0 ? "; " : ""}${this.renderSampleValue(e)}`)}
+                            ${t.sampleValues.map((e, t) => w`${t > 0 ? "; " : ""}${this.renderSampleValue(e)}`)}
                         </span>
                     </div>` : null}
             </div>
         ` : null;
 	}
 	renderAttributeTable(e) {
-		return this.visibleAttributeTables[e.sourceId] ? e.featureRows.length === 0 ? _`<p class="placeholder">No loaded feature rows available.</p>` : _`
+		return this.visibleAttributeTables[e.sourceId] ? e.featureRows.length === 0 ? w`<p class="placeholder">No loaded feature rows available.</p>` : w`
             <div class="attribute-table-wrap">
                 <table class="attribute-table">
                     <thead>
                         <tr>
                             <th>#</th>
-                            ${e.attributes.map((t) => _`
+                            ${e.attributes.map((t) => w`
                                 <th class="attribute-heading">
                                     <button
                                         type="button"
@@ -4278,10 +4782,10 @@ var W = class extends h {
                         </tr>
                     </thead>
                     <tbody>
-                        ${e.featureRows.map((t, n) => _`
+                        ${e.featureRows.map((t, n) => w`
                             <tr>
                                 <td class="feature-index-cell">${n + 1}</td>
-                                ${e.attributes.map((e) => _`
+                                ${e.attributes.map((e) => w`
                                     <td class=${this.toValidUrl(t[e.name]) ? "feature-value-cell url-value-cell" : "feature-value-cell"}>
                                         ${this.renderValue(t[e.name])}
                                     </td>
@@ -4294,33 +4798,33 @@ var W = class extends h {
         ` : null;
 	}
 	render() {
-		return _`
+		return w`
             <sl-dialog label=${this.dialogTitle}
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
-                ${this.groups.length > 0 ? _`<div class="source-list">
-                        ${this.groups.map((e) => _`
+                ${this.groups.length > 0 ? w`<div class="source-list">
+                        ${this.groups.map((e) => w`
                             <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) => _`<span class="pill">${e}</span>`)}
+                                    ${e.geometryTypes.map((e) => w`<span class="pill">${e}</span>`)}
                                 </div>
                                 <p class="subheading">Table</p>
-                                ${e.attributes.length > 0 ? _`<div class="table-controls">
+                                ${e.attributes.length > 0 ? w`<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>` : _`<p class="placeholder">No attributes found in loaded features.</p>`}
+                                    </div>` : w`<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) => _`
+                                    ${e.layers.map((e) => w`
                                         <div class="style-target">
                                             <sl-icon name="palette"></sl-icon>
                                             <span class="target-label">${e.id}</span>
@@ -4330,7 +4834,7 @@ var W = class extends h {
                                 </div>
                             </section>
                         `)}
-                    </div>` : _`<p class="placeholder">No editable style source found.</p>`}
+                    </div>` : w`<p class="placeholder">No editable style source found.</p>`}
                 <div class="footer">
                     <sl-button autofocus @click=${this.close}>Close</sl-button>
                 </div>
@@ -4338,18 +4842,18 @@ var W = class extends h {
         `;
 	}
 };
-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);
+d([A()], K.prototype, "dialogTitle", void 0), d([A()], K.prototype, "groups", void 0), d([A()], K.prototype, "analyses", void 0), d([A()], K.prototype, "visibleAttributeTables", void 0), d([k("sl-dialog")], K.prototype, "dialog", void 0), K = d([D("webmapx-layer-style-dialog")], K);
 //#endregion
 //#region src/components/webmapx-save-layers-dialog.ts
-var bt, G = class extends h {
+var qt, q = class extends S {
 	static {
-		bt = this;
+		qt = this;
 	}
 	constructor(...e) {
 		super(...e), this.items = [], this.filename = "map-layers", this.includeStyle = !0, this.zip = !0;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4423,7 +4927,7 @@ var bt, G = class extends h {
 	buildFileBases(e) {
 		let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
 		for (let r of e) {
-			let e = bt.sanitizeFileBase(r.layerId), i = e, a = 2;
+			let e = qt.sanitizeFileBase(r.layerId), i = e, a = 2;
 			for (; n.has(i);) i = `${e}_${a++}`;
 			n.add(i), t.set(r.layerId, i);
 		}
@@ -4466,14 +4970,14 @@ var bt, G = class extends h {
 			this.downloadBlob(new Blob([r], { type: "application/geo+json" }), `${t}.geojson`), this.close();
 			return;
 		}
-		let n = [...e].reverse(), r = this.buildFileBases(n), i = new f(new d("application/zip"));
+		let n = [...e].reverse(), r = this.buildFileBases(n), i = new ce(new se("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 u(t));
+			await i.add(`${r.get(e.layerId)}.geojson`, new oe(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 u(JSON.stringify(t, null, 2)));
+			await i.add(`${r.get(e.layerId)}_style.json`, new oe(JSON.stringify(t, null, 2)));
 		}
 		this.downloadBlob(await i.close(), `${t}.zip`), this.close();
 	}
@@ -4483,13 +4987,13 @@ var bt, G = class extends h {
 	}
 	render() {
 		let e = this.selectedItems.length, t = this.singleFileEligible;
-		return _`
+		return w`
             <sl-dialog label="Save layer(s)"
                        @sl-request-close=${(e) => {
 			e.detail?.source === "overlay" && this.close();
 		}}>
                 <div class="layer-list">
-                    ${this.items.map((e) => _`
+                    ${this.items.map((e) => w`
                         <div class="layer-row">
                             <sl-checkbox
                                 ?checked=${e.checked}
@@ -4497,7 +5001,7 @@ var bt, G = class extends h {
                                 @sl-change=${(t) => this.toggleItem(e.layerId, t.target.checked)}
                             >
                                 ${e.label}
-                                ${e.data === null ? _`<span class="unsupported">(no exportable data)</span>` : null}
+                                ${e.data === null ? w`<span class="unsupported">(no exportable data)</span>` : null}
                             </sl-checkbox>
                         </div>
                     `)}
@@ -4516,7 +5020,7 @@ var bt, G = class extends h {
 		}}>
                         Include style
                     </sl-checkbox>
-                    ${t ? _`
+                    ${t ? w`
                         <sl-checkbox ?checked=${this.zip}
                                       @sl-change=${(e) => {
 			this.zip = e.target.checked;
@@ -4536,15 +5040,15 @@ var bt, G = class extends h {
         `;
 	}
 };
-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);
+d([A()], q.prototype, "items", void 0), d([A()], q.prototype, "filename", void 0), d([A()], q.prototype, "includeStyle", void 0), d([A()], q.prototype, "zip", void 0), d([k("sl-dialog")], q.prototype, "dialog", void 0), d([k(".filename-input")], q.prototype, "filenameInput", void 0), q = qt = d([D("webmapx-save-layers-dialog")], q);
 //#endregion
 //#region src/components/webmapx-permalink-dialog.ts
-var K = class extends h {
+var J = class extends S {
 	constructor(...e) {
 		super(...e), this.url = "", this.hasConfig = !1, this.dynamicLayerIds = [], this.copied = !1;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host { display: block; }
 
         sl-dialog::part(panel) {
@@ -4593,9 +5097,9 @@ var K = class extends h {
 		}, 2e3);
 	}
 	render() {
-		return _`
+		return w`
             <sl-dialog label="Permalink">
-                ${this.dynamicLayerIds.length > 0 ? _`
+                ${this.dynamicLayerIds.length > 0 ? w`
                     <div class="warning">
                         <sl-icon name="exclamation-triangle"></sl-icon>
                         <span>
@@ -4605,7 +5109,7 @@ var K = class extends h {
                         </span>
                     </div>
                 ` : null}
-                ${this.hasConfig ? null : _`
+                ${this.hasConfig ? null : w`
                     <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>
@@ -4623,11 +5127,11 @@ var K = class extends h {
         `;
 	}
 };
-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);
+d([A()], J.prototype, "url", void 0), d([A()], J.prototype, "hasConfig", void 0), d([A()], J.prototype, "dynamicLayerIds", void 0), d([A()], J.prototype, "copied", void 0), d([k("sl-dialog")], J.prototype, "dialog", void 0), J = d([D("webmapx-permalink-dialog")], J);
 //#endregion
 //#region src/components/webmapx-layer-overview.ts
-var q;
-function xt(e) {
+var Jt;
+function Yt(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = (e) => {
 		if (typeof e[0] == "number") {
 			let [a, o] = e;
@@ -4645,7 +5149,7 @@ function xt(e) {
 		Math.min(85.05112878, i)
 	] : null;
 }
-function St(e, t) {
+function Xt(e, t) {
 	return e ? t ? [
 		Math.min(e[0], t[0]),
 		Math.min(e[1], t[1]),
@@ -4653,10 +5157,10 @@ function St(e, t) {
 		Math.max(e[3], t[3])
 	] : e : t;
 }
-function Ct(e) {
+function Zt(e) {
 	if (!e) return 0;
 	switch (e.type) {
-		case "GeometryCollection": return e.geometries.reduce((e, t) => e + Ct(t), 0);
+		case "GeometryCollection": return e.geometries.reduce((e, t) => e + Zt(t), 0);
 		case "Point": return 1;
 		case "MultiPoint":
 		case "LineString": return e.coordinates.length;
@@ -4666,16 +5170,16 @@ function Ct(e) {
 		default: return 0;
 	}
 }
-function wt(e) {
+function Qt(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 += Ct(r.geometry);
+		t.set(e, (t.get(e) ?? 0) + 1), n += Zt(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 Tt(e, t) {
+function $t(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);
@@ -4683,16 +5187,16 @@ function Tt(e, t) {
 	}
 	return typeof t?.sourceId == "string" ? [[t.sourceId]] : [];
 }
-var Et = new Set([
+var en = new Set([
 	"circle",
 	"symbol",
 	"label",
 	"line",
 	"fill",
 	"fill-extrusion"
-]), J = class extends s {
+]), Y = class extends f {
 	static {
-		q = this;
+		Jt = 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;
@@ -4707,7 +5211,7 @@ var Et = new Set([
 		this.AUTO_SCROLL_INTERVAL_MS = 20;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
     :host {
       display: block;
       box-sizing: border-box;
@@ -4978,7 +5482,7 @@ var Et = new Set([
 		this.unsubscribeLayerAdd?.(), this.unsubscribeLayerRemove?.(), this.unsubscribeLayerAdd = null, this.unsubscribeLayerRemove = null;
 	}
 	render() {
-		return _`
+		return w`
       <div class="panel">
         ${this.renderSection(this.overviewTitle, this.overviewLayers, "No active layers.", !0)}
         ${this.renderSection(this.backgroundTitle, this.backgroundLayers, "No base map selected.")}
@@ -4990,13 +5494,13 @@ var Et = new Set([
     `;
 	}
 	renderSection(e, t, n, r = !1) {
-		return _`
+		return w`
       <section class="section">
         <h3 class="section-title">${e}</h3>
-        ${t.length > 0 ? _`
+        ${t.length > 0 ? w`
               <div class="layer-list">
-                ${t.map((e) => _`
-                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "above" ? _`<div class="drop-indicator"></div>` : null}
+                ${t.map((e) => w`
+                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "above" ? w`<div class="drop-indicator"></div>` : null}
                   <div class="layer-card" data-layer-id=${e.layerId}>
                     <div class="layer-row">
                       <sl-icon-button
@@ -5005,7 +5509,7 @@ var Et = new Set([
                         label=${e.visible ? "Hide layer" : "Show layer"}
                         @click=${() => this.handleVisibilityToggle(e.layerId)}
                       ></sl-icon-button>
-                      ${t.length > 1 ? _`
+                      ${t.length > 1 ? w`
                         <span
                           class="layer-label-drag"
                           @pointerdown=${(e) => this.onDragHandlePointerDown(e)}
@@ -5013,7 +5517,7 @@ var Et = 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>
-                      ` : _`<span class="layer-label ${e.outOfZoom ? "out-of-zoom" : ""}">${e.label}</span>`}
+                      ` : w`<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"}
@@ -5023,7 +5527,7 @@ var Et = new Set([
                     </div>
                     <div class="layer-details ${this.isLegendCollapsed(e.layerId) ? "collapsed" : ""}">
                       <div class="layer-details-inner">
-                        ${e.visible ? _`
+                        ${e.visible ? w`
                               <div class="opacity-row">
                                 <sl-icon name="circle-half"></sl-icon>
                                 <input
@@ -5039,24 +5543,24 @@ var Et = new Set([
                                 <webmapx-layer-legend layer-id=${e.layerId}></webmapx-layer-legend>
                               </div>
                             ` : null}
-                        ${e.topLevelGroup ? _`<div class="layer-meta">${e.topLevelGroup}</div>` : null}
+                        ${e.topLevelGroup ? w`<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 ? _`<sl-icon-button
+                          ${e.hasStyleDialog ? w`<sl-icon-button
                                 name="palette"
                                 label="Layer style"
                                 @click=${() => this.handleShowLayerStyle(e.layerId, e.label)}
                               ></sl-icon-button>` : null}
-                          ${e.hasExtent ? _`<sl-icon-button
+                          ${e.hasExtent ? w`<sl-icon-button
                                 name="zoom-in"
                                 label="Zoom to layer"
                                 @click=${() => this.handleZoomToLayer(e.layerId)}
                               ></sl-icon-button>` : null}
-                          ${r ? _`<sl-icon-button
+                          ${r ? w`<sl-icon-button
                                 class="delete-layer"
                                 name="trash"
                                 label="Delete layer"
@@ -5066,11 +5570,11 @@ var Et = new Set([
                       </div>
                     </div>
                   </div>
-                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "below" ? _`<div class="drop-indicator"></div>` : null}
+                  ${this.dropTargetLayerId === e.layerId && this.dropTargetPosition === "below" ? w`<div class="drop-indicator"></div>` : null}
                 `)}
               </div>
-            ` : _`<div class="empty">${n}</div>`}
-        ${r ? _`
+            ` : w`<div class="empty">${n}</div>`}
+        ${r ? w`
               <div class="save-layers-row">
                 <sl-tooltip content="Permalink">
                   <sl-icon-button
@@ -5079,7 +5583,7 @@ var Et = new Set([
                     @click=${() => this.handlePermalink()}
                   ></sl-icon-button>
                 </sl-tooltip>
-                ${t.length > 0 ? _`
+                ${t.length > 0 ? w`
                   <sl-tooltip content="Save layer(s)…">
                     <sl-icon-button
                       name="download"
@@ -5173,7 +5677,7 @@ var Et = new Set([
 	}
 	updateAutoScroll(e, t) {
 		if (!t) return;
-		let n = t.getBoundingClientRect(), r = q.AUTO_SCROLL_EDGE_PX, i = null;
+		let n = t.getBoundingClientRect(), r = Jt.AUTO_SCROLL_EDGE_PX, i = null;
 		if (e < n.top + r ? i = "up" : e > n.bottom - r && (i = "down"), !i) {
 			this.stopAutoScroll();
 			return;
@@ -5192,17 +5696,17 @@ var Et = new Set([
 			this.stopAutoScroll();
 			return;
 		}
-		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);
+		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);
 	}
 	stopAutoScroll() {
 		this.autoScrollState &&= (window.clearTimeout(this.autoScrollState.timer), null);
 	}
 	handlePermalink() {
 		if (!this.adapter) return;
-		let e = this.adapter.getViewportState(), t = this.adapter.store.getState().mapLayers, a = Object.keys(t), o = a.filter((e) => t[e]?.visible === !1), s = /* @__PURE__ */ new Map();
-		for (let [e, n] of Object.entries(t)) typeof n.transparency == "number" && n.transparency !== 0 && s.set(e, n.transparency);
-		let c = i(this.closest("webmapx-map") ?? this.adapter), l = n(c), u = this.adapter.getProjection?.()?.name ?? null, d = a.filter((e) => t[e]?.dynamic === !0), f = r(c, a, o, e, s, u, l);
-		this.permalinkDialog?.open(f, !!l, d);
+		let e = this.adapter.getViewportState(), t = this.adapter.store.getState().mapLayers, n = Object.keys(t), r = n.filter((e) => t[e]?.visible === !1), i = /* @__PURE__ */ new Map();
+		for (let [e, n] of Object.entries(t)) typeof n.transparency == "number" && n.transparency !== 0 && i.set(e, n.transparency);
+		let a = l(this.closest("webmapx-map") ?? this.adapter), o = s(a), u = this.adapter.getProjection?.()?.name ?? null, d = n.filter((e) => t[e]?.dynamic === !0), f = c(a, n, r, e, i, u, o);
+		this.permalinkDialog?.open(f, !!o, d);
 	}
 	handleSaveLayers() {
 		if (!this.adapter) return;
@@ -5274,18 +5778,18 @@ var Et = new Set([
 		this.styleDialog?.open(r, this.getLayerStyleGroups(e, n));
 	}
 	getLayerFeatureSummary(e, t) {
-		let n = Tt(e, t), r = [];
+		let n = $t(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(wt(e));
+				r.push(Qt(e));
 				break;
 			}
 		}
-		return r.length === 0 && t?.sourceData && typeof t.sourceData == "object" && r.push(wt(t.sourceData)), r.length > 0 ? r.join("; ") : void 0;
+		return r.length === 0 && t?.sourceData && typeof t.sourceData == "object" && r.push(Qt(t.sourceData)), r.length > 0 ? r.join("; ") : void 0;
 	}
 	layerHasExtent(e, t) {
-		return Array.isArray(t?.bounds) && t.bounds.length === 4 ? !0 : Tt(e, t).some((e) => e.some((e) => this.adapter?.getSourceData(e) !== null));
+		return Array.isArray(t?.bounds) && t.bounds.length === 4 ? !0 : $t(e, t).some((e) => e.some((e) => this.adapter?.getSourceData(e) !== null));
 	}
 	layerHasStyleDialog(e) {
 		return this.getLayerStyleTargets("", e).length > 0;
@@ -5295,7 +5799,7 @@ var Et = 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 && Et.has(r) && n.push({
+			r && en.has(r) && n.push({
 				id: e,
 				type: r,
 				sourceId: i
@@ -5307,7 +5811,7 @@ var Et = 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 && Et.has(i) && n.push({
+			i && a && en.has(i) && n.push({
 				id: a,
 				type: i,
 				sourceId: s,
@@ -5415,7 +5919,7 @@ var Et = new Set([
 		for (let t of e) {
 			let e = this.adapter?.getSourceData(t) ?? null;
 			if (e && typeof e == "object") {
-				n = xt(e);
+				n = Yt(e);
 				break;
 			}
 		}
@@ -5425,7 +5929,7 @@ var Et = 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 Tt(e, t)) n = St(n, this.getSourceExtent(r));
+		else for (let r of $t(e, t)) n = Xt(n, this.getSourceExtent(r));
 		return this.layerExtentCache.set(e, n), n;
 	}
 	handleZoomToLayer(e) {
@@ -5464,24 +5968,24 @@ var Et = new Set([
 		} }, "UI"), this.applyVisibleLayers(this.store.getState());
 	}
 };
-o([x({
+d([O({
 	type: String,
 	attribute: "background-group-label"
-})], J.prototype, "backgroundGroupLabel", void 0), o([x({
+})], Y.prototype, "backgroundGroupLabel", void 0), d([O({
 	type: String,
 	attribute: "background-title"
-})], J.prototype, "backgroundTitle", void 0), o([x({
+})], Y.prototype, "backgroundTitle", void 0), d([O({
 	type: String,
 	attribute: "overview-title"
-})], 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);
+})], Y.prototype, "overviewTitle", void 0), d([A()], Y.prototype, "backgroundLayers", void 0), d([A()], Y.prototype, "overviewLayers", void 0), d([A()], Y.prototype, "layerTransparency", void 0), d([A()], Y.prototype, "dropTargetLayerId", void 0), d([A()], Y.prototype, "dropTargetPosition", void 0), d([k("webmapx-layer-info-dialog")], Y.prototype, "infoDialog", void 0), d([k("webmapx-layer-style-dialog")], Y.prototype, "styleDialog", void 0), d([k("webmapx-save-layers-dialog")], Y.prototype, "saveLayersDialog", void 0), d([k("webmapx-permalink-dialog")], Y.prototype, "permalinkDialog", void 0), Y = Jt = d([D("webmapx-layer-overview")], Y);
 //#endregion
 //#region src/components/webmapx-spinner.ts
-var Dt = class extends s {
+var tn = class extends f {
 	constructor(...e) {
 		super(...e), this.busy = !1, this.small = !1, this.nocolor = !1;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host {
             display: block;
             --webmapx-pointer-events: none;
@@ -5515,28 +6019,28 @@ var Dt = class extends s {
 		this.busy = e.mapBusy;
 	}
 	render() {
-		return _`
+		return w`
             <div class="spinner-container ${this.busy ? "visible" : ""}">
                 <sl-spinner></sl-spinner>
             </div>
         `;
 	}
 };
-o([w()], Dt.prototype, "busy", void 0), o([x({
+d([A()], tn.prototype, "busy", void 0), d([O({
 	type: Boolean,
 	reflect: !0
-})], Dt.prototype, "small", void 0), o([x({
+})], tn.prototype, "small", void 0), d([O({
 	type: Boolean,
 	reflect: !0
-})], Dt.prototype, "nocolor", void 0), Dt = o([b("webmapx-spinner")], Dt);
+})], tn.prototype, "nocolor", void 0), tn = d([D("webmapx-spinner")], tn);
 //#endregion
 //#region src/components/webmapx-control-group.ts
-var Y = class extends h {
+var X = class extends S {
 	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 = g`
+		this.styles = C`
     :host {
       display: flex;
       pointer-events: none;
@@ -5645,39 +6149,39 @@ var Y = class extends h {
 		e.has("orientation") && this.updateToolbarOrientation(), e.has("slot") && this.updateSlotAnchor();
 	}
 	render() {
-		return _`<slot @slotchange=${this.handleSlotChange}></slot>`;
+		return w`<slot @slotchange=${this.handleSlotChange}></slot>`;
 	}
 };
-o([x({
+d([O({
 	type: String,
 	reflect: !0
-})], Y.prototype, "orientation", void 0), o([x({
+})], X.prototype, "orientation", void 0), d([O({
 	type: String,
 	reflect: !0,
 	attribute: "panel-position"
-})], Y.prototype, "panelPosition", void 0), o([x({
+})], X.prototype, "panelPosition", void 0), d([O({
 	type: String,
 	reflect: !0
-})], Y.prototype, "alignment", void 0), o([x({
+})], X.prototype, "alignment", void 0), d([O({
 	type: String,
 	reflect: !0,
 	attribute: "slot-anchor-y"
-})], Y.prototype, "slotAnchorY", void 0), o([x({
+})], X.prototype, "slotAnchorY", void 0), d([O({
 	type: Boolean,
 	reflect: !0,
 	attribute: "panel-active"
-})], Y.prototype, "panelActive", void 0), o([x({
+})], X.prototype, "panelActive", void 0), d([O({
 	type: String,
 	reflect: !0
-})], Y.prototype, "priority", void 0), o([C()], Y.prototype, "childrenElements", void 0), Y = o([b("webmapx-control-group")], Y);
+})], X.prototype, "priority", void 0), d([fe()], X.prototype, "childrenElements", void 0), X = d([D("webmapx-control-group")], X);
 //#endregion
 //#region src/components/webmapx-zoom-level.ts
-var Ot = class extends s {
+var nn = class extends f {
 	constructor(...e) {
 		super(...e), this.currentZoom = null, this.inputValue = "", this.unsubscribeEvents = null;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host {
             position: relative;
             display: inline-flex;
@@ -5752,7 +6256,7 @@ var Ot = class extends s {
 		!isNaN(e) && e >= 0 && this.adapter.setZoom(e);
 	}
 	render() {
-		return _`
+		return w`
             <div class="tool-container">
                 <label for="zoom-input">Zoom:</label>
                 <input
@@ -5770,10 +6274,10 @@ var Ot = class extends s {
         `;
 	}
 };
-o([w()], Ot.prototype, "currentZoom", void 0), o([w()], Ot.prototype, "inputValue", void 0), Ot = o([b("webmapx-zoom-level")], Ot);
+d([A()], nn.prototype, "currentZoom", void 0), d([A()], nn.prototype, "inputValue", void 0), nn = d([D("webmapx-zoom-level")], nn);
 //#endregion
 //#region src/components/webmapx-navigation-control.ts
-var X = class extends s {
+var Z = class extends f {
 	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;
@@ -5816,7 +6320,7 @@ var X = class extends s {
 		};
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
     :host {
       display: inline-flex;
       pointer-events: auto;
@@ -5966,7 +6470,7 @@ var X = 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 _`
+		return w`
       <button
         class="nav-btn"
         @click=${this.handleCompassClick}
@@ -5982,12 +6486,12 @@ var X = class extends s {
 	}
 	render() {
 		let e = this.showCompass && this.compassSupported, t = this.zoomMin ?? -Infinity, n = this.zoomMax ?? Infinity, r = this.currentZoom ?? 0;
-		return _`
+		return w`
       <div class="nav-shell">
-        ${this.showZoom ? _`<button class="nav-btn" @click=${this.handleZoomIn} ?disabled=${r >= n} title="Zoom in">
+        ${this.showZoom ? w`<button class="nav-btn" @click=${this.handleZoomIn} ?disabled=${r >= n} title="Zoom in">
               <span class="icon">+</span>
             </button>` : null}
-        ${this.showZoom ? _`<button class="nav-btn" @click=${this.handleZoomOut} ?disabled=${r <= t} title="Zoom out">
+        ${this.showZoom ? w`<button class="nav-btn" @click=${this.handleZoomOut} ?disabled=${r <= t} title="Zoom out">
               <span class="icon">-</span>
             </button>` : null}
         ${e ? this.renderCompass() : null}
@@ -5995,30 +6499,30 @@ var X = class extends s {
     `;
 	}
 };
-o([x({
+d([O({
 	type: String,
 	reflect: !0
-})], X.prototype, "orientation", void 0), o([x({
+})], Z.prototype, "orientation", void 0), d([O({
 	type: Boolean,
 	attribute: "show-compass",
 	reflect: !0
-})], X.prototype, "showCompass", void 0), o([x({
+})], Z.prototype, "showCompass", void 0), d([O({
 	type: Boolean,
 	attribute: "show-zoom",
 	reflect: !0
-})], X.prototype, "showZoom", void 0), o([x({
+})], Z.prototype, "showZoom", void 0), d([O({
 	type: Boolean,
 	attribute: "visualize-pitch",
 	reflect: !0
-})], 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);
+})], Z.prototype, "visualizePitch", void 0), d([A()], Z.prototype, "currentZoom", void 0), d([A()], Z.prototype, "bearing", void 0), d([A()], Z.prototype, "pitch", void 0), d([A()], Z.prototype, "compassSupported", void 0), Z = d([D("webmapx-navigation-control")], Z);
 //#endregion
 //#region src/components/webmapx-scale-control.ts
-var kt = class extends s {
+var rn = class extends f {
 	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 = g`
+		this.styles = C`
     :host {
       display: inline-flex;
       margin: var(--webmapx-tool-margin, 0);
@@ -6108,16 +6612,16 @@ var kt = 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 At(this.lastZoom, t ?? 0) * e;
+			return an(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 = jt(t ?? (e.sw[1] + e.ne[1]) / 2), r = e.sw[0], i = e.ne[0], a = Z(i - r);
+		let n = on(t ?? (e.sw[1] + e.ne[1]) / 2), r = e.sw[0], i = e.ne[0], a = sn(i - r);
 		if (a <= 0) return null;
-		let o = Mt * Math.cos(n * Math.PI / 180), s = Math.abs(a) * o;
+		let o = cn * Math.cos(n * Math.PI / 180), s = Math.abs(a) * o;
 		return s > 0 ? s : null;
 	}
 	buildDisplay(e, t, n) {
@@ -6125,33 +6629,33 @@ var kt = class extends s {
 		if (n === "imperial") {
 			let n = e * 3.28084;
 			if (n > 5280) {
-				let e = n / 5280, r = Pt(e);
+				let e = n / 5280, r = un(e);
 				return {
 					widthPx: r / e * t,
 					label: `${r} mi`
 				};
 			}
-			let r = Pt(n);
+			let r = un(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} ft`
 			};
 		}
 		if (n === "nautical") {
-			let n = e / 1852, r = Pt(n);
+			let n = e / 1852, r = un(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} nm`
 			};
 		}
 		if (e >= 1e3) {
-			let n = e / 1e3, r = Pt(n);
+			let n = e / 1e3, r = un(n);
 			return {
 				widthPx: r / n * t,
 				label: `${r} km`
 			};
 		}
-		let r = Pt(e);
+		let r = un(e);
 		return {
 			widthPx: r / e * t,
 			label: `${r} m`
@@ -6195,7 +6699,7 @@ var kt = class extends s {
 			if (!isFinite(o) || (a = t, Math.abs(o - e) < .1)) break;
 			o > e ? r = t : i = t;
 		}
-		return jt(a);
+		return on(a);
 	}
 	getTargetPixel(e) {
 		let t = this.mapHost?.mapElement ?? this.mapHost;
@@ -6223,7 +6727,7 @@ var kt = 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 = p(l, u) / 100;
+			let d = le(l, u) / 100;
 			return !isFinite(d) || d <= 0 ? null : { meters: d };
 		}, c = n ?? o / 2, l = s(c, "primary");
 		if (!l) {
@@ -6247,43 +6751,43 @@ var kt = class extends s {
 	}
 	render() {
 		let e = this.barWidth <= 0, t = this.getSurfaceMetrics()?.width ?? this.getContainerWidth();
-		return _`
+		return w`
       <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([x({
+d([O({
 	type: Number,
 	attribute: "max-width"
-})], kt.prototype, "maxWidth", void 0), o([x({
+})], rn.prototype, "maxWidth", void 0), d([O({
 	type: String,
 	attribute: "unit"
-})], 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;
+})], rn.prototype, "unit", void 0), d([A()], rn.prototype, "barWidth", void 0), d([A()], rn.prototype, "label", void 0), rn = d([D("webmapx-scale-control")], rn);
+function an(e, t) {
+	let n = on(t) * Math.PI / 180;
 	return 40075016.68557849 * Math.cos(n) / (512 * 2 ** e);
 }
-function jt(e) {
+function on(e) {
 	return Math.max(-85.05112878, Math.min(85.05112878, e));
 }
-function Z(e) {
+function sn(e) {
 	let t = e;
 	return t < 0 && (t += 360), t === 0 || t > 360 ? 360 : t;
 }
-var Mt = 111319.49079327357;
-function Nt(e) {
+var cn = 111319.49079327357;
+function ln(e) {
 	let t = 10 ** Math.ceil(-Math.log(e) / Math.LN10);
 	return Math.round(e * t) / t;
 }
-function Pt(e) {
+function un(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 : Nt(n), t * n;
+	return n = n >= 10 ? 10 : n >= 5 ? 5 : n >= 3 ? 3 : n >= 2 ? 2 : n >= 1 ? 1 : ln(n), t * n;
 }
 //#endregion
 //#region src/components/webmapx-fullscreen-control.ts
-var Ft = class extends s {
+var dn = class extends f {
 	constructor(...e) {
 		super(...e), this.isFullscreen = !1, this.handleFullscreenChange = () => {
 			this.isFullscreen = document.fullscreenElement === this.fullscreenTarget();
@@ -6292,7 +6796,7 @@ var Ft = class extends s {
 		};
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
     :host {
       display: inline-flex;
       pointer-events: auto;
@@ -6353,22 +6857,22 @@ var Ft = class extends s {
 	onStateChanged() {}
 	onConfigReady() {}
 	fullscreenTarget() {
-		return a(this) ?? this;
+		return u(this) ?? this;
 	}
 	render() {
-		return _`
+		return w`
       <div class="nav-shell">
         <button class="nav-btn" @click=${this.handleToggle} title="${this.isFullscreen ? "Exit fullscreen" : "Fullscreen"}" aria-label="Toggle fullscreen">
-          ${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>`}
+          ${this.isFullscreen ? w`<svg viewBox="0 0 24 24"><path d="M9 3v3a2 2 0 0 1-2 2H4M21 9h-3a2 2 0 0 1-2-2V4M3 15h3a2 2 0 0 1 2 2v3M15 21v-3a2 2 0 0 1 2-2h3"/></svg>` : w`<svg viewBox="0 0 24 24"><path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5"/></svg>`}
         </button>
       </div>
     `;
 	}
 };
-o([w()], Ft.prototype, "isFullscreen", void 0), Ft = o([b("webmapx-fullscreen-control")], Ft);
+d([A()], dn.prototype, "isFullscreen", void 0), dn = d([D("webmapx-fullscreen-control")], dn);
 //#endregion
 //#region src/components/webmapx-attribution-control.ts
-var It = class extends s {
+var Q = class extends f {
 	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;
 	}
@@ -6410,7 +6914,7 @@ var It = class extends s {
 				t && i(t);
 				continue;
 			}
-			let o = l(a, e);
+			let o = ae(a, e);
 			o && i(o);
 		}
 		this.attributions = r, this.updateComplete.then(() => this._updateOverflow());
@@ -6439,23 +6943,23 @@ var It = class extends s {
 		}, { passive: !0 });
 	}
 	render() {
-		return _`
+		return w`
             <div class="attribution-shell" ?hidden=${!(this.attributions.length > 0)} role="region" aria-label="Map attributions">
-                ${this._showLeft ? _`<span class="overflow-indicator left" aria-hidden="true">‹</span>` : null}
+                ${this._showLeft ? w`<span class="overflow-indicator left" aria-hidden="true">‹</span>` : null}
                 <div class="attribution-scroll">
                     <div class="attribution-inner">
-                        ${this.attributions.map((e, t) => _`
-                            ${c(e)}
-                            ${t < this.attributions.length - 1 ? _`<span class="separator">•</span>` : null}
+                        ${this.attributions.map((e, t) => w`
+                            ${ie(e)}
+                            ${t < this.attributions.length - 1 ? w`<span class="separator">•</span>` : null}
                         `)}
                     </div>
                 </div>
-                ${this._showRight ? _`<span class="overflow-indicator right" aria-hidden="true">›</span>` : null}
+                ${this._showRight ? w`<span class="overflow-indicator right" aria-hidden="true">›</span>` : null}
             </div>
         `;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host {
             display: flex;
             justify-content: flex-end;
@@ -6531,15 +7035,419 @@ var It = class extends s {
     `;
 	}
 };
-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);
+d([A()], Q.prototype, "attributions", void 0), d([A()], Q.prototype, "_showLeft", void 0), d([A()], Q.prototype, "_showRight", void 0), d([k(".attribution-scroll")], Q.prototype, "_scrollEl", void 0), Q = d([D("webmapx-attribution-control")], Q);
+//#endregion
+//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5D6IT2SR.js
+var fn = C`
+  :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 i {
+	constructor() {
+		super(...arguments), this.formControlController = new b(this), this.hasSlotController = new ee(this, "help-text", "label"), this.localize = new v(this), this.hasFocus = !1, this.hasTooltip = !1, this.title = "", this.name = "", this.value = 0, this.label = "", this.helpText = "", this.disabled = !1, this.min = 0, this.max = 100, this.step = 1, this.tooltip = "top", this.tooltipFormatter = (e) => e.toString(), this.form = "", this.defaultValue = 0;
+	}
+	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 w`
+      <div
+        part="form-control"
+        class=${pe({
+			"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=${pe({
+			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=${me(this.name)}
+              ?disabled=${this.disabled}
+              min=${me(this.min)}
+              max=${me(this.max)}
+              step=${me(this.step)}
+              .value=${j(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 ? w`
+                  <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 = [
+	a,
+	ne,
+	fn
+], n([k(".range__control")], $.prototype, "input", 2), n([k(".range__tooltip")], $.prototype, "output", 2), n([A()], $.prototype, "hasFocus", 2), n([A()], $.prototype, "hasTooltip", 2), n([O()], $.prototype, "title", 2), n([O()], $.prototype, "name", 2), n([O({ type: Number })], $.prototype, "value", 2), n([O()], $.prototype, "label", 2), n([O({ attribute: "help-text" })], $.prototype, "helpText", 2), n([O({
+	type: Boolean,
+	reflect: !0
+})], $.prototype, "disabled", 2), n([O({ type: Number })], $.prototype, "min", 2), n([O({ type: Number })], $.prototype, "max", 2), n([O({ type: Number })], $.prototype, "step", 2), n([O()], $.prototype, "tooltip", 2), n([O({ attribute: !1 })], $.prototype, "tooltipFormatter", 2), n([O({ reflect: !0 })], $.prototype, "form", 2), n([te()], $.prototype, "defaultValue", 2), n([de({ passive: !0 })], $.prototype, "handleThumbDragStart", 1), n([r("value", { waitUntilFirstUpdate: !0 })], $.prototype, "handleValueChange", 1), n([r("disabled", { waitUntilFirstUpdate: !0 })], $.prototype, "handleDisabledChange", 1), n([r("hasTooltip", { waitUntilFirstUpdate: !0 })], $.prototype, "syncRange", 1), $.define("sl-range");
 //#endregion
 //#region src/components/webmapx-tool-template.ts
-var Lt = class extends s {
+var pn = class extends f {
 	constructor(...e) {
 		super(...e), this.bufferRadius = 0, this.isToolActive = !1, this.toolService = null;
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host {
             display: inline-flex;
             pointer-events: auto;
@@ -6585,7 +7493,7 @@ var Lt = class extends s {
 		this.toolService?.toggleTool();
 	}
 	render() {
-		return _`
+		return w`
             <div class="tool-container">
                 <div class="tool-title">Template Tool — Buffer</div>
                 <div class="radius-row">
@@ -6609,14 +7517,14 @@ var Lt = class extends s {
         `;
 	}
 };
-o([w()], Lt.prototype, "bufferRadius", void 0), o([w()], Lt.prototype, "isToolActive", void 0), Lt = o([b("webmapx-tool-template")], Lt);
+d([A()], pn.prototype, "bufferRadius", void 0), d([A()], pn.prototype, "isToolActive", void 0), pn = d([D("webmapx-tool-template")], pn);
 //#endregion
 //#region src/components/webmapx-inset-map.ts
-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 {
+var mn = "https://demotiles.maplibre.org/style.json", hn = 0, gn = 22, _n = 85.05112878, vn = 89.999, yn = 1, bn = "viewport", xn = "viewport-fill", Sn = "viewport-outline", Cn = class extends S {
 	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 = m(() => {
+		super(...e), this.zoomOffset = -3, this.baseScale = .5, this.minimizable = !1, this._collapsed = !1, this.adapter = null, this.insetMap = null, this.viewportSource = null, this.unsubscribe = null, this.lastCenter = null, this.lastZoom = null, this.lastSourceZoom = null, this.projectionMode = "mercator", this.lastBoundsKey = null, this.initPromise = null, this.pendingViewportBounds = null, this.throttledViewportUpdate = ue(() => {
 			this.doUpdateViewportRectangle(this.pendingViewportBounds), this.pendingViewportBounds = void 0;
-		}, 50), this.throttledRenderLog = m((e) => {}, 50), this.throttledApplyStateWithZoomOffset = m((e, t) => {
+		}, 50), this.throttledRenderLog = ue((e) => {}, 50), this.throttledApplyStateWithZoomOffset = ue((e, t) => {
 			this.applyState(e, t);
 		}, 50);
 	}
@@ -6624,7 +7532,7 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.0
 		return this.renderRoot.querySelector(".inset-map");
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
     :host {
       display: inline-block;
       position: relative;
@@ -6716,29 +7624,29 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.0
 	async doInitializeInset() {
 		let e = this.insetContainer;
 		if (!e) return;
-		let t = a(this);
+		let t = u(this);
 		if (!t) return;
 		let n = await t.getAdapterAsync?.();
 		if (!n) return;
 		this.adapter = n, this.projectionMode = this.resolveProjectionMode(t);
 		let r = this.adapter.store.getState();
 		await this.waitForConfig(t);
-		let i = this.resolveInsetToolConfig(t), 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 ?? Rt,
+		let i = this.resolveInsetToolConfig(t), a = this.resolveInsetNumber("zoom-offset", this.zoomOffset, i.zoomOffset), o = this.resolveInsetNumber("base-scale", this.baseScale, i.baseScale), s = this.backgroundLayer ? this.resolveBackgroundFromLayer(t, this.backgroundLayer) : null, c = this.hasAttribute("style-url") ? this.styleUrl : s?.styleUrl ?? i.styleUrl, l = s ? s.background ?? null : this.resolveInsetBackground(i), d = {
+			styleUrl: c ?? mn,
 			center: r.mapCenter ?? [0, 0],
-			zoom: this.clampZoom((r.zoomLevel ?? 0) + o),
+			zoom: this.clampZoom((r.zoomLevel ?? 0) + a),
 			interactive: !1,
-			...u ? {
-				tileUrl: u.url,
-				tileUrls: Array.isArray(u.tiles) ? u.tiles.filter((e) => typeof e == "string" && e.length > 0) : void 0,
-				tileAttribution: u.attribution,
-				tileSize: u.tileSize
+			...l ? {
+				tileUrl: l.url,
+				tileUrls: Array.isArray(l.tiles) ? l.tiles.filter((e) => typeof e == "string" && e.length > 0) : void 0,
+				tileAttribution: l.attribution,
+				tileSize: l.tileSize
 			} : {}
 		};
-		this.insetMap = this.adapter.mapFactory.createMap(e, d), e.style.setProperty("--webmapx-inset-scale", `${s}`), this.insetMap.onReady(() => {
-			this.setupViewportLayers(), this.applyState(r, o);
+		this.insetMap = this.adapter.mapFactory.createMap(e, d), e.style.setProperty("--webmapx-inset-scale", `${o}`), this.insetMap.onReady(() => {
+			this.setupViewportLayers(), this.applyState(r, a);
 		}), this.unsubscribe = this.adapter.store.subscribe((e) => {
-			this.hasRelevantStateChange(e) && this.throttledApplyStateWithZoomOffset(e, o);
+			this.hasRelevantStateChange(e) && this.throttledApplyStateWithZoomOffset(e, a);
 		});
 	}
 	waitForConfig(e) {
@@ -6796,7 +7704,7 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 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" ? Ht : Vt;
+		return this.projectionMode === "geodetic" ? vn : _n;
 	}
 	setupViewportLayers() {
 		if (!this.insetMap) return;
@@ -6804,18 +7712,18 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.0
 			type: "FeatureCollection",
 			features: []
 		};
-		this.viewportSource = this.insetMap.createSource(Ut, e), this.insetMap.createLayer({
-			id: Wt,
+		this.viewportSource = this.insetMap.createSource(bn, e), this.insetMap.createLayer({
+			id: xn,
 			type: "fill",
-			sourceId: Ut,
+			sourceId: bn,
 			paint: {
 				"fill-color": "#0f62fe",
 				"fill-opacity": .15
 			}
 		}), this.insetMap.createLayer({
-			id: Gt,
+			id: Sn,
 			type: "line",
-			sourceId: Ut,
+			sourceId: bn,
 			paint: {
 				"line-color": "#0f62fe",
 				"line-width": 1.5
@@ -7031,7 +7939,7 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.0
 	}
 	estimateViewportWidthFromScreenSamples(e) {
 		if (!this.adapter) return null;
-		let t = a(this)?.mapElement;
+		let t = u(this)?.mapElement;
 		if (!t) return null;
 		let n = t.clientWidth, r = t.clientHeight;
 		if (!Number.isFinite(n) || !Number.isFinite(r) || n <= 0 || r <= 0) return null;
@@ -7040,7 +7948,7 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.0
 	}
 	sampleViewportLongitudeRange(e) {
 		if (!this.adapter || !this.adapter.store.getState().mapLoaded) return null;
-		let t = a(this)?.mapElement;
+		let t = u(this)?.mapElement;
 		if (!t) return null;
 		let n = t.clientWidth, r = t.clientHeight;
 		if (!Number.isFinite(n) || !Number.isFinite(r) || n <= 0 || r <= 0) return null;
@@ -7050,21 +7958,21 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.0
 			.5,
 			.68,
 			.88
-		], o = Array.from({ length: 21 }, (e, t) => t / 20), s = Infinity, c = -Infinity, l = !1;
+		], a = Array.from({ length: 21 }, (e, t) => t / 20), o = Infinity, s = -Infinity, c = !1;
 		for (let t of i) {
 			let i = [];
-			for (let e of o) {
+			for (let e of a) {
 				let a = n * e, o = r * t, s = this.adapter.unproject([a, o]);
 				!s || !Number.isFinite(s[0]) || i.push(s[0]);
 			}
 			if (i.length < 2) continue;
-			let a = i.map((t) => this.normalizeLngAround(t, e)), u = this.unwrapLongitudeSeries(a), d = Math.min(...u), f = Math.max(...u);
-			Number.isFinite(d) && Number.isFinite(f) && (s = Math.min(s, d), c = Math.max(c, f), l = !0);
+			let l = i.map((t) => this.normalizeLngAround(t, e)), u = this.unwrapLongitudeSeries(l), d = Math.min(...u), f = Math.max(...u);
+			Number.isFinite(d) && Number.isFinite(f) && (o = Math.min(o, d), s = Math.max(s, f), c = !0);
 		}
-		return !l || !Number.isFinite(s) || !Number.isFinite(c) ? null : {
-			minLon: s,
-			maxLon: c,
-			width: Math.max(0, c - s)
+		return !c || !Number.isFinite(o) || !Number.isFinite(s) ? null : {
+			minLon: o,
+			maxLon: s,
+			width: Math.max(0, s - o)
 		};
 	}
 	unwrapLongitudeSeries(e) {
@@ -7179,29 +8087,29 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 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(Bt, Math.max(zt, e));
+		return Math.min(gn, Math.max(hn, e));
 	}
 	resolveViewState(e) {
 		if (e <= 0) return {
 			mapZoom: 0,
 			scale: this.baseScale
 		};
-		if (e <= Q) return {
+		if (e <= yn) return {
 			mapZoom: 0,
-			scale: this.baseScale + (1 - this.baseScale) * (e / Q)
+			scale: this.baseScale + (1 - this.baseScale) * (e / yn)
 		};
-		let t = e - Q;
+		let t = e - yn;
 		return {
 			mapZoom: this.clampZoom(t),
 			scale: 1
 		};
 	}
 	render() {
-		return _`
+		return w`
       <div class="inset-map-frame ${this._collapsed ? "hidden" : ""}" tabindex=${this.minimizable ? "0" : "-1"}>
         <div class="inset-map"></div>
       </div>
-      ${this.minimizable ? _`
+      ${this.minimizable ? w`
         <div class="toggle-btn">
           <sl-icon-button
             name=${this._collapsed ? "arrows-angle-expand" : "arrows-angle-contract"}
@@ -7215,39 +8123,39 @@ var Rt = "https://demotiles.maplibre.org/style.json", zt = 0, Bt = 22, Vt = 85.0
     `;
 	}
 };
-o([x({
+d([O({
 	type: Number,
 	attribute: "zoom-offset"
-})], $.prototype, "zoomOffset", void 0), o([x({
+})], Cn.prototype, "zoomOffset", void 0), d([O({
 	type: String,
 	attribute: "style-url"
-})], $.prototype, "styleUrl", void 0), o([x({
+})], Cn.prototype, "styleUrl", void 0), d([O({
 	type: String,
 	attribute: "background-layer"
-})], $.prototype, "backgroundLayer", void 0), o([x({
+})], Cn.prototype, "backgroundLayer", void 0), d([O({
 	type: Number,
 	attribute: "base-scale"
-})], $.prototype, "baseScale", void 0), o([x({
+})], Cn.prototype, "baseScale", void 0), d([O({
 	type: Boolean,
 	attribute: "minimizable"
-})], $.prototype, "minimizable", void 0), o([x({
+})], Cn.prototype, "minimizable", void 0), d([O({
 	type: Boolean,
 	reflect: !0,
 	attribute: "collapsed"
-})], $.prototype, "_collapsed", void 0), $ = o([b("webmapx-inset-map")], $);
+})], Cn.prototype, "_collapsed", void 0), Cn = d([D("webmapx-inset-map")], Cn);
 //#endregion
 //#region src/components/webmapx-active-adapter.ts
-var Kt = {
+var wn = {
 	maplibre: "MapLibre GL",
 	openlayers: "OpenLayers",
 	leaflet: "Leaflet",
 	cesium: "Cesium"
-}, qt = class extends s {
+}, Tn = class extends f {
 	constructor(...e) {
 		super(...e), this.adapterName = "—", this.engineVersion = "";
 	}
 	static {
-		this.styles = g`
+		this.styles = C`
         :host { display: inline-block; }
         .badge {
             display: inline-flex;
@@ -7271,7 +8179,7 @@ var Kt = {
 	}
 	onStateChanged() {}
 	onMapAttached(e) {
-		this.adapterName = Kt[e.engineId] ?? e.engineId;
+		this.adapterName = wn[e.engineId] ?? e.engineId;
 		let t = e.engineVersion?.split(".");
 		this.engineVersion = t ? `${t[0]}.${t[1]}` : "";
 	}
@@ -7279,7 +8187,7 @@ var Kt = {
 		this.adapterName = "—", this.engineVersion = "";
 	}
 	render() {
-		return _`
+		return w`
             <span class="badge">
                 <span class="dot"></span>
                 ${this.adapterName}${this.engineVersion ? ` ${this.engineVersion}` : ""}
@@ -7287,5 +8195,5 @@ var Kt = {
         `;
 	}
 };
-o([w()], qt.prototype, "adapterName", void 0), o([w()], qt.prototype, "engineVersion", void 0), qt = o([b("webmapx-active-adapter")], qt);
+d([A()], Tn.prototype, "adapterName", void 0), d([A()], Tn.prototype, "engineVersion", void 0), Tn = d([D("webmapx-active-adapter")], Tn);
 //#endregion