@lumal/cockpit 0.0.1-beta

package/dist/designer.js

@@ -0,0 +1,2282 @@
+import { _ as e, d as t, f as n, g as r, i, m as a, n as o, p as s, r as c, t as l, v as u, x as d } from "./resolveComponent-QbJRsdxR.js";
+import { t as f } from "./validate-DkC_IHrC.js";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, mergeModels as S, nextTick as ee, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onMounted as te, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as ne, shallowReactive as re, toDisplayString as ie, unref as A, useModel as ae, watch as oe, watchEffect as se, withCtx as j, withModifiers as ce } from "vue";
+import { ElAlert as le, ElButton as M, ElEmpty as ue, ElInput as de, ElInputNumber as fe, ElMessage as pe, ElMessageBox as me, ElOption as he, ElSelect as ge, ElSwitch as _e, ElTooltip as ve } from "element-plus";
+import { LumalIcon as N } from "@lumal/icons-vue";
+//#region ../../node_modules/.pnpm/sortablejs@1.15.7/node_modules/sortablejs/modular/sortable.esm.js
+function ye(e, t, n) {
+	return (t = Ee(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function be() {
+	return be = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, be.apply(null, arguments);
+}
+function xe(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function Se(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? xe(Object(n), !0).forEach(function(t) {
+			ye(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : xe(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function Ce(e, t) {
+	if (e == null) return {};
+	var n, r, i = we(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+function we(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+function Te(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Ee(e) {
+	var t = Te(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function De(e) {
+	"@babel/helpers - typeof";
+	return De = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, De(e);
+}
+var Oe = "1.15.7";
+function ke(e) {
+	if (typeof window < "u" && window.navigator) return !!/*@__PURE__*/ navigator.userAgent.match(e);
+}
+var Ae = ke(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), je = ke(/Edge/i), Me = ke(/firefox/i), Ne = ke(/safari/i) && !ke(/chrome/i) && !ke(/android/i), Pe = ke(/iP(ad|od|hone)/i), Fe = ke(/chrome/i) && ke(/android/i), Ie = {
+	capture: !1,
+	passive: !1
+};
+function P(e, t, n) {
+	e.addEventListener(t, n, !Ae && Ie);
+}
+function F(e, t, n) {
+	e.removeEventListener(t, n, !Ae && Ie);
+}
+function Le(e, t) {
+	if (t) {
+		if (t[0] === ">" && (t = t.substring(1)), e) try {
+			if (e.matches) return e.matches(t);
+			if (e.msMatchesSelector) return e.msMatchesSelector(t);
+			if (e.webkitMatchesSelector) return e.webkitMatchesSelector(t);
+		} catch {
+			return !1;
+		}
+		return !1;
+	}
+}
+function Re(e) {
+	return e.host && e !== document && e.host.nodeType && e.host !== e ? e.host : e.parentNode;
+}
+function I(e, t, n, r) {
+	if (e) {
+		n ||= document;
+		do {
+			if (t != null && (t[0] === ">" ? e.parentNode === n && Le(e, t) : Le(e, t)) || r && e === n) return e;
+			if (e === n) break;
+		} while (e = Re(e));
+	}
+	return null;
+}
+var ze = /\s+/g;
+function L(e, t, n) {
+	e && t && (e.classList ? e.classList[n ? "add" : "remove"](t) : e.className = ((" " + e.className + " ").replace(ze, " ").replace(" " + t + " ", " ") + (n ? " " + t : "")).replace(ze, " "));
+}
+function R(e, t, n) {
+	var r = e && e.style;
+	if (r) {
+		if (n === void 0) return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (n = e.currentStyle), t === void 0 ? n : n[t];
+		!(t in r) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), r[t] = n + (typeof n == "string" ? "" : "px");
+	}
+}
+function Be(e, t) {
+	var n = "";
+	if (typeof e == "string") n = e;
+	else do {
+		var r = R(e, "transform");
+		r && r !== "none" && (n = r + " " + n);
+	} while (!t && (e = e.parentNode));
+	var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+	return i && new i(n);
+}
+function Ve(e, t, n) {
+	if (e) {
+		var r = e.getElementsByTagName(t), i = 0, a = r.length;
+		if (n) for (; i < a; i++) n(r[i], i);
+		return r;
+	}
+	return [];
+}
+function He() {
+	return document.scrollingElement || document.documentElement;
+}
+function z(e, t, n, r, i) {
+	if (!(!e.getBoundingClientRect && e !== window)) {
+		var a, o, s, c, l, u, d;
+		if (e !== window && e.parentNode && e !== He() ? (a = e.getBoundingClientRect(), o = a.top, s = a.left, c = a.bottom, l = a.right, u = a.height, d = a.width) : (o = 0, s = 0, c = window.innerHeight, l = window.innerWidth, u = window.innerHeight, d = window.innerWidth), (t || n) && e !== window && (i ||= e.parentNode, !Ae)) do
+			if (i && i.getBoundingClientRect && (R(i, "transform") !== "none" || n && R(i, "position") !== "static")) {
+				var f = i.getBoundingClientRect();
+				o -= f.top + parseInt(R(i, "border-top-width")), s -= f.left + parseInt(R(i, "border-left-width")), c = o + a.height, l = s + a.width;
+				break;
+			}
+		while (i = i.parentNode);
+		if (r && e !== window) {
+			var p = Be(i || e), m = p && p.a, h = p && p.d;
+			p && (o /= h, s /= m, d /= m, u /= h, c = o + u, l = s + d);
+		}
+		return {
+			top: o,
+			left: s,
+			bottom: c,
+			right: l,
+			width: d,
+			height: u
+		};
+	}
+}
+function Ue(e, t, n) {
+	for (var r = Je(e, !0), i = z(e)[t]; r;) {
+		var a = z(r)[n], o = void 0;
+		if (o = n === "top" || n === "left" ? i >= a : i <= a, !o) return r;
+		if (r === He()) break;
+		r = Je(r, !1);
+	}
+	return !1;
+}
+function We(e, t, n, r) {
+	for (var i = 0, a = 0, o = e.children; a < o.length;) {
+		if (o[a].style.display !== "none" && o[a] !== Q.ghost && (r || o[a] !== Q.dragged) && I(o[a], n.draggable, e, !1)) {
+			if (i === t) return o[a];
+			i++;
+		}
+		a++;
+	}
+	return null;
+}
+function Ge(e, t) {
+	for (var n = e.lastElementChild; n && (n === Q.ghost || R(n, "display") === "none" || t && !Le(n, t));) n = n.previousElementSibling;
+	return n || null;
+}
+function B(e, t) {
+	var n = 0;
+	if (!e || !e.parentNode) return -1;
+	for (; e = e.previousElementSibling;) e.nodeName.toUpperCase() !== "TEMPLATE" && e !== Q.clone && (!t || Le(e, t)) && n++;
+	return n;
+}
+function Ke(e) {
+	var t = 0, n = 0, r = He();
+	if (e) do {
+		var i = Be(e), a = i.a, o = i.d;
+		t += e.scrollLeft * a, n += e.scrollTop * o;
+	} while (e !== r && (e = e.parentNode));
+	return [t, n];
+}
+function qe(e, t) {
+	for (var n in e) if (e.hasOwnProperty(n)) {
+		for (var r in t) if (t.hasOwnProperty(r) && t[r] === e[n][r]) return Number(n);
+	}
+	return -1;
+}
+function Je(e, t) {
+	if (!e || !e.getBoundingClientRect) return He();
+	var n = e, r = !1;
+	do
+		if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+			var i = R(n);
+			if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+				if (!n.getBoundingClientRect || n === document.body) return He();
+				if (r || t) return n;
+				r = !0;
+			}
+		}
+	while (n = n.parentNode);
+	return He();
+}
+function Ye(e, t) {
+	if (e && t) for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]);
+	return e;
+}
+function Xe(e, t) {
+	return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var Ze;
+function Qe(e, t) {
+	return function() {
+		if (!Ze) {
+			var n = arguments, r = this;
+			n.length === 1 ? e.call(r, n[0]) : e.apply(r, n), Ze = setTimeout(function() {
+				Ze = void 0;
+			}, t);
+		}
+	};
+}
+function $e() {
+	clearTimeout(Ze), Ze = void 0;
+}
+function et(e, t, n) {
+	e.scrollLeft += t, e.scrollTop += n;
+}
+function tt(e) {
+	var t = window.Polymer, n = window.jQuery || window.Zepto;
+	return t && t.dom ? t.dom(e).cloneNode(!0) : n ? n(e).clone(!0)[0] : e.cloneNode(!0);
+}
+function nt(e, t, n) {
+	var r = {};
+	return Array.from(e.children).forEach(function(i) {
+		if (!(!I(i, t.draggable, e, !1) || i.animated || i === n)) {
+			var a = z(i);
+			r.left = Math.min(r.left ?? Infinity, a.left), r.top = Math.min(r.top ?? Infinity, a.top), r.right = Math.max(r.right ?? -Infinity, a.right), r.bottom = Math.max(r.bottom ?? -Infinity, a.bottom);
+		}
+	}), r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
+}
+var V = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function rt() {
+	var e = [], t;
+	return {
+		captureAnimationState: function() {
+			e = [], this.options.animation && [].slice.call(this.el.children).forEach(function(t) {
+				if (!(R(t, "display") === "none" || t === Q.ghost)) {
+					e.push({
+						target: t,
+						rect: z(t)
+					});
+					var n = Se({}, e[e.length - 1].rect);
+					if (t.thisAnimationDuration) {
+						var r = Be(t, !0);
+						r && (n.top -= r.f, n.left -= r.e);
+					}
+					t.fromRect = n;
+				}
+			});
+		},
+		addAnimationState: function(t) {
+			e.push(t);
+		},
+		removeAnimationState: function(t) {
+			e.splice(qe(e, { target: t }), 1);
+		},
+		animateAll: function(n) {
+			var r = this;
+			if (!this.options.animation) {
+				clearTimeout(t), typeof n == "function" && n();
+				return;
+			}
+			var i = !1, a = 0;
+			e.forEach(function(e) {
+				var t = 0, n = e.target, o = n.fromRect, s = z(n), c = n.prevFromRect, l = n.prevToRect, u = e.rect, d = Be(n, !0);
+				d && (s.top -= d.f, s.left -= d.e), n.toRect = s, n.thisAnimationDuration && Xe(c, s) && !Xe(o, s) && (u.top - s.top) / (u.left - s.left) === (o.top - s.top) / (o.left - s.left) && (t = at(u, c, l, r.options)), Xe(s, o) || (n.prevFromRect = o, n.prevToRect = s, t ||= r.options.animation, r.animate(n, u, s, t)), t && (i = !0, a = Math.max(a, t), clearTimeout(n.animationResetTimer), n.animationResetTimer = setTimeout(function() {
+					n.animationTime = 0, n.prevFromRect = null, n.fromRect = null, n.prevToRect = null, n.thisAnimationDuration = null;
+				}, t), n.thisAnimationDuration = t);
+			}), clearTimeout(t), i ? t = setTimeout(function() {
+				typeof n == "function" && n();
+			}, a) : typeof n == "function" && n(), e = [];
+		},
+		animate: function(e, t, n, r) {
+			if (r) {
+				R(e, "transition", ""), R(e, "transform", "");
+				var i = Be(this.el), a = i && i.a, o = i && i.d, s = (t.left - n.left) / (a || 1), c = (t.top - n.top) / (o || 1);
+				e.animatingX = !!s, e.animatingY = !!c, R(e, "transform", "translate3d(" + s + "px," + c + "px,0)"), this.forRepaintDummy = it(e), R(e, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), R(e, "transform", "translate3d(0,0,0)"), typeof e.animated == "number" && clearTimeout(e.animated), e.animated = setTimeout(function() {
+					R(e, "transition", ""), R(e, "transform", ""), e.animated = !1, e.animatingX = !1, e.animatingY = !1;
+				}, r);
+			}
+		}
+	};
+}
+function it(e) {
+	return e.offsetWidth;
+}
+function at(e, t, n, r) {
+	return Math.sqrt((t.top - e.top) ** 2 + (t.left - e.left) ** 2) / Math.sqrt((t.top - n.top) ** 2 + (t.left - n.left) ** 2) * r.animation;
+}
+var ot = [], st = { initializeByDefault: !0 }, ct = {
+	mount: function(e) {
+		for (var t in st) st.hasOwnProperty(t) && !(t in e) && (e[t] = st[t]);
+		ot.forEach(function(t) {
+			if (t.pluginName === e.pluginName) throw `Sortable: Cannot mount plugin ${e.pluginName} more than once`;
+		}), ot.push(e);
+	},
+	pluginEvent: function(e, t, n) {
+		var r = this;
+		this.eventCanceled = !1, n.cancel = function() {
+			r.eventCanceled = !0;
+		};
+		var i = e + "Global";
+		ot.forEach(function(r) {
+			t[r.pluginName] && (t[r.pluginName][i] && t[r.pluginName][i](Se({ sortable: t }, n)), t.options[r.pluginName] && t[r.pluginName][e] && t[r.pluginName][e](Se({ sortable: t }, n)));
+		});
+	},
+	initializePlugins: function(e, t, n, r) {
+		for (var i in ot.forEach(function(r) {
+			var i = r.pluginName;
+			if (!(!e.options[i] && !r.initializeByDefault)) {
+				var a = new r(e, t, e.options);
+				a.sortable = e, a.options = e.options, e[i] = a, be(n, a.defaults);
+			}
+		}), e.options) if (e.options.hasOwnProperty(i)) {
+			var a = this.modifyOption(e, i, e.options[i]);
+			a !== void 0 && (e.options[i] = a);
+		}
+	},
+	getEventProperties: function(e, t) {
+		var n = {};
+		return ot.forEach(function(r) {
+			typeof r.eventProperties == "function" && be(n, r.eventProperties.call(t[r.pluginName], e));
+		}), n;
+	},
+	modifyOption: function(e, t, n) {
+		var r;
+		return ot.forEach(function(i) {
+			e[i.pluginName] && i.optionListeners && typeof i.optionListeners[t] == "function" && (r = i.optionListeners[t].call(e[i.pluginName], n));
+		}), r;
+	}
+};
+function lt(e) {
+	var t = e.sortable, n = e.rootEl, r = e.name, i = e.targetEl, a = e.cloneEl, o = e.toEl, s = e.fromEl, c = e.oldIndex, l = e.newIndex, u = e.oldDraggableIndex, d = e.newDraggableIndex, f = e.originalEvent, p = e.putSortable, m = e.extraEventProperties;
+	if (t ||= n && n[V], t) {
+		var h, g = t.options, _ = "on" + r.charAt(0).toUpperCase() + r.substr(1);
+		window.CustomEvent && !Ae && !je ? h = new CustomEvent(r, {
+			bubbles: !0,
+			cancelable: !0
+		}) : (h = document.createEvent("Event"), h.initEvent(r, !0, !0)), h.to = o || n, h.from = s || n, h.item = i || n, h.clone = a, h.oldIndex = c, h.newIndex = l, h.oldDraggableIndex = u, h.newDraggableIndex = d, h.originalEvent = f, h.pullMode = p ? p.lastPutMode : void 0;
+		var v = Se(Se({}, m), ct.getEventProperties(r, t));
+		for (var y in v) h[y] = v[y];
+		n && n.dispatchEvent(h), g[_] && g[_].call(t, h);
+	}
+}
+var ut = ["evt"], H = function(e, t) {
+	var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, i = Ce(n, ut);
+	ct.pluginEvent.bind(Q)(e, t, Se({
+		dragEl: W,
+		parentEl: G,
+		ghostEl: K,
+		rootEl: q,
+		nextEl: dt,
+		lastDownEl: ft,
+		cloneEl: J,
+		cloneHidden: pt,
+		dragStarted: Dt,
+		putSortable: X,
+		activeSortable: Q.active,
+		originalEvent: r,
+		oldIndex: mt,
+		oldDraggableIndex: ht,
+		newIndex: Y,
+		newDraggableIndex: gt,
+		hideGhostForTarget: Gt,
+		unhideGhostForTarget: Kt,
+		cloneNowHidden: function() {
+			pt = !0;
+		},
+		cloneNowShown: function() {
+			pt = !1;
+		},
+		dispatchSortableEvent: function(e) {
+			U({
+				sortable: t,
+				name: e,
+				originalEvent: r
+			});
+		}
+	}, i));
+};
+function U(e) {
+	lt(Se({
+		putSortable: X,
+		cloneEl: J,
+		targetEl: W,
+		rootEl: q,
+		oldIndex: mt,
+		oldDraggableIndex: ht,
+		newIndex: Y,
+		newDraggableIndex: gt
+	}, e));
+}
+var W, G, K, q, dt, ft, J, pt, mt, Y, ht, gt, _t, X, vt = !1, yt = !1, bt = [], xt, St, Ct, wt, Tt, Et, Dt, Ot, kt, At = !1, jt = !1, Mt, Z, Nt = [], Pt = !1, Ft = [], It = typeof document < "u", Lt = Pe, Rt = je || Ae ? "cssFloat" : "float", zt = It && !Fe && !Pe && "draggable" in document.createElement("div"), Bt = function() {
+	if (It) {
+		if (Ae) return !1;
+		var e = document.createElement("x");
+		return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+	}
+}(), Vt = function(e, t) {
+	var n = R(e), r = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = We(e, 0, t), a = We(e, 1, t), o = i && R(i), s = a && R(a), c = o && parseInt(o.marginLeft) + parseInt(o.marginRight) + z(i).width, l = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + z(a).width;
+	if (n.display === "flex") return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+	if (n.display === "grid") return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+	if (i && o.float && o.float !== "none") {
+		var u = o.float === "left" ? "left" : "right";
+		return a && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
+	}
+	return i && (o.display === "block" || o.display === "flex" || o.display === "table" || o.display === "grid" || c >= r && n[Rt] === "none" || a && n[Rt] === "none" && c + l > r) ? "vertical" : "horizontal";
+}, Ht = function(e, t, n) {
+	var r = n ? e.left : e.top, i = n ? e.right : e.bottom, a = n ? e.width : e.height, o = n ? t.left : t.top, s = n ? t.right : t.bottom, c = n ? t.width : t.height;
+	return r === o || i === s || r + a / 2 === o + c / 2;
+}, Ut = function(e, t) {
+	var n;
+	return bt.some(function(r) {
+		var i = r[V].options.emptyInsertThreshold;
+		if (!(!i || Ge(r))) {
+			var a = z(r), o = e >= a.left - i && e <= a.right + i, s = t >= a.top - i && t <= a.bottom + i;
+			if (o && s) return n = r;
+		}
+	}), n;
+}, Wt = function(e) {
+	function t(e, n) {
+		return function(r, i, a, o) {
+			var s = r.options.group.name && i.options.group.name && r.options.group.name === i.options.group.name;
+			if (e == null && (n || s)) return !0;
+			if (e == null || e === !1) return !1;
+			if (n && e === "clone") return e;
+			if (typeof e == "function") return t(e(r, i, a, o), n)(r, i, a, o);
+			var c = (n ? r : i).options.group.name;
+			return e === !0 || typeof e == "string" && e === c || e.join && e.indexOf(c) > -1;
+		};
+	}
+	var n = {}, r = e.group;
+	(!r || De(r) != "object") && (r = { name: r }), n.name = r.name, n.checkPull = t(r.pull, !0), n.checkPut = t(r.put), n.revertClone = r.revertClone, e.group = n;
+}, Gt = function() {
+	!Bt && K && R(K, "display", "none");
+}, Kt = function() {
+	!Bt && K && R(K, "display", "");
+};
+It && !Fe && document.addEventListener("click", function(e) {
+	if (yt) return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), yt = !1, !1;
+}, !0);
+var qt = function(e) {
+	if (W) {
+		e = e.touches ? e.touches[0] : e;
+		var t = Ut(e.clientX, e.clientY);
+		if (t) {
+			var n = {};
+			for (var r in e) e.hasOwnProperty(r) && (n[r] = e[r]);
+			n.target = n.rootEl = t, n.preventDefault = void 0, n.stopPropagation = void 0, t[V]._onDragOver(n);
+		}
+	}
+}, Jt = function(e) {
+	W && W.parentNode[V]._isOutsideThisEl(e.target);
+};
+function Q(e, t) {
+	if (!(e && e.nodeType && e.nodeType === 1)) throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(e)}`;
+	this.el = e, this.options = t = be({}, t), e[V] = this;
+	var n = {
+		group: null,
+		sort: !0,
+		disabled: !1,
+		store: null,
+		handle: null,
+		draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+		swapThreshold: 1,
+		invertSwap: !1,
+		invertedSwapThreshold: null,
+		removeCloneOnHide: !0,
+		direction: function() {
+			return Vt(e, this.options);
+		},
+		ghostClass: "sortable-ghost",
+		chosenClass: "sortable-chosen",
+		dragClass: "sortable-drag",
+		ignore: "a, img",
+		filter: null,
+		preventOnFilter: !0,
+		animation: 0,
+		easing: null,
+		setData: function(e, t) {
+			e.setData("Text", t.textContent);
+		},
+		dropBubble: !1,
+		dragoverBubble: !1,
+		dataIdAttr: "data-id",
+		delay: 0,
+		delayOnTouchOnly: !1,
+		touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+		forceFallback: !1,
+		fallbackClass: "sortable-fallback",
+		fallbackOnBody: !1,
+		fallbackTolerance: 0,
+		fallbackOffset: {
+			x: 0,
+			y: 0
+		},
+		supportPointer: Q.supportPointer !== !1 && "PointerEvent" in window && (!Ne || Pe),
+		emptyInsertThreshold: 5
+	};
+	for (var r in ct.initializePlugins(this, e, n), n) !(r in t) && (t[r] = n[r]);
+	for (var i in Wt(t), this) i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+	this.nativeDraggable = !t.forceFallback && zt, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? P(e, "pointerdown", this._onTapStart) : (P(e, "mousedown", this._onTapStart), P(e, "touchstart", this._onTapStart)), this.nativeDraggable && (P(e, "dragover", this), P(e, "dragenter", this)), bt.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), be(this, rt());
+}
+Q.prototype = {
+	constructor: Q,
+	_isOutsideThisEl: function(e) {
+		!this.el.contains(e) && e !== this.el && (Ot = null);
+	},
+	_getDirection: function(e, t) {
+		return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, W) : this.options.direction;
+	},
+	_onTapStart: function(e) {
+		if (e.cancelable) {
+			var t = this, n = this.el, r = this.options, i = r.preventOnFilter, a = e.type, o = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (o || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, l = r.filter;
+			if (an(n), !W && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Ne && s && s.tagName.toUpperCase() === "SELECT") && (s = I(s, r.draggable, n, !1), !(s && s.animated) && ft !== s)) {
+				if (mt = B(s), ht = B(s, r.draggable), typeof l == "function") {
+					if (l.call(this, e, s, this)) {
+						U({
+							sortable: t,
+							rootEl: c,
+							name: "filter",
+							targetEl: s,
+							toEl: n,
+							fromEl: n
+						}), H("filter", t, { evt: e }), i && e.preventDefault();
+						return;
+					}
+				} else if (l && (l = l.split(",").some(function(r) {
+					if (r = I(c, r.trim(), n, !1), r) return U({
+						sortable: t,
+						rootEl: r,
+						name: "filter",
+						targetEl: s,
+						fromEl: n,
+						toEl: n
+					}), H("filter", t, { evt: e }), !0;
+				}), l)) {
+					i && e.preventDefault();
+					return;
+				}
+				r.handle && !I(c, r.handle, n, !1) || this._prepareDragStart(e, o, s);
+			}
+		}
+	},
+	_prepareDragStart: function(e, t, n) {
+		var r = this, i = r.el, a = r.options, o = i.ownerDocument, s;
+		if (n && !W && n.parentNode === i) {
+			var c = z(n);
+			if (q = i, W = n, G = W.parentNode, dt = W.nextSibling, ft = n, _t = a.group, Q.dragged = W, xt = {
+				target: W,
+				clientX: (t || e).clientX,
+				clientY: (t || e).clientY
+			}, Tt = xt.clientX - c.left, Et = xt.clientY - c.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, W.style["will-change"] = "all", s = function() {
+				if (H("delayEnded", r, { evt: e }), Q.eventCanceled) {
+					r._onDrop();
+					return;
+				}
+				r._disableDelayedDragEvents(), !Me && r.nativeDraggable && (W.draggable = !0), r._triggerDragStart(e, t), U({
+					sortable: r,
+					name: "choose",
+					originalEvent: e
+				}), L(W, a.chosenClass, !0);
+			}, a.ignore.split(",").forEach(function(e) {
+				Ve(W, e.trim(), Zt);
+			}), P(o, "dragover", qt), P(o, "mousemove", qt), P(o, "touchmove", qt), a.supportPointer ? (P(o, "pointerup", r._onDrop), !this.nativeDraggable && P(o, "pointercancel", r._onDrop)) : (P(o, "mouseup", r._onDrop), P(o, "touchend", r._onDrop), P(o, "touchcancel", r._onDrop)), Me && this.nativeDraggable && (this.options.touchStartThreshold = 4, W.draggable = !0), H("delayStart", this, { evt: e }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(je || Ae))) {
+				if (Q.eventCanceled) {
+					this._onDrop();
+					return;
+				}
+				a.supportPointer ? (P(o, "pointerup", r._disableDelayedDrag), P(o, "pointercancel", r._disableDelayedDrag)) : (P(o, "mouseup", r._disableDelayedDrag), P(o, "touchend", r._disableDelayedDrag), P(o, "touchcancel", r._disableDelayedDrag)), P(o, "mousemove", r._delayedDragTouchMoveHandler), P(o, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && P(o, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(s, a.delay);
+			} else s();
+		}
+	},
+	_delayedDragTouchMoveHandler: function(e) {
+		var t = e.touches ? e.touches[0] : e;
+		Math.max(Math.abs(t.clientX - this._lastX), Math.abs(t.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+	},
+	_disableDelayedDrag: function() {
+		W && Zt(W), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+	},
+	_disableDelayedDragEvents: function() {
+		var e = this.el.ownerDocument;
+		F(e, "mouseup", this._disableDelayedDrag), F(e, "touchend", this._disableDelayedDrag), F(e, "touchcancel", this._disableDelayedDrag), F(e, "pointerup", this._disableDelayedDrag), F(e, "pointercancel", this._disableDelayedDrag), F(e, "mousemove", this._delayedDragTouchMoveHandler), F(e, "touchmove", this._delayedDragTouchMoveHandler), F(e, "pointermove", this._delayedDragTouchMoveHandler);
+	},
+	_triggerDragStart: function(e, t) {
+		t ||= e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? P(document, "pointermove", this._onTouchMove) : t ? P(document, "touchmove", this._onTouchMove) : P(document, "mousemove", this._onTouchMove) : (P(W, "dragend", this), P(q, "dragstart", this._onDragStart));
+		try {
+			document.selection ? on(function() {
+				document.selection.empty();
+			}) : window.getSelection().removeAllRanges();
+		} catch {}
+	},
+	_dragStarted: function(e, t) {
+		if (vt = !1, q && W) {
+			H("dragStarted", this, { evt: t }), this.nativeDraggable && P(document, "dragover", Jt);
+			var n = this.options;
+			!e && L(W, n.dragClass, !1), L(W, n.ghostClass, !0), Q.active = this, e && this._appendGhost(), U({
+				sortable: this,
+				name: "start",
+				originalEvent: t
+			});
+		} else this._nulling();
+	},
+	_emulateDragOver: function() {
+		if (St) {
+			this._lastX = St.clientX, this._lastY = St.clientY, Gt();
+			for (var e = document.elementFromPoint(St.clientX, St.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(St.clientX, St.clientY), e !== t);) t = e;
+			if (W.parentNode[V]._isOutsideThisEl(e), t) do {
+				if (t[V]) {
+					var n = void 0;
+					if (n = t[V]._onDragOver({
+						clientX: St.clientX,
+						clientY: St.clientY,
+						target: e,
+						rootEl: t
+					}), n && !this.options.dragoverBubble) break;
+				}
+				e = t;
+			} while (t = Re(t));
+			Kt();
+		}
+	},
+	_onTouchMove: function(e) {
+		if (xt) {
+			var t = this.options, n = t.fallbackTolerance, r = t.fallbackOffset, i = e.touches ? e.touches[0] : e, a = K && Be(K, !0), o = K && a && a.a, s = K && a && a.d, c = Lt && Z && Ke(Z), l = (i.clientX - xt.clientX + r.x) / (o || 1) + (c ? c[0] - Nt[0] : 0) / (o || 1), u = (i.clientY - xt.clientY + r.y) / (s || 1) + (c ? c[1] - Nt[1] : 0) / (s || 1);
+			if (!Q.active && !vt) {
+				if (n && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < n) return;
+				this._onDragStart(e, !0);
+			}
+			if (K) {
+				a ? (a.e += l - (Ct || 0), a.f += u - (wt || 0)) : a = {
+					a: 1,
+					b: 0,
+					c: 0,
+					d: 1,
+					e: l,
+					f: u
+				};
+				var d = `matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;
+				R(K, "webkitTransform", d), R(K, "mozTransform", d), R(K, "msTransform", d), R(K, "transform", d), Ct = l, wt = u, St = i;
+			}
+			e.cancelable && e.preventDefault();
+		}
+	},
+	_appendGhost: function() {
+		if (!K) {
+			var e = this.options.fallbackOnBody ? document.body : q, t = z(W, !0, Lt, !0, e), n = this.options;
+			if (Lt) {
+				for (Z = e; R(Z, "position") === "static" && R(Z, "transform") === "none" && Z !== document;) Z = Z.parentNode;
+				Z !== document.body && Z !== document.documentElement ? (Z === document && (Z = He()), t.top += Z.scrollTop, t.left += Z.scrollLeft) : Z = He(), Nt = Ke(Z);
+			}
+			K = W.cloneNode(!0), L(K, n.ghostClass, !1), L(K, n.fallbackClass, !0), L(K, n.dragClass, !0), R(K, "transition", ""), R(K, "transform", ""), R(K, "box-sizing", "border-box"), R(K, "margin", 0), R(K, "top", t.top), R(K, "left", t.left), R(K, "width", t.width), R(K, "height", t.height), R(K, "opacity", "0.8"), R(K, "position", Lt ? "absolute" : "fixed"), R(K, "zIndex", "100000"), R(K, "pointerEvents", "none"), Q.ghost = K, e.appendChild(K), R(K, "transform-origin", Tt / parseInt(K.style.width) * 100 + "% " + Et / parseInt(K.style.height) * 100 + "%");
+		}
+	},
+	_onDragStart: function(e, t) {
+		var n = this, r = e.dataTransfer, i = n.options;
+		if (H("dragStart", this, { evt: e }), Q.eventCanceled) {
+			this._onDrop();
+			return;
+		}
+		H("setupClone", this), Q.eventCanceled || (J = tt(W), J.removeAttribute("id"), J.draggable = !1, J.style["will-change"] = "", this._hideClone(), L(J, this.options.chosenClass, !1), Q.clone = J), n.cloneId = on(function() {
+			H("clone", n), !Q.eventCanceled && (n.options.removeCloneOnHide || q.insertBefore(J, W), n._hideClone(), U({
+				sortable: n,
+				name: "clone"
+			}));
+		}), !t && L(W, i.dragClass, !0), t ? (yt = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (F(document, "mouseup", n._onDrop), F(document, "touchend", n._onDrop), F(document, "touchcancel", n._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(n, r, W)), P(document, "drop", n), R(W, "transform", "translateZ(0)")), vt = !0, n._dragStartId = on(n._dragStarted.bind(n, t, e)), P(document, "selectstart", n), Dt = !0, window.getSelection().removeAllRanges(), Ne && R(document.body, "user-select", "none");
+	},
+	_onDragOver: function(e) {
+		var t = this.el, n = e.target, r, i, a, o = this.options, s = o.group, c = Q.active, l = _t === s, u = o.sort, d = X || c, f, p = this, m = !1;
+		if (Pt) return;
+		function h(o, s) {
+			H(o, p, Se({
+				evt: e,
+				isOwner: l,
+				axis: f ? "vertical" : "horizontal",
+				revert: a,
+				dragRect: r,
+				targetRect: i,
+				canSort: u,
+				fromSortable: d,
+				target: n,
+				completed: _,
+				onMove: function(n, i) {
+					return Xt(q, t, W, r, n, z(n), e, i);
+				},
+				changed: v
+			}, s));
+		}
+		function g() {
+			h("dragOverAnimationCapture"), p.captureAnimationState(), p !== d && d.captureAnimationState();
+		}
+		function _(r) {
+			return h("dragOverCompleted", { insertion: r }), r && (l ? c._hideClone() : c._showClone(p), p !== d && (L(W, X ? X.options.ghostClass : c.options.ghostClass, !1), L(W, o.ghostClass, !0)), X !== p && p !== Q.active ? X = p : p === Q.active && X && (X = null), d === p && (p._ignoreWhileAnimating = n), p.animateAll(function() {
+				h("dragOverAnimationComplete"), p._ignoreWhileAnimating = null;
+			}), p !== d && (d.animateAll(), d._ignoreWhileAnimating = null)), (n === W && !W.animated || n === t && !n.animated) && (Ot = null), !o.dragoverBubble && !e.rootEl && n !== document && (W.parentNode[V]._isOutsideThisEl(e.target), !r && qt(e)), !o.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
+		}
+		function v() {
+			Y = B(W), gt = B(W, o.draggable), U({
+				sortable: p,
+				name: "change",
+				toEl: t,
+				newIndex: Y,
+				newDraggableIndex: gt,
+				originalEvent: e
+			});
+		}
+		if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = I(n, o.draggable, t, !0), h("dragOver"), Q.eventCanceled) return m;
+		if (W.contains(e.target) || n.animated && n.animatingX && n.animatingY || p._ignoreWhileAnimating === n) return _(!1);
+		if (yt = !1, c && !o.disabled && (l ? u || (a = G !== q) : X === this || (this.lastPutMode = _t.checkPull(this, c, W, e)) && s.checkPut(this, c, W, e))) {
+			if (f = this._getDirection(e, n) === "vertical", r = z(W), h("dragOverValid"), Q.eventCanceled) return m;
+			if (a) return G = q, g(), this._hideClone(), h("revert"), Q.eventCanceled || (dt ? q.insertBefore(W, dt) : q.appendChild(W)), _(!0);
+			var y = Ge(t, o.draggable);
+			if (!y || en(e, f, this) && !y.animated) {
+				if (y === W) return _(!1);
+				if (y && t === e.target && (n = y), n && (i = z(n)), Xt(q, t, W, r, n, i, e, !!n) !== !1) return g(), y && y.nextSibling ? t.insertBefore(W, y.nextSibling) : t.appendChild(W), G = t, v(), _(!0);
+			} else if (y && $t(e, f, this)) {
+				var b = We(t, 0, o, !0);
+				if (b === W) return _(!1);
+				if (n = b, i = z(n), Xt(q, t, W, r, n, i, e, !1) !== !1) return g(), t.insertBefore(W, b), G = t, v(), _(!0);
+			} else if (n.parentNode === t) {
+				i = z(n);
+				var x = 0, S, ee = W.parentNode !== t, C = !Ht(W.animated && W.toRect || r, n.animated && n.toRect || i, f), w = f ? "top" : "left", T = Ue(n, "top", "top") || Ue(W, "top", "top"), te = T ? T.scrollTop : void 0;
+				Ot !== n && (S = i[w], At = !1, jt = !C && o.invertSwap || ee), x = tn(e, n, i, f, C ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, jt, Ot === n);
+				var E;
+				if (x !== 0) {
+					var D = B(W);
+					do
+						D -= x, E = G.children[D];
+					while (E && (R(E, "display") === "none" || E === K));
+				}
+				if (x === 0 || E === n) return _(!1);
+				Ot = n, kt = x;
+				var O = n.nextElementSibling, k = !1;
+				k = x === 1;
+				var ne = Xt(q, t, W, r, n, i, e, k);
+				if (ne !== !1) return (ne === 1 || ne === -1) && (k = ne === 1), Pt = !0, setTimeout(Qt, 30), g(), k && !O ? t.appendChild(W) : n.parentNode.insertBefore(W, k ? O : n), T && et(T, 0, te - T.scrollTop), G = W.parentNode, S !== void 0 && !jt && (Mt = Math.abs(S - z(n)[w])), v(), _(!0);
+			}
+			if (t.contains(W)) return _(!1);
+		}
+		return !1;
+	},
+	_ignoreWhileAnimating: null,
+	_offMoveEvents: function() {
+		F(document, "mousemove", this._onTouchMove), F(document, "touchmove", this._onTouchMove), F(document, "pointermove", this._onTouchMove), F(document, "dragover", qt), F(document, "mousemove", qt), F(document, "touchmove", qt);
+	},
+	_offUpEvents: function() {
+		var e = this.el.ownerDocument;
+		F(e, "mouseup", this._onDrop), F(e, "touchend", this._onDrop), F(e, "pointerup", this._onDrop), F(e, "pointercancel", this._onDrop), F(e, "touchcancel", this._onDrop), F(document, "selectstart", this);
+	},
+	_onDrop: function(e) {
+		var t = this.el, n = this.options;
+		if (Y = B(W), gt = B(W, n.draggable), H("drop", this, { evt: e }), G = W && W.parentNode, Y = B(W), gt = B(W, n.draggable), Q.eventCanceled) {
+			this._nulling();
+			return;
+		}
+		vt = !1, jt = !1, At = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), sn(this.cloneId), sn(this._dragStartId), this.nativeDraggable && (F(document, "drop", this), F(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ne && R(document.body, "user-select", ""), R(W, "transform", ""), e && (Dt && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), K && K.parentNode && K.parentNode.removeChild(K), (q === G || X && X.lastPutMode !== "clone") && J && J.parentNode && J.parentNode.removeChild(J), W && (this.nativeDraggable && F(W, "dragend", this), Zt(W), W.style["will-change"] = "", Dt && !vt && L(W, X ? X.options.ghostClass : this.options.ghostClass, !1), L(W, this.options.chosenClass, !1), U({
+			sortable: this,
+			name: "unchoose",
+			toEl: G,
+			newIndex: null,
+			newDraggableIndex: null,
+			originalEvent: e
+		}), q === G ? Y !== mt && Y >= 0 && (U({
+			sortable: this,
+			name: "update",
+			toEl: G,
+			originalEvent: e
+		}), U({
+			sortable: this,
+			name: "sort",
+			toEl: G,
+			originalEvent: e
+		})) : (Y >= 0 && (U({
+			rootEl: G,
+			name: "add",
+			toEl: G,
+			fromEl: q,
+			originalEvent: e
+		}), U({
+			sortable: this,
+			name: "remove",
+			toEl: G,
+			originalEvent: e
+		}), U({
+			rootEl: G,
+			name: "sort",
+			toEl: G,
+			fromEl: q,
+			originalEvent: e
+		}), U({
+			sortable: this,
+			name: "sort",
+			toEl: G,
+			originalEvent: e
+		})), X && X.save()), Q.active && ((Y == null || Y === -1) && (Y = mt, gt = ht), U({
+			sortable: this,
+			name: "end",
+			toEl: G,
+			originalEvent: e
+		}), this.save()))), this._nulling();
+	},
+	_nulling: function() {
+		H("nulling", this), q = W = G = K = dt = J = ft = pt = xt = St = Dt = Y = gt = mt = ht = Ot = kt = X = _t = Q.dragged = Q.ghost = Q.clone = Q.active = null;
+		var e = this.el;
+		Ft.forEach(function(t) {
+			e.contains(t) && (t.checked = !0);
+		}), Ft.length = Ct = wt = 0;
+	},
+	handleEvent: function(e) {
+		switch (e.type) {
+			case "drop":
+			case "dragend":
+				this._onDrop(e);
+				break;
+			case "dragenter":
+			case "dragover":
+				W && (this._onDragOver(e), Yt(e));
+				break;
+			case "selectstart":
+				e.preventDefault();
+				break;
+		}
+	},
+	toArray: function() {
+		for (var e = [], t, n = this.el.children, r = 0, i = n.length, a = this.options; r < i; r++) t = n[r], I(t, a.draggable, this.el, !1) && e.push(t.getAttribute(a.dataIdAttr) || rn(t));
+		return e;
+	},
+	sort: function(e, t) {
+		var n = {}, r = this.el;
+		this.toArray().forEach(function(e, t) {
+			var i = r.children[t];
+			I(i, this.options.draggable, r, !1) && (n[e] = i);
+		}, this), t && this.captureAnimationState(), e.forEach(function(e) {
+			n[e] && (r.removeChild(n[e]), r.appendChild(n[e]));
+		}), t && this.animateAll();
+	},
+	save: function() {
+		var e = this.options.store;
+		e && e.set && e.set(this);
+	},
+	closest: function(e, t) {
+		return I(e, t || this.options.draggable, this.el, !1);
+	},
+	option: function(e, t) {
+		var n = this.options;
+		if (t === void 0) return n[e];
+		var r = ct.modifyOption(this, e, t);
+		r === void 0 ? n[e] = t : n[e] = r, e === "group" && Wt(n);
+	},
+	destroy: function() {
+		H("destroy", this);
+		var e = this.el;
+		e[V] = null, F(e, "mousedown", this._onTapStart), F(e, "touchstart", this._onTapStart), F(e, "pointerdown", this._onTapStart), this.nativeDraggable && (F(e, "dragover", this), F(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(e) {
+			e.removeAttribute("draggable");
+		}), this._onDrop(), this._disableDelayedDragEvents(), bt.splice(bt.indexOf(this.el), 1), this.el = e = null;
+	},
+	_hideClone: function() {
+		if (!pt) {
+			if (H("hideClone", this), Q.eventCanceled) return;
+			R(J, "display", "none"), this.options.removeCloneOnHide && J.parentNode && J.parentNode.removeChild(J), pt = !0;
+		}
+	},
+	_showClone: function(e) {
+		if (e.lastPutMode !== "clone") {
+			this._hideClone();
+			return;
+		}
+		if (pt) {
+			if (H("showClone", this), Q.eventCanceled) return;
+			W.parentNode == q && !this.options.group.revertClone ? q.insertBefore(J, W) : dt ? q.insertBefore(J, dt) : q.appendChild(J), this.options.group.revertClone && this.animate(W, J), R(J, "display", ""), pt = !1;
+		}
+	}
+};
+function Yt(e) {
+	e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function Xt(e, t, n, r, i, a, o, s) {
+	var c, l = e[V], u = l.options.onMove, d;
+	return window.CustomEvent && !Ae && !je ? c = new CustomEvent("move", {
+		bubbles: !0,
+		cancelable: !0
+	}) : (c = document.createEvent("Event"), c.initEvent("move", !0, !0)), c.to = t, c.from = e, c.dragged = n, c.draggedRect = r, c.related = i || t, c.relatedRect = a || z(t), c.willInsertAfter = s, c.originalEvent = o, e.dispatchEvent(c), u && (d = u.call(l, c, o)), d;
+}
+function Zt(e) {
+	e.draggable = !1;
+}
+function Qt() {
+	Pt = !1;
+}
+function $t(e, t, n) {
+	var r = z(We(n.el, 0, n.options, !0)), i = nt(n.el, n.options, K), a = 10;
+	return t ? e.clientX < i.left - a || e.clientY < r.top && e.clientX < r.right : e.clientY < i.top - a || e.clientY < r.bottom && e.clientX < r.left;
+}
+function en(e, t, n) {
+	var r = z(Ge(n.el, n.options.draggable)), i = nt(n.el, n.options, K), a = 10;
+	return t ? e.clientX > i.right + a || e.clientY > r.bottom && e.clientX > r.left : e.clientY > i.bottom + a || e.clientX > r.right && e.clientY > r.top;
+}
+function tn(e, t, n, r, i, a, o, s) {
+	var c = r ? e.clientY : e.clientX, l = r ? n.height : n.width, u = r ? n.top : n.left, d = r ? n.bottom : n.right, f = !1;
+	if (!o) {
+		if (s && Mt < l * i) {
+			if (!At && (kt === 1 ? c > u + l * a / 2 : c < d - l * a / 2) && (At = !0), At) f = !0;
+			else if (kt === 1 ? c < u + Mt : c > d - Mt) return -kt;
+		} else if (c > u + l * (1 - i) / 2 && c < d - l * (1 - i) / 2) return nn(t);
+	}
+	return f ||= o, f && (c < u + l * a / 2 || c > d - l * a / 2) ? c > u + l / 2 ? 1 : -1 : 0;
+}
+function nn(e) {
+	return B(W) < B(e) ? 1 : -1;
+}
+function rn(e) {
+	for (var t = e.tagName + e.className + e.src + e.href + e.textContent, n = t.length, r = 0; n--;) r += t.charCodeAt(n);
+	return r.toString(36);
+}
+function an(e) {
+	Ft.length = 0;
+	for (var t = e.getElementsByTagName("input"), n = t.length; n--;) {
+		var r = t[n];
+		r.checked && Ft.push(r);
+	}
+}
+function on(e) {
+	return setTimeout(e, 0);
+}
+function sn(e) {
+	return clearTimeout(e);
+}
+It && P(document, "touchmove", function(e) {
+	(Q.active || vt) && e.cancelable && e.preventDefault();
+}), Q.utils = {
+	on: P,
+	off: F,
+	css: R,
+	find: Ve,
+	is: function(e, t) {
+		return !!I(e, t, e, !1);
+	},
+	extend: Ye,
+	throttle: Qe,
+	closest: I,
+	toggleClass: L,
+	clone: tt,
+	index: B,
+	nextTick: on,
+	cancelNextTick: sn,
+	detectDirection: Vt,
+	getChild: We,
+	expando: V
+}, Q.get = function(e) {
+	return e[V];
+}, Q.mount = function() {
+	var e = [...arguments];
+	e[0].constructor === Array && (e = e[0]), e.forEach(function(e) {
+		if (!e.prototype || !e.prototype.constructor) throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(e)}`;
+		e.utils && (Q.utils = Se(Se({}, Q.utils), e.utils)), ct.mount(e);
+	});
+}, Q.create = function(e, t) {
+	return new Q(e, t);
+}, Q.version = Oe;
+var $ = [], cn, ln, un = !1, dn, fn, pn, mn;
+function hn() {
+	function e() {
+		for (var e in this.defaults = {
+			scroll: !0,
+			forceAutoScrollFallback: !1,
+			scrollSensitivity: 30,
+			scrollSpeed: 10,
+			bubbleScroll: !0
+		}, this) e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
+	}
+	return e.prototype = {
+		dragStarted: function(e) {
+			var t = e.originalEvent;
+			this.sortable.nativeDraggable ? P(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? P(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? P(document, "touchmove", this._handleFallbackAutoScroll) : P(document, "mousemove", this._handleFallbackAutoScroll);
+		},
+		dragOverCompleted: function(e) {
+			var t = e.originalEvent;
+			!this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
+		},
+		drop: function() {
+			this.sortable.nativeDraggable ? F(document, "dragover", this._handleAutoScroll) : (F(document, "pointermove", this._handleFallbackAutoScroll), F(document, "touchmove", this._handleFallbackAutoScroll), F(document, "mousemove", this._handleFallbackAutoScroll)), _n(), gn(), $e();
+		},
+		nulling: function() {
+			pn = ln = cn = un = mn = dn = fn = null, $.length = 0;
+		},
+		_handleFallbackAutoScroll: function(e) {
+			this._handleAutoScroll(e, !0);
+		},
+		_handleAutoScroll: function(e, t) {
+			var n = this, r = (e.touches ? e.touches[0] : e).clientX, i = (e.touches ? e.touches[0] : e).clientY, a = document.elementFromPoint(r, i);
+			if (pn = e, t || this.options.forceAutoScrollFallback || je || Ae || Ne) {
+				vn(e, this.options, a, t);
+				var o = Je(a, !0);
+				un && (!mn || r !== dn || i !== fn) && (mn && _n(), mn = setInterval(function() {
+					var a = Je(document.elementFromPoint(r, i), !0);
+					a !== o && (o = a, gn()), vn(e, n.options, a, t);
+				}, 10), dn = r, fn = i);
+			} else {
+				if (!this.options.bubbleScroll || Je(a, !0) === He()) {
+					gn();
+					return;
+				}
+				vn(e, this.options, Je(a, !1), !1);
+			}
+		}
+	}, be(e, {
+		pluginName: "scroll",
+		initializeByDefault: !0
+	});
+}
+function gn() {
+	$.forEach(function(e) {
+		clearInterval(e.pid);
+	}), $ = [];
+}
+function _n() {
+	clearInterval(mn);
+}
+var vn = Qe(function(e, t, n, r) {
+	if (t.scroll) {
+		var i = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, o = t.scrollSensitivity, s = t.scrollSpeed, c = He(), l = !1, u;
+		ln !== n && (ln = n, gn(), cn = t.scroll, u = t.scrollFn, cn === !0 && (cn = Je(n, !0)));
+		var d = 0, f = cn;
+		do {
+			var p = f, m = z(p), h = m.top, g = m.bottom, _ = m.left, v = m.right, y = m.width, b = m.height, x = void 0, S = void 0, ee = p.scrollWidth, C = p.scrollHeight, w = R(p), T = p.scrollLeft, te = p.scrollTop;
+			p === c ? (x = y < ee && (w.overflowX === "auto" || w.overflowX === "scroll" || w.overflowX === "visible"), S = b < C && (w.overflowY === "auto" || w.overflowY === "scroll" || w.overflowY === "visible")) : (x = y < ee && (w.overflowX === "auto" || w.overflowX === "scroll"), S = b < C && (w.overflowY === "auto" || w.overflowY === "scroll"));
+			var E = x && (Math.abs(v - i) <= o && T + y < ee) - (Math.abs(_ - i) <= o && !!T), D = S && (Math.abs(g - a) <= o && te + b < C) - (Math.abs(h - a) <= o && !!te);
+			if (!$[d]) for (var O = 0; O <= d; O++) $[O] || ($[O] = {});
+			($[d].vx != E || $[d].vy != D || $[d].el !== p) && ($[d].el = p, $[d].vx = E, $[d].vy = D, clearInterval($[d].pid), (E != 0 || D != 0) && (l = !0, $[d].pid = setInterval(function() {
+				r && this.layer === 0 && Q.active._onTouchMove(pn);
+				var t = $[this.layer].vy ? $[this.layer].vy * s : 0, n = $[this.layer].vx ? $[this.layer].vx * s : 0;
+				typeof u == "function" && u.call(Q.dragged.parentNode[V], n, t, e, pn, $[this.layer].el) !== "continue" || et($[this.layer].el, n, t);
+			}.bind({ layer: d }), 24))), d++;
+		} while (t.bubbleScroll && f !== c && (f = Je(f, !1)));
+		un = l;
+	}
+}, 30), yn = function(e) {
+	var t = e.originalEvent, n = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, o = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+	if (t) {
+		var c = n || i;
+		o();
+		var l = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, u = document.elementFromPoint(l.clientX, l.clientY);
+		s(), c && !c.el.contains(u) && (a("spill"), this.onSpill({
+			dragEl: r,
+			putSortable: n
+		}));
+	}
+};
+function bn() {}
+bn.prototype = {
+	startIndex: null,
+	dragStart: function(e) {
+		var t = e.oldDraggableIndex;
+		this.startIndex = t;
+	},
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable;
+		this.sortable.captureAnimationState(), n && n.captureAnimationState();
+		var r = We(this.sortable.el, this.startIndex, this.options);
+		r ? this.sortable.el.insertBefore(t, r) : this.sortable.el.appendChild(t), this.sortable.animateAll(), n && n.animateAll();
+	},
+	drop: yn
+}, be(bn, { pluginName: "revertOnSpill" });
+function xn() {}
+xn.prototype = {
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable || this.sortable;
+		n.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), n.animateAll();
+	},
+	drop: yn
+}, be(xn, { pluginName: "removeOnSpill" }), Q.mount(new hn()), Q.mount(xn, bn);
+//#endregion
+//#region src/designer/CockpitWidgetPreview.vue?vue&type=script&setup=true&lang.ts
+var Sn = ["src", "alt"], Cn = { class: "lumal-cockpit-designer__widget-preview-fallback" }, wn = /* @__PURE__ */ x({
+	__name: "CockpitWidgetPreview",
+	props: {
+		cockpitId: {},
+		definition: {},
+		instanceId: {},
+		layoutId: {},
+		messageBus: {},
+		baseWidth: { default: 480 },
+		baseHeight: { default: 270 }
+	},
+	setup(e) {
+		let t = e, n = D(null), r = t.messageBus ?? c(), i = re({
+			cockpitId: t.cockpitId,
+			layoutId: t.layoutId,
+			instanceId: t.instanceId,
+			mode: "design",
+			messages: r
+		});
+		se(() => {
+			i.cockpitId = t.cockpitId, i.layoutId = t.layoutId, i.instanceId = t.instanceId;
+		}), u(i);
+		let a = m(() => l(t.definition.component)), { result: s } = d(n, {
+			baseWidth: () => t.baseWidth,
+			baseHeight: () => t.baseHeight
+		}), f = m(() => ({
+			width: `${t.baseWidth}px`,
+			height: `${t.baseHeight}px`,
+			transform: `translate(${s.value.offsetX}px, ${s.value.offsetY}px) scale(${s.value.scale})`,
+			transformOrigin: "top left"
+		}));
+		return T(() => {
+			r.clearInstance(t.instanceId);
+		}), (t, r) => (E(), _("div", {
+			ref_key: "previewRef",
+			ref: n,
+			class: "lumal-cockpit-designer__widget-preview"
+		}, [e.definition.thumbnail ? (E(), _("img", {
+			key: 0,
+			src: e.definition.thumbnail,
+			alt: `${e.definition.label}预览`,
+			class: "lumal-cockpit-designer__widget-preview-image"
+		}, null, 8, Sn)) : (E(), _("div", {
+			key: 1,
+			class: "lumal-cockpit-designer__widget-preview-stage",
+			style: w(f.value),
+			inert: "",
+			"aria-hidden": "true"
+		}, [b(o, null, {
+			error: j(() => [v("div", Cn, [b(A(N), {
+				name: e.definition.icon || "lumal:grid",
+				size: 28
+			}, null, 8, ["name"]), r[0] ||= v("span", null, "预览不可用", -1)])]),
+			default: j(() => [(E(), h(ne(a.value), { context: A(i) }, null, 8, ["context"]))]),
+			_: 1
+		})], 4))], 512));
+	}
+}), Tn = {
+	class: "lumal-cockpit-designer__library",
+	"aria-label": "模块库"
+}, En = ["data-cockpit-library-type", "data-cockpit-library-title"], Dn = /* @__PURE__ */ x({
+	__name: "CockpitComponentLibrary",
+	props: {
+		cockpitId: {},
+		layoutId: {},
+		registry: {},
+		selectedType: {}
+	},
+	emits: ["selectWidget"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = D(null), a, o = m(() => n.registry.listWidgets());
+		return te(() => {
+			i.value && (a = Q.create(i.value, {
+				animation: 160,
+				group: {
+					name: "lumal-cockpit-designer-modules",
+					pull: "clone",
+					put: !1
+				},
+				sort: !1,
+				draggable: ".lumal-cockpit-designer__library-card",
+				ghostClass: "is-drag-ghost",
+				chosenClass: "is-drag-chosen"
+			}));
+		}), T(() => {
+			a?.destroy();
+		}), (t, n) => (E(), _("aside", Tn, [v("div", {
+			ref_key: "libraryRef",
+			ref: i,
+			class: "lumal-cockpit-designer__library-grid"
+		}, [(E(!0), _(p, null, O(o.value, (t) => (E(), _("article", {
+			key: t.type,
+			class: C(["lumal-cockpit-designer__library-card", { "is-selected": e.selectedType === t.type }]),
+			"data-cockpit-library-type": t.type,
+			"data-cockpit-library-title": t.label
+		}, [b(wn, {
+			"cockpit-id": e.cockpitId,
+			definition: t,
+			"instance-id": `library-preview:${t.type}`,
+			"layout-id": e.layoutId
+		}, null, 8, [
+			"cockpit-id",
+			"definition",
+			"instance-id",
+			"layout-id"
+		]), b(A(M), {
+			text: "",
+			class: "lumal-cockpit-designer__library-select",
+			"aria-label": `选择或拖动模块：${t.label}`,
+			"aria-pressed": e.selectedType === t.type,
+			onClick: (e) => r("selectWidget", t)
+		}, {
+			default: j(() => [y(ie(t.label), 1)]),
+			_: 2
+		}, 1032, [
+			"aria-label",
+			"aria-pressed",
+			"onClick"
+		])], 10, En))), 128)), o.value.length ? g("", !0) : (E(), h(A(ue), {
+			key: 0,
+			class: "lumal-cockpit-designer__library-empty",
+			description: "暂无可用模块",
+			"image-size": 56
+		}))], 512)]));
+	}
+});
+//#endregion
+//#region src/designer/confirmWidgetReplacement.ts
+async function On() {
+	try {
+		return await me.confirm("目标槽位已有模块，是否替换？", "确认替换", {
+			cancelButtonText: "取消",
+			confirmButtonText: "替换",
+			type: "warning"
+		}), !0;
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/designer/CockpitWidgetDropZone.vue
+var kn = /* @__PURE__ */ x({
+	__name: "CockpitWidgetDropZone",
+	props: {
+		allowMultiple: {
+			type: Boolean,
+			default: !1
+		},
+		dragHandle: { default: "" },
+		sortableTarget: { default: "" },
+		target: {},
+		widget: { default: void 0 }
+	},
+	emits: ["drop"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = D(null), a;
+		function o(e) {
+			if (e) try {
+				let t = JSON.parse(e);
+				if (t.kind === "cell" || t.kind === "tabs") return t;
+			} catch {
+				return;
+			}
+		}
+		function s(e) {
+			return e.to !== e.from || n.allowMultiple;
+		}
+		function c(e, t = !1) {
+			let n = o(e.dataset.cockpitDragSource), r = e.dataset.cockpitLibraryType;
+			return n ? {
+				source: n,
+				replace: t
+			} : r ? {
+				library: {
+					type: r,
+					title: e.dataset.cockpitLibraryTitle
+				},
+				replace: t
+			} : {};
+		}
+		async function l(e) {
+			let t = e.item, i = c(t), a = !n.allowMultiple && !!n.widget;
+			if (a && !await On()) {
+				if (i.source) {
+					let n = e.from.children.item(e.oldIndex ?? e.from.children.length);
+					e.from.insertBefore(t, n);
+				} else t.remove();
+				return;
+			}
+			r("drop", {
+				...i,
+				replace: a
+			}), ee(() => t.remove());
+		}
+		return te(() => {
+			if (!i.value) return;
+			let e = n.sortableTarget ? i.value.querySelector(n.sortableTarget) : i.value;
+			e && (a = Q.create(e, {
+				animation: 160,
+				group: {
+					name: "lumal-cockpit-designer-modules",
+					pull: !0,
+					put: !0
+				},
+				handle: n.dragHandle || void 0,
+				sort: n.allowMultiple,
+				draggable: ".lumal-cockpit-designer__drag-item",
+				ghostClass: "is-drag-ghost",
+				chosenClass: "is-drag-chosen",
+				onMove: s,
+				onAdd: (e) => void l(e),
+				onUpdate(e) {
+					n.allowMultiple && e.oldIndex !== void 0 && e.newIndex !== void 0 && r("drop", { reorder: {
+						oldIndex: e.oldIndex,
+						newIndex: e.newIndex
+					} });
+				}
+			}));
+		}), T(() => {
+			a?.destroy();
+		}), (t, n) => (E(), _("div", {
+			ref_key: "zoneRef",
+			ref: i,
+			class: C(["lumal-cockpit-designer__drop-zone", { "is-tabs": e.allowMultiple }])
+		}, [k(t.$slots, "default")], 2));
+	}
+}), An = ["data-side"], jn = ["aria-label"], Mn = { class: "lumal-cockpit-designer__region-head-meta" }, Nn = { class: "lumal-cockpit-designer__field" }, Pn = { class: "lumal-cockpit-designer__field" }, Fn = { class: "lumal-cockpit-designer__field lumal-cockpit-designer__region-width-field" }, In = {
+	key: 0,
+	class: "lumal-cockpit-designer__grid-rows"
+}, Ln = ["aria-label"], Rn = { class: "lumal-cockpit-designer__field" }, zn = { class: "lumal-cockpit-designer__tabs-switch" }, Bn = ["data-cockpit-drag-source"], Vn = { class: "lumal-cockpit-designer__placed-widget-header" }, Hn = { class: "lumal-cockpit-designer__placed-widget-actions" }, Un = { class: "lumal-cockpit-designer__placed-widget-body" }, Wn = {
+	key: 1,
+	class: "lumal-cockpit-designer__widget-preview-fallback"
+}, Gn = ["aria-label"], Kn = ["data-cockpit-drag-source"], qn = ["id", "aria-labelledby"], Jn = {
+	key: 1,
+	class: "lumal-cockpit-designer__widget-preview-fallback"
+}, Yn = /* @__PURE__ */ x({
+	__name: "CockpitLayoutEditor",
+	props: {
+		cockpitId: {},
+		draft: {},
+		registry: {},
+		placementSelection: {},
+		previewMessageBus: {},
+		side: {}
+	},
+	emits: ["selectPlaced", "clearPlacement"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = m(() => {
+			let e = n.draft.activeLayout.value;
+			if (e) return n.side === "left" ? e.left : e.right;
+		});
+		function a(e, t) {
+			return {
+				kind: "cell",
+				side: n.side,
+				rowId: e.id,
+				cellId: t
+			};
+		}
+		function o(e, t) {
+			return {
+				kind: "tabs",
+				side: n.side,
+				rowId: e.id,
+				widgetId: t
+			};
+		}
+		function s(e) {
+			return n.registry.resolveWidget(e);
+		}
+		function c() {
+			let e = i.value?.columns.length ?? 1;
+			return Array.from({ length: Math.max(1, e) }, () => "minmax(0, 1fr)").join(" ");
+		}
+		function l(e) {
+			return e.widgets.find((t) => t.id === e.activeWidgetId) ?? e.widgets[0];
+		}
+		function u(e, t) {
+			return e.kind !== t.kind || e.side !== t.side || e.rowId !== t.rowId ? !1 : e.kind === "cell" ? e.cellId === t.cellId : e.widgetId === t.widgetId;
+		}
+		function d(e) {
+			return n.placementSelection?.kind === "placed" && u(n.placementSelection.location, e);
+		}
+		function f(e) {
+			let t = n.placementSelection;
+			return !!(t && (t.kind !== "placed" || !u(t.location, e)));
+		}
+		function x(e, t) {
+			n.draft.resizeRegion(n.side, e, t) || pe.warning("缩减区域会移除已放置模块，请先拖动模块到保留槽位后再操作。");
+		}
+		function S(e, t) {
+			if (!n.draft.setRowTabs(n.side, e.id, t)) {
+				pe.warning("Tab 行中的模块数超过当前列数，无法解除合并。");
+				return;
+			}
+			n.placementSelection?.kind === "placed" && n.placementSelection.location.side === n.side && n.placementSelection.location.rowId === e.id && r("clearPlacement");
+		}
+		function T(e, t) {
+			r("selectPlaced", {
+				kind: "placed",
+				location: e,
+				widgetId: t.id,
+				title: t.title ?? s(t.type)?.label ?? t.type
+			});
+		}
+		function te(e) {
+			d(e) && r("clearPlacement"), n.draft.removeWidget(e);
+		}
+		async function D(e) {
+			let t = n.placementSelection;
+			if (!t || t.kind === "placed" && u(t.location, e)) return;
+			let i = !1;
+			if (e.kind === "cell" && n.draft.hasWidgetAt(e) && (i = await On(), !i)) return;
+			if (t.kind === "library") {
+				n.draft.addWidget(e, t.type, t.title, i) || pe.warning("模块放置失败，请检查目标槽位。");
+				return;
+			}
+			let a = n.draft.moveWidget(t.location, e, i);
+			if (a.requiresReplace && await On() && (a = n.draft.moveWidget(t.location, e, !0)), !a.moved) {
+				pe.warning("模块移动失败，请重新选择目标。");
+				return;
+			}
+			r("clearPlacement");
+		}
+		function k(e, t) {
+			if (t.reorder && e.kind === "tabs") {
+				n.draft.reorderTabWidgets(n.side, e.rowId, t.reorder.oldIndex, t.reorder.newIndex);
+				return;
+			}
+			if (t.library) {
+				n.draft.addWidget(e, t.library.type, t.library.title, t.replace) || pe.warning("目标槽位已有模块，请确认替换后再操作。");
+				return;
+			}
+			if (!t.source) return;
+			let i = n.draft.moveWidget(t.source, e, t.replace);
+			!i.moved && !i.requiresReplace ? pe.error("模块移动失败。") : i.moved && n.placementSelection?.kind === "placed" && u(n.placementSelection.location, t.source) && r("clearPlacement");
+		}
+		async function ne(e, t, r) {
+			if (![
+				"ArrowLeft",
+				"ArrowRight",
+				"Home",
+				"End"
+			].includes(r.key) || !e.widgets.length) return;
+			r.preventDefault();
+			let i = e.widgets.length - 1, a = r.key === "Home" ? 0 : r.key === "End" ? i : r.key === "ArrowRight" ? (t + 1) % e.widgets.length : (t - 1 + e.widgets.length) % e.widgets.length;
+			n.draft.setActiveTab(n.side, e.id, e.widgets[a].id), await ee(), r.currentTarget.closest("[role=\"tablist\"]")?.querySelectorAll("[role=\"tab\"]")[a]?.focus();
+		}
+		return (t, n) => (E(), _("section", {
+			class: "lumal-cockpit-designer__region",
+			"data-side": e.side
+		}, [v("header", {
+			class: "lumal-cockpit-designer__region-head",
+			"data-role": "region-tools",
+			role: "group",
+			"aria-label": `${e.side === "left" ? "左侧" : "右侧"}区域布局设置`
+		}, [
+			v("div", Mn, [v("strong", null, ie(e.side === "left" ? "左侧区域" : "右侧区域"), 1), n[7] ||= v("span", null, "调整网格结构与区域宽", -1)]),
+			v("label", Nn, [n[8] ||= v("span", null, "行", -1), b(A(fe), {
+				"model-value": i.value?.rows.length ?? 1,
+				min: 1,
+				"aria-label": `${e.side === "left" ? "左侧" : "右侧"}区域行数`,
+				onChange: n[0] ||= (e) => x(e ?? 1, i.value?.columns.length ?? 1)
+			}, null, 8, ["model-value", "aria-label"])]),
+			v("label", Pn, [n[9] ||= v("span", null, "列", -1), b(A(fe), {
+				"model-value": i.value?.columns.length ?? 1,
+				min: 1,
+				"aria-label": `${e.side === "left" ? "左侧" : "右侧"}区域列数`,
+				onChange: n[1] ||= (e) => x(i.value?.rows.length ?? 1, e ?? 1)
+			}, null, 8, ["model-value", "aria-label"])]),
+			v("label", Fn, [
+				n[10] ||= v("span", null, "区域宽", -1),
+				b(A(fe), {
+					"model-value": i.value?.width ?? 0,
+					min: Math.max(1, i.value?.columns.length ?? 1),
+					"aria-label": `${e.side === "left" ? "左侧" : "右侧"}区域宽度像素`,
+					onChange: n[2] ||= (t) => e.draft.setRegionWidth(e.side, t ?? i.value?.width ?? 0)
+				}, null, 8, [
+					"model-value",
+					"min",
+					"aria-label"
+				]),
+				n[11] ||= v("em", null, "px", -1)
+			])
+		], 8, jn), i.value ? (E(), _("div", In, [(E(!0), _(p, null, O(i.value.rows, (t, r) => (E(), _("section", {
+			key: t.id,
+			class: "lumal-cockpit-designer__grid-row",
+			style: w({ flex: `${t.height} 1 0` })
+		}, [v("header", {
+			class: "lumal-cockpit-designer__grid-row-head",
+			"data-role": "row-tools",
+			role: "group",
+			"aria-label": `${e.side === "left" ? "左侧" : "右侧"}第 ${r + 1} 行布局设置`
+		}, [
+			v("strong", null, "第 " + ie(r + 1) + " 行", 1),
+			v("label", Rn, [
+				n[12] ||= v("span", null, "行高", -1),
+				b(A(fe), {
+					"model-value": t.height,
+					min: 1,
+					max: 100,
+					precision: 3,
+					"aria-label": `第 ${r + 1} 行高度百分比`,
+					onChange: (n) => e.draft.setRowHeight(e.side, t.id, n ?? t.height)
+				}, null, 8, [
+					"model-value",
+					"aria-label",
+					"onChange"
+				]),
+				n[13] ||= v("em", null, "%", -1)
+			]),
+			v("label", zn, [n[14] ||= v("span", null, "合并列", -1), b(A(_e), {
+				"model-value": t.mode === "tabs",
+				onChange: (e) => S(t, !!e)
+			}, null, 8, ["model-value", "onChange"])])
+		], 8, Ln), t.mode === "grid" ? (E(), _("div", {
+			key: 0,
+			class: "lumal-cockpit-designer__grid-cells",
+			style: w({ gridTemplateColumns: c() })
+		}, [(E(!0), _(p, null, O(t.cells, (r) => (E(), h(kn, {
+			key: r.id,
+			target: a(t, r.id),
+			widget: r.widget,
+			onDrop: (e) => k(a(t, r.id), e)
+		}, {
+			default: j(() => [r.widget ? (E(), _("article", {
+				key: 0,
+				class: C(["lumal-cockpit-designer__placed-widget lumal-cockpit-designer__drag-item", { "is-keyboard-selected": d(a(t, r.id)) }]),
+				"data-cockpit-drag-source": JSON.stringify(a(t, r.id)),
+				"data-role": "placed-widget"
+			}, [v("header", Vn, [v("span", null, ie(r.widget.title ?? r.widget.type), 1), v("div", Hn, [
+				b(A(ve), {
+					content: "选择并移动模块",
+					placement: "top"
+				}, {
+					default: j(() => [b(A(M), {
+						class: "lumal-cockpit-designer__widget-action",
+						"data-role": "select-move-source",
+						"aria-label": `选择移动模块 ${r.widget.title ?? r.widget.type}`,
+						"aria-pressed": d(a(t, r.id)),
+						onMousedown: n[3] ||= ce(() => {}, ["stop"]),
+						onClick: ce((e) => T(a(t, r.id), r.widget), ["stop"])
+					}, {
+						default: j(() => [b(A(N), {
+							name: "lumal:more",
+							size: 12
+						})]),
+						_: 1
+					}, 8, [
+						"aria-label",
+						"aria-pressed",
+						"onClick"
+					])]),
+					_: 2
+				}, 1024),
+				f(a(t, r.id)) ? (E(), h(A(ve), {
+					key: 0,
+					content: "移动并替换到此槽位",
+					placement: "top"
+				}, {
+					default: j(() => [b(A(M), {
+						class: "lumal-cockpit-designer__widget-action",
+						"data-role": "keyboard-target",
+						"aria-label": `移动并替换 ${r.widget.title ?? r.widget.type}`,
+						onMousedown: n[4] ||= ce(() => {}, ["stop"]),
+						onClick: ce((e) => D(a(t, r.id)), ["stop"])
+					}, {
+						default: j(() => [b(A(N), {
+							name: "lumal:plus",
+							size: 12
+						})]),
+						_: 1
+					}, 8, ["aria-label", "onClick"])]),
+					_: 2
+				}, 1024)) : g("", !0),
+				b(A(ve), {
+					content: "移除模块",
+					placement: "top"
+				}, {
+					default: j(() => [b(A(M), {
+						type: "danger",
+						class: "lumal-cockpit-designer__widget-action",
+						"data-role": "remove-widget",
+						"aria-label": `移除模块 ${r.widget.title ?? r.widget.type}`,
+						onClick: (e) => te(a(t, r.id))
+					}, {
+						default: j(() => [b(A(N), {
+							name: "lumal:close",
+							size: 12
+						})]),
+						_: 1
+					}, 8, ["aria-label", "onClick"])]),
+					_: 2
+				}, 1024)
+			])]), v("div", Un, [s(r.widget.type) ? (E(), h(wn, {
+				key: 0,
+				"cockpit-id": e.cockpitId,
+				definition: s(r.widget.type),
+				"instance-id": r.widget.id,
+				"layout-id": e.draft.activeLayout.value?.id ?? "",
+				"message-bus": e.previewMessageBus
+			}, null, 8, [
+				"cockpit-id",
+				"definition",
+				"instance-id",
+				"layout-id",
+				"message-bus"
+			])) : (E(), _("div", Wn, " 未注册模块 "))])], 10, Bn)) : (E(), h(A(M), {
+				key: 1,
+				class: "lumal-cockpit-designer__empty-cell",
+				plain: "",
+				disabled: !e.placementSelection,
+				"data-role": "keyboard-target",
+				onClick: (e) => D(a(t, r.id))
+			}, {
+				default: j(() => [v("span", null, ie(e.placementSelection ? `放入 ${e.placementSelection.title}` : "请置入模块"), 1)]),
+				_: 1
+			}, 8, ["disabled", "onClick"]))]),
+			_: 2
+		}, 1032, [
+			"target",
+			"widget",
+			"onDrop"
+		]))), 128))], 4)) : (E(), h(kn, {
+			key: 1,
+			class: "lumal-cockpit-designer__tab-row",
+			"allow-multiple": "",
+			"drag-handle": ".lumal-cockpit-designer__tab-move",
+			"sortable-target": ".lumal-cockpit-designer__tab-list",
+			target: o(t),
+			onDrop: (e) => k(o(t), e)
+		}, {
+			default: j(() => [v("section", { class: C(["lumal-cockpit-designer__tab-card", { "is-empty": !t.widgets.length }]) }, [v("header", {
+				class: "lumal-cockpit-designer__tab-list",
+				role: "tablist",
+				"aria-label": `${e.side === "left" ? "左侧" : "右侧"}第 ${r + 1} 行模块`
+			}, [(E(!0), _(p, null, O(t.widgets, (r, i) => (E(), _("div", {
+				key: r.id,
+				class: C(["lumal-cockpit-designer__tab-item lumal-cockpit-designer__drag-item", {
+					"is-active": t.activeWidgetId === r.id,
+					"is-keyboard-selected": d(o(t, r.id))
+				}]),
+				"data-cockpit-drag-source": JSON.stringify(o(t, r.id))
+			}, [
+				b(A(M), {
+					text: "",
+					class: "lumal-cockpit-designer__tab-widget-title",
+					role: "tab",
+					id: `designer-tab-${r.id}`,
+					"aria-controls": `designer-tabpanel-${t.id}`,
+					"aria-selected": t.activeWidgetId === r.id,
+					tabindex: t.activeWidgetId === r.id ? 0 : -1,
+					onClick: (n) => e.draft.setActiveTab(e.side, t.id, r.id),
+					onKeydown: (e) => ne(t, i, e)
+				}, {
+					default: j(() => [y(ie(r.title ?? r.type), 1)]),
+					_: 2
+				}, 1032, [
+					"id",
+					"aria-controls",
+					"aria-selected",
+					"tabindex",
+					"onClick",
+					"onKeydown"
+				]),
+				b(A(ve), {
+					content: "拖拽或选择移动 Tab",
+					placement: "top"
+				}, {
+					default: j(() => [b(A(M), {
+						class: "lumal-cockpit-designer__tab-action lumal-cockpit-designer__tab-move",
+						"data-role": "select-move-source",
+						"aria-label": `选择移动 Tab ${r.title ?? r.type}`,
+						"aria-pressed": d(o(t, r.id)),
+						onMousedown: n[5] ||= ce(() => {}, ["stop"]),
+						onClick: ce((e) => T(o(t, r.id), r), ["stop"])
+					}, {
+						default: j(() => [b(A(N), {
+							name: "lumal:more",
+							size: 11
+						})]),
+						_: 1
+					}, 8, [
+						"aria-label",
+						"aria-pressed",
+						"onClick"
+					])]),
+					_: 2
+				}, 1024),
+				b(A(ve), {
+					content: "移除 Tab",
+					placement: "top"
+				}, {
+					default: j(() => [b(A(M), {
+						type: "danger",
+						class: "lumal-cockpit-designer__tab-action",
+						"data-role": "remove-widget",
+						"aria-label": `移除 Tab 模块 ${r.title ?? r.type}`,
+						onMousedown: n[6] ||= ce(() => {}, ["stop"]),
+						onClick: ce((e) => te(o(t, r.id)), ["stop"])
+					}, {
+						default: j(() => [b(A(N), {
+							name: "lumal:close",
+							size: 11
+						})]),
+						_: 1
+					}, 8, ["aria-label", "onClick"])]),
+					_: 2
+				}, 1024)
+			], 10, Kn))), 128)), t.widgets.length && e.placementSelection ? (E(), h(A(ve), {
+				key: 0,
+				content: "移入此 Tab 行",
+				placement: "top"
+			}, {
+				default: j(() => [b(A(M), {
+					class: "lumal-cockpit-designer__tab-target",
+					"data-role": "keyboard-target",
+					"aria-label": "移入此 Tab 行",
+					onClick: (e) => D(o(t))
+				}, {
+					default: j(() => [b(A(N), {
+						name: "lumal:plus",
+						size: 12
+					})]),
+					_: 1
+				}, 8, ["onClick"])]),
+				_: 2
+			}, 1024)) : g("", !0)], 8, Gn), v("div", {
+				class: "lumal-cockpit-designer__tab-preview",
+				role: "tabpanel",
+				id: `designer-tabpanel-${t.id}`,
+				"aria-labelledby": l(t) ? `designer-tab-${l(t).id}` : void 0
+			}, [l(t) ? (E(), _(p, { key: 0 }, [s(l(t).type) ? (E(), h(wn, {
+				key: l(t).id,
+				"cockpit-id": e.cockpitId,
+				definition: s(l(t).type),
+				"instance-id": l(t).id,
+				"layout-id": e.draft.activeLayout.value?.id ?? "",
+				"message-bus": e.previewMessageBus
+			}, null, 8, [
+				"cockpit-id",
+				"definition",
+				"instance-id",
+				"layout-id",
+				"message-bus"
+			])) : (E(), _("div", Jn, " 未注册模块 "))], 64)) : (E(), h(A(M), {
+				key: 1,
+				class: "lumal-cockpit-designer__empty-cell",
+				plain: "",
+				disabled: !e.placementSelection,
+				"data-role": "keyboard-target",
+				onClick: (e) => D(o(t))
+			}, {
+				default: j(() => [v("span", null, ie(e.placementSelection ? `添加 ${e.placementSelection.title} 到 Tab` : "请置入模块"), 1)]),
+				_: 1
+			}, 8, ["disabled", "onClick"]))], 8, qn)], 2)]),
+			_: 2
+		}, 1032, ["target", "onDrop"]))], 4))), 128))])) : g("", !0)], 8, An));
+	}
+});
+//#endregion
+//#region src/designer/useCockpitDraft.ts
+function Xn(e) {
+	return JSON.parse(JSON.stringify(e));
+}
+function Zn(e) {
+	return e.mode === "tabs" ? e.widgets : e.cells.flatMap((e) => e.widget ? [e.widget] : []);
+}
+function Qn(e) {
+	return Zn(e).length > 0;
+}
+function $n(e) {
+	if (!e.length) return;
+	let t = e.reduce((e, t) => e + Math.max(0, t.height), 0);
+	if (t <= 0) {
+		let t = 100 / e.length;
+		e.forEach((e) => {
+			e.height = t;
+		});
+		return;
+	}
+	e.forEach((e) => {
+		e.height = Number((Math.max(0, e.height) / t * 100).toFixed(3));
+	});
+	let n = Number((100 - e.reduce((e, t) => e + t.height, 0)).toFixed(3));
+	e[e.length - 1].height = Number((e[e.length - 1].height + n).toFixed(3));
+}
+function er(e, t) {
+	return t === "left" ? e.left : e.right;
+}
+function tr(e) {
+	let i = JSON.parse(JSON.stringify(e));
+	i.id = a().id;
+	for (let e of ["left", "right"]) {
+		let a = er(i, e);
+		a.columns.forEach((e) => {
+			e.id = n().id;
+		}), a.rows.forEach((e) => {
+			let n = e.mode === "tabs" ? Math.max(0, e.widgets.findIndex((t) => t.id === e.activeWidgetId)) : -1;
+			e.id = s(1).id, e.cells.forEach((e) => {
+				e.id = t().id, e.widget && (e.widget.id = r(e.widget.type).id);
+			}), e.widgets.forEach((e) => {
+				e.id = r(e.type).id;
+			}), e.activeWidgetId = e.mode === "tabs" ? e.widgets[n]?.id : void 0;
+		});
+	}
+	return i;
+}
+function nr(o) {
+	let c = Xn(o), l = D(Xn(o)), u = D({ layoutId: o.activeLayoutId ?? o.layouts[0]?.id }), d = m(() => l.value.layouts), p = m(() => {
+		let e = u.value.layoutId;
+		return d.value.find((t) => t.id === e) ?? d.value[0];
+	});
+	function h(e, t) {
+		let n = p.value;
+		return n ? er(n, e).rows.find((e) => e.id === t) : void 0;
+	}
+	function g(e) {
+		return h(e.side, e.rowId)?.cells.find((t) => t.id === e.cellId);
+	}
+	function _(e) {
+		if (e.kind === "cell") return g(e)?.widget;
+		let t = h(e.side, e.rowId)?.widgets ?? [];
+		return e.widgetId ? t.find((t) => t.id === e.widgetId) : t[0];
+	}
+	function v() {
+		let e = a(`布局 ${d.value.length + 1}`);
+		l.value.layouts.push(e), l.value.activeLayoutId = e.id, u.value = { layoutId: e.id };
+	}
+	function y(e) {
+		let t = d.value.findIndex((t) => t.id === e);
+		if (t < 0) return;
+		let n = tr(d.value[t]);
+		n.title = `${n.title} 副本`, d.value.splice(t + 1, 0, n), u.value = { layoutId: n.id };
+	}
+	function b(e) {
+		if (d.value.length <= 1) return !1;
+		let t = d.value.findIndex((t) => t.id === e);
+		if (t < 0) return !1;
+		if (d.value.splice(t, 1), u.value.layoutId === e) {
+			let e = d.value[t] ?? d.value[t - 1];
+			u.value = { layoutId: e?.id }, l.value.activeLayoutId = e?.id;
+		}
+		return !0;
+	}
+	function x(e, t) {
+		let n = d.value.find((t) => t.id === e);
+		n && t.trim() && (n.title = t.trim());
+	}
+	function S(e) {
+		d.value.some((t) => t.id === e) && (u.value = { layoutId: e }, l.value.activeLayoutId = e);
+	}
+	function ee(r, i, a, o = !1) {
+		let c = p.value;
+		if (!c) return !1;
+		let l = er(c, r), u = Math.max(1, Math.floor(i)), d = Math.max(1, Math.floor(a)), f = l.rows.slice(u), m = l.rows.filter((e) => e.mode === "grid").flatMap((e) => e.cells.slice(d));
+		if (!o && (f.some(Qn) || m.some((e) => e.widget))) return !1;
+		for (; l.columns.length < d;) l.columns.push(n());
+		for (l.columns.length > d && l.columns.splice(d), e(l), l.rows.forEach((e) => {
+			if (e.mode === "grid") {
+				for (; e.cells.length < d;) e.cells.push(t());
+				e.cells.length > d && e.cells.splice(d);
+			}
+		}), l.rows.length > u && l.rows.splice(u); l.rows.length < u;) l.rows.push(s(d, "grid", 100 / u));
+		return $n(l.rows), !0;
+	}
+	function C(t, n) {
+		let r = p.value;
+		if (!r || !Number.isFinite(n) || n <= 0) return;
+		let i = er(r, t);
+		i.width = Math.max(i.columns.length, Math.round(n)), e(i);
+	}
+	function w(e, t, n) {
+		let r = p.value;
+		if (!r || !Number.isFinite(n)) return;
+		let i = er(r, e).rows, a = i.find((e) => e.id === t);
+		if (!a) return;
+		if (i.length === 1) {
+			a.height = 100;
+			return;
+		}
+		let o = i.filter((e) => e.id !== t), s = Math.min(Math.max(1, n), 100 - o.length), c = 100 - s, l = o.reduce((e, t) => e + t.height, 0);
+		a.height = s, o.forEach((e) => {
+			e.height = l > 0 ? e.height / l * c : c / o.length;
+		}), $n(i);
+	}
+	function T(e, n, r) {
+		let i = p.value;
+		if (!i) return !1;
+		let a = er(i, e), o = a.rows.find((e) => e.id === n);
+		return !o || r && o.mode === "tabs" || !r && o.mode === "grid" ? !!o : r ? (o.widgets = o.cells.flatMap((e) => e.widget ? [e.widget] : []), o.cells = [], o.mode = "tabs", o.activeWidgetId = o.widgets[0]?.id, !0) : o.widgets.length > a.columns.length ? !1 : (o.cells = Array.from({ length: a.columns.length }, t), o.widgets.forEach((e, t) => {
+			o.cells[t].widget = e;
+		}), o.widgets = [], o.activeWidgetId = void 0, o.mode = "grid", !0);
+	}
+	function te(e) {
+		return !!_(e);
+	}
+	function E(e, t, n, i = !1) {
+		let a = r(t, n);
+		if (e.kind === "tabs") {
+			let t = h(e.side, e.rowId);
+			return !t || t.mode !== "tabs" ? !1 : (t.widgets.push(a), t.activeWidgetId = a.id, !0);
+		}
+		let o = g(e);
+		return !o || o.widget && !i ? !1 : (o.widget = a, !0);
+	}
+	function O(e) {
+		if (e.kind === "cell") {
+			let t = g(e);
+			t && (t.widget = void 0);
+			return;
+		}
+		let t = h(e.side, e.rowId);
+		if (!t || t.mode !== "tabs") return;
+		let n = e.widgetId ? t.widgets.findIndex((t) => t.id === e.widgetId) : 0;
+		if (n >= 0) {
+			let e = t.widgets[n]?.id === t.activeWidgetId;
+			t.widgets.splice(n, 1), (e || !t.widgets.some((e) => e.id === t.activeWidgetId)) && (t.activeWidgetId = t.widgets[n]?.id ?? t.widgets[n - 1]?.id);
+		}
+	}
+	function k(e, t) {
+		if (e.kind === "cell") {
+			let t = g(e), n = t?.widget;
+			return t && (t.widget = void 0), n;
+		}
+		let n = h(e.side, e.rowId);
+		if (!n || n.mode !== "tabs") return;
+		let r = t ? n.widgets.findIndex((e) => e.id === t) : 0;
+		if (r < 0) return;
+		let [i] = n.widgets.splice(r, 1);
+		return n.activeWidgetId = n.widgets.some((e) => e.id === n.activeWidgetId) ? n.activeWidgetId : n.widgets[0]?.id, i;
+	}
+	function ne(e, t, n = !1) {
+		let r = _(e);
+		if (!r) return {
+			moved: !1,
+			requiresReplace: !1
+		};
+		if (t.kind === "cell") {
+			let i = g(t);
+			if (!i) return {
+				moved: !1,
+				requiresReplace: !1
+			};
+			if (i.widget && i.widget.id !== r.id && !n) return {
+				moved: !1,
+				requiresReplace: !0
+			};
+			let a = k(e, r.id);
+			return a ? (i.widget = a, {
+				moved: !0,
+				requiresReplace: !1
+			}) : {
+				moved: !1,
+				requiresReplace: !1
+			};
+		}
+		let i = h(t.side, t.rowId);
+		if (!i || i.mode !== "tabs") return {
+			moved: !1,
+			requiresReplace: !1
+		};
+		let a = k(e, r.id);
+		return a ? (i.widgets.push(a), i.activeWidgetId = a.id, {
+			moved: !0,
+			requiresReplace: !1
+		}) : {
+			moved: !1,
+			requiresReplace: !1
+		};
+	}
+	function re(e, t, n, r) {
+		let i = h(e, t);
+		if (!i || i.mode !== "tabs" || n === r || n < 0 || r < 0 || n >= i.widgets.length || r >= i.widgets.length) return;
+		let [a] = i.widgets.splice(n, 1);
+		i.widgets.splice(r, 0, a);
+	}
+	function ie(e, t, n) {
+		let r = h(e, t);
+		r?.mode === "tabs" && r.widgets.some((e) => e.id === n) && (r.activeWidgetId = n);
+	}
+	function A() {
+		l.value = Xn(c), u.value = { layoutId: c.activeLayoutId ?? c.layouts[0]?.id };
+	}
+	function ae() {
+		let e = f(l.value);
+		return {
+			config: i(l.value),
+			validation: e
+		};
+	}
+	return {
+		draft: l,
+		selection: u,
+		layouts: d,
+		activeLayout: p,
+		addLayout: v,
+		duplicateLayout: y,
+		removeLayout: b,
+		renameLayout: x,
+		selectLayout: S,
+		resizeRegion: ee,
+		setRegionWidth: C,
+		setRowHeight: w,
+		setRowTabs: T,
+		hasWidgetAt: te,
+		addWidget: E,
+		moveWidget: ne,
+		removeWidget: O,
+		reorderTabWidgets: re,
+		setActiveTab: ie,
+		reset: A,
+		buildSaveConfig: ae
+	};
+}
+//#endregion
+//#region src/designer/LumalCockpitDesigner.vue?vue&type=script&setup=true&lang.ts
+var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar" }, ar = { class: "lumal-cockpit-designer__heading" }, or = { class: "lumal-cockpit-designer__title-actions" }, sr = { class: "lumal-cockpit-designer__controlbar" }, cr = { class: "lumal-cockpit-designer__layout-controls" }, lr = { class: "lumal-cockpit-designer__field" }, ur = { class: "lumal-cockpit-designer__layout-tools" }, dr = { class: "lumal-cockpit-designer__workspace" }, fr = {
+	class: "lumal-cockpit-designer__assembly",
+	"aria-label": "驾驶舱布局装配区"
+}, pr = { class: "lumal-cockpit-designer__assembly-stage" }, mr = { class: "lumal-cockpit-designer__footer" }, hr = {
+	class: "lumal-cockpit-designer__placement-status",
+	role: "status",
+	"aria-live": "polite"
+}, gr = { class: "lumal-cockpit-designer__footer-actions" }, _r = /* @__PURE__ */ x({
+	__name: "LumalCockpitDesigner",
+	props: /*@__PURE__*/ S({
+		config: {},
+		registry: {},
+		saving: { type: Boolean },
+		saveError: {}
+	}, {
+		themeMode: { default: "dark" },
+		themeModeModifiers: {}
+	}),
+	emits: /*@__PURE__*/ S(["save", "cancel"], ["update:themeMode"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = ae(e, "themeMode"), o = nr(r.config), s = D([]), l = D(), u = m(() => o.activeLayout.value), d = m(() => s.value.filter((e) => e.level === "error")), f = c(), x = m(() => {
+			let e = l.value;
+			return e ? e.kind === "library" ? `已选择模块“${e.title}”，可连续放入多个槽位，按 Esc 取消。` : `正在移动“${e.title}”，请选择目标槽位或 Tab 行，按 Esc 取消。` : "PS：将需要的业务板块拖入上方白框内，已占用槽位会在确认后替换。";
+		});
+		oe(() => u.value?.id, () => {
+			l.value = void 0;
+		});
+		function S(e) {
+			l.value = {
+				kind: "library",
+				type: e.type,
+				title: e.label
+			};
+		}
+		function ee(e) {
+			l.value = e;
+		}
+		function w() {
+			l.value = void 0;
+		}
+		function T(e) {
+			e.key !== "Escape" || !l.value || (e.preventDefault(), w());
+		}
+		function te() {
+			let e = o.buildSaveConfig();
+			if (s.value = e.validation.issues, !e.validation.valid) return;
+			let t = u.value?.id ?? e.config.activeLayoutId, n = e.config.layouts.find((e) => e.id === t);
+			n && i("save", {
+				config: e.config,
+				layout: n
+			});
+		}
+		async function ne() {
+			let e = u.value;
+			if (e) {
+				if (o.layouts.value.length <= 1) {
+					await me.alert("至少保留一个布局。", "无法删除", {
+						confirmButtonText: "知道了",
+						type: "warning"
+					});
+					return;
+				}
+				try {
+					await me.confirm(`确定删除布局“${e.title}”吗？`, "删除布局", {
+						cancelButtonText: "取消",
+						confirmButtonText: "删除",
+						type: "warning"
+					}), o.removeLayout(e.id);
+				} catch {}
+			}
+		}
+		async function re() {
+			try {
+				await me.confirm("将放弃本次尚未保存的所有布局调整，是否继续？", "重置草稿", {
+					cancelButtonText: "取消",
+					confirmButtonText: "重置",
+					type: "warning"
+				}), o.reset(), s.value = [];
+			} catch {}
+		}
+		function se() {
+			a.value = a.value === "dark" ? "light" : "dark";
+		}
+		return t({ toggleTheme: se }), (t, n) => (E(), _("div", {
+			class: "lumal-cockpit-designer",
+			"data-cockpit-theme": a.value,
+			onKeydown: T
+		}, [
+			v("header", ir, [v("h2", ar, [b(A(N), {
+				name: "lumal:settings",
+				size: 18
+			}), n[4] ||= y(" 模块设置 ", -1)]), v("div", or, [k(t.$slots, "title-actions", {
+				themeMode: a.value,
+				toggleTheme: se
+			})])]),
+			v("section", sr, [v("div", cr, [
+				v("label", lr, [n[5] ||= v("span", null, "模板名称", -1), b(A(ge), {
+					"model-value": u.value?.id,
+					"aria-label": "选择布局",
+					"onUpdate:modelValue": A(o).selectLayout
+				}, {
+					default: j(() => [(E(!0), _(p, null, O(A(o).layouts.value, (e) => (E(), h(A(he), {
+						key: e.id,
+						label: e.title,
+						value: e.id
+					}, null, 8, ["label", "value"]))), 128))]),
+					_: 1
+				}, 8, ["model-value", "onUpdate:modelValue"])]),
+				u.value ? (E(), h(A(de), {
+					key: 0,
+					"model-value": u.value.title,
+					"aria-label": "当前布局名称",
+					onChange: n[0] ||= (e) => A(o).renameLayout(u.value.id, e)
+				}, null, 8, ["model-value"])) : g("", !0),
+				v("div", ur, [
+					b(A(ve), {
+						content: "添加布局",
+						placement: "top"
+					}, {
+						default: j(() => [b(A(M), {
+							circle: "",
+							"aria-label": "添加布局",
+							onClick: n[1] ||= (e) => A(o).addLayout()
+						}, {
+							default: j(() => [b(A(N), {
+								name: "lumal:plus",
+								size: 15
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					u.value ? (E(), h(A(M), {
+						key: 0,
+						onClick: n[2] ||= (e) => A(o).duplicateLayout(u.value.id)
+					}, {
+						default: j(() => [...n[6] ||= [y(" 复制 ", -1)]]),
+						_: 1
+					})) : g("", !0),
+					u.value ? (E(), h(A(M), {
+						key: 1,
+						type: "danger",
+						plain: "",
+						onClick: ne
+					}, {
+						default: j(() => [...n[7] ||= [y(" 删除 ", -1)]]),
+						_: 1
+					})) : g("", !0)
+				])
+			])]),
+			v("div", {
+				class: C(["lumal-cockpit-designer__issues", { "is-empty": !d.value.length && !e.saveError }]),
+				role: "alert"
+			}, [e.saveError ? (E(), h(A(le), {
+				key: 0,
+				type: "error",
+				closable: !1,
+				title: `保存失败：${e.saveError}`,
+				"show-icon": ""
+			}, null, 8, ["title"])) : g("", !0), (E(!0), _(p, null, O(d.value, (e, t) => (E(), h(A(le), {
+				key: t,
+				type: "error",
+				closable: !1,
+				title: e.message,
+				"show-icon": ""
+			}, null, 8, ["title"]))), 128))], 2),
+			v("main", dr, [v("section", fr, [v("div", pr, [b(Yn, {
+				"cockpit-id": e.config.id,
+				draft: A(o),
+				registry: e.registry,
+				"placement-selection": l.value,
+				"preview-message-bus": A(f),
+				side: "left",
+				onSelectPlaced: ee,
+				onClearPlacement: w
+			}, null, 8, [
+				"cockpit-id",
+				"draft",
+				"registry",
+				"placement-selection",
+				"preview-message-bus"
+			]), b(Yn, {
+				"cockpit-id": e.config.id,
+				draft: A(o),
+				registry: e.registry,
+				"placement-selection": l.value,
+				"preview-message-bus": A(f),
+				side: "right",
+				onSelectPlaced: ee,
+				onClearPlacement: w
+			}, null, 8, [
+				"cockpit-id",
+				"draft",
+				"registry",
+				"placement-selection",
+				"preview-message-bus"
+			])])]), b(Dn, {
+				"cockpit-id": e.config.id,
+				"layout-id": u.value?.id ?? "",
+				registry: e.registry,
+				"selected-type": l.value?.kind === "library" ? l.value.type : void 0,
+				onSelectWidget: S
+			}, null, 8, [
+				"cockpit-id",
+				"layout-id",
+				"registry",
+				"selected-type"
+			])]),
+			v("footer", mr, [v("p", hr, ie(x.value), 1), v("div", gr, [
+				b(A(M), { onClick: re }, {
+					default: j(() => [b(A(N), {
+						name: "lumal:reset",
+						size: 16
+					}), n[8] ||= y(" 重置 ", -1)]),
+					_: 1
+				}),
+				b(A(M), { onClick: n[3] ||= (e) => i("cancel") }, {
+					default: j(() => [b(A(N), {
+						name: "lumal:close",
+						size: 15
+					}), n[9] ||= y(" 取消 ", -1)]),
+					_: 1
+				}),
+				b(A(M), {
+					type: "primary",
+					class: "lumal-cockpit-designer__save",
+					loading: e.saving,
+					"aria-busy": e.saving,
+					onClick: te
+				}, {
+					default: j(() => [y(ie(e.saving ? "保存中…" : "保存"), 1)]),
+					_: 1
+				}, 8, ["loading", "aria-busy"])
+			])])
+		], 40, rr));
+	}
+});
+//#endregion
+//#region src/designer/index.ts
+function vr(e, t) {
+	let n = e;
+	return n.install = function(n) {
+		n.component(t, e);
+	}, n;
+}
+var yr = vr(_r, "LumalCockpitDesigner");
+//#endregion
+export { Dn as CockpitComponentLibrary, Yn as CockpitLayoutEditor, kn as CockpitWidgetDropZone, wn as CockpitWidgetPreview, yr as LumalCockpitDesigner, nr as useCockpitDraft };