@edugis-org/webmapx 0.1.7 → 0.1.8

package/dist-lib/option-CBxl1mZP.js

@@ -1,1106 +0,0 @@
-import { a as e, i as t, n } from "./decorators-B35AgiCU.js";
-import { a as r, c as i, i as a, o, s, t as c } from "./chunk.AJ3ENQ5C-Ci7Gm2b6.js";
-import { d as l, f as u, l as d, t as f, u as p } from "./chunk.YHLNUJ7P-D-kanrCf.js";
-import { a as m, t as h } from "./chunk.NYIIDP5N-BikXIStD.js";
-import { t as g } from "./chunk.6CTB5ZDJ-DjZrBd6Y.js";
-import { t as _ } from "./chunk.3RPBFEDE-BFO1fHVm.js";
-import { t as v } from "./chunk.SI4ACBFK-CLb9VfMG.js";
-import { n as y, t as b } from "./chunk.5JY5FUCG-DTXsslmx.js";
-import { n as x } from "./chunk.RWUUFNUL-DFztA4uV.js";
-import { css as S, html as C } from "lit";
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.V2OL7VMD.js
-var w = S`
-  :host {
-    display: inline-block;
-  }
-
-  .tag {
-    display: flex;
-    align-items: center;
-    border: solid 1px;
-    line-height: 1;
-    white-space: nowrap;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  .tag__remove::part(base) {
-    color: inherit;
-    padding: 0;
-  }
-
-  /*
-   * Variant modifiers
-   */
-
-  .tag--primary {
-    background-color: var(--sl-color-primary-50);
-    border-color: var(--sl-color-primary-200);
-    color: var(--sl-color-primary-800);
-  }
-
-  .tag--primary:active > sl-icon-button {
-    color: var(--sl-color-primary-600);
-  }
-
-  .tag--success {
-    background-color: var(--sl-color-success-50);
-    border-color: var(--sl-color-success-200);
-    color: var(--sl-color-success-800);
-  }
-
-  .tag--success:active > sl-icon-button {
-    color: var(--sl-color-success-600);
-  }
-
-  .tag--neutral {
-    background-color: var(--sl-color-neutral-50);
-    border-color: var(--sl-color-neutral-200);
-    color: var(--sl-color-neutral-800);
-  }
-
-  .tag--neutral:active > sl-icon-button {
-    color: var(--sl-color-neutral-600);
-  }
-
-  .tag--warning {
-    background-color: var(--sl-color-warning-50);
-    border-color: var(--sl-color-warning-200);
-    color: var(--sl-color-warning-800);
-  }
-
-  .tag--warning:active > sl-icon-button {
-    color: var(--sl-color-warning-600);
-  }
-
-  .tag--danger {
-    background-color: var(--sl-color-danger-50);
-    border-color: var(--sl-color-danger-200);
-    color: var(--sl-color-danger-800);
-  }
-
-  .tag--danger:active > sl-icon-button {
-    color: var(--sl-color-danger-600);
-  }
-
-  /*
-   * Size modifiers
-   */
-
-  .tag--small {
-    font-size: var(--sl-button-font-size-small);
-    height: calc(var(--sl-input-height-small) * 0.8);
-    line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-small);
-    padding: 0 var(--sl-spacing-x-small);
-  }
-
-  .tag--medium {
-    font-size: var(--sl-button-font-size-medium);
-    height: calc(var(--sl-input-height-medium) * 0.8);
-    line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-medium);
-    padding: 0 var(--sl-spacing-small);
-  }
-
-  .tag--large {
-    font-size: var(--sl-button-font-size-large);
-    height: calc(var(--sl-input-height-large) * 0.8);
-    line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
-    border-radius: var(--sl-input-border-radius-large);
-    padding: 0 var(--sl-spacing-medium);
-  }
-
-  .tag__remove {
-    margin-inline-start: var(--sl-spacing-x-small);
-  }
-
-  /*
-   * Pill modifier
-   */
-
-  .tag--pill {
-    border-radius: var(--sl-border-radius-pill);
-  }
-`, T = class extends d {
-	constructor() {
-		super(...arguments), this.localize = new g(this), this.variant = "neutral", this.size = "medium", this.pill = !1, this.removable = !1;
-	}
-	handleRemoveClick() {
-		this.emit("sl-remove");
-	}
-	render() {
-		return C`
-      <span
-        part="base"
-        class=${m({
-			tag: !0,
-			"tag--primary": this.variant === "primary",
-			"tag--success": this.variant === "success",
-			"tag--neutral": this.variant === "neutral",
-			"tag--warning": this.variant === "warning",
-			"tag--danger": this.variant === "danger",
-			"tag--text": this.variant === "text",
-			"tag--small": this.size === "small",
-			"tag--medium": this.size === "medium",
-			"tag--large": this.size === "large",
-			"tag--pill": this.pill,
-			"tag--removable": this.removable
-		})}
-      >
-        <slot part="content" class="tag__content"></slot>
-
-        ${this.removable ? C`
-              <sl-icon-button
-                part="remove-button"
-                exportparts="base:remove-button__base"
-                name="x-lg"
-                library="system"
-                label=${this.localize.term("remove")}
-                class="tag__remove"
-                @click=${this.handleRemoveClick}
-                tabindex="-1"
-              ></sl-icon-button>
-            ` : ""}
-      </span>
-    `;
-	}
-};
-T.styles = [p, w], T.dependencies = { "sl-icon-button": i }, u([e({ reflect: !0 })], T.prototype, "variant", 2), u([e({ reflect: !0 })], T.prototype, "size", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], T.prototype, "pill", 2), u([e({ type: Boolean })], T.prototype, "removable", 2);
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XNOUITPX.js
-var E = S`
-  :host {
-    display: block;
-  }
-
-  /** The popup */
-  .select {
-    flex: 1 1 auto;
-    display: inline-flex;
-    width: 100%;
-    position: relative;
-    vertical-align: middle;
-  }
-
-  .select::part(popup) {
-    z-index: var(--sl-z-index-dropdown);
-  }
-
-  .select[data-current-placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .select[data-current-placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  /* Combobox */
-  .select__combobox {
-    flex: 1;
-    display: flex;
-    width: 100%;
-    min-width: 0;
-    position: relative;
-    align-items: center;
-    justify-content: start;
-    font-family: var(--sl-input-font-family);
-    font-weight: var(--sl-input-font-weight);
-    letter-spacing: var(--sl-input-letter-spacing);
-    vertical-align: middle;
-    overflow: hidden;
-    cursor: pointer;
-    transition:
-      var(--sl-transition-fast) color,
-      var(--sl-transition-fast) border,
-      var(--sl-transition-fast) box-shadow,
-      var(--sl-transition-fast) background-color;
-  }
-
-  .select__display-input {
-    position: relative;
-    width: 100%;
-    font: inherit;
-    border: none;
-    background: none;
-    color: var(--sl-input-color);
-    cursor: inherit;
-    overflow: hidden;
-    padding: 0;
-    margin: 0;
-    -webkit-appearance: none;
-  }
-
-  .select__display-input::placeholder {
-    color: var(--sl-input-placeholder-color);
-  }
-
-  .select:not(.select--disabled):hover .select__display-input {
-    color: var(--sl-input-color-hover);
-  }
-
-  .select__display-input:focus {
-    outline: none;
-  }
-
-  /* Visually hide the display input when multiple is enabled */
-  .select--multiple:not(.select--placeholder-visible) .select__display-input {
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-  }
-
-  .select__value-input {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-    opacity: 0;
-    z-index: -1;
-  }
-
-  .select__tags {
-    display: flex;
-    flex: 1;
-    align-items: center;
-    flex-wrap: wrap;
-    margin-inline-start: var(--sl-spacing-2x-small);
-  }
-
-  .select__tags::slotted(sl-tag) {
-    cursor: pointer !important;
-  }
-
-  .select--disabled .select__tags,
-  .select--disabled .select__tags::slotted(sl-tag) {
-    cursor: not-allowed !important;
-  }
-
-  /* Standard selects */
-  .select--standard .select__combobox {
-    background-color: var(--sl-input-background-color);
-    border: solid var(--sl-input-border-width) var(--sl-input-border-color);
-  }
-
-  .select--standard.select--disabled .select__combobox {
-    background-color: var(--sl-input-background-color-disabled);
-    border-color: var(--sl-input-border-color-disabled);
-    color: var(--sl-input-color-disabled);
-    opacity: 0.5;
-    cursor: not-allowed;
-    outline: none;
-  }
-
-  .select--standard:not(.select--disabled).select--open .select__combobox,
-  .select--standard:not(.select--disabled).select--focused .select__combobox {
-    background-color: var(--sl-input-background-color-focus);
-    border-color: var(--sl-input-border-color-focus);
-    box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
-  }
-
-  /* Filled selects */
-  .select--filled .select__combobox {
-    border: none;
-    background-color: var(--sl-input-filled-background-color);
-    color: var(--sl-input-color);
-  }
-
-  .select--filled:hover:not(.select--disabled) .select__combobox {
-    background-color: var(--sl-input-filled-background-color-hover);
-  }
-
-  .select--filled.select--disabled .select__combobox {
-    background-color: var(--sl-input-filled-background-color-disabled);
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .select--filled:not(.select--disabled).select--open .select__combobox,
-  .select--filled:not(.select--disabled).select--focused .select__combobox {
-    background-color: var(--sl-input-filled-background-color-focus);
-    outline: var(--sl-focus-ring);
-  }
-
-  /* Sizes */
-  .select--small .select__combobox {
-    border-radius: var(--sl-input-border-radius-small);
-    font-size: var(--sl-input-font-size-small);
-    min-height: var(--sl-input-height-small);
-    padding-block: 0;
-    padding-inline: var(--sl-input-spacing-small);
-  }
-
-  .select--small .select__clear {
-    margin-inline-start: var(--sl-input-spacing-small);
-  }
-
-  .select--small .select__prefix::slotted(*) {
-    margin-inline-end: var(--sl-input-spacing-small);
-  }
-
-  .select--small.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--sl-input-spacing-small);
-  }
-
-  .select--small.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-block: 2px;
-    padding-inline-start: 0;
-  }
-
-  .select--small .select__tags {
-    gap: 2px;
-  }
-
-  .select--medium .select__combobox {
-    border-radius: var(--sl-input-border-radius-medium);
-    font-size: var(--sl-input-font-size-medium);
-    min-height: var(--sl-input-height-medium);
-    padding-block: 0;
-    padding-inline: var(--sl-input-spacing-medium);
-  }
-
-  .select--medium .select__clear {
-    margin-inline-start: var(--sl-input-spacing-medium);
-  }
-
-  .select--medium .select__prefix::slotted(*) {
-    margin-inline-end: var(--sl-input-spacing-medium);
-  }
-
-  .select--medium.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--sl-input-spacing-medium);
-  }
-
-  .select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-inline-start: 0;
-    padding-block: 3px;
-  }
-
-  .select--medium .select__tags {
-    gap: 3px;
-  }
-
-  .select--large .select__combobox {
-    border-radius: var(--sl-input-border-radius-large);
-    font-size: var(--sl-input-font-size-large);
-    min-height: var(--sl-input-height-large);
-    padding-block: 0;
-    padding-inline: var(--sl-input-spacing-large);
-  }
-
-  .select--large .select__clear {
-    margin-inline-start: var(--sl-input-spacing-large);
-  }
-
-  .select--large .select__prefix::slotted(*) {
-    margin-inline-end: var(--sl-input-spacing-large);
-  }
-
-  .select--large.select--multiple:not(.select--placeholder-visible) .select__prefix::slotted(*) {
-    margin-inline-start: var(--sl-input-spacing-large);
-  }
-
-  .select--large.select--multiple:not(.select--placeholder-visible) .select__combobox {
-    padding-inline-start: 0;
-    padding-block: 4px;
-  }
-
-  .select--large .select__tags {
-    gap: 4px;
-  }
-
-  /* Pills */
-  .select--pill.select--small .select__combobox {
-    border-radius: var(--sl-input-height-small);
-  }
-
-  .select--pill.select--medium .select__combobox {
-    border-radius: var(--sl-input-height-medium);
-  }
-
-  .select--pill.select--large .select__combobox {
-    border-radius: var(--sl-input-height-large);
-  }
-
-  /* Prefix and Suffix */
-  .select__prefix,
-  .select__suffix {
-    flex: 0;
-    display: inline-flex;
-    align-items: center;
-    color: var(--sl-input-placeholder-color);
-  }
-
-  .select__suffix::slotted(*) {
-    margin-inline-start: var(--sl-spacing-small);
-  }
-
-  /* Clear button */
-  .select__clear {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: inherit;
-    color: var(--sl-input-icon-color);
-    border: none;
-    background: none;
-    padding: 0;
-    transition: var(--sl-transition-fast) color;
-    cursor: pointer;
-  }
-
-  .select__clear:hover {
-    color: var(--sl-input-icon-color-hover);
-  }
-
-  .select__clear:focus {
-    outline: none;
-  }
-
-  /* Expand icon */
-  .select__expand-icon {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    transition: var(--sl-transition-medium) rotate ease;
-    rotate: 0;
-    margin-inline-start: var(--sl-spacing-small);
-  }
-
-  .select--open .select__expand-icon {
-    rotate: -180deg;
-  }
-
-  /* Listbox */
-  .select__listbox {
-    display: block;
-    position: relative;
-    font-family: var(--sl-font-sans);
-    font-size: var(--sl-font-size-medium);
-    font-weight: var(--sl-font-weight-normal);
-    box-shadow: var(--sl-shadow-large);
-    background: var(--sl-panel-background-color);
-    border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
-    border-radius: var(--sl-border-radius-medium);
-    padding-block: var(--sl-spacing-x-small);
-    padding-inline: 0;
-    overflow: auto;
-    overscroll-behavior: none;
-
-    /* Make sure it adheres to the popup's auto size */
-    max-width: var(--auto-size-available-width);
-    max-height: var(--auto-size-available-height);
-  }
-
-  .select__listbox ::slotted(sl-divider) {
-    --spacing: var(--sl-spacing-x-small);
-  }
-
-  .select__listbox ::slotted(small) {
-    display: block;
-    font-size: var(--sl-font-size-small);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-500);
-    padding-block: var(--sl-spacing-2x-small);
-    padding-inline: var(--sl-spacing-x-large);
-  }
-`, D = class extends d {
-	constructor() {
-		super(...arguments), this.formControlController = new _(this, { assumeInteractionOn: ["sl-blur", "sl-input"] }), this.hasSlotController = new h(this, "help-text", "label"), this.localize = new g(this), this.typeToSelectString = "", this.hasFocus = !1, this.displayLabel = "", this.selectedOptions = [], this.valueHasChanged = !1, this.name = "", this._value = "", this.defaultValue = "", this.size = "medium", this.placeholder = "", this.multiple = !1, this.maxOptionsVisible = 3, this.disabled = !1, this.clearable = !1, this.open = !1, this.hoist = !1, this.filled = !1, this.pill = !1, this.label = "", this.placement = "bottom", this.helpText = "", this.form = "", this.required = !1, this.getTag = (e) => C`
-      <sl-tag
-        part="tag"
-        exportparts="
-              base:tag__base,
-              content:tag__content,
-              remove-button:tag__remove-button,
-              remove-button__base:tag__remove-button__base
-            "
-        ?pill=${this.pill}
-        size=${this.size}
-        removable
-        @sl-remove=${(t) => this.handleTagRemove(t, e)}
-      >
-        ${e.getTextLabel()}
-      </sl-tag>
-    `, this.handleDocumentFocusIn = (e) => {
-			let t = e.composedPath();
-			this && !t.includes(this) && this.hide();
-		}, this.handleDocumentKeyDown = (e) => {
-			let t = e.target, n = t.closest(".select__clear") !== null, r = t.closest("sl-icon-button") !== null;
-			if (!(n || r)) {
-				if (e.key === "Escape" && this.open && !this.closeWatcher && (e.preventDefault(), e.stopPropagation(), this.hide(), this.displayInput.focus({ preventScroll: !0 })), e.key === "Enter" || e.key === " " && this.typeToSelectString === "") {
-					if (e.preventDefault(), e.stopImmediatePropagation(), !this.open) {
-						this.show();
-						return;
-					}
-					this.currentOption && !this.currentOption.disabled && (this.valueHasChanged = !0, this.multiple ? this.toggleOptionSelection(this.currentOption) : this.setSelectedOptions(this.currentOption), this.updateComplete.then(() => {
-						this.emit("sl-input"), this.emit("sl-change");
-					}), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
-					return;
-				}
-				if ([
-					"ArrowUp",
-					"ArrowDown",
-					"Home",
-					"End"
-				].includes(e.key)) {
-					let t = this.getAllOptions(), n = t.indexOf(this.currentOption), r = Math.max(0, n);
-					if (e.preventDefault(), !this.open && (this.show(), this.currentOption)) return;
-					e.key === "ArrowDown" ? (r = n + 1, r > t.length - 1 && (r = 0)) : e.key === "ArrowUp" ? (r = n - 1, r < 0 && (r = t.length - 1)) : e.key === "Home" ? r = 0 : e.key === "End" && (r = t.length - 1), this.setCurrentOption(t[r]);
-				}
-				if (e.key && e.key.length === 1 || e.key === "Backspace") {
-					let t = this.getAllOptions();
-					if (e.metaKey || e.ctrlKey || e.altKey) return;
-					if (!this.open) {
-						if (e.key === "Backspace") return;
-						this.show();
-					}
-					e.stopPropagation(), e.preventDefault(), clearTimeout(this.typeToSelectTimeout), this.typeToSelectTimeout = window.setTimeout(() => this.typeToSelectString = "", 1e3), e.key === "Backspace" ? this.typeToSelectString = this.typeToSelectString.slice(0, -1) : this.typeToSelectString += e.key.toLowerCase();
-					for (let e of t) if (e.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)) {
-						this.setCurrentOption(e);
-						break;
-					}
-				}
-			}
-		}, this.handleDocumentMouseDown = (e) => {
-			let t = e.composedPath();
-			this && !t.includes(this) && this.hide();
-		};
-	}
-	get value() {
-		return this._value;
-	}
-	set value(e) {
-		e = this.multiple ? Array.isArray(e) ? e : e.split(" ") : Array.isArray(e) ? e.join(" ") : e, this._value !== e && (this.valueHasChanged = !0, this._value = e);
-	}
-	get validity() {
-		return this.valueInput.validity;
-	}
-	get validationMessage() {
-		return this.valueInput.validationMessage;
-	}
-	connectedCallback() {
-		super.connectedCallback(), setTimeout(() => {
-			this.handleDefaultSlotChange();
-		}), this.open = !1;
-	}
-	addOpenListeners() {
-		var e;
-		document.addEventListener("focusin", this.handleDocumentFocusIn), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown), this.getRootNode() !== document && this.getRootNode().addEventListener("focusin", this.handleDocumentFocusIn), "CloseWatcher" in window && ((e = this.closeWatcher) == null || e.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
-			this.open && (this.hide(), this.displayInput.focus({ preventScroll: !0 }));
-		});
-	}
-	removeOpenListeners() {
-		var e;
-		document.removeEventListener("focusin", this.handleDocumentFocusIn), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), this.getRootNode() !== document && this.getRootNode().removeEventListener("focusin", this.handleDocumentFocusIn), (e = this.closeWatcher) == null || e.destroy();
-	}
-	handleFocus() {
-		this.hasFocus = !0, this.displayInput.setSelectionRange(0, 0), this.emit("sl-focus");
-	}
-	handleBlur() {
-		this.hasFocus = !1, this.emit("sl-blur");
-	}
-	handleLabelClick() {
-		this.displayInput.focus();
-	}
-	handleComboboxMouseDown(e) {
-		let t = e.composedPath().some((e) => e instanceof Element && e.tagName.toLowerCase() === "sl-icon-button");
-		this.disabled || t || (e.preventDefault(), this.displayInput.focus({ preventScroll: !0 }), this.open = !this.open);
-	}
-	handleComboboxKeyDown(e) {
-		e.key !== "Tab" && (e.stopPropagation(), this.handleDocumentKeyDown(e));
-	}
-	handleClearClick(e) {
-		e.stopPropagation(), this.valueHasChanged = !0, this.value !== "" && (this.setSelectedOptions([]), this.displayInput.focus({ preventScroll: !0 }), this.updateComplete.then(() => {
-			this.emit("sl-clear"), this.emit("sl-input"), this.emit("sl-change");
-		}));
-	}
-	handleClearMouseDown(e) {
-		e.stopPropagation(), e.preventDefault();
-	}
-	handleOptionClick(e) {
-		let t = e.target.closest("sl-option"), n = this.value;
-		t && !t.disabled && (this.valueHasChanged = !0, this.multiple ? this.toggleOptionSelection(t) : this.setSelectedOptions(t), this.updateComplete.then(() => this.displayInput.focus({ preventScroll: !0 })), this.value !== n && this.updateComplete.then(() => {
-			this.emit("sl-input"), this.emit("sl-change");
-		}), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
-	}
-	handleDefaultSlotChange() {
-		customElements.get("sl-option") || customElements.whenDefined("sl-option").then(() => this.handleDefaultSlotChange());
-		let e = this.getAllOptions(), t = this.valueHasChanged ? this.value : this.defaultValue, n = Array.isArray(t) ? t : [t], r = [];
-		e.forEach((e) => r.push(e.value)), this.setSelectedOptions(e.filter((e) => n.includes(e.value)));
-	}
-	handleTagRemove(e, t) {
-		e.stopPropagation(), this.valueHasChanged = !0, this.disabled || (this.toggleOptionSelection(t, !1), this.updateComplete.then(() => {
-			this.emit("sl-input"), this.emit("sl-change");
-		}));
-	}
-	getAllOptions() {
-		return [...this.querySelectorAll("sl-option")];
-	}
-	getFirstOption() {
-		return this.querySelector("sl-option");
-	}
-	setCurrentOption(e) {
-		this.getAllOptions().forEach((e) => {
-			e.current = !1, e.tabIndex = -1;
-		}), e && (this.currentOption = e, e.current = !0, e.tabIndex = 0, e.focus());
-	}
-	setSelectedOptions(e) {
-		let t = this.getAllOptions(), n = Array.isArray(e) ? e : [e];
-		t.forEach((e) => e.selected = !1), n.length && n.forEach((e) => e.selected = !0), this.selectionChanged();
-	}
-	toggleOptionSelection(e, t) {
-		t === !0 || t === !1 ? e.selected = t : e.selected = !e.selected, this.selectionChanged();
-	}
-	selectionChanged() {
-		let e = this.getAllOptions();
-		this.selectedOptions = e.filter((e) => e.selected);
-		let t = this.valueHasChanged;
-		if (this.multiple) this.value = this.selectedOptions.map((e) => e.value), this.placeholder && this.value.length === 0 ? this.displayLabel = "" : this.displayLabel = this.localize.term("numOptionsSelected", this.selectedOptions.length);
-		else {
-			let e = this.selectedOptions[0];
-			this.value = e?.value ?? "", this.displayLabel = (e?.getTextLabel)?.call(e) ?? "";
-		}
-		this.valueHasChanged = t, this.updateComplete.then(() => {
-			this.formControlController.updateValidity();
-		});
-	}
-	get tags() {
-		return this.selectedOptions.map((e, t) => {
-			if (t < this.maxOptionsVisible || this.maxOptionsVisible <= 0) {
-				let n = this.getTag(e, t);
-				return C`<div @sl-remove=${(t) => this.handleTagRemove(t, e)}>
-          ${typeof n == "string" ? y(n) : n}
-        </div>`;
-			} else if (t === this.maxOptionsVisible) return C`<sl-tag size=${this.size}>+${this.selectedOptions.length - t}</sl-tag>`;
-			return C``;
-		});
-	}
-	handleInvalid(e) {
-		this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
-	}
-	handleDisabledChange() {
-		this.disabled && (this.open = !1, this.handleOpenChange());
-	}
-	attributeChangedCallback(e, t, n) {
-		if (super.attributeChangedCallback(e, t, n), e === "value") {
-			let e = this.valueHasChanged;
-			this.value = this.defaultValue, this.valueHasChanged = e;
-		}
-	}
-	handleValueChange() {
-		if (!this.valueHasChanged) {
-			let e = this.valueHasChanged;
-			this.value = this.defaultValue, this.valueHasChanged = e;
-		}
-		let e = this.getAllOptions(), t = Array.isArray(this.value) ? this.value : [this.value];
-		this.setSelectedOptions(e.filter((e) => t.includes(e.value)));
-	}
-	async handleOpenChange() {
-		if (this.open && !this.disabled) {
-			this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption()), this.emit("sl-show"), this.addOpenListeners(), await a(this), this.listbox.hidden = !1, this.popup.active = !0, requestAnimationFrame(() => {
-				this.setCurrentOption(this.currentOption);
-			});
-			let { keyframes: e, options: t } = o(this, "select.show", { dir: this.localize.dir() });
-			await c(this.popup.popup, e, t), this.currentOption && x(this.currentOption, this.listbox, "vertical", "auto"), this.emit("sl-after-show");
-		} else {
-			this.emit("sl-hide"), this.removeOpenListeners(), await a(this);
-			let { keyframes: e, options: t } = o(this, "select.hide", { dir: this.localize.dir() });
-			await c(this.popup.popup, e, t), this.listbox.hidden = !0, this.popup.active = !1, this.emit("sl-after-hide");
-		}
-	}
-	async show() {
-		if (this.open || this.disabled) {
-			this.open = !1;
-			return;
-		}
-		return this.open = !0, r(this, "sl-after-show");
-	}
-	async hide() {
-		if (!this.open || this.disabled) {
-			this.open = !1;
-			return;
-		}
-		return this.open = !1, r(this, "sl-after-hide");
-	}
-	checkValidity() {
-		return this.valueInput.checkValidity();
-	}
-	getForm() {
-		return this.formControlController.getForm();
-	}
-	reportValidity() {
-		return this.valueInput.reportValidity();
-	}
-	setCustomValidity(e) {
-		this.valueInput.setCustomValidity(e), this.formControlController.updateValidity();
-	}
-	focus(e) {
-		this.displayInput.focus(e);
-	}
-	blur() {
-		this.displayInput.blur();
-	}
-	render() {
-		let e = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), n = this.label ? !0 : !!e, r = this.helpText ? !0 : !!t, i = this.clearable && !this.disabled && this.value.length > 0, a = this.placeholder && this.value && this.value.length <= 0;
-		return C`
-      <div
-        part="form-control"
-        class=${m({
-			"form-control": !0,
-			"form-control--small": this.size === "small",
-			"form-control--medium": this.size === "medium",
-			"form-control--large": this.size === "large",
-			"form-control--has-label": n,
-			"form-control--has-help-text": r
-		})}
-      >
-        <label
-          id="label"
-          part="form-control-label"
-          class="form-control__label"
-          aria-hidden=${n ? "false" : "true"}
-          @click=${this.handleLabelClick}
-        >
-          <slot name="label">${this.label}</slot>
-        </label>
-
-        <div part="form-control-input" class="form-control-input">
-          <sl-popup
-            class=${m({
-			select: !0,
-			"select--standard": !0,
-			"select--filled": this.filled,
-			"select--pill": this.pill,
-			"select--open": this.open,
-			"select--disabled": this.disabled,
-			"select--multiple": this.multiple,
-			"select--focused": this.hasFocus,
-			"select--placeholder-visible": a,
-			"select--top": this.placement === "top",
-			"select--bottom": this.placement === "bottom",
-			"select--small": this.size === "small",
-			"select--medium": this.size === "medium",
-			"select--large": this.size === "large"
-		})}
-            placement=${this.placement}
-            strategy=${this.hoist ? "fixed" : "absolute"}
-            flip
-            shift
-            sync="width"
-            auto-size="vertical"
-            auto-size-padding="10"
-          >
-            <div
-              part="combobox"
-              class="select__combobox"
-              slot="anchor"
-              @keydown=${this.handleComboboxKeyDown}
-              @mousedown=${this.handleComboboxMouseDown}
-            >
-              <slot part="prefix" name="prefix" class="select__prefix"></slot>
-
-              <input
-                part="display-input"
-                class="select__display-input"
-                type="text"
-                placeholder=${this.placeholder}
-                .disabled=${this.disabled}
-                .value=${this.displayLabel}
-                autocomplete="off"
-                spellcheck="false"
-                autocapitalize="off"
-                readonly
-                aria-controls="listbox"
-                aria-expanded=${this.open ? "true" : "false"}
-                aria-haspopup="listbox"
-                aria-labelledby="label"
-                aria-disabled=${this.disabled ? "true" : "false"}
-                aria-describedby="help-text"
-                role="combobox"
-                tabindex="0"
-                @focus=${this.handleFocus}
-                @blur=${this.handleBlur}
-              />
-
-              ${this.multiple ? C`<div part="tags" class="select__tags">${this.tags}</div>` : ""}
-
-              <input
-                class="select__value-input"
-                type="text"
-                ?disabled=${this.disabled}
-                ?required=${this.required}
-                .value=${Array.isArray(this.value) ? this.value.join(", ") : this.value}
-                tabindex="-1"
-                aria-hidden="true"
-                @focus=${() => this.focus()}
-                @invalid=${this.handleInvalid}
-              />
-
-              ${i ? C`
-                    <button
-                      part="clear-button"
-                      class="select__clear"
-                      type="button"
-                      aria-label=${this.localize.term("clearEntry")}
-                      @mousedown=${this.handleClearMouseDown}
-                      @click=${this.handleClearClick}
-                      tabindex="-1"
-                    >
-                      <slot name="clear-icon">
-                        <sl-icon name="x-circle-fill" library="system"></sl-icon>
-                      </slot>
-                    </button>
-                  ` : ""}
-
-              <slot name="suffix" part="suffix" class="select__suffix"></slot>
-
-              <slot name="expand-icon" part="expand-icon" class="select__expand-icon">
-                <sl-icon library="system" name="chevron-down"></sl-icon>
-              </slot>
-            </div>
-
-            <div
-              id="listbox"
-              role="listbox"
-              aria-expanded=${this.open ? "true" : "false"}
-              aria-multiselectable=${this.multiple ? "true" : "false"}
-              aria-labelledby="label"
-              part="listbox"
-              class="select__listbox"
-              tabindex="-1"
-              @mouseup=${this.handleOptionClick}
-              @slotchange=${this.handleDefaultSlotChange}
-            >
-              <slot></slot>
-            </div>
-          </sl-popup>
-        </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.TP2GB2HO.js
-D.styles = [
-	p,
-	v,
-	E
-], D.dependencies = {
-	"sl-icon": f,
-	"sl-popup": b,
-	"sl-tag": T
-}, u([n(".select")], D.prototype, "popup", 2), u([n(".select__combobox")], D.prototype, "combobox", 2), u([n(".select__display-input")], D.prototype, "displayInput", 2), u([n(".select__value-input")], D.prototype, "valueInput", 2), u([n(".select__listbox")], D.prototype, "listbox", 2), u([t()], D.prototype, "hasFocus", 2), u([t()], D.prototype, "displayLabel", 2), u([t()], D.prototype, "currentOption", 2), u([t()], D.prototype, "selectedOptions", 2), u([t()], D.prototype, "valueHasChanged", 2), u([e()], D.prototype, "name", 2), u([t()], D.prototype, "value", 1), u([e({ attribute: "value" })], D.prototype, "defaultValue", 2), u([e({ reflect: !0 })], D.prototype, "size", 2), u([e()], D.prototype, "placeholder", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], D.prototype, "multiple", 2), u([e({
-	attribute: "max-options-visible",
-	type: Number
-})], D.prototype, "maxOptionsVisible", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], D.prototype, "disabled", 2), u([e({ type: Boolean })], D.prototype, "clearable", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], D.prototype, "open", 2), u([e({ type: Boolean })], D.prototype, "hoist", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], D.prototype, "filled", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], D.prototype, "pill", 2), u([e()], D.prototype, "label", 2), u([e({ reflect: !0 })], D.prototype, "placement", 2), u([e({ attribute: "help-text" })], D.prototype, "helpText", 2), u([e({ reflect: !0 })], D.prototype, "form", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], D.prototype, "required", 2), u([e()], D.prototype, "getTag", 2), u([l("disabled", { waitUntilFirstUpdate: !0 })], D.prototype, "handleDisabledChange", 1), u([l(["defaultValue", "value"], { waitUntilFirstUpdate: !0 })], D.prototype, "handleValueChange", 1), u([l("open", { waitUntilFirstUpdate: !0 })], D.prototype, "handleOpenChange", 1), s("select.show", {
-	keyframes: [{
-		opacity: 0,
-		scale: .9
-	}, {
-		opacity: 1,
-		scale: 1
-	}],
-	options: {
-		duration: 100,
-		easing: "ease"
-	}
-}), s("select.hide", {
-	keyframes: [{
-		opacity: 1,
-		scale: 1
-	}, {
-		opacity: 0,
-		scale: .9
-	}],
-	options: {
-		duration: 100,
-		easing: "ease"
-	}
-}), D.define("sl-select");
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.FXXKMG2P.js
-var O = S`
-  :host {
-    display: block;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  :host(:focus) {
-    outline: none;
-  }
-
-  .option {
-    position: relative;
-    display: flex;
-    align-items: center;
-    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-normal);
-    letter-spacing: var(--sl-letter-spacing-normal);
-    color: var(--sl-color-neutral-700);
-    padding: var(--sl-spacing-x-small) var(--sl-spacing-medium) var(--sl-spacing-x-small) var(--sl-spacing-x-small);
-    transition: var(--sl-transition-fast) fill;
-    cursor: pointer;
-  }
-
-  .option--hover:not(.option--current):not(.option--disabled) {
-    background-color: var(--sl-color-neutral-100);
-    color: var(--sl-color-neutral-1000);
-  }
-
-  .option--current,
-  .option--current.option--disabled {
-    background-color: var(--sl-color-primary-600);
-    color: var(--sl-color-neutral-0);
-    opacity: 1;
-  }
-
-  .option--disabled {
-    outline: none;
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .option__label {
-    flex: 1 1 auto;
-    display: inline-block;
-    line-height: var(--sl-line-height-dense);
-  }
-
-  .option .option__check {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    visibility: hidden;
-    padding-inline-end: var(--sl-spacing-2x-small);
-  }
-
-  .option--selected .option__check {
-    visibility: visible;
-  }
-
-  .option__prefix,
-  .option__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .option__prefix::slotted(*) {
-    margin-inline-end: var(--sl-spacing-x-small);
-  }
-
-  .option__suffix::slotted(*) {
-    margin-inline-start: var(--sl-spacing-x-small);
-  }
-
-  @media (forced-colors: active) {
-    :host(:hover:not([aria-disabled='true'])) .option {
-      outline: dashed 1px SelectedItem;
-      outline-offset: -1px;
-    }
-  }
-`, k = class extends d {
-	constructor() {
-		super(...arguments), this.localize = new g(this), this.isInitialized = !1, this.current = !1, this.selected = !1, this.hasHover = !1, this.value = "", this.disabled = !1;
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("role", "option"), this.setAttribute("aria-selected", "false");
-	}
-	handleDefaultSlotChange() {
-		this.isInitialized ? customElements.whenDefined("sl-select").then(() => {
-			let e = this.closest("sl-select");
-			e && e.handleDefaultSlotChange();
-		}) : this.isInitialized = !0;
-	}
-	handleMouseEnter() {
-		this.hasHover = !0;
-	}
-	handleMouseLeave() {
-		this.hasHover = !1;
-	}
-	handleDisabledChange() {
-		this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-	}
-	handleSelectedChange() {
-		this.setAttribute("aria-selected", this.selected ? "true" : "false");
-	}
-	handleValueChange() {
-		typeof this.value != "string" && (this.value = String(this.value)), this.value.includes(" ") && (console.error("Option values cannot include a space. All spaces have been replaced with underscores.", this), this.value = this.value.replace(/ /g, "_"));
-	}
-	getTextLabel() {
-		let e = this.childNodes, t = "";
-		return [...e].forEach((e) => {
-			e.nodeType === Node.ELEMENT_NODE && (e.hasAttribute("slot") || (t += e.textContent)), e.nodeType === Node.TEXT_NODE && (t += e.textContent);
-		}), t.trim();
-	}
-	render() {
-		return C`
-      <div
-        part="base"
-        class=${m({
-			option: !0,
-			"option--current": this.current,
-			"option--disabled": this.disabled,
-			"option--selected": this.selected,
-			"option--hover": this.hasHover
-		})}
-        @mouseenter=${this.handleMouseEnter}
-        @mouseleave=${this.handleMouseLeave}
-      >
-        <sl-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></sl-icon>
-        <slot part="prefix" name="prefix" class="option__prefix"></slot>
-        <slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot>
-        <slot part="suffix" name="suffix" class="option__suffix"></slot>
-      </div>
-    `;
-	}
-};
-//#endregion
-//#region node_modules/@shoelace-style/shoelace/dist/chunks/chunk.JXOKFADN.js
-k.styles = [p, O], k.dependencies = { "sl-icon": f }, u([n(".option__label")], k.prototype, "defaultSlot", 2), u([t()], k.prototype, "current", 2), u([t()], k.prototype, "selected", 2), u([t()], k.prototype, "hasHover", 2), u([e({ reflect: !0 })], k.prototype, "value", 2), u([e({
-	type: Boolean,
-	reflect: !0
-})], k.prototype, "disabled", 2), u([l("disabled")], k.prototype, "handleDisabledChange", 1), u([l("selected")], k.prototype, "handleSelectedChange", 1), u([l("value")], k.prototype, "handleValueChange", 1), k.define("sl-option");
-//#endregion