@ptahjs/dnd 0.1.1 → 0.1.3

package/dist/{dnd.js → dnd.es.js}

@@ -1,45 +1,6 @@
-//#region src/core/EventDispatcher.js
-var e = class {
-	#e = /* @__PURE__ */ new Map();
-	emit(e, t) {
-		let n = this.#e.get(e);
-		if (!n || n.length === 0) return t;
-		let r = n.slice();
-		for (let n of r) try {
-			n(t);
-		} catch (t) {
-			console.error(`[EventDispatcher] handler error for "${e}":`, t);
-		}
-		return t;
-	}
-	pipe(e, t) {
-		let n = this.#e.get(e);
-		if (!n || n.length === 0) return t;
-		let r = t;
-		for (let t of n.slice()) try {
-			let e = t(r);
-			e !== void 0 && (r = e);
-		} catch (t) {
-			console.error(`[EventDispatcher] pipe handler error for "${e}":`, t);
-		}
-		return r;
-	}
-	on(e, t) {
-		let n = this.#e.get(e);
-		return n ? n.includes(t) || n.push(t) : this.#e.set(e, [t]), this;
-	}
-	off(e, t) {
-		let n = this.#e.get(e);
-		if (n) if (t) {
-			let e = n.indexOf(t);
-			e !== -1 && n.splice(e, 1);
-		} else this.#e.delete(e);
-		return this;
-	}
-	offAll() {
-		this.#e.clear();
-	}
-}, t = {
+(function(){try{const elementStyle=document.createElement('style');elementStyle.appendChild(document.createTextNode(".draggable-dot-wrap{pointer-events:none;z-index:1;box-sizing:border-box;position:absolute;inset:0}.draggable-dot{z-index:2;pointer-events:auto;background:#3a7afe;border-radius:50%;width:10px;height:10px;display:block;position:absolute;transform:translate(-50%,-50%)}.draggable-dot[data-pos=tl]{cursor:nw-resize;top:0%;left:0%}.draggable-dot[data-pos=tm]{cursor:n-resize;border-radius:8px;width:16px;height:8px;top:0%;left:50%}.draggable-dot[data-pos=tr]{cursor:ne-resize;top:0%;right:0%;transform:translate(50%,-50%)}.draggable-dot[data-pos=rm]{cursor:e-resize;border-radius:8px;width:8px;height:16px;top:50%;right:0%;transform:translate(50%,-50%)}.draggable-dot[data-pos=br]{cursor:se-resize;bottom:0%;right:0%;transform:translate(50%,50%)}.draggable-dot[data-pos=bm]{cursor:s-resize;border-radius:8px;width:16px;height:8px;bottom:0%;left:50%;transform:translate(-50%,50%)}.draggable-dot[data-pos=bl]{cursor:sw-resize;bottom:0%;left:0%;transform:translate(-50%,50%)}.draggable-dot[data-pos=lm]{cursor:w-resize;border-radius:8px;width:8px;height:16px;top:50%;left:0%}.draggable-rotate{z-index:2;cursor:grab;pointer-events:auto;position:absolute;top:0;left:50%;transform:translate(-50%,-200%)}.draggable-rotate:after{content:\"\";background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22%233a7afe%22%20d%3D%22M784.512%20230.272v-50.56a32%2032%200%201%201%2064%200v149.056a32%2032%200%200%201-32%2032H667.52a32%2032%200%201%201%200-64h92.992A320%20320%200%201%200%20524.8%20833.152a320%20320%200%200%200%20320-320h64a384%20384%200%200%201-384%20384%20384%20384%200%200%201-384-384%20384%20384%200%200%201%20643.712-282.88z%22/%3E%3C/svg%3E) 50%/contain no-repeat;width:16px;height:16px;display:block}.draggable-markline-x,.draggable-markline-y{z-index:9999;background-color:#3a7afe;display:none;position:absolute;top:0;left:0}.draggable-markline-x{width:1px;height:100%}.draggable-markline-y{width:100%;height:1px}.dnd-mirror{pointer-events:none;z-index:999999;will-change:transform;opacity:.5;background:#fff;margin:0;position:fixed;top:0;left:0;transform:translate(0,0)}.dnd-indicator{--dnd-color:#3a7afe;--dnd-dot:6px;--dnd-line:2px;pointer-events:none;background:var(--dnd-color);display:none;position:absolute}.dnd-indicator.dnd-indicator-active{display:block}.dnd-indicator:before,.dnd-indicator:after{content:\"\";background:var(--dnd-color);width:var(--dnd-dot);height:var(--dnd-dot);opacity:0;border-radius:50%;transition:opacity .15s;position:absolute}.dnd-indicator-active:before,.dnd-indicator-active:after{opacity:1}.dnd-indicator--top,.dnd-indicator--bottom{height:var(--dnd-line);width:100%;left:0}.dnd-indicator--top{top:0}.dnd-indicator--bottom{bottom:0}.dnd-indicator--top:before,.dnd-indicator--bottom:before{left:-2px}.dnd-indicator--top:after,.dnd-indicator--bottom:after{right:-2px}.dnd-indicator--top:before,.dnd-indicator--top:after{top:-2px}.dnd-indicator--bottom:before,.dnd-indicator--bottom:after{bottom:-2px}.dnd-indicator--left,.dnd-indicator--right{width:var(--dnd-line);height:100%;top:0}.dnd-indicator--left{left:0}.dnd-indicator--right{right:0}.dnd-indicator--left:before,.dnd-indicator--left:after{left:-2px}.dnd-indicator--right:before,.dnd-indicator--right:after{right:-2px}.dnd-indicator--left:before,.dnd-indicator--right:before{top:-2px}.dnd-indicator--left:after,.dnd-indicator--right:after{bottom:-2px}.dnd-marquee{pointer-events:none;z-index:9999;background:#4096ff1a;border:1px solid #4096ff99;position:absolute}\n/*$vite$:1*/"));document.head.appendChild(elementStyle)}catch(e){console.error('PtahJs Style Inject:',e)}})();import { EventDispatcher as e } from "@ptahjs/shared";
+//#region src/constant.js
+var t = {
 	dataAttr: "data",
 	copyAttr: "copy",
 	dragAttr: "drag",
@@ -75,38 +36,43 @@ var e = class {
 }, o = {
 	EDGE: 48,
 	MIN_SPEED: 180,
-	MAX_SPEED: 600
-};
+	MAX_SPEED: 600,
+	MIN_DT: 8,
+	MAX_DT: 64,
+	DEFAULT_DT: 16.67
+}, s = .5, c = .5;
 //#endregion
 //#region src/utils/computeDropRegion.js
-function s(e, t) {
-	let n = `dropRegionFns_${(t instanceof Set ? Array.from(t).sort().join(",") : t) || "all"}`;
-	if (e?.cache?.[n]) return e.cache[n];
-	let a = () => {
+function l(e, t) {
+	let n;
+	n = t instanceof Set ? t.__regionKey ??= Array.from(t).sort().join(",") : t;
+	let a = `dropRegionFns_${n || "all"}`;
+	if (e?.cache?.[a]) return e.cache[a];
+	let o = () => {
 		if (e.currentDrop) return e.currentDropRect || void 0;
-	}, o = !t || t === "all" || t instanceof Set && (t.has("top") || t.has("bottom")), s = !t || t === "all" || t instanceof Set && (t.has("left") || t.has("right")), c = {
-		isOverTop: o ? () => {
-			let t = a();
+	}, s = !t || t === "all" || t instanceof Set && (t.has("top") || t.has("bottom")), c = !t || t === "all" || t instanceof Set && (t.has("left") || t.has("right")), l = {
+		isOverTop: s ? () => {
+			let t = o();
 			return t ? e.y < t.y + t.height * r : !1;
 		} : () => !1,
-		isOverBottom: o ? () => {
-			let t = a();
+		isOverBottom: s ? () => {
+			let t = o();
 			return t ? e.y > t.y + t.height * (1 - r) : !1;
 		} : () => !1,
-		isOverLeft: s ? () => {
-			let t = a();
+		isOverLeft: c ? () => {
+			let t = o();
 			return t ? e.x < t.x + t.width * i : !1;
 		} : () => !1,
-		isOverRight: s ? () => {
-			let t = a();
+		isOverRight: c ? () => {
+			let t = o();
 			return t ? e.x > t.x + t.width * (1 - i) : !1;
 		} : () => !1
 	};
-	return e?.cache && (e.cache[n] = c), c;
+	return e?.cache && (e.cache[a] = l), l;
 }
 //#endregion
 //#region src/utils/parseData.js
-function c(e) {
+function u(e) {
 	if (e === void 0) return;
 	let t = String(e).trim();
 	if (!t) return "";
@@ -118,7 +84,7 @@ function c(e) {
 }
 //#endregion
 //#region src/utils/createPayload.js
-function l(e, n) {
+function d(e, n) {
 	let r = () => {
 		let e = n.currentDrop;
 		if (!e) return;
@@ -137,7 +103,7 @@ function l(e, n) {
 			return;
 		}
 		let i = n.adapter.getAttr(e, t.dataAttr);
-		return r.dropDataEl === e && i === r.dropDataRaw ? r.dropDataParsed : (r.dropDataEl = e, r.dropDataRaw = i, r.dropDataParsed = c(i), r.dropDataParsed);
+		return r.dropDataEl === e && i === r.dropDataRaw ? r.dropDataParsed : (r.dropDataEl = e, r.dropDataRaw = i, r.dropDataParsed = u(i), r.dropDataParsed);
 	};
 	if (!n.cache.hitDropFn) {
 		let e = -1, t = 0, r = 0, i, a;
@@ -154,8 +120,12 @@ function l(e, n) {
 		type: e,
 		namespace: n.namespace,
 		data: n.data,
-		dropData: i(),
-		dropPoint: r(),
+		get dropData() {
+			return i();
+		},
+		get dropPoint() {
+			return r();
+		},
 		indicatorRegion: n.lastIndicatorRegion,
 		isDragScope: n.isDragScope,
 		isCopy: n.isCopy,
@@ -169,12 +139,12 @@ function l(e, n) {
 		dy: n.dy,
 		started: n.started,
 		hitDrop: n.cache.hitDropFn,
-		...s(n)
+		...l(n)
 	};
 }
 //#endregion
 //#region src/utils/createSession.js
-function u(e) {
+function f(e) {
 	return {
 		adapter: void 0,
 		currentDropRect: void 0,
@@ -227,7 +197,7 @@ function u(e) {
 }
 //#endregion
 //#region src/utils/createContext.js
-function d({ dnd: e, session: t, store: n, frame: r, adapter: i }) {
+function p({ dnd: e, session: t, store: n, frame: r, adapter: i }) {
 	let a = /* @__PURE__ */ new Map();
 	return {
 		dnd: e,
@@ -237,24 +207,27 @@ function d({ dnd: e, session: t, store: n, frame: r, adapter: i }) {
 		adapter: i,
 		payload: (e = "drag") => {
 			if (a.has(e)) return a.get(e);
-			let n = l(e, t);
+			let n = d(e, t);
 			return a.set(e, n), n;
+		},
+		resetPayloadCache() {
+			a.clear();
 		}
 	};
 }
 //#endregion
 //#region src/utils/isToggleEnabled.js
-function f(e, t, n = !0) {
+function m(e, t, n = !0) {
 	if (!e?.getAttribute) return n;
 	let r = `data-${t}`, i = e.getAttribute(t) ?? e.getAttribute(r);
 	return i === null ? n : String(i).toLowerCase() !== "false";
 }
 //#endregion
 //#region src/utils/matchHandle.js
-function p(e, n) {
+function h(e, n) {
 	let r = n?.closestDraggable?.(e) || e?.closest?.(`[${t.dragAttr}], [${t.dragdropAttr}]`);
 	if (!r) return;
-	let i = f(r, t.rotatableAttr, !0), a = f(r, t.resizableAttr, !0);
+	let i = m(r, t.rotatableAttr, !0), a = m(r, t.resizableAttr, !0);
 	if (i && (r.hasAttribute(t.handleRotateAttr) || r.querySelector?.(`[${t.handleRotateAttr}]`)) || a && (r.hasAttribute(t.handleResizeAttr) || r.querySelector?.(`[${t.handleResizeAttr}]`))) {
 		let n = (i ? e.closest?.(`[${t.handleRotateAttr}]`) : null) || (a ? e.closest?.(`[${t.handleResizeAttr}]`) : null);
 		return n && r.contains(n) ? n : r;
@@ -267,19 +240,19 @@ function p(e, n) {
 }
 //#endregion
 //#region src/utils/isHTMLElement.js
-function m(e) {
+function g(e) {
 	return e && typeof e == "object" && e.nodeType === 1;
 }
 //#endregion
 //#region src/utils/isIgnoreClick.js
-function h(e) {
-	if (!m(e)) return !1;
+function _(e) {
+	if (!g(e)) return !1;
 	let n = t.ignoreClickAttr, r = `data-${n}`;
 	return !!(e.closest?.(`[${n}], [${r}]`) || e.hasAttribute?.(n) || e.hasAttribute?.(r));
 }
 //#endregion
 //#region src/utils/scopeHelpers.js
-var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
+var v = t.dragScopeAttr, y = `[${v}], [data-${v}]`, b = class {
 	#e = 0;
 	#t = /* @__PURE__ */ new WeakMap();
 	#n = /* @__PURE__ */ new WeakMap();
@@ -348,7 +321,15 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 			o = o.parentElement;
 		}
 	}
-}, y = class {
+	hitDropForSource(e, t, n, r) {
+		let i = this.hitDrop(e, t, n, r);
+		if (i && r && this.isDrop(r)) {
+			let n = this.measureRect(r);
+			if (n && e >= n.left && e <= n.right && t >= n.top && t <= n.bottom) return;
+		}
+		return i;
+	}
+}, x = class {
 	#e = !1;
 	#t = !1;
 	#n = 0;
@@ -379,7 +360,7 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 			this.#e = !1, this.#n = 0;
 		}
 	};
-}, b = class {
+}, S = class {
 	#e;
 	#t = new AbortController();
 	#n = !1;
@@ -448,7 +429,7 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 			reason: n
 		}), e.preventDefault?.();
 	};
-}, ee = class {
+}, C = class {
 	scrolled = !1;
 	now = 0;
 	classOps = /* @__PURE__ */ new Map();
@@ -486,7 +467,7 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		for (let [t, n] of this.styleOps) if (!e || !this.removeOps.has(t)) for (let [e, r] of n) r == null ? e.includes("-") ? t?.style?.removeProperty?.(e) : t?.style && (t.style[e] = "") : e.includes("-") ? t?.style?.setProperty?.(e, String(r)) : t?.style && (t.style[e] = r);
 		for (let e of this.fnOps) e?.();
 	}
-}, te = class {
+}, ee = class {
 	#e = [];
 	use(e, t) {
 		e && (this.#e.push(e), this.#e.sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), e.onAttach?.(t));
@@ -526,7 +507,7 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 	dispose() {
 		this.#e.length = 0;
 	}
-}, ne = class {
+}, te = class {
 	#e;
 	#t;
 	constructor({ store: e, session: t } = {}) {
@@ -570,7 +551,7 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 					lastMoveTs: 0
 				}), this.#t.dragAbort = new AbortController();
 				let { cache: t } = this.#t;
-				return t && (t.dropDataEl = void 0, t.dropDataRaw = void 0, t.dropDataParsed = void 0, t.dropRegionFns = void 0, t.hitDropFn = void 0, t.dropRectDirty = !0), {
+				return t && (t.dropDataEl = void 0, t.dropDataRaw = void 0, t.dropDataParsed = void 0, t.hitDropFn = void 0, t.dropRectDirty = !0), {
 					handled: !0,
 					accepted: !0,
 					dragAbort: this.#t.dragAbort
@@ -605,21 +586,22 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		}
 	}
 	resetSession({ ended: e } = { ended: !1 }) {
-		let t = this.#e, n = this.#t, r = u(t);
+		let t = this.#e, n = this.#t, r = f(t);
 		return r.adapter = n?.adapter, e && (r.suppressNextClick = !0, r.lastDragTs = performance.now()), this.#t = r, r;
 	}
-}, re = class extends e {
+}, w = class extends e {
 	#e = new AbortController();
 	#t;
 	#n;
-	#r = new v();
-	#i = new ee();
+	#r = new b();
+	#i = new C();
 	#a = { selectedByNs: /* @__PURE__ */ new Map() };
 	#o;
-	#s = new te();
+	#s = new ee();
 	#c;
 	#l;
 	#u = !1;
+	#d;
 	canDrop = () => !0;
 	renderMirror = void 0;
 	get root() {
@@ -633,14 +615,14 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 	}
 	constructor(e = {}) {
 		super(), this.#n = { threshold: e.threshold ?? a.DRAG_START };
-		let t = u(this.#a);
-		t.threshold = this.#n.threshold, t.adapter = this.#r, this.#o = new ne({
+		let t = f(this.#a);
+		t.threshold = this.#n.threshold, t.adapter = this.#r, this.#o = new te({
 			store: this.#a,
 			session: t
-		}), this.#c = new y(this.#h), this.#l = new b({
-			onDown: this.#f,
-			onMove: this.#p,
-			onUp: this.#m
+		}), this.#c = new x(this.#g), this.#l = new S({
+			onDown: this.#p,
+			onMove: this.#m,
+			onUp: this.#h
 		}), this.setRoot(e.root);
 	}
 	use(e) {
@@ -650,7 +632,7 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		let t = this.#r.resolveRoot(e);
 		if (t === this.#t) return;
 		let n = this.#t;
-		this.#e.abort(), this.#e = new AbortController(), this.#t = t, this.#l.setRoot(this.#t), this.#t && (this.#s.onRootChange(this.#t, n, this.#e.signal), this.#t.addEventListener("click", this.#d, {
+		this.#e.abort(), this.#e = new AbortController(), this.#t = t, this.#l.setRoot(this.#t), this.#t && (this.#s.onRootChange(this.#t, n, this.#e.signal), this.#t.addEventListener("click", this.#f, {
 			capture: !0,
 			passive: !1,
 			signal: this.#e.signal
@@ -660,7 +642,7 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		if (this.#u) return;
 		this.#e.abort(), this.#l.destroy(), this.#c.cancel();
 		let e = this.#o.session;
-		e?.active && (this.#s.onEnd(d({
+		e?.active && (this.#s.onEnd(p({
 			dnd: this,
 			session: e,
 			store: this.#a,
@@ -669,22 +651,22 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		}), {
 			ended: !1,
 			reason: "destroy"
-		}), e.dragAbort?.abort()), this.#s.onDestroy(this, e), this.#s.dispose?.(), this.offAll(), this.#u = !0;
+		}), e.dragAbort?.abort()), this.#s.onDestroy(this, e), this.#s.dispose?.(), this.#d = void 0, this.offAll(), this.#u = !0;
 	}
-	#d = (e) => {
+	#f = (e) => {
 		let t = this.#o?.session;
 		if (!t?.suppressNextClick) return;
 		let n = performance.now(), r = !t.lastDragTs || n - t.lastDragTs < 800;
 		t.suppressNextClick = !1, r && (e.preventDefault?.(), e.stopPropagation?.(), e.stopImmediatePropagation?.());
 	};
-	#f = (e) => {
+	#p = (e) => {
 		if (!this.#t || e.button !== 0) return { accepted: !1 };
-		let n = p(e.target, this.#r);
+		let n = h(e.target, this.#r);
 		if (!n) return { accepted: !1 };
 		let r = this.#r.closestDraggable(n);
 		if (!r || e.target?.closest?.("input, textarea, select, button, a[href], [contenteditable]")) return { accepted: !1 };
 		e.preventDefault(), e.target?.setPointerCapture?.(e.pointerId);
-		let i = this.#r.getNamespace(r), a = this.#r.closestDrop(r), o = r.getBoundingClientRect(), s = c(this.#r.getAttr(r, t.dataAttr));
+		let i = this.#r.getNamespace(r), a = this.#r.closestDrop(r), o = r.getBoundingClientRect(), s = u(this.#r.getAttr(r, t.dataAttr));
 		if (!this.#o.dispatch({
 			type: "DOWN",
 			pointerId: e.pointerId,
@@ -700,22 +682,22 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 			mirrorOffsetX: e.clientX - o.left,
 			mirrorOffsetY: e.clientY - o.top
 		})?.accepted) return { accepted: !1 };
-		let l = this.#o.session;
-		l.threshold = this.#n.threshold, l.adapter = this.#r, this.#i.reset(performance.now()), this.#r.beginFrame(), l.cache.frameId = this.#r.frameId;
-		let u = d({
+		let c = this.#o.session;
+		c.threshold = this.#n.threshold, c.adapter = this.#r, this.#i.reset(performance.now()), this.#r.beginFrame(), c.cache.frameId = this.#r.frameId;
+		let l = p({
 			dnd: this,
-			session: l,
+			session: c,
 			store: this.#a,
 			frame: this.#i,
 			adapter: this.#r
 		});
-		return this.#s.onDown(u, e), this.#i.commit(), this.#r.endFrame(), {
+		return this.#s.onDown(l, e), this.#i.commit(), this.#r.endFrame(), {
 			accepted: !0,
 			pointerId: e.pointerId,
-			signal: l.dragAbort.signal
+			signal: c.dragAbort.signal
 		};
 	};
-	#p = ({ pointerId: e, x: t, y: n }) => {
+	#m = ({ pointerId: e, x: t, y: n }) => {
 		let r = this.#o.dispatch({
 			type: "MOVE",
 			pointerId: e,
@@ -725,18 +707,18 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		if (!r?.handled) return;
 		let i = this.#o.session;
 		if (r.startedNow) {
-			let e = d({
+			let e = p({
 				dnd: this,
 				session: i,
 				store: this.#a,
 				frame: this.#i,
 				adapter: this.#r
 			});
-			this.#s.onStart(e), this.emit("dragstart", l("dragstart", i));
+			this.#s.onStart(e), this.emit("dragstart", d("dragstart", i));
 		}
 		r.started && this.#c.request();
 	};
-	#m = ({ event: e, pointerId: t, reason: n }) => {
+	#h = ({ event: e, pointerId: t, reason: n }) => {
 		let r = this.#o.dispatch({
 			type: "END",
 			pointerId: t,
@@ -746,8 +728,8 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		let i = this.#o.session;
 		"pointerId" in e && e.target?.releasePointerCapture?.(e.pointerId);
 		let a = !!r.ended;
-		this.#r.beginFrame(), i.cache.frameId = this.#r.frameId, i.currentDrop = this.#r.hitDrop(i.x, i.y, i.namespace, i.sourceEl), i.currentDropRect = i.currentDrop ? this.#r.measureRect(i.currentDrop) : void 0, this.#r.endFrame();
-		let o = d({
+		this.#r.beginFrame(), i.cache.frameId = this.#r.frameId, i.currentDrop = this.#r.hitDropForSource(i.x, i.y, i.namespace, i.sourceEl), i.currentDropRect = i.currentDrop ? this.#r.measureRect(i.currentDrop) : void 0, this.#r.endFrame();
+		let o = p({
 			dnd: this,
 			session: i,
 			store: this.#a,
@@ -758,34 +740,32 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 			ended: a,
 			reason: n || "pointerup"
 		});
-		let s = l(a ? "drop" : "cancel", i);
-		i.dragAbort?.abort(), i.dragAbort = void 0, this.#c.cancel();
+		let s = d(a ? "drop" : "cancel", i);
+		i.dragAbort?.abort(), i.dragAbort = void 0, this.#c.cancel(), this.#d = void 0;
 		let c = this.#o.resetSession({ ended: a });
 		c.adapter = this.#r, a ? this.emit("drop", s) : this.emit("cancel", s), e.preventDefault?.();
 	};
-	#h = (e) => {
+	#g = (e) => {
 		let t = this.#o.session;
 		if (!t.active || !t.started) return !1;
 		this.#i.reset(e), this.#r.beginFrame(), t.cache.frameId = this.#r.frameId;
-		let n = d({
+		let n = this.#d;
+		!n || n.session !== t ? n = this.#d = p({
 			dnd: this,
 			session: t,
 			store: this.#a,
 			frame: this.#i,
 			adapter: this.#r
-		}), r = !1;
+		}) : n.resetPayloadCache();
+		let r = !1;
 		return t.dirty &&= (this.#s.onMeasure(n), this.#s.onCompute(n), this.emit("drag", n.payload("drag")), this.#s.onCommit(n), this.#i.commit(), this.#i.scrolled && (r = !0), !1), this.#s.onAfterDrag(n) && (r = !0), r && (t.dirty = !0), this.#r.endFrame(), t.dirty || r;
 	};
-}, x = class {
+}, T = class {
 	order = 10;
 	onMeasure(e) {
 		let t = e.session;
 		if (!t.active || !t.started) return;
-		let n = e.adapter.hitDrop(t.x, t.y, t.namespace, t.sourceEl);
-		if (n && t.sourceEl && e.adapter.isDrop(t.sourceEl)) {
-			let r = e.adapter.measureRect(t.sourceEl);
-			r && t.x >= r.left && t.x <= r.right && t.y >= r.top && t.y <= r.bottom && (n = void 0);
-		}
+		let n = e.adapter.hitDropForSource(t.x, t.y, t.namespace, t.sourceEl);
 		if (n !== t.currentDrop && (t.currentDrop = n, t.cache && (t.cache.dropRectDirty = !0)), !n) {
 			t.currentDropRect = void 0, t.cache && (t.cache.dropRectDirty = !1);
 			return;
@@ -814,18 +794,18 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 		let t = e.session;
 		if (!t?.active || !t?.started) return;
 		let r = t.cache ||= {}, i = r._dropClassEl, a = t.currentDrop;
-		m(i) && i !== a && (e.frame.toggleClass(i, n.canDrop, !1), e.frame.toggleClass(i, n.noDrop, !1)), m(a) && (e.frame.toggleClass(a, n.canDrop, !!t.currentAllowed), e.frame.toggleClass(a, n.noDrop, !t.currentAllowed)), r._dropClassEl = a;
+		g(i) && i !== a && (e.frame.toggleClass(i, n.canDrop, !1), e.frame.toggleClass(i, n.noDrop, !1)), g(a) && (e.frame.toggleClass(a, n.canDrop, !!t.currentAllowed), e.frame.toggleClass(a, n.noDrop, !t.currentAllowed)), r._dropClassEl = a;
 	}
 	onEnd(e) {
 		let t = e?.session;
 		if (!t) return;
 		let r = t.cache?._dropClassEl;
-		m(r) && r.classList.remove(n.canDrop, n.noDrop), t.cache && (t.cache._dropClassEl = void 0);
+		g(r) && r.classList.remove(n.canDrop, n.noDrop), t.cache && (t.cache._dropClassEl = void 0);
 	}
 	onDestroy(e, t) {
 		this.onEnd({ session: t });
 	}
-}, S = class {
+}, E = class {
 	order = 0;
 	onStart = (e) => {
 		let r = e?.session;
@@ -851,20 +831,20 @@ var g = t.dragScopeAttr, _ = `[${g}], [data-${g}]`, v = class {
 	onDestroy = (e, t) => {
 		this.onEnd({ session: t });
 	};
-}, C = /(auto|scroll|overlay)/i;
-function w(e) {
+}, D = /(auto|scroll|overlay)/i;
+function ne(e) {
 	if (!(e instanceof HTMLElement)) return !1;
-	let t = getComputedStyle(e), n = C.test(t.overflowY) && e.scrollHeight > e.clientHeight + 1;
-	return C.test(t.overflowX) && e.scrollWidth > e.clientWidth + 1 || n;
+	let t = getComputedStyle(e), n = D.test(t.overflowY) && e.scrollHeight > e.clientHeight + 1;
+	return D.test(t.overflowX) && e.scrollWidth > e.clientWidth + 1 || n;
 }
-function T(e) {
+function re(e) {
 	let t = e;
 	for (; t;) {
-		if (w(t)) return t;
+		if (ne(t)) return t;
 		t = t.parentElement;
 	}
 }
-function E(e, t, n, r) {
+function O(e, t, n, r) {
 	return e < t + r ? {
 		dir: -1,
 		k: (t + r - e) / r
@@ -876,7 +856,7 @@ function E(e, t, n, r) {
 		k: 0
 	};
 }
-var D = class {
+var ie = class {
 	order = 1e4;
 	constructor(e = {}) {
 		this.edge = e.edge ?? o.EDGE, this.minSpeed = e.minSpeed ?? o.MIN_SPEED, this.maxSpeed = e.maxSpeed ?? o.MAX_SPEED, this.allowWindowScroll = e.allowWindowScroll ?? !0;
@@ -884,69 +864,75 @@ var D = class {
 	onAfterDrag = (e) => {
 		let t = e.session;
 		if (!t.active || !t.started) return !1;
-		let n = t.currentDrop ? T(t.currentDrop) : void 0, r = !1;
-		if (!n && this.allowWindowScroll && (n = document.scrollingElement || document.documentElement, r = !!n), !n) return !1;
-		let i = e.frame.now, a = t.cache.autoScrollLastTs || 0, o = a ? Math.max(8, Math.min(64, i - a)) : 16.67;
-		t.cache && (t.cache.autoScrollLastTs = i);
-		let s = r ? {
+		let n = t.cache, r, i;
+		if (n && n.autoScrollTargetDrop === t.currentDrop ? (r = n.autoScrollTarget, i = n.autoScrollUseWindow) : (r = t.currentDrop ? re(t.currentDrop) : void 0, i = !1, !r && this.allowWindowScroll && (r = document.scrollingElement || document.documentElement, i = !!r), n && (n.autoScrollTargetDrop = t.currentDrop, n.autoScrollTarget = r, n.autoScrollUseWindow = i)), !r) return !1;
+		let a = e.frame.now, s = t.cache.autoScrollLastTs || 0, c = s ? Math.max(o.MIN_DT, Math.min(o.MAX_DT, a - s)) : o.DEFAULT_DT;
+		t.cache && (t.cache.autoScrollLastTs = a);
+		let l = i ? {
 			left: 0,
 			top: 0,
 			right: innerWidth,
 			bottom: innerHeight
-		} : e.adapter.measureRect(n), c = t.x, l = t.y, u = E(c, s.left, s.right, this.edge), d = E(l, s.top, s.bottom, this.edge), f = (e) => this.minSpeed + (this.maxSpeed - this.minSpeed) * e, p = u.dir ? u.dir * f(u.k) * o / 1e3 : 0, m = d.dir ? d.dir * f(d.k) * o / 1e3 : 0;
-		if (!p && !m) return !1;
-		let h = n.scrollTop, g = n.scrollLeft;
-		r ? window.scrollBy(p, m) : n.scrollBy({
-			left: p,
-			top: m,
+		} : e.adapter.measureRect(r), u = t.x, d = t.y, f = O(u, l.left, l.right, this.edge), p = O(d, l.top, l.bottom, this.edge), m = (e) => this.minSpeed + (this.maxSpeed - this.minSpeed) * e, h = f.dir ? f.dir * m(f.k) * c / 1e3 : 0, g = p.dir ? p.dir * m(p.k) * c / 1e3 : 0;
+		if (!h && !g) return !1;
+		let _ = r.scrollTop, v = r.scrollLeft;
+		i ? window.scrollBy(h, g) : r.scrollBy({
+			left: h,
+			top: g,
 			behavior: "auto"
 		});
-		let _ = h !== n.scrollTop || g !== n.scrollLeft;
-		return _ && e.frame && (e.frame.scrolled = !0), _;
+		let y = _ !== r.scrollTop || v !== r.scrollLeft;
+		return y && e.frame && (e.frame.scrolled = !0), y;
 	};
 	onEnd = (e) => {
 		let t = e?.session;
-		t?.cache && (t.cache.autoScrollLastTs = 0);
+		t?.cache && (t.cache.autoScrollLastTs = 0, t.cache.autoScrollTargetDrop = void 0, t.cache.autoScrollTarget = void 0, t.cache.autoScrollUseWindow = !1);
 	};
-}, O = {
+}, k = {
 	top: n.indicatorTop,
 	right: n.indicatorRight,
 	bottom: n.indicatorBottom,
 	left: n.indicatorLeft
-}, k = Object.values(O), ie = new Set([
+}, A = Object.values(k), j = /* @__PURE__ */ new Set([
 	"top",
 	"right",
 	"bottom",
 	"left"
 ]);
-function A(e, t, n, r) {
-	m(t) && (e.frame.toggleClass ? e.frame.toggleClass(t, n, !!r) : t.classList.toggle(n, !!r));
+function M(e, t, n, r) {
+	g(t) && e.frame.toggleClass(t, n, !!r);
 }
-function ae(e) {
-	if (!m(e)) return;
+function N(e) {
+	if (!g(e)) return;
 	let n = t.dropIndicatorAttr || "drop-indicator", r = `data-${n}`, i;
 	if (e.hasAttribute?.(n)) i = e.getAttribute?.(n);
 	else if (e.hasAttribute?.(r)) i = e.getAttribute?.(r);
 	else return;
 	let a = (i ?? "").trim();
 	if (!a) return "all";
-	console.log("raw", i);
 	let o = /* @__PURE__ */ new Set();
 	for (let e of a.split(/[,\s]+/)) {
 		let t = (e || "").trim().toLowerCase();
-		ie.has(t) && o.add(t);
+		j.has(t) && o.add(t);
 	}
 	return o.size ? o : void 0;
 }
+function ae(e, t) {
+	let n = e.session?.cache;
+	if (!n) return N(t);
+	if (n.indicatorSupportEl === t) return n.indicatorSupport;
+	let r = N(t);
+	return n.indicatorSupportEl = t, n.indicatorSupport = r, r;
+}
 function oe(e) {
 	let t = e.session, r = e.dnd?.root?.ownerDocument || document, i = t.indicatorEl;
-	m(i) || (i = r.createElement("div"), i.classList.add(n.dropIndicator), t.indicatorEl = i);
+	g(i) || (i = r.createElement("div"), i.classList.add(n.dropIndicator), t.indicatorEl = i);
 	let a = t.currentDrop || e.dnd?.root || r.body;
-	return m(a) && i.parentNode !== a && a.appendChild(i), i;
+	return g(a) && i.parentNode !== a && a.appendChild(i), i;
 }
 function se(e, t) {
 	if (!e.currentDrop || !e.currentDropRect) return;
-	let n = s(e, t);
+	let n = l(e, t);
 	if (n.isOverLeft()) return "left";
 	if (n.isOverRight()) return "right";
 	if (n.isOverTop()) return "top";
@@ -961,31 +947,31 @@ var le = class {
 	onCommit(e) {
 		let t = e.session;
 		if (!t?.active || !t?.started) return;
-		let r = t.currentDrop, i = ae(r);
+		let r = t.currentDrop, i = ae(e, r);
 		if (!i) {
 			let r = t.indicatorEl;
-			if (m(r)) {
-				A(e, r, n.dropIndicatorActive, !1);
-				for (let t of k) A(e, r, t, !1);
+			if (g(r)) {
+				M(e, r, n.dropIndicatorActive, !1);
+				for (let t of A) M(e, r, t, !1);
 			}
 			t.indicatorRegion = void 0;
 			return;
 		}
 		let a = oe(e), o = ce(e), s = se(t, i), c = i === "all" || s && i.has(s) ? s : void 0, l = !!(r && t.currentDropRect && o && c);
-		if (A(e, a, n.dropIndicatorActive, l), t.indicatorRegion = l ? c : void 0, l) for (let [t, n] of Object.entries(O)) A(e, a, n, t === c);
-		else for (let t of k) A(e, a, t, !1);
+		if (M(e, a, n.dropIndicatorActive, l), t.indicatorRegion = l ? c : void 0, l) for (let [t, n] of Object.entries(k)) M(e, a, n, t === c);
+		else for (let t of A) M(e, a, t, !1);
 	}
 	onEnd(e) {
 		let t = e.session;
-		t && (t.lastIndicatorRegion = t.indicatorRegion ?? "inside", m(t.indicatorEl) && t.indicatorEl.remove(), t.indicatorEl = void 0, t.indicatorRegion = void 0);
+		t && (t.lastIndicatorRegion = t.indicatorRegion ?? "inside", g(t.indicatorEl) && t.indicatorEl.remove(), t.indicatorEl = void 0, t.indicatorRegion = void 0);
 	}
 	onDestroy(e, t) {
 		this.onEnd({ session: t });
 	}
-}, j = "draggable-dot-wrap", M = "draggable-dot", N = "draggable-rotate";
-function P(e, n = {}) {
+}, P = "draggable-dot-wrap", F = "draggable-dot", I = "draggable-rotate";
+function ue(e, n = {}) {
 	let { resizable: r = !0, rotatable: i = !0 } = n, a = e.createElement("div");
-	if (a.classList.add(j), a.dataset.resizable = String(r), a.dataset.rotatable = String(i), r) for (let [n, r] of [
+	if (a.classList.add(P), a.dataset.resizable = String(r), a.dataset.rotatable = String(i), r) for (let [n, r] of [
 		["nw", "tl"],
 		["n", "tm"],
 		["ne", "tr"],
@@ -996,83 +982,79 @@ function P(e, n = {}) {
 		["w", "lm"]
 	]) {
 		let i = e.createElement("div");
-		i.classList.add(M), i.setAttribute(t.handleResizeAttr, ""), i.dataset.dir = n, i.dataset.pos = r, a.appendChild(i);
+		i.classList.add(F), i.setAttribute(t.handleResizeAttr, ""), i.dataset.dir = n, i.dataset.pos = r, a.appendChild(i);
 	}
 	if (i) {
 		let n = e.createElement("div");
-		n.classList.add(N), n.setAttribute(t.handleRotateAttr, ""), n.dataset.dir = "rotate", a.appendChild(n);
+		n.classList.add(I), n.setAttribute(t.handleRotateAttr, ""), n.dataset.dir = "rotate", a.appendChild(n);
 	}
 	return a;
 }
-function F(e) {
-	m(e) && e.querySelector?.(`.${j}`)?.remove();
+function L(e) {
+	g(e) && e.querySelector?.(`.${P}`)?.remove();
 }
-function I(e) {
-	if (!m(e)) return;
-	let n = !!e.closest?.(_), r = e.querySelector?.(".draggable-dot-wrap") || null, i = !!r, a = f(e, t.resizableAttr, !0), o = f(e, t.rotatableAttr, !0), s = a || o;
+function R(e) {
+	if (!g(e)) return;
+	let n = !!e.closest?.(y), r = e.querySelector?.(".draggable-dot-wrap") || null, i = !!r, a = m(e, t.resizableAttr, !0), o = m(e, t.rotatableAttr, !0), s = a || o;
 	if (!n) {
-		i && F(e);
+		i && L(e);
 		return;
 	}
 	if (!s) {
-		i && F(e);
+		i && L(e);
 		return;
 	}
 	if (r && (String(r.dataset?.resizable) !== String(a) || String(r.dataset?.rotatable) !== String(o)) && (r.remove(), r = null, i = !1), !i) {
 		let t = getComputedStyle(e).position;
-		(t === "static" || !t) && (e.style.position = "relative"), e.appendChild(P(e.ownerDocument || document, {
+		(t === "static" || !t) && (e.style.position = "relative"), e.appendChild(ue(e.ownerDocument || document, {
 			resizable: a,
 			rotatable: o
 		}));
 	}
 }
-function L(e, t, r, i) {
+function z(e, t) {
+	if (!e) return;
+	let r = Array.isArray(e) ? e : [e];
+	for (let e of r) t ? t(e, n.active, !1) : e?.classList?.remove?.(n.active), L(e);
+}
+function B(e, t, r, i) {
 	let a = t.get(i);
-	if (a && a !== r) if (Array.isArray(a)) for (let e of a) e?.classList?.remove?.(n.active), F(e);
-	else a.classList.remove(n.active), F(a);
-	r.classList.add(n.active), I(r), t.set(i, r);
+	a && a !== r && z(a), r.classList.add(n.active), R(r), t.set(i, r);
 }
-function R(e, t, r) {
-	let i = e.get(r);
-	if (i) if (Array.isArray(i)) for (let e of i) e?.classList?.remove?.(n.active), F(e);
-	else i.classList.remove(n.active), F(i);
-	for (let e of t) e.classList.add(n.active), I(e);
+function V(e, t, r) {
+	z(e.get(r));
+	for (let e of t) e.classList.add(n.active), R(e);
 	e.set(r, t);
 }
-function z(e, t) {
+function H(e, t) {
 	if (t !== void 0) {
-		let r = e.get(t);
-		if (r) {
-			if (Array.isArray(r)) for (let e of r) e?.classList?.remove?.(n.active), F(e);
-			else r?.classList?.remove?.(n.active), F(r);
-			e.delete(t);
-		}
+		let n = e.get(t);
+		n && (z(n), e.delete(t));
 		return;
 	}
-	for (let t of e.values()) if (Array.isArray(t)) for (let e of t) e?.classList?.remove?.(n.active), F(e);
-	else t?.classList?.remove?.(n.active), F(t);
+	for (let t of e.values()) z(t);
 	e.clear();
 }
-var B = class {
+var U = class {
 	order = -50;
 	#e;
 	onAttach(e) {
 		this.#e = e;
 	}
 	onRootChange(e, t, n) {
-		if (!m(e)) return;
+		if (!g(e)) return;
 		let r = this.#e.monitor;
 		e.addEventListener("pointerdown", (e) => {
-			if (e.button !== 0 || h(e.target)) return;
+			if (e.button !== 0 || _(e.target)) return;
 			let t = r.selectedByNs;
 			if (!t) return;
 			let n = r.adapter.closestDraggable(e.target);
 			if (!n) {
-				z(t);
+				H(t);
 				return;
 			}
 			let i = r.adapter.getNamespace(n), a = t.get(i);
-			Array.isArray(a) && a.length > 1 && a.includes(n) || L(null, t, n, i);
+			Array.isArray(a) && a.length > 1 && a.includes(n) || B(null, t, n, i);
 		}, {
 			capture: !0,
 			signal: n
@@ -1080,22 +1062,20 @@ var B = class {
 	}
 	onDown(e, t) {
 		let r = e?.session;
-		if (!r?.sourceEl || t?.button !== 0 || h(t.target)) return;
+		if (!r?.sourceEl || t?.button !== 0 || _(t.target)) return;
 		let i = e.store?.selectedByNs || r.selectedByNs;
 		if (!i) return;
 		let a = r.namespace || e.adapter.getNamespace(r.sourceEl), o = i.get(a);
-		Array.isArray(o) && o.length > 1 && o.includes(r.sourceEl) || (o && o !== r.sourceEl && (Array.isArray(o) ? o.forEach((t) => {
-			e.frame.toggleClass(t, n.active, !1), F(t);
-		}) : (e.frame.toggleClass(o, n.active, !1), F(o))), e.frame.toggleClass(r.sourceEl, n.active, !0), I(r.sourceEl), i.set(a, r.sourceEl));
+		Array.isArray(o) && o.length > 1 && o.includes(r.sourceEl) || (o && o !== r.sourceEl && z(o, (t, n, r) => e.frame.toggleClass(t, n, r)), e.frame.toggleClass(r.sourceEl, n.active, !0), R(r.sourceEl), i.set(a, r.sourceEl));
 	}
 	onDestroy(e, t) {
 		let n = t?.selectedByNs;
-		n && z(n);
+		n && H(n);
 	}
 };
 //#endregion
 //#region src/services/MarqueeSelectionService.js
-function V(e, t, n, r) {
+function de(e, t, n, r) {
 	return {
 		left: Math.min(e, n),
 		right: Math.max(e, n),
@@ -1105,11 +1085,11 @@ function V(e, t, n, r) {
 		height: Math.abs(r - t)
 	};
 }
-function H(e, t) {
-	let n = Math.max(e.left, t.left), r = Math.min(e.right, t.right), i = Math.max(e.top, t.top), a = Math.min(e.bottom, t.bottom), o = r - n, s = a - i;
-	return o <= 0 || s <= 0 ? !1 : o * s > (t.right - t.left) * (t.bottom - t.top) * .5;
+function fe(e, t) {
+	let n = Math.max(e.left, t.left), r = Math.min(e.right, t.right), i = Math.max(e.top, t.top), a = Math.min(e.bottom, t.bottom), o = r - n, c = a - i;
+	return o <= 0 || c <= 0 ? !1 : o * c > (t.right - t.left) * (t.bottom - t.top) * s;
 }
-var U = class {
+var pe = class {
 	order = -40;
 	#e;
 	#t;
@@ -1117,9 +1097,9 @@ var U = class {
 		this.#e = e;
 	}
 	onRootChange(e, t, n) {
-		this.#t = n, m(e) && e.addEventListener("pointerdown", (e) => {
-			if (e.button !== 0 || h(e.target)) return;
-			let t = e.target.closest(_);
+		this.#t = n, g(e) && e.addEventListener("pointerdown", (e) => {
+			if (e.button !== 0 || _(e.target)) return;
+			let t = e.target.closest(y);
 			t && (this.#e.monitor.adapter.closestDraggable(e.target) || this.#n(t, e));
 		}, {
 			capture: !0,
@@ -1127,63 +1107,67 @@ var U = class {
 		});
 	}
 	#n(e, r) {
-		let i = r.clientX, o = r.clientY, s = this.#e.monitor.adapter.getNamespace(e), c = parseFloat(e.getAttribute(t.scaleRatioAttr) || "1"), l = document.createElement("div");
-		l.classList.add(n.marquee), e.appendChild(l);
-		let u = !1, d = (t) => {
-			let n = t.clientX - i, r = t.clientY - o;
-			if (!u && Math.abs(n) < a.MARQUEE_MOVE && Math.abs(r) < a.MARQUEE_MOVE) return;
-			u = !0;
-			let d = V(i, o, t.clientX, t.clientY);
-			this.#r(l, d, e, c);
-			let f = this.#i(e, s, d), p = this.#e.monitor.selectedByNs;
-			p && (z(p, s), f.length > 0 && R(p, f, s));
-		}, f = new AbortController(), p = [f.signal, this.#t].filter(Boolean), m = () => {
-			if (!f.signal.aborted) {
+		let i = r.clientX, o = r.clientY, s = this.#e.monitor.adapter, c = s.getNamespace(e), l = parseFloat(e.getAttribute(t.scaleRatioAttr) || "1"), u = document.createElement("div");
+		u.classList.add(n.marquee), e.appendChild(u);
+		let d = e.getBoundingClientRect(), f = [];
+		for (let n of e.querySelectorAll(`[${t.dragAttr}], [${t.dragdropAttr}]`)) s.getNamespace(n) === c && f.push(n);
+		let p = !1, m = 0, h = null, g = this.#t, _ = new AbortController(), v = () => y(), y = () => {
+			if (!_.signal.aborted) {
+				m &&= (cancelAnimationFrame(m), 0), g?.removeEventListener?.("abort", v);
 				try {
-					l.remove();
+					u.remove();
 				} catch {}
-				f.abort();
+				_.abort();
 			}
-		}, h = () => {
-			if (!u) {
+		}, b = () => {
+			m = 0;
+			let e = h;
+			if (!e) return;
+			let t = de(i, o, e.clientX, e.clientY);
+			this.#r(u, t, d, l);
+			let n = this.#i(f, s, t), r = this.#e.monitor.selectedByNs;
+			r && (H(r, c), n.length > 0 && V(r, n, c));
+		}, x = (e) => {
+			let t = e.clientX - i, n = e.clientY - o;
+			!p && Math.abs(t) < a.MARQUEE_MOVE && Math.abs(n) < a.MARQUEE_MOVE || (p = !0, h = e, m ||= requestAnimationFrame(b));
+		}, S = () => {
+			if (!p) {
 				let e = this.#e.monitor?.selectedByNs;
-				e && z(e, s);
+				e && H(e, c);
 			}
-			m();
+			y();
 		};
-		for (let e of p) {
-			if (e.aborted) {
-				m();
-				return;
-			}
-			e.addEventListener("abort", m, { once: !0 });
+		if (g?.aborted) {
+			y();
+			return;
 		}
-		let g = { signal: f.signal };
-		document.addEventListener("pointermove", d, g), document.addEventListener("pointerup", h, g), document.addEventListener("pointercancel", m, g), window.addEventListener("blur", m, g);
+		g?.addEventListener?.("abort", v, { once: !0 });
+		let C = { signal: _.signal };
+		document.addEventListener("pointermove", x, C), document.addEventListener("pointerup", S, C), document.addEventListener("pointercancel", y, C), window.addEventListener("blur", y, C);
 	}
 	#r(e, t, n, r) {
-		let i = n.getBoundingClientRect(), a = (t.left - i.left) / r, o = (t.top - i.top) / r, s = t.width / r, c = t.height / r;
-		e.style.left = `${a}px`, e.style.top = `${o}px`, e.style.width = `${s}px`, e.style.height = `${c}px`;
-	}
-	#i(e, n, r) {
-		let i = this.#e.monitor.adapter, a = e.querySelectorAll(`[${t.dragAttr}], [${t.dragdropAttr}]`), o = [];
-		for (let e of a) {
-			if (i.getNamespace(e) !== n) continue;
-			let t = i.measureRect(e);
-			t && H(r, t) && o.push(e);
+		let i = (t.left - n.left) / r, a = (t.top - n.top) / r, o = t.width / r, s = t.height / r;
+		e.style.left = `${i}px`, e.style.top = `${a}px`, e.style.width = `${o}px`, e.style.height = `${s}px`;
+	}
+	#i(e, t, n) {
+		let r = [];
+		for (let i of e) {
+			let e = t.measureRect(i);
+			e && fe(n, e) && r.push(i);
 		}
-		return o;
+		return r;
 	}
 };
 //#endregion
 //#region src/services/transform/utils/geometry.js
 function W(e = 0) {
-	return `${Number.parseInt(String(e), 10) || 0}px`;
+	let t = Number(e);
+	return Number.isFinite(t) ? `${Math.round(t * 100) / 100}px` : "0px";
 }
 function G(e) {
 	return e * Math.PI / 180;
 }
-function ue(e, t) {
+function me(e, t) {
 	return Math.sqrt(e * e + t * t);
 }
 function K(e, t) {
@@ -1205,7 +1189,7 @@ function J(e, t, n, r) {
 	let i = n - e, a = r - t, o = Math.atan2(a, i) * 180 / Math.PI + 90;
 	return o = (o % 360 + 360) % 360, o;
 }
-function de(e, t, n) {
+function he(e, t, n) {
 	let { width: r, height: i } = e;
 	return {
 		height: Math.abs(i),
@@ -1214,7 +1198,7 @@ function de(e, t, n) {
 		y: n - Math.abs(i) / 2
 	};
 }
-function fe({ centerX: e, centerY: t, width: n, height: r, angle: i }) {
+function ge({ centerX: e, centerY: t, width: n, height: r, angle: i }) {
 	return {
 		angle: i,
 		height: r,
@@ -1245,7 +1229,7 @@ function Y(e) {
 }
 //#endregion
 //#region src/services/transform/utils/cursor.js
-var pe = {
+var _e = {
 	e: "right",
 	n: "top",
 	ne: "top-right",
@@ -1254,7 +1238,7 @@ var pe = {
 	se: "bottom-right",
 	sw: "bottom-left",
 	w: "left"
-}, me = [
+}, ve = [
 	"n",
 	"ne",
 	"e",
@@ -1263,7 +1247,7 @@ var pe = {
 	"sw",
 	"w",
 	"nw"
-], he = {
+], ye = {
 	0: 0,
 	1: 1,
 	2: 1,
@@ -1276,7 +1260,7 @@ var pe = {
 	9: 6,
 	10: 7,
 	11: 7
-}, ge = {
+}, be = {
 	e: 2,
 	n: 0,
 	ne: 1,
@@ -1286,13 +1270,13 @@ var pe = {
 	sw: 5,
 	w: 6
 };
-function _e(e, t) {
-	let n = he[Math.floor((e % 360 + 360) % 360 / 30)];
-	return me[(ge[t] + n) % 8];
+function xe(e, t) {
+	let n = ye[Math.floor((e % 360 + 360) % 360 / 30)];
+	return ve[(be[t] + n) % 8];
 }
 //#endregion
 //#region src/services/transform/utils/markline.js
-function ve(e, t) {
+function Se(e, t) {
 	let n = {
 		x: [],
 		y: []
@@ -1332,63 +1316,112 @@ function ve(e, t) {
 		});
 	}), n;
 }
-function ye(e) {
+function Ce({ side: e = "", source: t, targetRects: n = [], threshold: r = 10 }) {
+	let i = {
+		diffX: 0,
+		diffY: 0,
+		guideLeft: void 0,
+		guideTop: void 0
+	};
+	if (!t) return i;
+	let a = e.includes("left"), o = e.includes("right"), s = e.includes("top"), c = e.includes("bottom");
+	if (a || o) {
+		let e = a ? t.left : t.right;
+		for (let t of n) {
+			let n = [
+				t.left,
+				t.left + t.width / 2,
+				t.left + t.width
+			], a;
+			for (let t of n) if (Math.abs(t - e) < r) {
+				a = t;
+				break;
+			}
+			if (a !== void 0) {
+				i.diffX = a - e, i.guideLeft = a;
+				break;
+			}
+		}
+	}
+	if (s || c) {
+		let e = s ? t.top : t.bottom;
+		for (let t of n) {
+			let n = [
+				t.top,
+				t.top + t.height / 2,
+				t.top + t.height
+			], a;
+			for (let t of n) if (Math.abs(t - e) < r) {
+				a = t;
+				break;
+			}
+			if (a !== void 0) {
+				i.diffY = a - e, i.guideTop = a;
+				break;
+			}
+		}
+	}
+	return i;
+}
+function X(e) {
 	let t = e.querySelector(".draggable-markline-x"), n = e.querySelector(".draggable-markline-y");
 	return t || (t = document.createElement("div"), t.className = "draggable-markline-x", e.appendChild(t)), n || (n = document.createElement("div"), n.className = "draggable-markline-y", e.appendChild(n)), {
 		x: t,
 		y: n
 	};
 }
-function X(e) {
+function Z(e) {
 	e && (e.style.display = "none");
 }
 //#endregion
 //#region src/services/transform/utils/resize.js
-function Z(e, t, n) {
+function Q(e, t, n) {
 	let r = e + t;
 	return r > n ? e = r : (t = n - e, e = n), {
 		deltaW: t,
 		width: e
 	};
 }
-function Q(e, t, n) {
+function $(e, t, n) {
 	let r = e + t;
 	return r > n ? e = r : (t = n - e, e = n), {
 		deltaH: t,
 		height: e
 	};
 }
-function be(e, t, n, r, i, a, o) {
+function we(e, t, n, r, i, a, o) {
 	let { width: s, height: c, centerX: l, centerY: u, rotateAngle: d } = t, f = s < 0 ? -1 : 1, p = c < 0 ? -1 : 1;
-	switch (s = Math.abs(s), c = Math.abs(c), [
+	s = Math.abs(s), c = Math.abs(c);
+	let m = G(d), h = Math.cos(m), g = Math.sin(m);
+	switch ([
 		"top-left",
 		"top-right",
 		"bottom-left",
 		"bottom-right"
-	].includes(e) && (e === "top-right" ? r = -r : e === "bottom-left" ? n = -n : e === "top-left" && (n = -n, r = -r), {width: s, deltaW: n} = Z(s, n, a), {height: c, deltaH: r} = Q(c, r, o), i && (r = n / i, c = s / i)), e) {
+	].includes(e) && (e === "top-right" ? r = -r : e === "bottom-left" ? n = -n : e === "top-left" && (n = -n, r = -r), {width: s, deltaW: n} = Q(s, n, a), {height: c, deltaH: r} = $(c, r, o), i && (r = n / i, c = s / i)), e) {
 		case "right":
-			({width: s, deltaW: n} = Z(s, n, a)), i ? (r = n / i, c = s / i, l += n / 2 * Math.cos(G(d)) - r / 2 * Math.sin(G(d)), u += n / 2 * Math.sin(G(d)) + r / 2 * Math.cos(G(d))) : (l += n / 2 * Math.cos(G(d)), u += n / 2 * Math.sin(G(d)));
+			({width: s, deltaW: n} = Q(s, n, a)), i ? (r = n / i, c = s / i, l += n / 2 * h - r / 2 * g, u += n / 2 * g + r / 2 * h) : (l += n / 2 * h, u += n / 2 * g);
 			break;
 		case "top-right":
-			l += n / 2 * Math.cos(G(d)) + r / 2 * Math.sin(G(d)), u += n / 2 * Math.sin(G(d)) - r / 2 * Math.cos(G(d));
+			l += n / 2 * h + r / 2 * g, u += n / 2 * g - r / 2 * h;
 			break;
 		case "bottom-right":
-			l += n / 2 * Math.cos(G(d)) - r / 2 * Math.sin(G(d)), u += n / 2 * Math.sin(G(d)) + r / 2 * Math.cos(G(d));
+			l += n / 2 * h - r / 2 * g, u += n / 2 * g + r / 2 * h;
 			break;
 		case "bottom":
-			({height: c, deltaH: r} = Q(c, r, o)), i ? (n = r * i, s = c * i, l += n / 2 * Math.cos(G(d)) - r / 2 * Math.sin(G(d)), u += n / 2 * Math.sin(G(d)) + r / 2 * Math.cos(G(d))) : (l -= r / 2 * Math.sin(G(d)), u += r / 2 * Math.cos(G(d)));
+			({height: c, deltaH: r} = $(c, r, o)), i ? (n = r * i, s = c * i, l += n / 2 * h - r / 2 * g, u += n / 2 * g + r / 2 * h) : (l -= r / 2 * g, u += r / 2 * h);
 			break;
 		case "bottom-left":
-			l -= n / 2 * Math.cos(G(d)) + r / 2 * Math.sin(G(d)), u -= n / 2 * Math.sin(G(d)) - r / 2 * Math.cos(G(d));
+			l -= n / 2 * h + r / 2 * g, u -= n / 2 * g - r / 2 * h;
 			break;
 		case "left":
-			n = -n, {width: s, deltaW: n} = Z(s, n, a), i ? (c = s / i, r = n / i, l -= n / 2 * Math.cos(G(d)) + r / 2 * Math.sin(G(d)), u -= n / 2 * Math.sin(G(d)) - r / 2 * Math.cos(G(d))) : (l -= n / 2 * Math.cos(G(d)), u -= n / 2 * Math.sin(G(d)));
+			n = -n, {width: s, deltaW: n} = Q(s, n, a), i ? (c = s / i, r = n / i, l -= n / 2 * h + r / 2 * g, u -= n / 2 * g - r / 2 * h) : (l -= n / 2 * h, u -= n / 2 * g);
 			break;
 		case "top-left":
-			l -= n / 2 * Math.cos(G(d)) - r / 2 * Math.sin(G(d)), u -= n / 2 * Math.sin(G(d)) + r / 2 * Math.cos(G(d));
+			l -= n / 2 * h - r / 2 * g, u -= n / 2 * g + r / 2 * h;
 			break;
 		case "top":
-			r = -r, {height: c, deltaH: r} = Q(c, r, o), i ? (s = c * i, n = r * i, l += n / 2 * Math.cos(G(d)) + r / 2 * Math.sin(G(d)), u += n / 2 * Math.sin(G(d)) - r / 2 * Math.cos(G(d))) : (l += r / 2 * Math.sin(G(d)), u -= r / 2 * Math.cos(G(d)));
+			r = -r, {height: c, deltaH: r} = $(c, r, o), i ? (s = c * i, n = r * i, l += n / 2 * h + r / 2 * g, u += n / 2 * g - r / 2 * h) : (l += r / 2 * g, u -= r / 2 * h);
 			break;
 		default: break;
 	}
@@ -1405,23 +1438,23 @@ function be(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/services/transform/utils/handles.js
-function xe(e) {
+function Te(e) {
 	let t = e?.querySelector?.(":scope > .draggable-dot-wrap");
 	return t ? [...t.querySelectorAll?.(".draggable-dot") || []] : [];
 }
-function Se(e) {
+function Ee(e) {
 	let t = e?.dataset?.dir;
-	return t && pe[t] || "right";
+	return t && _e[t] || "right";
 }
-function Ce(e) {
+function De(e) {
 	return !!e?.hasAttribute?.(t.handleRotateAttr);
 }
-function $(e) {
+function Oe(e) {
 	return !!e?.hasAttribute?.(t.handleResizeAttr);
 }
 //#endregion
 //#region src/services/TransformControllerService.js
-var we = class {
+var ke = class {
 	order = 25;
 	#e;
 	constructor(e = {}) {
@@ -1463,22 +1496,22 @@ var we = class {
 	}
 	onDown(e) {
 		let t = e?.session;
-		if (!t?.isDragScope || !m(t.sourceEl) || !this.#e.resizable) return;
+		if (!t?.isDragScope || !g(t.sourceEl) || !this.#e.resizable) return;
 		let { angle: n } = Y(t.sourceEl);
-		n && this.#l(t.sourceEl, n);
+		n && this.#u(t.sourceEl, n);
 	}
 	onStart(e) {
 		let n = e.session;
-		if (!n?.active || !n?.started || !n.isDragScope || !m(n.sourceEl) || typeof this.#e.canTransform == "function" && !this.#e.canTransform(n.sourceEl)) return;
-		let r = n.selectedByNs?.get(n.namespace), i = Array.isArray(r) && r.length > 1, a = "move", o = "", s = this.#e.rotatable && f(n.sourceEl, t.rotatableAttr, !0), c = this.#e.resizable && f(n.sourceEl, t.resizableAttr, !0);
-		if (Ce(n.handleEl) && s) {
+		if (!n?.active || !n?.started || !n.isDragScope || !g(n.sourceEl) || typeof this.#e.canTransform == "function" && !this.#e.canTransform(n.sourceEl)) return;
+		let r = n.selectedByNs?.get(n.namespace), i = Array.isArray(r) && r.length > 1, a = "move", o = "", s = this.#e.rotatable && m(n.sourceEl, t.rotatableAttr, !0), c = this.#e.resizable && m(n.sourceEl, t.resizableAttr, !0);
+		if (De(n.handleEl) && s) {
 			if (i) return;
 			a = "rotate";
-		} else if ($(n.handleEl) && c) {
+		} else if (Oe(n.handleEl) && c) {
 			if (i) return;
-			a = "resize", o = Se(n.handleEl);
+			a = "resize", o = Ee(n.handleEl);
 		}
-		this.#e.disableMirrorInScope && this.#m(n), this.#e.disableDropIndicatorInScope && this.#h(n), n.cache.__transform = {
+		this.#e.disableMirrorInScope && this.#h(n), this.#e.disableDropIndicatorInScope && this.#g(n), n.cache.__transform = {
 			phase: 0,
 			type: a,
 			side: o,
@@ -1519,12 +1552,12 @@ var we = class {
 	onMeasure(e) {
 		let n = e.session, r = n?.cache?.__transform;
 		if (!n?.active || !n?.started || !n.isDragScope || !r || r.phase !== 0) return;
-		if (!m(n.sourceEl)) {
+		if (!g(n.sourceEl)) {
 			n.cache.__transform = void 0;
 			return;
 		}
 		let i = e.adapter.closestDragScope(n.sourceEl);
-		if (!m(i)) {
+		if (!g(i)) {
 			n.cache.__transform = void 0;
 			return;
 		}
@@ -1551,26 +1584,26 @@ var we = class {
 				y: o.top + o.height / 2 - r.center.y
 			};
 			let s = [...i.querySelectorAll?.(`[${t.dragAttr}]`) || []], c = [];
-			for (let t of s) t !== n.sourceEl && m(t) && c.push(q(t, a, e.adapter));
-			if (r.lines = ve(c, o), this.#e.markline) {
-				let e = ye(i);
+			for (let t of s) t !== n.sourceEl && g(t) && c.push(q(t, a, e.adapter));
+			if (r.lines = Se(c, o), r.targetRects = c, this.#e.markline) {
+				let e = X(i);
 				r.guideX = e.x, r.guideY = e.y;
 			}
 		}
 		if (r.multiSelection.enabled) {
 			let e = n.selectedByNs?.get(n.namespace);
-			if (Array.isArray(e)) for (let t of e) t !== n.sourceEl && m(t) && (r.multiSelection.elements.push(t), r.multiSelection.initialTransforms.push(Y(t)));
+			if (Array.isArray(e)) for (let t of e) t !== n.sourceEl && g(t) && (r.multiSelection.elements.push(t), r.multiSelection.initialTransforms.push(Y(t)));
 		}
 		r.phase = 1;
 	}
 	onCompute(e) {
 		let t = e.session, n = t?.cache?.__transform;
-		!t?.active || !t?.started || !t.isDragScope || !n || n.phase !== 1 || m(t.sourceEl) && (n.didCompute = !0, n.type === "move" ? this.#r(t, n) : n.type === "rotate" ? this.#i(t, n) : n.type === "resize" && this.#a(t, n));
+		!t?.active || !t?.started || !t.isDragScope || !n || n.phase !== 1 || g(t.sourceEl) && (n.didCompute = !0, n.type === "move" ? this.#r(t, n) : n.type === "rotate" ? this.#i(t, n) : n.type === "resize" && this.#a(t, n));
 	}
 	onCommit(e) {
 		let t = e.session, n = t?.cache?.__transform;
-		if (!t?.active || !t?.started || !t.isDragScope || !n || n.phase !== 1 || !n.didCompute || !m(t.sourceEl)) return;
-		if (this.#d(e, t.sourceEl, n), n.multiSelection.enabled && n.type === "move") {
+		if (!t?.active || !t?.started || !t.isDragScope || !n || n.phase !== 1 || !n.didCompute || !g(t.sourceEl)) return;
+		if (this.#f(e, t.sourceEl, n), n.multiSelection.enabled && n.type === "move") {
 			let t = n.data.x - n.start.x, r = n.data.y - n.start.y;
 			for (let i = 0; i < n.multiSelection.elements.length; i++) {
 				let a = n.multiSelection.elements[i], o = n.multiSelection.initialTransforms[i], s = {
@@ -1580,37 +1613,59 @@ var we = class {
 					height: o.height,
 					angle: o.angle
 				};
-				this.#u(e, a, s);
+				this.#d(e, a, s);
 			}
 		}
 		n.type === "rotate" && this.#e.resizable && n.lastCursorAngle !== n.data?.angle && (n.lastCursorAngle = n.data?.angle, e.frame?.run?.(() => {
-			this.#l(t.sourceEl, n.lastCursorAngle || 0);
-		})), this.#e.markline && this.#c(e, n);
+			this.#u(t.sourceEl, n.lastCursorAngle || 0);
+		})), this.#e.markline && this.#l(e, n);
 		let r = e.dnd;
 		if (r?.emit && n?.data) {
-			let i = {
+			let i = n.__emitPayload;
+			i || (i = n.__emitPayload = {
 				type: n.type,
-				el: t.sourceEl,
-				...n.data
-			}, a = n.type === "move" ? "draggable:drag" : n.type === "rotate" ? "draggable:rotate" : "draggable:resize";
-			e.frame?.run?.(() => {
-				r.emit(a, i);
-			});
+				el: t.sourceEl
+			}, n.__emitEvt = n.type === "move" ? "draggable:drag" : n.type === "rotate" ? "draggable:rotate" : "draggable:resize", n.__emitRun = () => r.emit(n.__emitEvt, n.__emitPayload)), i.el = t.sourceEl, i.x = n.data.x, i.y = n.data.y, i.width = n.data.width, i.height = n.data.height, i.angle = n.data.angle, e.frame?.run?.(n.__emitRun);
 		}
 		n.didCompute = !1;
 	}
-	onEnd(e, t) {
-		let n = e.session, r = n?.cache?.__transform;
-		r && (X(r.guideX), X(r.guideY), t?.ended && m(n?.sourceEl) && r?.data && e.dnd?.emit?.("draggable:drop", {
-			type: r.type,
-			el: n.sourceEl,
-			data: n.data,
-			...r.data
-		}), t?.ended && r.type === "rotate" && this.#e.resizable && m(n?.sourceEl) && this.#l(n.sourceEl, r.data?.angle || 0), n.cache.__transform = void 0);
+	onEnd(e, n) {
+		let r = e.session, i = r?.cache?.__transform;
+		if (i) {
+			if (Z(i.guideX), Z(i.guideY), n?.ended && g(r?.sourceEl) && i?.data && (e.dnd?.emit?.("draggable:drop", {
+				type: i.type,
+				el: r.sourceEl,
+				data: r.data,
+				...i.data
+			}), i.multiSelection?.enabled && i.type === "move")) {
+				let n = i.data.x - i.start.x, a = i.data.y - i.start.y, o = [{
+					el: r.sourceEl,
+					x: i.data.x,
+					y: i.data.y,
+					width: i.data.width,
+					height: i.data.height,
+					angle: i.data.angle,
+					data: r.data
+				}, ...i.multiSelection.elements.map((r, o) => {
+					let s = i.multiSelection.initialTransforms[o];
+					return {
+						el: r,
+						x: s.x + n,
+						y: s.y + a,
+						width: s.width,
+						height: s.height,
+						angle: s.angle,
+						data: u(e.adapter?.getAttr?.(r, t.dataAttr))
+					};
+				})];
+				e.dnd?.emit?.("draggable:multi-drop", o);
+			}
+			n?.ended && i.type === "rotate" && this.#e.resizable && g(r?.sourceEl) && this.#u(r.sourceEl, i.data?.angle || 0), r.cache.__transform = void 0;
+		}
 	}
 	onDestroy(e, t) {
 		let n = t?.cache?.__transform;
-		n && (X(n.guideX), X(n.guideY), t.cache.__transform = void 0);
+		n && (Z(n.guideX), Z(n.guideY), t.cache.__transform = void 0);
 	}
 	#r(e, t) {
 		let n = this.#n(t), r = t.start.x + e.dx / n, i = t.start.y + e.dy / n;
@@ -1618,7 +1673,7 @@ var we = class {
 			...t.data,
 			x: r,
 			y: i
-		}, this.#s(t), this.#f(t.data, t.boundary);
+		}, this.#s(t), this.#p(t.data, t.boundary);
 	}
 	#i(e, t) {
 		let n = this.#n(t), r = t.containerRect;
@@ -1634,13 +1689,13 @@ var we = class {
 		};
 	}
 	#a(e, t) {
-		let n = this.#n(t), r = this.#e.aspectRatio, i = e.dx / n, a = e.dy / n, o = Math.atan2(a, i), s = ue(i, a), c = o - G(t.start.angle), l = s * Math.cos(c), u = s * Math.sin(c), d = {
+		let n = this.#n(t), r = this.#e.aspectRatio, i = e.dx / n, a = e.dy / n, o = Math.atan2(a, i), s = me(i, a), c = o - G(t.start.angle), l = s * Math.cos(c), u = s * Math.sin(c), d = {
 			centerX: t.start.x + t.start.width / 2,
 			centerY: t.start.y + t.start.height / 2,
 			height: t.start.height,
 			rotateAngle: t.start.angle,
 			width: t.start.width
-		}, { position: { centerX: f, centerY: p }, size: { width: m, height: h } } = be(t.side, d, l, u, r, this.#e.minWidth, this.#e.minHeight), g = fe({
+		}, { position: { centerX: f, centerY: p }, size: { width: m, height: h } } = we(t.side, d, l, u, r, this.#e.minWidth, this.#e.minHeight), g = ge({
 			angle: t.data.angle,
 			centerX: f,
 			centerY: p,
@@ -1648,14 +1703,14 @@ var we = class {
 			width: m
 		}), _ = {
 			...t.data,
-			...de(g, f, p)
+			...he(g, f, p)
 		};
 		if (this.#e.maxWidth > 0 && (_.width = Math.min(_.width, this.#e.maxWidth)), this.#e.maxHeight > 0 && (_.height = Math.min(_.height, this.#e.maxHeight)), this.#e.snapToGrid) {
 			let e = _.x + _.width / 2, n = _.y + _.height / 2, i = this.#e.gridX, a = this.#e.gridY, o = t.start.width + K(_.width - t.start.width, i), s;
 			s = r ? o / r : t.start.height + K(_.height - t.start.height, a), _.width = Math.abs(o), _.height = Math.abs(s), _.x = e - _.width / 2, _.y = n - _.height / 2;
 		}
 		let v = _;
-		this.#p(v, t.boundary) ? (t.data = v, t.lastValidData = { ...v }) : t.data = t.lastValidData ? { ...t.lastValidData } : { ...t.start }, this.#s(t);
+		this.#m(v, t.boundary) ? (t.data = v, t.lastValidData = { ...v }) : t.data = t.lastValidData ? { ...t.lastValidData } : { ...t.start }, this.#c(t);
 	}
 	#o(e) {
 		let t = e?.data, n = e?.viewportCenterOffset;
@@ -1697,46 +1752,79 @@ var we = class {
 		}
 		this.#e.snap && (r.diffX && (e.data.x += r.diffX), r.diffY && (e.data.y += r.diffY)), e.mark = r;
 	}
-	#c(e, t) {
+	#c(e) {
+		if (!this.#e.snap && !this.#e.markline || !e?.targetRects || !e.containerRectScaled) return;
+		let t = {
+			diffX: 0,
+			diffY: 0,
+			left: void 0,
+			top: void 0
+		};
+		if ((e.data.angle || 0) !== 0 || this.#e.aspectRatio) {
+			e.mark = t;
+			return;
+		}
+		let n = this.#o(e), { diffX: r, diffY: i, guideLeft: a, guideTop: o } = Ce({
+			side: e.side,
+			source: n,
+			targetRects: e.targetRects,
+			threshold: this.#e.snapThreshold
+		});
+		if (t.diffX = r, t.diffY = i, t.left = a === void 0 ? void 0 : a - e.containerRectScaled.left, t.top = o === void 0 ? void 0 : o - e.containerRectScaled.top, this.#e.snap && (r || i)) {
+			let n = this.#n(e), a = { ...e.data }, o = { ...e.data }, s = e.side || "";
+			if (r) {
+				let e = r / n;
+				s.includes("left") ? (o.x += e, o.width -= e) : s.includes("right") && (o.width += e);
+			}
+			if (i) {
+				let e = i / n;
+				s.includes("top") ? (o.y += e, o.height -= e) : s.includes("bottom") && (o.height += e);
+			}
+			let c = o.width >= this.#e.minWidth && o.height >= this.#e.minHeight;
+			c && this.#e.maxWidth > 0 && o.width > this.#e.maxWidth && (c = !1), c && this.#e.maxHeight > 0 && o.height > this.#e.maxHeight && (c = !1), c && !this.#m(o, e.boundary) && (c = !1), c ? (e.data = o, e.lastValidData = { ...o }) : (e.data = a, t.left = void 0, t.top = void 0);
+		}
+		e.mark = t;
+	}
+	#l(e, t) {
 		let { guideX: n, guideY: r } = t, i = t.mark || {};
 		n && (i.left === void 0 ? e.frame?.setStyle?.(n, "display", "none") : (e.frame?.setStyle?.(n, "display", "block"), e.frame?.setStyle?.(n, "transform", `translate(${W(i.left)}, 0)`))), r && (i.top === void 0 ? e.frame?.setStyle?.(r, "display", "none") : (e.frame?.setStyle?.(r, "display", "block"), e.frame?.setStyle?.(r, "transform", `translate(0, ${W(i.top)})`)));
 	}
-	#l(e, t) {
-		let n = xe(e);
+	#u(e, t) {
+		let n = Te(e);
 		for (let e of n) {
 			let n = e?.dataset?.dir;
-			n && (e.style.cursor = `${_e(t, n)}-resize`);
+			n && (e.style.cursor = `${xe(t, n)}-resize`);
 		}
 	}
-	#u(e, t, n) {
+	#d(e, t, n) {
 		e.frame?.setStyle?.(t, "transform", `translate(${W(n.x)}, ${W(n.y)}) rotate(${n.angle}deg)`);
 	}
-	#d(e, t, n) {
+	#f(e, t, n) {
 		let r = n.data;
-		n.lastAppliedW !== r.width && (e.frame?.setStyle?.(t, "width", W(r.width)), n.lastAppliedW = r.width), n.lastAppliedH !== r.height && (e.frame?.setStyle?.(t, "height", W(r.height)), n.lastAppliedH = r.height), (n.lastAppliedX !== r.x || n.lastAppliedY !== r.y || n.lastAppliedAngle !== r.angle) && (this.#u(e, t, r), n.lastAppliedX = r.x, n.lastAppliedY = r.y, n.lastAppliedAngle = r.angle);
+		n.lastAppliedW !== r.width && (e.frame?.setStyle?.(t, "width", W(r.width)), n.lastAppliedW = r.width), n.lastAppliedH !== r.height && (e.frame?.setStyle?.(t, "height", W(r.height)), n.lastAppliedH = r.height), (n.lastAppliedX !== r.x || n.lastAppliedY !== r.y || n.lastAppliedAngle !== r.angle) && (this.#d(e, t, r), n.lastAppliedX = r.x, n.lastAppliedY = r.y, n.lastAppliedAngle = r.angle);
 	}
-	#f(e, t) {
+	#p(e, t) {
 		if (!t) return;
 		let n = G(e.angle || 0), r = Math.abs(Math.cos(n)), i = Math.abs(Math.sin(n)), a = e.width * r + e.height * i, o = e.width * i + e.height * r, s = (a - e.width) / 2, c = t.w - a / 2 - e.width / 2, l = (o - e.height) / 2, u = t.h - o / 2 - e.height / 2;
 		e.x = Math.max(Math.min(s, c), Math.min(e.x, Math.max(s, c))), e.y = Math.max(Math.min(l, u), Math.min(e.y, Math.max(l, u)));
 	}
-	#p(e, t) {
+	#m(e, t) {
 		if (!t) return !0;
-		let n = G(e.angle || 0), r = Math.abs(Math.cos(n)), i = Math.abs(Math.sin(n)), a = e.width * r + e.height * i, o = e.width * i + e.height * r, s = e.x + e.width / 2, c = e.y + e.height / 2, l = s - a / 2, u = s + a / 2, d = c - o / 2, f = c + o / 2;
-		return !(l < -.5 || d < -.5 || u > t.w + .5 || f > t.h + .5);
+		let n = G(e.angle || 0), r = Math.abs(Math.cos(n)), i = Math.abs(Math.sin(n)), a = e.width * r + e.height * i, o = e.width * i + e.height * r, s = e.x + e.width / 2, l = e.y + e.height / 2, u = s - a / 2, d = s + a / 2, f = l - o / 2, p = l + o / 2, m = c;
+		return !(u < -m || f < -m || d > t.w + m || p > t.h + m);
 	}
-	#m(e) {
+	#h(e) {
 		if (e?.mirrorEl) {
 			try {
 				e.mirrorEl.parentNode?.removeChild?.(e.mirrorEl);
 			} catch {}
 			e.mirrorEl = void 0;
 		}
-		if (m(e?.sourceEl)) try {
+		if (g(e?.sourceEl)) try {
 			e.sourceEl.style.visibility = "";
 		} catch {}
 	}
-	#h(e) {
+	#g(e) {
 		if (e?.indicatorEl) {
 			try {
 				e.indicatorEl.parentNode?.removeChild?.(e.indicatorEl);
@@ -1745,9 +1833,9 @@ var we = class {
 		}
 		e.currentDrop = void 0, e.currentDropRect = void 0, e.currentAllowed = !1;
 	}
-}, Te = {
+}, Ae = {
 	name: "@ptahjs/dnd",
-	version: "0.1.1"
+	version: "0.1.3"
 };
 //#endregion
-export { j as ACTIVE_WRAP_CLASS, B as ActiveSelectionService, D as AutoScrollService, M as DOT_CLASS, re as Dnd, Te as DndVersion, le as DropIndicatorService, x as DropService, U as MarqueeSelectionService, S as MirrorService, N as ROTATE_CLASS, we as TransformControllerService, z as clearAll, R as setMultipleActive };
+export { P as ACTIVE_WRAP_CLASS, U as ActiveSelectionService, ie as AutoScrollService, F as DOT_CLASS, w as Dnd, Ae as DndVersion, le as DropIndicatorService, T as DropService, pe as MarqueeSelectionService, E as MirrorService, I as ROTATE_CLASS, ke as TransformControllerService, H as clearAll, V as setMultipleActive };