@ptahjs/dnd 0.1.0 → 0.1.2

package/dist/dnd.js

@@ -1,1709 +0,0 @@
-//#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",
-	marquee: "dnd-marquee"
-}, r = .5, i = 1 / 3, a = {
-	MARQUEE_MOVE: 5,
-	DRAG_START: 3
-}, o = {
-	EDGE: 48,
-	MIN_SPEED: 180,
-	MAX_SPEED: 600
-};
-//#endregion
-//#region src/utils/computeDropRegion.js
-function s(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 c(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 l(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 = c(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,
-		...s(n)
-	};
-}
-//#endregion
-//#region src/utils/createSession.js
-function u(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: a.DRAG_START,
-		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 d({ 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 = l(e, t);
-			return a.set(e, n), n;
-		}
-	};
-}
-//#endregion
-//#region src/utils/isToggleEnabled.js
-function f(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) {
-	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);
-	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 m(e) {
-	return e && typeof e == "object" && e.nodeType === 1;
-}
-//#endregion
-//#region src/utils/isIgnoreClick.js
-function h(e) {
-	if (!m(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 {
-	#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;
-		if (!(r && r.contains(o) && (o = r.parentElement ?? null, !o))) for (; o;) {
-			if (this.isDrop(o) && this.getNamespace(o) === a) return o;
-			o = o.parentElement;
-		}
-	}
-}, y = 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;
-		}
-	};
-}, b = 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?.(), n = t?.length ? t[t.length - 1] : e, 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?.());
-	};
-}, ee = 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) && !this.removeOps.has(n)) && 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?.();
-	}
-}, te = 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);
-	}
-}, ne = 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 = u(t);
-		return r.adapter = n?.adapter, e && (r.suppressNextClick = !0, r.lastDragTs = performance.now()), this.#t = r, r;
-	}
-}, re = class extends e {
-	#e = new AbortController();
-	#t;
-	#n;
-	#r = new v();
-	#i = new ee();
-	#a = { selectedByNs: /* @__PURE__ */ new Map() };
-	#o;
-	#s = new te();
-	#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 ?? a.DRAG_START };
-		let t = u(this.#a);
-		t.threshold = this.#n.threshold, t.adapter = this.#r, this.#o = new ne({
-			store: this.#a,
-			session: t
-		}), this.#c = new y(this.#m), this.#l = new b({
-			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(d({
-			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 = p(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), o = r.getBoundingClientRect(), s = c(this.#r.getAttr(r, t.dataAttr));
-		if (!this.#o.dispatch({
-			type: "DOWN",
-			pointerId: e.pointerId,
-			x: e.clientX,
-			y: e.clientY,
-			namespace: i,
-			data: s,
-			sourceEl: r,
-			handleEl: n,
-			originDrop: a,
-			isDragScope: !!this.#r.closestDragScope(r),
-			isCopy: !!this.#r.getAttr(r, t.copyAttr),
-			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({
-			dnd: this,
-			session: l,
-			store: this.#a,
-			frame: this.#i,
-			adapter: this.#r
-		});
-		return this.#s.onDown(u, e), this.#i.commit(), this.#r.endFrame(), {
-			accepted: !0,
-			pointerId: e.pointerId,
-			signal: l.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 = d({
-				dnd: this,
-				session: i,
-				store: this.#a,
-				frame: this.#i,
-				adapter: this.#r
-			});
-			this.#s.onStart(e), this.emit("dragstart", l("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 = d({
-			dnd: this,
-			session: i,
-			store: this.#a,
-			frame: this.#i,
-			adapter: this.#r
-		});
-		this.#s.onEnd(o, {
-			ended: a,
-			reason: n || "pointerup"
-		});
-		let s = l(a ? "drop" : "cancel", i);
-		i.dragAbort?.abort(), i.dragAbort = void 0, this.#c.cancel();
-		let c = this.#o.resetSession({ ended: a });
-		c.adapter = this.#r, a ? this.emit("drop", s) : this.emit("cancel", s), 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 = d({
-			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;
-	};
-}, x = 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);
-		}
-		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;
-		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;
-	}
-	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);
-	}
-	onDestroy(e, t) {
-		this.onEnd({ session: t });
-	}
-}, S = 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 });
-	};
-}, C = /(auto|scroll|overlay)/i;
-function w(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;
-}
-function T(e) {
-	let t = e;
-	for (; t;) {
-		if (w(t)) return t;
-		t = t.parentElement;
-	}
-}
-function E(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 D = 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;
-	}
-	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 ? {
-			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,
-			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);
-	};
-}, O = {
-	top: n.indicatorTop,
-	right: n.indicatorRight,
-	bottom: n.indicatorBottom,
-	left: n.indicatorLeft
-}, k = Object.values(O), ie = 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 ae(e) {
-	if (!m(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();
-		ie.has(t) && o.add(t);
-	}
-	return o.size ? o : void 0;
-}
-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);
-	let a = t.currentDrop || e.dnd?.root || r.body;
-	return m(a) && i.parentNode !== a && a.appendChild(i), i;
-}
-function se(e) {
-	if (!e.currentDrop || !e.currentDropRect) return;
-	let t = s(e);
-	if (t.isOverLeft()) return "left";
-	if (t.isOverRight()) return "right";
-	if (t.isOverTop()) return "top";
-	if (t.isOverBottom()) return "bottom";
-}
-function ce(e) {
-	let t = e.session;
-	return t.currentDrop ? typeof t.currentAllowed == "boolean" ? t.currentAllowed : !0 : !1;
-}
-var le = class {
-	order = 40;
-	onCommit(e) {
-		let t = e.session;
-		if (!t?.active || !t?.started) return;
-		let r = t.currentDrop, i = ae(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);
-			}
-			t.indicatorRegion = void 0;
-			return;
-		}
-		let a = oe(e), o = ce(e), s = se(t), 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);
-	}
-	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);
-	}
-	onDestroy(e, t) {
-		this.onEnd({ session: t });
-	}
-}, j = "draggable-dot-wrap", M = "draggable-dot", N = "draggable-rotate";
-function P(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 [
-		["nw", "tl"],
-		["n", "tm"],
-		["ne", "tr"],
-		["e", "rm"],
-		["se", "br"],
-		["s", "bm"],
-		["sw", "bl"],
-		["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);
-	}
-	if (i) {
-		let n = e.createElement("div");
-		n.classList.add(N), n.setAttribute(t.handleRotateAttr, ""), n.dataset.dir = "rotate", a.appendChild(n);
-	}
-	return a;
-}
-function F(e) {
-	m(e) && e.querySelector?.(`.${j}`)?.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;
-	if (!n) {
-		i && F(e);
-		return;
-	}
-	if (!s) {
-		i && F(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, {
-			resizable: a,
-			rotatable: o
-		}));
-	}
-}
-function L(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);
-}
-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);
-	e.set(r, t);
-}
-function z(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);
-		}
-		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);
-	e.clear();
-}
-var B = class {
-	order = -50;
-	#e;
-	onAttach(e) {
-		this.#e = e;
-	}
-	onRootChange(e, t, n) {
-		if (!m(e)) return;
-		let r = this.#e.monitor;
-		e.addEventListener("pointerdown", (e) => {
-			if (e.button !== 0 || h(e.target)) return;
-			let t = r.selectedByNs;
-			if (!t) return;
-			let n = r.adapter.closestDraggable(e.target);
-			if (!n) {
-				z(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);
-		}, {
-			capture: !0,
-			signal: n
-		});
-	}
-	onDown(e, t) {
-		let r = e?.session;
-		if (!r?.sourceEl || t?.button !== 0 || h(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));
-	}
-	onDestroy(e, t) {
-		let n = t?.selectedByNs;
-		n && z(n);
-	}
-};
-//#endregion
-//#region src/services/MarqueeSelectionService.js
-function V(e, t, n, r) {
-	return {
-		left: Math.min(e, n),
-		right: Math.max(e, n),
-		top: Math.min(t, r),
-		bottom: Math.max(t, r),
-		width: Math.abs(n - e),
-		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;
-}
-var U = class {
-	order = -40;
-	#e;
-	onAttach(e) {
-		this.#e = e;
-	}
-	onRootChange(e, t, n) {
-		m(e) && e.addEventListener("pointerdown", (e) => {
-			if (e.button !== 0 || h(e.target)) return;
-			let t = e.target.closest(_);
-			t && (this.#e.monitor.adapter.closestDraggable(e.target) || this.#t(t, e));
-		}, {
-			capture: !0,
-			signal: n
-		});
-	}
-	#t(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.#n(l, d, e, c);
-			let f = this.#r(e, s, d), p = this.#e.monitor.selectedByNs;
-			p && (z(p, s), f.length > 0 && R(p, f, s));
-		}, f = () => {
-			if (l.remove(), document.removeEventListener("pointermove", d), document.removeEventListener("pointerup", f), !u) {
-				let e = this.#e.monitor.selectedByNs;
-				e && z(e, s);
-			}
-		};
-		document.addEventListener("pointermove", d), document.addEventListener("pointerup", f);
-	}
-	#n(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`;
-	}
-	#r(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);
-		}
-		return o;
-	}
-};
-//#endregion
-//#region src/services/transform/utils/geometry.js
-function W(e = 0) {
-	return `${Number.parseInt(String(e), 10) || 0}px`;
-}
-function G(e) {
-	return e * Math.PI / 180;
-}
-function ue(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
-	};
-}
-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) {
-	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 fe({ 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 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
-	};
-}
-//#endregion
-//#region src/services/transform/utils/cursor.js
-var pe = {
-	e: "right",
-	n: "top",
-	ne: "top-right",
-	nw: "top-left",
-	s: "bottom",
-	se: "bottom-right",
-	sw: "bottom-left",
-	w: "left"
-}, me = [
-	"n",
-	"ne",
-	"e",
-	"se",
-	"s",
-	"sw",
-	"w",
-	"nw"
-], he = {
-	0: 0,
-	1: 1,
-	2: 1,
-	3: 2,
-	4: 3,
-	5: 3,
-	6: 4,
-	7: 5,
-	8: 5,
-	9: 6,
-	10: 7,
-	11: 7
-}, ge = {
-	e: 2,
-	n: 0,
-	ne: 1,
-	nw: 7,
-	s: 4,
-	se: 3,
-	sw: 5,
-	w: 6
-};
-function _e(e, t) {
-	let n = he[Math.floor((e % 360 + 360) % 360 / 30)];
-	return me[(ge[t] + n) % 8];
-}
-//#endregion
-//#region src/services/transform/utils/markline.js
-function ve(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 ye(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) {
-	e && (e.style.display = "none");
-}
-//#endregion
-//#region src/services/transform/utils/resize.js
-function Z(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) {
-	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) {
-	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} = Z(s, n, a), {height: c, deltaH: r} = Q(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)));
-			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));
-			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));
-			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)));
-			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));
-			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)));
-			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));
-			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)));
-			break;
-		default: break;
-	}
-	return {
-		position: {
-			centerX: l,
-			centerY: u
-		},
-		size: {
-			height: c * p,
-			width: s * f
-		}
-	};
-}
-//#endregion
-//#region src/services/transform/utils/handles.js
-function xe(e) {
-	let t = e?.querySelector?.(":scope > .draggable-dot-wrap");
-	return t ? [...t.querySelectorAll?.(".draggable-dot") || []] : [];
-}
-function Se(e) {
-	let t = e?.dataset?.dir;
-	return t && pe[t] || "right";
-}
-function Ce(e) {
-	return !!e?.hasAttribute?.(t.handleRotateAttr);
-}
-function $(e) {
-	return !!e?.hasAttribute?.(t.handleResizeAttr);
-}
-//#endregion
-//#region src/services/TransformControllerService.js
-var we = 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 || !m(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 || !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 (i) return;
-			a = "rotate";
-		} else if ($(n.handleEl) && c) {
-			if (i) return;
-			a = "resize", o = Se(n.handleEl);
-		}
-		this.#e.disableMirrorInScope && this.#m(n), this.#e.disableDropIndicatorInScope && this.#h(n), n.cache.__transform = {
-			phase: 0,
-			type: a,
-			side: o,
-			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,
-			multiSelection: {
-				enabled: i,
-				elements: [],
-				initialTransforms: []
-			}
-		};
-	}
-	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)) {
-			n.cache.__transform = void 0;
-			return;
-		}
-		let i = e.adapter.closestDragScope(n.sourceEl);
-		if (!m(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 = J(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 && m(t) && c.push(q(t, a, e.adapter));
-			if (r.lines = ve(c, o), this.#e.markline) {
-				let e = ye(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)));
-		}
-		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));
-	}
-	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") {
-			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 = {
-					x: o.x + t,
-					y: o.y + r,
-					width: o.width,
-					height: o.height,
-					angle: o.angle
-				};
-				this.#u(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);
-		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 && (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);
-	}
-	onDestroy(e, t) {
-		let n = t?.cache?.__transform;
-		n && (X(n.guideX), X(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.#f(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 = J(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 = ue(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({
-			angle: t.data.angle,
-			centerX: f,
-			centerY: p,
-			height: h,
-			width: m
-		}), _ = {
-			...t.data,
-			...de(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);
-	}
-	#o(e) {
-		let t = e?.data, n = e?.viewportCenterOffset;
-		if (!t || !n) return e.startRect;
-		let r = G(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(${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);
-		for (let e of n) {
-			let n = e?.dataset?.dir;
-			n && (e.style.cursor = `${_e(t, n)}-resize`);
-		}
-	}
-	#u(e, t, n) {
-		e.frame?.setStyle?.(t, "transform", `translate(${W(n.x)}, ${W(n.y)}) rotate(${n.angle}deg)`);
-	}
-	#d(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);
-	}
-	#f(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) {
-		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);
-	}
-	#m(e) {
-		if (e?.mirrorEl) {
-			try {
-				e.mirrorEl.parentNode?.removeChild?.(e.mirrorEl);
-			} catch {}
-			e.mirrorEl = void 0;
-		}
-		if (m(e?.sourceEl)) try {
-			e.sourceEl.style.visibility = "";
-		} catch {}
-	}
-	#h(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;
-	}
-}, Te = {
-	name: "@ptahjs/dnd",
-	version: "0.0.4"
-};
-//#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 };