@nonoun/native-ui 0.2.1 → 0.2.2

package/dist/dialog-controller.js

@@ -332,7 +332,7 @@ var _ = class {
 				y: e.clientY
 			}
 		}));
-		let r = this.#m();
+		let r = this.#m().filter((e) => e !== this.#t);
 		if (this.mode === "slot") {
 			let t = e.clientX + this.#a, n = e.clientY + this.#o, i = r.filter((e) => e !== this.#e), a = 0;
 			for (let e = 0; e < i.length; e++) {
@@ -390,27 +390,30 @@ var _ = class {
 	#S(e, t, n) {
 		let r = e.filter((e) => e !== this.#e);
 		if (r.length === 0) return;
-		let i = 0, a = Infinity;
-		for (let e = 0; e < r.length; e++) {
-			let o = r[e].getBoundingClientRect(), s = o.left + o.width / 2, c = o.top + o.height / 2, l = Math.hypot(t - s, n - c);
-			l < a && (a = l, i = e);
-		}
-		let o = r[i].getBoundingClientRect(), s = o.left + o.width / 2, c = o.top + o.height / 2, l = o.height * .5, u = Math.abs(n - c) < l ? t < s ? i : i + 1 : n < c ? i : i + 1;
-		if (u === this.#f) return;
-		this.#f = u;
-		let d = u < r.length ? r[u] : null;
-		d ? d.before(this.#e) : r[r.length - 1].after(this.#e), this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
+		let i = e[0].getBoundingClientRect(), a = 1;
+		for (let t = 1; t < e.length && Math.abs(e[t].getBoundingClientRect().top - i.top) < i.height * .5; t++) a = t + 1;
+		let o = a > 1 ? e[1].getBoundingClientRect().left - i.left : i.width, s = a < e.length ? e[a].getBoundingClientRect().top - i.top : i.height, c = Math.round((t - (i.left + i.width / 2)) / o), l = Math.round((n - (i.top + i.height / 2)) / s), u = Math.ceil(r.length / a) - 1, d = Math.max(0, Math.min(c, a - 1)), f = Math.max(0, Math.min(l, u)) * a + d;
+		if (f = Math.max(0, Math.min(f, r.length)), f === this.#f) return;
+		this.#f = f;
+		let p = f < r.length ? r[f] : null, m = () => {
+			p ? p.before(this.#e) : r[r.length - 1].after(this.#e);
+		};
+		typeof document.startViewTransition == "function" ? document.startViewTransition(m) : m(), this.host.dispatchEvent(new CustomEvent("ui-drag-over", {
 			bubbles: !0,
 			composed: !0,
 			detail: {
 				item: this.#e,
-				index: u,
-				insertBefore: d
+				index: f,
+				insertBefore: p
 			}
 		}));
 	}
 	#C() {
-		this.mode !== "preview" || !this.#e || !this.#u || (this.#d && this.#d.isConnected ? this.#d.before(this.#e) : this.#u.appendChild(this.#e));
+		if (this.mode !== "preview" || !this.#e || !this.#u) return;
+		let e = this.#e, t = this.#d, n = this.#u, r = () => {
+			t && t.isConnected ? t.before(e) : n.appendChild(e);
+		};
+		typeof document.startViewTransition == "function" ? document.startViewTransition(r) : r();
 	}
 	#w = (e) => {
 		if (this.#e) {
@@ -470,7 +473,7 @@ var _ = class {
 	#D(e) {
 		if (!this.#e) return;
 		let t = this.#e.getBoundingClientRect(), n = this.#e.cloneNode(!0);
-		n.setAttribute("popover", "manual"), n.setAttribute("aria-hidden", "true"), this.host.appendChild(n), n.showPopover(), n.style.position = "fixed", n.style.inset = "unset", n.style.left = `${t.left}px`, n.style.top = `${t.top}px`, n.style.width = `${t.width}px`, n.style.height = `${t.height}px`, n.style.margin = "0", n.style.pointerEvents = "none", n.style.opacity = "0.8", n.style.transformOrigin = "center center", n.style.border = "none", n.style.outline = "none", this.#t = n, this.#r = e.clientX, this.#i = e.clientY;
+		n.setAttribute("popover", "manual"), n.setAttribute("aria-hidden", "true"), document.body.appendChild(n), n.showPopover(), n.style.position = "fixed", n.style.inset = "unset", n.style.left = `${t.left}px`, n.style.top = `${t.top}px`, n.style.width = `${t.width}px`, n.style.height = `${t.height}px`, n.style.margin = "0", n.style.pointerEvents = "none", n.style.opacity = "0.8", n.style.transformOrigin = "center center", n.style.border = "none", n.style.outline = "none", this.#t = n, this.#r = e.clientX, this.#i = e.clientY;
 	}
 	#O() {
 		if (this.#t) {

package/dist/traits/drag-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag-controller.d.ts","sourceRoot":"","sources":["../../src/traits/drag-controller.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,mFAAmF;AACnF,qBAAa,cAAc;;IACzB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACzC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;gBAkBN,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW;IAUnD,MAAM,IAAI,IAAI;IAQd,MAAM,IAAI,IAAI;IASd,OAAO,IAAI,IAAI;CA+dhB"}
+{"version":3,"file":"drag-controller.d.ts","sourceRoot":"","sources":["../../src/traits/drag-controller.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,mFAAmF;AACnF,qBAAa,cAAc;;IACzB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IACzC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;gBAkBN,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW;IAUnD,MAAM,IAAI,IAAI;IAQd,MAAM,IAAI,IAAI;IASd,OAAO,IAAI,IAAI;CA8fhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-ui",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Zero-dependency web component library with an OKLCH CSS design system, signal-based reactivity, and composable trait controllers",
   "license": "MIT",
   "type": "module",