vue-data-ui 3.23.13 → 3.24.0

package/dist/vue-ui-label-aHnVFvfK.js

@@ -0,0 +1,1455 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { q as t, wt as n, x as r } from "./lib-DfMn_3jf.js";
+import { t as i } from "./useConfig-BtJSJ6AK.js";
+import { t as a } from "./useNestedProp-CLEe1P5W.js";
+import { t as o } from "./useThemeCheck-C43Tcqmk.js";
+import { t as s } from "./Shape-BV_BCG2F.js";
+import { t as c } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as l } from "./vue_ui_label-B0QoxQrJ.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as ee, getCurrentInstance as te, guardReactiveProps as ne, nextTick as h, normalizeClass as re, normalizeProps as ie, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, openBlock as g, ref as _, renderList as ce, renderSlot as le, toDisplayString as ue, unref as de, useTemplateRef as v, watch as fe, withModifiers as pe } from "vue";
+//#region src/components/vue-ui-label.vue
+var me = /* @__PURE__ */ e({ default: () => D }), he = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], ge = [
+	"cx",
+	"cy",
+	"r",
+	"fill",
+	"stroke",
+	"stroke-width"
+], _e = [
+	"id",
+	"data-position",
+	"data-overflow",
+	"data-overlap",
+	"data-target-x",
+	"data-target-y",
+	"data-box-position-x",
+	"data-box-position-y",
+	"data-link-length",
+	"data-box-show",
+	"data-box-max-width",
+	"data-box-padding-top",
+	"data-box-padding-right",
+	"data-box-padding-bottom",
+	"data-box-padding-left",
+	"data-drag-enabled",
+	"data-drag-handle-position",
+	"data-drag-handle-size"
+], ve = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx",
+	"fill",
+	"stroke",
+	"stroke-width"
+], ye = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx",
+	"aria-label"
+], be = [
+	"font-size",
+	"font-weight",
+	"text-anchor",
+	"fill"
+], xe = ["x", "y"], Se = [
+	"font-size",
+	"font-weight",
+	"text-anchor",
+	"fill"
+], Ce = ["x", "y"], we = ["aria-label"], Te = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Ee = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], De = [
+	"d",
+	"stroke",
+	"stroke-width"
+], Oe = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"opacity"
+], ke = 8, y = 4, Ae = 12, je = 24, Me = 1, Ne = 10, b = "__vueUiLabelLayoutOrder", Pe = "__vueUiLabelNextLayoutOrder", x = "__vueUiLabelLayoutRaf", Fe = "__vueUiLabelSetLayoutRect", Ie = "__vueUiLabelMeasureElement", Le = "__vueUiLabelEmitDragEnd", S = "__vueUiLabelPersistedOffset", C = "__vueUiLabelDragRequestedOffset", w = "__vueUiLabelDragging", Re = "__vueUiLabelDragPriority", ze = "__vueUiLabelNextDragPriority", Be = "__vueUiLabelLastLayoutRect", T = "__vueUiLabelLastLayoutOffset", E = "__vueUiLabelDisplacedLabels", D = /*#__PURE__*/ c({
+	__name: "vue-ui-label",
+	props: {
+		dataset: {
+			type: Object,
+			default() {
+				return {
+					x: null,
+					y: null,
+					position: {
+						x: null,
+						y: null
+					}
+				};
+			}
+		},
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		}
+	},
+	emits: [
+		"dragStart",
+		"drag",
+		"dragEnd",
+		"click",
+		"mouseenter",
+		"mouseleave",
+		"focus",
+		"blur"
+	],
+	setup(e, { expose: c, emit: me }) {
+		let D = e, O = me, { vue_ui_label: Ve } = i(), { isThemeValid: He, warnInvalidTheme: Ue } = o();
+		function We() {
+			let e = a({
+				userConfig: D.config,
+				defaultConfig: Ve
+			}), t = {}, n = e.theme;
+			return n ? He.value(e) ? t = a({
+				userConfig: l[n] || D.config,
+				defaultConfig: e
+			}) : (Ue(e), t = e) : t = e, t;
+		}
+		let k = d(() => We()), Ge = te(), Ke = t(), A = v("wrapperRef"), j = v("labelRef"), qe = v("contentRef"), Je = v("boxRef"), Ye = v("titleTextRef"), Xe = v("contentTextRef"), M = _(null), N = _(null), P = _(null), F = _({
+			x: 0,
+			y: 0
+		}), Ze = _(!1), I = _(!1), Qe = _("pointer"), $e = d(() => k.value.title.fontSize), et = d(() => k.value.title.lineHeight), tt = d(() => k.value.content.fontSize), nt = d(() => k.value.content.lineHeight), rt = d(() => k.value.title.gap), it = d(() => k.value.drag.handleWidth), at = d(() => k.value.collisionGap), ot = null, st = null, L = null, R = {
+			inputType: null,
+			touchId: null,
+			startPointer: null,
+			startOffset: null,
+			lastRequestedOffset: null
+		}, ct = d(() => ({
+			x: D.dataset?.x ?? null,
+			y: D.dataset?.y ?? null
+		})), z = d(() => n(ct.value.x) && n(ct.value.y)), B = d(() => Number(ct.value.x)), V = d(() => Number(ct.value.y)), H = d(() => k.value.link), U = d(() => k.value.box), lt = d(() => k.value.drag), W = d(() => k.value.title.marker), ut = d(() => k.value.overlap === !0), G = d(() => lt.value?.enable === !0), dt = d(() => !!(Ge?.vnode?.props ?? {}).onClick), ft = d(() => dt.value), pt = d(() => [String(k.value.title?.text ?? "").trim(), String(k.value.content?.text ?? "").trim()].filter(Boolean).join(", ") || "Label"), mt = d(() => `Move ${pt.value}`), ht = `label_${Ke}_drag_instructions`, gt = d(() => k.value.a11y.translations.keyboardNavigation), _t = d(() => n(lt.value?.iconSize) ? Math.max(0, Number(lt.value.iconSize)) : 0), vt = d(() => _t.value * .15), yt = d(() => {
+			let e = lt.value?.handlePosition;
+			return [
+				"left",
+				"right",
+				"top",
+				"bottom"
+			].includes(e) ? e : "left";
+		}), bt = d(() => {
+			let e = D.dataset?.position;
+			return !e || !n(e.x) || !n(e.y) ? null : {
+				x: Number(e.x),
+				y: Number(e.y)
+			};
+		}), xt = d(() => Ze.value ? null : bt.value), St = d(() => n(H.value.length) ? Math.max(0, Number(H.value.length)) : ke), Ct = d(() => Un(k.value.title.textAlign)), wt = d(() => Un(k.value.content.textAlign)), Tt = d(() => Wn(Ct.value)), Et = d(() => Wn(wt.value)), Dt = d(() => W.value?.color !== null && W.value?.color !== void 0 && String(k.value.title.text ?? "") !== ""), Ot = d(() => Dt.value && n(W.value?.size) ? Math.max(0, Number(W.value.size)) : 0), kt = d(() => Ot.value / 2), At = d(() => W.value?.beforeText !== !1), jt = d(() => Dt.value && Ot.value > 0 ? 6 : 0), Mt = d(() => Ot.value > 0 ? Ot.value + jt.value : 0), K = d(() => {
+			let e = U.value.padding ?? {};
+			return {
+				top: n(e.top) ? Math.max(0, Number(e.top)) : 0,
+				right: n(e.right) ? Math.max(0, Number(e.right)) : 0,
+				bottom: n(e.bottom) ? Math.max(0, Number(e.bottom)) : 0,
+				left: n(e.left) ? Math.max(0, Number(e.left)) : 0
+			};
+		}), Nt = d(() => n(U.value.borderWidth) ? Math.max(0, Number(U.value.borderWidth)) : 0), Pt = d(() => n(U.value.borderRadius) ? Math.max(0, Number(U.value.borderRadius)) : 0), q = d(() => n(U.value.maxWidth) ? Math.max(0, Number(U.value.maxWidth)) : null), Ft = d(() => G.value && U.value.show ? it.value : 0), It = d(() => ["left", "right"].includes(yt.value)), Lt = d(() => {
+			if (!U.value.show || !n(q.value) || q.value <= 0) return null;
+			let e = It.value ? Ft.value : 0;
+			return Math.max(1, q.value - K.value.left - K.value.right - e);
+		}), Rt = d(() => Lt.value ? Math.max(1, Lt.value - Mt.value) : null), J = d(() => {
+			if (!U.value.show || !P.value) return null;
+			let e = Nt.value / 2, t = Math.max(0, P.value.width - Nt.value), n = Math.max(0, P.value.height - Nt.value);
+			return {
+				x: P.value.x + e,
+				y: P.value.y + e,
+				width: t,
+				height: n,
+				rx: Math.min(Pt.value, t / 2, n / 2)
+			};
+		}), zt = d(() => {
+			if (!G.value || !J.value) return null;
+			let e = yt.value, t = ["left", "right"].includes(e), n = Math.min(it.value, Math.max(0, t ? J.value.width : J.value.height));
+			if (n <= 0 || J.value.width <= 0 || J.value.height <= 0) return null;
+			let r = J.value.x, i = J.value.y, a = J.value.width, o = J.value.height, s = "", c = "";
+			if (e === "left" || e === "right") {
+				a = n, r = e === "left" ? J.value.x : J.value.x + J.value.width - n;
+				let t = e === "left" ? r + n : r, l = r + n / 2, u = i + o / 2;
+				s = `
+            M ${t} ${i}
+            V ${i + o}
+        `;
+				let d = _t.value, f = vt.value / 2, p = Math.max(0, d / 2 - f), m = d * .14;
+				c = [
+					-.7,
+					0,
+					.7
+				].flatMap((e) => {
+					let t = u + p * e;
+					return [`M ${l - m} ${t} h 0`, `M ${l + m} ${t} h 0`];
+				}).join(" ");
+			} else {
+				o = n, i = e === "top" ? J.value.y : J.value.y + J.value.height - n;
+				let t = e === "top" ? i + n : i, l = r + a / 2, u = i + n / 2;
+				s = `
+            M ${r} ${t}
+            H ${r + a}
+        `;
+				let d = _t.value, f = vt.value / 2, p = Math.max(0, d / 2 - f), m = d * .14;
+				c = [
+					-.7,
+					0,
+					.7
+				].flatMap((e) => {
+					let t = l + p * e;
+					return [`M ${t} ${u - m} h 0`, `M ${t} ${u + m} h 0`];
+				}).join(" ");
+			}
+			return {
+				x: r,
+				y: i,
+				width: a,
+				height: o,
+				separatorPath: s,
+				gripPath: c,
+				position: e
+			};
+		}), Y = d(() => {
+			let e = zt.value;
+			if (!e) return null;
+			let t = Math.max(je, e.width), n = Math.max(je, e.height), r = e.x, i = e.y;
+			return e.position === "left" ? r = e.x + e.width - t : e.position === "top" && (i = e.y + e.height - n), e.position === "left" || e.position === "right" ? i = e.y + e.height / 2 - n / 2 : r = e.x + e.width / 2 - t / 2, {
+				x: r,
+				y: i,
+				width: t,
+				height: n
+			};
+		}), X = d(() => {
+			if (!ft.value) return null;
+			let e = null;
+			if (J.value ? e = { ...J.value } : N.value && (e = {
+				x: N.value.x - F.value.x,
+				y: N.value.y - F.value.y,
+				width: N.value.width,
+				height: N.value.height,
+				rx: 0
+			}), !e) return null;
+			let t = zt.value;
+			return t && (t.position === "left" ? (e.x += t.width, e.width -= t.width) : t.position === "right" ? e.width -= t.width : (t.position === "top" && (e.y += t.height), e.height -= t.height)), e.width <= 0 || e.height <= 0 ? null : e;
+		}), Z = _(Kn(k.value.title.text)), Bt = _(Kn(k.value.content.text)), Vt = _(0), Ht = _(0), Ut = _(0), Wt = d(() => Vt.value + Mt.value), Gt = d(() => B.value - Ut.value / 2), Kt = d(() => B.value + Ut.value / 2), qt = d(() => Ct.value === "left" ? Gt.value : Ct.value === "right" ? Kt.value - Wt.value : B.value - Wt.value / 2), Jt = d(() => {
+			let e = qt.value + (At.value ? Mt.value : 0);
+			return Ct.value === "left" ? e : Ct.value === "right" ? e + Vt.value : e + Vt.value / 2;
+		}), Yt = d(() => !Dt.value || kt.value <= 0 ? null : {
+			x: At.value ? qt.value + kt.value : qt.value + Vt.value + jt.value + kt.value,
+			y: V.value - $e.value * .35 + W.value.offsetY
+		}), Xt = d(() => Gn(wt.value)), Zt = d(() => Z.value.length ? V.value + Z.value.length * et.value + rt.value : V.value), Qt = d(() => {
+			if (!H.value.show || !z.value || !N.value) return null;
+			let e = N.value, t = B.value, n = V.value, i = e.x + e.width / 2, a = e.y + e.height / 2, o = i - t, s = a - n, c, l, u, d = U.value.show ? Math.min(Pt.value, e.width / 2, e.height / 2) : 0, f = Math.abs(i - t) < .001, p = Math.abs(a - n) < .001;
+			return Math.abs(o) >= Math.abs(s) ? (o >= 0 ? (u = "left", c = e.x) : (u = "right", c = e.x + e.width), l = p ? a : r(n, e.y + d, e.y + e.height - d)) : (s >= 0 ? (u = "top", l = e.y) : (u = "bottom", l = e.y + e.height), c = f ? i : r(t, e.x + d, e.x + e.width - d)), {
+				d: `M ${t} ${n} L ${c} ${l}`,
+				side: u,
+				start: {
+					x: t,
+					y: n
+				},
+				end: {
+					x: c,
+					y: l
+				}
+			};
+		});
+		function $t(e, t) {
+			let n = M.value;
+			if (!n?.createSVGPoint || !Number.isFinite(e) || !Number.isFinite(t)) return null;
+			let r = n.getScreenCTM?.();
+			if (!r) return null;
+			let i = n.createSVGPoint();
+			i.x = e, i.y = t;
+			try {
+				let e = i.matrixTransform(r.inverse());
+				return !Number.isFinite(e.x) || !Number.isFinite(e.y) ? null : {
+					x: e.x,
+					y: e.y
+				};
+			} catch {
+				return null;
+			}
+		}
+		function en(e = F.value) {
+			return {
+				dataset: D.dataset,
+				offset: {
+					x: Number(e?.x) || 0,
+					y: Number(e?.y) || 0
+				},
+				rect: N.value ? { ...N.value } : null
+			};
+		}
+		function tn(e) {
+			let t = M.value;
+			!t || !e || (Number.isFinite(t[ze]) || (t[ze] = 0), t[ze] += 1, e[Re] = t[ze]);
+		}
+		function nn() {
+			window.addEventListener("mousemove", gn, !0), window.addEventListener("mouseup", _n, !0);
+		}
+		function rn() {
+			window.removeEventListener("mousemove", gn, !0), window.removeEventListener("mouseup", _n, !0);
+		}
+		function an() {
+			window.addEventListener("touchmove", yn, {
+				capture: !0,
+				passive: !1
+			}), window.addEventListener("touchend", bn, !0), window.addEventListener("touchcancel", xn, !0);
+		}
+		function on() {
+			window.removeEventListener("touchmove", yn, !0), window.removeEventListener("touchend", bn, !0), window.removeEventListener("touchcancel", xn, !0);
+		}
+		function sn() {
+			rn(), on();
+		}
+		function cn({ event: e, inputType: t, touchId: n = null, pointer: r }) {
+			if (I.value || !G.value || !j.value || !M.value || !r) return;
+			e.preventDefault(), e.stopPropagation();
+			let i = j.value, a = {
+				x: Number(F.value?.x) || 0,
+				y: Number(F.value?.y) || 0
+			};
+			R.inputType = t, R.touchId = n, R.startPointer = r, R.startOffset = a, R.lastRequestedOffset = a, I.value = !0, i[w] = !0, i[S] = { ...a }, i[C] = { ...a }, M.value[E] = /* @__PURE__ */ new Map(), tn(i), t === "mouse" ? nn() : an(), O("dragStart", en(a));
+		}
+		function ln(e) {
+			e.button === 0 && cn({
+				event: e,
+				inputType: "mouse",
+				pointer: $t(e.clientX, e.clientY)
+			});
+		}
+		function un(e) {
+			let t = e.changedTouches?.[0] ?? e.touches?.[0];
+			t && cn({
+				event: e,
+				inputType: "touch",
+				touchId: t.identifier,
+				pointer: $t(t.clientX, t.clientY)
+			});
+		}
+		function dn() {
+			if (L || typeof document > "u") return L;
+			let e = document.createElement("div");
+			return e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), e.style.position = "fixed", e.style.width = "1px", e.style.height = "1px", e.style.padding = "0", e.style.margin = "-1px", e.style.overflow = "hidden", e.style.clip = "rect(0, 0, 0, 0)", e.style.whiteSpace = "nowrap", e.style.border = "0", document.body.append(e), L = e, L;
+		}
+		function fn(e) {
+			let t = dn();
+			if (!t) return;
+			let n = Number(e?.x) || 0, r = Number(e?.y) || 0, i = (e) => Number.isInteger(e) ? String(e) : e.toFixed(2);
+			t.textContent = "", requestAnimationFrame(() => {
+				L && (L.textContent = `${pt.value} moved to x ${i(n)}, y ${i(r)}.`);
+			});
+		}
+		function pn(e, t) {
+			let n = j.value, r = M.value;
+			if (I.value || !G.value || !n || !r?.isConnected) return;
+			let i = {
+				x: Number(F.value?.x) || 0,
+				y: Number(F.value?.y) || 0
+			}, a = {
+				x: i.x + e,
+				y: i.y + t
+			};
+			R.inputType = "keyboard", R.touchId = null, R.startPointer = null, R.startOffset = i, R.lastRequestedOffset = a, I.value = !0, n[w] = !0, n[S] = { ...i }, n[C] = { ...a }, r[E] = /* @__PURE__ */ new Map(), tn(n), O("dragStart", en(i)), O("drag", en(a)), wr(r), Sn();
+		}
+		function mn(e) {
+			if (!G.value) return;
+			let t = {
+				ArrowUp: [0, -1],
+				ArrowDown: [0, 1],
+				ArrowLeft: [-1, 0],
+				ArrowRight: [1, 0]
+			}[e.key];
+			if (!t) return;
+			e.preventDefault(), e.stopPropagation();
+			let n = e.shiftKey ? Ne : Me;
+			pn(t[0] * n, t[1] * n);
+		}
+		function hn(e, t = null) {
+			if (!I.value || !R.startPointer || !R.startOffset || !j.value || !e) return;
+			t?.cancelable && t.preventDefault();
+			let n = {
+				x: R.startOffset.x + (e.x - R.startPointer.x),
+				y: R.startOffset.y + (e.y - R.startPointer.y)
+			};
+			R.lastRequestedOffset = n, j.value[C] = { ...n }, $(M.value), O("drag", en(n));
+		}
+		function gn(e) {
+			!I.value || R.inputType !== "mouse" || hn($t(e.clientX, e.clientY), e);
+		}
+		function _n(e) {
+			!I.value || R.inputType !== "mouse" || Sn(e);
+		}
+		function vn(e) {
+			if (!e || R.touchId === null) return null;
+			for (let t of e) if (t.identifier === R.touchId) return t;
+			return null;
+		}
+		function yn(e) {
+			if (!I.value || R.inputType !== "touch") return;
+			let t = vn(e.touches);
+			t && hn($t(t.clientX, t.clientY), e);
+		}
+		function bn(e) {
+			!I.value || R.inputType !== "touch" || vn(e.changedTouches) && Sn(e);
+		}
+		function xn(e) {
+			!I.value || R.inputType !== "touch" || vn(e.changedTouches) && Sn(e);
+		}
+		function Sn(e = null) {
+			if (!I.value) return;
+			e?.cancelable && e.preventDefault();
+			let t = j.value, n = M.value, r = R.inputType;
+			n?.[x] && (cancelAnimationFrame(n[x]), n[x] = null), n?.isConnected && t && wr(n);
+			let i = t ? pr(t) ?? {
+				x: Number(F.value?.x) || 0,
+				y: Number(F.value?.y) || 0
+			} : {
+				x: Number(F.value?.x) || 0,
+				y: Number(F.value?.y) || 0
+			}, a = N.value ? {
+				x: N.value.x,
+				y: N.value.y
+			} : P.value ? {
+				x: P.value.x + i.x,
+				y: P.value.y + i.y
+			} : {
+				x: B.value + i.x,
+				y: V.value + i.y
+			}, o = Sr(n, t);
+			t && (t[S] = {
+				x: i.x,
+				y: i.y
+			}, t[w] = !1, delete t[C]), F.value = {
+				x: i.x,
+				y: i.y
+			}, sn(), I.value = !1, R.inputType = null, R.touchId = null, R.startPointer = null, R.startOffset = null, R.lastRequestedOffset = null, requestAnimationFrame(() => {
+				r !== "keyboard" && In(), O("dragEnd", wn(a)), r === "keyboard" && fn(a);
+				for (let e of o) e.emitDragEnd(e.position);
+			});
+		}
+		function Cn(e = F.value) {
+			return N.value ? {
+				x: N.value.x,
+				y: N.value.y
+			} : P.value ? {
+				x: P.value.x + (Number(e?.x) || 0),
+				y: P.value.y + (Number(e?.y) || 0)
+			} : {
+				x: B.value + (Number(e?.x) || 0),
+				y: V.value + (Number(e?.y) || 0)
+			};
+		}
+		function wn(e = Cn()) {
+			return {
+				...D.dataset,
+				position: {
+					x: Number(e?.x) || 0,
+					y: Number(e?.y) || 0
+				}
+			};
+		}
+		function Tn(e) {
+			O(e, wn());
+		}
+		function En() {
+			In(), Tn("mouseenter");
+		}
+		function Dn() {
+			Tn("mouseleave");
+		}
+		function On() {
+			if (Qe.value !== "pointer") return;
+			let e = document.activeElement;
+			(e === j.value || e === A.value) && e.blur?.();
+		}
+		function kn() {
+			In(), On(), Tn("click");
+		}
+		function An() {
+			Qe.value = "keyboard";
+		}
+		function jn() {
+			Qe.value = "pointer";
+		}
+		function Mn() {
+			Qe.value = "pointer";
+			let e = document.activeElement, t = A.value;
+			t && e && t.contains(e) && typeof e.blur == "function" && e.blur();
+		}
+		function Nn(e) {
+			ft.value && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), Tn("click"));
+		}
+		function Pn(e) {
+			let t = A.value;
+			!t || t.contains(e.relatedTarget) || Tn("focus");
+		}
+		function Fn(e) {
+			let t = A.value;
+			!t || t.contains(e.relatedTarget) || Tn("blur");
+		}
+		function In() {
+			if (I.value || !A.value) return;
+			let e = A.value, t = e.parentElement;
+			!t || t.lastElementChild === e || t.appendChild(e);
+		}
+		function Ln(e) {
+			let t = e.viewBox?.baseVal;
+			if (t?.width > 0 && t?.height > 0) return {
+				x: t.x,
+				y: t.y,
+				width: t.width,
+				height: t.height
+			};
+			let n = e.getBoundingClientRect();
+			return {
+				x: 0,
+				y: 0,
+				width: e.clientWidth || n.width,
+				height: e.clientHeight || n.height
+			};
+		}
+		function Rn(e) {
+			return {
+				x: e.x,
+				y: e.y,
+				width: e.width,
+				height: e.height
+			};
+		}
+		function zn(e, { top: t = 0, right: n = 0, bottom: r = 0, left: i = 0 } = {}) {
+			return {
+				x: e.x - i,
+				y: e.y - t,
+				width: e.width + i + n,
+				height: e.height + t + r
+			};
+		}
+		function Q(e, t) {
+			return {
+				x: e.x + t.x,
+				y: e.y + t.y,
+				width: e.width,
+				height: e.height
+			};
+		}
+		function Bn(e, t, n = 0) {
+			return e.x < t.x + t.width + n && e.x + e.width + n > t.x && e.y < t.y + t.height + n && e.y + e.height + n > t.y;
+		}
+		function Vn(e, t) {
+			return Math.max(0, Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)) * Math.max(0, Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y));
+		}
+		function Hn(e, t, n = 0) {
+			return e.x >= t.x + n && e.y >= t.y + n && e.x + e.width <= t.x + t.width - n && e.y + e.height <= t.y + t.height - n;
+		}
+		function Un(e) {
+			return [
+				"left",
+				"center",
+				"right"
+			].includes(e) ? e : "center";
+		}
+		function Wn(e) {
+			return e === "left" ? "start" : e === "right" ? "end" : "middle";
+		}
+		function Gn(e) {
+			return e === "left" ? Gt.value : e === "right" ? Kt.value : B.value;
+		}
+		function Kn(e) {
+			return e ? String(e).split(/\r?\n/) : [];
+		}
+		function qn(e, t) {
+			let n = String(e ?? "");
+			if (!n) return 0;
+			let r = Number(t?.getAttribute?.("font-size"));
+			if (!Number.isFinite(r) || r <= 0) try {
+				r = Number.parseFloat(window.getComputedStyle(t).fontSize);
+			} catch {
+				r = 0;
+			}
+			return (!Number.isFinite(r) || r <= 0) && (r = 12), Array.from(n).reduce((e, t) => {
+				if (/\s/u.test(t)) return e + r * .33;
+				if (/[ilI1.,'`:;|!]/u.test(t)) return e + r * .3;
+				if (/[MW@#%&]/u.test(t)) return e + r * .9;
+				let n = t.codePointAt(0) ?? 0;
+				return e + r * (n >= 4352 && n <= 4607 || n >= 11904 && n <= 40959 || n >= 44032 && n <= 55215 || n >= 63744 && n <= 64255 || n >= 127744 && n <= 129791 ? 1 : .56);
+			}, 0);
+		}
+		function Jn(e, t = "", n = null) {
+			if (!e) return qn(t, n);
+			try {
+				let t = e.getComputedTextLength?.();
+				if (Number.isFinite(t) && t > 0) return t;
+			} catch {}
+			try {
+				let t = e.getBBox?.().width;
+				if (Number.isFinite(t) && t > 0) return t;
+			} catch {}
+			try {
+				let t = e.getBoundingClientRect?.().width, n = e.getScreenCTM?.(), r = n ? Math.hypot(n.a, n.b) : 0;
+				if (Number.isFinite(t) && t > 0 && Number.isFinite(r) && r > 0) return t / r;
+			} catch {}
+			return qn(t, n);
+		}
+		function Yn(e) {
+			if (!e?.isConnected) return null;
+			let t = e.parentNode;
+			if (!t) return null;
+			let n = e.cloneNode(!1);
+			return n.removeAttribute("id"), n.setAttribute("opacity", "0"), n.setAttribute("pointer-events", "none"), n.setAttribute("text-anchor", "start"), n.setAttribute("x", "0"), n.setAttribute("y", "0"), n.setAttribute("aria-hidden", "true"), t.append(n), {
+				measure(t) {
+					let r = String(t ?? "");
+					return r ? (n.textContent = r, Jn(n, r, e)) : 0;
+				},
+				destroy() {
+					n.remove();
+				}
+			};
+		}
+		function Xn(e, t, n) {
+			if (!e) return [""];
+			if (n(e) <= t) return [e];
+			let r = [], i = "";
+			for (let a of Array.from(e)) {
+				let e = i + a;
+				i && n(e) > t ? (r.push(i), i = a) : i = e;
+			}
+			return i && r.push(i), r.length ? r : [e];
+		}
+		function Zn(e, t, n) {
+			if (e === "") return [""];
+			if (n(e) <= t) return [e];
+			let r = e.trim().split(/\s+/).filter(Boolean);
+			if (!r.length) return [""];
+			let i = [], a = "";
+			for (let e of r) {
+				let r = Xn(e, t, n);
+				for (let e of r) {
+					let r = a ? `${a} ${e}` : e;
+					if (!a || n(r) <= t) {
+						a = r;
+						continue;
+					}
+					i.push(a), a = e;
+				}
+			}
+			return a && i.push(a), i.length ? i : [""];
+		}
+		function Qn(e, t, r) {
+			let i = Kn(e);
+			if (!i.length || !n(t) || t <= 0) return i;
+			let a = Yn(r);
+			if (!a) return i;
+			try {
+				return i.flatMap((e) => Zn(e, t, a.measure));
+			} finally {
+				a.destroy();
+			}
+		}
+		function $n(e, t) {
+			if (!e.length) return 0;
+			let n = Yn(t);
+			if (!n) return 0;
+			try {
+				return e.reduce((e, t) => Math.max(e, n.measure(t)), 0);
+			} finally {
+				n.destroy();
+			}
+		}
+		function er(e) {
+			if (!e) return 0;
+			let t = Array.from(e.querySelectorAll("tspan"));
+			return t.length ? t.reduce((t, n) => Math.max(t, Jn(n, n.textContent ?? "", e)), 0) : Jn(e, e.textContent ?? "", e);
+		}
+		function tr(e, t, r) {
+			if (!n(e) || !n(t) || !n(r) || e <= 0 || t <= r) return e;
+			let i = r / t;
+			return Math.max(1, e * i * .985);
+		}
+		function nr() {
+			let e = er(Ye.value), t = er(Xe.value);
+			Vt.value = e || $n(Z.value, Ye.value), Ht.value = t || $n(Bt.value, Xe.value), Ut.value = Math.max(Vt.value + Mt.value, Ht.value, 0);
+		}
+		async function rr() {
+			await h();
+			let e = Lt.value;
+			if (!e) {
+				Z.value = Kn(k.value.title.text), Bt.value = Kn(k.value.content.text), await h(), nr(), await h(), $();
+				return;
+			}
+			let t = Rt.value ?? e, n = e, r = t, i = n;
+			for (let e = 0; e < 8; e += 1) {
+				Z.value = Qn(k.value.title.text, r, Ye.value), Bt.value = Qn(k.value.content.text, i, Xe.value), await h();
+				let e = er(Ye.value), a = er(Xe.value), o = !k.value.title.text || e <= t + .25, s = !k.value.content.text || a <= n + .25;
+				if (o && s) break;
+				o || (r = tr(r, e, t)), s || (i = tr(i, a, n));
+			}
+			nr(), await h(), $();
+		}
+		function ir(e, t, n) {
+			let i = n.x + y - e.x, a = n.x + n.width - y - (e.x + e.width), o = n.y + y - e.y, s = n.y + n.height - y - (e.y + e.height), c, l;
+			return c = i <= a ? r(t.x, i, a) : n.x + n.width / 2 - (e.x + e.width / 2), l = o <= s ? r(t.y, o, s) : n.y + n.height / 2 - (e.y + e.height / 2), {
+				x: c,
+				y: l
+			};
+		}
+		function ar(e, t) {
+			let r = [{
+				x: 0,
+				y: 0,
+				direction: "none"
+			}], i = e.x + e.width / 2, a = e.y + e.height / 2;
+			for (let o of t) {
+				let t = n(o.gap) ? Math.max(0, Number(o.gap)) : at.value, s = o.x + o.width / 2, c = o.y + o.height / 2, l = o.y - t - (e.y + e.height), u = o.y + o.height + t - e.y, d = o.x - t - (e.x + e.width), f = o.x + o.width + t - e.x;
+				r.push({
+					x: 0,
+					y: l,
+					direction: "top"
+				}, {
+					x: 0,
+					y: u,
+					direction: "bottom"
+				}, {
+					x: d,
+					y: 0,
+					direction: "left"
+				}, {
+					x: f,
+					y: 0,
+					direction: "right"
+				}, {
+					x: s - i,
+					y: l,
+					direction: "top"
+				}, {
+					x: s - i,
+					y: u,
+					direction: "bottom"
+				}, {
+					x: d,
+					y: c - a,
+					direction: "left"
+				}, {
+					x: f,
+					y: c - a,
+					direction: "right"
+				});
+			}
+			let o = Math.max(e.width * .5 + at.value, 12), s = Math.max(e.height * .5 + at.value, 12);
+			for (let e = 1; e <= Ae; e += 1) {
+				let t = o * e, n = s * e;
+				r.push({
+					x: 0,
+					y: -n,
+					direction: "top"
+				}, {
+					x: -t,
+					y: -n,
+					direction: "top"
+				}, {
+					x: t,
+					y: -n,
+					direction: "top"
+				}, {
+					x: 0,
+					y: n,
+					direction: "bottom"
+				}, {
+					x: -t,
+					y: n,
+					direction: "bottom"
+				}, {
+					x: t,
+					y: n,
+					direction: "bottom"
+				}, {
+					x: -t,
+					y: 0,
+					direction: "left"
+				}, {
+					x: -t,
+					y: -n,
+					direction: "left"
+				}, {
+					x: -t,
+					y: n,
+					direction: "left"
+				}, {
+					x: t,
+					y: 0,
+					direction: "right"
+				}, {
+					x: t,
+					y: -n,
+					direction: "right"
+				}, {
+					x: t,
+					y: n,
+					direction: "right"
+				});
+			}
+			return r;
+		}
+		function or(e) {
+			let t = /* @__PURE__ */ new Set();
+			return e.filter((e) => {
+				let n = [e.x.toFixed(3), e.y.toFixed(3)].join(":");
+				return !t.has(n) && (t.add(n), !0);
+			});
+		}
+		function sr(e, t, n) {
+			if (e.preferred) return -(2 ** 53 - 1);
+			let r = Math.hypot(e.x, e.y);
+			return t === "auto" || e.direction === "none" || e.direction === t ? r : r + Math.max(n.width, n.height) * 2;
+		}
+		function cr(e, t) {
+			return t.some((t) => Bn(e, t, n(t.gap) ? Math.max(0, Number(t.gap)) : ke));
+		}
+		function lr(e) {
+			let t = n(e?.gap) ? Math.max(0, Number(e.gap)) : ke;
+			return {
+				x: e.x - t,
+				y: e.y - t,
+				width: e.width + t * 2,
+				height: e.height + t * 2
+			};
+		}
+		function ur({ baseRect: e, requestedOffset: t, previousOffset: r = null, hardObstacles: i, bounds: a, overflow: o }) {
+			let s = {
+				x: n(t?.x) ? Number(t.x) : 0,
+				y: n(t?.y) ? Number(t.y) : 0
+			};
+			o || (s = ir(e, s, a));
+			for (let t of i) {
+				let n = lr(t), i = Q(e, s);
+				if (!Bn(i, n)) continue;
+				let c = [
+					{
+						x: s.x + n.x - (i.x + i.width),
+						y: s.y
+					},
+					{
+						x: s.x + n.x + n.width - i.x,
+						y: s.y
+					},
+					{
+						x: s.x,
+						y: s.y + n.y - (i.y + i.height)
+					},
+					{
+						x: s.x,
+						y: s.y + n.y + n.height - i.y
+					}
+				], l = o ? c : c.filter((t) => Hn(Q(e, t), a, y)), u = l.length ? l : c;
+				u.sort((e, t) => {
+					let n = Math.hypot(e.x - s.x, e.y - s.y), i = Math.hypot(t.x - s.x, t.y - s.y);
+					return n === i ? r ? Math.hypot(e.x - r.x, e.y - r.y) - Math.hypot(t.x - r.x, t.y - r.y) : 0 : n - i;
+				}), s = u[0] ?? s;
+			}
+			return s;
+		}
+		function dr({ baseRect: e, occupiedRects: t, hardObstacles: r, bounds: i, position: a, overflow: o, preferredOffset: s = null, ignoreOccupied: c = !1 }) {
+			let l = ar(e, c ? [...r] : [...t, ...r]);
+			s && n(s.x) && n(s.y) && l.unshift({
+				x: Number(s.x),
+				y: Number(s.y),
+				direction: "manual",
+				preferred: !0
+			}), o || (l = l.map((t) => {
+				let n = ir(e, t, i);
+				return {
+					...t,
+					x: n.x,
+					y: n.y
+				};
+			})), l = or(l), l.sort((e, t) => sr(e, a, i) - sr(t, a, i));
+			function u(n) {
+				let a = Q(e, n);
+				return !(!o && !Hn(a, i, y) || cr(a, r) || !c && t.some((e) => Bn(a, e, at.value)));
+			}
+			for (let t of l) if (u(t)) {
+				if (!t.preferred && [
+					"top",
+					"bottom",
+					"left",
+					"right"
+				].includes(t.direction) && r.length) {
+					let n = r[0], i = n.x + n.width / 2, a = n.y + n.height / 2, o = e.x + e.width / 2, s = e.y + e.height / 2, c = { ...t };
+					if (t.direction === "top" || t.direction === "bottom" ? c.x = i - o : c.y = a - s, u(c)) return c;
+				}
+				return t;
+			}
+			let d = null, f = Infinity, p = Infinity;
+			for (let n of l) {
+				let s = Q(e, n);
+				if (!o && !Hn(s, i, y) || cr(s, r)) continue;
+				let l = c ? 0 : t.reduce((e, t) => e + Vn(s, t), 0), u = sr(n, a, i);
+				(l < f || l === f && u < p) && (f = l, p = u, d = n);
+			}
+			if (d) return d;
+			let m = or(ar(e, r)).sort((e, t) => sr(e, a, i) - sr(t, a, i));
+			for (let t of m) if (!cr(Q(e, t), r)) return t;
+			return {
+				x: 0,
+				y: 0,
+				direction: "none"
+			};
+		}
+		function fr(e, t) {
+			let r = e?.[t];
+			return !r || !n(r.x) || !n(r.y) ? null : {
+				x: Number(r.x),
+				y: Number(r.y)
+			};
+		}
+		function pr(e) {
+			return fr(e, S);
+		}
+		function mr(e) {
+			return fr(e, C);
+		}
+		function hr(e) {
+			let t = e?.dataset?.boxPositionX, r = e?.dataset?.boxPositionY;
+			return t === "" || r === "" || !n(t) || !n(r) ? null : {
+				x: Number(t),
+				y: Number(r)
+			};
+		}
+		function gr(e) {
+			return Number.isFinite(e?.[Re]) ? e[Re] : -1;
+		}
+		function _r(e) {
+			let t = [...e.querySelectorAll(".vue-ui-label")].filter((t) => t.ownerSVGElement === e);
+			Number.isFinite(e[Pe]) || (e[Pe] = 0);
+			for (let n of t) Number.isFinite(n[b]) || (n[b] = e[Pe], e[Pe] += 1);
+			return t.sort((e, t) => e[b] - t[b]);
+		}
+		function vr(e) {
+			let t = Number(e.dataset.targetX), r = Number(e.dataset.targetY);
+			return !Number.isFinite(t) || !Number.isFinite(r) ? null : {
+				x: t,
+				y: r,
+				width: 0,
+				height: 0,
+				gap: n(e.dataset.linkLength) ? Math.max(0, Number(e.dataset.linkLength)) : ke
+			};
+		}
+		function yr(e, t, n = null, r = null) {
+			let i = e?.[Fe];
+			typeof i == "function" && i({
+				layoutRect: t,
+				boxRect: n,
+				offset: r
+			});
+		}
+		function br(e, t, n = .001) {
+			return !e || !t ? !1 : Math.abs(Number(e.x) - Number(t.x)) > n || Math.abs(Number(e.y) - Number(t.y)) > n;
+		}
+		function xr(e, t, n, r, i) {
+			if (!e || !t || !n || !r || !br(n, r)) return;
+			let a = e[E];
+			a instanceof Map || (a = /* @__PURE__ */ new Map(), e[E] = a), a.has(t) || a.set(t, {
+				x: n.x,
+				y: n.y
+			}), t[T] = {
+				x: Number(i?.x) || 0,
+				y: Number(i?.y) || 0
+			};
+		}
+		function Sr(e, t) {
+			let n = e?.[E];
+			if (!(n instanceof Map)) return [];
+			let r = [];
+			for (let [e, i] of n.entries()) {
+				if (!e?.isConnected || e === t) continue;
+				let n = e[Be], a = e[T], o = e[Le];
+				!n || !br(i, n) || typeof o != "function" || (a && (e[S] = {
+					x: Number(a.x) || 0,
+					y: Number(a.y) || 0
+				}), r.push({
+					emitDragEnd: o,
+					position: {
+						x: n.x,
+						y: n.y
+					}
+				}));
+			}
+			return n.clear(), delete e[E], r;
+		}
+		function Cr({ baseRect: e, offset: t, occupiedRects: n, hardObstacles: r, bounds: i, overflow: a, ignoreOccupied: o = !1 }) {
+			if (!t) return !1;
+			let s = Q(e, t);
+			return !(!a && !Hn(s, i, y) || cr(s, r) || !o && n.some((e) => Bn(s, e, 0)));
+		}
+		function wr(e) {
+			if (!e?.isConnected) return;
+			let t = _r(e);
+			if (!t.length) return;
+			let r = Ln(e);
+			for (let e of t) e.setAttribute("transform", "translate(0 0)");
+			let i = [];
+			for (let e of t) {
+				let t = e[Ie] ?? e, r;
+				try {
+					r = t.getBBox();
+				} catch {
+					yr(e, null, null, null);
+					continue;
+				}
+				if (!Number.isFinite(r.x) || !Number.isFinite(r.y) || !Number.isFinite(r.width) || !Number.isFinite(r.height) || r.width <= 0 || r.height <= 0) {
+					yr(e, null, null, null);
+					continue;
+				}
+				let a = Rn(r), o = e.dataset.boxShow === "true", s = {
+					top: n(e.dataset.boxPaddingTop) ? Math.max(0, Number(e.dataset.boxPaddingTop)) : 0,
+					right: n(e.dataset.boxPaddingRight) ? Math.max(0, Number(e.dataset.boxPaddingRight)) : 0,
+					bottom: n(e.dataset.boxPaddingBottom) ? Math.max(0, Number(e.dataset.boxPaddingBottom)) : 0,
+					left: n(e.dataset.boxPaddingLeft) ? Math.max(0, Number(e.dataset.boxPaddingLeft)) : 0
+				}, c = o ? zn(a, s) : a, l = o && n(e.dataset.boxMaxWidth) && Number(e.dataset.boxMaxWidth) > 0 ? Number(e.dataset.boxMaxWidth) : null, u = e.dataset.dragEnabled === "true", d = e.dataset.dragHandlePosition, f = [
+					"left",
+					"right",
+					"top",
+					"bottom"
+				].includes(d) ? d : "right", p = o && u && n(e.dataset.dragHandleSize) ? Math.max(0, Number(e.dataset.dragHandleSize)) : 0;
+				if (p > 0 && (c = f === "left" ? {
+					...c,
+					x: c.x - p,
+					width: c.width + p
+				} : f === "right" ? {
+					...c,
+					width: c.width + p
+				} : f === "top" ? {
+					...c,
+					y: c.y - p,
+					height: c.height + p
+				} : {
+					...c,
+					height: c.height + p
+				}), l !== null && c.width > l) {
+					let e = c.x + c.width / 2;
+					c = {
+						...c,
+						x: e - l / 2,
+						width: l
+					};
+				}
+				i.push({
+					label: e,
+					baseRect: c,
+					boxShow: o,
+					position: e.dataset.position || "auto",
+					overflow: e.dataset.overflow === "true",
+					overlap: e.dataset.overlap === "true",
+					dragHandlePosition: f,
+					dragHandleSize: p,
+					targetObstacle: vr(e),
+					persistedOffset: pr(e),
+					datasetPosition: hr(e),
+					requestedDragOffset: mr(e),
+					dragging: e[w] === !0,
+					dragPriority: gr(e)
+				});
+			}
+			i.sort((e, t) => {
+				if (e.dragging !== t.dragging) return e.dragging ? -1 : 1;
+				let n = !!e.datasetPosition || !!e.persistedOffset, r = !!t.datasetPosition || !!t.persistedOffset;
+				return n === r ? n && r && e.dragPriority !== t.dragPriority ? t.dragPriority - e.dragPriority : e.label[b] - t.label[b] : n ? -1 : 1;
+			});
+			let a = i.some((e) => e.dragging), o = i.some((e) => e.dragging && e.overlap), s = [];
+			for (let t of i) {
+				let n = t.targetObstacle ? [t.targetObstacle] : [], i;
+				if (t.dragging) i = ur({
+					baseRect: t.baseRect,
+					requestedOffset: t.requestedDragOffset ?? t.persistedOffset,
+					previousOffset: t.persistedOffset,
+					hardObstacles: n,
+					bounds: r,
+					overflow: t.overflow
+				});
+				else if (a && (o || t.overlap) && t.label[T]) i = {
+					x: Number(t.label[T].x) || 0,
+					y: Number(t.label[T].y) || 0,
+					direction: "overlap"
+				};
+				else if (!a && t.datasetPosition) i = {
+					x: t.datasetPosition.x - t.baseRect.x,
+					y: t.datasetPosition.y - t.baseRect.y,
+					direction: "manual"
+				};
+				else if (!a && t.persistedOffset) i = {
+					x: Number(t.persistedOffset.x) || 0,
+					y: Number(t.persistedOffset.y) || 0,
+					direction: "manual"
+				};
+				else {
+					let e = t.label[T];
+					i = a && e && Cr({
+						baseRect: t.baseRect,
+						offset: e,
+						occupiedRects: s,
+						hardObstacles: n,
+						bounds: r,
+						overflow: t.overflow,
+						ignoreOccupied: t.overlap
+					}) ? {
+						x: Number(e.x) || 0,
+						y: Number(e.y) || 0,
+						direction: "stable"
+					} : dr({
+						baseRect: t.baseRect,
+						occupiedRects: s,
+						hardObstacles: n,
+						bounds: r,
+						position: t.position,
+						overflow: t.overflow,
+						preferredOffset: t.persistedOffset ?? (t.datasetPosition ? {
+							x: t.datasetPosition.x - t.baseRect.x,
+							y: t.datasetPosition.y - t.baseRect.y
+						} : e ?? null),
+						ignoreOccupied: t.overlap
+					});
+				}
+				t.label.setAttribute("transform", `translate(${i.x} ${i.y})`);
+				let c = Q(t.baseRect, i), l = t.label[Be];
+				a && !o && !t.dragging && !t.overlap && xr(e, t.label, l, c, i), (t.datasetPosition || t.persistedOffset || t.dragging) && (t.label[S] = {
+					x: i.x,
+					y: i.y
+				}), t.label[Be] = {
+					x: c.x,
+					y: c.y,
+					width: c.width,
+					height: c.height
+				}, t.label[T] = {
+					x: Number(i.x) || 0,
+					y: Number(i.y) || 0
+				}, yr(t.label, c, t.boxShow ? t.baseRect : null, i), t.overlap || s.push(c);
+			}
+		}
+		function $(e = M.value) {
+			e?.isConnected && (e[x] || (e[x] = requestAnimationFrame(() => {
+				e[x] = null, wr(e);
+			})));
+		}
+		function Tr() {
+			let e = j.value, t = M.value;
+			Ze.value = !0, F.value = {
+				x: 0,
+				y: 0
+			}, e && (I.value && (t?.[x] && (cancelAnimationFrame(t[x]), t[x] = null), sn(), I.value = !1, R.inputType = null, R.touchId = null, R.startPointer = null, R.startOffset = null, R.lastRequestedOffset = null), e[w] = !1, delete e[S], delete e[C], delete e[Be], delete e[T], delete e[Re], e.dataset.boxPositionX = "", e.dataset.boxPositionY = "", e.setAttribute("transform", "translate(0 0)"), t?.isConnected && (t[E] = /* @__PURE__ */ new Map(), $(t)));
+		}
+		return c({ reorder: Tr }), fe(() => [D.dataset?.position?.x, D.dataset?.position?.y], (e, t) => {
+			t && (e[0] !== t[0] || e[1] !== t[1]) && (Ze.value = !1);
+		}), fe(() => [
+			D.dataset?.x,
+			D.dataset?.y,
+			D.dataset?.position?.x,
+			D.dataset?.position?.y
+		], () => {
+			if (!bt.value && j.value && !I.value) {
+				let e = D.dataset?.position;
+				e && (e.x === null || e.x === void 0 || e.y === null || e.y === void 0) && (delete j.value[S], F.value = {
+					x: 0,
+					y: 0
+				});
+			}
+			rr();
+		}, { flush: "post" }), fe(() => D.config, () => {
+			!G.value && I.value && Sn(), rr();
+		}, {
+			deep: !0,
+			flush: "post"
+		}), se(async () => {
+			await h(), window.addEventListener("keydown", An, !0), window.addEventListener("pointerdown", jn, !0), M.value = j.value?.ownerSVGElement ?? null;
+			let e = M.value, t = j.value, n = qe.value;
+			!e || !t || !n || (t[Ie] = n, t[Fe] = ({ layoutRect: e, boxRect: t, offset: n }) => {
+				N.value = e, P.value = t, n && (F.value = {
+					x: Number(n.x) || 0,
+					y: Number(n.y) || 0
+				});
+			}, t[Le] = (e) => {
+				O("dragEnd", {
+					...D.dataset,
+					position: {
+						x: Number(e?.x) || 0,
+						y: Number(e?.y) || 0
+					}
+				});
+			}, ot = new MutationObserver((n) => {
+				n.some((e) => !(e.type === "attributes" && e.target === t && e.attributeName === "transform" || e.type === "attributes" && e.target === Je.value)) && $(e);
+			}), ot.observe(t, {
+				subtree: !0,
+				childList: !0,
+				characterData: !0,
+				attributes: !0
+			}), "ResizeObserver" in window && (st = new ResizeObserver(() => {
+				$(e);
+			}), st.observe(e)), document.fonts?.ready?.then(() => {
+				rr();
+			}), rr());
+		}), oe(() => {
+			sn(), window.removeEventListener("keydown", An, !0), window.removeEventListener("pointerdown", jn, !0), ot?.disconnect(), st?.disconnect(), L?.remove(), L = null, j.value && (delete j.value[Fe], delete j.value[Ie], delete j.value[Le], delete j.value[Be], delete j.value[T], delete j.value[S], delete j.value[C], delete j.value[w], delete j.value[Re]), I.value = !1, R.inputType = null, R.touchId = null, R.startPointer = null, R.startOffset = null, R.lastRequestedOffset = null, N.value = null, P.value = null, F.value = {
+				x: 0,
+				y: 0
+			};
+			let e = M.value;
+			if (e) {
+				let t = e[E];
+				t instanceof Map && j.value && t.delete(j.value), requestAnimationFrame(() => {
+					$(e);
+				});
+			}
+		}), (e, t) => (g(), m("g", {
+			ref_key: "wrapperRef",
+			ref: A,
+			class: re(["vue-ui-label-wrapper", { "vue-ui-label-wrapper--keyboard-focus": Qe.value === "keyboard" }]),
+			focusable: "false",
+			onPointerdownCapture: Mn,
+			onMouseenter: En,
+			onMouseleave: Dn,
+			onFocusin: Pn,
+			onFocusout: Fn
+		}, [
+			Qt.value ? (g(), m("path", {
+				key: 0,
+				class: "vue-ui-label__link",
+				d: Qt.value.d,
+				fill: "none",
+				stroke: H.value.stroke,
+				"stroke-width": H.value.strokeWidth,
+				"stroke-dasharray": H.value.strokeDasharray,
+				"stroke-linecap": "round",
+				"pointer-events": "none",
+				"aria-hidden": "true",
+				focusable: "false"
+			}, null, 8, he)) : p("", !0),
+			H.value.targetPlot.show ? (g(), m("circle", {
+				key: 1,
+				cx: B.value,
+				cy: V.value,
+				r: H.value.targetPlot.radius,
+				fill: H.value.stroke,
+				stroke: H.value.targetPlot.stroke,
+				"stroke-width": H.value.strokeWidth,
+				"paint-order": "stroke fill"
+			}, null, 8, ge)) : p("", !0),
+			ee("g", {
+				ref_key: "labelRef",
+				ref: j,
+				class: "vue-ui-label",
+				focusable: "false",
+				id: `label_${de(Ke)}`,
+				"data-position": k.value.position,
+				"data-overflow": String(k.value.overflow),
+				"data-overlap": String(ut.value),
+				"data-target-x": z.value ? B.value : "",
+				"data-target-y": z.value ? V.value : "",
+				"data-box-position-x": xt.value ? xt.value.x : "",
+				"data-box-position-y": xt.value ? xt.value.y : "",
+				"data-link-length": H.value.show ? St.value : ke,
+				"data-box-show": String(U.value.show),
+				"data-box-max-width": q.value !== null && q.value > 0 ? q.value : "",
+				"data-box-padding-top": K.value.top,
+				"data-box-padding-right": K.value.right,
+				"data-box-padding-bottom": K.value.bottom,
+				"data-box-padding-left": K.value.left,
+				"data-drag-enabled": String(G.value),
+				"data-drag-handle-position": yt.value,
+				"data-drag-handle-size": Ft.value,
+				onClick: kn
+			}, [
+				J.value ? (g(), m("rect", {
+					key: 0,
+					ref_key: "boxRef",
+					ref: Je,
+					class: "vue-ui-label__box",
+					x: J.value.x,
+					y: J.value.y,
+					width: J.value.width,
+					height: J.value.height,
+					rx: J.value.rx,
+					fill: U.value.backgroundColor,
+					stroke: U.value.borderColor,
+					"stroke-width": Nt.value,
+					"aria-hidden": "true",
+					focusable: "false"
+				}, null, 8, ve)) : p("", !0),
+				X.value ? (g(), m("rect", {
+					key: 1,
+					class: "vue-ui-label__action-target",
+					x: X.value.x,
+					y: X.value.y,
+					width: X.value.width,
+					height: X.value.height,
+					rx: X.value.rx,
+					fill: "transparent",
+					"pointer-events": "none",
+					role: "button",
+					tabindex: "0",
+					"aria-label": pt.value,
+					onKeydown: Nn
+				}, null, 40, ye)) : p("", !0),
+				le(e.$slots, "before", ie(ne({
+					...D,
+					box: J.value
+				})), void 0, !0),
+				ee("g", {
+					ref_key: "contentRef",
+					ref: qe,
+					class: "vue-ui-label__body"
+				}, [le(e.$slots, "title", ie(ne({
+					...D,
+					box: J.value
+				})), () => [
+					At.value && Yt.value && z.value ? (g(), f(s, {
+						key: 0,
+						class: "vue-ui-label__marker",
+						plot: Yt.value,
+						radius: kt.value,
+						shape: W.value.shape,
+						color: W.value.color,
+						"pointer-events": "none",
+						"aria-hidden": "true",
+						focusable: "false"
+					}, null, 8, [
+						"plot",
+						"radius",
+						"shape",
+						"color"
+					])) : p("", !0),
+					k.value.title.text && z.value ? (g(), m("text", {
+						key: 1,
+						ref_key: "titleTextRef",
+						ref: Ye,
+						class: "vue-ui-label__title",
+						"font-size": $e.value,
+						"font-weight": k.value.title.bold ? "bold" : "normal",
+						"text-anchor": Tt.value,
+						fill: k.value.title.color
+					}, [(g(!0), m(u, null, ce(Z.value, (e, t) => (g(), m("tspan", {
+						key: `title_${t}`,
+						x: Jt.value,
+						y: V.value + t * et.value
+					}, ue(e), 9, xe))), 128))], 8, be)) : p("", !0),
+					!At.value && Yt.value && z.value ? (g(), f(s, {
+						key: 2,
+						class: "vue-ui-label__marker",
+						plot: Yt.value,
+						radius: kt.value,
+						shape: W.value.shape,
+						color: W.value.color,
+						"pointer-events": "none",
+						"aria-hidden": "true",
+						focusable: "false"
+					}, null, 8, [
+						"plot",
+						"radius",
+						"shape",
+						"color"
+					])) : p("", !0)
+				], !0), le(e.$slots, "content", ie(ne({
+					...D,
+					box: J.value
+				})), () => [k.value.content.text && z.value ? (g(), m("text", {
+					key: 0,
+					ref_key: "contentTextRef",
+					ref: Xe,
+					class: "vue-ui-label__content",
+					"font-size": tt.value,
+					"font-weight": k.value.content.bold ? "bold" : "normal",
+					"text-anchor": Et.value,
+					fill: k.value.content.color
+				}, [(g(!0), m(u, null, ce(Bt.value, (e, t) => (g(), m("tspan", {
+					key: `content_${t}`,
+					x: Xt.value,
+					y: Zt.value + t * nt.value
+				}, ue(e), 9, Ce))), 128))], 8, Se)) : p("", !0)], !0)], 512),
+				le(e.$slots, "after", ie(ne({
+					...D,
+					box: J.value
+				})), void 0, !0),
+				zt.value ? (g(), m("g", {
+					key: 2,
+					class: "vue-ui-label__drag-handle",
+					style: ae({
+						cursor: I.value ? "grabbing" : "grab",
+						touchAction: "none"
+					}),
+					role: "button",
+					tabindex: "0",
+					"aria-label": mt.value,
+					"aria-describedby": ht,
+					"aria-keyshortcuts": "ArrowUp ArrowDown ArrowLeft ArrowRight",
+					onKeydown: mn,
+					onClick: t[0] ||= pe(() => {}, ["stop"]),
+					onMousedown: pe(ln, ["stop", "prevent"]),
+					onTouchstart: pe(un, ["stop", "prevent"])
+				}, [
+					ee("desc", { id: ht }, ue(gt.value), 1),
+					Y.value ? (g(), m("rect", {
+						key: 0,
+						x: Y.value.x,
+						y: Y.value.y,
+						width: Y.value.width,
+						height: Y.value.height,
+						fill: "transparent",
+						"pointer-events": "all",
+						"aria-hidden": "true",
+						focusable: "false"
+					}, null, 8, Te)) : p("", !0),
+					Y.value ? (g(), m("rect", {
+						key: 1,
+						class: "vue-ui-label__focus-ring",
+						x: Y.value.x,
+						y: Y.value.y,
+						width: Y.value.width,
+						height: Y.value.height,
+						rx: Math.min(4, Y.value.width / 2, Y.value.height / 2),
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"pointer-events": "none",
+						"aria-hidden": "true",
+						focusable: "false"
+					}, null, 8, Ee)) : p("", !0),
+					k.value.drag.showSeparator ? (g(), m("path", {
+						key: 2,
+						d: zt.value.separatorPath,
+						stroke: U.value.borderColor,
+						"stroke-width": Math.max(.5, Nt.value),
+						"pointer-events": "none",
+						"aria-hidden": "true",
+						focusable: "false"
+					}, null, 8, De)) : p("", !0),
+					ee("path", {
+						d: zt.value.gripPath,
+						stroke: k.value.drag.iconColor,
+						"stroke-width": vt.value,
+						"stroke-linecap": "round",
+						opacity: k.value.drag.iconOpacity,
+						"pointer-events": "none",
+						"aria-hidden": "true",
+						focusable: "false"
+					}, null, 8, Oe)
+				], 44, we)) : p("", !0)
+			], 8, _e)
+		], 34));
+	}
+}, [["__scopeId", "data-v-bc3a8b8a"]]);
+//#endregion
+export { me as n, D as t };