@nonoun/native-ui 0.1.0

package/dist/register-all2.js

@@ -0,0 +1,1244 @@
+import { c as e, l as t, s as n, u as r } from "./uid.js";
+import { a as i, c as a, d as o, i as s, n as c, o as l, r as ee, s as te, t as u, v as d } from "./dialog-controller.js";
+function f(t) {
+	let n = e();
+	r(null);
+	try {
+		return t();
+	} finally {
+		r(n);
+	}
+}
+function ne(e) {
+	let r = t.get(e);
+	return r ? r instanceof n ? {
+		type: "signal",
+		value: r._value,
+		subscriberCount: r._subs.size,
+		dependencyCount: 0
+	} : {
+		type: "computed",
+		value: r._value,
+		subscriberCount: r._subs.size,
+		dependencyCount: r._deps.size
+	} : {
+		type: "unknown",
+		value: void 0,
+		subscriberCount: 0,
+		dependencyCount: 0
+	};
+}
+function re(e) {
+	return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Signal";
+}
+function ie(e) {
+	return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Computed";
+}
+/** Enables contiguous range selection via drag or click, dispatching `ui-range-change` and `ui-range-select`. */
+var p = class {
+	host;
+	selector;
+	mode;
+	disabled;
+	#e = -1;
+	#t = -1;
+	#n = !1;
+	#r = !1;
+	#i = "idle";
+	constructor(e, t) {
+		this.host = e, this.selector = t.selector, this.mode = t.mode ?? "drag", this.disabled = t.disabled ?? !1, this.attach();
+	}
+	attach() {
+		this.#r || (this.#r = !0, this.host.addEventListener("pointerdown", this.#c));
+	}
+	detach() {
+		this.#r && (this.#r = !1, this.host.removeEventListener("pointerdown", this.#c), this.#T());
+	}
+	destroy() {
+		this.detach();
+	}
+	clearRange() {
+		this.#T();
+	}
+	#a() {
+		return this.selector ? [...this.host.querySelectorAll(this.selector)] : [];
+	}
+	#o(e) {
+		let t = this.#a(), n = document.elementFromPoint(e.clientX, e.clientY) ?? e.target;
+		if (!n) return -1;
+		let r = n.closest?.(this.selector);
+		return !r || !this.host.contains(r) ? -1 : t.indexOf(r);
+	}
+	#s(e) {
+		let t = this.#a(), n = e.target.closest?.(this.selector);
+		return !n || !this.host.contains(n) ? -1 : t.indexOf(n);
+	}
+	#c = (e) => {
+		e.button === 0 && (this.disabled || this.selector && (this.mode === "click" ? this.#m(e) : this.#l(e)));
+	};
+	#l(e) {
+		let t = this.#o(e);
+		t !== -1 && (e.preventDefault(), this.#n = !0, this.#e = t, this.#t = t, this.#C(), this.host.setPointerCapture(e.pointerId), document.addEventListener("pointermove", this.#u), document.addEventListener("pointerup", this.#d), document.addEventListener("pointercancel", this.#f));
+	}
+	#u = (e) => {
+		if (!this.#n) return;
+		let t = this.#o(e);
+		t !== -1 && t !== this.#t && (this.#t = t, this.#C(), this.#x());
+	};
+	#d = (e) => {
+		this.#n &&= (this.#S(), this.#p(), !1);
+	};
+	#f = () => {
+		this.#T();
+	};
+	#p() {
+		document.removeEventListener("pointermove", this.#u), document.removeEventListener("pointerup", this.#d), document.removeEventListener("pointercancel", this.#f);
+	}
+	#m(e) {
+		let t = this.#s(e);
+		t !== -1 && (e.preventDefault(), this.#i === "idle" ? (this.#e = t, this.#t = t, this.#C(), this.#i = "selecting", this.host.addEventListener("pointermove", this.#h)) : this.#i === "selecting" && (this.#t = t, this.#C(), this.#i = "adjusting", this.host.setPointerCapture(e.pointerId), document.addEventListener("pointermove", this.#g), document.addEventListener("pointerup", this.#_), document.addEventListener("pointercancel", this.#v)));
+	}
+	#h = (e) => {
+		if (this.#i !== "selecting") return;
+		let t = this.#s(e);
+		t !== -1 && t !== this.#t && (this.#t = t, this.#C(), this.#x());
+	};
+	#g = (e) => {
+		if (this.#i !== "adjusting") return;
+		let t = this.#o(e);
+		t !== -1 && t !== this.#t && (this.#t = t, this.#C(), this.#x());
+	};
+	#_ = (e) => {
+		this.#i === "adjusting" && (this.#S(), this.#y(), this.#i = "idle");
+	};
+	#v = () => {
+		this.#T();
+	};
+	#y() {
+		this.host.removeEventListener("pointermove", this.#h), document.removeEventListener("pointermove", this.#g), document.removeEventListener("pointerup", this.#_), document.removeEventListener("pointercancel", this.#v);
+	}
+	#b() {
+		return [Math.min(this.#e, this.#t), Math.max(this.#e, this.#t)];
+	}
+	#x() {
+		let e = this.#a(), [t, n] = this.#b();
+		this.host.dispatchEvent(new CustomEvent("ui-range-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				startIndex: t,
+				endIndex: n,
+				items: e.slice(t, n + 1)
+			}
+		}));
+	}
+	#S() {
+		let e = this.#a(), [t, n] = this.#b();
+		this.host.dispatchEvent(new CustomEvent("ui-range-select", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				startIndex: t,
+				endIndex: n,
+				items: e.slice(t, n + 1)
+			}
+		}));
+	}
+	#C() {
+		let e = this.#a(), [t, n] = this.#b();
+		for (let r = 0; r < e.length; r++) {
+			let i = r >= t && r <= n;
+			e[r].toggleAttribute("range-selected", i), r === t ? e[r].setAttribute("range-start", "") : e[r].removeAttribute("range-start"), r === n ? e[r].setAttribute("range-end", "") : e[r].removeAttribute("range-end");
+		}
+	}
+	#w() {
+		let e = this.#a();
+		for (let t of e) t.removeAttribute("range-selected"), t.removeAttribute("range-start"), t.removeAttribute("range-end");
+	}
+	#T() {
+		this.#w(), this.#p(), this.#y(), this.#n = !1, this.#i = "idle", this.#e = -1, this.#t = -1;
+	}
+}, m = class {
+	host;
+	itemHeight;
+	overscan;
+	#e = 0;
+	#t = 0;
+	#n = 0;
+	#r = null;
+	#i = null;
+	#a = null;
+	#o = 0;
+	constructor(e, t = {}) {
+		this.host = e, this.itemHeight = t.itemHeight ?? 40, this.overscan = t.overscan ?? 5;
+	}
+	get start() {
+		return this.#t;
+	}
+	get end() {
+		return this.#n;
+	}
+	enable(e, t, n) {
+		this.#r = e, this.#e = n, this.#i = document.createElement("div"), this.#i.className = "ui-virtual-spacer-top", this.#i.setAttribute("aria-hidden", "true"), this.#a = document.createElement("div"), this.#a.className = "ui-virtual-spacer-bottom", this.#a.setAttribute("aria-hidden", "true"), t.prepend(this.#i), t.appendChild(this.#a), e.addEventListener("scroll", this.#s, { passive: !0 }), this.#c();
+	}
+	disable() {
+		this.#r && this.#r.removeEventListener("scroll", this.#s), this.#o &&= (cancelAnimationFrame(this.#o), 0), this.#i?.remove(), this.#a?.remove(), this.#r = null, this.#i = null, this.#a = null;
+	}
+	updateCount(e) {
+		this.#e = e, this.#c();
+	}
+	destroy() {
+		this.disable();
+	}
+	#s = () => {
+		this.#o ||= requestAnimationFrame(() => {
+			this.#o = 0, this.#c();
+		});
+	};
+	#c() {
+		if (!this.#r || !this.#i || !this.#a) return;
+		let e = this.#r.scrollTop, t = this.#r.clientHeight, n = Math.floor(e / this.itemHeight), r = Math.ceil((e + t) / this.itemHeight), i = Math.max(0, n - this.overscan), a = Math.min(this.#e, r + this.overscan);
+		i === this.#t && a === this.#n || (this.#t = i, this.#n = a, this.#i.style.height = `${i * this.itemHeight}px`, this.#a.style.height = `${Math.max(0, (this.#e - a) * this.itemHeight)}px`, this.host.dispatchEvent(new CustomEvent("ui-virtual-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				start: i,
+				end: a,
+				totalCount: this.#e
+			}
+		})));
+	}
+}, h = class {
+	host;
+	selector;
+	mode;
+	disabled;
+	#e = /* @__PURE__ */ new Set();
+	#t = null;
+	#n = !1;
+	constructor(e, t) {
+		this.host = e, this.selector = t.selector, this.mode = t.mode ?? "multiple", this.disabled = t.disabled ?? !1, this.attach();
+	}
+	attach() {
+		this.#n || (this.#n = !0, this.host.addEventListener("click", this.#o), this.host.addEventListener("keydown", this.#s));
+	}
+	detach() {
+		this.#n && (this.#n = !1, this.host.removeEventListener("click", this.#o), this.host.removeEventListener("keydown", this.#s));
+	}
+	destroy() {
+		this.clear(), this.detach();
+	}
+	select(e) {
+		this.disabled || (this.#i(), this.#e.clear(), this.#e.add(e), this.#t = e, e.setAttribute("selected", ""), e.setAttribute("selection-anchor", ""), this.#a());
+	}
+	toggle(e) {
+		if (!this.disabled) {
+			this.#e.has(e) ? (this.#e.delete(e), e.removeAttribute("selected")) : (this.#e.add(e), e.setAttribute("selected", ""));
+			for (let e of this.#r()) e.removeAttribute("selection-anchor");
+			this.#t = e, e.setAttribute("selection-anchor", ""), this.#a();
+		}
+	}
+	rangeTo(e) {
+		if (this.disabled || !this.#t) return;
+		let t = this.#r(), n = t.indexOf(this.#t), r = t.indexOf(e);
+		if (n === -1 || r === -1) return;
+		let i = Math.min(n, r), a = Math.max(n, r);
+		this.#i(), this.#e.clear();
+		for (let e = i; e <= a; e++) this.#e.add(t[e]), t[e].setAttribute("selected", "");
+		this.#t && this.#t.setAttribute("selection-anchor", ""), this.#a();
+	}
+	selectAll() {
+		if (!(this.disabled || this.mode === "single")) {
+			this.#i(), this.#e.clear();
+			for (let e of this.#r()) this.#e.add(e), e.setAttribute("selected", "");
+			this.#a();
+		}
+	}
+	clear() {
+		this.#i(), this.#e.clear(), this.#t = null, this.#a();
+	}
+	getSelection() {
+		return [...this.#e];
+	}
+	handleClick(e, t) {
+		this.disabled || (this.mode === "single" ? this.select(e) : t.shift && this.#t ? this.rangeTo(e) : t.ctrl ? this.toggle(e) : this.select(e));
+	}
+	#r() {
+		return [...this.host.querySelectorAll(this.selector)];
+	}
+	#i() {
+		for (let e of this.#r()) e.removeAttribute("selected"), e.removeAttribute("selection-anchor");
+	}
+	#a() {
+		this.host.dispatchEvent(new CustomEvent("ui-selection-change", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				selected: [...this.#e],
+				count: this.#e.size
+			}
+		}));
+	}
+	#o = (e) => {
+		if (this.disabled) return;
+		let t = e.target.closest(this.selector);
+		!t || !this.host.contains(t) || this.handleClick(t, {
+			shift: e.shiftKey,
+			ctrl: e.ctrlKey || e.metaKey
+		});
+	};
+	#s = (e) => {
+		this.disabled || (e.ctrlKey || e.metaKey) && e.key === "a" && (e.preventDefault(), this.selectAll());
+	};
+}, g = class {
+	host;
+	selector;
+	textField;
+	disabled;
+	#e = "";
+	#t = !1;
+	constructor(e, t) {
+		this.host = e, this.selector = t.selector, this.textField = t.textField ?? "textContent", this.disabled = t.disabled ?? !1, this.attach();
+	}
+	attach() {
+		this.#t ||= !0;
+	}
+	detach() {
+		this.#t &&= !1;
+	}
+	destroy() {
+		this.clear(), this.detach();
+	}
+	get query() {
+		return this.#e;
+	}
+	filter(e) {
+		this.#e = e;
+		let t = [...this.host.querySelectorAll(this.selector)], n = t.length, r = [], i = [];
+		if (!e || this.disabled) {
+			for (let e of t) e.removeAttribute("search-hidden"), e.setAttribute("search-match", ""), r.push(e);
+			return this.host.dispatchEvent(new CustomEvent("ui-search", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					query: e,
+					matchCount: r.length,
+					total: n
+				}
+			})), {
+				matches: r,
+				hidden: i,
+				total: n
+			};
+		}
+		let a = e.toLowerCase();
+		for (let e of t) this.#n(e).toLowerCase().includes(a) ? (e.removeAttribute("search-hidden"), e.setAttribute("search-match", ""), r.push(e)) : (e.setAttribute("search-hidden", ""), e.removeAttribute("search-match"), i.push(e));
+		return this.host.dispatchEvent(new CustomEvent("ui-search", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				query: e,
+				matchCount: r.length,
+				total: n
+			}
+		})), {
+			matches: r,
+			hidden: i,
+			total: n
+		};
+	}
+	clear() {
+		this.#e = "";
+		for (let e of this.host.querySelectorAll(this.selector)) e.removeAttribute("search-hidden"), e.removeAttribute("search-match");
+	}
+	static highlight(e, t) {
+		if (!t) return e;
+		let n = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		return e.replace(RegExp(`(${n})`, "gi"), "<mark>$1</mark>");
+	}
+	#n(e) {
+		return this.textField === "textContent" ? e.textContent ?? "" : e.getAttribute(this.textField) ?? e.textContent ?? "";
+	}
+}, _ = class {
+	host;
+	threshold;
+	velocityThreshold;
+	axis;
+	disabled;
+	#e = 0;
+	#t = 0;
+	#n = 0;
+	#r = !1;
+	#i = !1;
+	#a = null;
+	#o = 0;
+	#s = null;
+	#c = 0;
+	constructor(e, t = {}) {
+		this.host = e, this.threshold = t.threshold ?? 50, this.velocityThreshold = t.velocityThreshold ?? .3, this.axis = t.axis ?? "horizontal", this.disabled = t.disabled ?? !1, this.attach();
+	}
+	get direction() {
+		return this.#a;
+	}
+	get distance() {
+		return this.#o;
+	}
+	get velocity() {
+		return this.#c;
+	}
+	attach() {
+		this.#r || (this.#r = !0, this.host.addEventListener("pointerdown", this.#l));
+	}
+	detach() {
+		this.#r && (this.#r = !1, this.host.removeEventListener("pointerdown", this.#l), this.#i &&= (this.host.removeEventListener("pointerup", this.#u), this.host.removeEventListener("pointercancel", this.#d), !1));
+	}
+	destroy() {
+		this.#s !== null && (clearTimeout(this.#s), this.#s = null), this.detach();
+	}
+	#l = (e) => {
+		this.disabled || e.button !== 0 || e.pointerType === "touch" && !e.isPrimary || (this.#e = e.clientX, this.#t = e.clientY, this.#n = Date.now(), this.#a = null, this.#o = 0, this.#c = 0, this.host.setPointerCapture(e.pointerId), this.host.toggleAttribute("swiping", !0), this.#i = !0, this.host.addEventListener("pointerup", this.#u), this.host.addEventListener("pointercancel", this.#d));
+	};
+	#u = (e) => {
+		this.#i = !1, this.host.removeAttribute("swiping"), this.host.removeEventListener("pointerup", this.#u), this.host.removeEventListener("pointercancel", this.#d);
+		let t = e.clientX - this.#e, n = e.clientY - this.#t, r = Date.now() - this.#n, i = Math.abs(t), a = Math.abs(n), o = null, s = 0;
+		this.axis === "horizontal" || this.axis === "both" && i >= a ? (s = i, o = t > 0 ? "right" : "left") : (s = a, o = n > 0 ? "down" : "up");
+		let c = r > 0 ? s / r : 0;
+		s >= this.threshold && c >= this.velocityThreshold && (this.#a = o, this.#o = s, this.#c = c, this.host.setAttribute(`swipe-${o}`, ""), this.#s = setTimeout(() => this.host.removeAttribute(`swipe-${o}`), 300), this.host.dispatchEvent(new CustomEvent("ui-swipe", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				direction: o,
+				distance: s,
+				velocity: c
+			}
+		})));
+	};
+	#d = () => {
+		this.#i = !1, this.host.removeAttribute("swiping"), this.host.removeEventListener("pointerup", this.#u), this.host.removeEventListener("pointercancel", this.#d);
+	};
+}, v = class {
+	host;
+	trigger;
+	disabled;
+	#e = "";
+	#t = !1;
+	#n = !1;
+	constructor(e, t = {}) {
+		this.host = e, this.trigger = t.trigger ?? "dblclick", this.disabled = t.disabled ?? !1, this.attach();
+	}
+	get isEditing() {
+		return this.#t;
+	}
+	get originalValue() {
+		return this.#e;
+	}
+	get currentValue() {
+		return this.host.textContent ?? "";
+	}
+	attach() {
+		this.#n || (this.#n = !0, this.host.addEventListener(this.trigger, this.#r), this.host.addEventListener("keydown", this.#i), this.host.addEventListener("blur", this.#a));
+	}
+	detach() {
+		this.#n && (this.#n = !1, this.host.removeEventListener(this.trigger, this.#r), this.host.removeEventListener("keydown", this.#i), this.host.removeEventListener("blur", this.#a));
+	}
+	destroy() {
+		this.#t && this.cancelEdit(), this.detach();
+	}
+	startEdit() {
+		if (this.disabled || this.#t) return;
+		this.#e = this.host.textContent ?? "", this.#t = !0, this.host.setAttribute("contenteditable", "plaintext-only"), this.host.setAttribute("editing", ""), this.host.focus();
+		let e = window.getSelection();
+		e && (e.selectAllChildren(this.host), e.collapseToEnd()), this.host.dispatchEvent(new CustomEvent("ui-edit-start", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#e }
+		}));
+	}
+	commitEdit() {
+		if (!this.#t) return this.#e;
+		let e = this.host.textContent ?? "";
+		return this.#t = !1, this.host.removeAttribute("contenteditable"), this.host.removeAttribute("editing"), this.host.dispatchEvent(new CustomEvent("ui-edit-commit", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				value: e,
+				previousValue: this.#e
+			}
+		})), e;
+	}
+	cancelEdit() {
+		this.#t && (this.host.textContent = this.#e, this.#t = !1, this.host.removeAttribute("contenteditable"), this.host.removeAttribute("editing"), this.host.dispatchEvent(new CustomEvent("ui-edit-cancel", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: this.#e }
+		})));
+	}
+	#r = () => {
+		this.startEdit();
+	};
+	#i = (e) => {
+		this.#t && (e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), this.commitEdit()) : e.key === "Escape" && (e.preventDefault(), this.cancelEdit()));
+	};
+	#a = () => {
+		this.#t && this.commitEdit();
+	};
+}, y = class {
+	host;
+	selector;
+	disabled;
+	#e = /* @__PURE__ */ new Set();
+	#t = !1;
+	constructor(e, t) {
+		this.host = e, this.selector = t.selector, this.disabled = t.disabled ?? !1, this.attach();
+	}
+	attach() {
+		this.#t || (this.#t = !0, this.host.addEventListener("keydown", this.#n));
+	}
+	detach() {
+		this.#t && (this.#t = !1, this.host.removeEventListener("keydown", this.#n));
+	}
+	destroy() {
+		this.cancelCut(), this.detach();
+	}
+	serialize(e) {
+		return e.map((e) => e.textContent ?? "").join("\n");
+	}
+	deserialize(e) {
+		return e.split("\n");
+	}
+	async copy(e) {
+		if (this.disabled) return "";
+		let t = this.serialize(e);
+		return await navigator.clipboard.writeText(t), this.host.dispatchEvent(new CustomEvent("ui-clip-copy", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				items: e,
+				data: t
+			}
+		})), t;
+	}
+	async cut(e) {
+		if (this.disabled) return "";
+		let t = this.serialize(e);
+		await navigator.clipboard.writeText(t), this.cancelCut();
+		for (let t of e) this.#e.add(t), t.setAttribute("clip-cut", "");
+		return this.host.dispatchEvent(new CustomEvent("ui-clip-cut", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				items: e,
+				data: t
+			}
+		})), t;
+	}
+	async paste() {
+		if (this.disabled) return "";
+		let e = await navigator.clipboard.readText();
+		return this.cancelCut(), this.host.dispatchEvent(new CustomEvent("ui-clip-paste", {
+			bubbles: !0,
+			composed: !0,
+			detail: { data: e }
+		})), e;
+	}
+	cancelCut() {
+		for (let e of this.#e) e.removeAttribute("clip-cut");
+		this.#e.clear();
+	}
+	get hasCutPending() {
+		return this.#e.size > 0;
+	}
+	get cutItems() {
+		return this.#e;
+	}
+	#n = (e) => {
+		if (this.disabled || !(e.ctrlKey || e.metaKey)) return;
+		let t = [...this.host.querySelectorAll(`${this.selector}[selected]`)];
+		if (t.length !== 0) switch (e.key) {
+			case "c":
+				e.preventDefault(), this.copy(t);
+				break;
+			case "x":
+				e.preventDefault(), this.cut(t);
+				break;
+			case "v":
+				e.preventDefault(), this.paste();
+				break;
+		}
+	};
+}, b = class {
+	host;
+	delay;
+	leaveDelay;
+	disabled;
+	#e;
+	#t;
+	#n = !1;
+	constructor(e, t = {}) {
+		this.host = e, this.delay = t.delay ?? 0, this.leaveDelay = t.leaveDelay ?? 0, this.disabled = t.disabled ?? !1, this.attach();
+	}
+	attach() {
+		this.#n || (this.#n = !0, this.host.addEventListener("pointerenter", this.#r), this.host.addEventListener("pointerleave", this.#i));
+	}
+	detach() {
+		this.#n && (this.#n = !1, this.host.removeEventListener("pointerenter", this.#r), this.host.removeEventListener("pointerleave", this.#i), clearTimeout(this.#e), clearTimeout(this.#t), this.host.removeAttribute("hovered"));
+	}
+	destroy() {
+		this.detach();
+	}
+	#r = (e) => {
+		this.disabled || (clearTimeout(this.#t), this.delay > 0 ? this.#e = setTimeout(() => {
+			this.host.toggleAttribute("hovered", !0), this.host.dispatchEvent(new CustomEvent("ui-hover-enter", {
+				bubbles: !0,
+				composed: !0,
+				detail: { pointerType: e.pointerType }
+			}));
+		}, this.delay) : (this.host.toggleAttribute("hovered", !0), this.host.dispatchEvent(new CustomEvent("ui-hover-enter", {
+			bubbles: !0,
+			composed: !0,
+			detail: { pointerType: e.pointerType }
+		}))));
+	};
+	#i = (e) => {
+		this.disabled || (clearTimeout(this.#e), this.leaveDelay > 0 ? this.#t = setTimeout(() => {
+			this.host.removeAttribute("hovered"), this.host.dispatchEvent(new CustomEvent("ui-hover-leave", {
+				bubbles: !0,
+				composed: !0,
+				detail: { pointerType: e.pointerType }
+			}));
+		}, this.leaveDelay) : (this.host.removeAttribute("hovered"), this.host.dispatchEvent(new CustomEvent("ui-hover-leave", {
+			bubbles: !0,
+			composed: !0,
+			detail: { pointerType: e.pointerType }
+		}))));
+	};
+}, x = class {
+	host;
+	value;
+	feedbackDuration;
+	#e;
+	constructor(e, t = {}) {
+		this.host = e, this.value = t.value ?? "", this.feedbackDuration = t.feedbackDuration ?? 2e3;
+	}
+	async copy() {
+		let e = typeof this.value == "function" ? this.value() : this.value;
+		await navigator.clipboard.writeText(e), this.host.toggleAttribute("copied", !0), clearTimeout(this.#e), this.#e = setTimeout(() => this.host.removeAttribute("copied"), this.feedbackDuration), this.host.dispatchEvent(new CustomEvent("ui-copy", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: e }
+		}));
+	}
+	destroy() {
+		clearTimeout(this.#e);
+	}
+}, S = class {
+	host;
+	threshold;
+	root;
+	margin;
+	once;
+	disabled;
+	#e = null;
+	#t = !1;
+	constructor(e, t = {}) {
+		this.host = e, this.threshold = t.threshold ?? 0, this.root = t.root ?? null, this.margin = t.margin ?? "0px", this.once = t.once ?? !1, this.disabled = t.disabled ?? !1, this.attach();
+	}
+	attach() {
+		if (this.#t || this.disabled) return;
+		this.#t = !0;
+		let e = this.root ? document.querySelector(this.root) : null;
+		this.#e = new IntersectionObserver(this.#n, {
+			root: e,
+			rootMargin: this.margin,
+			threshold: this.threshold
+		}), this.#e.observe(this.host);
+	}
+	detach() {
+		this.#t && (this.#t = !1, this.#e?.disconnect(), this.#e = null, this.host.removeAttribute("intersecting"));
+	}
+	destroy() {
+		this.detach();
+	}
+	#n = (e) => {
+		for (let t of e) {
+			let e = t.isIntersecting;
+			this.host.toggleAttribute("intersecting", e), this.host.dispatchEvent(new CustomEvent("ui-intersect", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					isIntersecting: e,
+					ratio: t.intersectionRatio
+				}
+			})), e && this.once && (this.#e?.disconnect(), this.#e = null);
+		}
+	};
+}, C = class {
+	host;
+	accept;
+	disabled;
+	multiple;
+	#e = 0;
+	#t = !1;
+	constructor(e, t = {}) {
+		this.host = e, this.accept = t.accept ?? "*", this.disabled = t.disabled ?? !1, this.multiple = t.multiple ?? !0, this.attach();
+	}
+	attach() {
+		this.#t || (this.#t = !0, this.host.addEventListener("dragenter", this.#r), this.host.addEventListener("dragover", this.#i), this.host.addEventListener("dragleave", this.#a), this.host.addEventListener("drop", this.#o));
+	}
+	detach() {
+		this.#t && (this.#t = !1, this.host.removeEventListener("dragenter", this.#r), this.host.removeEventListener("dragover", this.#i), this.host.removeEventListener("dragleave", this.#a), this.host.removeEventListener("drop", this.#o), this.host.removeAttribute("drop-active"), this.host.removeAttribute("drop-invalid"), this.#e = 0);
+	}
+	destroy() {
+		this.detach();
+	}
+	#n(e) {
+		if (this.accept === "*") return !0;
+		for (let t of e.items) if (t.type.match(this.accept.replace("*", ".*"))) return !0;
+		return !1;
+	}
+	#r = (e) => {
+		this.disabled || !e.dataTransfer || (e.preventDefault(), this.#e++, this.#n(e.dataTransfer) ? (this.host.toggleAttribute("drop-active", !0), this.host.removeAttribute("drop-invalid")) : (this.host.toggleAttribute("drop-invalid", !0), this.host.removeAttribute("drop-active")));
+	};
+	#i = (e) => {
+		this.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+	};
+	#a = (e) => {
+		this.#e--, this.#e <= 0 && (this.#e = 0, this.host.removeAttribute("drop-active"), this.host.removeAttribute("drop-invalid"));
+	};
+	#o = (e) => {
+		if (e.preventDefault(), this.#e = 0, this.host.removeAttribute("drop-active"), this.host.removeAttribute("drop-invalid"), this.disabled || !e.dataTransfer) return;
+		if (e.dataTransfer.files.length > 0) {
+			let t = Array.from(e.dataTransfer.files);
+			this.multiple || (t = t.slice(0, 1)), this.host.dispatchEvent(new CustomEvent("ui-file-drop", {
+				bubbles: !0,
+				composed: !0,
+				detail: {
+					files: t,
+					dataTransfer: e.dataTransfer
+				}
+			}));
+			return;
+		}
+		let t = e.dataTransfer.getData("text/plain");
+		t && this.host.dispatchEvent(new CustomEvent("ui-text-drop", {
+			bubbles: !0,
+			composed: !0,
+			detail: { text: t }
+		}));
+	};
+}, w = class {
+	host;
+	selector;
+	disabled;
+	#e = null;
+	#t = "none";
+	#n = !1;
+	constructor(e, t = {}) {
+		this.host = e, this.selector = t.selector ?? "", this.disabled = t.disabled ?? !1, this.attach();
+	}
+	get sortColumn() {
+		return this.#e;
+	}
+	get sortDirection() {
+		return this.#t;
+	}
+	attach() {
+		if (!this.#n && (this.#n = !0, this.selector)) for (let e of this.host.querySelectorAll(this.selector)) e.addEventListener("click", this.#r), e.style.cursor = "pointer";
+	}
+	detach() {
+		if (this.#n && (this.#n = !1, this.selector)) for (let e of this.host.querySelectorAll(this.selector)) e.removeEventListener("click", this.#r);
+	}
+	destroy() {
+		this.detach();
+	}
+	#r = (e) => {
+		if (this.disabled) return;
+		let t = e.currentTarget, n = t.dataset.column ?? t.textContent?.trim() ?? "";
+		n === this.#e ? this.#t === "asc" ? this.#t = "desc" : this.#t === "desc" ? this.#t = "none" : this.#t = "asc" : (this.#e = n, this.#t = "asc");
+		for (let e of this.host.querySelectorAll(this.selector)) (e.dataset.column ?? e.textContent?.trim() ?? "") === this.#e && this.#t !== "none" ? e.setAttribute("aria-sort", this.#t === "asc" ? "ascending" : "descending") : e.removeAttribute("aria-sort");
+		this.host.dispatchEvent(new CustomEvent("ui-sort", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				column: this.#e,
+				direction: this.#t
+			}
+		}));
+	};
+}, T = class {
+	host;
+	rules;
+	#e = !0;
+	#t = "";
+	constructor(e, t = {}) {
+		this.host = e, this.rules = t.rules ?? [];
+	}
+	get valid() {
+		return this.#e;
+	}
+	get errorMessage() {
+		return this.#t;
+	}
+	validate(e) {
+		let t = e ?? this.#n();
+		for (let e of this.rules) if (!e.test(t)) return this.#e = !1, this.#t = e.message, this.host.setAttribute("invalid", ""), this.host.setAttribute("aria-invalid", "true"), this.host.dispatchEvent(new CustomEvent("ui-invalid", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				message: e.message,
+				value: t
+			}
+		})), !1;
+		return this.#e = !0, this.#t = "", this.host.removeAttribute("invalid"), this.host.removeAttribute("aria-invalid"), this.host.dispatchEvent(new CustomEvent("ui-valid", {
+			bubbles: !0,
+			composed: !0,
+			detail: { value: t }
+		})), !0;
+	}
+	clearValidation() {
+		this.#e = !0, this.#t = "", this.host.removeAttribute("invalid"), this.host.removeAttribute("aria-invalid");
+	}
+	destroy() {}
+	static required(e = "This field is required") {
+		return {
+			test: (e) => e.trim().length > 0,
+			message: e
+		};
+	}
+	static minLength(e, t) {
+		return {
+			test: (t) => t.length >= e,
+			message: t ?? `Must be at least ${e} characters`
+		};
+	}
+	static maxLength(e, t) {
+		return {
+			test: (t) => t.length <= e,
+			message: t ?? `Must be at most ${e} characters`
+		};
+	}
+	static pattern(e, t = "Invalid format") {
+		return {
+			test: (t) => e.test(t),
+			message: t
+		};
+	}
+	#n() {
+		return this.#r(this.host) ? this.host.value : this.host.querySelector("input, textarea, select")?.value ?? "";
+	}
+	#r(e) {
+		return "value" in e && typeof e.value == "string";
+	}
+}, E = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])", D = class {
+	host;
+	#e = null;
+	#t = null;
+	constructor(e) {
+		this.host = e;
+	}
+	enable() {
+		this.#e = document.activeElement, this.#t = (e) => {
+			if (e.key !== "Tab") return;
+			let t = [...this.host.querySelectorAll(E)];
+			if (t.length === 0) return;
+			let n = t[0], r = t[t.length - 1];
+			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
+		}, this.host.addEventListener("keydown", this.#t);
+		let e = this.host.querySelector("[autofocus]");
+		if (e) e.focus();
+		else {
+			let e = this.host.querySelectorAll(E);
+			e.length > 0 ? e[0].focus() : (this.host.setAttribute("tabindex", "-1"), this.host.focus());
+		}
+	}
+	disable() {
+		this.#t &&= (this.host.removeEventListener("keydown", this.#t), null), this.#e instanceof HTMLElement && this.#e.isConnected && this.#e.focus(), this.#e = null;
+	}
+	destroy() {
+		this.disable();
+	}
+}, O = class {
+	host;
+	duration;
+	#e = !1;
+	#t = null;
+	constructor(e, t = {}) {
+		this.host = e, this.duration = t.duration ?? 200;
+	}
+	get collapsed() {
+		return this.host.hasAttribute("collapsed");
+	}
+	set collapsed(e) {
+		e ? this.collapse() : this.expand();
+	}
+	expand() {
+		this.host.hasAttribute("collapsed") && (this.#e || (this.#e = !0, this.host.removeAttribute("collapsed"), this.host.style.overflow = "clip", this.host.style.height = "0px", requestAnimationFrame(() => {
+			let e = this.host.scrollHeight;
+			this.host.style.transition = `height ${this.duration}ms var(--ui-easing, ease)`, this.host.style.height = `${e}px`;
+			let t = () => {
+				this.host.removeEventListener("transitionend", t), this.host.style.removeProperty("height"), this.host.style.removeProperty("overflow"), this.host.style.removeProperty("transition"), this.#e = !1, this.host.dispatchEvent(new CustomEvent("ui-expand", {
+					bubbles: !0,
+					composed: !0
+				}));
+			};
+			this.host.addEventListener("transitionend", t, { once: !0 }), this.#t = setTimeout(() => {
+				this.#e && t();
+			}, this.duration + 50);
+		})));
+	}
+	collapse() {
+		if (this.host.hasAttribute("collapsed") || this.#e) return;
+		this.#e = !0;
+		let e = this.host.scrollHeight;
+		this.host.style.overflow = "clip", this.host.style.height = `${e}px`, requestAnimationFrame(() => {
+			this.host.style.transition = `height ${this.duration}ms var(--ui-easing, ease)`, this.host.style.height = "0px";
+			let e = () => {
+				this.host.removeEventListener("transitionend", e), this.host.style.removeProperty("transition"), this.#e = !1, this.host.setAttribute("collapsed", ""), this.host.dispatchEvent(new CustomEvent("ui-collapse", {
+					bubbles: !0,
+					composed: !0
+				}));
+			};
+			this.host.addEventListener("transitionend", e, { once: !0 }), this.#t = setTimeout(() => {
+				this.#e && e();
+			}, this.duration + 50);
+		});
+	}
+	toggle() {
+		this.host.hasAttribute("collapsed") ? this.expand() : this.collapse();
+	}
+	destroy() {
+		this.#t !== null && (clearTimeout(this.#t), this.#t = null), this.#e = !1;
+	}
+}, k = class {
+	host;
+	constructor(e) {
+		this.host = e;
+	}
+	toast(e) {
+		return o().toastManager.toast(this.host, e);
+	}
+	dismissToast(e) {
+		o().toastManager.dismiss(e);
+	}
+	dismissAllToasts() {
+		o().toastManager.dismissAll();
+	}
+	destroy() {}
+};
+const A = {
+	name: "pressable",
+	create(e, t) {
+		return new l(e, { disabled: t.disabled === "true" });
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, j = {
+	name: "hoverable",
+	create(e, t) {
+		return new b(e, {
+			delay: t.delay ? Number(t.delay) : void 0,
+			leaveDelay: t["leave-delay"] ? Number(t["leave-delay"]) : void 0,
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"delay" in t && (e.delay = Number(t.delay)), "leave-delay" in t && (e.leaveDelay = Number(t["leave-delay"])), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, M = {
+	name: "copyable",
+	create(e, t) {
+		return new x(e, {
+			value: t.value ?? "",
+			feedbackDuration: t["feedback-duration"] ? Number(t["feedback-duration"]) : void 0
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"value" in t && (e.value = t.value), "feedback-duration" in t && (e.feedbackDuration = Number(t["feedback-duration"]));
+	}
+}, N = {
+	name: "intersectable",
+	create(e, t) {
+		return new S(e, {
+			threshold: t.threshold ? Number(t.threshold) : void 0,
+			root: t.root ?? null,
+			margin: t.margin ?? void 0,
+			once: t.once === "true",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, P = {
+	name: "droppable",
+	create(e, t) {
+		return new C(e, {
+			accept: t.accept ?? void 0,
+			disabled: t.disabled === "true",
+			multiple: t.multiple !== "false"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"accept" in t && (e.accept = t.accept), "disabled" in t && (e.disabled = t.disabled === "true"), "multiple" in t && (e.multiple = t.multiple !== "false");
+	}
+}, F = {
+	name: "sortable",
+	create(e, t) {
+		return new w(e, {
+			selector: t.selector ?? "",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, I = {
+	name: "validatable",
+	create(e) {
+		return new T(e);
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, L = {
+	name: "focus-trappable",
+	create(e) {
+		return new D(e);
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, R = {
+	name: "collapsible",
+	create(e, t) {
+		return new O(e, { duration: t.duration ? Number(t.duration) : void 0 });
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"duration" in t && (e.duration = Number(t.duration));
+	}
+}, z = {
+	name: "roving-focusable",
+	create(e, t) {
+		return new i(e, {
+			selector: t.selector ?? void 0,
+			orientation: t.orientation ?? void 0,
+			wrap: t.wrap !== "false",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"selector" in t && (e.selector = t.selector), "orientation" in t && (e.orientation = t.orientation), "wrap" in t && (e.wrap = t.wrap !== "false"), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, B = {
+	name: "dismissable",
+	create(e) {
+		return new s(e);
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, V = {
+	name: "toastable",
+	create(e) {
+		return new k(e);
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, H = {
+	name: "popoverable",
+	create(e) {
+		return new ee(e);
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, U = {
+	name: "list-navigable",
+	create(e, t) {
+		return new c(e, {
+			itemSelector: t["item-selector"] ?? void 0,
+			ariaAttr: t["aria-attr"] ?? void 0,
+			autoSync: t["auto-sync"] !== "false",
+			orientation: t.orientation ?? void 0,
+			wrap: t.wrap !== "false",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, W = {
+	name: "dialogable",
+	create(e) {
+		return new u(e);
+	},
+	destroy(e) {
+		e.destroy();
+	}
+}, G = {
+	name: "draggable",
+	create(e, t) {
+		return new a(e, {
+			selector: t.selector ?? "",
+			dropZoneSelector: t["drop-zone-selector"] ?? "",
+			axis: t.axis ?? "both",
+			mode: t.mode ?? "drop",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"selector" in t && (e.selector = t.selector), "drop-zone-selector" in t && (e.dropZoneSelector = t["drop-zone-selector"]), "axis" in t && (e.axis = t.axis), "mode" in t && (e.mode = t.mode), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, K = {
+	name: "range-selectable",
+	create(e, t) {
+		return new p(e, {
+			selector: t.selector ?? "",
+			mode: t.mode ?? "drag",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"selector" in t && (e.selector = t.selector), "mode" in t && (e.mode = t.mode), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, q = {
+	name: "resizable",
+	create(e, t) {
+		return new te(e, {
+			handleSelector: t["handle-selector"] ?? "",
+			axis: t.axis ?? "horizontal",
+			min: t.min ? Number(t.min) : void 0,
+			max: t.max ? Number(t.max) : void 0,
+			disabled: t.disabled === "true",
+			reverse: t.reverse === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"axis" in t && (e.axis = t.axis), "min" in t && (e.min = Number(t.min)), "max" in t && (e.max = Number(t.max)), "disabled" in t && (e.disabled = t.disabled === "true"), "reverse" in t && (e.reverse = t.reverse === "true");
+	}
+}, J = {
+	name: "virtualizable",
+	create(e, t) {
+		return new m(e, {
+			itemHeight: t["item-height"] ? Number(t["item-height"]) : void 0,
+			overscan: t.overscan ? Number(t.overscan) : void 0
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"item-height" in t && (e.itemHeight = Number(t["item-height"])), "overscan" in t && (e.overscan = Number(t.overscan));
+	}
+}, Y = {
+	name: "selectable",
+	create(e, t) {
+		return new h(e, {
+			selector: t.selector ?? "",
+			mode: t.mode ?? "multiple",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"selector" in t && (e.selector = t.selector), "mode" in t && (e.mode = t.mode), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, X = {
+	name: "searchable",
+	create(e, t) {
+		return new g(e, {
+			selector: t.selector ?? "",
+			textField: t["text-field"] ?? void 0,
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"selector" in t && (e.selector = t.selector), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, Z = {
+	name: "clippable",
+	create(e, t) {
+		return new y(e, {
+			selector: t.selector ?? "",
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"selector" in t && (e.selector = t.selector), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, Q = {
+	name: "swipeable",
+	create(e, t) {
+		return new _(e, {
+			threshold: t.threshold ? Number(t.threshold) : void 0,
+			velocityThreshold: t["velocity-threshold"] ? Number(t["velocity-threshold"]) : void 0,
+			axis: t.axis ?? void 0,
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"threshold" in t && (e.threshold = Number(t.threshold)), "velocity-threshold" in t && (e.velocityThreshold = Number(t["velocity-threshold"])), "axis" in t && (e.axis = t.axis), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+}, $ = {
+	name: "editable",
+	create(e, t) {
+		return new v(e, {
+			trigger: t.trigger ?? void 0,
+			disabled: t.disabled === "true"
+		});
+	},
+	destroy(e) {
+		e.destroy();
+	},
+	update(e, t) {
+		"trigger" in t && (e.trigger = t.trigger), "disabled" in t && (e.disabled = t.disabled === "true");
+	}
+};
+/**
+* Register all built-in trait adapters with the global trait registry.
+* Call once at app startup to enable `traits="..."` attribute on UIElement subclasses.
+*/
+function ae() {
+	d(A), d(j), d(M), d(N), d(P), d(F), d(I), d(L), d(R), d(z), d(B), d(V), d(H), d(U), d(W), d(G), d(K), d(q), d(J), d(Y), d(X), d(Z), d(Q), d($);
+}
+export { w as A, m as B, M as C, O as D, k as E, y as F, f as G, ne as H, v as I, _ as L, S as M, x as N, D as O, b as P, g as R, N as S, A as T, ie as U, p as V, re as W, R as _, X as a, F as b, q as c, W as d, U as f, z as g, B as h, Z as i, C as j, T as k, K as l, V as m, $ as n, Y as o, H as p, Q as r, J as s, ae as t, G as u, L as v, j as w, P as x, I as y, h as z };