@tarragon-ui/js 0.11.0 → 0.12.1

package/dist/tarragon-ui.js

@@ -1,1389 +1,1064 @@
-const k = "tui-", K = `data-${k}`, h = (e) => K + e, S = (e, t) => `[${h(e)}${t ? `="${t}"` : ""}]`, v = "hidden", B = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', R = 1e3;
-var m = /* @__PURE__ */ ((e) => (e.Click = "click", e.DoubleClick = "dblclick", e.MouseUp = "mouseup", e.MouseDown = "mousedown", e.ContextMenu = "contextmenu", e.MouseWheel = "mousewheel", e.DOMMouseScroll = "DOMMouseScroll", e.MouseOver = "mouseover", e.MouseOut = "mouseout", e.MouseMove = "mousemove", e.SelectStart = "selectstart", e.SelectEnd = "selectend", e.KeyDown = "keydown", e.KeyPress = "keypress", e.KeyUp = "keyup", e.OrientationChange = "orientationchange", e.TouchStart = "touchstart", e.TouchMove = "touchmove", e.TouchEnd = "touchend", e.TouchCancel = "touchcancel", e.PointerDown = "pointerdown", e.PointerMove = "pointermove", e.PointerUp = "pointerup", e.PointerLeave = "pointerleave", e.PointerCancel = "pointercancel", e.GestureStart = "gesturestart", e.GestureChange = "gesturechange", e.GestureEnd = "gestureend", e.Focus = "focus", e.Blur = "blur", e.Change = "change", e.Reset = "reset", e.Select = "select", e.Submit = "submit", e.FocusIn = "focusin", e.FocusOut = "focusout", e.Load = "load", e.Unload = "unload", e.BeforeUnload = "beforeunload", e.BeforeToggle = "beforetoggle", e.Resize = "resize", e.Move = "move", e.DOMContentLoaded = "DOMContentLoaded", e.ReadyStateChange = "readystatechange", e.Error = "error", e.Abort = "abort", e.Scroll = "scroll", e.Input = "input", e.Toggle = "toggle", e.Close = "close", e))(m || {});
-const c = {
-  AjaxForm: {
-    Name: `${k}ajax-form`,
-    Event: { Form: "form" }
-  },
-  AjaxHtml: {
-    Name: `${k}ajax-html`
-  },
-  Dropdown: {
-    Name: `${k}dropdown`
-  },
-  ExclusiveCheckbox: {
-    Name: `${k}exclusive-checkbox`,
-    Event: { Toggle: "toggle" }
-  },
-  SelectAll: { Name: `${k}select-all`, Event: { Toggle: "toggle" } },
-  SearchFilter: { Name: `${k}search-filter` },
-  Tabs: { Name: `${k}tabs` },
-  UntilSelected: { Name: `${k}until-selected` },
-  ValidateForm: {
-    Name: `${k}validate-form`,
-    Event: { Validate: "validate" }
-  }
+//#region src/constants.ts
+var e = "tui-", t = `data-${e}`, n = (e) => t + e, r = (e, t) => `[${n(e)}${t ? `="${t}"` : ""}]`, i = "hidden", a = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", o = 1e3, s = /* @__PURE__ */ function(e) {
+	return e.Click = "click", e.DoubleClick = "dblclick", e.MouseUp = "mouseup", e.MouseDown = "mousedown", e.ContextMenu = "contextmenu", e.MouseWheel = "mousewheel", e.DOMMouseScroll = "DOMMouseScroll", e.MouseOver = "mouseover", e.MouseOut = "mouseout", e.MouseMove = "mousemove", e.SelectStart = "selectstart", e.SelectEnd = "selectend", e.KeyDown = "keydown", e.KeyPress = "keypress", e.KeyUp = "keyup", e.OrientationChange = "orientationchange", e.TouchStart = "touchstart", e.TouchMove = "touchmove", e.TouchEnd = "touchend", e.TouchCancel = "touchcancel", e.PointerDown = "pointerdown", e.PointerMove = "pointermove", e.PointerUp = "pointerup", e.PointerLeave = "pointerleave", e.PointerCancel = "pointercancel", e.GestureStart = "gesturestart", e.GestureChange = "gesturechange", e.GestureEnd = "gestureend", e.Focus = "focus", e.Blur = "blur", e.Change = "change", e.Reset = "reset", e.Select = "select", e.Submit = "submit", e.FocusIn = "focusin", e.FocusOut = "focusout", e.Load = "load", e.Unload = "unload", e.BeforeUnload = "beforeunload", e.BeforeToggle = "beforetoggle", e.Resize = "resize", e.Move = "move", e.DOMContentLoaded = "DOMContentLoaded", e.ReadyStateChange = "readystatechange", e.Error = "error", e.Abort = "abort", e.Scroll = "scroll", e.Input = "input", e.Toggle = "toggle", e.Close = "close", e;
+}({}), c = {
+	AjaxForm: {
+		Name: `${e}ajax-form`,
+		Event: { Form: "form" }
+	},
+	AjaxHtml: { Name: `${e}ajax-html` },
+	Dropdown: { Name: `${e}dropdown` },
+	ExclusiveCheckbox: {
+		Name: `${e}exclusive-checkbox`,
+		Event: { Toggle: "toggle" }
+	},
+	SelectAll: {
+		Name: `${e}select-all`,
+		Event: { Toggle: "toggle" }
+	},
+	SearchFilter: { Name: `${e}search-filter` },
+	Tabs: { Name: `${e}tabs` },
+	UntilSelected: {
+		Name: `${e}until-selected`,
+		Event: { Toggle: "toggle" }
+	},
+	ValidateForm: {
+		Name: `${e}validate-form`,
+		Event: { Validate: "validate" }
+	}
 };
