@ptahjs/dnd 0.0.1

package/dist/dnd.js

@@ -0,0 +1,1573 @@
+//#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 = t;
+		for (let e of n) {
+			let t = e(r);
+			t !== void 0 && (r = t);
+		}
+		return r;
+	}
+	on(e, t) {
+		let n = this.#e.get(e);
+		return n ? 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 = {
+	dataAttr: "data",
+	copyAttr: "copy",
+	dragAttr: "drag",
+	dragScopeAttr: "drag-scope",
+	dragdropAttr: "dragdrop",
+	dropAttr: "drop",
+	handleAttr: "drag-handle",
+	handleResizeAttr: "drag-handle-resize",
+	handleRotateAttr: "drag-handle-rotate",
+	namespaceAttr: "namespace",
+	dropIndicatorAttr: "drop-indicator",
+	ignoreClickAttr: "ignore-click",
+	ignoreMirrorAttr: "ignore-mirror",
+	resizableAttr: "resizable",
+	rotatableAttr: "rotatable",
+	scaleRatioAttr: "scale-ratio"
+}, n = {
+	canDrop: "dnd-canDrop",
+	noDrop: "dnd-noDrop",
+	dragging: "dnd-dragging",
+	mirror: "dnd-mirror",
+	active: "dnd-active",
+	dropIndicator: "dnd-indicator",
+	dropIndicatorActive: "dnd-indicator-active",
+	indicatorTop: "dnd-indicator--top",
+	indicatorRight: "dnd-indicator--right",
+	indicatorBottom: "dnd-indicator--bottom",
+	indicatorLeft: "dnd-indicator--left"
+}, r = .5, i = 1 / 3;
+//#endregion
+//#region src/utils/computeDropRegion.js
+function a(e) {
+	if (e?.cache?.dropRegionFns) return e.cache.dropRegionFns;
+	let t = () => {
+		if (e.currentDrop) return e.currentDropRect || void 0;
+	}, n = {
+		isOverBottom: () => {
+			let n = t();
+			return n ? e.y > n.y + n.height * (1 - r) : !1;
+		},
+		isOverLeft: () => {
+			let n = t();
+			return n ? e.x < n.x + n.width * i : !1;
+		},
+		isOverRight: () => {
+			let n = t();
+			return n ? e.x > n.x + n.width * (1 - i) : !1;
+		},
+		isOverTop: () => {
+			let n = t();
+			return n ? e.y < n.y + n.height * r : !1;
+		}
+	};
+	return e?.cache && (e.cache.dropRegionFns = n), n;
+}
+//#endregion
+//#region src/utils/parseData.js
+function o(e) {
+	if (e === void 0) return;
+	let t = String(e).trim();
+	if (!t) return "";
+	try {
+		return JSON.parse(t);
+	} catch {
+		return t;
+	}
+}
+//#endregion
+//#region src/utils/createPayload.js
+function s(e, n) {
+	let r = () => {
+		let e = n.currentDrop;
+		if (!e) return;
+		let r = n.currentDropRect || e.getBoundingClientRect(), i = n.adapter.getAttr(e, t.scaleRatioAttr) ?? e.getAttribute?.("data-scale-ratio"), a = Number(i), o = Number.isFinite(a) && a > 0 ? a : 1, s = r.left + (e.clientLeft || 0), c = r.top + (e.clientTop || 0), l = n.x - s, u = n.y - c, d = l + (e.scrollLeft || 0), f = u + (e.scrollTop || 0);
+		return {
+			x: d / o,
+			y: f / o,
+			scale: o,
+			px: d,
+			py: f
+		};
+	}, i = () => {
+		let e = n.currentDrop, r = n.cache;
+		if (!e) {
+			r.dropDataEl = void 0, r.dropDataRaw = void 0, r.dropDataParsed = void 0;
+			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 = o(i), r.dropDataParsed);
+	};
+	if (!n.cache.hitDropFn) {
+		let e = -1, t = 0, r = 0, i, a;
+		n.cache.hitDropFn = (o, s, c) => {
+			let l = n?.adapter?.frameId ?? n?.cache?.frameId ?? 0;
+			if (l === e && o === t && s === r && c === i) return a;
+			e = l, t = o, r = s, i = c;
+			let u = n.adapter;
+			if (!u?.hitDrop) throw Error("createPayload requires monitor.adapter.hitDrop");
+			return a = u.hitDrop(o, s, n.namespace, c), a;
+		};
+	}
+	return {
+		type: e,
+		namespace: n.namespace,
+		data: n.data,
+		dropData: i(),
+		dropPoint: r(),
+		indicatorRegion: n.lastIndicatorRegion,
+		isDragScope: n.isDragScope,
+		isCopy: n.isCopy,
+		sourceEl: n.sourceEl,
+		handleEl: n.handleEl,
+		originDrop: n.originDrop,
+		currentDrop: n.currentDrop,
+		x: n.x,
+		y: n.y,
+		dx: n.dx,
+		dy: n.dy,
+		started: n.started,
+		hitDrop: n.cache.hitDropFn,
+		...a(n)
+	};
+}
+//#endregion
+//#region src/utils/createSession.js
+function c(e) {
+	return {
+		adapter: void 0,
+		currentDropRect: void 0,
+		dragAbort: void 0,
+		isDragScope: !1,
+		isCopy: !1,
+		active: !1,
+		pointerId: void 0,
+		startX: 0,
+		startY: 0,
+		x: 0,
+		y: 0,
+		dx: 0,
+		dy: 0,
+		started: !1,
+		threshold: 3,
+		lastMoveTs: 0,
+		sourceEl: void 0,
+		handleEl: void 0,
+		originDrop: void 0,
+		currentDrop: void 0,
+		namespace: void 0,
+		data: void 0,
+		mirrorEl: void 0,
+		mirrorOffsetX: 0,
+		mirrorOffsetY: 0,
+		currentAllowed: !1,
+		dirty: !1,
+		prevX: 0,
+		prevY: 0,
+		cache: {
+			frameId: 0,
+			dropDataEl: void 0,
+			dropDataRaw: void 0,
+			dropDataParsed: void 0,
+			dropRegionFns: void 0,
+			hitDropFn: void 0,
+			canDropCtx: void 0,
+			dropRectDirty: !1,
+			autoScrollPlan: void 0,
+			autoScrollLastTs: 0
+		},
+		indicatorEl: void 0,
+		indicatorRegion: void 0,
+		lastIndicatorRegion: void 0,
+		selectedByNs: e?.selectedByNs,
+		lastDragTs: 0,
+		suppressNextClick: !1
+	};
+}
+//#endregion
+//#region src/utils/createContext.js
+function l({ dnd: e, session: t, store: n, frame: r, adapter: i }) {
+	let a = /* @__PURE__ */ new Map();
+	return {
+		dnd: e,
+		session: t,
+		store: n,
+		frame: r,
+		adapter: i,
+		payload: (e = "drag") => {
+			if (a.has(e)) return a.get(e);
+			let n = s(e, t);
+			return a.set(e, n), n;
+		}
+	};
+}
+//#endregion
+//#region src/utils/isToggleEnabled.js
+function u(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 d(e, n) {
+	let r = n?.closestDraggable?.(e) || e?.closest?.(`[${t.dragAttr}], [${t.dragdropAttr}]`);
+	if (!r) return;
+	let i = u(r, t.rotatableAttr, !0), a = u(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;
+	}
+	if (r.hasAttribute(t.handleAttr) || r.querySelector?.(`[${t.handleAttr}]`)) {
+		let n = e.closest?.(`[${t.handleAttr}]`);
+		return n && r.contains(n) ? n : void 0;
+	}
+	return r;
+}
+//#endregion
+//#region src/utils/isHTMLElement.js
+function f(e) {
+	return e && typeof e == "object" && e.nodeType === 1;
+}
+//#endregion
+//#region src/core/DomAdapter.js
+var p = class {
+	#e = 0;
+	#t = /* @__PURE__ */ new WeakMap();
+	#n = /* @__PURE__ */ new WeakMap();
+	get frameId() {
+		return this.#e;
+	}
+	beginFrame() {
+		this.#e++;
+	}
+	endFrame() {}
+	resolveRoot(e) {
+		if (e) {
+			if (typeof e == "string") {
+				let t = document.querySelector(e);
+				return t instanceof HTMLElement ? t : void 0;
+			}
+			return e instanceof HTMLElement ? e : void 0;
+		}
+	}
+	getAttr(e, t) {
+		return e?.getAttribute?.(t) ?? void 0;
+	}
+	getNamespace(e) {
+		if (!e) return "_default";
+		let n = this.#n.get(e);
+		if (n && n.frameId === this.#e) return n.ns;
+		let r = this.getAttr(e, t.namespaceAttr) || "_default";
+		return this.#n.set(e, {
+			frameId: this.#e,
+			ns: r
+		}), r;
+	}
+	isDrop(e) {
+		return e ? e.hasAttribute?.(t.dropAttr) || e.hasAttribute?.(t.dragdropAttr) : !1;
+	}
+	closestDraggable(e) {
+		let { dragAttr: n, dragdropAttr: r } = t;
+		if (e) return e.hasAttribute(n) || e.hasAttribute(r) ? e : e.closest?.(`[${n}], [${r}]`) || void 0;
+	}
+	closestDrop(e) {
+		if (e) {
+			let { dropAttr: n, dragdropAttr: r } = t;
+			return e.closest?.(`[${n}], [${r}]`) || void 0;
+		}
+	}
+	closestDragScope(e) {
+		let { dragScopeAttr: n } = t;
+		if (e) return e.hasAttribute(n) ? e : e.closest?.(`[${n}]`) || void 0;
+	}
+	measureRect(e) {
+		if (!e) return;
+		let t = this.#t.get(e);
+		if (t && t.frameId === this.#e) return t.rect;
+		let n = e.getBoundingClientRect();
+		return this.#t.set(e, {
+			frameId: this.#e,
+			rect: n
+		}), n;
+	}
+	hitDrop(e, t, n, r) {
+		let i = document.elementFromPoint(e, t);
+		if (!i) return;
+		let a = n || "_default", o = i;
+		for (r && r.contains(o) && (o = r.parentElement); o;) {
+			if (this.isDrop(o) && this.getNamespace(o) === a) return o;
+			o = o.parentElement;
+		}
+	}
+}, m = class {
+	#e = !1;
+	#t = !1;
+	#n = 0;
+	#r;
+	constructor(e) {
+		this.#r = typeof e == "function" ? e : () => !1;
+	}
+	request() {
+		this.#t = !0, !this.#e && (this.#e = !0, this.#n = requestAnimationFrame(this.#i));
+	}
+	cancel() {
+		this.#e && (this.#e = !1, this.#t = !1, this.#n &&= (cancelAnimationFrame(this.#n), 0));
+	}
+	#i = () => {
+		if (!this.#e) return;
+		this.#t = !1;
+		let e = !1;
+		try {
+			e = !!this.#r(performance.now());
+		} catch {
+			e = !1;
+		}
+		if (this.#e) {
+			if (e || this.#t) {
+				this.#n = requestAnimationFrame(this.#i);
+				return;
+			}
+			this.#e = !1, this.#n = 0;
+		}
+	};
+}, h = class {
+	#e;
+	#t = new AbortController();
+	#n = !1;
+	#r;
+	#i = 0;
+	#a = 0;
+	#o;
+	#s;
+	#c;
+	constructor({ onDown: e, onMove: t, onUp: n } = {}) {
+		this.#o = typeof e == "function" ? e : void 0, this.#s = typeof t == "function" ? t : void 0, this.#c = typeof n == "function" ? n : void 0;
+	}
+	setRoot(e) {
+		e !== this.#e && (this.#t.abort(), this.#t = new AbortController(), this.#e = e, this.#e && this.#e.addEventListener("pointerdown", this.#l, {
+			passive: !1,
+			signal: this.#t.signal
+		}));
+	}
+	destroy() {
+		this.#t.abort(), this.#d(), this.#e = void 0;
+	}
+	#l = (e) => {
+		if (!this.#o || !this.#e) return;
+		let t = this.#o(e);
+		!t?.accepted || !t?.signal || !Number.isFinite(t.pointerId) || (this.#n = !0, this.#r = t.pointerId, this.#i = e.clientX, this.#a = e.clientY, this.#u(t.signal));
+	};
+	#u(e) {
+		globalThis.addEventListener("pointermove", this.#f, {
+			passive: !1,
+			signal: e
+		}), globalThis.addEventListener("pointerup", this.#p, {
+			passive: !1,
+			signal: e
+		}), globalThis.addEventListener("pointercancel", this.#p, {
+			passive: !1,
+			signal: e
+		}), globalThis.addEventListener("blur", this.#p, {
+			passive: !1,
+			signal: e
+		});
+	}
+	#d() {
+		this.#n = !1, this.#r = void 0;
+	}
+	#f = (e) => {
+		if (!this.#n || !this.#s || e.pointerId !== this.#r) return;
+		let t = e.getCoalescedEvents?.() ?? [e], n = t[t.length - 1], r = performance.now(), i = n.clientX, a = n.clientY;
+		if (i === this.#i && a === this.#a) {
+			e.preventDefault();
+			return;
+		}
+		this.#i = i, this.#a = a, this.#s({
+			pointerId: e.pointerId,
+			x: i,
+			y: a,
+			event: e,
+			now: r
+		}), e.preventDefault();
+	};
+	#p = (e) => {
+		!this.#n || !this.#c || "pointerId" in e && e.pointerId !== this.#r || (this.#c({
+			event: e,
+			pointerId: this.#r,
+			reason: e.type
+		}), this.#d(), e.preventDefault?.());
+	};
+}, g = class {
+	scrolled = !1;
+	now = 0;
+	classOps = /* @__PURE__ */ new Map();
+	styleOps = /* @__PURE__ */ new Map();
+	appendOps = /* @__PURE__ */ new Map();
+	removeOps = /* @__PURE__ */ new Set();
+	fnOps = [];
+	reset(e) {
+		this.now = e, this.scrolled = !1, this.classOps.clear(), this.styleOps.clear(), this.appendOps.clear(), this.removeOps.clear(), this.fnOps.length = 0;
+	}
+	toggleClass(e, t, n) {
+		if (!e || !t || this.removeOps.has(e)) return;
+		let r = this.classOps.get(e);
+		r || (r = /* @__PURE__ */ new Map(), this.classOps.set(e, r)), r.set(t, !!n);
+	}
+	setStyle(e, t, n) {
+		if (!e || !t || this.removeOps.has(e)) return;
+		let r = this.styleOps.get(e);
+		r || (r = /* @__PURE__ */ new Map(), this.styleOps.set(e, r)), r.set(t, n);
+	}
+	append(e, t) {
+		!e || !t || this.removeOps.has(t) || this.appendOps.set(t, e);
+	}
+	remove(e) {
+		e && (this.removeOps.add(e), this.classOps.delete(e), this.styleOps.delete(e), this.appendOps.delete(e));
+	}
+	run(e) {
+		typeof e == "function" && this.fnOps.push(e);
+	}
+	commit() {
+		for (let e of this.removeOps) e?.parentNode?.removeChild?.(e);
+		let e = this.removeOps.size > 0;
+		for (let [t, n] of this.appendOps) (!e || !this.removeOps.has(t)) && n?.appendChild?.(t);
+		for (let [t, n] of this.classOps) if (!e || !this.removeOps.has(t)) for (let [e, r] of n) r ? t?.classList?.add?.(e) : t?.classList?.remove?.(e);
+		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?.();
+	}
+}, _ = class {
+	#e = [];
+	use(e, t) {
+		e && (this.#e.push(e), this.#e.sort((e, t) => (e.order ?? 0) - (t.order ?? 0)), e.onAttach?.(t));
+	}
+	onRootChange(e, t, n) {
+		for (let r of this.#e) r.onRootChange?.(e, t, n);
+	}
+	onDown(e, t) {
+		for (let n of this.#e) n.onDown?.(e, t);
+	}
+	onStart(e) {
+		for (let t of this.#e) t.onStart?.(e);
+	}
+	onMeasure(e) {
+		for (let t of this.#e) t.onMeasure?.(e);
+	}
+	onCompute(e) {
+		for (let t of this.#e) t.onCompute?.(e);
+	}
+	onCommit(e) {
+		for (let t of this.#e) t.onCommit?.(e);
+	}
+	onAfterDrag(e) {
+		let t = !1;
+		for (let n of this.#e) {
+			let r = n.onAfterDrag?.(e);
+			(r === !0 || r?.scrolled) && (t = !0);
+		}
+		return t;
+	}
+	onEnd(e, t) {
+		for (let n of this.#e) n.onEnd?.(e, t);
+	}
+	onDestroy(e, t) {
+		for (let n of this.#e) n.onDestroy?.(e, t);
+	}
+}, v = class {
+	#e;
+	#t;
+	constructor({ store: e, session: t } = {}) {
+		this.#e = e, this.#t = t;
+	}
+	get session() {
+		return this.#t;
+	}
+	get store() {
+		return this.#e;
+	}
+	dispatch(e) {
+		if (!e || !this.#t) return { handled: !1 };
+		switch (e.type) {
+			case "DOWN": {
+				if (this.#t.active) return { handled: !1 };
+				Object.assign(this.#t, {
+					active: !0,
+					started: !1,
+					dirty: !1,
+					pointerId: e.pointerId,
+					startX: e.x,
+					startY: e.y,
+					x: e.x,
+					y: e.y,
+					prevX: e.x,
+					prevY: e.y,
+					dx: 0,
+					dy: 0,
+					namespace: e.namespace,
+					data: e.data,
+					sourceEl: e.sourceEl,
+					handleEl: e.handleEl,
+					originDrop: e.originDrop,
+					currentDrop: void 0,
+					currentDropRect: void 0,
+					isDragScope: !!e.isDragScope,
+					isCopy: !!e.isCopy,
+					mirrorOffsetX: e.mirrorOffsetX ?? 0,
+					mirrorOffsetY: e.mirrorOffsetY ?? 0,
+					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), {
+					handled: !0,
+					accepted: !0,
+					dragAbort: this.#t.dragAbort
+				};
+			}
+			case "MOVE": {
+				if (!this.#t.active || e.pointerId !== this.#t.pointerId) return { handled: !1 };
+				let t = e.x, n = e.y;
+				if (t === this.#t.x && n === this.#t.y) return {
+					handled: !0,
+					moved: !1
+				};
+				this.#t.prevX = this.#t.x, this.#t.prevY = this.#t.y, this.#t.x = t, this.#t.y = n, this.#t.dx = t - this.#t.startX, this.#t.dy = n - this.#t.startY, this.#t.dirty = !0;
+				let r = !1;
+				return this.#t.started || Math.hypot(this.#t.dx, this.#t.dy) >= this.#t.threshold && (this.#t.started = !0, r = !0), {
+					handled: !0,
+					moved: !0,
+					startedNow: r,
+					started: this.#t.started
+				};
+			}
+			case "END": return !this.#t.active || e.pointerId !== void 0 && e.pointerId !== this.#t.pointerId ? { handled: !1 } : {
+				handled: !0,
+				ended: !!this.#t.started,
+				reason: e.reason
+			};
+			default: return { handled: !1 };
+		}
+	}
+	resetSession({ ended: e } = { ended: !1 }) {
+		let t = this.#e, n = this.#t, r = c(t);
+		return r.adapter = n?.adapter, e && (r.suppressNextClick = !0, r.lastDragTs = performance.now()), this.#t = r, r;
+	}
+}, y = class extends e {
+	#e = new AbortController();
+	#t;
+	#n;
+	#r = new p();
+	#i = new g();
+	#a = { selectedByNs: /* @__PURE__ */ new Map() };
+	#o;
+	#s = new _();
+	#c;
+	#l;
+	canDrop = () => !0;
+	renderMirror = void 0;
+	get root() {
+		return this.#t;
+	}
+	get monitor() {
+		return this.#o?.session;
+	}
+	constructor(e = {}) {
+		super(), this.#n = { threshold: e.threshold ?? 3 };
+		let t = c(this.#a);
+		t.threshold = this.#n.threshold, t.adapter = this.#r, this.#o = new v({
+			store: this.#a,
+			session: t
+		}), this.#c = new m(this.#m), this.#l = new h({
+			onDown: this.#d,
+			onMove: this.#f,
+			onUp: this.#p
+		}), this.setRoot(e.root);
+	}
+	use(e) {
+		return e ? (this.#s.use(e, this), this.#t && e.onRootChange?.(this.#t, void 0, this.#e.signal), this) : this;
+	}
+	setRoot(e) {
+		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.#u, {
+			capture: !0,
+			passive: !1,
+			signal: this.#e.signal
+		}));
+	}
+	destroy() {
+		this.#e.abort(), this.#l.destroy(), this.#c.cancel();
+		let e = this.#o.session;
+		e?.active && (this.#s.onEnd(l({
+			dnd: this,
+			session: e,
+			store: this.#a,
+			frame: this.#i,
+			adapter: this.#r
+		}), {
+			ended: !1,
+			reason: "destroy"
+		}), e.dragAbort?.abort()), this.offAll(), this.#s.onDestroy(this, e);
+		let t = this.#o.resetSession({ ended: !1 });
+		t.adapter = this.#r;
+	}
+	#u = (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?.());
+	};
+	#d = (e) => {
+		if (!this.#t || e.button !== 0) return { accepted: !1 };
+		let n = d(e.target, this.#r);
+		if (!n) return { accepted: !1 };
+		let r = this.#r.closestDraggable(n);
+		if (!r) return { accepted: !1 };
+		e.preventDefault(), e.target?.setPointerCapture?.(e.pointerId);
+		let i = this.#r.getNamespace(r), a = this.#r.closestDrop(r), s = r.getBoundingClientRect(), c = o(this.#r.getAttr(r, t.dataAttr));
+		if (!this.#o.dispatch({
+			type: "DOWN",
+			pointerId: e.pointerId,
+			x: e.clientX,
+			y: e.clientY,
+			namespace: i,
+			data: c,
+			sourceEl: r,
+			handleEl: n,
+			originDrop: a,
+			isDragScope: !!this.#r.closestDragScope(r),
+			isCopy: !!this.#r.getAttr(r, t.copyAttr),
+			mirrorOffsetX: e.clientX - s.left,
+			mirrorOffsetY: e.clientY - s.top
+		})?.accepted) return { accepted: !1 };
+		let u = this.#o.session;
+		u.threshold = this.#n.threshold, u.adapter = this.#r, this.#i.reset(performance.now()), this.#r.beginFrame(), u.cache.frameId = this.#r.frameId;
+		let f = l({
+			dnd: this,
+			session: u,
+			store: this.#a,
+			frame: this.#i,
+			adapter: this.#r
+		});
+		return this.#s.onDown(f, e), this.#i.commit(), this.#r.endFrame(), {
+			accepted: !0,
+			pointerId: e.pointerId,
+			signal: u.dragAbort.signal
+		};
+	};
+	#f = ({ pointerId: e, x: t, y: n }) => {
+		let r = this.#o.dispatch({
+			type: "MOVE",
+			pointerId: e,
+			x: t,
+			y: n
+		});
+		if (!r?.handled) return;
+		let i = this.#o.session;
+		if (r.startedNow) {
+			let e = l({
+				dnd: this,
+				session: i,
+				store: this.#a,
+				frame: this.#i,
+				adapter: this.#r
+			});
+			this.#s.onStart(e), this.emit("dragstart", s("dragstart", i));
+		}
+		r.started && this.#c.request();
+	};
+	#p = ({ event: e, pointerId: t, reason: n }) => {
+		let r = this.#o.dispatch({
+			type: "END",
+			pointerId: t,
+			reason: n
+		});
+		if (!r?.handled) return;
+		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 = l({
+			dnd: this,
+			session: i,
+			store: this.#a,
+			frame: this.#i,
+			adapter: this.#r
+		});
+		this.#s.onEnd(o, {
+			ended: a,
+			reason: n || "pointerup"
+		});
+		let c = s(a ? "drop" : "cancel", i);
+		i.dragAbort?.abort(), i.dragAbort = void 0, this.#c.cancel();
+		let u = this.#o.resetSession({ ended: a });
+		u.adapter = this.#r, a ? this.emit("drop", c) : this.emit("cancel", c), e.preventDefault?.();
+	};
+	#m = (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 = l({
+			dnd: this,
+			session: t,
+			store: this.#a,
+			frame: this.#i,
+			adapter: this.#r
+		}), 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;
+	};
+}, b = 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.currentDrop && (t.currentDrop = n, t.cache && (t.cache.dropRectDirty = !0)), !n) {
+			t.currentDropRect = void 0, t.cache && (t.cache.dropRectDirty = !1);
+			return;
+		}
+		(t.cache?.dropRectDirty || !t.currentDropRect) && (t.currentDropRect = e.adapter.measureRect(n), t.cache.dropRectDirty = !1);
+	}
+	onCompute(e) {
+		let t = e.session;
+		if (!t.active || !t.started) return;
+		if (!t.currentDrop) {
+			t.currentAllowed = !1;
+			return;
+		}
+		let n = e.dnd?.canDrop;
+		if (typeof n != "function") {
+			t.currentAllowed = !0;
+			return;
+		}
+		try {
+			t.currentAllowed = !!n(e.payload("drag"));
+		} catch {
+			t.currentAllowed = !1;
+		}
+	}
+	onCommit(e) {
+		let t = e.session;
+		if (!t?.active || !t?.started) return;
+		let r = t.cache ||= {}, i = r._dropClassEl, a = t.currentDrop;
+		f(i) && i !== a && (e.frame.toggleClass(i, n.canDrop, !1), e.frame.toggleClass(i, n.noDrop, !1)), f(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;
+		f(r) && r.classList.remove(n.canDrop, n.noDrop), t.cache && (t.cache._dropClassEl = void 0);
+	}
+	onDestroy(e, t) {
+		this.onEnd({ session: t });
+	}
+}, x = class {
+	order = 0;
+	onStart = (e) => {
+		let r = e?.session;
+		if (!r?.sourceEl || r.mirrorEl || (r.sourceEl.classList.add(n.dragging), r.sourceEl.hasAttribute?.(t.ignoreMirrorAttr))) return;
+		let i = e.adapter.measureRect(r.sourceEl), a = typeof e?.dnd?.renderMirror == "function" ? e.dnd.renderMirror(e) : r.sourceEl.cloneNode(!0);
+		a instanceof HTMLElement && (a.setAttribute(t.ignoreMirrorAttr, ""), a.classList.add(n.mirror), Object.assign(a.style, {
+			width: `${i.width}px`,
+			height: `${i.height}px`,
+			position: "fixed"
+		}), document.body.appendChild(a), r.mirrorEl = a);
+	};
+	onCommit = (e) => {
+		let t = e?.session;
+		if (!(!t?.active || !t.started) && t.mirrorEl) {
+			let n = t.x - (t.mirrorOffsetX || 0), r = t.y - (t.mirrorOffsetY || 0);
+			e.frame.setStyle(t.mirrorEl, "transform", `translate3d(${n}px, ${r}px, 0)`);
+		}
+	};
+	onEnd = (e) => {
+		let t = e?.session;
+		t && (t.mirrorEl &&= (t.mirrorEl.remove(), void 0), t.sourceEl?.classList.remove(n.dragging));
+	};
+	onDestroy = (e, t) => {
+		this.onEnd({ session: t });
+	};
+}, S = /(auto|scroll|overlay)/i;
+function C(e) {
+	if (!(e instanceof HTMLElement)) return !1;
+	let t = getComputedStyle(e), n = S.test(t.overflowY) && e.scrollHeight > e.clientHeight + 1;
+	return S.test(t.overflowX) && e.scrollWidth > e.clientWidth + 1 || n;
+}
+function w(e) {
+	let t = e;
+	for (; t;) {
+		if (C(t)) return t;
+		t = t.parentElement;
+	}
+}
+function T(e, t, n, r) {
+	return e < t + r ? {
+		dir: -1,
+		k: (t + r - e) / r
+	} : e > n - r ? {
+		dir: 1,
+		k: (e - (n - r)) / r
+	} : {
+		dir: 0,
+		k: 0
+	};
+}
+var ee = class {
+	order = 1e4;
+	constructor(e = {}) {
+		this.edge = e.edge ?? 48, this.minSpeed = e.minSpeed ?? 180, this.maxSpeed = e.maxSpeed ?? 600, this.allowWindowScroll = e.allowWindowScroll ?? !0;
+	}
+	onAfterDrag = (e) => {
+		let t = e.session;
+		if (!t.active || !t.started) return !1;
+		let n = t.currentDrop ? w(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 ? {
+			left: 0,
+			top: 0,
+			right: innerWidth,
+			bottom: innerHeight
+		} : e.adapter.measureRect(n), c = t.x, l = t.y, u = T(c, s.left, s.right, this.edge), d = T(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,
+			behavior: "auto"
+		});
+		let _ = h !== n.scrollTop || g !== n.scrollLeft;
+		return _ && e.frame && (e.frame.scrolled = !0), _;
+	};
+	onEnd = (e) => {
+		let t = e?.session;
+		t?.cache && (t.cache.autoScrollLastTs = 0);
+	};
+}, E = {
+	top: n.indicatorTop,
+	right: n.indicatorRight,
+	bottom: n.indicatorBottom,
+	left: n.indicatorLeft
+}, D = Object.values(E), O = new Set([
+	"top",
+	"right",
+	"bottom",
+	"left"
+]);
+function k(e, t, n, r) {
+	f(t) && (e.frame.toggleClass ? e.frame.toggleClass(t, n, !!r) : t.classList.toggle(n, !!r));
+}
+function A(e) {
+	if (!f(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";
+	let o = /* @__PURE__ */ new Set();
+	for (let e of a.split(/[,\s]+/)) {
+		let t = (e || "").trim().toLowerCase();
+		O.has(t) && o.add(t);
+	}
+	return o.size ? o : void 0;
+}
+function j(e) {
+	let t = e.session, r = e.dnd?.root?.ownerDocument || document, i = t.indicatorEl;
+	f(i) || (i = r.createElement("div"), i.classList.add(n.dropIndicator), t.indicatorEl = i);
+	let a = t.currentDrop || e.dnd?.root || r.body;
+	return f(a) && i.parentNode !== a && a.appendChild(i), i;
+}
+function te(e) {
+	if (!e.currentDrop || !e.currentDropRect) return;
+	let t = a(e);
+	if (t.isOverLeft()) return "left";
+	if (t.isOverRight()) return "right";
+	if (t.isOverTop()) return "top";
+	if (t.isOverBottom()) return "bottom";
+}
+function ne(e) {
+	let t = e.session;
+	if (!t.currentDrop) return !1;
+	if (typeof t.currentAllowed == "boolean") return t.currentAllowed;
+	let n = e.dnd?.canDrop;
+	if (typeof n != "function") return !0;
+	try {
+		return !!n(e.payload("drag"));
+	} catch {
+		return !1;
+	}
+}
+var M = class {
+	order = 40;
+	onCommit(e) {
+		let t = e.session;
+		if (!t?.active || !t?.started) return;
+		let r = t.currentDrop, i = A(r);
+		if (!i) {
+			let r = t.indicatorEl;
+			if (f(r)) {
+				k(e, r, n.dropIndicatorActive, !1);
+				for (let t of D) k(e, r, t, !1);
+			}
+			t.indicatorRegion = void 0;
+			return;
+		}
+		let a = j(e), o = ne(e), s = te(t), c = i === "all" || s && i.has(s) ? s : void 0, l = !!(r && t.currentDropRect && o && c);
+		if (k(e, a, n.dropIndicatorActive, l), t.indicatorRegion = l ? c : void 0, l) for (let [t, n] of Object.entries(E)) k(e, a, n, t === c);
+		else for (let t of D) k(e, a, t, !1);
+	}
+	onEnd(e) {
+		let t = e.session;
+		t && (t.lastIndicatorRegion = t.indicatorRegion ?? "inside", f(t.indicatorEl) && t.indicatorEl.remove(), t.indicatorEl = void 0, t.indicatorRegion = void 0);
+	}
+	onDestroy(e, t) {
+		this.onEnd({ session: t });
+	}
+}, N = (e) => {
+	if (!f(e)) return !1;
+	let n = t.ignoreClickAttr, r = `data-${n}`;
+	return !!(e.closest?.(`[${n}], [${r}]`) || e.hasAttribute?.(n) || e.hasAttribute?.(r));
+}, P = "draggable-dot-wrap", F = "draggable-dot", I = "draggable-rotate", L = t.dragScopeAttr, re = `[${L}], [data-${L}]`;
+function ie(e, n = {}) {
+	let { resizable: r = !0, rotatable: i = !0 } = n, a = e.createElement("div");
+	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"],
+		["e", "rm"],
+		["se", "br"],
+		["s", "bm"],
+		["sw", "bl"],
+		["w", "lm"]
+	]) {
+		let i = e.createElement("div");
+		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(I), n.setAttribute(t.handleRotateAttr, ""), n.dataset.dir = "rotate", a.appendChild(n);
+	}
+	return a;
+}
+function R(e) {
+	f(e) && e.querySelector?.(`.${P}`)?.remove();
+}
+function z(e) {
+	if (!f(e)) return;
+	let n = !!e.closest?.(re), r = e.querySelector?.(".draggable-dot-wrap") || null, i = !!r, a = u(e, t.resizableAttr, !0), o = u(e, t.rotatableAttr, !0), s = a || o;
+	if (!n) {
+		i && R(e);
+		return;
+	}
+	if (!s) {
+		i && R(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(ie(e.ownerDocument || document, {
+			resizable: a,
+			rotatable: o
+		}));
+	}
+}
+function B(e, t, r, i) {
+	let a = t.get(i);
+	a && a !== r && (a.classList.remove(n.active), R(a)), r.classList.add(n.active), z(r), t.set(i, r);
+}
+function V(e) {
+	for (let t of e.values()) t?.classList?.remove?.(n.active), R(t);
+	e.clear();
+}
+var H = class {
+	order = -50;
+	#e;
+	onAttach(e) {
+		this.#e = e;
+	}
+	onRootChange(e, t, n) {
+		if (!f(e)) return;
+		let r = this.#e.monitor;
+		e.addEventListener("pointerdown", (e) => {
+			if (e.button !== 0 || N(e.target)) return;
+			let t = r.selectedByNs;
+			if (!t) return;
+			let n = r.adapter.closestDraggable(e.target);
+			if (!n) {
+				V(t);
+				return;
+			}
+			B(null, t, n, r.adapter.getNamespace(n));
+		}, {
+			capture: !0,
+			signal: n
+		});
+	}
+	onDown(e, t) {
+		let r = e?.session;
+		if (!r?.sourceEl || t?.button !== 0 || N(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);
+		o && o !== r.sourceEl && (e.frame.toggleClass(o, n.active, !1), R(o)), e.frame.toggleClass(r.sourceEl, n.active, !0), z(r.sourceEl), i.set(a, r.sourceEl);
+	}
+	onDestroy(e, t) {
+		let n = t?.selectedByNs;
+		n && V(n);
+	}
+};
+//#endregion
+//#region src/services/TransformControllerService.js
+function U(e = 0) {
+	return `${Number.parseInt(String(e), 10) || 0}px`;
+}
+function W(e) {
+	return e * Math.PI / 180;
+}
+function G(e, t) {
+	return Math.sqrt(e * e + t * t);
+}
+function K(e, t) {
+	let n = Math.max(1, Number(t) || 1), r = Math.abs(e) % n, i = e > 0 ? n : -n;
+	return r > n / 2 ? i * Math.ceil(Math.abs(e) / n) : i * Math.floor(Math.abs(e) / n);
+}
+function q(e, t = 1, n) {
+	let r = n.measureRect(e), i = Number(t) || 1;
+	return {
+		bottom: r.bottom / i,
+		height: r.height / i,
+		left: r.left / i,
+		right: r.right / i,
+		top: r.top / i,
+		width: r.width / i
+	};
+}
+var J = {
+	e: "right",
+	n: "top",
+	ne: "top-right",
+	nw: "top-left",
+	s: "bottom",
+	se: "bottom-right",
+	sw: "bottom-left",
+	w: "left"
+}, ae = [
+	"n",
+	"ne",
+	"e",
+	"se",
+	"s",
+	"sw",
+	"w",
+	"nw"
+], oe = {
+	0: 0,
+	1: 1,
+	2: 1,
+	3: 2,
+	4: 3,
+	5: 3,
+	6: 4,
+	7: 5,
+	8: 5,
+	9: 6,
+	10: 7,
+	11: 7
+}, se = {
+	e: 2,
+	n: 0,
+	ne: 1,
+	nw: 7,
+	s: 4,
+	se: 3,
+	sw: 5,
+	w: 6
+};
+function ce(e, t) {
+	let n = oe[Math.floor((e % 360 + 360) % 360 / 30)];
+	return ae[(se[t] + n) % 8];
+}
+function le(e) {
+	let t = e?.querySelector?.(":scope > .draggable-dot-wrap");
+	return t ? [...t.querySelectorAll?.(".draggable-dot") || []] : [];
+}
+function ue(e) {
+	let t = e?.dataset?.dir;
+	return t && J[t] || "right";
+}
+function de(e) {
+	return !!e?.hasAttribute?.(t.handleRotateAttr);
+}
+function fe(e) {
+	return !!e?.hasAttribute?.(t.handleResizeAttr);
+}
+function Y(e) {
+	let t = getComputedStyle(e), n = {};
+	try {
+		n = new DOMMatrixReadOnly(t.transform);
+	} catch {
+		n = new DOMMatrixReadOnly();
+	}
+	let r = n.m41, i = n.m42, a = Number.parseFloat(t.width), o = Number.parseFloat(t.height);
+	if (!Number.isFinite(a) || !Number.isFinite(o)) {
+		let t = e.getBoundingClientRect();
+		a = t.width, o = t.height;
+	}
+	return {
+		angle: -Math.atan2(n.m21, n.m11) * (180 / Math.PI),
+		height: o,
+		width: a,
+		x: r,
+		y: i
+	};
+}
+function X(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 pe(e, t, n) {
+	let { width: r, height: i } = e;
+	return {
+		height: Math.abs(i),
+		width: Math.abs(r),
+		x: t - Math.abs(r) / 2,
+		y: n - Math.abs(i) / 2
+	};
+}
+function me({ centerX: e, centerY: t, width: n, height: r, angle: i }) {
+	return {
+		angle: i,
+		height: r,
+		width: n,
+		x: e - n / 2,
+		y: t - r / 2
+	};
+}
+function he(e, t) {
+	let n = {
+		x: [],
+		y: []
+	}, { width: r = 0, height: i = 0 } = t;
+	return e.forEach((e) => {
+		let { top: t, left: a, width: o, height: s } = e;
+		n.y.push({
+			showTop: t,
+			top: t
+		}), n.y.push({
+			showTop: t,
+			top: t - i
+		}), n.y.push({
+			showTop: t + s / 2,
+			top: t + s / 2 - i / 2
+		}), n.y.push({
+			showTop: t + s,
+			top: t + s
+		}), n.y.push({
+			showTop: t + s,
+			top: t + s - i
+		}), n.x.push({
+			left: a,
+			showLeft: a
+		}), n.x.push({
+			left: a + o,
+			showLeft: a + o
+		}), n.x.push({
+			left: a + o / 2 - r / 2,
+			showLeft: a + o / 2
+		}), n.x.push({
+			left: a + o - r,
+			showLeft: a + o
+		}), n.x.push({
+			left: a - r,
+			showLeft: a
+		});
+	}), n;
+}
+function ge(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 Z(e) {
+	e && (e.style.display = "none");
+}
+function Q(e, t, n) {
+	let r = e + t;
+	return r > n ? e = r : (t = n - e, e = n), {
+		deltaW: t,
+		width: e
+	};
+}
+function $(e, t, n) {
+	let r = e + t;
+	return r > n ? e = r : (t = n - e, e = n), {
+		deltaH: t,
+		height: e
+	};
+}
+function _e(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), [
+		"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} = 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} = Q(s, n, a)), i ? (r = n / i, c = s / i, l += n / 2 * Math.cos(W(d)) - r / 2 * Math.sin(W(d)), u += n / 2 * Math.sin(W(d)) + r / 2 * Math.cos(W(d))) : (l += n / 2 * Math.cos(W(d)), u += n / 2 * Math.sin(W(d)));
+			break;
+		case "top-right":
+			l += n / 2 * Math.cos(W(d)) + r / 2 * Math.sin(W(d)), u += n / 2 * Math.sin(W(d)) - r / 2 * Math.cos(W(d));
+			break;
+		case "bottom-right":
+			l += n / 2 * Math.cos(W(d)) - r / 2 * Math.sin(W(d)), u += n / 2 * Math.sin(W(d)) + r / 2 * Math.cos(W(d));
+			break;
+		case "bottom":
+			({height: c, deltaH: r} = $(c, r, o)), i ? (n = r * i, s = c * i, l += n / 2 * Math.cos(W(d)) - r / 2 * Math.sin(W(d)), u += n / 2 * Math.sin(W(d)) + r / 2 * Math.cos(W(d))) : (l -= r / 2 * Math.sin(W(d)), u += r / 2 * Math.cos(W(d)));
+			break;
+		case "bottom-left":
+			l -= n / 2 * Math.cos(W(d)) + r / 2 * Math.sin(W(d)), u -= n / 2 * Math.sin(W(d)) - r / 2 * Math.cos(W(d));
+			break;
+		case "left":
+			n = -n, {width: s, deltaW: n} = Q(s, n, a), i ? (c = s / i, r = n / i, l -= n / 2 * Math.cos(W(d)) + r / 2 * Math.sin(W(d)), u -= n / 2 * Math.sin(W(d)) - r / 2 * Math.cos(W(d))) : (l -= n / 2 * Math.cos(W(d)), u -= n / 2 * Math.sin(W(d)));
+			break;
+		case "top-left":
+			l -= n / 2 * Math.cos(W(d)) - r / 2 * Math.sin(W(d)), u -= n / 2 * Math.sin(W(d)) + r / 2 * Math.cos(W(d));
+			break;
+		case "top":
+			r = -r, {height: c, deltaH: r} = $(c, r, o), i ? (s = c * i, n = r * i, l += n / 2 * Math.cos(W(d)) + r / 2 * Math.sin(W(d)), u += n / 2 * Math.sin(W(d)) - r / 2 * Math.cos(W(d))) : (l += r / 2 * Math.sin(W(d)), u -= r / 2 * Math.cos(W(d)));
+			break;
+		default: break;
+	}
+	return {
+		position: {
+			centerX: l,
+			centerY: u
+		},
+		size: {
+			height: c * p,
+			width: s * f
+		}
+	};
+}
+var ve = class {
+	order = 25;
+	#e;
+	constructor(e = {}) {
+		this.#e = {
+			resizable: !0,
+			rotatable: !0,
+			boundary: !0,
+			scaleRatio: 1,
+			snapToGrid: !1,
+			gridX: 10,
+			gridY: 10,
+			aspectRatio: void 0,
+			minWidth: 10,
+			minHeight: 10,
+			maxWidth: 0,
+			maxHeight: 0,
+			rotateSnap: !1,
+			rotateStep: 15,
+			snap: !0,
+			snapThreshold: 10,
+			markline: !0,
+			disableMirrorInScope: !0,
+			disableDropIndicatorInScope: !0,
+			canTransform: () => !0,
+			...e
+		};
+	}
+	#t(e, n) {
+		let r = t.scaleRatioAttr || "scale-ratio", i = n?.getAttr?.(e, r) ?? n?.getAttr?.(e, `data-${r}`) ?? e?.getAttribute?.(r) ?? e?.getAttribute?.(`data-${r}`), a = Number.parseFloat(String(i ?? ""));
+		if (Number.isFinite(a) && a > 0) return a;
+		let o = Number(this.#e.scaleRatio);
+		return Number.isFinite(o) && o > 0 ? o : 1;
+	}
+	#n(e) {
+		let t = Number(e?.scaleRatio);
+		if (Number.isFinite(t) && t > 0) return t;
+		let n = Number(this.#e.scaleRatio);
+		return Number.isFinite(n) && n > 0 ? n : 1;
+	}
+	onDown(e) {
+		let t = e?.session;
+		if (!t?.isDragScope || !f(t.sourceEl) || !this.#e.resizable) return;
+		let { angle: n } = Y(t.sourceEl);
+		n && this.#l(t.sourceEl, n);
+	}
+	onStart(e) {
+		let n = e.session;
+		if (!n?.active || !n?.started || !n.isDragScope || !f(n.sourceEl) || typeof this.#e.canTransform == "function" && !this.#e.canTransform(n.sourceEl)) return;
+		let r = "move", i = "", a = this.#e.rotatable && u(n.sourceEl, t.rotatableAttr, !0), o = this.#e.resizable && u(n.sourceEl, t.resizableAttr, !0);
+		de(n.handleEl) && a ? r = "rotate" : fe(n.handleEl) && o && (r = "resize", i = ue(n.handleEl)), this.#e.disableMirrorInScope && this.#p(n), this.#e.disableDropIndicatorInScope && this.#m(n), n.cache.__transform = {
+			phase: 0,
+			type: r,
+			side: i,
+			scaleRatio: void 0,
+			container: void 0,
+			containerRect: void 0,
+			containerRectScaled: void 0,
+			boundary: void 0,
+			start: void 0,
+			data: void 0,
+			center: void 0,
+			rotateOffset: 0,
+			startRect: void 0,
+			viewportCenterOffset: void 0,
+			lines: void 0,
+			guideX: void 0,
+			guideY: void 0,
+			mark: {
+				diffX: 0,
+				diffY: 0,
+				left: void 0,
+				top: void 0
+			},
+			didCompute: !1,
+			lastValidData: void 0,
+			lastAppliedX: void 0,
+			lastAppliedY: void 0,
+			lastAppliedW: void 0,
+			lastAppliedH: void 0,
+			lastAppliedAngle: void 0
+		};
+	}
+	onMeasure(e) {
+		let n = e.session, r = n?.cache?.__transform;
+		if (!n?.active || !n?.started || !n.isDragScope || !r || r.phase !== 0) return;
+		if (!f(n.sourceEl)) {
+			n.cache.__transform = void 0;
+			return;
+		}
+		let i = e.adapter.closestDragScope(n.sourceEl);
+		if (!f(i)) {
+			n.cache.__transform = void 0;
+			return;
+		}
+		let a = this.#t(i, e.adapter), o = Y(n.sourceEl), s = e.adapter.measureRect(i), c = {
+			height: s.height / a,
+			left: s.left / a,
+			top: s.top / a,
+			width: s.width / a
+		};
+		if (r.container = i, r.scaleRatio = a, r.containerRect = s, r.containerRectScaled = c, r.start = { ...o }, r.data = { ...o }, r.center = {
+			x: o.x + o.width / 2,
+			y: o.y + o.height / 2
+		}, this.#e.boundary && (r.boundary = {
+			w: Math.max(0, i.clientWidth),
+			h: Math.max(0, i.clientHeight)
+		}), r.type === "rotate") {
+			let e = (n.x - s.left) / a, t = (n.y - s.top) / a;
+			r.rotateOffset = X(r.center.x, r.center.y, e, t) - r.data.angle;
+		}
+		if (this.#e.snap || this.#e.markline) {
+			let o = q(n.sourceEl, a, e.adapter);
+			r.startRect = o, r.viewportCenterOffset = {
+				x: o.left + o.width / 2 - r.center.x,
+				y: o.top + o.height / 2 - r.center.y
+			};
+			let s = [...i.querySelectorAll?.(`[${t.dragAttr}]`) || []], c = [];
+			for (let t of s) t !== n.sourceEl && f(t) && c.push(q(t, a, e.adapter));
+			if (r.lines = he(c, o), this.#e.markline) {
+				let e = ge(i);
+				r.guideX = e.x, r.guideY = e.y;
+			}
+		}
+		r.phase = 1;
+	}
+	onCompute(e) {
+		let t = e.session, n = t?.cache?.__transform;
+		!t?.active || !t?.started || !t.isDragScope || !n || n.phase !== 1 || f(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 || !f(t.sourceEl)) return;
+		this.#u(e, t.sourceEl, n), 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);
+		let r = e.dnd;
+		if (r?.emit && n?.data) {
+			let i = {
+				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);
+			});
+		}
+		n.didCompute = !1;
+	}
+	onEnd(e, t) {
+		let n = e.session, r = n?.cache?.__transform;
+		r && (Z(r.guideX), Z(r.guideY), t?.ended && f(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 && f(n?.sourceEl) && this.#l(n.sourceEl, r.data?.angle || 0), n.cache.__transform = void 0);
+	}
+	onDestroy(e, t) {
+		let n = t?.cache?.__transform;
+		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;
+		this.#e.snapToGrid && (r = t.start.x + K(r - t.start.x, this.#e.gridX), i = t.start.y + K(i - t.start.y, this.#e.gridY)), t.data = {
+			...t.data,
+			x: r,
+			y: i
+		}, this.#s(t), this.#d(t.data, t.boundary);
+	}
+	#i(e, t) {
+		let n = this.#n(t), r = t.containerRect;
+		if (!r) return;
+		let i = (e.x - r.left) / n, a = (e.y - r.top) / n, o = X(t.center.x, t.center.y, i, a) - (t.rotateOffset ?? 0);
+		if (o = (o % 360 + 360) % 360, this.#e.rotateSnap) {
+			let e = Number(this.#e.rotateStep) || 15;
+			o = Math.round(o / e) * e;
+		}
+		t.data = {
+			...t.data,
+			angle: o
+		};
+	}
+	#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 = G(i, a), c = o - W(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 } } = _e(t.side, d, l, u, r, this.#e.minWidth, this.#e.minHeight), g = me({
+			angle: t.data.angle,
+			centerX: f,
+			centerY: p,
+			height: h,
+			width: m
+		}), _ = {
+			...t.data,
+			...pe(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.#f(v, t.boundary) ? (t.data = v, t.lastValidData = { ...v }) : t.data = t.lastValidData ? { ...t.lastValidData } : { ...t.start }, this.#s(t);
+	}
+	#o(e) {
+		let t = e?.data, n = e?.viewportCenterOffset;
+		if (!t || !n) return e.startRect;
+		let r = W(t.angle || 0), i = Math.cos(r), a = Math.sin(r), o = Math.abs(t.width * i) + Math.abs(t.height * a), s = Math.abs(t.width * a) + Math.abs(t.height * i), c = t.x + t.width / 2 + n.x, l = t.y + t.height / 2 + n.y, u = c - o / 2, d = l - s / 2;
+		return {
+			bottom: d + s,
+			height: s,
+			left: u,
+			right: u + o,
+			top: d,
+			width: o
+		};
+	}
+	#s(e) {
+		if (!this.#e.snap && !this.#e.markline || !e?.lines || !e.containerRectScaled) return;
+		let t = this.#o(e), n = e.lines || {
+			x: [],
+			y: []
+		}, r = {
+			diffX: 0,
+			diffY: 0,
+			left: void 0,
+			top: void 0
+		};
+		for (let i = 0; i < (n.y.length || 0); i++) {
+			let { top: a, showTop: o } = n.y[i], s = a - t.top;
+			if (Math.abs(s) < this.#e.snapThreshold) {
+				r.diffY = s, r.top = o - e.containerRectScaled.top;
+				break;
+			}
+		}
+		for (let i = 0; i < (n.x.length || 0); i++) {
+			let { left: a, showLeft: o } = n.x[i], s = a - t.left;
+			if (Math.abs(s) < this.#e.snapThreshold) {
+				r.diffX = s, r.left = o - e.containerRectScaled.left;
+				break;
+			}
+		}
+		this.#e.snap && (r.diffX && (e.data.x += r.diffX), r.diffY && (e.data.y += r.diffY)), e.mark = r;
+	}
+	#c(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(${U(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, ${U(i.top)})`)));
+	}
+	#l(e, t) {
+		let n = le(e);
+		for (let e of n) {
+			let n = e?.dataset?.dir;
+			n && (e.style.cursor = `${ce(t, n)}-resize`);
+		}
+	}
+	#u(e, t, n) {
+		let r = n.data;
+		n.lastAppliedW !== r.width && (e.frame?.setStyle?.(t, "width", U(r.width)), n.lastAppliedW = r.width), n.lastAppliedH !== r.height && (e.frame?.setStyle?.(t, "height", U(r.height)), n.lastAppliedH = r.height), (n.lastAppliedX !== r.x || n.lastAppliedY !== r.y || n.lastAppliedAngle !== r.angle) && (e.frame?.setStyle?.(t, "transform", `translate(${U(r.x)}, ${U(r.y)}) rotate(${r.angle}deg)`), n.lastAppliedX = r.x, n.lastAppliedY = r.y, n.lastAppliedAngle = r.angle);
+	}
+	#d(e, t) {
+		if (!t) return;
+		let n = W(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)));
+	}
+	#f(e, t) {
+		if (!t) return !0;
+		let n = W(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);
+	}
+	#p(e) {
+		if (e?.mirrorEl) {
+			try {
+				e.mirrorEl.parentNode?.removeChild?.(e.mirrorEl);
+			} catch {}
+			e.mirrorEl = void 0;
+		}
+		if (f(e?.sourceEl)) try {
+			e.sourceEl.style.visibility = "";
+		} catch {}
+	}
+	#m(e) {
+		if (e?.indicatorEl) {
+			try {
+				e.indicatorEl.parentNode?.removeChild?.(e.indicatorEl);
+			} catch {}
+			e.indicatorEl = void 0, e.indicatorRegion = void 0;
+		}
+		e.currentDrop = void 0, e.currentDropRect = void 0, e.currentAllowed = !1;
+	}
+}, ye = {
+	name: "@ptahjs/dnd",
+	version: "0.0.1"
+};
+//#endregion
+export { P as ACTIVE_WRAP_CLASS, H as ActiveSelectionService, ee as AutoScrollService, F as DOT_CLASS, y as Dnd, ye as DndVersion, M as DropIndicatorService, b as DropService, x as MirrorService, I as ROTATE_CLASS, ve as TransformControllerService };