@lumal/cockpit 0.0.1-beta → 0.0.3-beta

package/dist/designer.js

@@ -1,27 +1,27 @@
-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 { _ 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-_XUQaM5w.js";
+import { t as f } from "./validate-ip4tDXsj.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 ne, resolveDynamicComponent as re, shallowReactive as ie, shallowRef as ae, toDisplayString as k, triggerRef as oe, unref as A, useModel as se, watch as ce, watchEffect as le, withCtx as j, withModifiers as ue } from "vue";
+import { ElAlert as de, ElButton as M, ElEmpty as fe, ElInput as pe, ElInputNumber as me, ElMessage as he, ElMessageBox as ge, ElOption as _e, ElSelect as ve, ElSwitch as ye, ElTooltip as be } 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, {
+function xe(e, t, n) {
+	return (t = Oe(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) {
+function Se() {
+	return Se = 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);
+	}, Se.apply(null, arguments);
 }
-function xe(e, t) {
+function Ce(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -31,27 +31,27 @@ function xe(e, t) {
 	}
 	return n;
 }
-function Se(e) {
+function we(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) {
+		t % 2 ? Ce(Object(n), !0).forEach(function(t) {
+			xe(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Ce(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
 	return e;
 }
-function Ce(e, t) {
+function Te(e, t) {
 	if (e == null) return {};
-	var n, r, i = we(e, t);
+	var n, r, i = Ee(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) {
+function Ee(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -60,7 +60,7 @@ function we(e, t) {
 	}
 	return n;
 }
-function Te(e, t) {
+function De(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -70,33 +70,33 @@ function Te(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Ee(e) {
-	var t = Te(e, "string");
+function Oe(e) {
+	var t = De(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function De(e) {
+function ke(e) {
 	"@babel/helpers - typeof";
-	return De = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return ke = 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);
+	}, ke(e);
 }
-var Oe = "1.15.7";
-function ke(e) {
+var Ae = "1.15.7";
+function je(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 = {
+var Me = je(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Ne = je(/Edge/i), Pe = je(/firefox/i), Fe = je(/safari/i) && !je(/chrome/i) && !je(/android/i), Ie = je(/iP(ad|od|hone)/i), Le = je(/chrome/i) && je(/android/i), Re = {
 	capture: !1,
 	passive: !1
 };
 function P(e, t, n) {
-	e.addEventListener(t, n, !Ae && Ie);
+	e.addEventListener(t, n, !Me && Re);
 }
 function F(e, t, n) {
-	e.removeEventListener(t, n, !Ae && Ie);
+	e.removeEventListener(t, n, !Me && Re);
 }
-function Le(e, t) {
+function ze(e, t) {
 	if (t) {
 		if (t[0] === ">" && (t = t.substring(1)), e) try {
 			if (e.matches) return e.matches(t);
@@ -108,22 +108,22 @@ function Le(e, t) {
 		return !1;
 	}
 }
-function Re(e) {
+function Be(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 (t != null && (t[0] === ">" ? e.parentNode === n && ze(e, t) : ze(e, t)) || r && e === n) return e;
 			if (e === n) break;
-		} while (e = Re(e));
+		} while (e = Be(e));
 	}
 	return null;
 }
-var ze = /\s+/g;
+var Ve = /\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, " "));
+	e && t && (e.classList ? e.classList[n ? "add" : "remove"](t) : e.className = ((" " + e.className + " ").replace(Ve, " ").replace(" " + t + " ", " ") + (n ? " " + t : "")).replace(Ve, " "));
 }
 function R(e, t, n) {
 	var r = e && e.style;
@@ -132,7 +132,7 @@ function R(e, t, n) {
 		!(t in r) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), r[t] = n + (typeof n == "string" ? "" : "px");
 	}
 }
-function Be(e, t) {
+function He(e, t) {
 	var n = "";
 	if (typeof e == "string") n = e;
 	else do {
@@ -142,7 +142,7 @@ function Be(e, t) {
 	var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
 	return i && new i(n);
 }
-function Ve(e, t, n) {
+function Ue(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);
@@ -150,13 +150,13 @@ function Ve(e, t, n) {
 	}
 	return [];
 }
-function He() {
+function We() {
 	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 (e !== window && e.parentNode && e !== We() ? (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, !Me)) 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;
@@ -164,7 +164,7 @@ function z(e, t, n, r, i) {
 			}
 		while (i = i.parentNode);
 		if (r && e !== window) {
-			var p = Be(i || e), m = p && p.a, h = p && p.d;
+			var p = He(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 {
@@ -177,16 +177,16 @@ function z(e, t, n, r, i) {
 		};
 	}
 }
-function Ue(e, t, n) {
-	for (var r = Je(e, !0), i = z(e)[t]; r;) {
+function Ge(e, t, n) {
+	for (var r = Xe(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);
+		if (r === We()) break;
+		r = Xe(r, !1);
 	}
 	return !1;
 }
-function We(e, t, n, r) {
+function Ke(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];
@@ -196,74 +196,74 @@ function We(e, t, n, r) {
 	}
 	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;
+function qe(e, t) {
+	for (var n = e.lastElementChild; n && (n === Q.ghost || R(n, "display") === "none" || t && !ze(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++;
+	for (; e = e.previousElementSibling;) e.nodeName.toUpperCase() !== "TEMPLATE" && e !== Q.clone && (!t || ze(e, t)) && n++;
 	return n;
 }
-function Ke(e) {
-	var t = 0, n = 0, r = He();
+function Je(e) {
+	var t = 0, n = 0, r = We();
 	if (e) do {
-		var i = Be(e), a = i.a, o = i.d;
+		var i = He(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) {
+function Ye(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();
+function Xe(e, t) {
+	if (!e || !e.getBoundingClientRect) return We();
 	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 (!n.getBoundingClientRect || n === document.body) return We();
 				if (r || t) return n;
 				r = !0;
 			}
 		}
 	while (n = n.parentNode);
-	return He();
+	return We();
 }
-function Ye(e, t) {
+function Ze(e, t) {
 	if (e && t) for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]);
 	return e;
 }
-function Xe(e, t) {
+function Qe(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) {
+var $e;
+function et(e, t) {
 	return function() {
-		if (!Ze) {
+		if (!$e) {
 			var n = arguments, r = this;
-			n.length === 1 ? e.call(r, n[0]) : e.apply(r, n), Ze = setTimeout(function() {
-				Ze = void 0;
+			n.length === 1 ? e.call(r, n[0]) : e.apply(r, n), $e = setTimeout(function() {
+				$e = void 0;
 			}, t);
 		}
 	};
 }
-function $e() {
-	clearTimeout(Ze), Ze = void 0;
+function tt() {
+	clearTimeout($e), $e = void 0;
 }
-function et(e, t, n) {
+function nt(e, t, n) {
 	e.scrollLeft += t, e.scrollTop += n;
 }
-function tt(e) {
+function rt(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) {
+function it(e, t, n) {
 	var r = {};
 	return Array.from(e.children).forEach(function(i) {
 		if (!(!I(i, t.draggable, e, !1) || i.animated || i === n)) {
@@ -273,7 +273,7 @@ function nt(e, t, n) {
 	}), 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() {
+function at() {
 	var e = [], t;
 	return {
 		captureAnimationState: function() {
@@ -283,9 +283,9 @@ function rt() {
 						target: t,
 						rect: z(t)
 					});
-					var n = Se({}, e[e.length - 1].rect);
+					var n = we({}, e[e.length - 1].rect);
 					if (t.thisAnimationDuration) {
-						var r = Be(t, !0);
+						var r = He(t, !0);
 						r && (n.top -= r.f, n.left -= r.e);
 					}
 					t.fromRect = n;
@@ -296,7 +296,7 @@ function rt() {
 			e.push(t);
 		},
 		removeAnimationState: function(t) {
-			e.splice(qe(e, { target: t }), 1);
+			e.splice(Ye(e, { target: t }), 1);
 		},
 		animateAll: function(n) {
 			var r = this;
@@ -306,8 +306,8 @@ function rt() {
 			}
 			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() {
+				var t = 0, n = e.target, o = n.fromRect, s = z(n), c = n.prevFromRect, l = n.prevToRect, u = e.rect, d = He(n, !0);
+				d && (s.top -= d.f, s.left -= d.e), n.toRect = s, n.thisAnimationDuration && Qe(c, s) && !Qe(o, s) && (u.top - s.top) / (u.left - s.left) === (o.top - s.top) / (o.left - s.left) && (t = st(u, c, l, r.options)), Qe(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() {
@@ -317,26 +317,26 @@ function rt() {
 		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() {
+				var i = He(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 = ot(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) {
+function ot(e) {
 	return e.offsetWidth;
 }
-function at(e, t, n, r) {
+function st(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 = {
+var ct = [], lt = { initializeByDefault: !0 }, ut = {
 	mount: function(e) {
-		for (var t in st) st.hasOwnProperty(t) && !(t in e) && (e[t] = st[t]);
-		ot.forEach(function(t) {
+		for (var t in lt) lt.hasOwnProperty(t) && !(t in e) && (e[t] = lt[t]);
+		ct.forEach(function(t) {
 			if (t.pluginName === e.pluginName) throw `Sortable: Cannot mount plugin ${e.pluginName} more than once`;
-		}), ot.push(e);
+		}), ct.push(e);
 	},
 	pluginEvent: function(e, t, n) {
 		var r = this;
@@ -344,16 +344,16 @@ var ot = [], st = { initializeByDefault: !0 }, ct = {
 			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)));
+		ct.forEach(function(r) {
+			t[r.pluginName] && (t[r.pluginName][i] && t[r.pluginName][i](we({ sortable: t }, n)), t.options[r.pluginName] && t[r.pluginName][e] && t[r.pluginName][e](we({ sortable: t }, n)));
 		});
 	},
 	initializePlugins: function(e, t, n, r) {
-		for (var i in ot.forEach(function(r) {
+		for (var i in ct.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);
+				a.sortable = e, a.options = e.options, e[i] = a, Se(n, a.defaults);
 			}
 		}), e.options) if (e.options.hasOwnProperty(i)) {
 			var a = this.modifyOption(e, i, e.options[i]);
@@ -362,56 +362,56 @@ var ot = [], st = { initializeByDefault: !0 }, ct = {
 	},
 	getEventProperties: function(e, t) {
 		var n = {};
-		return ot.forEach(function(r) {
-			typeof r.eventProperties == "function" && be(n, r.eventProperties.call(t[r.pluginName], e));
+		return ct.forEach(function(r) {
+			typeof r.eventProperties == "function" && Se(n, r.eventProperties.call(t[r.pluginName], e));
 		}), n;
 	},
 	modifyOption: function(e, t, n) {
 		var r;
-		return ot.forEach(function(i) {
+		return ct.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) {
+function dt(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, {
+		window.CustomEvent && !Me && !Ne ? 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));
+		var v = we(we({}, m), ut.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({
+var ft = ["evt"], H = function(e, t) {
+	var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, i = Te(n, ft);
+	ut.pluginEvent.bind(Q)(e, t, we({
 		dragEl: W,
 		parentEl: G,
 		ghostEl: K,
 		rootEl: q,
-		nextEl: dt,
-		lastDownEl: ft,
+		nextEl: pt,
+		lastDownEl: mt,
 		cloneEl: J,
-		cloneHidden: pt,
-		dragStarted: Dt,
+		cloneHidden: ht,
+		dragStarted: kt,
 		putSortable: X,
 		activeSortable: Q.active,
 		originalEvent: r,
-		oldIndex: mt,
-		oldDraggableIndex: ht,
+		oldIndex: gt,
+		oldDraggableIndex: _t,
 		newIndex: Y,
-		newDraggableIndex: gt,
-		hideGhostForTarget: Gt,
-		unhideGhostForTarget: Kt,
+		newDraggableIndex: vt,
+		hideGhostForTarget: qt,
+		unhideGhostForTarget: Jt,
 		cloneNowHidden: function() {
-			pt = !0;
+			ht = !0;
 		},
 		cloneNowShown: function() {
-			pt = !1;
+			ht = !1;
 		},
 		dispatchSortableEvent: function(e) {
 			U({
@@ -423,45 +423,45 @@ var ut = ["evt"], H = function(e, t) {
 	}, i));
 };
 function U(e) {
-	lt(Se({
+	dt(we({
 		putSortable: X,
 		cloneEl: J,
 		targetEl: W,
 		rootEl: q,
-		oldIndex: mt,
-		oldDraggableIndex: ht,
+		oldIndex: gt,
+		oldDraggableIndex: _t,
 		newIndex: Y,
-		newDraggableIndex: gt
+		newDraggableIndex: vt
 	}, 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 W, G, K, q, pt, mt, J, ht, gt, Y, _t, vt, yt, X, bt = !1, xt = !1, St = [], Ct, wt, Tt, Et, Dt, Ot, kt, At, jt, Mt = !1, Nt = !1, Pt, Z, Ft = [], It = !1, Lt = [], Rt = typeof document < "u", zt = Ie, Bt = Ne || Me ? "cssFloat" : "float", Vt = Rt && !Le && !Ie && "draggable" in document.createElement("div"), Ht = function() {
+	if (Rt) {
+		if (Me) 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;
+}(), Ut = function(e, t) {
+	var n = R(e), r = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = Ke(e, 0, t), a = Ke(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) {
+	return i && (o.display === "block" || o.display === "flex" || o.display === "table" || o.display === "grid" || c >= r && n[Bt] === "none" || a && n[Bt] === "none" && c + l > r) ? "vertical" : "horizontal";
+}, Wt = 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) {
+}, Gt = function(e, t) {
 	var n;
-	return bt.some(function(r) {
+	return St.some(function(r) {
 		var i = r[V].options.emptyInsertThreshold;
-		if (!(!i || Ge(r))) {
+		if (!(!i || qe(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) {
+}, Kt = 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;
@@ -474,31 +474,31 @@ var W, G, K, q, dt, ft, J, pt, mt, Y, ht, gt, _t, X, vt = !1, yt = !1, bt = [],
 		};
 	}
 	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", "");
+	(!r || ke(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;
+}, qt = function() {
+	!Ht && K && R(K, "display", "none");
+}, Jt = function() {
+	!Ht && 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;
+Rt && !Le && document.addEventListener("click", function(e) {
+	if (xt) return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), xt = !1, !1;
 }, !0);
-var qt = function(e) {
+var Yt = function(e) {
 	if (W) {
 		e = e.touches ? e.touches[0] : e;
-		var t = Ut(e.clientX, e.clientY);
+		var t = Gt(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) {
+}, Xt = 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;
+	this.el = e, this.options = t = Se({}, t), e[V] = this;
 	var n = {
 		group: null,
 		sort: !0,
@@ -511,7 +511,7 @@ function Q(e, t) {
 		invertedSwapThreshold: null,
 		removeCloneOnHide: !0,
 		direction: function() {
-			return Vt(e, this.options);
+			return Ut(e, this.options);
 		},
 		ghostClass: "sortable-ghost",
 		chosenClass: "sortable-chosen",
@@ -538,17 +538,17 @@ function Q(e, t) {
 			x: 0,
 			y: 0
 		},
-		supportPointer: Q.supportPointer !== !1 && "PointerEvent" in window && (!Ne || Pe),
+		supportPointer: Q.supportPointer !== !1 && "PointerEvent" in window && (!Fe || Ie),
 		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());
+	for (var r in ut.initializePlugins(this, e, n), n) !(r in t) && (t[r] = n[r]);
+	for (var i in Kt(t), this) i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+	this.nativeDraggable = !t.forceFallback && Vt, 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)), St.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), Se(this, at());
 }
 Q.prototype = {
 	constructor: Q,
 	_isOutsideThisEl: function(e) {
-		!this.el.contains(e) && e !== this.el && (Ot = null);
+		!this.el.contains(e) && e !== this.el && (At = null);
 	},
 	_getDirection: function(e, t) {
 		return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, W) : this.options.direction;
@@ -556,8 +556,8 @@ Q.prototype = {
 	_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 (sn(n), !W && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Fe && s && s.tagName.toUpperCase() === "SELECT") && (s = I(s, r.draggable, n, !1), !(s && s.animated) && mt !== s)) {
+				if (gt = B(s), _t = B(s, r.draggable), typeof l == "function") {
 					if (l.call(this, e, s, this)) {
 						U({
 							sortable: t,
@@ -590,23 +590,23 @@ Q.prototype = {
 		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 = {
+			if (q = i, W = n, G = W.parentNode, pt = W.nextSibling, mt = n, yt = a.group, Q.dragged = W, Ct = {
 				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() {
+			}, Dt = Ct.clientX - c.left, Ot = Ct.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({
+				r._disableDelayedDragEvents(), !Pe && 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))) {
+				Ue(W, e.trim(), $t);
+			}), P(o, "dragover", Yt), P(o, "mousemove", Yt), P(o, "touchmove", Yt), 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)), Pe && this.nativeDraggable && (this.options.touchStartThreshold = 4, W.draggable = !0), H("delayStart", this, { evt: e }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(Ne || Me))) {
 				if (Q.eventCanceled) {
 					this._onDrop();
 					return;
@@ -620,7 +620,7 @@ Q.prototype = {
 		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();
+		W && $t(W), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
 	},
 	_disableDelayedDragEvents: function() {
 		var e = this.el.ownerDocument;
@@ -629,14 +629,14 @@ Q.prototype = {
 	_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 ? cn(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);
+		if (bt = !1, q && W) {
+			H("dragStarted", this, { evt: t }), this.nativeDraggable && P(document, "dragover", Xt);
 			var n = this.options;
 			!e && L(W, n.dragClass, !1), L(W, n.ghostClass, !0), Q.active = this, e && this._appendGhost(), U({
 				sortable: this,
@@ -646,33 +646,33 @@ Q.prototype = {
 		} 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 (wt) {
+			this._lastX = wt.clientX, this._lastY = wt.clientY, qt();
+			for (var e = document.elementFromPoint(wt.clientX, wt.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(wt.clientX, wt.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,
+						clientX: wt.clientX,
+						clientY: wt.clientY,
 						target: e,
 						rootEl: t
 					}), n && !this.options.dragoverBubble) break;
 				}
 				e = t;
-			} while (t = Re(t));
-			Kt();
+			} while (t = Be(t));
+			Jt();
 		}
 	},
 	_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 (Ct) {
+			var t = this.options, n = t.fallbackTolerance, r = t.fallbackOffset, i = e.touches ? e.touches[0] : e, a = K && He(K, !0), o = K && a && a.a, s = K && a && a.d, c = zt && Z && Je(Z), l = (i.clientX - Ct.clientX + r.x) / (o || 1) + (c ? c[0] - Ft[0] : 0) / (o || 1), u = (i.clientY - Ct.clientY + r.y) / (s || 1) + (c ? c[1] - Ft[1] : 0) / (s || 1);
+			if (!Q.active && !bt) {
 				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 ? (a.e += l - (Tt || 0), a.f += u - (Et || 0)) : a = {
 					a: 1,
 					b: 0,
 					c: 0,
@@ -681,19 +681,19 @@ Q.prototype = {
 					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;
+				R(K, "webkitTransform", d), R(K, "mozTransform", d), R(K, "msTransform", d), R(K, "transform", d), Tt = l, Et = u, wt = 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) {
+			var e = this.options.fallbackOnBody ? document.body : q, t = z(W, !0, zt, !0, e), n = this.options;
+			if (zt) {
 				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);
+				Z !== document.body && Z !== document.documentElement ? (Z === document && (Z = We()), t.top += Z.scrollTop, t.left += Z.scrollLeft) : Z = We(), Ft = Je(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 + "%");
+			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", zt ? "absolute" : "fixed"), R(K, "zIndex", "100000"), R(K, "pointerEvents", "none"), Q.ghost = K, e.appendChild(K), R(K, "transform-origin", Dt / parseInt(K.style.width) * 100 + "% " + Ot / parseInt(K.style.height) * 100 + "%");
 		}
 	},
 	_onDragStart: function(e, t) {
@@ -702,18 +702,18 @@ Q.prototype = {
 			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("setupClone", this), Q.eventCanceled || (J = rt(W), J.removeAttribute("id"), J.draggable = !1, J.style["will-change"] = "", this._hideClone(), L(J, this.options.chosenClass, !1), Q.clone = J), n.cloneId = cn(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");
+		}), !t && L(W, i.dragClass, !0), t ? (xt = !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)")), bt = !0, n._dragStartId = cn(n._dragStarted.bind(n, t, e)), P(document, "selectstart", n), kt = !0, window.getSelection().removeAllRanges(), Fe && 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;
+		var t = this.el, n = e.target, r, i, a, o = this.options, s = o.group, c = Q.active, l = yt === s, u = o.sort, d = X || c, f, p = this, m = !1;
+		if (It) return;
 		function h(o, s) {
-			H(o, p, Se({
+			H(o, p, we({
 				evt: e,
 				isOwner: l,
 				axis: f ? "vertical" : "horizontal",
@@ -725,7 +725,7 @@ Q.prototype = {
 				target: n,
 				completed: _,
 				onMove: function(n, i) {
-					return Xt(q, t, W, r, n, z(n), e, i);
+					return Qt(q, t, W, r, n, z(n), e, i);
 				},
 				changed: v
 			}, s));
@@ -736,35 +736,35 @@ Q.prototype = {
 		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;
+			}), p !== d && (d.animateAll(), d._ignoreWhileAnimating = null)), (n === W && !W.animated || n === t && !n.animated) && (At = null), !o.dragoverBubble && !e.rootEl && n !== document && (W.parentNode[V]._isOutsideThisEl(e.target), !r && Yt(e)), !o.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
 		}
 		function v() {
-			Y = B(W), gt = B(W, o.draggable), U({
+			Y = B(W), vt = B(W, o.draggable), U({
 				sortable: p,
 				name: "change",
 				toEl: t,
 				newIndex: Y,
-				newDraggableIndex: gt,
+				newDraggableIndex: vt,
 				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 (xt = !1, c && !o.disabled && (l ? u || (a = G !== q) : X === this || (this.lastPutMode = yt.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 (a) return G = q, g(), this._hideClone(), h("revert"), Q.eventCanceled || (pt ? q.insertBefore(W, pt) : q.appendChild(W)), _(!0);
+			var y = qe(t, o.draggable);
+			if (!y || nn(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 (y && t === e.target && (n = y), n && (i = z(n)), Qt(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 && tn(e, f, this)) {
+				var b = Ke(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);
+				if (n = b, i = z(n), Qt(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 x = 0, S, ee = W.parentNode !== t, C = !Wt(W.animated && W.toRect || r, n.animated && n.toRect || i, f), w = f ? "top" : "left", T = Ge(n, "top", "top") || Ge(W, "top", "top"), te = T ? T.scrollTop : void 0;
+				At !== n && (S = i[w], Mt = !1, Nt = !C && o.invertSwap || ee), x = rn(e, n, i, f, C ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, Nt, At === n);
 				var E;
 				if (x !== 0) {
 					var D = B(W);
@@ -773,11 +773,11 @@ Q.prototype = {
 					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);
+				At = n, jt = x;
+				var O = n.nextElementSibling, ne = !1;
+				ne = x === 1;
+				var re = Qt(q, t, W, r, n, i, e, ne);
+				if (re !== !1) return (re === 1 || re === -1) && (ne = re === 1), It = !0, setTimeout(en, 30), g(), ne && !O ? t.appendChild(W) : n.parentNode.insertBefore(W, ne ? O : n), T && nt(T, 0, te - T.scrollTop), G = W.parentNode, S !== void 0 && !Nt && (Pt = Math.abs(S - z(n)[w])), v(), _(!0);
 			}
 			if (t.contains(W)) return _(!1);
 		}
@@ -785,7 +785,7 @@ Q.prototype = {
 	},
 	_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);
+		F(document, "mousemove", this._onTouchMove), F(document, "touchmove", this._onTouchMove), F(document, "pointermove", this._onTouchMove), F(document, "dragover", Yt), F(document, "mousemove", Yt), F(document, "touchmove", Yt);
 	},
 	_offUpEvents: function() {
 		var e = this.el.ownerDocument;
@@ -793,18 +793,18 @@ Q.prototype = {
 	},
 	_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) {
+		if (Y = B(W), vt = B(W, n.draggable), H("drop", this, { evt: e }), G = W && W.parentNode, Y = B(W), vt = 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({
+		bt = !1, Nt = !1, Mt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), ln(this.cloneId), ln(this._dragStartId), this.nativeDraggable && (F(document, "drop", this), F(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Fe && R(document.body, "user-select", ""), R(W, "transform", ""), e && (kt && (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), $t(W), W.style["will-change"] = "", kt && !bt && 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({
+		}), q === G ? Y !== gt && Y >= 0 && (U({
 			sortable: this,
 			name: "update",
 			toEl: G,
@@ -836,7 +836,7 @@ Q.prototype = {
 			name: "sort",
 			toEl: G,
 			originalEvent: e
-		})), X && X.save()), Q.active && ((Y == null || Y === -1) && (Y = mt, gt = ht), U({
+		})), X && X.save()), Q.active && ((Y == null || Y === -1) && (Y = gt, vt = _t), U({
 			sortable: this,
 			name: "end",
 			toEl: G,
@@ -844,11 +844,11 @@ Q.prototype = {
 		}), 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;
+		H("nulling", this), q = W = G = K = pt = J = mt = ht = Ct = wt = kt = Y = vt = gt = _t = At = jt = X = yt = Q.dragged = Q.ghost = Q.clone = Q.active = null;
 		var e = this.el;
-		Ft.forEach(function(t) {
+		Lt.forEach(function(t) {
 			e.contains(t) && (t.checked = !0);
-		}), Ft.length = Ct = wt = 0;
+		}), Lt.length = Tt = Et = 0;
 	},
 	handleEvent: function(e) {
 		switch (e.type) {
@@ -858,7 +858,7 @@ Q.prototype = {
 				break;
 			case "dragenter":
 			case "dragover":
-				W && (this._onDragOver(e), Yt(e));
+				W && (this._onDragOver(e), Zt(e));
 				break;
 			case "selectstart":
 				e.preventDefault();
@@ -866,7 +866,7 @@ Q.prototype = {
 		}
 	},
 	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));
+		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) || on(t));
 		return e;
 	},
 	sort: function(e, t) {
@@ -888,20 +888,20 @@ Q.prototype = {
 	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);
+		var r = ut.modifyOption(this, e, t);
+		r === void 0 ? n[e] = t : n[e] = r, e === "group" && Kt(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;
+		}), this._onDrop(), this._disableDelayedDragEvents(), St.splice(St.indexOf(this.el), 1), this.el = e = null;
 	},
 	_hideClone: function() {
-		if (!pt) {
+		if (!ht) {
 			if (H("hideClone", this), Q.eventCanceled) return;
-			R(J, "display", "none"), this.options.removeCloneOnHide && J.parentNode && J.parentNode.removeChild(J), pt = !0;
+			R(J, "display", "none"), this.options.removeCloneOnHide && J.parentNode && J.parentNode.removeChild(J), ht = !0;
 		}
 	},
 	_showClone: function(e) {
@@ -909,86 +909,86 @@ Q.prototype = {
 			this._hideClone();
 			return;
 		}
-		if (pt) {
+		if (ht) {
 			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;
+			W.parentNode == q && !this.options.group.revertClone ? q.insertBefore(J, W) : pt ? q.insertBefore(J, pt) : q.appendChild(J), this.options.group.revertClone && this.animate(W, J), R(J, "display", ""), ht = !1;
 		}
 	}
 };
-function Yt(e) {
+function Zt(e) {
 	e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
 }
-function Xt(e, t, n, r, i, a, o, s) {
+function Qt(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", {
+	return window.CustomEvent && !Me && !Ne ? 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) {
+function $t(e) {
 	e.draggable = !1;
 }
-function Qt() {
-	Pt = !1;
+function en() {
+	It = !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;
+function tn(e, t, n) {
+	var r = z(Ke(n.el, 0, n.options, !0)), i = it(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;
+function nn(e, t, n) {
+	var r = z(qe(n.el, n.options.draggable)), i = it(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) {
+function rn(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);
+		if (s && Pt < l * i) {
+			if (!Mt && (jt === 1 ? c > u + l * a / 2 : c < d - l * a / 2) && (Mt = !0), Mt) f = !0;
+			else if (jt === 1 ? c < u + Pt : c > d - Pt) return -jt;
+		} else if (c > u + l * (1 - i) / 2 && c < d - l * (1 - i) / 2) return an(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) {
+function an(e) {
 	return B(W) < B(e) ? 1 : -1;
 }
-function rn(e) {
+function on(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;
+function sn(e) {
+	Lt.length = 0;
 	for (var t = e.getElementsByTagName("input"), n = t.length; n--;) {
 		var r = t[n];
-		r.checked && Ft.push(r);
+		r.checked && Lt.push(r);
 	}
 }
-function on(e) {
+function cn(e) {
 	return setTimeout(e, 0);
 }
-function sn(e) {
+function ln(e) {
 	return clearTimeout(e);
 }
-It && P(document, "touchmove", function(e) {
-	(Q.active || vt) && e.cancelable && e.preventDefault();
+Rt && P(document, "touchmove", function(e) {
+	(Q.active || bt) && e.cancelable && e.preventDefault();
 }), Q.utils = {
 	on: P,
 	off: F,
 	css: R,
-	find: Ve,
+	find: Ue,
 	is: function(e, t) {
 		return !!I(e, t, e, !1);
 	},
-	extend: Ye,
-	throttle: Qe,
+	extend: Ze,
+	throttle: et,
 	closest: I,
 	toggleClass: L,
-	clone: tt,
+	clone: rt,
 	index: B,
-	nextTick: on,
-	cancelNextTick: sn,
-	detectDirection: Vt,
-	getChild: We,
+	nextTick: cn,
+	cancelNextTick: ln,
+	detectDirection: Ut,
+	getChild: Ke,
 	expando: V
 }, Q.get = function(e) {
 	return e[V];
@@ -996,13 +996,13 @@ It && P(document, "touchmove", function(e) {
 	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);
+		e.utils && (Q.utils = we(we({}, Q.utils), e.utils)), ut.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() {
+}, Q.version = Ae;
+var $ = [], un, dn, fn = !1, pn, mn, hn, gn;
+function _n() {
 	function e() {
 		for (var e in this.defaults = {
 			scroll: !0,
@@ -1022,63 +1022,63 @@ function hn() {
 			!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();
+			this.sortable.nativeDraggable ? F(document, "dragover", this._handleAutoScroll) : (F(document, "pointermove", this._handleFallbackAutoScroll), F(document, "touchmove", this._handleFallbackAutoScroll), F(document, "mousemove", this._handleFallbackAutoScroll)), yn(), vn(), tt();
 		},
 		nulling: function() {
-			pn = ln = cn = un = mn = dn = fn = null, $.length = 0;
+			hn = dn = un = fn = gn = pn = mn = 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);
+			if (hn = e, t || this.options.forceAutoScrollFallback || Ne || Me || Fe) {
+				bn(e, this.options, a, t);
+				var o = Xe(a, !0);
+				fn && (!gn || r !== pn || i !== mn) && (gn && yn(), gn = setInterval(function() {
+					var a = Xe(document.elementFromPoint(r, i), !0);
+					a !== o && (o = a, vn()), bn(e, n.options, a, t);
+				}, 10), pn = r, mn = i);
 			} else {
-				if (!this.options.bubbleScroll || Je(a, !0) === He()) {
-					gn();
+				if (!this.options.bubbleScroll || Xe(a, !0) === We()) {
+					vn();
 					return;
 				}
-				vn(e, this.options, Je(a, !1), !1);
+				bn(e, this.options, Xe(a, !1), !1);
 			}
 		}
-	}, be(e, {
+	}, Se(e, {
 		pluginName: "scroll",
 		initializeByDefault: !0
 	});
 }
-function gn() {
+function vn() {
 	$.forEach(function(e) {
 		clearInterval(e.pid);
 	}), $ = [];
 }
-function _n() {
-	clearInterval(mn);
+function yn() {
+	clearInterval(gn);
 }
-var vn = Qe(function(e, t, n, r) {
+var bn = et(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;
+		var i = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, o = t.scrollSensitivity, s = t.scrollSpeed, c = We(), l = !1, u;
+		dn !== n && (dn = n, vn(), un = t.scroll, u = t.scrollFn, un === !0 && (un = Xe(n, !0)));
+		var d = 0, f = un;
 		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);
+				r && this.layer === 0 && Q.active._onTouchMove(hn);
 				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);
+				typeof u == "function" && u.call(Q.dragged.parentNode[V], n, t, e, hn, $[this.layer].el) !== "continue" || nt($[this.layer].el, n, t);
 			}.bind({ layer: d }), 24))), d++;
-		} while (t.bubbleScroll && f !== c && (f = Je(f, !1)));
-		un = l;
+		} while (t.bubbleScroll && f !== c && (f = Xe(f, !1)));
+		fn = l;
 	}
-}, 30), yn = function(e) {
+}, 30), xn = 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;
@@ -1090,8 +1090,8 @@ var vn = Qe(function(e, t, n, r) {
 		}));
 	}
 };
-function bn() {}
-bn.prototype = {
+function Sn() {}
+Sn.prototype = {
 	startIndex: null,
 	dragStart: function(e) {
 		var t = e.oldDraggableIndex;
@@ -1100,22 +1100,26 @@ bn.prototype = {
 	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);
+		var r = Ke(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 = {
+	drop: xn
+}, Se(Sn, { pluginName: "revertOnSpill" });
+function Cn() {}
+Cn.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);
+	drop: xn
+}, Se(Cn, { pluginName: "removeOnSpill" }), Q.mount(new _n()), Q.mount(Cn, Sn);
 //#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({
+var wn = ["src", "alt"], Tn = { class: "lumal-cockpit-designer__widget-preview-fallback" }, En = {
+	key: 2,
+	class: "lumal-cockpit-designer__widget-preview-placeholder",
+	"aria-hidden": "true"
+}, Dn = /* @__PURE__ */ x({
 	__name: "CockpitWidgetPreview",
 	props: {
 		cockpitId: {},
@@ -1124,22 +1128,27 @@ var Sn = ["src", "alt"], Cn = { class: "lumal-cockpit-designer__widget-preview-f
 		layoutId: {},
 		messageBus: {},
 		baseWidth: { default: 480 },
-		baseHeight: { default: 270 }
+		baseHeight: { default: 270 },
+		live: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	setup(e) {
-		let t = e, n = D(null), r = t.messageBus ?? c(), i = re({
+		let t = e, n = D(null), r = t.messageBus ?? c(), i = ie({
 			cockpitId: t.cockpitId,
 			layoutId: t.layoutId,
 			instanceId: t.instanceId,
 			mode: "design",
 			messages: r
 		});
-		se(() => {
+		le(() => {
 			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
+			baseHeight: () => t.baseHeight,
+			enabled: () => t.live
 		}), f = m(() => ({
 			width: `${t.baseWidth}px`,
 			height: `${t.baseHeight}px`,
@@ -1157,25 +1166,28 @@ var Sn = ["src", "alt"], Cn = { class: "lumal-cockpit-designer__widget-preview-f
 			src: e.definition.thumbnail,
 			alt: `${e.definition.label}预览`,
 			class: "lumal-cockpit-designer__widget-preview-image"
-		}, null, 8, Sn)) : (E(), _("div", {
+		}, null, 8, wn)) : e.live ? (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), {
+			error: j(() => [v("div", Tn, [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"]))]),
+			default: j(() => [(E(), h(re(a.value), { context: A(i) }, null, 8, ["context"]))]),
 			_: 1
-		})], 4))], 512));
+		})], 4)) : (E(), _("div", En, [b(A(N), {
+			name: e.definition.icon || "lumal:grid",
+			size: 28
+		}, null, 8, ["name"])]))], 512));
 	}
-}), Tn = {
+}), On = {
 	class: "lumal-cockpit-designer__library",
-	"aria-label": "模块库"
-}, En = ["data-cockpit-library-type", "data-cockpit-library-title"], Dn = /* @__PURE__ */ x({
+	"aria-label": "模块选择"
+}, kn = { class: "lumal-cockpit-designer__library-head" }, An = { class: "lumal-cockpit-designer__library-count" }, jn = ["data-cockpit-library-type", "data-cockpit-library-title"], Mn = /* @__PURE__ */ x({
 	__name: "CockpitComponentLibrary",
 	props: {
 		cockpitId: {},
@@ -1201,7 +1213,7 @@ var Sn = ["src", "alt"], Cn = { class: "lumal-cockpit-designer__widget-preview-f
 			}));
 		}), T(() => {
 			a?.destroy();
-		}), (t, n) => (E(), _("aside", Tn, [v("div", {
+		}), (t, n) => (E(), _("aside", On, [v("header", kn, [n[0] ||= v("div", { class: "lumal-cockpit-designer__library-head-copy" }, [v("strong", null, "模块选择"), v("span", null, "拖拽模块到左侧或右侧区域，也可点击后选择目标槽位")], -1), v("span", An, k(o.value.length) + " 个", 1)]), v("div", {
 			ref_key: "libraryRef",
 			ref: i,
 			class: "lumal-cockpit-designer__library-grid"
@@ -1210,11 +1222,12 @@ var Sn = ["src", "alt"], Cn = { class: "lumal-cockpit-designer__widget-preview-f
 			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, {
+		}, [b(Dn, {
 			"cockpit-id": e.cockpitId,
 			definition: t,
 			"instance-id": `library-preview:${t.type}`,
-			"layout-id": e.layoutId
+			"layout-id": e.layoutId,
+			live: ""
 		}, null, 8, [
 			"cockpit-id",
 			"definition",
@@ -1227,13 +1240,13 @@ var Sn = ["src", "alt"], Cn = { class: "lumal-cockpit-designer__widget-preview-f
 			"aria-pressed": e.selectedType === t.type,
 			onClick: (e) => r("selectWidget", t)
 		}, {
-			default: j(() => [y(ie(t.label), 1)]),
+			default: j(() => [y(k(t.label), 1)]),
 			_: 2
 		}, 1032, [
 			"aria-label",
 			"aria-pressed",
 			"onClick"
-		])], 10, En))), 128)), o.value.length ? g("", !0) : (E(), h(A(ue), {
+		])], 10, jn))), 128)), o.value.length ? g("", !0) : (E(), h(A(fe), {
 			key: 0,
 			class: "lumal-cockpit-designer__library-empty",
 			description: "暂无可用模块",
@@ -1243,9 +1256,9 @@ var Sn = ["src", "alt"], Cn = { class: "lumal-cockpit-designer__widget-preview-f
 });
 //#endregion
 //#region src/designer/confirmWidgetReplacement.ts
-async function On() {
+async function Nn() {
 	try {
-		return await me.confirm("目标槽位已有模块，是否替换？", "确认替换", {
+		return await ge.confirm("目标槽位已有模块，是否替换？", "确认替换", {
 			cancelButtonText: "取消",
 			confirmButtonText: "替换",
 			type: "warning"
@@ -1256,7 +1269,7 @@ async function On() {
 }
 //#endregion
 //#region src/designer/CockpitWidgetDropZone.vue
-var kn = /* @__PURE__ */ x({
+var Pn = /* @__PURE__ */ x({
 	__name: "CockpitWidgetDropZone",
 	props: {
 		allowMultiple: {
@@ -1297,7 +1310,7 @@ var kn = /* @__PURE__ */ x({
 		}
 		async function l(e) {
 			let t = e.item, i = c(t), a = !n.allowMultiple && !!n.widget;
-			if (a && !await On()) {
+			if (a && !await Nn()) {
 				if (i.source) {
 					let n = e.from.children.item(e.oldIndex ?? e.from.children.length);
 					e.from.insertBefore(t, n);
@@ -1339,18 +1352,18 @@ var kn = /* @__PURE__ */ x({
 			ref_key: "zoneRef",
 			ref: i,
 			class: C(["lumal-cockpit-designer__drop-zone", { "is-tabs": e.allowMultiple }])
-		}, [k(t.$slots, "default")], 2));
+		}, [ne(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 = {
+}), Fn = ["data-side"], In = ["aria-label"], Ln = { class: "lumal-cockpit-designer__region-head-meta" }, Rn = { class: "lumal-cockpit-designer__field" }, zn = { class: "lumal-cockpit-designer__field" }, Bn = { class: "lumal-cockpit-designer__field lumal-cockpit-designer__region-width-field" }, Vn = {
 	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 = {
+}, Hn = ["aria-label"], Un = { class: "lumal-cockpit-designer__field" }, Wn = { class: "lumal-cockpit-designer__tabs-switch" }, Gn = ["data-cockpit-drag-source"], Kn = { class: "lumal-cockpit-designer__placed-widget-header" }, qn = { class: "lumal-cockpit-designer__placed-widget-actions" }, Jn = { class: "lumal-cockpit-designer__placed-widget-body" }, Yn = {
 	key: 1,
 	class: "lumal-cockpit-designer__widget-preview-fallback"
-}, Gn = ["aria-label"], Kn = ["data-cockpit-drag-source"], qn = ["id", "aria-labelledby"], Jn = {
+}, Xn = ["aria-label"], Zn = ["data-cockpit-drag-source"], Qn = ["id", "aria-labelledby"], $n = {
 	key: 1,
 	class: "lumal-cockpit-designer__widget-preview-fallback"
-}, Yn = /* @__PURE__ */ x({
+}, er = /* @__PURE__ */ x({
 	__name: "CockpitLayoutEditor",
 	props: {
 		cockpitId: {},
@@ -1364,95 +1377,143 @@ var kn = /* @__PURE__ */ x({
 	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;
+			if (!e) return;
+			let t = n.side === "left" ? e.left : e.right;
+			return t ? { ...t } : void 0;
+		}), a = m(() => {
+			let e = /* @__PURE__ */ new Map();
+			return i.value?.rows.forEach((t) => {
+				t.cells.forEach((r) => {
+					let i = {
+						kind: "cell",
+						side: n.side,
+						rowId: t.id,
+						cellId: r.id
+					};
+					e.set(r.id, {
+						location: i,
+						serialized: JSON.stringify(i)
+					});
+				});
+			}), e;
+		}), o = m(() => {
+			let e = /* @__PURE__ */ new Map();
+			return i.value?.rows.forEach((t) => {
+				let r = {
+					kind: "tabs",
+					side: n.side,
+					rowId: t.id
+				};
+				e.set(`row:${t.id}`, {
+					location: r,
+					serialized: JSON.stringify(r)
+				}), t.widgets.forEach((t) => {
+					let n = {
+						...r,
+						widgetId: t.id
+					};
+					e.set(`widget:${t.id}`, {
+						location: n,
+						serialized: JSON.stringify(n)
+					});
+				});
+			}), e;
 		});
-		function a(e, t) {
-			return {
+		function s(e, t) {
+			return a.value.get(t)?.location ?? {
 				kind: "cell",
 				side: n.side,
 				rowId: e.id,
 				cellId: t
 			};
 		}
-		function o(e, t) {
-			return {
+		function c(e, t) {
+			let r = t ? `widget:${t}` : `row:${e.id}`;
+			return o.value.get(r)?.location ?? {
 				kind: "tabs",
 				side: n.side,
 				rowId: e.id,
 				widgetId: t
 			};
 		}
-		function s(e) {
+		function l(e, t) {
+			return a.value.get(t)?.serialized ?? JSON.stringify(s(e, t));
+		}
+		function u(e, t) {
+			let n = t ? `widget:${t}` : `row:${e.id}`;
+			return o.value.get(n)?.serialized ?? JSON.stringify(c(e, t));
+		}
+		function d(e) {
 			return n.registry.resolveWidget(e);
 		}
-		function c() {
+		function f() {
 			let e = i.value?.columns.length ?? 1;
-			return Array.from({ length: Math.max(1, e) }, () => "minmax(0, 1fr)").join(" ");
+			return Array.from({ length: Math.max(1, e) }).fill("minmax(0, 1fr)").join(" ");
 		}
-		function l(e) {
+		function x(e) {
 			return e.widgets.find((t) => t.id === e.activeWidgetId) ?? e.widgets[0];
 		}
-		function u(e, t) {
+		function S(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 T(e) {
+			return n.placementSelection?.kind === "placed" && S(n.placementSelection.location, e);
 		}
-		function f(e) {
+		function te(e) {
 			let t = n.placementSelection;
-			return !!(t && (t.kind !== "placed" || !u(t.location, e)));
+			return !!(t && (t.kind !== "placed" || !S(t.location, e)));
 		}
-		function x(e, t) {
-			n.draft.resizeRegion(n.side, e, t) || pe.warning("缩减区域会移除已放置模块，请先拖动模块到保留槽位后再操作。");
+		function D(e, t) {
+			n.draft.resizeRegion(n.side, e, t) || he.warning("缩减区域会移除已放置模块，请先拖动模块到保留槽位后再操作。");
 		}
-		function S(e, t) {
+		function ne(e, t) {
 			if (!n.draft.setRowTabs(n.side, e.id, t)) {
-				pe.warning("Tab 行中的模块数超过当前列数，无法解除合并。");
+				he.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) {
+		function re(e, t) {
 			r("selectPlaced", {
 				kind: "placed",
 				location: e,
 				widgetId: t.id,
-				title: t.title ?? s(t.type)?.label ?? t.type
+				title: t.title ?? d(t.type)?.label ?? t.type
 			});
 		}
-		function te(e) {
-			d(e) && r("clearPlacement"), n.draft.removeWidget(e);
+		function ie(e) {
+			T(e) && r("clearPlacement"), n.draft.removeWidget(e);
 		}
-		async function D(e) {
+		async function ae(e) {
 			let t = n.placementSelection;
-			if (!t || t.kind === "placed" && u(t.location, e)) return;
+			if (!t || t.kind === "placed" && S(t.location, e)) return;
 			let i = !1;
-			if (e.kind === "cell" && n.draft.hasWidgetAt(e) && (i = await On(), !i)) return;
+			if (e.kind === "cell" && n.draft.hasWidgetAt(e) && (i = await Nn(), !i)) return;
 			if (t.kind === "library") {
-				n.draft.addWidget(e, t.type, t.title, i) || pe.warning("模块放置失败，请检查目标槽位。");
+				n.draft.addWidget(e, t.type, t.title, i) || he.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("模块移动失败，请重新选择目标。");
+			if (a.requiresReplace && await Nn() && (a = n.draft.moveWidget(t.location, e, !0)), !a.moved) {
+				he.warning("模块移动失败，请重新选择目标。");
 				return;
 			}
 			r("clearPlacement");
 		}
-		function k(e, t) {
+		function oe(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("目标槽位已有模块，请确认替换后再操作。");
+				n.draft.addWidget(e, t.library.type, t.library.title, t.replace) || he.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");
+			!i.moved && !i.requiresReplace ? he.error("模块移动失败。") : i.moved && n.placementSelection?.kind === "placed" && S(n.placementSelection.location, t.source) && r("clearPlacement");
 		}
-		async function ne(e, t, r) {
+		async function se(e, t, r) {
 			if (![
 				"ArrowLeft",
 				"ArrowRight",
@@ -1472,22 +1533,22 @@ var kn = /* @__PURE__ */ x({
 			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), {
+			v("div", Ln, [v("strong", null, k(e.side === "left" ? "左侧区域" : "右侧区域"), 1), n[7] ||= v("span", null, "调整网格结构与区域宽", -1)]),
+			v("label", Rn, [n[8] ||= v("span", null, "行", -1), b(A(me), {
 				"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)
+				onChange: n[0] ||= (e) => D(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), {
+			v("label", zn, [n[9] ||= v("span", null, "列", -1), b(A(me), {
 				"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)
+				onChange: n[1] ||= (e) => D(i.value?.rows.length ?? 1, e ?? 1)
 			}, null, 8, ["model-value", "aria-label"])]),
-			v("label", Fn, [
+			v("label", Bn, [
 				n[10] ||= v("span", null, "区域宽", -1),
-				b(A(fe), {
+				b(A(me), {
 					"model-value": i.value?.width ?? 0,
 					min: Math.max(1, i.value?.columns.length ?? 1),
 					"aria-label": `${e.side === "left" ? "左侧" : "右侧"}区域宽度像素`,
@@ -1499,7 +1560,7 @@ var kn = /* @__PURE__ */ x({
 				]),
 				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", {
+		], 8, In), i.value ? (E(), _("div", Vn, [(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` })
@@ -1509,10 +1570,10 @@ var kn = /* @__PURE__ */ x({
 			role: "group",
 			"aria-label": `${e.side === "left" ? "左侧" : "右侧"}第 ${r + 1} 行布局设置`
 		}, [
-			v("strong", null, "第 " + ie(r + 1) + " 行", 1),
-			v("label", Rn, [
+			v("strong", null, "第 " + k(r + 1) + " 行", 1),
+			v("label", Un, [
 				n[12] ||= v("span", null, "行高", -1),
-				b(A(fe), {
+				b(A(me), {
 					"model-value": t.height,
 					min: 1,
 					max: 100,
@@ -1526,27 +1587,27 @@ var kn = /* @__PURE__ */ x({
 				]),
 				n[13] ||= v("em", null, "%", -1)
 			]),
-			v("label", zn, [n[14] ||= v("span", null, "合并列", -1), b(A(_e), {
+			v("label", Wn, [n[14] ||= v("span", null, "合并列", -1), b(A(ye), {
 				"model-value": t.mode === "tabs",
-				onChange: (e) => S(t, !!e)
+				onChange: (e) => ne(t, !!e)
 			}, null, 8, ["model-value", "onChange"])])
-		], 8, Ln), t.mode === "grid" ? (E(), _("div", {
+		], 8, Hn), 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, {
+			style: w({ gridTemplateColumns: f() })
+		}, [(E(!0), _(p, null, O(t.cells, (r) => (E(), h(Pn, {
 			key: r.id,
-			target: a(t, r.id),
+			target: s(t, r.id),
 			widget: r.widget,
-			onDrop: (e) => k(a(t, r.id), e)
+			onDrop: (e) => oe(s(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)),
+				class: C(["lumal-cockpit-designer__placed-widget lumal-cockpit-designer__drag-item", { "is-keyboard-selected": T(s(t, r.id)) }]),
+				"data-cockpit-drag-source": l(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), {
+			}, [v("header", Kn, [v("span", null, k(r.widget.title ?? r.widget.type), 1), v("div", qn, [
+				b(A(be), {
 					content: "选择并移动模块",
 					placement: "top"
 				}, {
@@ -1554,9 +1615,9 @@ var kn = /* @__PURE__ */ x({
 						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"])
+						"aria-pressed": T(s(t, r.id)),
+						onMousedown: n[3] ||= ue(() => {}, ["stop"]),
+						onClick: ue((e) => re(s(t, r.id), r.widget), ["stop"])
 					}, {
 						default: j(() => [b(A(N), {
 							name: "lumal:more",
@@ -1570,7 +1631,7 @@ var kn = /* @__PURE__ */ x({
 					])]),
 					_: 2
 				}, 1024),
-				f(a(t, r.id)) ? (E(), h(A(ve), {
+				te(s(t, r.id)) ? (E(), h(A(be), {
 					key: 0,
 					content: "移动并替换到此槽位",
 					placement: "top"
@@ -1579,8 +1640,8 @@ var kn = /* @__PURE__ */ x({
 						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"])
+						onMousedown: n[4] ||= ue(() => {}, ["stop"]),
+						onClick: ue((e) => ae(s(t, r.id)), ["stop"])
 					}, {
 						default: j(() => [b(A(N), {
 							name: "lumal:plus",
@@ -1590,7 +1651,7 @@ var kn = /* @__PURE__ */ x({
 					}, 8, ["aria-label", "onClick"])]),
 					_: 2
 				}, 1024)) : g("", !0),
-				b(A(ve), {
+				b(A(be), {
 					content: "移除模块",
 					placement: "top"
 				}, {
@@ -1599,7 +1660,7 @@ var kn = /* @__PURE__ */ x({
 						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))
+						onClick: (e) => ie(s(t, r.id))
 					}, {
 						default: j(() => [b(A(N), {
 							name: "lumal:close",
@@ -1609,28 +1670,29 @@ var kn = /* @__PURE__ */ x({
 					}, 8, ["aria-label", "onClick"])]),
 					_: 2
 				}, 1024)
-			])]), v("div", Un, [s(r.widget.type) ? (E(), h(wn, {
+			])]), v("div", Jn, [d(r.widget.type) ? (E(), h(Dn, {
 				key: 0,
 				"cockpit-id": e.cockpitId,
-				definition: s(r.widget.type),
+				definition: d(r.widget.type),
 				"instance-id": r.widget.id,
 				"layout-id": e.draft.activeLayout.value?.id ?? "",
-				"message-bus": e.previewMessageBus
+				"message-bus": e.previewMessageBus,
+				live: ""
 			}, null, 8, [
 				"cockpit-id",
 				"definition",
 				"instance-id",
 				"layout-id",
 				"message-bus"
-			])) : (E(), _("div", Wn, " 未注册模块 "))])], 10, Bn)) : (E(), h(A(M), {
+			])) : (E(), _("div", Yn, " 未注册模块 "))])], 10, Gn)) : (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))
+				onClick: (e) => ae(s(t, r.id))
 			}, {
-				default: j(() => [v("span", null, ie(e.placementSelection ? `放入 ${e.placementSelection.title}` : "请置入模块"), 1)]),
+				default: j(() => [v("span", null, k(e.placementSelection ? `放入 ${e.placementSelection.title}` : "请置入模块"), 1)]),
 				_: 1
 			}, 8, ["disabled", "onClick"]))]),
 			_: 2
@@ -1638,14 +1700,14 @@ var kn = /* @__PURE__ */ x({
 			"target",
 			"widget",
 			"onDrop"
-		]))), 128))], 4)) : (E(), h(kn, {
+		]))), 128))], 4)) : (E(), h(Pn, {
 			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)
+			target: c(t),
+			onDrop: (e) => oe(c(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",
@@ -1655,22 +1717,22 @@ var kn = /* @__PURE__ */ x({
 				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))
+					"is-keyboard-selected": T(c(t, r.id))
 				}]),
-				"data-cockpit-drag-source": JSON.stringify(o(t, r.id))
+				"data-cockpit-drag-source": u(t, r.id)
 			}, [
 				b(A(M), {
+					id: `designer-tab-${r.id}`,
 					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)
+					onKeydown: (e) => se(t, i, e)
 				}, {
-					default: j(() => [y(ie(r.title ?? r.type), 1)]),
+					default: j(() => [y(k(r.title ?? r.type), 1)]),
 					_: 2
 				}, 1032, [
 					"id",
@@ -1680,7 +1742,7 @@ var kn = /* @__PURE__ */ x({
 					"onClick",
 					"onKeydown"
 				]),
-				b(A(ve), {
+				b(A(be), {
 					content: "拖拽或选择移动 Tab",
 					placement: "top"
 				}, {
@@ -1688,9 +1750,9 @@ var kn = /* @__PURE__ */ x({
 						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"])
+						"aria-pressed": T(c(t, r.id)),
+						onMousedown: n[5] ||= ue(() => {}, ["stop"]),
+						onClick: ue((e) => re(c(t, r.id), r), ["stop"])
 					}, {
 						default: j(() => [b(A(N), {
 							name: "lumal:more",
@@ -1704,7 +1766,7 @@ var kn = /* @__PURE__ */ x({
 					])]),
 					_: 2
 				}, 1024),
-				b(A(ve), {
+				b(A(be), {
 					content: "移除 Tab",
 					placement: "top"
 				}, {
@@ -1713,8 +1775,8 @@ var kn = /* @__PURE__ */ x({
 						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"])
+						onMousedown: n[6] ||= ue(() => {}, ["stop"]),
+						onClick: ue((e) => ie(c(t, r.id)), ["stop"])
 					}, {
 						default: j(() => [b(A(N), {
 							name: "lumal:close",
@@ -1724,7 +1786,7 @@ var kn = /* @__PURE__ */ x({
 					}, 8, ["aria-label", "onClick"])]),
 					_: 2
 				}, 1024)
-			], 10, Kn))), 128)), t.widgets.length && e.placementSelection ? (E(), h(A(ve), {
+			], 10, Zn))), 128)), t.widgets.length && e.placementSelection ? (E(), h(A(be), {
 				key: 0,
 				content: "移入此 Tab 行",
 				placement: "top"
@@ -1733,7 +1795,7 @@ var kn = /* @__PURE__ */ x({
 					class: "lumal-cockpit-designer__tab-target",
 					"data-role": "keyboard-target",
 					"aria-label": "移入此 Tab 行",
-					onClick: (e) => D(o(t))
+					onClick: (e) => ae(c(t))
 				}, {
 					default: j(() => [b(A(N), {
 						name: "lumal:plus",
@@ -1742,51 +1804,52 @@ var kn = /* @__PURE__ */ x({
 					_: 1
 				}, 8, ["onClick"])]),
 				_: 2
-			}, 1024)) : g("", !0)], 8, Gn), v("div", {
+			}, 1024)) : g("", !0)], 8, Xn), v("div", {
+				id: `designer-tabpanel-${t.id}`,
 				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,
+				"aria-labelledby": x(t) ? `designer-tab-${x(t).id}` : void 0
+			}, [x(t) ? (E(), _(p, { key: 0 }, [d(x(t).type) ? (E(), h(Dn, {
+				key: x(t).id,
 				"cockpit-id": e.cockpitId,
-				definition: s(l(t).type),
-				"instance-id": l(t).id,
+				definition: d(x(t).type),
+				"instance-id": x(t).id,
 				"layout-id": e.draft.activeLayout.value?.id ?? "",
-				"message-bus": e.previewMessageBus
+				"message-bus": e.previewMessageBus,
+				live: ""
 			}, null, 8, [
 				"cockpit-id",
 				"definition",
 				"instance-id",
 				"layout-id",
 				"message-bus"
-			])) : (E(), _("div", Jn, " 未注册模块 "))], 64)) : (E(), h(A(M), {
+			])) : (E(), _("div", $n, " 未注册模块 "))], 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))
+				onClick: (e) => ae(c(t))
 			}, {
-				default: j(() => [v("span", null, ie(e.placementSelection ? `添加 ${e.placementSelection.title} 到 Tab` : "请置入模块"), 1)]),
+				default: j(() => [v("span", null, k(e.placementSelection ? `添加 ${e.placementSelection.title} 到 Tab` : "请置入模块"), 1)]),
 				_: 1
-			}, 8, ["disabled", "onClick"]))], 8, qn)], 2)]),
+			}, 8, ["disabled", "onClick"]))], 8, Qn)], 2)]),
 			_: 2
-		}, 1032, ["target", "onDrop"]))], 4))), 128))])) : g("", !0)], 8, An));
+		}, 1032, ["target", "onDrop"]))], 4))), 128))])) : g("", !0)], 8, Fn));
 	}
 });
 //#endregion
 //#region src/designer/useCockpitDraft.ts
-function Xn(e) {
+function tr(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function Zn(e) {
+function nr(e) {
 	return e.mode === "tabs" ? e.widgets : e.cells.flatMap((e) => e.widget ? [e.widget] : []);
 }
-function Qn(e) {
-	return Zn(e).length > 0;
+function rr(e) {
+	return nr(e).length > 0;
 }
-function $n(e) {
+function ir(e) {
 	if (!e.length) return;
 	let t = e.reduce((e, t) => e + Math.max(0, t.height), 0);
 	if (t <= 0) {
@@ -1802,14 +1865,14 @@ function $n(e) {
 	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) {
+function ar(e, t) {
 	return t === "left" ? e.left : e.right;
 }
-function tr(e) {
+function or(e) {
 	let i = JSON.parse(JSON.stringify(e));
 	i.id = a().id;
 	for (let e of ["left", "right"]) {
-		let a = er(i, e);
+		let a = ar(i, e);
 		a.columns.forEach((e) => {
 			e.id = n().id;
 		}), a.rows.forEach((e) => {
@@ -1823,138 +1886,142 @@ function tr(e) {
 	}
 	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 sr(o) {
+	let c = tr(o), l = ae(tr(o)), u = D({ layoutId: o.activeLayoutId ?? o.layouts[0]?.id });
+	function d() {
+		oe(l);
 	}
-	function g(e) {
-		return h(e.side, e.rowId)?.cells.find((t) => t.id === e.cellId);
+	let p = m(() => [...l.value.layouts]), h = m(() => {
+		let e = u.value.layoutId, t = p.value.find((t) => t.id === e) ?? p.value[0];
+		return t ? { ...t } : void 0;
+	});
+	function g(e, t) {
+		let n = h.value;
+		return n ? ar(n, e).rows.find((e) => e.id === t) : void 0;
 	}
 	function _(e) {
-		if (e.kind === "cell") return g(e)?.widget;
-		let t = h(e.side, e.rowId)?.widgets ?? [];
+		return g(e.side, e.rowId)?.cells.find((t) => t.id === e.cellId);
+	}
+	function v(e) {
+		if (e.kind === "cell") return _(e)?.widget;
+		let t = g(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() {
+		let e = a(`布局 ${p.value.length + 1}`);
+		l.value.layouts.push(e), l.value.activeLayoutId = e.id, u.value = { layoutId: e.id }, d();
 	}
-	function y(e) {
-		let t = d.value.findIndex((t) => t.id === e);
+	function b(e) {
+		let t = p.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 };
+		let n = or(p.value[t]);
+		n.title = `${n.title} 副本`, l.value.layouts.splice(t + 1, 0, n), u.value = { layoutId: n.id }, d();
 	}
-	function b(e) {
-		if (d.value.length <= 1) return !1;
-		let t = d.value.findIndex((t) => t.id === e);
+	function x(e) {
+		if (p.value.length <= 1) return !1;
+		let t = p.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];
+		if (l.value.layouts.splice(t, 1), u.value.layoutId === e) {
+			let e = l.value.layouts[t] ?? l.value.layouts[t - 1];
 			u.value = { layoutId: e?.id }, l.value.activeLayoutId = e?.id;
 		}
-		return !0;
+		return d(), !0;
 	}
-	function x(e, t) {
-		let n = d.value.find((t) => t.id === e);
-		n && t.trim() && (n.title = t.trim());
+	function S(e, t) {
+		let n = l.value.layouts.find((t) => t.id === e);
+		n && t.trim() && (n.title = t.trim(), d());
 	}
-	function S(e) {
-		d.value.some((t) => t.id === e) && (u.value = { layoutId: e }, l.value.activeLayoutId = e);
+	function ee(e) {
+		p.value.some((t) => t.id === e) && (u.value = { layoutId: e }, l.value.activeLayoutId = e, d());
 	}
-	function ee(r, i, a, o = !1) {
-		let c = p.value;
+	function C(r, i, a, o = !1) {
+		let c = h.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) => {
+		let l = ar(c, r), u = Math.max(1, Math.floor(i)), f = Math.max(1, Math.floor(a)), p = l.rows.slice(u), m = l.rows.filter((e) => e.mode === "grid").flatMap((e) => e.cells.slice(f));
+		if (!o && (p.some(rr) || m.some((e) => e.widget))) return !1;
+		for (; l.columns.length < f;) l.columns.push(n());
+		for (l.columns.length > f && l.columns.splice(f), 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);
+				for (; e.cells.length < f;) e.cells.push(t());
+				e.cells.length > f && e.cells.splice(f);
 			}
-		}), 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;
+		}), l.rows.length > u && l.rows.splice(u); l.rows.length < u;) l.rows.push(s(f, "grid", 100 / u));
+		return ir(l.rows), d(), !0;
 	}
-	function C(t, n) {
-		let r = p.value;
+	function w(t, n) {
+		let r = h.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);
+		let i = ar(r, t);
+		i.width = Math.max(i.columns.length, Math.round(n)), e(i), d();
 	}
-	function w(e, t, n) {
-		let r = p.value;
+	function T(e, t, n) {
+		let r = h.value;
 		if (!r || !Number.isFinite(n)) return;
-		let i = er(r, e).rows, a = i.find((e) => e.id === t);
+		let i = ar(r, e).rows, a = i.find((e) => e.id === t);
 		if (!a) return;
 		if (i.length === 1) {
-			a.height = 100;
+			a.height = 100, d();
 			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);
+		}), ir(i), d();
 	}
-	function T(e, n, r) {
-		let i = p.value;
+	function te(e, n, r) {
+		let i = h.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) => {
+		let a = ar(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, d(), !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);
+		}), o.widgets = [], o.activeWidgetId = void 0, o.mode = "grid", d(), !0);
 	}
-	function te(e) {
-		return !!_(e);
+	function E(e) {
+		return !!v(e);
 	}
-	function E(e, t, n, i = !1) {
+	function O(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 t = g(e.side, e.rowId);
+			return !t || t.mode !== "tabs" ? !1 : (t.widgets.push(a), t.activeWidgetId = a.id, d(), !0);
 		}
-		let o = g(e);
-		return !o || o.widget && !i ? !1 : (o.widget = a, !0);
+		let o = _(e);
+		return !o || o.widget && !i ? !1 : (o.widget = a, d(), !0);
 	}
-	function O(e) {
+	function ne(e) {
 		if (e.kind === "cell") {
-			let t = g(e);
-			t && (t.widget = void 0);
+			let t = _(e);
+			t && (t.widget = void 0), d();
 			return;
 		}
-		let t = h(e.side, e.rowId);
+		let t = g(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);
+			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), d();
 		}
 	}
-	function k(e, t) {
+	function re(e, t) {
 		if (e.kind === "cell") {
-			let t = g(e), n = t?.widget;
+			let t = _(e), n = t?.widget;
 			return t && (t.widget = void 0), n;
 		}
-		let n = h(e.side, e.rowId);
+		let n = g(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);
+	function ie(e, t, n = !1) {
+		let r = v(e);
 		if (!r) return {
 			moved: !1,
 			requiresReplace: !1
 		};
 		if (t.kind === "cell") {
-			let i = g(t);
+			let i = _(t);
 			if (!i) return {
 				moved: !1,
 				requiresReplace: !1
@@ -1963,8 +2030,8 @@ function nr(o) {
 				moved: !1,
 				requiresReplace: !0
 			};
-			let a = k(e, r.id);
-			return a ? (i.widget = a, {
+			let a = re(e, r.id);
+			return a ? (i.widget = a, d(), {
 				moved: !0,
 				requiresReplace: !1
 			}) : {
@@ -1972,13 +2039,13 @@ function nr(o) {
 				requiresReplace: !1
 			};
 		}
-		let i = h(t.side, t.rowId);
+		let i = g(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, {
+		let a = re(e, r.id);
+		return a ? (i.widgets.push(a), i.activeWidgetId = a.id, d(), {
 			moved: !0,
 			requiresReplace: !1
 		}) : {
@@ -1986,20 +2053,20 @@ function nr(o) {
 			requiresReplace: !1
 		};
 	}
-	function re(e, t, n, r) {
-		let i = h(e, t);
+	function k(e, t, n, r) {
+		let i = g(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);
+		i.widgets.splice(r, 0, a), d();
 	}
-	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(e, t, n) {
+		let r = g(e, t);
+		r?.mode === "tabs" && r.widgets.some((e) => e.id === n) && (r.activeWidgetId = n, d());
 	}
-	function A() {
-		l.value = Xn(c), u.value = { layoutId: c.activeLayoutId ?? c.layouts[0]?.id };
+	function se() {
+		l.value = tr(c), u.value = { layoutId: c.activeLayoutId ?? c.layouts[0]?.id }, d();
 	}
-	function ae() {
+	function ce() {
 		let e = f(l.value);
 		return {
 			config: i(l.value),
@@ -2009,37 +2076,37 @@ function nr(o) {
 	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
+		layouts: p,
+		activeLayout: h,
+		addLayout: y,
+		duplicateLayout: b,
+		removeLayout: x,
+		renameLayout: S,
+		selectLayout: ee,
+		resizeRegion: C,
+		setRegionWidth: w,
+		setRowHeight: T,
+		setRowTabs: te,
+		hasWidgetAt: E,
+		addWidget: O,
+		moveWidget: ie,
+		removeWidget: ne,
+		reorderTabWidgets: k,
+		setActiveTab: A,
+		reset: se,
+		buildSaveConfig: ce
 	};
 }
 //#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 = {
+var cr = ["data-cockpit-theme"], lr = { class: "lumal-cockpit-designer__titlebar" }, ur = { class: "lumal-cockpit-designer__heading" }, dr = { class: "lumal-cockpit-designer__title-actions" }, fr = { class: "lumal-cockpit-designer__controlbar" }, pr = { class: "lumal-cockpit-designer__layout-controls" }, mr = { class: "lumal-cockpit-designer__field" }, hr = { class: "lumal-cockpit-designer__layout-tools" }, gr = { class: "lumal-cockpit-designer__workspace" }, _r = {
 	class: "lumal-cockpit-designer__assembly",
 	"aria-label": "驾驶舱布局装配区"
-}, pr = { class: "lumal-cockpit-designer__assembly-stage" }, mr = { class: "lumal-cockpit-designer__footer" }, hr = {
+}, vr = { class: "lumal-cockpit-designer__assembly-stage" }, yr = { class: "lumal-cockpit-designer__footer" }, br = {
 	class: "lumal-cockpit-designer__placement-status",
 	role: "status",
 	"aria-live": "polite"
-}, gr = { class: "lumal-cockpit-designer__footer-actions" }, _r = /* @__PURE__ */ x({
+}, xr = { class: "lumal-cockpit-designer__footer-actions" }, Sr = /* @__PURE__ */ x({
 	__name: "LumalCockpitDesigner",
 	props: /*@__PURE__*/ S({
 		config: {},
@@ -2052,11 +2119,11 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 	}),
 	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 r = e, i = n, a = se(e, "themeMode"), o = sr(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, () => {
+		ce(() => u.value?.id, () => {
 			l.value = void 0;
 		});
 		function S(e) {
@@ -2084,18 +2151,18 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 				layout: n
 			});
 		}
-		async function ne() {
+		async function re() {
 			let e = u.value;
 			if (e) {
 				if (o.layouts.value.length <= 1) {
-					await me.alert("至少保留一个布局。", "无法删除", {
+					await ge.alert("至少保留一个布局。", "无法删除", {
 						confirmButtonText: "知道了",
 						type: "warning"
 					});
 					return;
 				}
 				try {
-					await me.confirm(`确定删除布局“${e.title}”吗？`, "删除布局", {
+					await ge.confirm(`确定删除布局“${e.title}”吗？`, "删除布局", {
 						cancelButtonText: "取消",
 						confirmButtonText: "删除",
 						type: "warning"
@@ -2103,51 +2170,51 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 				} catch {}
 			}
 		}
-		async function re() {
+		async function ie() {
 			try {
-				await me.confirm("将放弃本次尚未保存的所有布局调整，是否继续？", "重置草稿", {
+				await ge.confirm("将放弃本次尚未保存的所有布局调整，是否继续？", "重置草稿", {
 					cancelButtonText: "取消",
 					confirmButtonText: "重置",
 					type: "warning"
 				}), o.reset(), s.value = [];
 			} catch {}
 		}
-		function se() {
+		function ae() {
 			a.value = a.value === "dark" ? "light" : "dark";
 		}
-		return t({ toggleTheme: se }), (t, n) => (E(), _("div", {
+		return t({ toggleTheme: ae }), (t, n) => (E(), _("div", {
 			class: "lumal-cockpit-designer",
 			"data-cockpit-theme": a.value,
 			onKeydown: T
 		}, [
-			v("header", ir, [v("h2", ar, [b(A(N), {
+			v("header", lr, [v("h2", ur, [b(A(N), {
 				name: "lumal:settings",
 				size: 18
-			}), n[4] ||= y(" 模块设置 ", -1)]), v("div", or, [k(t.$slots, "title-actions", {
+			}), n[4] ||= y(" 模块设置 ", -1)]), v("div", dr, [ne(t.$slots, "title-actions", {
 				themeMode: a.value,
-				toggleTheme: se
+				toggleTheme: ae
 			})])]),
-			v("section", sr, [v("div", cr, [
-				v("label", lr, [n[5] ||= v("span", null, "模板名称", -1), b(A(ge), {
+			v("section", fr, [v("div", pr, [
+				v("label", mr, [n[5] ||= v("span", null, "模板名称", -1), b(A(ve), {
 					"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), {
+					default: j(() => [(E(!0), _(p, null, O(A(o).layouts.value, (e) => (E(), h(A(_e), {
 						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), {
+				u.value ? (E(), h(A(pe), {
 					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), {
+				v("div", hr, [
+					b(A(be), {
 						content: "添加布局",
 						placement: "top"
 					}, {
@@ -2175,7 +2242,7 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 						key: 1,
 						type: "danger",
 						plain: "",
-						onClick: ne
+						onClick: re
 					}, {
 						default: j(() => [...n[7] ||= [y(" 删除 ", -1)]]),
 						_: 1
@@ -2185,20 +2252,20 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 			v("div", {
 				class: C(["lumal-cockpit-designer__issues", { "is-empty": !d.value.length && !e.saveError }]),
 				role: "alert"
-			}, [e.saveError ? (E(), h(A(le), {
+			}, [e.saveError ? (E(), h(A(de), {
 				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), {
+			}, null, 8, ["title"])) : g("", !0), (E(!0), _(p, null, O(d.value, (e, t) => (E(), h(A(de), {
 				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, {
+			v("main", gr, [v("section", _r, [v("div", vr, [b(er, {
 				"cockpit-id": e.config.id,
 				draft: A(o),
 				registry: e.registry,
@@ -2213,7 +2280,7 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 				"registry",
 				"placement-selection",
 				"preview-message-bus"
-			]), b(Yn, {
+			]), b(er, {
 				"cockpit-id": e.config.id,
 				draft: A(o),
 				registry: e.registry,
@@ -2228,7 +2295,7 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 				"registry",
 				"placement-selection",
 				"preview-message-bus"
-			])])]), b(Dn, {
+			])])]), b(Mn, {
 				"cockpit-id": e.config.id,
 				"layout-id": u.value?.id ?? "",
 				registry: e.registry,
@@ -2240,8 +2307,8 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 				"registry",
 				"selected-type"
 			])]),
-			v("footer", mr, [v("p", hr, ie(x.value), 1), v("div", gr, [
-				b(A(M), { onClick: re }, {
+			v("footer", yr, [v("p", br, k(x.value), 1), v("div", xr, [
+				b(A(M), { onClick: ie }, {
 					default: j(() => [b(A(N), {
 						name: "lumal:reset",
 						size: 16
@@ -2262,21 +2329,21 @@ var rr = ["data-cockpit-theme"], ir = { class: "lumal-cockpit-designer__titlebar
 					"aria-busy": e.saving,
 					onClick: te
 				}, {
-					default: j(() => [y(ie(e.saving ? "保存中…" : "保存"), 1)]),
+					default: j(() => [y(k(e.saving ? "保存中…" : "保存"), 1)]),
 					_: 1
 				}, 8, ["loading", "aria-busy"])
 			])])
-		], 40, rr));
+		], 40, cr));
 	}
 });
 //#endregion
 //#region src/designer/index.ts
-function vr(e, t) {
+function Cr(e, t) {
 	let n = e;
 	return n.install = function(n) {
 		n.component(t, e);
 	}, n;
 }
-var yr = vr(_r, "LumalCockpitDesigner");
+var wr = Cr(Sr, "LumalCockpitDesigner");
 //#endregion
-export { Dn as CockpitComponentLibrary, Yn as CockpitLayoutEditor, kn as CockpitWidgetDropZone, wn as CockpitWidgetPreview, yr as LumalCockpitDesigner, nr as useCockpitDraft };
+export { Mn as CockpitComponentLibrary, er as CockpitLayoutEditor, Pn as CockpitWidgetDropZone, Dn as CockpitWidgetPreview, wr as LumalCockpitDesigner, sr as useCockpitDraft };