@nonoun/native-ui 0.2.10 → 0.4.0

package/dist/core.js

@@ -1,16 +1,16 @@
-import { At as e, Ct as t, Ht as n, Jt as r, St as i, Yt as a, _t as o, bt as s, gt as c, vt as ee, xt as te, yt as ne } from "./components.js";
-function l(e) {
-	let t = a.get(e);
-	return t ? t instanceof r ? {
+import { Bt as e, Nt as t, ct as n, dt as r, ft as i, lt as a, mt as o, pt as s, ut as c, xt as l, zt as ee } from "./components.js";
+function te(t) {
+	let n = e.get(t);
+	return n ? n instanceof ee ? {
 		type: "signal",
-		value: t._value,
-		subscriberCount: t._subs.size,
+		value: n._value,
+		subscriberCount: n._subs.size,
 		dependencyCount: 0
 	} : {
 		type: "computed",
-		value: t._value,
-		subscriberCount: t._subs.size,
-		dependencyCount: t._deps.size
+		value: n._value,
+		subscriberCount: n._subs.size,
+		dependencyCount: n._deps.size
 	} : {
 		type: "unknown",
 		value: void 0,
@@ -18,13 +18,13 @@ function l(e) {
 		dependencyCount: 0
 	};
 }
-function u(e) {
+function ne(e) {
 	return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Signal";
 }
-function re(e) {
+function u(e) {
 	return typeof e == "object" && !!e && Symbol.toStringTag in e && e[Symbol.toStringTag] === "Computed";
 }
-function ie(e, t) {
+function re(e, t) {
 	customElements.get(e) || customElements.define(e, t);
 }
 var d = class extends Event {
@@ -37,7 +37,7 @@ var d = class extends Event {
 		}), this.context = e, this.callback = t;
 	}
 };
-function ae(e) {
+function ie(e) {
 	return class extends e {
 		#e = /* @__PURE__ */ new Map();
 		provideContext(e, t) {
@@ -56,7 +56,7 @@ function ae(e) {
 		};
 	};
 }
-function f(e) {
+function ae(e) {
 	return class extends e {
 		#e = /* @__PURE__ */ new Map();
 		requestContext(e, t) {
@@ -70,7 +70,7 @@ function f(e) {
 	};
 }
 /** Enables contiguous range selection via drag or click, dispatching `ui-range-change` and `ui-range-select`. */
-var p = class {
+var f = class {
 	host;
 	selector;
 	mode;
@@ -193,6 +193,89 @@ var p = class {
 	#T() {
 		this.#w(), this.#p(), this.#y(), this.#n = !1, this.#i = "idle", this.#e = -1, this.#t = -1;
 	}
+}, p = class {
+	host;
+	handleSelector;
+	axis;
+	min;
+	max;
+	disabled;
+	reverse;
+	#e = 0;
+	#t = 0;
+	#n = 0;
+	#r = 0;
+	#i = !1;
+	#a = !1;
+	constructor(e, t) {
+		this.host = e, this.handleSelector = t.handleSelector, this.axis = t.axis ?? "horizontal", this.min = t.min ?? 0, this.max = t.max ?? Infinity, this.disabled = t.disabled ?? !1, this.reverse = t.reverse ?? !1, this.attach();
+	}
+	attach() {
+		this.#a || (this.#a = !0, this.host.addEventListener("pointerdown", this.#o));
+	}
+	detach() {
+		this.#a && (this.#a = !1, this.host.removeEventListener("pointerdown", this.#o), this.#d());
+	}
+	destroy() {
+		this.detach();
+	}
+	#o = (e) => {
+		if (e.button !== 0 || this.disabled || !this.handleSelector) return;
+		let t = e.target.closest?.(this.handleSelector);
+		if (!t || !this.host.contains(t)) return;
+		e.preventDefault(), this.#i = !0, this.#e = e.clientX, this.#t = e.clientY;
+		let n = this.host.getBoundingClientRect();
+		this.#n = n.width, this.#r = n.height, this.host.setAttribute("resizing", ""), this.host.setPointerCapture(e.pointerId), document.addEventListener("pointermove", this.#s), document.addEventListener("pointerup", this.#c), document.addEventListener("pointercancel", this.#l), document.addEventListener("keydown", this.#u), this.host.dispatchEvent(new CustomEvent("ui-resize-start", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				width: this.#n,
+				height: this.#r
+			}
+		}));
+	};
+	#s = (e) => {
+		if (!this.#i) return;
+		let t = this.reverse ? -1 : 1, n = (e.clientX - this.#e) * t, r = (e.clientY - this.#t) * t;
+		if (this.axis === "horizontal" || this.axis === "both") {
+			let e = Math.min(this.max, Math.max(this.min, this.#n + n));
+			this.host.style.width = `${e}px`;
+		}
+		if (this.axis === "vertical" || this.axis === "both") {
+			let e = Math.min(this.max, Math.max(this.min, this.#r + r));
+			this.host.style.height = `${e}px`;
+		}
+		let i = this.host.getBoundingClientRect();
+		this.host.dispatchEvent(new CustomEvent("ui-resize-move", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				width: i.width,
+				height: i.height
+			}
+		}));
+	};
+	#c = (e) => {
+		if (!this.#i) return;
+		let t = this.host.getBoundingClientRect();
+		this.host.dispatchEvent(new CustomEvent("ui-resize-end", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				width: t.width,
+				height: t.height
+			}
+		})), this.#d();
+	};
+	#l = () => {
+		this.#i && ((this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
+	};
+	#u = (e) => {
+		e.key === "Escape" && this.#i && (e.preventDefault(), (this.axis === "horizontal" || this.axis === "both") && (this.host.style.width = `${this.#n}px`), (this.axis === "vertical" || this.axis === "both") && (this.host.style.height = `${this.#r}px`), this.#d());
+	};
+	#d() {
+		this.#i = !1, this.host.removeAttribute("resizing"), document.removeEventListener("pointermove", this.#s), document.removeEventListener("pointerup", this.#c), document.removeEventListener("pointercancel", this.#l), document.removeEventListener("keydown", this.#u);
+	}
 }, m = class {
 	host;
 	itemHeight;
@@ -981,21 +1064,21 @@ var p = class {
 	constructor(e) {
 		this.host = e;
 	}
-	toast(t) {
-		return e().toastManager.toast(this.host, t);
+	toast(e) {
+		return l().toastManager.toast(this.host, e);
 	}
-	dismissToast(t) {
-		e().toastManager.dismiss(t);
+	dismissToast(e) {
+		l().toastManager.dismiss(e);
 	}
 	dismissAllToasts() {
-		e().toastManager.dismissAll();
+		l().toastManager.dismissAll();
 	}
 	destroy() {}
 };
 const A = {
 	name: "pressable",
 	create(e, t) {
-		return new te(e, { disabled: t.disabled === "true" });
+		return new s(e, { disabled: t.disabled === "true" });
 	},
 	destroy(e) {
 		e.destroy();
@@ -1127,7 +1210,7 @@ const A = {
 }, z = {
 	name: "roving-focusable",
 	create(e, t) {
-		return new s(e, {
+		return new i(e, {
 			selector: t.selector ?? void 0,
 			orientation: t.orientation ?? void 0,
 			wrap: t.wrap !== "false",
@@ -1143,7 +1226,7 @@ const A = {
 }, B = {
 	name: "dismissable",
 	create(e) {
-		return new ne(e);
+		return new r(e);
 	},
 	destroy(e) {
 		e.destroy();
@@ -1159,7 +1242,7 @@ const A = {
 }, H = {
 	name: "popoverable",
 	create(e) {
-		return new ee(e);
+		return new c(e);
 	},
 	destroy(e) {
 		e.destroy();
@@ -1167,7 +1250,7 @@ const A = {
 }, U = {
 	name: "list-navigable",
 	create(e, t) {
-		return new o(e, {
+		return new a(e, {
 			itemSelector: t["item-selector"] ?? void 0,
 			ariaAttr: t["aria-attr"] ?? void 0,
 			autoSync: t["auto-sync"] !== "false",
@@ -1182,21 +1265,21 @@ const A = {
 }, W = {
 	name: "dialogable",
 	create(e) {
-		return new c(e);
+		return new n(e);
 	},
 	destroy(e) {
 		e.destroy();
 	}
 }, G = {
 	name: "draggable",
-	create(e, n) {
-		return new t(e, {
-			selector: n.selector ?? "",
-			dropZoneSelector: n["drop-zone-selector"] ?? "",
-			axis: n.axis ?? "both",
-			mode: n.mode ?? "drop",
-			disabled: n.disabled === "true",
-			animate: n.animate !== "false"
+	create(e, t) {
+		return new o(e, {
+			selector: t.selector ?? "",
+			dropZoneSelector: t["drop-zone-selector"] ?? "",
+			axis: t.axis ?? "both",
+			mode: t.mode ?? "drop",
+			disabled: t.disabled === "true",
+			animate: t.animate !== "false"
 		});
 	},
 	destroy(e) {
@@ -1208,7 +1291,7 @@ const A = {
 }, K = {
 	name: "range-selectable",
 	create(e, t) {
-		return new p(e, {
+		return new f(e, {
 			selector: t.selector ?? "",
 			mode: t.mode ?? "drag",
 			disabled: t.disabled === "true"
@@ -1223,7 +1306,7 @@ const A = {
 }, q = {
 	name: "resizable",
 	create(e, t) {
-		return new i(e, {
+		return new p(e, {
 			handleSelector: t["handle-selector"] ?? "",
 			axis: t.axis ?? "horizontal",
 			min: t.min ? Number(t.min) : void 0,
@@ -1355,6 +1438,6 @@ const A = {
 * Call once at app startup to enable `traits="..."` attribute on UIElement subclasses.
 */
 function oe() {
-	n(A), n(j), n(M), n(N), n(P), n(F), n(I), n(L), n(R), n(z), n(B), n(V), n(H), n(U), n(W), n(G), n(K), n(q), n(J), n(Y), n(X), n(Z), n(Q), n($);
+	t(A), t(j), t(M), t(N), t(P), t(F), t(I), t(L), t(R), t(z), t(B), t(V), t(H), t(U), t(W), t(G), t(K), t(q), t(J), t(Y), t(X), t(Z), t(Q), t($);
 }
-export { w as A, m as B, M as C, O as D, k as E, y as F, ie as G, f as H, v as I, u as J, l as K, _ as L, S as M, x as N, D as O, b as P, g as R, N as S, A as T, ae as U, p as V, d 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, re as q, Q as r, J as s, oe as t, G as u, L as v, j as w, P as x, I as y, h as z };
+export { w as A, m as B, M as C, O as D, k as E, y as F, d as G, f as H, v as I, u as J, re as K, _ as L, S as M, x as N, D as O, b as P, g as R, N as S, A as T, ae as U, p as V, ie as W, ne as Y, 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, te as q, Q as r, J as s, oe as t, G as u, L as v, j as w, P as x, I as y, h as z };