-function A(e, t, s, n = !1) {
-  const a = new Event(`${e}:${t}`, {
-    bubbles: !0,
-    cancelable: n
-  });
-  return s.dispatchEvent(a);
+//#endregion
+//#region src/emitEvent.ts
+function l(e, t, n, r = !1) {
+	let i = new Event(`${e}:${t}`, {
+		bubbles: !0,
+		cancelable: r
+	});
+	return n.dispatchEvent(i);
 }
-const q = "validate-group";
-customElements.define(
-  c.ValidateForm.Name,
-  class extends HTMLElement {
-    form = null;
-    groups = void 0;
-    connectedCallback() {
-      if (this.form = this.querySelector("form"), !this.form) {
-        console.warn("No form was found");
-        return;
-      }
-      this.groups = Array.from(
-        this.form.querySelectorAll(S(q))
-      ), this.form.setAttribute("novalidate", ""), this.form.addEventListener("submit", this.onSubmit), this.form.addEventListener("input", this.onInput), this.form.addEventListener("blur", this.onBlur, { capture: !0 }), A(c.ValidateForm.Name, c.ValidateForm.Event.Validate, this), this.setAttribute(h("is-ready"), "");
-    }
-    disconnectedCallback() {
-      this.form && (this.form.removeEventListener("submit", this.onSubmit), this.form.removeEventListener("input", this.onInput), this.form.removeEventListener("blur", this.onBlur, { capture: !0 }));
-    }
-    /**
-     * Handle input events
-     * @param {Event} event The event object
-     */
-    onInput = (e) => {
-      if (!(e.target instanceof Element)) return;
-      const t = e.target.closest(S(q)), s = t ?? e.target;
-      if (t?.setAttribute(h(q), "interacted"), !(!t && s.getAttribute("aria-invalid") !== "true")) {
-        if (t) {
-          this.isGroupValid(t);
-          return;
-        }
-        this.isFieldValid(s);
-      }
-    };
-    /**
-     * Handle blur events
-     * @param {Event} event The event object
-     */
-    onBlur = (e) => {
-      if (!(e.target instanceof Element)) return;
-      const t = e.target.closest(`[${q}="interacted"]`);
-      if (t) {
-        this.isGroupValid(t);
-        return;
-      }
-      if (!e.target.matches(":user-invalid")) {
-        this.removeError(e.target);
-        return;
-      }
-      this.showError(e.target);
-    };
-    /**
-     * Handle submit events
-     * @param {Event} event The event object
-     */
-    onSubmit = (e) => {
-      if (!A(
-        c.ValidateForm.Name,
-        c.ValidateForm.Event.Validate,
-        this,
-        !0
-      )) return;
-      const s = this.checkGroupValidity();
-      if (this.checkFieldValidity() && s) {
-        A(c.ValidateForm.Name, c.ValidateForm.Event.Validate, this);
-        return;
-      }
-      e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.form?.querySelector(
-        'input:invalid, [aria-invalid="true"] :is([type="checkbox"], [type="radio"])'
-      )?.focus({ focusVisible: !0 }), A(c.ValidateForm.Name, c.ValidateForm.Event.Validate, this);
-    };
-    /**
-     * Check the validity of fields that can be validated with HTMLFormElement.checkValidity().
-     * Show error messages for fields that are not.
-     *
-     * @return {Boolean} If true, all fields are valid
-     */
-    checkFieldValidity() {
-      if (!this.form || this.form.checkValidity()) return !0;
-      const e = this.form.querySelectorAll(":invalid");
-      for (const t of e)
-        t instanceof HTMLElement && this.showError(t);
-      return !1;
-    }
-    /**
-     * Check if an input is valid and show/remove errors
-     * @param  {Element} field The field to validate
-     * @return {Boolean}       If true, field is valid
-     */
-    isFieldValid(e) {
-      return e.matches(":invalid") ? (this.showError(e), !1) : (this.removeError(e), !0);
-    }
-    /**
-     * Check the validity of all input groups
-     * @return {Boolean} If true, all groups are valid
-     */
-    checkGroupValidity() {
-      if (!this.groups) return !0;
-      let e = !0;
-      for (const t of this.groups)
-        t instanceof HTMLElement && (this.isGroupValid(t) || (e = !1));
-      return e;
-    }
-    /**
-     * Check if an input group is valid and show/remove errors
-     * @param  {Element} group The input group
-     * @return {Boolean}       If true, the group is valid
-     */
-    isGroupValid(e) {
-      return e.querySelector("input:checked") ? (this.removeError(e), !0) : (this.showError(e, !0), !1);
-    }
-    /**
-     * Show error message on a field
-     * @param  {Element} field   The field or fieldset
-     * @param  {Boolean} isGroup If true, field is a fieldset input group
-     */
-    showError(e, t = !1) {
-      const s = this.getMessage(e, t);
-      if (!s) return;
-      e.setAttribute("aria-invalid", "true");
-      const n = this.querySelector(
-        S("validation-message-template")
-      ), a = !!n, l = e.getAttribute("aria-describedby"), u = l ?? `${k}${crypto.randomUUID()}`;
-      if (l) {
-        const f = this.form?.querySelector(`#${l}`);
-        if (f) {
-          if (a) {
-            const p = f.querySelector(
-              S("slot", "form-message")
-            );
-            p && (p.textContent = s), f.id = u, e.setAttribute("aria-describedby", u);
-            return;
-          }
-          f.textContent = s, f.id = u, e.setAttribute("aria-describedby", u);
-          return;
-        }
-      }
-      let g;
-      if (a) {
-        g = n.content.cloneNode(!0).firstElementChild, g.id = u;
-        const p = g.querySelector(
-          S("slot", "form-message")
-        );
-        p && (p.textContent = s);
-      } else
-        g = document.createElement("p"), g.textContent = s, g.id = u, g.className = "form-message";
-      e.setAttribute("aria-describedby", u), t ? e.append(g) : e.after(g);
-    }
-    /**
-     * Get the error message text
-     * @param  {Element} field   The field or fieldset
-     * @param  {Boolean} isGroup If true, field is a fieldset input group
-     * @return {String} The error message
-     */
-    getMessage(e, t = !1) {
-      const s = e.getAttribute(h("validate-message"));
-      if (s) return s;
-      if (t) {
-        const a = this.getAttribute(h("checkbox-group-message")) ?? "Please select at least one option.", l = this.getAttribute(h("radio-group-message")) ?? "Please select an option.";
-        return e.querySelector('[type="checkbox"]') ? a : l;
-      }
-      return "validationMessage" in e ? e.validationMessage : "";
-    }
-    /**
-     * Remove the error message from a field
-     * @param  {Element} field The field or fieldset
-     */
-    removeError(e) {
-      e.removeAttribute("aria-invalid");
-      const t = e.getAttribute("aria-describedby");
-      t && this.form?.querySelector(`#${t}`)?.remove();
-    }
-  }
-);
-class C {
-  static instance = void 0;
-  baseHeaders = void 0;
-  constructor(t = {}) {
-    this.baseHeaders = t;
-  }
-  // Singleton pattern with initial configuration.
-  // Subsequent calls without arguments will return the existing instance.
-  // If arguments are provided, it reconfigures the existing instance or creates a new one.
-  static getInstance(t) {
-    return C.instance ? t && (C.instance.baseHeaders = {
-      ...C.instance.baseHeaders,
-      ...t
-    }) : C.instance = new C(t), C.instance;
-  }
-  isMethod(t) {
-    return ["GET", "PUT", "POST", "PATCH", "DELETE"].includes(t.toUpperCase());
-  }
-  buildQueryString(t) {
-    if (!t) return "";
-    const s = new URLSearchParams(t).toString();
-    return s ? `?${s}` : "";
-  }
-  buildHeaders(t) {
-    return {
-      ...this.baseHeaders,
-      ...t
-    };
-  }
-  async send(t, s, n) {
-    try {
-      const a = s.toUpperCase(), l = this.buildQueryString(n.queryParameters), u = `${t}${l}`, g = {
-        method: a,
-        headers: this.buildHeaders(n.headers)
-      };
-      a !== "GET" && "data" in n && n.data && (g.body = n.data);
-      const f = await fetch(u, g);
-      if (!f.ok) {
-        const b = {
-          message: "Request failed",
-          status: f.status
-        };
-        if (f.headers.get("content-type")?.includes("application/json"))
-          try {
-            const y = await f.json();
-            b.message = y.message ?? y.error ?? b.message;
-          } catch (y) {
-            b.message = `Failed to parse error JSON: ${b.message}`, b.error = y instanceof Error ? y : new Error(String(y));
-          }
-        else {
-          const y = await f.text();
-          y && (b.message = `Server responded with an error: ${y.substring(0, 100)}`);
-        }
-        return [b, void 0];
-      }
-      const p = f.headers.get("content-type");
-      if (p?.includes("application/json"))
-        return [void 0, await f.json()];
-      if (p?.includes("text/html")) {
-        const b = await f.text();
-        return [void 0, { type: "html", document: new DOMParser().parseFromString(b, "text/html") }];
-      } else if (p?.includes("text/plain"))
-        return [void 0, { type: "json", message: await f.text() }];
-      return [void 0, { type: "json", message: "Request successful, no content." }];
-    } catch (a) {
-      return a instanceof Error ? [{ message: "Network error", error: a }, void 0] : [{ message: "An unknown error occurred" }, void 0];
-    }
-  }
-  get(t, s) {
-    return this.send(t, "GET", s ?? {});
-  }
-  put(t, s) {
-    return this.send(t, "PUT", s ?? {});
-  }
-  post(t, s) {
-    return this.send(t, "POST", s ?? {});
-  }
-  patch(t, s) {
-    return this.send(t, "PATCH", s ?? {});
-  }
-  delete(t, s) {
-    return this.send(t, "DELETE", s ?? {});
-  }
+//#endregion
+//#region src/components/validate-form/validate-form.ts
+var u = "validate-group";
+customElements.define(c.ValidateForm.Name, class extends HTMLElement {
+	form = null;
+	groups = void 0;
+	connectedCallback() {
+		if (this.form = this.querySelector("form"), !this.form) {
+			console.warn("No form was found");
+			return;
+		}
+		this.groups = Array.from(this.form.querySelectorAll(r(u))), this.form.setAttribute("novalidate", ""), this.form.addEventListener("submit", this.onSubmit), this.form.addEventListener("input", this.onInput), this.form.addEventListener("blur", this.onBlur, { capture: !0 }), l(c.ValidateForm.Name, c.ValidateForm.Event.Validate, this), this.setAttribute(n("is-ready"), "");
+	}
+	disconnectedCallback() {
+		this.form && (this.form.removeEventListener("submit", this.onSubmit), this.form.removeEventListener("input", this.onInput), this.form.removeEventListener("blur", this.onBlur, { capture: !0 }));
+	}
+	onInput = (e) => {
+		if (!(e.target instanceof Element)) return;
+		let t = e.target.closest(r(u)), i = t ?? e.target;
+		if (t?.setAttribute(n(u), "interacted"), !(!t && i.getAttribute("aria-invalid") !== "true")) {
+			if (t) {
+				this.isGroupValid(t);
+				return;
+			}
+			this.isFieldValid(i);
+		}
+	};
+	onBlur = (e) => {
+		if (!(e.target instanceof Element)) return;
+		let t = e.target.closest(`[${u}="interacted"]`);
+		if (t) {
+			this.isGroupValid(t);
+			return;
+		}
+		if (!e.target.matches(":user-invalid")) {
+			this.removeError(e.target);
+			return;
+		}
+		this.showError(e.target);
+	};
+	onSubmit = (e) => {
+		if (!l(c.ValidateForm.Name, c.ValidateForm.Event.Validate, this, !0)) return;
+		let t = this.checkGroupValidity();
+		if (this.checkFieldValidity() && t) {
+			l(c.ValidateForm.Name, c.ValidateForm.Event.Validate, this);
+			return;
+		}
+		e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), (this.form?.querySelector("input:invalid, [aria-invalid=\"true\"] :is([type=\"checkbox\"], [type=\"radio\"])"))?.focus({ focusVisible: !0 }), l(c.ValidateForm.Name, c.ValidateForm.Event.Validate, this);
+	};
+	checkFieldValidity() {
+		if (!this.form || this.form.checkValidity()) return !0;
+		let e = this.form.querySelectorAll(":invalid");
+		for (let t of e) t instanceof HTMLElement && this.showError(t);
+		return !1;
+	}
+	isFieldValid(e) {
+		return e.matches(":invalid") ? (this.showError(e), !1) : (this.removeError(e), !0);
+	}
+	checkGroupValidity() {
+		if (!this.groups) return !0;
+		let e = !0;
+		for (let t of this.groups) t instanceof HTMLElement && (this.isGroupValid(t) || (e = !1));
+		return e;
+	}
+	isGroupValid(e) {
+		return e.querySelector("input:checked") ? (this.removeError(e), !0) : (this.showError(e, !0), !1);
+	}
+	showError(e, t = !1) {
+		let n = this.getMessage(e, t);
+		if (!n) return;
+		e.setAttribute("aria-invalid", "true");
+		let i = this.querySelector(r("validation-message-template")), a = !!i, o = e.getAttribute("aria-describedby"), s = o ?? `tui-${crypto.randomUUID()}`;
+		if (o) {
+			let t = this.form?.querySelector(`#${o}`);
+			if (t) {
+				if (a) {
+					let i = t.querySelector(r("slot", "form-message"));
+					i && (i.textContent = n), t.id = s, e.setAttribute("aria-describedby", s);
+					return;
+				}
+				t.textContent = n, t.id = s, e.setAttribute("aria-describedby", s);
+				return;
+			}
+		}
+		let c;
+		if (a) {
+			c = i.content.cloneNode(!0).firstElementChild, c.id = s;
+			let e = c.querySelector(r("slot", "form-message"));
+			e && (e.textContent = n);
+		} else c = document.createElement("p"), c.textContent = n, c.id = s, c.className = "form-message";
+		e.setAttribute("aria-describedby", s), t ? e.append(c) : e.after(c);
+	}
+	getMessage(e, t = !1) {
+		let r = e.getAttribute(n("validate-message"));
+		if (r) return r;
+		if (t) {
+			let t = this.getAttribute(n("checkbox-group-message")) ?? "Please select at least one option.", r = this.getAttribute(n("radio-group-message")) ?? "Please select an option.";
+			return e.querySelector("[type=\"checkbox\"]") ? t : r;
+		}
+		return "validationMessage" in e ? e.validationMessage : "";
+	}
+	removeError(e) {
+		e.removeAttribute("aria-invalid");
+		let t = e.getAttribute("aria-describedby");
+		t && this.form?.querySelector(`#${t}`)?.remove();
+	}
+});
+var d = class e {
+	static instance = void 0;
+	baseHeaders = void 0;
+	constructor(e = {}) {
+		this.baseHeaders = e;
+	}
+	static getInstance(t) {
+		return e.instance ? t && (e.instance.baseHeaders = {
+			...e.instance.baseHeaders,
+			...t
+		}) : e.instance = new e(t), e.instance;
+	}
+	isMethod(e) {
+		return [
+			"GET",
+			"PUT",
+			"POST",
+			"PATCH",
+			"DELETE"
+		].includes(e.toUpperCase());
+	}
+	buildQueryString(e) {
+		if (!e) return "";
+		let t = new URLSearchParams(e).toString();
+		return t ? `?${t}` : "";
+	}
+	buildHeaders(e) {
+		return {
+			...this.baseHeaders,
+			...e
+		};
+	}
+	async send(e, t, n) {
+		try {
+			let r = t.toUpperCase(), i = `${e}${this.buildQueryString(n.queryParameters)}`, a = {
+				method: r,
+				headers: this.buildHeaders(n.headers)
+			};
+			r !== "GET" && "data" in n && n.data && (a.body = n.data);
+			let o = await fetch(i, a);
+			if (!o.ok) {
+				let e = {
+					message: "Request failed",
+					status: o.status
+				};
+				if (o.headers.get("content-type")?.includes("application/json")) try {
+					let t = await o.json();
+					e.message = t.message ?? t.error ?? e.message;
+				} catch (t) {
+					e.message = `Failed to parse error JSON: ${e.message}`, e.error = t instanceof Error ? t : Error(String(t));
+				}
+				else {
+					let t = await o.text();
+					t && (e.message = `Server responded with an error: ${t.substring(0, 100)}`);
+				}
+				return [e, void 0];
+			}
+			let s = o.headers.get("content-type");
+			if (s?.includes("application/json")) return [void 0, await o.json()];
+			if (s?.includes("text/html")) {
+				let e = await o.text();
+				return [void 0, {
+					type: "html",
+					document: new DOMParser().parseFromString(e, "text/html")
+				}];
+			} else if (s?.includes("text/plain")) return [void 0, {
+				type: "json",
+				message: await o.text()
+			}];
+			return [void 0, {
+				type: "json",
+				message: "Request successful, no content."
+			}];
+		} catch (e) {
+			return e instanceof Error ? [{
+				message: "Network error",
+				error: e
+			}, void 0] : [{ message: "An unknown error occurred" }, void 0];
+		}
+	}
+	get(e, t) {
+		return this.send(e, "GET", t ?? {});
+	}
+	put(e, t) {
+		return this.send(e, "PUT", t ?? {});
+	}
+	post(e, t) {
+		return this.send(e, "POST", t ?? {});
+	}
+	patch(e, t) {
+		return this.send(e, "PATCH", t ?? {});
+	}
+	delete(e, t) {
+		return this.send(e, "DELETE", t ?? {});
+	}
+}.getInstance({ "Content-Type": "application/json" }), f = { staleTime: 0 }, p = class e {
+	static instance = void 0;
+	cache = /* @__PURE__ */ new Map();
+	subscriptions = /* @__PURE__ */ new Map();
+	refetchIntervals = /* @__PURE__ */ new Map();
+	static getInstance() {
+		return e.instance ??= new e(), e.instance;
+	}
+	updateQueryState(e, t, n) {
+		let r = this.cache.get(e), i = r ? { ...r } : {
+			data: void 0,
+			isFetching: !1,
+			error: null,
+			meta: { ...f }
+		};
+		n && (i.meta = {
+			...i.meta,
+			...n
+		});
+		let a = {
+			...i,
+			...t
+		};
+		a.meta = {
+			...f,
+			...i.meta
+		}, this.cache.set(e, a), this.notifySubscribers(e, a), this.manageRefetchInterval(e, a.meta.staleTime);
+	}
+	notifySubscribers(e, t) {
+		this.subscriptions.get(e)?.forEach((e) => {
+			e(t);
+		});
+	}
+	manageRefetchInterval(e, t) {
+		let n = this.refetchIntervals.get(e);
+		if (n && (clearInterval(n), this.refetchIntervals.delete(e)), t && t > 0 && this.subscriptions.has(e) && this.subscriptions.get(e).size > 0) {
+			let n = window.setInterval(() => {
+				this.invalidateQuery(e);
+			}, t);
+			this.refetchIntervals.set(e, n);
+		}
+	}
+	subscribe(e, t, n) {
+		this.subscriptions.has(e) || this.subscriptions.set(e, /* @__PURE__ */ new Set()), this.subscriptions.get(e).add(t), this.updateQueryState(e, {}, n);
+		let r = this.cache.get(e);
+		return r && t(r), this.manageRefetchInterval(e, r?.meta.staleTime ?? 0), () => {
+			this.subscriptions.get(e)?.delete(t), this.subscriptions.get(e)?.size === 0 && (this.subscriptions.delete(e), this.manageRefetchInterval(e, 0));
+		};
+	}
+	get(e) {
+		let t = this.cache.get(e);
+		if (t) return t;
+	}
+	setQueryData(e, t, n) {
+		this.updateQueryState(e, {
+			data: t,
+			error: null,
+			isFetching: !1
+		}, n);
+	}
+	async fetchQuery(e, t) {
+		let n = this.cache.get(e);
+		if (!n || n.isFetching) return;
+		this.updateQueryState(e, {
+			isFetching: !0,
+			error: null
+		});
+		let [r, i] = await d.get(e);
+		if (r) {
+			this.updateQueryState(e, {
+				error: r.message,
+				isFetching: !1
+			}, t);
+			return;
+		}
+		this.updateQueryState(e, {
+			data: i,
+			isFetching: !1,
+			error: null
+		}, t);
+	}
+	invalidateQuery(e) {
+		let t = this.cache.get(e);
+		if (!t) {
+			console.warn(`No query exists for key: ${e}`);
+			return;
+		}
+		t.isFetching || this.fetchQuery(e);
+	}
+}.getInstance();
+//#endregion
+//#region src/components/ajax-html/ajax-html.ts
+customElements.define(c.AjaxForm.Name, class extends HTMLElement {
+	form = null;
+	announce = null;
+	announceTitle = null;
+	spinner = null;
+	messageSubmitting = "Submitting...";
+	messageSuccess = "Data submitted successfully";
+	messageError = "An error occurred";
+	actionOnSuccess = "none";
+	keepFields = !1;
+	queryKeyToInvalidate = null;
+	isSubmittingAttribute = "is-submitting";
+	connectedCallback() {
+		if (this.form = this.querySelector("form"), !this.form) return;
+		let e = this.querySelector("[role=\"status\"]");
+		e ? (this.announce = e, this.announceTitle = e.querySelector(".alert-title")) : (this.announce = document.createElement("div"), this.announce.setAttribute("role", "status"), this.announceTitle = document.createElement("p"), this.announceTitle.className = "alert-title", this.announce.append(this.announceTitle), this.append(this.announce)), this.messageSubmitting = this.getAttribute(n("message-submitting")) ?? this.messageSubmitting, this.messageSuccess = this.getAttribute(n("message-success")) ?? this.messageSuccess, this.messageError = this.getAttribute(n("message-error")) ?? this.messageError, this.keepFields = this.hasAttribute(n("keep-fields")), this.queryKeyToInvalidate = this.getAttribute(n("query-key"));
+		let t = this.getAttribute(n("action-on-success"));
+		t === "remove-form" ? this.actionOnSuccess = "remove-form" : t === "remove-message" && (this.actionOnSuccess = "remove-message"), this.spinner = document.createElement("div"), this.spinner.className = "loading", this.spinner.innerHTML = "<div class=\"spinner\"></div>", this.append(this.spinner), this.form.addEventListener("submit", this);
+	}
+	disconnectedCallback() {
+		this.form?.removeEventListener("submit", this);
+	}
+	async handleEvent(e) {
+		e.type === "submit" && await this.handleSubmit(e);
+	}
+	async handleSubmit(e) {
+		if (!this.form || (e.preventDefault(), this.isDisabled())) return;
+		this.disable(), this.showStatus(this.messageSubmitting, "pending");
+		let { action: t, method: n } = this.form;
+		if (!d.isMethod(n)) {
+			console.error("Method is not a valid value"), this.showStatus(this.messageError, "error");
+			return;
+		}
+		let r = null;
+		this.spinner && (r = this.form.querySelector(":focus"));
+		let [i, a] = await d.send(t, n, {
+			data: this.serialize(),
+			headers: {
+				"Content-Type": "application/x-www-form-urlencoded",
+				"X-Requested-With": "XMLHttpRequest"
+			}
+		});
+		if (this.enable(), r?.focus(), i) {
+			console.error("An error occurred", i), this.showStatus(this.messageError, "error");
+			return;
+		}
+		if (this.actionOnSuccess === "remove-form" && this.form.remove(), this.keepFields || this.reset(), a.type === "html") {
+			if (!this.queryKeyToInvalidate) return;
+			p.setQueryData(this.queryKeyToInvalidate, a), this.showStatus(this.messageSuccess, "success");
+			return;
+		}
+		if (this.showStatus(a.message ?? this.messageSuccess, "success"), a.redirectUrl) {
+			window.location.href = a.redirectUrl;
+			return;
+		}
+		a.queryKey && p.invalidateQuery(a.queryKey), this.queryKeyToInvalidate && p.invalidateQuery(this.queryKeyToInvalidate), l(c.AjaxForm.Name, c.AjaxForm.Event.Form, this);
+	}
+	disable() {
+		this.setAttribute(n(this.isSubmittingAttribute), "");
+	}
+	enable() {
+		this.removeAttribute(n(this.isSubmittingAttribute));
+	}
+	isDisabled() {
+		return this.hasAttribute(n(this.isSubmittingAttribute));
+	}
+	showStatus(e, t) {
+		if (!(!this.announce || !this.announceTitle)) switch (this.announceTitle.textContent = e, this.showStatusIcon(t), t) {
+			case "success":
+				this.announce.className = "alert success", this.actionOnSuccess === "remove-message" && setTimeout(() => {
+					!this.announce || !this.announceTitle || (this.announceTitle.textContent = "", this.announce.className = "", this.showStatusIcon("pending"));
+				}, 6 * o);
+				break;
+			case "error":
+				this.announce.className = "alert danger";
+				break;
+			case "pending":
+				this.announce.className = "alert visually-hidden";
+				break;
+		}
+	}
+	showStatusIcon(e) {
+		if (!this.announce) return;
+		let t = this.announce.querySelector(r("announce-success-icon")), n = this.announce.querySelector(r("announce-error-icon"));
+		switch (e) {
+			case "success":
+				t?.removeAttribute(i), n?.setAttribute(i, "");
+				break;
+			case "error":
+				t?.setAttribute(i, ""), n?.removeAttribute(i);
+				break;
+			case "pending":
+				t?.setAttribute(i, ""), n?.setAttribute(i, "");
+				break;
+		}
+	}
+	serialize() {
+		if (!this.form) return "";
+		let e = new FormData(this.form), t = new URLSearchParams();
+		for (let [n, r] of e) r instanceof File || t.append(n, r);
+		return t.toString();
+	}
+	reset() {
+		this.form && this.form.reset();
+	}
+}), customElements.define(c.AjaxHtml.Name, class extends HTMLElement {
+	queryKey = null;
+	unsubscribe = null;
+	initialFetchTriggered = !1;
+	intersectionObserver = null;
+	staleTime;
+	connectedCallback() {
+		if (!this.id) {
+			console.warn(`${c.AjaxHtml.Name} requires a "id" attribute.`, this);
+			return;
+		}
+		if (this.queryKey = this.getAttribute(n("query-key")), !this.queryKey) {
+			console.warn(`${c.AjaxHtml.Name} requires a "query-key" attribute.`, this);
+			return;
+		}
+		this.staleTime = this.hasAttribute(n("stale-time")) ? parseInt(this.getAttribute(n("stale-time")), 10) : void 0, this.unsubscribe = p.subscribe(this.queryKey, (e) => {
+			this.renderContent(e);
+		}, { staleTime: this.staleTime });
+		let e = this.getAttribute(n("load-strategy"));
+		if (e) switch (e) {
+			case "server-side":
+				this.initialFetchTriggered = !0;
+				break;
+			case "initial":
+				this.triggerInitialFetch();
+				break;
+			case "lazy":
+				this.intersectionObserver = new IntersectionObserver(this.handleIntersection, { rootMargin: "0px 0px 100px 0px" }), this.intersectionObserver.observe(this);
+				break;
+			case "defer":
+				document.addEventListener("DOMContentLoaded", this.handleDomContentLoaded, { once: !0 });
+				break;
+		}
+		else this.initialFetchTriggered = !0;
+	}
+	disconnectedCallback() {
+		this.unsubscribe && this.unsubscribe(), document.removeEventListener("DOMContentLoaded", this.handleDomContentLoaded), this.intersectionObserver &&= (this.intersectionObserver.unobserve(this), this.intersectionObserver.disconnect(), null);
+	}
+	handleDomContentLoaded = () => {
+		this.triggerInitialFetch();
+	};
+	handleIntersection = (e) => {
+		e.forEach((e) => {
+			e.isIntersecting && (this.triggerInitialFetch(), this.intersectionObserver && this.intersectionObserver.unobserve(this));
+		});
+	};
+	triggerInitialFetch() {
+		this.queryKey && (this.initialFetchTriggered || (this.initialFetchTriggered = !0, p.invalidateQuery(this.queryKey)));
+	}
+	renderContent(e) {
+		if (!this.initialFetchTriggered || !e.data || e.data.type !== "html") return;
+		let t = e.data.document, n = t.querySelector(`#${this.id}`);
+		if (n && n.id === this.id) {
+			this.innerHTML = n.innerHTML;
+			return;
+		}
+		if (t.body.innerHTML.trim().length > 0) {
+			this.innerHTML = t.body.innerHTML;
+			return;
+		}
+		e.isFetching || (this.innerHTML = "<p>No results found.</p>");
+	}
+});
+//#endregion
+//#region src/ready.ts
+function m(e) {
+	e.setAttribute(n("state"), "ready");
 }
-const F = C.getInstance({
-  "Content-Type": "application/json"
-}), P = {
-  staleTime: 0
+//#endregion
+//#region src/components/dropdown/dropdown.ts
+var h = "[popover]", g = (e) => `[popovertarget="${e}"]`, _ = {
+	open: "open",
+	closed: "closed"
 };
-class L {
-  static instance = void 0;
-  cache = /* @__PURE__ */ new Map();
-  subscriptions = /* @__PURE__ */ new Map();
-  refetchIntervals = /* @__PURE__ */ new Map();
-  static getInstance() {
-    return L.instance ??= new L(), L.instance;
-  }
-  // Centralized state update logic
-  updateQueryState(t, s, n) {
-    const a = this.cache.get(t), l = a ? { ...a } : {
-      data: void 0,
-      isFetching: !1,
-      error: null,
-      meta: { ...P }
-    };
-    n && (l.meta = { ...l.meta, ...n });
-    const u = { ...l, ...s };
-    u.meta = {
-      ...P,
-      ...l.meta
-    }, this.cache.set(t, u), this.notifySubscribers(t, u), this.manageRefetchInterval(t, u.meta.staleTime);
-  }
-  notifySubscribers(t, s) {
-    this.subscriptions.get(t)?.forEach((n) => {
-      n(s);
-    });
-  }
-  manageRefetchInterval(t, s) {
-    const n = this.refetchIntervals.get(t);
-    if (n && (clearInterval(n), this.refetchIntervals.delete(t)), s && s > 0 && this.subscriptions.has(t) && this.subscriptions.get(t).size > 0) {
-      const a = window.setInterval(() => {
-        this.invalidateQuery(t);
-      }, s);
-      this.refetchIntervals.set(t, a);
-    }
-  }
-  /**
-   * Subscribes to a query key.
-   * @param key The query key.
-   * @param callback The function to call when the query's data or state updates.
-   * @param options Query options that might affect initial state or refetch behavior.
-   * @returns An unsubscribe function.
-   */
-  subscribe(t, s, n) {
-    this.subscriptions.has(t) || this.subscriptions.set(t, /* @__PURE__ */ new Set()), this.subscriptions.get(t).add(s), this.updateQueryState(t, {}, n);
-    const l = this.cache.get(t);
-    return l && s(l), this.manageRefetchInterval(t, l?.meta.staleTime ?? 0), () => {
-      this.subscriptions.get(t)?.delete(s), this.subscriptions.get(t)?.size === 0 && (this.subscriptions.delete(t), this.manageRefetchInterval(t, 0));
-    };
-  }
-  /**
-   * Gets the current state of a query.
-   * @param key The query key.
-   * @returns The current QueryResult, or undefined if not initialized.
-   */
-  get(t) {
-    const s = this.cache.get(t);
-    if (s)
-      return s;
-  }
-  /**
-   * Sets the data for a query key and notifies subscribers.
-   * This is used for pushing data without fetching (e.g., from mutations/forms).
-   * @param key The query key.
-   * @param data The data to set.
-   * @param options Options for this query.
-   */
-  setQueryData(t, s, n) {
-    this.updateQueryState(
-      t,
-      {
-        data: s,
-        error: null,
-        isFetching: !1
-      },
-      n
-    );
-  }
-  /**
-   * Fetches data for a query key. This is an internal method called by subscribe/invalidate.
-   * It ensures only one fetch is active at a time for a given key.
-   */
-  async fetchQuery(t, s) {
-    const n = this.cache.get(t);
-    if (!n || n.isFetching)
-      return;
-    this.updateQueryState(t, {
-      isFetching: !0,
-      // Always true when a fetch is in progress
-      error: null
-    });
-    const [a, l] = await F.get(t);
-    if (a) {
-      this.updateQueryState(
-        t,
-        {
-          error: a.message,
-          isFetching: !1
-        },
-        s
-      );
-      return;
-    }
-    this.updateQueryState(
-      t,
-      {
-        data: l,
-        isFetching: !1,
-        error: null
-      },
-      s
-    );
-  }
-  /**
-   * Invalidates a query, triggering an immediate refetch
-   * @param key The query key.
-   */
-  invalidateQuery(t) {
-    const s = this.cache.get(t);
-    if (!s) {
-      console.warn(`No query exists for key: ${t}`);
-      return;
-    }
-    s.isFetching || this.fetchQuery(t);
-  }
+//#endregion
+//#region src/components/until-selected/until-selected.ts
+customElements.define(c.Dropdown.Name, class extends HTMLElement {
+	popoverElement = null;
+	trigger = null;
+	focusableElements = [];
+	searchString = "";
+	searchTimeout = -1;
+	connectedCallback() {
+		let e = this.querySelector(h);
+		if (!e) {
+			console.error(`${c.Dropdown.Name} component: Missing element with selector "${h}"`);
+			return;
+		}
+		this.popoverElement = e;
+		let t = this.querySelector(g(this.popoverElement.id));
+		if (!t) {
+			console.error(`${c.Dropdown.Name} component: Missing element with selector "${g(this.popoverElement.id)}"`);
+			return;
+		}
+		this.trigger = t, this.focusableElements = this.getFocusableElementsForTrap(), this.popoverElement.setAttribute(n("state"), _.closed), this.addEventListener(s.KeyDown, this.handleKeydown), this.popoverElement.addEventListener(s.Toggle, this.handleToggle), m(this);
+	}
+	disconnectedCallback() {
+		this.removeEventListener(s.KeyDown, this.handleKeydown), this.popoverElement?.removeEventListener(s.Toggle, this.handleToggle);
+	}
+	getFocusableElementsForTrap() {
+		return this.popoverElement ? [...Array.from(this.popoverElement.querySelectorAll(a))].filter(Boolean) : [];
+	}
+	handleToggle = (e) => {
+		if (e.newState === "open") {
+			this.onPopoverOpen();
+			return;
+		}
+		this.onPopoverClose();
+	};
+	onPopoverOpen() {
+		this.popoverElement && this.popoverElement.setAttribute(n("state"), _.open);
+	}
+	onPopoverClose() {
+		this.popoverElement && this.popoverElement.setAttribute(n("state"), _.closed);
+	}
+	isOpen() {
+		return this.popoverElement ? this.popoverElement.getAttribute(n("state")) === _.open : !1;
+	}
+	handleKeydown = (e) => {
+		if (this.isOpen()) {
+			this.handleKeyboardWhenOpen(e);
+			return;
+		}
+		this.handleKeyboardWhenClosed(e);
+	};
+	handleKeyboardWhenClosed = (e) => {
+		if (!this.isOpen()) switch (e.key) {
+			case "Enter":
+			case " ":
+			case "ArrowDown":
+				e.preventDefault(), this.openPopover(), this.focusOptionByIndex(0);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.openPopover(), this.focusOptionByIndex(this.focusableElements.length - 1);
+				break;
+			default:
+				/^[a-zA-Z0-9]$/.test(e.key) && (e.preventDefault(), this.openPopover(), this.handleSearchString(e.key));
+				break;
+		}
+	};
+	handleKeyboardWhenOpen = (e) => {
+		if (this.isOpen()) switch (e.key) {
+			case " ":
+				e.preventDefault(), this.triggerAction(e);
+				break;
+			case "Tab":
+				this.closePopover(), e.shiftKey && (e.preventDefault(), this.trigger?.focus());
+				break;
+			case "ArrowDown":
+				e.target && (e.target instanceof HTMLAnchorElement || e.target instanceof HTMLButtonElement) && this.focusOptionByStep(e.target, 1, e);
+				break;
+			case "ArrowUp":
+				e.target && (e.target instanceof HTMLAnchorElement || e.target instanceof HTMLButtonElement) && this.focusOptionByStep(e.target, -1, e);
+				break;
+			case "Home":
+				e.preventDefault(), this.focusOptionByIndex(0);
+				break;
+			case "End":
+				e.preventDefault(), this.focusOptionByIndex(this.focusableElements.length - 1);
+				break;
+			default:
+				/^[a-zA-Z0-9]$/.test(e.key) && (e.preventDefault(), this.handleSearchString(e.key));
+				break;
+		}
+	};
+	openPopover = () => {
+		this.trigger && (this.isOpen() || this.trigger.click());
+	};
+	closePopover = () => {
+		this.popoverElement && this.isOpen() && this.popoverElement.hidePopover();
+	};
+	triggerAction = (e) => {
+		e.target instanceof HTMLAnchorElement && e.target.click();
+	};
+	focusOptionByStep = (e, t, n) => {
+		let r = this.focusableElements;
+		if (!r.length) return;
+		let i = e, a = r.indexOf(i);
+		if (n.preventDefault(), a === -1) {
+			r[0]?.focus();
+			return;
+		}
+		let o = (a + t + r.length) % r.length;
+		o >= r.length || o < 0 || r[o]?.focus();
+	};
+	focusOptionByIndex(e) {
+		if (!this.focusableElements.length) return;
+		let t = Math.max(0, Math.min(e, this.focusableElements.length - 1));
+		this.focusableElements[t]?.focus();
+	}
+	handleSearchString(e) {
+		if (clearTimeout(this.searchTimeout), this.searchString += e.toLowerCase(), !this.focusableElements.length) return;
+		let t = this.getActiveOption(), n = this.searchString.length === 1 && t ? this.focusableElements.indexOf(t) + 1 : 0, r = this.findOptionBySearchString(this.focusableElements, n) ?? this.findOptionBySearchString(this.focusableElements, 0);
+		r && r.focus(), this.searchTimeout = window.setTimeout(() => {
+			this.searchString = "";
+		}, 500);
+	}
+	findOptionBySearchString(e, t) {
+		for (let n = 0; n < e.length; n++) {
+			let r = (t + n) % e.length;
+			if ((e[r]?.textContent.trim().toLowerCase())?.startsWith(this.searchString)) return e[r] ?? null;
+		}
+		return null;
+	}
+	getActiveOption() {
+		let e = document.activeElement;
+		return !e || !(e instanceof HTMLAnchorElement) || !(e instanceof HTMLButtonElement) ? null : this.focusableElements.find((t) => t === e) ?? null;
+	}
+}), customElements.define(c.ExclusiveCheckbox.Name, class extends HTMLElement {
+	targetName = null;
+	exclusiveCheckbox = null;
+	checkboxes = null;
+	connectedCallback() {
+		this.targetName = this.getAttribute(n("target-name")), this.exclusiveCheckbox = this.querySelector("input"), !(!this.targetName || !this.exclusiveCheckbox || !this.parentElement) && (this.checkboxes = [...this.parentElement.querySelectorAll(`[name="${this.targetName}"]`)], this.checkboxes.length !== 0 && this.addEvents());
+	}
+	disconnectedCallback() {
+		if (this.exclusiveCheckbox && this.exclusiveCheckbox.removeEventListener(s.Change, this.handleExclusiveChange), this.checkboxes) for (let e of this.checkboxes) e.removeEventListener(s.Change, this.handleCheckboxChange);
+	}
+	addEvents() {
+		if (!(!this.exclusiveCheckbox || !this.targetName || !this.parentElement || !this.checkboxes)) {
+			this.exclusiveCheckbox.addEventListener("change", this.handleExclusiveChange);
+			for (let e of this.checkboxes) e.disabled || e.addEventListener(s.Change, this.handleCheckboxChange);
+		}
+	}
+	handleExclusiveChange = () => {
+		if (!this.exclusiveCheckbox || !this.checkboxes || this.checkboxes.length === 0) return;
+		let e = this.exclusiveCheckbox.checked;
+		for (let t of this.checkboxes) t.disabled || e && (t.checked = !1);
+		this.exclusiveCheckbox.indeterminate = !1, l(c.ExclusiveCheckbox.Name, c.ExclusiveCheckbox.Event.Toggle, this.exclusiveCheckbox);
+	};
+	handleCheckboxChange = () => {
+		if (!this.exclusiveCheckbox || !this.checkboxes || this.checkboxes.length === 0 || !this.exclusiveCheckbox.checked) return;
+		let e = this.checkboxes.some((e) => !e.disabled && e.checked);
+		this.exclusiveCheckbox.checked = !e, l(c.ExclusiveCheckbox.Name, c.ExclusiveCheckbox.Event.Toggle, this.exclusiveCheckbox);
+	};
+}), customElements.define(c.SelectAll.Name, class extends HTMLElement {
+	targetName = null;
+	selectAllCheckbox = null;
+	checkboxes = null;
+	checkboxClass = null;
+	connectedCallback() {
+		this.targetName = this.getAttribute(n("target-name")), this.selectAllCheckbox = this.querySelector("input"), !(!this.targetName || !this.selectAllCheckbox || !this.parentElement) && (this.checkboxes = [...this.parentElement.querySelectorAll(`[name="${this.targetName}"]`)], this.checkboxes.length !== 0 && (this.checkboxClass = this.getAttribute(n("checkbox-class")), m(this), this.addEvents()));
+	}
+	disconnectedCallback() {
+		if (this.selectAllCheckbox && this.selectAllCheckbox.removeEventListener(s.Change, this.handleSelectAllChange), this.checkboxes) for (let e of this.checkboxes) e.removeEventListener(s.Change, this.handleCheckboxChange);
+	}
+	addEvents() {
+		if (!(!this.selectAllCheckbox || !this.targetName || !this.parentElement || !this.checkboxes)) {
+			this.selectAllCheckbox.addEventListener("change", this.handleSelectAllChange);
+			for (let e of this.checkboxes) e.disabled || (this.checkboxClass && e.parentElement?.classList.add(this.checkboxClass), e.addEventListener(s.Change, this.handleCheckboxChange));
+		}
+	}
+	handleSelectAllChange = () => {
+		if (!this.selectAllCheckbox || !this.checkboxes || this.checkboxes.length === 0) return;
+		let e = this.selectAllCheckbox.checked;
+		for (let t of this.checkboxes) t.disabled || (t.checked = e);
+		this.selectAllCheckbox.indeterminate = !1, l(c.SelectAll.Name, c.SelectAll.Event.Toggle, this.selectAllCheckbox);
+	};
+	handleCheckboxChange = () => {
+		if (!this.selectAllCheckbox || !this.checkboxes || this.checkboxes.length === 0) return;
+		let e = this.checkboxes.filter((e) => !e.disabled && e.checked).length, t = e === this.checkboxes.length, n = e === 0;
+		this.selectAllCheckbox.indeterminate = !t && !n, this.selectAllCheckbox.checked = t, l(c.SelectAll.Name, c.SelectAll.Event.Toggle, this.selectAllCheckbox);
+	};
+}), customElements.define(c.Tabs.Name, class extends HTMLElement {
+	tabs = [];
+	tabList = null;
+	tabPanels = [];
+	connectedCallback() {
+		if (this.tabList = this.querySelector(".tablist"), this.tabs = Array.from(this.querySelectorAll(".tablist a")), this.tabPanels = this.tabs.map((e) => {
+			let t = e.getAttribute("href");
+			if (t != null) return document.querySelector(t);
+		}).filter((e) => e != null), !this.tabList || this.tabs.length === 0 || this.tabPanels.length === 0) {
+			console.error("Tabs component: Missing some of elements .tablist, .tabpanel", this);
+			return;
+		}
+		this.setTabListAttributes(), this.setTabsAttributes(), this.setPanelsAttributes(), this.setEventListeners(), m(this);
+	}
+	disconnectedCallback() {
+		for (let e of this.tabs) e.removeEventListener(s.Click, this.handleTabClick), e.removeEventListener(s.KeyDown, this.onKeyDown);
+	}
+	setEventListeners() {
+		for (let e of this.tabs) e.addEventListener(s.Click, this.handleTabClick), e.addEventListener(s.KeyDown, this.onKeyDown);
+	}
+	setTabListAttributes() {
+		this.tabList && (this.tabList.setAttribute("role", "tablist"), this.tabList.querySelectorAll("li").forEach((e) => {
+			e.setAttribute("role", "presentation");
+		}));
+	}
+	setTabsAttributes() {
+		let e = this.tabs.some((e) => e.getAttribute("aria-selected") === "true");
+		this.tabs.forEach((t, n) => {
+			t.setAttribute("role", "tab"), !e && n === 0 && (t.setAttribute("aria-selected", "true"), t.setAttribute("tabindex", "0"), this.tabPanels[n]?.removeAttribute("hidden")), t.getAttribute("aria-selected") !== "true" && (t.setAttribute("aria-selected", "false"), t.setAttribute("tabindex", "-1"), this.tabPanels[n]?.setAttribute("hidden", "")), this.tabPanels[n] && t.setAttribute("aria-controls", this.tabPanels[n].id);
+		});
+	}
+	setPanelsAttributes() {
+		this.tabPanels.forEach((e) => {
+			e.setAttribute("role", "tabpanel"), e.querySelector("a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])") || e.setAttribute("tabindex", "0");
+		});
+	}
+	handleTabClick = (e) => {
+		e.preventDefault();
+		let t = e.target;
+		this.changeTab(t);
+	};
+	changeTab(e) {
+		let t = e.getAttribute("href")?.substring(1), n = this.tabPanels.find((e) => e.id == t);
+		this.tabs.forEach((e) => {
+			e.setAttribute("aria-selected", "false"), e.setAttribute("tabindex", "-1");
+		}), n && (this.tabPanels.forEach((e) => {
+			e.setAttribute("hidden", "");
+		}), n.removeAttribute("hidden")), e.setAttribute("aria-selected", "true"), e.setAttribute("tabindex", "0"), e.focus();
+	}
+	moveTab(e) {
+		let t = this.tabs.filter((e) => e.getAttribute("aria-disabled") !== "true");
+		if (t.length === 0) return;
+		let n = t.indexOf(document.activeElement);
+		if (n === -1) return;
+		let r = t[(n + e + t.length) % t.length];
+		r && this.changeTab(r);
+	}
+	onKeyDown = (e) => {
+		if (e.key === "ArrowLeft") {
+			this.moveTab(-1);
+			return;
+		}
+		if (e.key === "ArrowRight") {
+			this.moveTab(1);
+			return;
+		}
+		if (e.key === "Home") {
+			e.preventDefault();
+			let t = this.tabs.find((e) => e.getAttribute("aria-disabled") !== "true");
+			t && this.changeTab(t);
+			return;
+		}
+		if (e.key === "End") {
+			e.preventDefault();
+			let t = [...this.tabs].reverse().find((e) => e.getAttribute("aria-disabled") !== "true");
+			t && this.changeTab(t);
+			return;
+		}
+	};
+}), customElements.define(c.UntilSelected.Name, class extends HTMLElement {
+	target = null;
+	targetElement = null;
+	focusTargetElement = null;
+	events = null;
+	showWhen = "checked";
+	connectedCallback() {
+		if (this.target = this.getAttribute(n("target")), !this.target) return;
+		try {
+			let e = document.getElementById(this.target);
+			if (!(e instanceof HTMLInputElement)) {
+				console.warn("Element was not found");
+				return;
+			}
+			this.targetElement = e, this.focusTargetElement = this.targetElement;
+		} catch (e) {
+			console.warn("Could not select element", e);
+		}
+		if (!this.targetElement) return;
+		let e = this.getAttribute(n("focus-target"));
+		if (e) try {
+			this.focusTargetElement = document.getElementById(e);
+		} catch (e) {
+			console.warn("Could not select focus target", e);
+		}
+		let t = this.getAttribute(n("events"));
+		t && (this.events = t.split(",").map((e) => e.trim())), this.showWhen = this.getAttribute(n("show-when")) === "not-checked" ? "not-checked" : "checked";
+		let r = this.targetElement.checked;
+		this.toggleAttribute(i, this.showWhen === "checked" ? !r : r), m(this), this.addEvents();
+	}
+	disconnectedCallback() {
+		if (document.removeEventListener(`${c.ExclusiveCheckbox.Name}:${c.ExclusiveCheckbox.Event.Toggle}`, this.handleTargetChange), document.removeEventListener(`${c.SelectAll.Name}:${c.ExclusiveCheckbox.Event.Toggle}`, this.handleTargetChange), this.targetElement && this.targetElement.removeEventListener(s.Change, this.handleTargetChange), this.events && this.events.length > 0) for (let e of this.events) document.removeEventListener(e, this.handleTargetChange);
+	}
+	addEvents() {
+		if (document.addEventListener(`${c.ExclusiveCheckbox.Name}:${c.ExclusiveCheckbox.Event.Toggle}`, this.handleTargetChange), document.addEventListener(`${c.SelectAll.Name}:${c.ExclusiveCheckbox.Event.Toggle}`, this.handleTargetChange), this.targetElement && this.targetElement.addEventListener(s.Change, this.handleTargetChange), this.events && this.events.length > 0) for (let e of this.events) document.addEventListener(e, this.handleTargetChange);
+	}
+	handleTargetChange = () => {
+		if (!this.targetElement) return;
+		let e = this.showWhen === "checked" ? !this.targetElement.checked : this.targetElement.checked;
+		this.toggleAttribute(i, e), e && this.focusTargetElement && this.matches(":focus-within") && this.focusTargetElement.focus();
+	};
+});
+//#endregion
+//#region src/debounce.ts
+function v(e, t) {
+	let n;
+	return function(...r) {
+		clearTimeout(n), n = setTimeout(() => {
+			e.apply(this, r);
+		}, t);
+	};
 }
-const M = L.getInstance();
-customElements.define(
-  c.AjaxForm.Name,
-  class extends HTMLElement {
-    form = null;
-    announce = null;
-    announceTitle = null;
-    spinner = null;
-    messageSubmitting = "Submitting...";
-    messageSuccess = "Data submitted successfully";
-    messageError = "An error occurred";
-    actionOnSuccess = "none";
-    keepFields = !1;
-    queryKeyToInvalidate = null;
-    isSubmittingAttribute = "is-submitting";
-    connectedCallback() {
-      if (this.form = this.querySelector("form"), !this.form) return;
-      const e = this.querySelector('[role="status"]');
-      e ? (this.announce = e, this.announceTitle = e.querySelector(".alert-title")) : (this.announce = document.createElement("div"), this.announce.setAttribute("role", "status"), this.announceTitle = document.createElement("p"), this.announceTitle.className = "alert-title", this.announce.append(this.announceTitle), this.append(this.announce)), this.messageSubmitting = this.getAttribute(h("message-submitting")) ?? this.messageSubmitting, this.messageSuccess = this.getAttribute(h("message-success")) ?? this.messageSuccess, this.messageError = this.getAttribute(h("message-error")) ?? this.messageError, this.keepFields = this.hasAttribute(h("keep-fields")), this.queryKeyToInvalidate = this.getAttribute(h("query-key"));
-      const t = this.getAttribute(h("action-on-success"));
-      t === "remove-form" ? this.actionOnSuccess = "remove-form" : t === "remove-message" && (this.actionOnSuccess = "remove-message"), this.spinner = document.createElement("div"), this.spinner.className = "loading", this.spinner.innerHTML = '<div class="spinner"></div>', this.append(this.spinner), this.form.addEventListener("submit", this);
-    }
-    disconnectedCallback() {
-      this.form?.removeEventListener("submit", this);
-    }
-    async handleEvent(e) {
-      e.type === "submit" && await this.handleSubmit(e);
-    }
-    async handleSubmit(e) {
-      if (!this.form || (e.preventDefault(), this.isDisabled())) return;
-      this.disable(), this.showStatus(this.messageSubmitting, "pending");
-      const { action: t, method: s } = this.form;
-      if (!F.isMethod(s)) {
-        console.error("Method is not a valid value"), this.showStatus(this.messageError, "error");
-        return;
-      }
-      let n = null;
-      this.spinner && (n = this.form.querySelector(":focus"));
-      const [a, l] = await F.send(t, s, {
-        data: this.serialize(),
-        headers: {
-          "Content-Type": "application/x-www-form-urlencoded",
-          "X-Requested-With": "XMLHttpRequest"
-        }
-      });
-      if (this.enable(), n?.focus(), a) {
-        console.error("An error occurred", a), this.showStatus(this.messageError, "error");
-        return;
-      }
-      if (this.actionOnSuccess === "remove-form" && this.form.remove(), this.keepFields || this.reset(), l.type === "html") {
-        if (!this.queryKeyToInvalidate) return;
-        M.setQueryData(this.queryKeyToInvalidate, l), this.showStatus(this.messageSuccess, "success");
-        return;
-      }
-      if (this.showStatus(l.message ?? this.messageSuccess, "success"), l.redirectUrl) {
-        window.location.href = l.redirectUrl;
-        return;
-      }
-      l.queryKey && M.invalidateQuery(l.queryKey), this.queryKeyToInvalidate && M.invalidateQuery(this.queryKeyToInvalidate), A(c.AjaxForm.Name, c.AjaxForm.Event.Form, this);
-    }
-    disable() {
-      this.setAttribute(h(this.isSubmittingAttribute), "");
-    }
-    enable() {
-      this.removeAttribute(h(this.isSubmittingAttribute));
-    }
-    isDisabled() {
-      return this.hasAttribute(h(this.isSubmittingAttribute));
-    }
-    showStatus(e, t) {
-      if (!(!this.announce || !this.announceTitle))
-        switch (this.announceTitle.textContent = e, this.showStatusIcon(t), t) {
-          case "success":
-            this.announce.className = "alert success", this.actionOnSuccess === "remove-message" && setTimeout(() => {
-              !this.announce || !this.announceTitle || (this.announceTitle.textContent = "", this.announce.className = "", this.showStatusIcon("pending"));
-            }, 6 * R);
-            break;
-          case "error":
-            this.announce.className = "alert danger";
-            break;
-          case "pending":
-            this.announce.className = "alert visually-hidden";
-            break;
-        }
-    }
-    showStatusIcon(e) {
-      if (!this.announce) return;
-      const t = this.announce.querySelector(
-        S("announce-success-icon")
-      ), s = this.announce.querySelector(
-        S("announce-error-icon")
-      );
-      switch (e) {
-        case "success":
-          t?.removeAttribute(v), s?.setAttribute(v, "");
-          break;
-        case "error":
-          t?.setAttribute(v, ""), s?.removeAttribute(v);
-          break;
-        case "pending":
-          t?.setAttribute(v, ""), s?.setAttribute(v, "");
-          break;
-      }
-    }
-    serialize() {
-      if (!this.form) return "";
-      const e = new FormData(this.form), t = new URLSearchParams();
-      for (const [s, n] of e)
-        n instanceof File || t.append(s, n);
-      return t.toString();
-    }
-    reset() {
-      this.form && this.form.reset();
-    }
-  }
-);
-customElements.define(
-  c.AjaxHtml.Name,
-  class extends HTMLElement {
-    queryKey = null;
-    unsubscribe = null;
-    initialFetchTriggered = !1;
-    // To prevent multiple fetch calls
-    intersectionObserver = null;
-    staleTime;
-    connectedCallback() {
-      if (!this.id) {
-        console.warn(`${c.AjaxHtml.Name} requires a "id" attribute.`, this);
-        return;
-      }
-      if (this.queryKey = this.getAttribute(h("query-key")), !this.queryKey) {
-        console.warn(`${c.AjaxHtml.Name} requires a "query-key" attribute.`, this);
-        return;
-      }
-      this.staleTime = this.hasAttribute(h("stale-time")) ? (
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        parseInt(this.getAttribute(h("stale-time")), 10)
-      ) : void 0, this.unsubscribe = M.subscribe(
-        this.queryKey,
-        (t) => {
-          this.renderContent(t);
-        },
-        { staleTime: this.staleTime }
-      );
-      const e = this.getAttribute(h("load-strategy"));
-      if (e)
-        switch (e) {
-          case "server-side":
-            this.initialFetchTriggered = !0;
-            break;
-          case "initial":
-            this.triggerInitialFetch();
-            break;
-          case "lazy":
-            this.intersectionObserver = new IntersectionObserver(
-              this.handleIntersection,
-              { rootMargin: "0px 0px 100px 0px" }
-            ), this.intersectionObserver.observe(this);
-            break;
-          case "defer":
-            document.addEventListener("DOMContentLoaded", this.handleDomContentLoaded, {
-              once: !0
-            });
-            break;
-        }
-      else
-        this.initialFetchTriggered = !0;
-    }
-    disconnectedCallback() {
-      this.unsubscribe && this.unsubscribe(), document.removeEventListener("DOMContentLoaded", this.handleDomContentLoaded), this.intersectionObserver && (this.intersectionObserver.unobserve(this), this.intersectionObserver.disconnect(), this.intersectionObserver = null);
-    }
-    handleDomContentLoaded = () => {
-      this.triggerInitialFetch();
-    };
-    handleIntersection = (e) => {
-      e.forEach((t) => {
-        t.isIntersecting && (this.triggerInitialFetch(), this.intersectionObserver && this.intersectionObserver.unobserve(this));
-      });
-    };
-    triggerInitialFetch() {
-      this.queryKey && (this.initialFetchTriggered || (this.initialFetchTriggered = !0, M.invalidateQuery(this.queryKey)));
-    }
-    renderContent(e) {
-      if (!this.initialFetchTriggered || !e.data || e.data.type !== "html") return;
-      const t = e.data.document, s = t.querySelector(`#${this.id}`);
-      if (s && s.id === this.id) {
-        this.innerHTML = s.innerHTML;
-        return;
-      }
-      if (t.body.innerHTML.trim().length > 0) {
-        this.innerHTML = t.body.innerHTML;
-        return;
-      }
-      e.isFetching || (this.innerHTML = "<p>No results found.</p>");
-    }
-  }
-);
-const H = "[popover]", $ = (e) => `[popovertarget="${e}"]`, O = {
-  open: "open",
-  closed: "closed"
-};
-customElements.define(
-  c.Dropdown.Name,
-  class extends HTMLElement {
-    popoverElement = null;
-    trigger = null;
-    focusableElements = [];
-    searchString = "";
-    searchTimeout = -1;
-    connectedCallback() {
-      const e = this.querySelector(H);
-      if (!e) {
-        console.error(
-          `${c.Dropdown.Name} component: Missing element with selector "${H}"`
-        );
-        return;
-      }
-      this.popoverElement = e;
-      const t = this.querySelector(
-        $(this.popoverElement.id)
-      );
-      if (!t) {
-        console.error(
-          `${c.Dropdown.Name} component: Missing element with selector "${$(this.popoverElement.id)}"`
-        );
-        return;
-      }
-      this.trigger = t, this.focusableElements = this.getFocusableElementsForTrap(), this.popoverElement.setAttribute(h("state"), O.closed), this.addEventListener(m.KeyDown, this.handleKeydown), this.popoverElement.addEventListener(m.Toggle, this.handleToggle), this.setAttribute(h("state"), "ready");
-    }
-    disconnectedCallback() {
-      this.removeEventListener(m.KeyDown, this.handleKeydown), this.popoverElement?.removeEventListener(m.Toggle, this.handleToggle);
-    }
-    getFocusableElementsForTrap() {
-      return this.popoverElement ? [...Array.from(
-        this.popoverElement.querySelectorAll(B)
-      )].filter(Boolean) : [];
-    }
-    handleToggle = (e) => {
-      if (e.newState === "open") {
-        this.onPopoverOpen();
-        return;
-      }
-      this.onPopoverClose();
-    };
-    onPopoverOpen() {
-      this.popoverElement && this.popoverElement.setAttribute(h("state"), O.open);
-    }
-    onPopoverClose() {
-      this.popoverElement && this.popoverElement.setAttribute(h("state"), O.closed);
-    }
-    isOpen() {
-      return this.popoverElement ? this.popoverElement.getAttribute(h("state")) === O.open : !1;
-    }
-    handleKeydown = (e) => {
-      if (this.isOpen()) {
-        this.handleKeyboardWhenOpen(e);
-        return;
-      }
-      this.handleKeyboardWhenClosed(e);
-    };
-    handleKeyboardWhenClosed = (e) => {
-      if (!this.isOpen())
-        switch (e.key) {
-          case "Enter":
-          case " ":
-          case "ArrowDown":
-            e.preventDefault(), this.openPopover(), this.focusOptionByIndex(0);
-            break;
-          case "ArrowUp":
-            e.preventDefault(), this.openPopover(), this.focusOptionByIndex(this.focusableElements.length - 1);
-            break;
-          default:
-            /^[a-zA-Z0-9]$/.test(e.key) && (e.preventDefault(), this.openPopover(), this.handleSearchString(e.key));
-            break;
-        }
-    };
-    handleKeyboardWhenOpen = (e) => {
-      if (this.isOpen())
-        switch (e.key) {
-          case " ":
-            e.preventDefault(), this.triggerAction(e);
-            break;
-          case "Tab":
-            this.closePopover(), e.shiftKey && (e.preventDefault(), this.trigger?.focus());
-            break;
-          case "ArrowDown":
-            e.target && (e.target instanceof HTMLAnchorElement || e.target instanceof HTMLButtonElement) && this.focusOptionByStep(e.target, 1, e);
-            break;
-          case "ArrowUp":
-            e.target && (e.target instanceof HTMLAnchorElement || e.target instanceof HTMLButtonElement) && this.focusOptionByStep(e.target, -1, e);
-            break;
-          case "Home":
-            e.preventDefault(), this.focusOptionByIndex(0);
-            break;
-          case "End":
-            e.preventDefault(), this.focusOptionByIndex(this.focusableElements.length - 1);
-            break;
-          default:
-            /^[a-zA-Z0-9]$/.test(e.key) && (e.preventDefault(), this.handleSearchString(e.key));
-            break;
-        }
-    };
-    openPopover = () => {
-      this.trigger && (this.isOpen() || this.trigger.click());
-    };
-    closePopover = () => {
-      this.popoverElement && this.isOpen() && this.popoverElement.hidePopover();
-    };
-    triggerAction = (e) => {
-      e.target instanceof HTMLAnchorElement && e.target.click();
-    };
-    focusOptionByStep = (e, t, s) => {
-      const n = this.focusableElements;
-      if (!n.length) return;
-      const a = e, l = n.indexOf(a);
-      if (s.preventDefault(), l === -1) {
-        n[0]?.focus();
-        return;
-      }
-      const u = (l + t + n.length) % n.length;
-      u >= n.length || u < 0 || n[u]?.focus();
-    };
-    focusOptionByIndex(e) {
-      if (!this.focusableElements.length) return;
-      const t = Math.max(0, Math.min(e, this.focusableElements.length - 1));
-      this.focusableElements[t]?.focus();
-    }
-    handleSearchString(e) {
-      if (clearTimeout(this.searchTimeout), this.searchString += e.toLowerCase(), !this.focusableElements.length) return;
-      const t = this.getActiveOption(), s = this.searchString.length === 1 && t ? this.focusableElements.indexOf(t) + 1 : 0, n = this.findOptionBySearchString(this.focusableElements, s) ?? this.findOptionBySearchString(this.focusableElements, 0);
-      n && n.focus(), this.searchTimeout = window.setTimeout(() => {
-        this.searchString = "";
-      }, 500);
-    }
-    findOptionBySearchString(e, t) {
-      for (let s = 0; s < e.length; s++) {
-        const n = (t + s) % e.length;
-        if (e[n]?.textContent.trim().toLowerCase()?.startsWith(this.searchString))
-          return e[n] ?? null;
-      }
-      return null;
-    }
-    getActiveOption() {
-      const e = document.activeElement;
-      return !e || !(e instanceof HTMLAnchorElement) || !(e instanceof HTMLButtonElement) ? null : this.focusableElements.find((t) => t === e) ?? null;
-    }
-  }
-);
-customElements.define(
-  c.ExclusiveCheckbox.Name,
-  class extends HTMLElement {
-    targetName = null;
-    exclusiveCheckbox = null;
-    checkboxes = null;
-    connectedCallback() {
-      this.targetName = this.getAttribute(h("target-name")), this.exclusiveCheckbox = this.querySelector("input"), !(!this.targetName || !this.exclusiveCheckbox || !this.parentElement) && (this.checkboxes = [
-        ...this.parentElement.querySelectorAll(
-          `[name="${this.targetName}"]`
-        )
-      ], this.checkboxes.length !== 0 && this.addEvents());
-    }
-    disconnectedCallback() {
-      if (this.exclusiveCheckbox && this.exclusiveCheckbox.removeEventListener(
-        m.Change,
-        this.handleExclusiveChange
-      ), this.checkboxes)
-        for (const e of this.checkboxes)
-          e.removeEventListener(m.Change, this.handleCheckboxChange);
-    }
-    addEvents() {
-      if (!(!this.exclusiveCheckbox || !this.targetName || !this.parentElement || !this.checkboxes)) {
-        this.exclusiveCheckbox.addEventListener("change", this.handleExclusiveChange);
-        for (const e of this.checkboxes)
-          e.disabled || e.addEventListener(m.Change, this.handleCheckboxChange);
-      }
-    }
-    handleExclusiveChange = () => {
-      if (!this.exclusiveCheckbox || !this.checkboxes || this.checkboxes.length === 0) return;
-      const e = this.exclusiveCheckbox.checked;
-      for (const t of this.checkboxes)
-        t.disabled || e && (t.checked = !1);
-      this.exclusiveCheckbox.indeterminate = !1, A(
-        c.ExclusiveCheckbox.Name,
-        c.ExclusiveCheckbox.Event.Toggle,
-        this.exclusiveCheckbox
-      );
-    };
-    handleCheckboxChange = () => {
-      if (!this.exclusiveCheckbox || !this.checkboxes || this.checkboxes.length === 0 || !this.exclusiveCheckbox.checked) return;
-      const e = this.checkboxes.some(
-        (t) => !t.disabled && t.checked
-      );
-      this.exclusiveCheckbox.checked = !e, A(
-        c.ExclusiveCheckbox.Name,
-        c.ExclusiveCheckbox.Event.Toggle,
-        this.exclusiveCheckbox
-      );
-    };
-  }
-);
-customElements.define(
-  c.SelectAll.Name,
-  class extends HTMLElement {
-    targetName = null;
-    selectAllCheckbox = null;
-    checkboxes = null;
-    connectedCallback() {
-      this.targetName = this.getAttribute(h("target-name")), this.selectAllCheckbox = this.querySelector("input"), !(!this.targetName || !this.selectAllCheckbox || !this.parentElement) && (this.checkboxes = [
-        ...this.parentElement.querySelectorAll(
-          `[name="${this.targetName}"]`
-        )
-      ], this.checkboxes.length !== 0 && (this.ready(), this.addEvents()));
-    }
-    disconnectedCallback() {
-      if (this.selectAllCheckbox && this.selectAllCheckbox.removeEventListener(
-        m.Change,
-        this.handleSelectAllChange
-      ), this.checkboxes)
-        for (const e of this.checkboxes)
-          e.removeEventListener(m.Change, this.handleCheckboxChange);
-    }
-    ready() {
-      this.setAttribute(h("state"), "ready");
-    }
-    addEvents() {
-      if (!(!this.selectAllCheckbox || !this.targetName || !this.parentElement || !this.checkboxes)) {
-        this.selectAllCheckbox.addEventListener("change", this.handleSelectAllChange);
-        for (const e of this.checkboxes)
-          e.disabled || (e.parentElement?.classList.add("padding-inline-start-lg"), e.addEventListener(m.Change, this.handleCheckboxChange));
-      }
-    }
-    handleSelectAllChange = () => {
-      if (!this.selectAllCheckbox || !this.checkboxes || this.checkboxes.length === 0) return;
-      const e = this.selectAllCheckbox.checked;
-      for (const t of this.checkboxes)
-        t.disabled || (t.checked = e);
-      this.selectAllCheckbox.indeterminate = !1, A(
-        c.SelectAll.Name,
-        c.SelectAll.Event.Toggle,
-        this.selectAllCheckbox
-      );
-    };
-    handleCheckboxChange = () => {
-      if (!this.selectAllCheckbox || !this.checkboxes || this.checkboxes.length === 0) return;
-      const e = this.checkboxes.filter(
-        (a) => !a.disabled && a.checked
-      ).length, t = this.checkboxes.length, s = e === t, n = e === 0;
-      this.selectAllCheckbox.indeterminate = !s && !n, this.selectAllCheckbox.checked = s, A(
-        c.SelectAll.Name,
-        c.SelectAll.Event.Toggle,
-        this.selectAllCheckbox
-      );
-    };
-  }
-);
-customElements.define(
-  c.Tabs.Name,
-  class extends HTMLElement {
-    tabs = [];
-    tabList = null;
-    tabPanels = [];
-    connectedCallback() {
-      if (this.tabList = this.querySelector(".tablist"), this.tabs = Array.from(this.querySelectorAll(".tablist a")), this.tabPanels = this.tabs.map((e) => {
-        const t = e.getAttribute("href");
-        if (t != null)
-          return document.querySelector(t);
-      }).filter((e) => e != null), !this.tabList || this.tabs.length === 0 || this.tabPanels.length === 0) {
-        console.error("Tabs component: Missing some of elements .tablist, .tabpanel", this);
-        return;
-      }
-      this.ready(), this.setTabListAttributes(), this.setTabsAttributes(), this.setPanelsAttributes(), this.setEventListeners();
-    }
-    disconnectedCallback() {
-      for (const e of this.tabs)
-        e.removeEventListener(m.Click, this.handleTabClick), e.removeEventListener(m.KeyDown, this.onKeyDown);
-    }
-    setEventListeners() {
-      for (const e of this.tabs)
-        e.addEventListener(m.Click, this.handleTabClick), e.addEventListener(m.KeyDown, this.onKeyDown);
-    }
-    ready() {
-      this.setAttribute(h("state"), "ready");
-    }
-    setTabListAttributes() {
-      if (!this.tabList) return;
-      this.tabList.setAttribute("role", "tablist"), this.tabList.querySelectorAll("li").forEach((t) => {
-        t.setAttribute("role", "presentation");
-      });
-    }
-    setTabsAttributes() {
-      const e = parseInt(this.getAttribute(h("start-index")) ?? "0");
-      this.tabs.forEach((t, s) => {
-        t.setAttribute("role", "tab"), s === e ? t.setAttribute("aria-selected", "true") : (t.setAttribute("aria-selected", "false"), t.setAttribute("tabindex", "-1"), this.tabPanels[s]?.setAttribute("hidden", "")), this.tabPanels[s] && t.setAttribute("aria-controls", this.tabPanels[s].id);
-      });
-    }
-    setPanelsAttributes() {
-      this.tabPanels.forEach((e) => {
-        e.setAttribute("role", "tabpanel"), e.querySelector(B) || e.setAttribute("tabindex", "0");
-      });
-    }
-    handleTabClick = (e) => {
-      e.preventDefault();
-      const t = e.target;
-      this.changeTab(t);
-    };
-    changeTab(e) {
-      const t = e.getAttribute("href")?.substring(1), s = this.tabPanels.find((n) => n.id == t);
-      this.tabs.forEach((n) => {
-        n.setAttribute("aria-selected", "false"), n.setAttribute("tabindex", "-1");
-      }), s && (this.tabPanels.forEach((n) => {
-        n.setAttribute("hidden", "");
-      }), s.removeAttribute("hidden")), e.setAttribute("aria-selected", "true"), e.setAttribute("tabindex", "0"), e.focus();
-    }
-    moveTab(e) {
-      const t = this.tabs.filter(
-        (l) => l.getAttribute("aria-disabled") !== "true"
-      );
-      if (t.length === 0) return;
-      const s = t.indexOf(document.activeElement);
-      if (s === -1) return;
-      const n = (s + e + t.length) % t.length, a = t[n];
-      a && this.changeTab(a);
-    }
-    onKeyDown = (e) => {
-      if (e.key === "ArrowLeft") {
-        this.moveTab(-1);
-        return;
-      }
-      if (e.key === "ArrowRight") {
-        this.moveTab(1);
-        return;
-      }
-      if (e.key === "Home") {
-        e.preventDefault();
-        const t = this.tabs.find(
-          (s) => s.getAttribute("aria-disabled") !== "true"
-        );
-        t && this.changeTab(t);
-        return;
-      }
-      if (e.key === "End") {
-        e.preventDefault();
-        const t = [...this.tabs].reverse().find((s) => s.getAttribute("aria-disabled") !== "true");
-        t && this.changeTab(t);
-        return;
-      }
-    };
-  }
-);
-customElements.define(
-  c.UntilSelected.Name,
-  class extends HTMLElement {
-    target = null;
-    targetElement = null;
-    focusTargetElement = null;
-    events = null;
-    showWhen = "checked";
-    connectedCallback() {
-      if (this.target = this.getAttribute(h("target")), !this.target) return;
-      try {
-        const n = document.getElementById(this.target);
-        if (!(n instanceof HTMLInputElement)) {
-          console.warn("Element was not found");
-          return;
-        }
-        this.targetElement = n;
-      } catch (n) {
-        console.warn("Could not select element", n);
-      }
-      if (!this.targetElement) return;
-      const e = this.getAttribute(h("focus-target"));
-      if (e)
-        try {
-          this.focusTargetElement = document.getElementById(e);
-        } catch (n) {
-          console.warn("Could not select focus target", n);
-        }
-      const t = this.getAttribute(h("events"));
-      t && (this.events = t.split(",").map((n) => n.trim())), this.showWhen = this.getAttribute(h("show-when")) === "not-checked" ? "not-checked" : "checked";
-      const s = this.targetElement.checked;
-      this.toggleAttribute(
-        v,
-        this.showWhen === "checked" ? !s : s
-      ), this.addEvents();
-    }
-    disconnectedCallback() {
-      if (document.removeEventListener(
-        `${c.ExclusiveCheckbox.Name}:${c.ExclusiveCheckbox.Event.Toggle}`,
-        this.handleTargetChange
-      ), document.removeEventListener(
-        `${c.SelectAll.Name}:${c.ExclusiveCheckbox.Event.Toggle}`,
-        this.handleTargetChange
-      ), this.targetElement && this.targetElement.removeEventListener(m.Change, this.handleTargetChange), this.events && this.events.length > 0)
-        for (const e of this.events)
-          document.removeEventListener(e, this.handleTargetChange);
-    }
-    addEvents() {
-      if (document.addEventListener(
-        `${c.ExclusiveCheckbox.Name}:${c.ExclusiveCheckbox.Event.Toggle}`,
-        this.handleTargetChange
-      ), document.addEventListener(
-        `${c.SelectAll.Name}:${c.ExclusiveCheckbox.Event.Toggle}`,
-        this.handleTargetChange
-      ), this.targetElement && this.targetElement.addEventListener(m.Change, this.handleTargetChange), this.events && this.events.length > 0)
-        for (const e of this.events)
-          document.addEventListener(e, this.handleTargetChange);
-    }
-    handleTargetChange = () => {
-      if (!this.targetElement) return;
-      const e = this.showWhen === "checked" ? !this.targetElement.checked : this.targetElement.checked;
-      this.toggleAttribute(v, e), e && this.focusTargetElement && this.matches(":focus-within") && this.focusTargetElement.focus();
-    };
-  }
-);
-function j(e, t) {
-  let s;
-  return function(...n) {
-    clearTimeout(s), s = setTimeout(() => {
-      e.apply(this, n);
-    }, t);
-  };
-}
-customElements.define(
-  c.SearchFilter.Name,
-  class extends HTMLElement {
-    // TODO Add an aria-live region to announce number of results found
-    // TODO handle focus management for accessibility
-    inputElement = null;
-    searchButton = null;
-    collections = [];
-    debouncedFilterTargets;
-    constructor() {
-      super(), this.debouncedFilterTargets = j(this.filterTargets, 300);
-    }
-    connectedCallback() {
-      if (this.inputElement = this.querySelector('input[type="search"]'), this.searchButton = this.querySelector('button[type="submit"]'), !this.inputElement || !this.searchButton) return;
-      const e = this.getAttribute(h("collection-selector"));
-      if (!e) {
-        console.warn(
-          `${c.SearchFilter.Name} requires a "collection-selector" attribute.`,
-          this
-        );
-        return;
-      }
-      const t = this.getAttribute(h("target-selector"));
-      if (!t) {
-        console.warn(
-          `${c.SearchFilter.Name} requires a "target-selector" attribute.`,
-          this
-        );
-        return;
-      }
-      const s = Array.from(
-        document.querySelectorAll(e)
-      );
-      if (s.length !== 0) {
-        for (const n of s) {
-          const a = Array.from(
-            n.querySelectorAll(t)
-          );
-          this.collections.push({
-            element: n,
-            targetElements: a.map((l) => ({
-              element: l,
-              text: l.textContent.toLocaleLowerCase()
-            }))
-          });
-        }
-        this.collections.length !== 0 && (this.inputElement.addEventListener(m.Input, this.debouncedFilterTargets), this.searchButton.addEventListener(m.Click, this.onSearchClick));
-      }
-    }
-    disconnectedCallback() {
-      this.inputElement?.removeEventListener(m.Input, this.debouncedFilterTargets), this.searchButton?.removeEventListener(m.Click, this.onSearchClick);
-    }
-    onSearchClick = (e) => {
-      e.preventDefault(), this.filterTargets();
-    };
-    filterTargets = () => {
-      if (!this.inputElement) return;
-      const e = this.inputElement.value.toLocaleLowerCase();
-      if (!e) {
-        for (const t of this.collections) {
-          t.element.removeAttribute(v);
-          for (const s of t.targetElements)
-            s.element.removeAttribute(v);
-        }
-        return;
-      }
-      this.collections.forEach((t) => {
-        let s = !1;
-        for (const n of t.targetElements)
-          n.text.includes(e) ? (n.element.removeAttribute(v), s = !0) : n.element.setAttribute(v, "");
-        s ? t.element.removeAttribute(v) : t.element.setAttribute(v, "");
-      });
-    };
-  }
-);
-function N() {
-  return typeof HTMLButtonElement < "u" && "command" in HTMLButtonElement.prototype && "source" in ((globalThis.CommandEvent || {}).prototype || {});
+//#endregion
+//#region src/components/search-filter/search-filter.ts
+customElements.define(c.SearchFilter.Name, class extends HTMLElement {
+	inputElement = null;
+	searchButton = null;
+	collections = [];
+	debouncedFilterTargets;
+	constructor() {
+		super(), this.debouncedFilterTargets = v(this.filterTargets, 300);
+	}
+	connectedCallback() {
+		if (this.inputElement = this.querySelector("input[type=\"search\"]"), this.searchButton = this.querySelector("button[type=\"submit\"]"), !this.inputElement || !this.searchButton) return;
+		let e = this.getAttribute(n("collection-selector"));
+		if (!e) {
+			console.warn(`${c.SearchFilter.Name} requires a "collection-selector" attribute.`, this);
+			return;
+		}
+		let t = this.getAttribute(n("target-selector"));
+		if (!t) {
+			console.warn(`${c.SearchFilter.Name} requires a "target-selector" attribute.`, this);
+			return;
+		}
+		let r = Array.from(document.querySelectorAll(e));
+		if (r.length !== 0) {
+			for (let e of r) {
+				let n = Array.from(e.querySelectorAll(t));
+				this.collections.push({
+					element: e,
+					targetElements: n.map((e) => ({
+						element: e,
+						text: e.textContent.toLocaleLowerCase()
+					}))
+				});
+			}
+			this.collections.length !== 0 && (this.inputElement.addEventListener(s.Input, this.debouncedFilterTargets), this.searchButton.addEventListener(s.Click, this.onSearchClick));
+		}
+	}
+	disconnectedCallback() {
+		this.inputElement?.removeEventListener(s.Input, this.debouncedFilterTargets), this.searchButton?.removeEventListener(s.Click, this.onSearchClick);
+	}
+	onSearchClick = (e) => {
+		e.preventDefault(), this.filterTargets();
+	};
+	filterTargets = () => {
+		if (!this.inputElement) return;
+		let e = this.inputElement.value.toLocaleLowerCase();
+		if (!e) {
+			for (let e of this.collections) {
+				e.element.removeAttribute(i);
+				for (let t of e.targetElements) t.element.removeAttribute(i);
+			}
+			return;
+		}
+		this.collections.forEach((t) => {
+			let n = !1;
+			for (let r of t.targetElements) r.text.includes(e) ? (r.element.removeAttribute(i), n = !0) : r.element.setAttribute(i, "");
+			n ? t.element.removeAttribute(i) : t.element.setAttribute(i, "");
+		});
+	};
+});
+//#endregion
+//#region ../../node_modules/.pnpm/invokers-polyfill@1.0.3/node_modules/invokers-polyfill/invoker.js
+function y() {
+	return typeof HTMLButtonElement < "u" && "command" in HTMLButtonElement.prototype && "source" in ((globalThis.CommandEvent || {}).prototype || {});
 }
-function U() {
-  document.addEventListener(
-    "invoke",
-    (r) => {
-      r.type == "invoke" && r.isTrusted && (r.stopImmediatePropagation(), r.preventDefault());
-    },
-    !0
-  ), document.addEventListener(
-    "command",
-    (r) => {
-      r.type == "command" && r.isTrusted && (r.stopImmediatePropagation(), r.preventDefault());
-    },
-    !0
-  );
-  function e(r, o, i = !0) {
-    Object.defineProperty(r, o, {
-      ...Object.getOwnPropertyDescriptor(r, o),
-      enumerable: i
-    });
-  }
-  function t(r) {
-    return r && typeof r.getRootNode == "function" ? r.getRootNode() : r && r.parentNode ? t(r.parentNode) : r;
-  }
-  const s = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap();
-  class a extends Event {
-    constructor(o, i = {}) {
-      super(o, i);
-      const { source: d, command: E } = i;
-      if (d != null && !(d instanceof Element))
-        throw new TypeError("source must be an element");
-      s.set(this, d || null), n.set(
-        this,
-        E !== void 0 ? String(E) : ""
-      );
-    }
-    get [Symbol.toStringTag]() {
-      return "CommandEvent";
-    }
-    get source() {
-      if (!s.has(this))
-        throw new TypeError("illegal invocation");
-      const o = s.get(this);
-      if (!(o instanceof Element)) return null;
-      const i = t(o);
-      return i !== t(this.target || document) ? i.host : o;
-    }
-    get command() {
-      if (!n.has(this))
-        throw new TypeError("illegal invocation");
-      return n.get(this);
-    }
-    get action() {
-      throw new Error(
-        "CommandEvent#action was renamed to CommandEvent#command"
-      );
-    }
-    get invoker() {
-      throw new Error(
-        "CommandEvent#invoker was renamed to CommandEvent#source"
-      );
-    }
-  }
-  e(a.prototype, "source"), e(a.prototype, "command");
-  class l extends Event {
-    constructor(o, i = {}) {
-      throw super(o, i), new Error(
-        "InvokeEvent has been deprecated, it has been renamed to `CommandEvent`"
-      );
-    }
-  }
-  const u = /* @__PURE__ */ new WeakMap();
-  function g(r) {
-    Object.defineProperties(r.prototype, {
-      commandForElement: {
-        enumerable: !0,
-        configurable: !0,
-        set(o) {
-          if (this.hasAttribute("invokeaction"))
-            throw new TypeError(
-              "Element has deprecated `invokeaction` attribute, replace with `command`"
-            );
-          if (this.hasAttribute("invoketarget"))
-            throw new TypeError(
-              "Element has deprecated `invoketarget` attribute, replace with `commandfor`"
-            );
-          if (o === null)
-            this.removeAttribute("commandfor"), u.delete(this);
-          else if (o instanceof Element) {
-            this.setAttribute("commandfor", "");
-            const i = t(o);
-            t(this) === i || i === this.ownerDocument ? u.set(this, o) : u.delete(this);
-          } else
-            throw new TypeError("commandForElement must be an element or null");
-        },
-        get() {
-          if (this.localName !== "button")
-            return null;
-          if (this.hasAttribute("invokeaction") || this.hasAttribute("invoketarget"))
-            return console.warn(
-              "Element has deprecated `invoketarget` or `invokeaction` attribute, use `commandfor` and `command` instead"
-            ), null;
-          if (this.disabled)
-            return null;
-          if (this.form && this.getAttribute("type") !== "button")
-            return console.warn(
-              "Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"
-            ), null;
-          const o = u.get(this);
-          if (o)
-            return o.isConnected ? o : (u.delete(this), null);
-          const i = t(this), d = this.getAttribute("commandfor");
-          return (i instanceof Document || i instanceof ShadowRoot) && d && i.getElementById(d) || null;
-        }
-      },
-      command: {
-        enumerable: !0,
-        configurable: !0,
-        get() {
-          const o = this.getAttribute("command") || "";
-          if (o.startsWith("--")) return o;
-          const i = o.toLowerCase();
-          switch (i) {
-            case "show-modal":
-            case "request-close":
-            case "close":
-            case "toggle-popover":
-            case "hide-popover":
-            case "show-popover":
-              return i;
-          }
-          return "";
-        },
-        set(o) {
-          this.setAttribute("command", o);
-        }
-      },
-      invokeAction: {
-        enumerable: !1,
-        configurable: !0,
-        get() {
-          throw new Error(
-            "invokeAction is deprecated. It has been renamed to command"
-          );
-        },
-        set(o) {
-          throw new Error(
-            "invokeAction is deprecated. It has been renamed to command"
-          );
-        }
-      },
-      invokeTargetElement: {
-        enumerable: !1,
-        configurable: !0,
-        get() {
-          throw new Error(
-            "invokeTargetElement is deprecated. It has been renamed to command"
-          );
-        },
-        set(o) {
-          throw new Error(
-            "invokeTargetElement is deprecated. It has been renamed to command"
-          );
-        }
-      }
-    });
-  }
-  const f = /* @__PURE__ */ new WeakMap();
-  Object.defineProperties(HTMLElement.prototype, {
-    oncommand: {
-      enumerable: !0,
-      configurable: !0,
-      get() {
-        return b.takeRecords(), f.get(this) || null;
-      },
-      set(r) {
-        const o = f.get(this) || null;
-        o && this.removeEventListener("command", o), f.set(
-          this,
-          typeof r == "object" || typeof r == "function" ? r : null
-        ), typeof r == "function" && this.addEventListener("command", r);
-      }
-    }
-  });
-  function p(r) {
-    for (const o of r)
-      o.oncommand = new Function("event", o.getAttribute("oncommand"));
-  }
-  const b = new MutationObserver((r) => {
-    for (const o of r) {
-      const { target: i } = o;
-      o.type === "childList" ? p(i.querySelectorAll("[oncommand]")) : p([i]);
-    }
-  });
-  b.observe(document, {
-    subtree: !0,
-    childList: !0,
-    attributeFilter: ["oncommand"]
-  }), p(document.querySelectorAll("[oncommand]"));
-  const I = /* @__PURE__ */ new WeakSet();
-  function y(r) {
-    if (I.has(r) || (I.add(r), r.defaultPrevented) || r.type !== "click") return;
-    const o = r.target.closest(
-      "button[invoketarget], button[invokeaction], input[invoketarget], input[invokeaction]"
-    );
-    if (o && (console.warn(
-      "Elements with `invoketarget` or `invokeaction` are deprecated and should be renamed to use `commandfor` and `command` respectively"
-    ), o.matches("input")))
-      throw new Error("Input elements no longer support `commandfor`");
-    const i = r.target.closest("button[commandfor], button[command]");
-    if (!i) return;
-    if (i.form && i.getAttribute("type") !== "button")
-      throw r.preventDefault(), new Error(
-        "Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes"
-      );
-    if (i.hasAttribute("command") !== i.hasAttribute("commandfor")) {
-      const w = i.hasAttribute("command") ? "command" : "commandfor", T = i.hasAttribute("command") ? "commandfor" : "command";
-      throw new Error(
-        `Element with ${w} attribute must also have a ${T} attribute to function.`
-      );
-    }
-    if (i.command !== "show-popover" && i.command !== "hide-popover" && i.command !== "toggle-popover" && i.command !== "show-modal" && i.command !== "request-close" && i.command !== "close" && !i.command.startsWith("--")) {
-      console.warn(
-        `"${i.command}" is not a valid command value. Custom commands must begin with --`
-      );
-      return;
-    }
-    const d = i.commandForElement;
-    if (!d) return;
-    const E = new a("command", {
-      command: i.command,
-      source: i,
-      cancelable: !0
-    });
-    if (d.dispatchEvent(E), E.defaultPrevented)
-      return;
-    const x = E.command.toLowerCase();
-    if (d.popover) {
-      const w = !d.matches(":popover-open");
-      w && (x === "toggle-popover" || x === "show-popover") ? d.showPopover({ source: i }) : !w && x === "hide-popover" && d.hidePopover();
-    } else if (d.localName === "dialog") {
-      const w = !d.hasAttribute("open");
-      w && x == "show-modal" ? d.showModal() : !w && x == "close" ? d.close(i.value ? i.value : void 0) : !w && x == "request-close" && (HTMLDialogElement.prototype.requestClose || (HTMLDialogElement.prototype.requestClose = function() {
-        const T = new Event("cancel", { cancelable: !0 });
-        this.dispatchEvent(T), T.defaultPrevented || this.close();
-      }), d.requestClose(i.value ? i.value : void 0));
-    }
-  }
-  function D(r) {
-    r.addEventListener("click", y, !0);
-  }
-  function V(r, o) {
-    const i = r.prototype.attachShadow;
-    r.prototype.attachShadow = function(E) {
-      const x = i.call(this, E);
-      return o(x), x;
-    };
-    const d = r.prototype.attachInternals;
-    r.prototype.attachInternals = function() {
-      const E = d.call(this);
-      return E.shadowRoot && o(E.shadowRoot), E;
-    };
-  }
-  g(HTMLButtonElement), V(HTMLElement, (r) => {
-    D(r), b.observe(r, { attributeFilter: ["oncommand"] }), p(r.querySelectorAll("[oncommand]"));
-  }), D(document), Object.assign(globalThis, { CommandEvent: a, InvokeEvent: l });
+function b() {
+	document.addEventListener("invoke", (e) => {
+		e.type == "invoke" && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault());
+	}, !0), document.addEventListener("command", (e) => {
+		e.type == "command" && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault());
+	}, !0);
+	function e(e, t, n = !0) {
+		Object.defineProperty(e, t, {
+			...Object.getOwnPropertyDescriptor(e, t),
+			enumerable: n
+		});
+	}
+	function t(e) {
+		return e && typeof e.getRootNode == "function" ? e.getRootNode() : e && e.parentNode ? t(e.parentNode) : e;
+	}
+	let n = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
+	class i extends Event {
+		constructor(e, t = {}) {
+			super(e, t);
+			let { source: i, command: a } = t;
+			if (i != null && !(i instanceof Element)) throw TypeError("source must be an element");
+			n.set(this, i || null), r.set(this, a === void 0 ? "" : String(a));
+		}
+		get [Symbol.toStringTag]() {
+			return "CommandEvent";
+		}
+		get source() {
+			if (!n.has(this)) throw TypeError("illegal invocation");
+			let e = n.get(this);
+			if (!(e instanceof Element)) return null;
+			let r = t(e);
+			return r === t(this.target || document) ? e : r.host;
+		}
+		get command() {
+			if (!r.has(this)) throw TypeError("illegal invocation");
+			return r.get(this);
+		}
+	}
+	e(i.prototype, "source"), e(i.prototype, "command");
+	let a = /* @__PURE__ */ new WeakMap();
+	function o(e) {
+		Object.defineProperties(e.prototype, {
+			commandForElement: {
+				enumerable: !0,
+				configurable: !0,
+				set(e) {
+					if (e === null) this.removeAttribute("commandfor"), a.delete(this);
+					else if (e instanceof Element) {
+						this.setAttribute("commandfor", "");
+						let n = t(e);
+						t(this) === n || n === this.ownerDocument ? a.set(this, e) : a.delete(this);
+					} else throw TypeError("commandForElement must be an element or null");
+				},
+				get() {
+					if (this.localName !== "button" || this.disabled) return null;
+					if (this.form && this.getAttribute("type") !== "button") return console.warn("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work"), null;
+					let e = a.get(this);
+					if (e) return e.isConnected ? e : (a.delete(this), null);
+					let n = t(this), r = this.getAttribute("commandfor");
+					return (n instanceof Document || n instanceof ShadowRoot) && r && n.getElementById(r) || null;
+				}
+			},
+			command: {
+				enumerable: !0,
+				configurable: !0,
+				get() {
+					let e = this.getAttribute("command") || "";
+					if (e.startsWith("--")) return e;
+					let t = e.toLowerCase();
+					switch (t) {
+						case "show-modal":
+						case "request-close":
+						case "close":
+						case "toggle-popover":
+						case "hide-popover":
+						case "show-popover": return t;
+					}
+					return "";
+				},
+				set(e) {
+					this.setAttribute("command", e);
+				}
+			}
+		});
+	}
+	let s = /* @__PURE__ */ new WeakMap();
+	Object.defineProperties(HTMLElement.prototype, { oncommand: {
+		enumerable: !0,
+		configurable: !0,
+		get() {
+			return l.takeRecords(), s.get(this) || null;
+		},
+		set(e) {
+			let t = s.get(this) || null;
+			t && this.removeEventListener("command", t), s.set(this, typeof e == "object" || typeof e == "function" ? e : null), typeof e == "function" && this.addEventListener("command", e);
+		}
+	} });
+	function c(e) {
+		for (let t of e) t.oncommand = Function("event", t.getAttribute("oncommand"));
+	}
+	let l = new MutationObserver((e) => {
+		for (let t of e) {
+			let { target: e } = t;
+			t.type === "childList" ? c(e.querySelectorAll("[oncommand]")) : c([e]);
+		}
+	});
+	l.observe(document, {
+		subtree: !0,
+		childList: !0,
+		attributeFilter: ["oncommand"]
+	}), c(document.querySelectorAll("[oncommand]"));
+	let u = /* @__PURE__ */ new WeakSet();
+	function d(e) {
+		if (u.has(e) || (u.add(e), e.defaultPrevented) || e.type !== "click") return;
+		let t = e.composedPath().find((e) => e.matches?.("button[commandfor], button[command]"));
+		if (!t) return;
+		if (t.form && t.getAttribute("type") !== "button") throw e.preventDefault(), Error("Element with `commandFor` is a form participant. It should explicitly set `type=button` in order for `commandFor` to work. In order for it to act as a Submit button, it must not have command or commandfor attributes");
+		if (t.hasAttribute("command") !== t.hasAttribute("commandfor")) {
+			let e = t.hasAttribute("command") ? "command" : "commandfor", n = t.hasAttribute("command") ? "commandfor" : "command";
+			throw Error(`Element with ${e} attribute must also have a ${n} attribute to function.`);
+		}
+		if (t.command !== "show-popover" && t.command !== "hide-popover" && t.command !== "toggle-popover" && t.command !== "show-modal" && t.command !== "request-close" && t.command !== "close" && !t.command.startsWith("--")) {
+			console.warn(`"${t.command}" is not a valid command value. Custom commands must begin with --`);
+			return;
+		}
+		let n = t.commandForElement;
+		if (!n) return;
+		let r = new i("command", {
+			command: t.command,
+			source: t,
+			cancelable: !0
+		});
+		if (n.dispatchEvent(r), r.defaultPrevented) return;
+		let a = r.command.toLowerCase();
+		if (n.popover) {
+			let e = !n.matches(":popover-open");
+			e && (a === "toggle-popover" || a === "show-popover") ? n.showPopover({ source: t }) : !e && a === "hide-popover" && n.hidePopover();
+		} else if (n.localName === "dialog") {
+			let e = !n.hasAttribute("open");
+			e && a == "show-modal" ? n.showModal() : !e && a == "close" ? n.close(t.value ? t.value : void 0) : !e && a == "request-close" && (HTMLDialogElement.prototype.requestClose || (HTMLDialogElement.prototype.requestClose = function() {
+				let e = new Event("cancel", { cancelable: !0 });
+				this.dispatchEvent(e), e.defaultPrevented || this.close();
+			}), n.requestClose(t.value ? t.value : void 0));
+		}
+	}
+	function f(e) {
+		e.addEventListener("click", d, !0);
+	}
+	function p(e, t) {
+		let n = e.prototype.attachShadow;
+		e.prototype.attachShadow = function(e) {
+			let r = n.call(this, e);
+			return t(r), r;
+		};
+		let r = e.prototype.attachInternals;
+		e.prototype.attachInternals = function() {
+			let e = r.call(this);
+			return e.shadowRoot && t(e.shadowRoot), e;
+		};
+	}
+	o(HTMLButtonElement), p(HTMLElement, (e) => {
+		f(e), l.observe(e, { attributeFilter: ["oncommand"] }), c(e.querySelectorAll("[oncommand]"));
+	}), f(document), Object.assign(globalThis, { CommandEvent: i });
 }
-N() || U();
+//#endregion
+//#region src/tarragon-ui.ts
+y() || b();
+//#endregion