@printstack/print-studio 0.1.0 → 0.1.2

package/vue.js

@@ -1,8 +1,9 @@
-import { B as e, C as t, E as n, F as r, H as i, I as a, L as o, M as s, N as c, P as l, Q as u, R as d, S as f, T as p, V as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, j as C, l as w, m as T, o as E, p as D, s as O, u as k, v as A, w as j, x as ee, y as te, z as ne } from "./registries-BOU8RLim.js";
-import { a as re, c as ie, i as ae, n as oe, o as se, r as ce, s as le, t as ue } from "./presets-Cwp20ef6.js";
-import { G as de, H as fe, M as pe, V as me, at as he, nt as ge, ot as _e, p as ve } from "./document-model-DC9sn2WV.js";
-import { A as ye, B as be, C as xe, D as Se, E as Ce, F as we, G as Te, H as Ee, I as De, L as Oe, M as ke, N as Ae, O as je, P as Me, R as Ne, S as Pe, T as Fe, U as Ie, W as Le, _ as Re, a as ze, b as Be, d as Ve, f as He, g as Ue, h as We, i as Ge, j as Ke, k as qe, m as Je, n as Ye, o as Xe, p as Ze, s as Qe, t as $e, u as et, v as tt, w as nt } from "./studio-C_rqbJ9q.js";
-import { A as rt, B as M, C as it, D as at, E as ot, F as st, O as ct, P as lt, R as ut, S as dt, T as ft, _ as pt, a as mt, b as ht, c as gt, d as _t, f as vt, g as yt, h as bt, i as xt, k as St, l as Ct, m as wt, n as Tt, o as Et, p as Dt, r as Ot, s as kt, t as At, u as jt, v as Mt, w as Nt, x as Pt, y as Ft } from "./cloneDeep-C5UZRjbH.js";
+import { $ as e, B as t, C as n, E as r, F as i, H as a, I as o, L as s, M as c, N as l, P as u, R as d, S as f, T as p, V as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, j as C, l as w, m as T, o as E, p as D, s as O, u as k, v as A, w as j, x as ee, y as te, z as ne } from "./registries-sg39PGF1.js";
+import { a as re, i as ie, n as ae, o as oe, r as se, s as ce, t as le } from "./host-OAp3gFDx.js";
+import { G as ue, H as de, M as fe, V as pe, at as me, it as he, p as ge, tt as _e } from "./document-model-Cc5RoO4j.js";
+import { A as ve, B as ye, C as be, D as xe, E as Se, F as Ce, G as we, H as Te, I as Ee, K as De, L as Oe, M as ke, N as Ae, O as je, P as Me, R as Ne, S as Pe, T as Fe, W as Ie, _ as Le, a as Re, b as ze, d as Be, f as Ve, g as He, h as Ue, i as We, j as Ge, k as Ke, m as qe, n as Je, o as Ye, p as Xe, s as Ze, t as Qe, u as $e, v as et, w as tt } from "./studio-B3B6zI06.js";
+import { A as nt, B as M, C as rt, D as it, E as at, F as ot, O as st, P as ct, R as lt, S as ut, T as dt, _ as ft, a as pt, b as mt, c as ht, d as gt, f as _t, g as vt, h as yt, i as bt, k as xt, l as St, m as Ct, n as wt, o as Tt, p as Et, r as Dt, s as Ot, t as kt, u as At, v as jt, w as Mt, x as Nt, y as Pt } from "./cloneDeep-waBDTGc3.js";
+import { t as Ft } from "./presets-BunYODhE.js";
 import { t as It } from "./types-Vh_6jhVV.js";
 import { Comment as Lt, ErrorCodes as Rt, Fragment as N, Teleport as zt, Text as Bt, Transition as Vt, cloneVNode as Ht, computed as P, createBlock as F, createCommentVNode as I, createElementBlock as L, createElementVNode as R, createSlots as Ut, createTextVNode as Wt, createVNode as z, defineComponent as B, getCurrentInstance as Gt, getCurrentScope as Kt, guardReactiveProps as qt, h as Jt, handleError as Yt, hasInjectionContext as Xt, inject as Zt, isRef as Qt, isVNode as $t, markRaw as en, mergeModels as tn, mergeProps as V, nextTick as nn, normalizeClass as rn, normalizeProps as an, normalizeStyle as on, onBeforeUnmount as sn, onMounted as cn, onScopeDispose as ln, onUnmounted as un, onUpdated as dn, openBlock as H, provide as fn, reactive as pn, readonly as mn, ref as U, render as hn, renderList as gn, renderSlot as _n, resolveComponent as vn, resolveDirective as yn, resolveDynamicComponent as bn, shallowReactive as xn, shallowRef as Sn, toDisplayString as W, toRaw as Cn, toRefs as wn, toValue as Tn, unref as G, useId as En, useModel as Dn, useSlots as On, vShow as kn, watch as K, watchEffect as An, watchPostEffect as jn, withCtx as q, withDirectives as Mn, withModifiers as Nn } from "vue";
 import { AddIcon as Pn, AdjustmentIcon as Fn, ArrowDownIcon as In, ArrowRightIcon as Ln, ArrowUpIcon as Rn, BarcodeIcon as zn, BrowseIcon as Bn, BrowseOffIcon as Vn, CalendarIcon as Hn, CenterFocusStrongIcon as Un, CheckCircleFilledIcon as Wn, CheckIcon as Gn, CheckRectangleIcon as Kn, ChevronDownIcon as qn, ChevronLeftDoubleIcon as Jn, ChevronLeftIcon as Yn, ChevronRightDoubleIcon as Xn, ChevronRightIcon as Zn, ChevronUpIcon as Qn, CircleIcon as $n, ClearIcon as er, CloseCircleFilledIcon as tr, CloseIcon as nr, CopyIcon as rr, CursorIcon as ir, CutIcon as ar, DataBaseIcon as or, DeleteIcon as sr, DownloadIcon as cr, EditIcon as lr, EllipsisIcon as ur, ErrorCircleFilledIcon as dr, FileIcon as fr, FlipToBackIcon as pr, FlipToFrontIcon as mr, FolderIcon as hr, FolderOpenIcon as gr, FormatHorizontalAlignBottomIcon as _r, FormatHorizontalAlignCenterIcon as vr, FormatHorizontalAlignTopIcon as yr, FormatVerticalAlignCenterIcon as br, FormatVerticalAlignLeftIcon as xr, FormatVerticalAlignRightIcon as Sr, FullscreenExitIcon as Cr, FullscreenIcon as wr, GridViewIcon as Tr, HelpCircleIcon as Er, ImageIcon as Dr, InfoCircleFilledIcon as Or, KeyIcon as kr, LayersIcon as Ar, LinkIcon as jr, LinkUnlinkIcon as Mr, LockOffIcon as Nr, LockOnIcon as Pr, MergeCellsIcon as Fr, MinusIcon as Ir, MoreIcon as Lr, Move1Icon as Rr, MoveIcon as zr, PageFirstIcon as Br, PageLastIcon as Vr, PaletteIcon as Hr, PasteIcon as Ur, PrintIcon as Wr, QrcodeIcon as Gr, RectangleIcon as Kr, RefreshIcon as qr, RemoveIcon as Jr, RollbackIcon as Yr, RollfrontIcon as Xr, RotateIcon as Zr, RoundIcon as Qr, RulerIcon as $r, SlashIcon as ei, SwapIcon as ti, TableIcon as ni, TableSplitIcon as ri, TemplateIcon as ii, TextIcon as ai, TimeIcon as oi, UploadIcon as si, ViewColumnIcon as ci, ViewListIcon as li, ZoomInIcon as ui, ZoomOutIcon as di } from "tdesign-icons-vue-next";
@@ -49,16 +50,16 @@ function yi(e, t, n, r, i, a, o) {
 }
 function bi(e, t, n, r) {
 	if (Object.is(e, t)) return !0;
-	let i = at(e), a = at(t);
-	if (i === "[object Arguments]" && (i = Mt), a === "[object Arguments]" && (a = Mt), i !== a) return !1;
+	let i = it(e), a = it(t);
+	if (i === "[object Arguments]" && (i = jt), a === "[object Arguments]" && (a = jt), i !== a) return !1;
 	switch (i) {
-		case Pt: return e.toString() === t.toString();
-		case pt: return _i(e.valueOf(), t.valueOf());
-		case Et:
-		case gt:
-		case dt: return Object.is(e.valueOf(), t.valueOf());
-		case Ft: return e.source === t.source && e.flags === t.flags;
-		case vt: return e === t;
+		case Nt: return e.toString() === t.toString();
+		case ft: return _i(e.valueOf(), t.valueOf());
+		case Tt:
+		case ht:
+		case ut: return Object.is(e.valueOf(), t.valueOf());
+		case Pt: return e.source === t.source && e.flags === t.flags;
+		case _t: return e === t;
 	}
 	n ??= /* @__PURE__ */ new Map();
 	let o = n.get(e), s = n.get(t);
@@ -66,11 +67,11 @@ function bi(e, t, n, r) {
 	n.set(e, t), n.set(t, e);
 	try {
 		switch (i) {
-			case yt:
+			case vt:
 				if (e.size !== t.size) return !1;
 				for (let [i, a] of e.entries()) if (!t.has(i) || !yi(a, t.get(i), i, e, t, n, r)) return !1;
 				return !0;
-			case ht: {
+			case mt: {
 				if (e.size !== t.size) return !1;
 				let i = Array.from(e.values()), a = Array.from(t.values());
 				for (let o = 0; o < i.length; o++) {
@@ -80,27 +81,27 @@ function bi(e, t, n, r) {
 				}
 				return !0;
 			}
-			case Ot:
-			case ft:
-			case ot:
-			case it:
-			case Nt:
-			case mt:
-			case bt:
 			case Dt:
-			case wt:
-			case xt:
-			case jt:
-			case _t:
-				if (St(e) !== St(t) || e.length !== t.length) return !1;
+			case dt:
+			case at:
+			case rt:
+			case Mt:
+			case pt:
+			case yt:
+			case Et:
+			case Ct:
+			case bt:
+			case At:
+			case gt:
+				if (xt(e) !== xt(t) || e.length !== t.length) return !1;
 				for (let i = 0; i < e.length; i++) if (!yi(e[i], t[i], i, e, t, n, r)) return !1;
 				return !0;
-			case Tt: return e.byteLength === t.byteLength && bi(new Uint8Array(e), new Uint8Array(t), n, r);
-			case kt: return e.byteLength !== t.byteLength || e.byteOffset !== t.byteOffset ? !1 : bi(new Uint8Array(e), new Uint8Array(t), n, r);
-			case Ct: return e.name === t.name && e.message === t.message;
-			case Mt: {
+			case wt: return e.byteLength === t.byteLength && bi(new Uint8Array(e), new Uint8Array(t), n, r);
+			case Ot: return e.byteLength !== t.byteLength || e.byteOffset !== t.byteOffset ? !1 : bi(new Uint8Array(e), new Uint8Array(t), n, r);
+			case St: return e.name === t.name && e.message === t.message;
+			case jt: {
 				if (!(bi(e.constructor, t.constructor, n, r) || hi(e) && hi(t))) return !1;
-				let i = [...Object.keys(e), ...ct(e)], a = [...Object.keys(t), ...ct(t)];
+				let i = [...Object.keys(e), ...st(e)], a = [...Object.keys(t), ...st(t)];
 				if (i.length !== a.length) return !1;
 				for (let a = 0; a < i.length; a++) {
 					let o = i[a], s = e[o];
@@ -121,17 +122,17 @@ function xi(e, t) {
 	return vi(e, t, mi);
 }
 // src/components/error-fallback/browser.ts
-function Si(e, t = {}) {
-	let n = t.target ?? globalThis.window;
-	if (!n) return function() {};
-	function r(n) {
-		"error" in n ? ((t.suppressDefault || u(n.error)) && n.preventDefault(), e.capture(n.error, { source: "browser.error" })) : t.captureResources && e.capture(n, { source: "browser.resource" });
+function Si(t, n = {}) {
+	let r = n.target ?? globalThis.window;
+	if (!r) return function() {};
+	function i(r) {
+		"error" in r ? ((n.suppressDefault || e(r.error)) && r.preventDefault(), t.capture(r.error, { source: "browser.error" })) : n.captureResources && t.capture(r, { source: "browser.resource" });
 	}
-	function i(n) {
-		(t.suppressDefault || u(n.reason)) && n.preventDefault(), e.capture(n.reason, { source: "browser.rejection" });
+	function a(r) {
+		(n.suppressDefault || e(r.reason)) && r.preventDefault(), t.capture(r.reason, { source: "browser.rejection" });
 	}
-	return n.addEventListener("error", r, !0), n.addEventListener("unhandledrejection", i), function() {
-		n.removeEventListener("error", r, !0), n.removeEventListener("unhandledrejection", i);
+	return r.addEventListener("error", i, !0), r.addEventListener("unhandledrejection", a), function() {
+		r.removeEventListener("error", i, !0), r.removeEventListener("unhandledrejection", a);
 	};
 }
 // src/components/error-fallback/vue.ts
@@ -443,7 +444,7 @@ function Ji(e) {
 function Yi(e) {
 	let t = e.store();
 	function n(e) {
-		return e ?? lt(t.document.data);
+		return e ?? ct(t.document.data);
 	}
 	function r(e, n) {
 		e.length > 0 && (t.ui.toast(M("designer.documentActions.bindingWarningsMessage", {
@@ -460,7 +461,7 @@ function Yi(e) {
 			return;
 		}
 		let e = t.document.getDocument(), n = JSON.stringify(e, null, 2);
-		Se(`${e.name || M("designer.documentActions.defaultFilename")}.json`, n), t.ui.toast(M("designer.documentActions.documentSavedMessage"), "success");
+		xe(`${e.name || M("designer.documentActions.defaultFilename")}.json`, n), t.ui.toast(M("designer.documentActions.documentSavedMessage"), "success");
 	}
 	async function a() {
 		let e = await Ji(".json,application/json");
@@ -469,7 +470,7 @@ function Yi(e) {
 		try {
 			n = await qi(e, "text");
 		} catch (t) {
-			throw new rt(M("designer.documentActions.fileReadFailed", { fileName: e.name }), {
+			throw new nt(M("designer.documentActions.fileReadFailed", { fileName: e.name }), {
 				cause: t,
 				code: "file.read-failed"
 			});
@@ -493,7 +494,7 @@ function Yi(e) {
 		}
 	}
 	async function c(e) {
-		await s("html", () => t.rendering.html(t.document.data, n(e)), (e, t) => Se(t, e.html, "text/html"));
+		await s("html", () => t.rendering.html(t.document.data, n(e)), (e, t) => xe(t, e.html, "text/html"));
 	}
 	function l() {
 		t.rendering.cancel();
@@ -505,7 +506,7 @@ function Yi(e) {
 		t.rendering.resume();
 	}
 	async function f(e) {
-		await s("pdf", () => t.rendering.pdf(t.document.data, n(e)), (e, t) => Ce(t, e.blob));
+		await s("pdf", () => t.rendering.pdf(t.document.data, n(e)), (e, t) => Se(t, e.blob));
 	}
 	async function p(i) {
 		let { html: a, warnings: o } = await t.rendering.html(t.document.data, n(i));
@@ -532,7 +533,7 @@ function Yi(e) {
 	};
 }
 // src/designer/tools.ts
-function Xi(e = de) {
+function Xi(e = ue) {
 	return [
 		{
 			icon: "select",
@@ -638,7 +639,7 @@ function ta(e) {
 function na(e) {
 	let t = Ie(e, !0), n = () => e.store(), r = () => Yi(e), i = () => !n().selection.isEmpty;
 	function a(e) {
-		let t = tt(n()).getScrollElement();
+		let t = et(n()).getScrollElement();
 		if (!t) return;
 		let r = [...t.querySelectorAll("[data-element-id]")].filter((t) => e.includes(t.dataset.elementId ?? ""));
 		if (!r.length) return;
@@ -865,7 +866,7 @@ function na(e) {
 			icon: "zoom",
 			id: "view.zoomIn",
 			order: 1,
-			run: (e) => e.store().view.setZoom(ge(e.store().view.zoom * 1.25, .05, 8)),
+			run: (e) => e.store().view.setZoom(_e(e.store().view.zoom * 1.25, .05, 8)),
 			shortcut: "Ctrl+=",
 			get title() {
 				return M("designer.builtins.zoomInTitle");
@@ -876,7 +877,7 @@ function na(e) {
 			icon: "zoom-out",
 			id: "view.zoomOut",
 			order: 2,
-			run: (e) => e.store().view.setZoom(ge(e.store().view.zoom / 1.25, .05, 8)),
+			run: (e) => e.store().view.setZoom(_e(e.store().view.zoom / 1.25, .05, 8)),
 			shortcut: "Ctrl+-",
 			get title() {
 				return M("designer.builtins.zoomOutTitle");
@@ -887,7 +888,7 @@ function na(e) {
 			icon: "fit",
 			id: "view.zoomFit",
 			order: 3,
-			run: () => tt(n()).getStageController()?.fitToViewport(),
+			run: () => et(n()).getStageController()?.fitToViewport(),
 			shortcut: "Ctrl+0",
 			get title() {
 				return M("designer.builtins.fitToWindowTitle");
@@ -898,7 +899,7 @@ function na(e) {
 			icon: "zoom",
 			id: "view.zoomActual",
 			order: 4,
-			run: () => tt(n()).getStageController()?.zoomReset(),
+			run: () => et(n()).getStageController()?.zoomReset(),
 			shortcut: "Ctrl+1",
 			get title() {
 				return M("designer.builtins.actualSizeTitle");
@@ -914,7 +915,7 @@ function na(e) {
 			order: 5,
 			run: (e, ...t) => {
 				let r = t[0], i = r ? e.store().page.get(r) : e.store().page.active;
-				i && tt(n()).getStageController()?.centerPages(i);
+				i && et(n()).getStageController()?.centerPages(i);
 			},
 			get title() {
 				return M("designer.builtins.locatePageTitle");
@@ -1039,7 +1040,32 @@ function na(e) {
 				return M("designer.builtins.clearGuidesTitle");
 			}
 		},
-		...He.map((e) => ({
+		...[
+			"light",
+			"dark",
+			"system"
+		].map((e, t) => ({
+			checked: () => n().ui.themeMode === e,
+			dividerBefore: t === 0,
+			group: "view",
+			icon: "palette",
+			id: `view.theme.${e}`,
+			order: 40 + t,
+			run: (t) => {
+				t.store().ui.setThemeMode(e);
+			},
+			segment: {
+				icon: "palette",
+				id: "view.theme",
+				get label() {
+					return M("designer.theme.groupLabel");
+				}
+			},
+			get title() {
+				return M(`designer.theme.${e}`);
+			}
+		})),
+		...Ve.map((e) => ({
 			checked: () => n().view.canvasBackgroundPreset === e.id,
 			get help() {
 				return M("designer.builtins.canvasBackgroundHelp");
@@ -1810,7 +1836,7 @@ var aa = {
 		pxPerMm: {}
 	},
 	setup(e) {
-		let t = e, r = U(null), i = U(!1), a = P(() => Math.max(8, t.node.width * t.pxPerMm)), o = P(() => Math.max(8, t.node.height * t.pxPerMm)), s = P(() => ({
+		let t = e, n = U(null), i = U(!1), a = P(() => Math.max(8, t.node.width * t.pxPerMm)), o = P(() => Math.max(8, t.node.height * t.pxPerMm)), s = P(() => ({
 			background: String(t.node.props.background ?? "transparent"),
 			displayValue: t.node.props.displayValue !== !1,
 			fontSize: Number(t.node.props.fontSize ?? 9),
@@ -1822,9 +1848,9 @@ var aa = {
 			return !e || e === "transparent" ? "transparent" : e;
 		});
 		function l() {
-			let e = r.value;
+			let e = n.value;
 			if (!e) return;
-			let c = Math.max(2, Math.round((window.devicePixelRatio || 1) * 1.5)), l = n(String(t.node.props.value ?? ""), s.value, a.value, o.value, c);
+			let c = Math.max(2, Math.round((window.devicePixelRatio || 1) * 1.5)), l = r(String(t.node.props.value ?? ""), s.value, a.value, o.value, c);
 			l ? (i.value = !1, e.width = l.width, e.height = l.height, e.getContext("2d")?.drawImage(l, 0, 0)) : i.value = !0;
 		}
 		return An(() => {
@@ -1834,7 +1860,7 @@ var aa = {
 			style: on({ background: c.value })
 		}, [R("canvas", {
 			ref_key: "canvasRef",
-			ref: r,
+			ref: n,
 			class: "max-h-full max-w-full",
 			style: on({
 				width: `${a.value}px`,
@@ -1890,8 +1916,8 @@ var aa = {
 		selected: { type: Boolean }
 	},
 	setup(e) {
-		let n = e, r = P(() => Math.max(.1, Number(n.node.props.strokeWidth) || .3) * n.pxPerMm), i = P(() => j(n.node, n.pxPerMm, "px")), a = P(() => t(String(n.node.props.color ?? "#333333"), n.node.props.dash, r.value, "px")), o = P(() => ({
-			...t("var(--color-accent)", "solid", Math.max(r.value, 1.5), "px"),
+		let t = e, r = P(() => Math.max(.1, Number(t.node.props.strokeWidth) || .3) * t.pxPerMm), i = P(() => j(t.node, t.pxPerMm, "px")), a = P(() => n(String(t.node.props.color ?? "#333333"), t.node.props.dash, r.value, "px")), o = P(() => ({
+			...n("var(--color-accent)", "solid", Math.max(r.value, 1.5), "px"),
 			opacity: "0.55",
 			pointerEvents: "none"
 		})), s = P(() => {
@@ -2010,17 +2036,17 @@ function xa(e) {
 }
 function Sa(e, t) {
 	let n = e, r;
-	for (let e of i(t)) if (!(r?.type === "array" && /^\d+$/.test(e))) {
+	for (let e of a(t)) if (!(r?.type === "array" && /^\d+$/.test(e))) {
 		if (r = n.find((t) => t.name === e), !r) return;
 		n = r.children ?? [];
 	}
 	return r;
 }
 function Ca(e, t) {
-	let [n, ...r] = i(t);
+	let [n, ...r] = a(t);
 	if (n !== e.key) return;
-	let a = xa(e);
-	return r.length === 0 ? a : a && /^\d+$/.test(r[0]) ? Sa(a.children ?? [], r.slice(1).join(".")) : Sa(e.schema, r.join("."));
+	let i = xa(e);
+	return r.length === 0 ? i : i && /^\d+$/.test(r[0]) ? Sa(i.children ?? [], r.slice(1).join(".")) : Sa(e.schema, r.join("."));
 }
 function wa(e, t) {
 	let n = Ca(e, t);
@@ -2054,7 +2080,7 @@ function ka(e) {
 }
 function Aa(e) {
 	let t = [], n = 0;
-	for (let r of e.matchAll(s)) {
+	for (let r of e.matchAll(c)) {
 		let i = r.index ?? 0;
 		i > n && t.push({
 			kind: "text",
@@ -2212,12 +2238,12 @@ var Ra = [
 for (let e of Ra) Ma.register(e);
 // src/designer/components/variable-text/use-variable-text-bindings.ts
 function za(e) {
-	let t = vz().store();
+	let t = Ez().store();
 	function n(n) {
 		return ja(n, t.dataSource.list, e());
 	}
 	function r(e) {
-		ut.global.locale.value;
+		lt.global.locale.value;
 		let t = n(e.path), r = e.formatter ? Ma.get(e.formatter) : void 0, i = [t?.label ?? e.path];
 		return e.formatter && i.push(r?.label() ?? e.formatter), {
 			invalid: !t || !(!e.formatter || Na(e.formatter, t.type)),
@@ -2264,7 +2290,7 @@ var Ba = { class: "variable-text-preview" }, Va = ["title"], Ha = /*@__PURE__*/
 			pxPerMm: {}
 		},
 		setup(e) {
-			let t = e, n = vz().store(), r = P(() => {
+			let t = e, n = Ez().store(), r = P(() => {
 				let e = t.node.props.text;
 				return typeof e == "string" ? e : "";
 			}), i = P(() => E(t.node.props, t.pxPerMm));
@@ -23998,7 +24024,7 @@ var fM = 1, pM = r_(B({
 r_(lM);
 // src/designer/context/use-element-definition.ts
 function mM(e) {
-	let t = vz(), n = U(0), r = t.events.on("elements:changed", () => {
+	let t = Ez(), n = U(0), r = t.events.on("elements:changed", () => {
 		n.value += 1;
 	});
 	return ln(r), P(() => {
@@ -24009,7 +24035,7 @@ function mM(e) {
 }
 // src/components/popup-layer/use-popup-layer.ts
 function hM(e = {}, t = "popupProps", n) {
-	let r = Zt(ae, null), i = Zt(ie, void 0), a = U(!!Tn(e).defaultVisible), o = P(() => Tn(n) ?? Tn(e).visible ?? Tn(e).modelValue ?? a.value), s = r ? re(o, () => ({ zIndex: Tn(e).zIndex }), r) : void 0, c = P(() => {
+	let r = Zt(se, null), i = Zt(ce, void 0), a = U(!!Tn(e).defaultVisible), o = P(() => Tn(n) ?? Tn(e).visible ?? Tn(e).modelValue ?? a.value), s = r ? ie(o, () => ({ zIndex: Tn(e).zIndex }), r) : void 0, c = P(() => {
 		let n = {
 			...i ? { attach: () => i() ?? document.body } : {},
 			...Tn(e),
@@ -24748,10 +24774,10 @@ var gN = B({
 		type: Object
 	} },
 	setup(e) {
-		let t = Zt(le, void 0), n = P(() => qM(e.item.type)), r = P(() => t ? a(t, e.item.field) : void 0), i = P(() => {
+		let t = Zt(oe, void 0), n = P(() => qM(e.item.type)), r = P(() => t ? a(t, e.item.field) : void 0), i = P(() => {
 			if (t) return t.fieldStates[e.item.field];
 		});
-		fn(se, {
+		fn(re, {
 			errors: P(() => i.value?.errorMessages ?? []),
 			status: P(() => uN(e.item.status, i.value)),
 			touched: P(() => i.value?.touched ?? !1),
@@ -25032,7 +25058,7 @@ var xN = B({
 		function x(e, t) {
 			t == null ? i.delete(e) : i.set(e, t);
 		}
-		return fn(le, pn({
+		return fn(oe, pn({
 			adapter: en(o),
 			collectFieldRef: x,
 			disabled: d,
@@ -25462,7 +25488,7 @@ var kN = [
 				icon: `space-${e}`,
 				labelKey: `designer.alignGrid.${t}`
 			}))
-		}, n = e, r = vz(), { commands: i } = r, a = r.store();
+		}, n = e, r = Ez(), { commands: i } = r, a = r.store();
 		function o(e) {
 			let t = typeof e == "number" && Number.isFinite(e) ? e : null;
 			a.view.updateAlignPanel({ spacing: t });
@@ -25518,7 +25544,7 @@ var kN = [
 }, VN = /* @__PURE__ */ B({
 	__name: "align-target",
 	setup(e) {
-		let t = vz(), n = t.store(), { onVisibleChange: r, popupProps: i } = hM({}, "popup"), a = P(() => [
+		let t = Ez(), n = t.store(), { onVisibleChange: r, popupProps: i } = hM({}, "popup"), a = P(() => [
 			{
 				label: M("designer.alignGrid.targetSelectionLabel"),
 				value: "selection"
@@ -25634,7 +25660,7 @@ var kN = [
 }), [["__scopeId", "data-v-d4b959c2"]]);
 // src/designer/composables/use-restored-ui-state.ts
 function QN(e, t) {
-	let n = vz().store().ui;
+	let n = Ez().store().ui;
 	K(() => n.restoredState, (n) => t(n[e]), {
 		flush: "post",
 		immediate: !0
@@ -25745,7 +25771,7 @@ var tP = { class: "base-dialog__heading" }, nP = ["aria-label", "title"], rP = /
 		"update:visible"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = U(), a = Zt(ie, void 0), o = U(!1), { isTop: s, zIndex: c } = re(() => o.value, () => ({ zIndex: n.zIndex })), l = P(() => {
+		let n = e, r = t, i = U(), a = Zt(ce, void 0), o = U(!1), { isTop: s, zIndex: c } = ie(() => o.value, () => ({ zIndex: n.zIndex })), l = P(() => {
 			let e = n.height;
 			return { height: typeof e == "number" ? `${e}px` : e ?? "auto" };
 		}), u = P(() => p(n.confirmBtn, M("components.baseDialog.confirmButton"), Gn)), d = P(() => p(n.cancelBtn, M("components.baseDialog.cancelButton"), nr)), f = null;
@@ -26325,33 +26351,33 @@ function OP(e, t) {
 	return !t || e == null ? !1 : t === "array" ? !Array.isArray(e) : t === "date" ? typeof e != "string" && typeof e != "number" : Array.isArray(e) ? !0 : typeof e !== t;
 }
 // src/designer/components/binding/use-binding-preview.ts
-function kP(t) {
+function kP(e) {
 	let n = P(() => {
-		let n = Object.fromEntries(t.getSources().map((e) => [e.key, e.sampleData])), i = r(n), a = t.getRelativeTo();
+		let n = Object.fromEntries(e.getSources().map((e) => [e.key, e.sampleData])), r = i(n), a = e.getRelativeTo();
 		if (a) {
-			let t = e(i, a);
-			if (!Array.isArray(t) || !t.length) return;
-			i = l(i, {
+			let e = t(r, a);
+			if (!Array.isArray(e) || !e.length) return;
+			r = u(r, {
 				collectionPath: a,
 				index: 0,
-				item: t[0]
+				item: e[0]
 			});
 		}
-		return e(i, t.selectedPath.value);
-	}), i = P(() => {
-		if (!t.selectedField.value) return null;
-		let e = t.expression.value.slice(t.selectedPath.value.length);
+		return t(r, e.selectedPath.value);
+	}), r = P(() => {
+		if (!e.selectedField.value) return null;
+		let t = e.expression.value.slice(e.selectedPath.value.length);
 		return EP(n.value, {
-			expectedType: t.selectedField.value.type,
-			format: e && !t.unsupportedFormat.value ? (t) => m(`{{ value${e} }}`, r({ value: t }), new c()) : void 0
+			expectedType: e.selectedField.value.type,
+			format: t && !e.unsupportedFormat.value ? (e) => m(`{{ value${t} }}`, i({ value: e }), new l()) : void 0
 		});
 	});
 	return {
 		previewMessageKey: P(() => {
-			let e = i.value;
+			let e = r.value;
 			return !e || e.kind === "text" ? null : e.kind === "array" ? e.count === 0 ? "designer.samplePreview.emptyArray" : "designer.samplePreview.array" : `designer.samplePreview.${e.kind}`;
 		}),
-		previewValue: i,
+		previewValue: r,
 		sampleValue: n
 	};
 }
@@ -26721,7 +26747,7 @@ var dF = {
 			type: "booleanField"
 		};
 	},
-	color(e, t, n, r = de) {
+	color(e, t, n, r = ue) {
 		let i = r.get(n.type)?.createProps() ?? {}, a = te({
 			...n,
 			props: i
@@ -26800,7 +26826,7 @@ function fF(e, t) {
 		lF.get(e) === t && (n ? lF.set(e, n) : lF.delete(e));
 	};
 }
-function pF(e, t, n, r = de, i = {}) {
+function pF(e, t, n, r = ue, i = {}) {
 	let a = lF.get(e.type);
 	if (!a) throw Error(`Unregistered inspector control: ${e.type}`);
 	let o = a(e, t, n, r), s = i.nodes ?? [], c = s.length > 1 && s.some((t) => t.locked || e.disabledIf?.(t.props)) || (e.disabledIf?.(n.props) ?? (o.props && "disabled" in o.props ? o.props.disabled : e.controlProps?.disabled));
@@ -26828,7 +26854,7 @@ var mF = {
 	},
 	emits: ["commit"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = { labelWidth: 0 }, a = vz(), o = a.store(), s = U(!1), c = U(), l = Sn(), u = U(), d = U(""), f = U(0), p = P(() => n.nodes ?? [n.node]), m = P(() => p.value.length > 1), h = P(() => {
+		let n = e, r = t, i = { labelWidth: 0 }, a = Ez(), o = a.store(), s = U(!1), c = U(), l = Sn(), u = U(), d = U(""), f = U(0), p = P(() => n.nodes ?? [n.node]), m = P(() => p.value.length > 1), h = P(() => {
 			let e = te(n.node, n.field);
 			return p.value.some((t) => !xi(te(t, n.field), e));
 		}), g = P(() => n.field.feedback?.(n.node)), v = P(() => p.value.every((e) => n.field.showIf?.(e.props) ?? !0)), y = P(() => n.field.stacked ?? n.field.type === "textarea"), b = P(() => {
@@ -27020,10 +27046,10 @@ function _F(e, t, n = {}) {
 		type: "number",
 		value: {
 			get(t) {
-				return me(t, e);
+				return pe(t, e);
 			},
 			set(t, n) {
-				return fe(t, e, n);
+				return de(t, e, n);
 			}
 		},
 		...n
@@ -27088,7 +27114,7 @@ var EF = { class: "flex w-full shrink-0 flex-col bg-panel pb-2" }, DF = { class:
 }, UF = { class: "truncate font-mono text-[10px] opacity-80" }, WF = { class: "flex gap-1" }, GF = /* @__PURE__ */ B({
 	__name: "control-panel",
 	setup(e) {
-		let { commands: t, elements: n } = vz(), r = vz().store(), i = U({ name: "" }), a = P(() => [{
+		let { commands: t, elements: n } = Ez(), r = Ez().store(), i = U({ name: "" }), a = P(() => [{
 			field: "name",
 			label: M("designer.controlPanel.nameLabel"),
 			props: { onBlur: function() {
@@ -27097,7 +27123,7 @@ var EF = { class: "flex w-full shrink-0 flex-col bg-panel pb-2" }, DF = { class:
 			type: "input"
 		}]), o = P(() => {
 			let e = r.selection.primary;
-			return e ? pe(r.document.data, e, n) : null;
+			return e ? fe(r.document.data, e, n) : null;
 		}), s = mM(() => o.value?.type), c = P(() => o.value ? A(h(s.value?.inspectorSections ?? [], r.document.data, o.value, n), o.value) : []), l = P(() => TF(s.value)), u = P(() => r.repeatGroup.selected ? r.repeatGroup.selected : o.value ? r.repeatGroup.findByElement(o.value.id) ?? null : null);
 		function d(e) {
 			return Math.round(e * 100) / 100;
@@ -27290,54 +27316,233 @@ function XF(e, t, n) {
 		return i ? [YF(i, n, typeof t == "string" ? {} : t)] : [];
 	});
 }
-// src/designer/components/panels/layers-panel.vue?vue&type=script&setup=true&lang.ts
-var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-center gap-2 border-b border-edge px-3 py-1.5" }, $F = { class: "shrink-0 text-[11px] text-ink-dim" }, eI = { class: "w-8 shrink-0 text-right text-[10px] text-ink-dim" }, tI = [
-	"data-layer-group-id",
-	"onClick",
-	"onDblclick",
-	"onDragstart",
-	"onDragover",
-	"onContextmenu"
-], nI = {
+// src/designer/components/panels/layer-row.vue?vue&type=script&setup=true&lang.ts
+var ZF = ["data-layer-group-id"], QF = {
 	key: 1,
 	class: "min-w-0 flex-1 truncate"
-}, rI = { class: "shrink-0 text-[9px] text-ink-dim/60" }, iI = [
-	"data-layer-id",
-	"onClick",
-	"onDblclick",
-	"onDragstart",
-	"onDragover",
-	"onContextmenu"
-], aI = {
+}, $F = { class: "shrink-0 text-[9px] text-ink-dim/60" }, eI = ["data-layer-id"], tI = {
 	key: 3,
 	class: "shrink-0 text-[9px] text-ink-dim/60"
-}, oI = {
+}, nI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+	__name: "layer-row",
+	props: {
+		api: {},
+		dropIndicator: {},
+		renameText: {},
+		renamingGroupId: {},
+		row: {}
+	},
+	setup(e) {
+		let t = e, n = Ez().store(), r = P(() => t.row.kind === "element" && n.selection.has(t.row.node.id)), i = P(() => t.row.kind === "element" && n.selection.hoverId === t.row.node.id && !n.selection.has(t.row.node.id)), a = P(() => t.row.kind === "element" ? n.selection.renamingId === t.row.node.id : t.renamingGroupId === t.row.group.id), o = P(() => t.row.kind === "group" && t.api.isGroupSelected(t.row.group)), s = P(() => {
+			let e = [];
+			return r.value && e.push("bg-accent-soft"), i.value && e.push("bg-panel-2"), e;
+		});
+		function c(e) {
+			return Pe(n).get(e)?.icon ?? "dots";
+		}
+		function l() {
+			return { paddingLeft: `${8 + t.row.depth * 14}px` };
+		}
+		return (t, i) => {
+			let u = sy, d = jS;
+			return e.row.kind === "group" ? (H(), L("div", {
+				key: 0,
+				"data-layer-group-id": e.row.group.id,
+				draggable: "true",
+				class: rn(["layers-panel__row group flex cursor-pointer items-center gap-1 border-b border-edge/40 py-1 pr-2 text-[11px] font-medium", o.value ? ["bg-accent-soft"] : ["hover:bg-panel-2"]]),
+				style: on({
+					...l(),
+					...e.dropIndicator
+				}),
+				onClick: i[3] ||= (t) => e.api.onGroupClick(t, e.row.group),
+				onDblclick: i[4] ||= (t) => e.api.startRenameGroup(e.row.group),
+				onDragstart: i[5] ||= (t) => e.api.onDragStart(e.row),
+				onDragend: i[6] ||= (...t) => e.api.clearDragState && e.api.clearDragState(...t),
+				onDragover: i[7] ||= (t) => e.api.onDragOver(t, e.row),
+				onContextmenu: i[8] ||= Nn((t) => e.api.onGroupContextMenu(t, e.row.group), ["prevent"])
+			}, [
+				z(u, {
+					variant: "text",
+					shape: "square",
+					size: "small",
+					class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", {
+						"text-ink": G(n).elementGroup.isVisible(e.row.group.id),
+						"text-ink-dim/40": !G(n).elementGroup.isVisible(e.row.group.id)
+					}]),
+					title: G(n).elementGroup.isVisible(e.row.group.id) ? G(M)("designer.layersPanel.hideLabel") : G(M)("designer.layersPanel.showLabel"),
+					onClick: i[0] ||= Nn((t) => e.api.execute("elementGroup.toggleFlag", e.row.group.id, "visible"), ["stop"])
+				}, {
+					default: q(() => [z($, {
+						name: G(n).elementGroup.isVisible(e.row.group.id) ? "eye" : "eye-off",
+						class: "mx-auto h-3.5 w-3.5"
+					}, null, 8, ["name"])]),
+					_: 1
+				}, 8, ["class", "title"]),
+				z(u, {
+					variant: "text",
+					shape: "square",
+					size: "small",
+					class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", { "text-accent": G(n).elementGroup.isLocked(e.row.group.id) }]),
+					title: G(n).elementGroup.isLocked(e.row.group.id) ? G(M)("designer.layersPanel.unlockLabel") : G(M)("designer.layersPanel.lockLabel"),
+					onClick: i[1] ||= Nn((t) => e.api.execute("elementGroup.toggleFlag", e.row.group.id, "locked"), ["stop"])
+				}, {
+					default: q(() => [z($, {
+						name: G(n).elementGroup.isLocked(e.row.group.id) ? "lock" : "unlock",
+						class: "mx-auto h-3.5 w-3.5"
+					}, null, 8, ["name"])]),
+					_: 1
+				}, 8, ["class", "title"]),
+				z(u, {
+					variant: "text",
+					shape: "square",
+					size: "small",
+					class: "h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink",
+					title: G(n).elementGroup.isCollapsed(e.row.group.id) ? G(M)("designer.layersPanel.expandGroupLabel") : G(M)("designer.layersPanel.collapseGroupLabel"),
+					onClick: i[2] ||= Nn((t) => e.api.execute("elementGroup.toggleCollapsed", e.row.group.id), ["stop"])
+				}, {
+					default: q(() => [z($, {
+						name: G(n).elementGroup.isCollapsed(e.row.group.id) ? "chevron-right" : "chevron-down",
+						class: "mx-auto h-3.5 w-3.5"
+					}, null, 8, ["name"])]),
+					_: 1
+				}, 8, ["title"]),
+				z($, {
+					name: G(n).elementGroup.isCollapsed(e.row.group.id) ? "folder" : "folder-open",
+					class: "h-3.5 w-3.5 shrink-0 text-accent/85"
+				}, null, 8, ["name"]),
+				a.value ? (H(), F(d, {
+					key: 0,
+					ref: e.api.setRenameInput,
+					"model-value": e.renameText,
+					class: "min-w-0 flex-1",
+					"onUpdate:modelValue": e.api.updateRenameText,
+					onBlur: e.api.commitRename,
+					onClick: e.api.onRenameClick
+				}, null, 8, [
+					"model-value",
+					"onUpdate:modelValue",
+					"onBlur",
+					"onClick"
+				])) : (H(), L("span", QF, W(e.row.group.name), 1)),
+				R("span", $F, W(G(M)("designer.layersPanel.groupMemberCount", { count: e.row.group.elementIds.length })), 1)
+			], 46, ZF)) : (H(), L("div", {
+				key: 1,
+				"data-layer-id": e.row.node.id,
+				draggable: "true",
+				class: rn(["layers-panel__row group flex cursor-pointer items-center gap-1 border-b border-edge/40 py-1 pr-2 text-[11px]", [...r.value ? [] : ["hover:bg-panel-2"], ...s.value]]),
+				style: on({
+					...l(),
+					...e.dropIndicator
+				}),
+				onClick: i[12] ||= (t) => e.api.onRowClick(t, e.row.node),
+				onDblclick: i[13] ||= (t) => e.api.startRename(e.row.node),
+				onDragstart: i[14] ||= (t) => e.api.onDragStart(e.row),
+				onDragend: i[15] ||= (...t) => e.api.clearDragState && e.api.clearDragState(...t),
+				onDragover: i[16] ||= (t) => e.api.onDragOver(t, e.row),
+				onContextmenu: i[17] ||= Nn((t) => e.api.onRowContextMenu(t, e.row.node), ["prevent"])
+			}, [
+				z(u, {
+					variant: "text",
+					shape: "square",
+					size: "small",
+					class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", {
+						"text-ink": e.row.node.visible,
+						"text-ink-dim/40": !e.row.node.visible
+					}]),
+					title: e.row.node.visible ? G(M)("designer.layersPanel.hideLabel") : G(M)("designer.layersPanel.showLabel"),
+					onClick: i[9] ||= Nn((t) => e.api.execute("element.toggleVisibility", e.row.node.id), ["stop"])
+				}, {
+					default: q(() => [z($, {
+						name: e.row.node.visible ? "eye" : "eye-off",
+						class: "mx-auto h-3.5 w-3.5"
+					}, null, 8, ["name"])]),
+					_: 1
+				}, 8, ["class", "title"]),
+				z(u, {
+					variant: "text",
+					shape: "square",
+					size: "small",
+					class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", { "text-accent": e.row.node.locked }]),
+					title: e.row.node.locked ? G(M)("designer.layersPanel.unlockLabel") : G(M)("designer.layersPanel.lockLabel"),
+					onClick: i[10] ||= Nn((t) => e.api.execute("element.toggleLock", e.row.node.id), ["stop"])
+				}, {
+					default: q(() => [z($, {
+						name: e.row.node.locked ? "lock" : "unlock",
+						class: "mx-auto h-3.5 w-3.5"
+					}, null, 8, ["name"])]),
+					_: 1
+				}, 8, ["class", "title"]),
+				z($, {
+					name: c(e.row.node.type),
+					class: "h-3.5 w-3.5 shrink-0 text-ink-dim"
+				}, null, 8, ["name"]),
+				e.row.group ? (H(), F(u, {
+					key: 0,
+					variant: "text",
+					shape: "square",
+					size: "small",
+					type: "button",
+					class: "h-5 w-5 shrink-0 rounded-sm text-accent/85 hover:bg-panel-3",
+					title: G(M)("designer.layersPanel.repeatGroupTitle", {
+						groupName: e.row.group.name,
+						collection: e.row.group.collection || G(M)("designer.layersPanel.unboundCollection")
+					}),
+					onClick: i[11] ||= Nn((t) => G(n).selection.set([...e.row.group.elementIds]), ["stop"])
+				}, {
+					default: q(() => [z($, {
+						name: "loop",
+						class: "mx-auto h-3.5 w-3.5"
+					})]),
+					_: 1
+				}, 8, ["title"])) : I("", !0),
+				a.value ? (H(), F(d, {
+					key: 1,
+					ref: e.api.setRenameInput,
+					"model-value": e.renameText,
+					class: "min-w-0 flex-1",
+					"onUpdate:modelValue": e.api.updateRenameText,
+					onBlur: e.api.commitRename,
+					onClick: e.api.onRenameClick
+				}, null, 8, [
+					"model-value",
+					"onUpdate:modelValue",
+					"onBlur",
+					"onClick"
+				])) : (H(), L("span", {
+					key: 2,
+					class: rn(["min-w-0 flex-1 truncate", { "italic text-ink-dim/60": !e.row.node.visible }])
+				}, W(e.row.node.name), 3)),
+				e.row.node.locked ? (H(), L("span", tI, W(G(M)("designer.layersPanel.lockLabel")), 1)) : I("", !0)
+			], 46, eI));
+		};
+	}
+}), [["__scopeId", "data-v-c7146938"]]), rI = { class: "text-[10px] text-ink-dim/70" }, iI = { class: "flex items-center gap-2 border-b border-edge px-3 py-1.5" }, aI = { class: "shrink-0 text-[11px] text-ink-dim" }, oI = { class: "w-8 shrink-0 text-right text-[10px] text-ink-dim" }, sI = {
 	key: 0,
 	class: "px-3 py-6 text-center text-[11px] text-ink-dim/60"
-}, sI = /* @__PURE__ */ B({
+}, cI = /* @__PURE__ */ B({
 	__name: "layers-panel",
 	setup(e) {
-		let t = vz().store(), n = vz(), r = U(null), i = U(null), a = P({
+		let t = Ez().store(), n = Ez(), r = U(null), i = U(null), a = {}, o = { boxShadow: "inset 0 0 0 1.5px var(--color-accent)" }, s = { boxShadow: "inset 0 2px 0 0 var(--color-accent)" }, c = { boxShadow: "inset 0 -2px 0 0 var(--color-accent)" }, l = P({
 			get: function() {
 				return t.selection.renamingId;
 			},
 			set: function(e) {
 				t.selection.setRenamingId(e);
 			}
-		}), o = U(null), s = U(""), c = U(null);
+		}), u = U(null), d = U(""), f = U(null);
 		eP([{
-			run: k,
+			run: j,
 			shortcut: "Enter"
 		}, {
-			run: O,
+			run: A,
 			shortcut: "Escape"
 		}], {
-			enabled: () => a.value !== null || o.value !== null,
+			enabled: () => l.value !== null || u.value !== null,
 			isolate: !0,
-			target: c
+			target: f
 		});
-		let l = P(() => t.scope.active), u = P(() => l.value?.name ?? ""), d = P(() => {
-			let e = l.value;
+		let p = P(() => t.scope.active), m = P(() => p.value?.name ?? ""), h = P(() => {
+			let e = p.value;
 			return e ? t.elementGroup.getRows(e.id).map((e) => e.kind === "group" ? {
 				depth: e.depth,
 				group: e.group,
@@ -27350,67 +27555,73 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				kind: "element",
 				node: e.node
 			}) : [];
-		}), f = P(() => t.selection.single), p = P(() => f.value !== null), m = P(() => {
-			let e = f.value;
+		}), g = P(() => t.selection.single), _ = P(() => g.value !== null), v = P(() => {
+			let e = g.value;
 			return e ? e.opacity : 1;
-		}), h = P(() => {
-			let e = f.value;
+		}), y = P(() => {
+			let e = g.value;
 			return e ? `${Math.round(e.opacity * 100)}%` : "—";
-		}), g = P(() => t.selection.sameType ? "designer.layersPanel.elementSettingsTitle" : "designer.layersPanel.selectElementForSettingsTitle");
-		function _(e) {
-			let n = f.value;
+		}), b = P(() => t.selection.sameType ? "designer.layersPanel.elementSettingsTitle" : "designer.layersPanel.selectElementForSettingsTitle"), x = {
+			clearDragState: se,
+			commitRename: j,
+			execute: de,
+			isGroupSelected: C,
+			onDragOver: ie,
+			onDragStart: ne,
+			onGroupClick: E,
+			onGroupContextMenu: le,
+			onRenameClick: ee,
+			onRowClick: T,
+			onRowContextMenu: ce,
+			setRenameInput: k,
+			startRename: D,
+			startRenameGroup: O,
+			updateRenameText: w
+		};
+		function S(e) {
+			let n = g.value;
 			n && t.element.update(n.id, { opacity: Number(e) }, { transient: !0 });
 		}
-		function v(e) {
-			return { paddingLeft: `${8 + e * 14}px` };
-		}
-		function y(e) {
+		function C(e) {
 			return e.elementIds.length > 0 && e.elementIds.every((e) => t.selection.has(e));
 		}
-		function b(e) {
-			return Pe(t).get(e)?.icon ?? "dots";
-		}
-		function x(e) {
-			let n = [];
-			return t.selection.has(e.id) && n.push("bg-accent-soft"), t.selection.hoverId === e.id && !t.selection.has(e.id) && n.push("bg-panel-2"), n;
+		function w(e) {
+			d.value = e;
 		}
-		function S(e, n) {
+		function T(e, n) {
 			e.ctrlKey || e.metaKey || e.shiftKey ? t.selection.set([n.id], !0) : t.selection.set([n.id]);
 		}
-		function C(e, n) {
+		function E(e, n) {
 			if (!(e.ctrlKey || e.metaKey || e.shiftKey)) {
-				le("elementGroup.selectMembers", n.id);
+				de("elementGroup.selectMembers", n.id);
 				return;
 			}
 			let r = n.elementIds.filter((e) => !t.selection.has(e)), i = r.length > 0 ? r : [...n.elementIds];
 			t.selection.set(i, !0);
 		}
-		function w(e) {
-			return y(e) ? ["bg-accent-soft"] : ["hover:bg-panel-2"];
-		}
-		function T(e) {
-			o.value = null, a.value = e.id, s.value = e.name;
+		function D(e) {
+			u.value = null, l.value = e.id, d.value = e.name;
 		}
-		function E(e) {
-			a.value = null, o.value = e.id, s.value = e.name;
+		function O(e) {
+			l.value = null, u.value = e.id, d.value = e.name;
 		}
-		function D(e) {
+		function k(e) {
 			if (e && typeof e == "object" && "$el" in e && e.$el instanceof HTMLElement) {
 				let t = e.$el.querySelector("input");
-				t !== c.value && (c.value = t, t?.focus(), t?.select());
-			} else c.value = null;
+				t !== f.value && (f.value = t, t?.focus(), t?.select());
+			} else f.value = null;
 		}
-		function O() {
-			a.value = null, o.value = null;
+		function A() {
+			l.value = null, u.value = null;
 		}
-		function k() {
-			let e = s.value.trim();
-			a.value && e && n.commands.invoke("element.setName", a.value, s.value), o.value && e && n.commands.invoke("elementGroup.rename", o.value, e), a.value = null, o.value = null;
+		function j() {
+			let e = d.value.trim();
+			l.value && e && n.commands.invoke("element.setName", l.value, d.value), u.value && e && n.commands.invoke("elementGroup.rename", u.value, e), l.value = null, u.value = null;
 		}
-		function A(e) {
+		function ee(e) {
 			e.e.stopPropagation();
 		}
-		function j(e) {
+		function te(e) {
 			return e.kind === "group" ? {
 				id: e.group.id,
 				kind: "group"
@@ -27419,41 +27630,41 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				kind: "element"
 			};
 		}
-		function ee(e) {
-			r.value = j(e);
+		function ne(e) {
+			r.value = te(e);
 		}
-		function te(e, n) {
+		function re(e, n) {
 			let r = n.currentTarget.getBoundingClientRect(), i = (n.clientY - r.top) / r.height;
 			return e.kind === "element" ? i > .5 ? "below" : "above" : i < .25 ? "above" : i > .75 && t.elementGroup.isCollapsed(e.group.id) ? "below" : "inside";
 		}
-		function ne(e, t) {
+		function ie(e, t) {
 			r.value && (i.value = {
-				placement: te(t, e),
+				placement: re(t, e),
 				rowKey: t.key
 			});
 		}
-		function re(e) {
-			return i.value?.rowKey === e.key ? i.value.placement === "inside" ? { boxShadow: "inset 0 0 0 1.5px #4f7cff" } : i.value.placement === "below" ? { boxShadow: "inset 0 -2px 0 0 #4f7cff" } : { boxShadow: "inset 0 2px 0 0 #4f7cff" } : {};
+		function ae(e) {
+			return i.value?.rowKey === e.key ? i.value.placement === "inside" ? o : i.value.placement === "below" ? c : s : a;
 		}
-		function ie() {
-			let e = r.value, a = t.scope.active, o = i.value, s = d.value.find((e) => e.key === o?.rowKey);
-			e && a && o && s && n.commands.invoke("element.moveLayerNodes", a.id, [e], j(s), o.placement), ae();
+		function oe() {
+			let e = r.value, a = t.scope.active, o = i.value, s = h.value.find((e) => e.key === o?.rowKey);
+			e && a && o && s && n.commands.invoke("element.moveLayerNodes", a.id, [e], te(s), o.placement), se();
 		}
-		function ae() {
+		function se() {
 			r.value = null, i.value = null;
 		}
-		function oe(e, r) {
+		function ce(e, r) {
 			t.selection.has(r.id) || t.selection.set([r.id]), t.ui.openContextMenu(e.clientX, e.clientY, [
-				...ce(["element.openSettings", "element.rename"]),
+				...ue(["element.openSettings", "element.rename"]),
 				{ type: "divider" },
-				...ce([
+				...ue([
 					"element.bringFront",
 					"element.bringForward",
 					"element.sendBackward",
 					"element.sendBack"
 				]),
 				{ type: "divider" },
-				...ce(["element.group", "element.ungroup"]),
+				...ue(["element.group", "element.ungroup"]),
 				{ type: "divider" },
 				...XF(n.commands, [
 					{
@@ -27468,77 +27679,77 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 						args: [r.id],
 						id: "edit.delete"
 					}
-				], le)
+				], de)
 			]);
 		}
-		function se(e, n) {
-			y(n) || le("elementGroup.selectMembers", n.id);
+		function le(e, n) {
+			C(n) || de("elementGroup.selectMembers", n.id);
 			let r = t.elementGroup.isVisible(n.id), i = t.elementGroup.isLocked(n.id);
 			t.ui.openContextMenu(e.clientX, e.clientY, [
 				qF(M("designer.builtins.renameTitle"), () => {
-					E(n);
+					O(n);
 				}, { icon: "rename" }),
-				qF(M("designer.layersPanel.ungroupLabel"), () => le("elementGroup.ungroup", n.id), { icon: "folder-open" }),
+				qF(M("designer.layersPanel.ungroupLabel"), () => de("elementGroup.ungroup", n.id), { icon: "folder-open" }),
 				KF(),
-				...ce([
+				...ue([
 					"element.bringFront",
 					"element.bringForward",
 					"element.sendBackward",
 					"element.sendBack"
 				]),
 				KF(),
-				qF(M(i ? "designer.layersPanel.unlockLabel" : "designer.layersPanel.lockLabel"), () => le("elementGroup.toggleFlag", n.id, "locked"), { icon: i ? "unlock" : "lock" }),
-				qF(M(r ? "designer.layersPanel.hideLabel" : "designer.layersPanel.showLabel"), () => le("elementGroup.toggleFlag", n.id, "visible"), { icon: r ? "eye-off" : "eye" }),
+				qF(M(i ? "designer.layersPanel.unlockLabel" : "designer.layersPanel.lockLabel"), () => de("elementGroup.toggleFlag", n.id, "locked"), { icon: i ? "unlock" : "lock" }),
+				qF(M(r ? "designer.layersPanel.hideLabel" : "designer.layersPanel.showLabel"), () => de("elementGroup.toggleFlag", n.id, "visible"), { icon: r ? "eye-off" : "eye" }),
 				KF(),
-				qF(M("designer.layersPanel.groupDeleteLabel"), () => le("elementGroup.remove", n.id, !0), {
+				qF(M("designer.layersPanel.groupDeleteLabel"), () => de("elementGroup.remove", n.id, !0), {
 					danger: !0,
 					icon: "trash"
 				})
 			]);
 		}
-		function ce(e) {
-			return XF(n.commands, e, le);
+		function ue(e) {
+			return XF(n.commands, e, de);
 		}
-		function le(e, ...t) {
+		function de(e, ...t) {
 			n.commands.dispatch(e, ...t);
 		}
-		return K(a, (e) => {
-			s.value = e ? t.element.get(e)?.name ?? "" : "";
+		return K(l, (e) => {
+			d.value = e ? t.element.get(e)?.name ?? "" : "";
 		}, { flush: "sync" }), (e, n) => {
-			let r = dA, i = sy, c = jS;
+			let r = dA, i = sy;
 			return H(), F(ZN, {
 				class: "min-h-[160px]",
 				"panel-id": "layers",
 				title: G(M)("designer.layersPanel.panelTitle")
 			}, {
-				actions: q(() => [R("span", ZF, W(u.value), 1)]),
-				default: q(() => [R("div", QF, [
-					R("span", $F, W(G(M)("designer.layersPanel.opacityLabel")), 1),
+				actions: q(() => [R("span", rI, W(m.value), 1)]),
+				default: q(() => [R("div", iI, [
+					R("span", aI, W(G(M)("designer.layersPanel.opacityLabel")), 1),
 					z(r, {
 						min: 0,
 						max: 1,
 						step: .05,
-						value: m.value,
-						disabled: !p.value,
+						value: v.value,
+						disabled: !_.value,
 						class: "min-w-0 flex-1",
 						"aria-label": G(M)("designer.layersPanel.opacityLabel"),
-						onChange: _,
+						onChange: S,
 						onChangeEnd: n[0] ||= (e) => G(t).history.commit()
 					}, null, 8, [
 						"value",
 						"disabled",
 						"aria-label"
 					]),
-					R("span", eI, W(h.value), 1),
+					R("span", oI, W(y.value), 1),
 					z(i, {
 						variant: "text",
 						shape: "square",
 						size: "small",
 						type: "button",
 						class: rn(["flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim hover:bg-panel-3 hover:text-ink disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-ink-dim", { "opacity-40": !G(t).selection.sameType }]),
-						title: G(M)(g.value),
+						title: G(M)(b.value),
 						disabled: !G(t).selection.sameType,
-						onClick: n[1] ||= (e) => le("element.openSettings")
+						onClick: n[1] ||= (e) => de("element.openSettings")
 					}, {
 						default: q(() => [z($, {
 							name: "sliders",
@@ -27552,230 +27763,74 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 					])
 				]), R("div", {
 					class: "min-h-0 flex-1 overflow-y-auto",
-					onDragover: n[4] ||= Nn(() => {}, ["prevent"]),
-					onDrop: ie
-				}, [(H(!0), L(N, null, gn(d.value, (e) => (H(), L(N, { key: e.key }, [e.kind === "group" ? (H(), L("div", {
-					key: 0,
-					"data-layer-group-id": e.group.id,
-					draggable: "true",
-					class: rn(["group flex cursor-pointer items-center gap-1 border-b border-edge/40 py-1 pr-2 text-[11px] font-medium", w(e.group)]),
-					style: on({
-						...v(e.depth),
-						...re(e)
-					}),
-					onClick: (t) => C(t, e.group),
-					onDblclick: (t) => E(e.group),
-					onDragstart: (t) => ee(e),
-					onDragend: ae,
-					onDragover: (t) => ne(t, e),
-					onContextmenu: Nn((t) => se(t, e.group), ["prevent"])
-				}, [
-					z(i, {
-						variant: "text",
-						shape: "square",
-						size: "small",
-						class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", {
-							"text-ink": G(t).elementGroup.isVisible(e.group.id),
-							"text-ink-dim/40": !G(t).elementGroup.isVisible(e.group.id)
-						}]),
-						title: G(t).elementGroup.isVisible(e.group.id) ? G(M)("designer.layersPanel.hideLabel") : G(M)("designer.layersPanel.showLabel"),
-						onClick: Nn((t) => le("elementGroup.toggleFlag", e.group.id, "visible"), ["stop"])
-					}, {
-						default: q(() => [z($, {
-							name: G(t).elementGroup.isVisible(e.group.id) ? "eye" : "eye-off",
-							class: "mx-auto h-3.5 w-3.5"
-						}, null, 8, ["name"])]),
-						_: 2
-					}, 1032, [
-						"class",
-						"title",
-						"onClick"
-					]),
-					z(i, {
-						variant: "text",
-						shape: "square",
-						size: "small",
-						class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", { "text-accent": G(t).elementGroup.isLocked(e.group.id) }]),
-						title: G(t).elementGroup.isLocked(e.group.id) ? G(M)("designer.layersPanel.unlockLabel") : G(M)("designer.layersPanel.lockLabel"),
-						onClick: Nn((t) => le("elementGroup.toggleFlag", e.group.id, "locked"), ["stop"])
-					}, {
-						default: q(() => [z($, {
-							name: G(t).elementGroup.isLocked(e.group.id) ? "lock" : "unlock",
-							class: "mx-auto h-3.5 w-3.5"
-						}, null, 8, ["name"])]),
-						_: 2
-					}, 1032, [
-						"class",
-						"title",
-						"onClick"
-					]),
-					z(i, {
-						variant: "text",
-						shape: "square",
-						size: "small",
-						class: "h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink",
-						title: G(t).elementGroup.isCollapsed(e.group.id) ? G(M)("designer.layersPanel.expandGroupLabel") : G(M)("designer.layersPanel.collapseGroupLabel"),
-						onClick: Nn((t) => le("elementGroup.toggleCollapsed", e.group.id), ["stop"])
-					}, {
-						default: q(() => [z($, {
-							name: G(t).elementGroup.isCollapsed(e.group.id) ? "chevron-right" : "chevron-down",
-							class: "mx-auto h-3.5 w-3.5"
-						}, null, 8, ["name"])]),
-						_: 2
-					}, 1032, ["title", "onClick"]),
-					z($, {
-						name: G(t).elementGroup.isCollapsed(e.group.id) ? "folder" : "folder-open",
-						class: "h-3.5 w-3.5 shrink-0 text-accent/85"
-					}, null, 8, ["name"]),
-					o.value === e.group.id ? (H(), F(c, {
-						key: 0,
-						ref_for: !0,
-						ref: D,
-						modelValue: s.value,
-						"onUpdate:modelValue": n[2] ||= (e) => s.value = e,
-						class: "min-w-0 flex-1",
-						onBlur: k,
-						onClick: A
-					}, null, 8, ["modelValue"])) : (H(), L("span", nI, W(e.group.name), 1)),
-					R("span", rI, W(G(M)("designer.layersPanel.groupMemberCount", { count: e.group.elementIds.length })), 1)
-				], 46, tI)) : (H(), L("div", {
-					key: 1,
-					"data-layer-id": e.node.id,
-					draggable: "true",
-					class: rn(["group flex cursor-pointer items-center gap-1 border-b border-edge/40 py-1 pr-2 text-[11px]", [...G(t).selection.has(e.node.id) ? [] : ["hover:bg-panel-2"], ...x(e.node)]]),
-					style: on({
-						...v(e.depth),
-						...re(e)
-					}),
-					onClick: (t) => S(t, e.node),
-					onDblclick: (t) => T(e.node),
-					onDragstart: (t) => ee(e),
-					onDragend: ae,
-					onDragover: (t) => ne(t, e),
-					onContextmenu: Nn((t) => oe(t, e.node), ["prevent"])
-				}, [
-					z(i, {
-						variant: "text",
-						shape: "square",
-						size: "small",
-						class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", {
-							"text-ink": e.node.visible,
-							"text-ink-dim/40": !e.node.visible
-						}]),
-						title: e.node.visible ? G(M)("designer.layersPanel.hideLabel") : G(M)("designer.layersPanel.showLabel"),
-						onClick: Nn((t) => le("element.toggleVisibility", e.node.id), ["stop"])
-					}, {
-						default: q(() => [z($, {
-							name: e.node.visible ? "eye" : "eye-off",
-							class: "mx-auto h-3.5 w-3.5"
-						}, null, 8, ["name"])]),
-						_: 2
-					}, 1032, [
-						"class",
-						"title",
-						"onClick"
-					]),
-					z(i, {
-						variant: "text",
-						shape: "square",
-						size: "small",
-						class: rn(["h-5 w-5 shrink-0 rounded-sm text-ink-dim hover:text-ink", { "text-accent": e.node.locked }]),
-						title: e.node.locked ? G(M)("designer.layersPanel.unlockLabel") : G(M)("designer.layersPanel.lockLabel"),
-						onClick: Nn((t) => le("element.toggleLock", e.node.id), ["stop"])
-					}, {
-						default: q(() => [z($, {
-							name: e.node.locked ? "lock" : "unlock",
-							class: "mx-auto h-3.5 w-3.5"
-						}, null, 8, ["name"])]),
-						_: 2
-					}, 1032, [
-						"class",
-						"title",
-						"onClick"
-					]),
-					z($, {
-						name: b(e.node.type),
-						class: "h-3.5 w-3.5 shrink-0 text-ink-dim"
-					}, null, 8, ["name"]),
-					e.group ? (H(), F(i, {
-						key: 0,
-						variant: "text",
-						shape: "square",
-						size: "small",
-						type: "button",
-						class: "h-5 w-5 shrink-0 rounded-sm text-accent/85 hover:bg-panel-3",
-						title: G(M)("designer.layersPanel.repeatGroupTitle", {
-							groupName: e.group.name,
-							collection: e.group.collection || G(M)("designer.layersPanel.unboundCollection")
-						}),
-						onClick: Nn((n) => G(t).selection.set([...e.group.elementIds]), ["stop"])
-					}, {
-						default: q(() => [z($, {
-							name: "loop",
-							class: "mx-auto h-3.5 w-3.5"
-						})]),
-						_: 1
-					}, 8, ["title", "onClick"])) : I("", !0),
-					a.value === e.node.id ? (H(), F(c, {
-						key: 1,
-						ref_for: !0,
-						ref: D,
-						modelValue: s.value,
-						"onUpdate:modelValue": n[3] ||= (e) => s.value = e,
-						class: "min-w-0 flex-1",
-						onBlur: k,
-						onClick: A
-					}, null, 8, ["modelValue"])) : (H(), L("span", {
-						key: 2,
-						class: rn(["min-w-0 flex-1 truncate", { "italic text-ink-dim/60": !e.node.visible }])
-					}, W(e.node.name), 3)),
-					e.node.locked ? (H(), L("span", aI, W(G(M)("designer.layersPanel.lockLabel")), 1)) : I("", !0)
-				], 46, iI))], 64))), 128)), d.value.length === 0 ? (H(), L("div", oI, W(G(M)("designer.layersPanel.noElementsMessage")), 1)) : I("", !0)], 32)]),
+					onDragover: n[2] ||= Nn(() => {}, ["prevent"]),
+					onDrop: oe
+				}, [(H(!0), L(N, null, gn(h.value, (e) => (H(), F(nI, {
+					key: e.key,
+					api: x,
+					"drop-indicator": ae(e),
+					"rename-text": d.value,
+					"renaming-group-id": u.value,
+					row: e
+				}, null, 8, [
+					"drop-indicator",
+					"rename-text",
+					"renaming-group-id",
+					"row"
+				]))), 128)), h.value.length === 0 ? (H(), L("div", sI, W(G(M)("designer.layersPanel.noElementsMessage")), 1)) : I("", !0)], 32)]),
 				_: 1
 			}, 8, ["title"]);
 		};
 	}
-}), cI = { class: "flex shrink-0 flex-col pb-2" }, lI = ["title", "aria-label"], uI = ["title", "aria-label"], dI = ["data-template-id", "onContextmenu"], fI = ["title"], pI = {
+}), lI = { class: "pages-panel flex shrink-0 flex-col pb-2" }, uI = ["title", "aria-label"], dI = ["title", "aria-label"], fI = ["data-template-id", "onContextmenu"], pI = { class: "pages-panel__identity" }, mI = ["title"], hI = { class: "pages-panel__detail truncate text-[10px] text-ink-dim/80" }, gI = { class: "pages-panel__template-status" }, _I = {
 	key: 0,
-	class: "shrink-0 rounded-sm bg-panel-3 px-1 py-px text-[9px] text-ink-dim"
-}, mI = { class: "shrink-0 text-[10px] text-ink-dim/80" }, hI = [
+	class: "rounded-sm bg-panel-3 px-1 py-px text-[9px] text-ink-dim"
+}, vI = { class: "pages-panel__actions" }, yI = [
+	"title",
+	"aria-label",
+	"onClick"
+], bI = [
 	"title",
 	"aria-label",
 	"onClick"
-], gI = [
+], xI = [
 	"title",
 	"aria-label",
 	"onClick"
-], _I = [
+], SI = [
 	"title",
 	"aria-label",
 	"onClick"
-], vI = ["title", "aria-label"], yI = [
+], CI = ["title", "aria-label"], wI = [
 	"data-page-row",
 	"onClick",
 	"onDblclick",
 	"onContextmenu"
-], bI = { class: "w-4 shrink-0 text-right text-[10px] text-ink-dim/70" }, xI = ["title"], SI = { class: "shrink-0 text-[10px] text-ink-dim/60" }, CI = ["title"], wI = [
+], TI = { class: "pages-panel__identity" }, EI = { class: "w-4 shrink-0 text-right text-[10px] text-ink-dim/70" }, DI = ["title"], OI = { class: "pages-panel__detail truncate text-[10px] text-ink-dim/60" }, kI = ["title"], AI = { class: "pages-panel__actions" }, jI = [
 	"title",
 	"aria-label",
 	"onClick"
-], TI = [
+], MI = [
 	"title",
 	"aria-label",
 	"onClick"
-], EI = [
+], NI = [
 	"title",
 	"aria-label",
 	"onClick"
-], DI = [
+], PI = [
 	"title",
 	"aria-label",
 	"disabled",
 	"onClick"
-], OI = /* @__PURE__ */ B({
+], FI = [
+	"title",
+	"aria-label",
+	"onClick"
+], II = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "pages-panel",
 	setup(e) {
-		let t = vz(), n = t.store(), r = P(() => {
+		let t = Ez(), n = t.store(), r = P(() => {
 			let e = i.value;
 			return e ? n.template.list.find((t) => t.id === e) : null;
 		}), i = U(null), a = P(() => n.template.list.map((e) => ({
@@ -27829,7 +27884,20 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		function _(e) {
 			c("page.remove", e);
 		}
-		function v(e, r) {
+		function v(e) {
+			if (e.type === "click" && e.currentTarget instanceof HTMLElement) {
+				let t = e.currentTarget.getBoundingClientRect();
+				return {
+					x: t.left,
+					y: t.bottom
+				};
+			}
+			return {
+				x: e.clientX,
+				y: e.clientY
+			};
+		}
+		function y(e, r) {
 			let i = XF(t.commands, [
 				"file.pageSetup",
 				"page.applyTemplate",
@@ -27839,10 +27907,10 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			].map((e) => ({
 				args: [r],
 				id: e
-			})), c);
-			n.ui.openContextMenu(e.clientX, e.clientY, i);
+			})), c), a = v(e);
+			n.ui.openContextMenu(a.x, a.y, i);
 		}
-		function y(e, r) {
+		function b(e, r) {
 			let i = n.template.list.find((e) => e.id === r);
 			if (!i) return;
 			let a = ["template.enterEdit", "template.applyRange"];
@@ -27852,8 +27920,8 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				id: e
 			})), (e, ...t) => {
 				e === "template.remove" ? m(r) : c(e, ...t);
-			});
-			n.ui.openContextMenu(e.clientX, e.clientY, o);
+			}), s = v(e);
+			n.ui.openContextMenu(s.x, s.y, o);
 		}
 		return (e, t) => {
 			let s = rP;
@@ -27861,7 +27929,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				"panel-id": "pages",
 				title: G(M)("designer.pagesPanel.panelTitle")
 			}, {
-				default: q(() => [R("div", cI, [z(JN, { title: G(M)("designer.pagesPanel.templatesSection") }, {
+				default: q(() => [R("div", lI, [z(JN, { title: G(M)("designer.pagesPanel.templatesSection") }, {
 					actions: q(() => [R("button", {
 						type: "button",
 						class: "flex h-5 w-5 items-center justify-center rounded-sm text-ink-dim hover:bg-panel-3 hover:text-ink",
@@ -27871,7 +27939,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 					}, [z($, {
 						name: "template",
 						class: "h-3.5 w-3.5"
-					})], 8, lI), R("button", {
+					})], 8, uI), R("button", {
 						type: "button",
 						class: "flex h-5 w-5 items-center justify-center rounded-sm text-ink-dim hover:bg-panel-3 hover:text-ink",
 						title: G(M)("designer.pagesPanel.addTemplateTitle"),
@@ -27881,55 +27949,68 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 					}, [z($, {
 						name: "plus",
 						class: "h-3.5 w-3.5"
-					})], 8, uI)]),
+					})], 8, dI)]),
 					default: q(() => [(H(!0), L(N, null, gn(a.value, (e) => (H(), L("div", {
 						key: e.id,
 						"data-template-id": e.id,
-						class: rn(["group flex items-center gap-1.5 border-b border-edge/40 px-2 py-1 text-[11px] hover:bg-panel-2", { "bg-accent-soft": e.editing }]),
-						onContextmenu: Nn((t) => y(t, e.id), ["stop", "prevent"])
+						class: rn(["pages-panel__row pages-panel__template-row group border-b border-edge/40 px-2 py-1 text-[11px] hover:bg-panel-2", { "bg-accent-soft": e.editing }]),
+						onContextmenu: Nn((t) => b(t, e.id), ["stop", "prevent"])
 					}, [
-						z($, {
+						R("div", pI, [z($, {
 							name: "template",
-							class: rn(["h-3.5 w-3.5 shrink-0", e.editing ? "text-accent" : "text-ink-dim"])
-						}, null, 8, ["class"]),
-						R("span", {
-							class: rn(["min-w-0 flex-1 cursor-default truncate", { "text-accent": e.editing }]),
+							class: rn(["h-3.5 w-4 shrink-0", e.editing ? "text-accent" : "text-ink-dim"])
+						}, null, 8, ["class"]), R("span", {
+							class: rn(["pages-panel__name cursor-default truncate", { "text-accent": e.editing }]),
 							title: e.name
-						}, W(e.name), 11, fI),
-						e.builtin ? (H(), L("span", pI, W(G(M)("designer.pagesPanel.builtinBadge")), 1)) : I("", !0),
-						R("span", mI, W(G(M)("designer.pagesPanel.usageCount", { count: e.usage })), 1),
-						R("button", {
-							type: "button",
-							class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
-							title: G(M)("designer.pagesPanel.editTemplateTitle"),
-							"aria-label": G(M)("designer.pagesPanel.editTemplateTitle"),
-							onClick: (t) => f(e.id)
-						}, [z($, {
-							name: "rename",
-							class: "h-3.5 w-3.5"
-						})], 8, hI),
-						R("button", {
-							type: "button",
-							class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
-							title: G(M)("designer.pagesPanel.applyRangeTitle"),
-							"aria-label": G(M)("designer.pagesPanel.applyRangeTitle"),
-							onClick: (t) => p(e.id)
-						}, [z($, {
-							name: "apply-template",
-							class: "h-3.5 w-3.5"
-						})], 8, gI),
-						e.builtin ? I("", !0) : (H(), L("button", {
-							key: 1,
-							type: "button",
-							class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-danger group-hover:opacity-100",
-							title: G(M)("designer.pagesPanel.removeTemplateTitle"),
-							"aria-label": G(M)("designer.pagesPanel.removeTemplateTitle"),
-							onClick: (t) => m(e.id)
-						}, [z($, {
-							name: "trash",
-							class: "h-3.5 w-3.5"
-						})], 8, _I))
-					], 42, dI))), 128))]),
+						}, W(e.name), 11, mI)]),
+						R("span", hI, W(G(M)("designer.pagesPanel.usageCount", { count: e.usage })), 1),
+						R("div", gI, [e.builtin ? (H(), L("span", _I, W(G(M)("designer.pagesPanel.builtinBadge")), 1)) : I("", !0)]),
+						R("div", vI, [
+							R("button", {
+								type: "button",
+								class: "pages-panel__action flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
+								title: G(M)("designer.pagesPanel.editTemplateTitle"),
+								"aria-label": G(M)("designer.pagesPanel.editTemplateTitle"),
+								onClick: (t) => f(e.id)
+							}, [z($, {
+								name: "rename",
+								class: "h-3.5 w-3.5"
+							})], 8, yI),
+							R("button", {
+								type: "button",
+								class: "pages-panel__action flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
+								title: G(M)("designer.pagesPanel.applyRangeTitle"),
+								"aria-label": G(M)("designer.pagesPanel.applyRangeTitle"),
+								onClick: (t) => p(e.id)
+							}, [z($, {
+								name: "apply-template",
+								class: "h-3.5 w-3.5"
+							})], 8, bI),
+							e.builtin ? I("", !0) : (H(), L("button", {
+								key: 0,
+								type: "button",
+								class: "pages-panel__action flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-danger group-hover:opacity-100",
+								title: G(M)("designer.pagesPanel.removeTemplateTitle"),
+								"aria-label": G(M)("designer.pagesPanel.removeTemplateTitle"),
+								onClick: (t) => m(e.id)
+							}, [z($, {
+								name: "trash",
+								class: "h-3.5 w-3.5"
+							})], 8, xI)),
+							R("button", {
+								type: "button",
+								class: "pages-panel__more h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim hover:bg-panel-3 hover:text-ink",
+								title: G(M)("designer.pagesPanel.moreActionsTitle"),
+								"aria-label": G(M)("designer.pagesPanel.moreActionsTitle"),
+								"aria-haspopup": "menu",
+								onClick: Nn((t) => b(t, e.id), ["stop"]),
+								onDblclick: t[0] ||= Nn(() => {}, ["stop"])
+							}, [z($, {
+								name: "dots",
+								class: "h-3.5 w-3.5 rotate-90"
+							})], 40, SI)
+						])
+					], 42, fI))), 128))]),
 					_: 1
 				}, 8, ["title"]), z(JN, { title: G(M)("designer.pagesPanel.pagesSection") }, {
 					actions: q(() => [R("button", {
@@ -27937,71 +28018,84 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 						class: "flex h-5 w-5 items-center justify-center rounded-sm text-ink-dim hover:bg-panel-3 hover:text-ink",
 						title: G(M)("designer.builtins.addPageTitle"),
 						"aria-label": G(M)("designer.builtins.addPageTitle"),
-						onClick: t[0] ||= (e) => c("page.add")
+						onClick: t[1] ||= (e) => c("page.add")
 					}, [z($, {
 						name: "plus",
 						class: "h-3.5 w-3.5"
-					})], 8, vI)]),
+					})], 8, CI)]),
 					default: q(() => [(H(!0), L(N, null, gn(o.value, (e) => (H(), L("div", {
 						key: e.id,
 						"data-page-row": e.id,
-						class: rn(["group flex cursor-pointer items-center gap-1.5 border-b border-edge/40 px-2 py-1 text-[11px]", e.active ? "bg-accent-soft" : "hover:bg-panel-2"]),
+						class: rn(["pages-panel__row pages-panel__page-row group cursor-pointer border-b border-edge/40 px-2 py-1 text-[11px]", e.active ? "bg-accent-soft" : "hover:bg-panel-2"]),
 						onClick: (t) => l(e.id),
 						onDblclick: (t) => c("file.pageSetup", e.id),
-						onContextmenu: Nn((t) => v(t, e.id), ["stop", "prevent"])
+						onContextmenu: Nn((t) => y(t, e.id), ["stop", "prevent"])
 					}, [
-						R("span", bI, W(e.index + 1), 1),
-						R("span", {
-							class: rn(["min-w-0 flex-1 truncate", { "text-accent": e.active }]),
+						R("div", TI, [R("span", EI, W(e.index + 1), 1), R("span", {
+							class: rn(["pages-panel__name truncate", { "text-accent": e.active }]),
 							title: e.name
-						}, W(e.name), 11, xI),
-						R("span", SI, W(e.sizeText), 1),
+						}, W(e.name), 11, DI)]),
+						R("span", OI, W(e.sizeText), 1),
 						R("span", {
-							class: rn(["max-w-[86px] shrink-0 truncate rounded-sm px-1 py-px text-[9px]", e.usesCustomTemplate ? "bg-accent-soft text-accent" : "bg-panel-3 text-ink-dim"]),
+							class: rn(["pages-panel__applied-template truncate rounded-sm px-1 py-px text-[9px]", e.usesCustomTemplate ? "bg-accent-soft text-accent" : "bg-panel-3 text-ink-dim"]),
 							title: G(M)("designer.pagesPanel.appliedTemplateTitle", { templateName: e.templateName })
-						}, W(e.templateName), 11, CI),
-						R("button", {
-							type: "button",
-							class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
-							title: G(M)("designer.pagesPanel.applyTemplateTitle"),
-							"aria-label": G(M)("designer.pagesPanel.applyTemplateTitle"),
-							onClick: Nn((t) => g(e.id), ["stop"])
-						}, [z($, {
-							name: "apply-template",
-							class: "h-3.5 w-3.5"
-						})], 8, wI),
-						R("button", {
-							type: "button",
-							class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
-							title: G(M)("designer.builtins.duplicatePageTitle"),
-							"aria-label": G(M)("designer.builtins.duplicatePageTitle"),
-							onClick: Nn((t) => c("page.copy", e.id), ["stop"])
-						}, [z($, {
-							name: "copy",
-							class: "h-3.5 w-3.5"
-						})], 8, TI),
-						R("button", {
-							type: "button",
-							class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
-							title: G(M)("designer.templateBanner.detachTitle"),
-							"aria-label": G(M)("designer.templateBanner.detachTitle"),
-							onClick: Nn((t) => c("page.detachTemplate", e.id), ["stop"])
-						}, [z($, {
-							name: "copy",
-							class: "h-3.5 w-3.5"
-						})], 8, EI),
-						R("button", {
-							type: "button",
-							class: "flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-danger group-hover:opacity-100",
-							title: G(M)("designer.builtins.deletePageTitle"),
-							"aria-label": G(M)("designer.builtins.deletePageTitle"),
-							disabled: G(n).page.list.length <= 1,
-							onClick: Nn((t) => _(e.id), ["stop"])
-						}, [z($, {
-							name: "trash",
-							class: "h-3.5 w-3.5"
-						})], 8, DI)
-					], 42, yI))), 128))]),
+						}, W(e.templateName), 11, kI),
+						R("div", AI, [
+							R("button", {
+								type: "button",
+								class: "pages-panel__action flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
+								title: G(M)("designer.pagesPanel.applyTemplateTitle"),
+								"aria-label": G(M)("designer.pagesPanel.applyTemplateTitle"),
+								onClick: Nn((t) => g(e.id), ["stop"])
+							}, [z($, {
+								name: "apply-template",
+								class: "h-3.5 w-3.5"
+							})], 8, jI),
+							R("button", {
+								type: "button",
+								class: "pages-panel__action flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
+								title: G(M)("designer.builtins.duplicatePageTitle"),
+								"aria-label": G(M)("designer.builtins.duplicatePageTitle"),
+								onClick: Nn((t) => c("page.copy", e.id), ["stop"])
+							}, [z($, {
+								name: "copy",
+								class: "h-3.5 w-3.5"
+							})], 8, MI),
+							R("button", {
+								type: "button",
+								class: "pages-panel__action flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-ink group-hover:opacity-100",
+								title: G(M)("designer.templateBanner.detachTitle"),
+								"aria-label": G(M)("designer.templateBanner.detachTitle"),
+								onClick: Nn((t) => c("page.detachTemplate", e.id), ["stop"])
+							}, [z($, {
+								name: "copy",
+								class: "h-3.5 w-3.5"
+							})], 8, NI),
+							R("button", {
+								type: "button",
+								class: "pages-panel__action flex h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim opacity-0 hover:bg-panel-3 hover:text-danger group-hover:opacity-100",
+								title: G(M)("designer.builtins.deletePageTitle"),
+								"aria-label": G(M)("designer.builtins.deletePageTitle"),
+								disabled: G(n).page.list.length <= 1,
+								onClick: Nn((t) => _(e.id), ["stop"])
+							}, [z($, {
+								name: "trash",
+								class: "h-3.5 w-3.5"
+							})], 8, PI),
+							R("button", {
+								type: "button",
+								class: "pages-panel__more h-5 w-5 shrink-0 items-center justify-center rounded-sm text-ink-dim hover:bg-panel-3 hover:text-ink",
+								title: G(M)("designer.pagesPanel.moreActionsTitle"),
+								"aria-label": G(M)("designer.pagesPanel.moreActionsTitle"),
+								"aria-haspopup": "menu",
+								onClick: Nn((t) => y(t, e.id), ["stop"]),
+								onDblclick: t[2] ||= Nn(() => {}, ["stop"])
+							}, [z($, {
+								name: "dots",
+								class: "h-3.5 w-3.5 rotate-90"
+							})], 40, FI)
+						])
+					], 42, wI))), 128))]),
 					_: 1
 				}, 8, ["title"])])]),
 				_: 1
@@ -28015,15 +28109,15 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 					theme: "danger"
 				},
 				onConfirm: h,
-				onClose: t[1] ||= (e) => i.value = null,
-				onCancel: t[2] ||= (e) => i.value = null
+				onClose: t[3] ||= (e) => i.value = null,
+				onCancel: t[4] ||= (e) => i.value = null
 			}, {
 				default: q(() => [Wt(W(G(M)("designer.pagesPanel.removeConfirmMessage", { templateName: r.value.name })), 1)]),
 				_: 1
 			}, 8, ["title", "confirm-btn"])) : I("", !0)], 64);
 		};
 	}
-}), kI = {
+}), [["__scopeId", "data-v-d7fdb82f"]]), LI = {
 	name: "builtin:panels",
 	setup(e) {
 		let t = e.store().panel, n = [
@@ -28036,7 +28130,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				}
 			}),
 			t.register({
-				component: OI,
+				component: II,
 				icon: "file",
 				id: "pages",
 				title: function() {
@@ -28044,7 +28138,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				}
 			}),
 			t.register({
-				component: sI,
+				component: cI,
 				icon: "layers",
 				id: "layers",
 				title: function() {
@@ -28069,10 +28163,10 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			e.commands.get(i.id) === i && (e.commands.unregister(i.id), r && e.commands.register(r));
 		};
 	}
-}, AI = {
+}, RI = {
 	key: 2,
 	class: "text-ink-dim"
-}, jI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}, zI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-boolean",
 	props: /*@__PURE__*/ tn({
 		disabled: { type: Boolean },
@@ -28134,13 +28228,13 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				"model-value",
 				"disabled",
 				"aria-label"
-			])), e.mixed ? I("", !0) : (H(), L("span", AI, W(i.value ? G(M)("designer.fieldBoolean.enabledLabel") : G(M)("designer.fieldBoolean.disabledLabel")), 1))], 512);
+			])), e.mixed ? I("", !0) : (H(), L("span", RI, W(i.value ? G(M)("designer.fieldBoolean.enabledLabel") : G(M)("designer.fieldBoolean.disabledLabel")), 1))], 512);
 		};
 	}
-}), [["__scopeId", "data-v-e09fcb7f"]]), MI = { class: "flex min-w-0 items-center gap-1" }, NI = {
+}), [["__scopeId", "data-v-e09fcb7f"]]), BI = { class: "flex min-w-0 items-center gap-1" }, VI = {
 	class: "field-color__swatch",
 	"aria-hidden": "true"
-}, PI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}, HI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-color",
 	props: /*@__PURE__*/ tn({
 		allowNone: { type: Boolean },
@@ -28152,7 +28246,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 	}),
 	emits: /*@__PURE__*/ tn(["commit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = vz(), { popupProps: i } = hM({ onVisibleChange: f }), a = ["monochrome"], o = t, s = Dn(e, "modelValue"), c = P(() => s.value || "#ffffff");
+		let n = e, r = Ez(), { popupProps: i } = hM({ onVisibleChange: f }), a = ["monochrome"], o = t, s = Dn(e, "modelValue"), c = P(() => s.value || "#ffffff");
 		function l(e) {
 			s.value = String(e);
 		}
@@ -28160,7 +28254,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			try {
 				await navigator.clipboard.writeText(s.value || c.value);
 			} catch (e) {
-				throw new rt(M("designer.fieldColor.copyFailedMessage"), {
+				throw new nt(M("designer.fieldColor.copyFailedMessage"), {
 					cause: e,
 					code: "color.copy-failed"
 				});
@@ -28178,7 +28272,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		}
 		return (t, n) => {
 			let r = sy, o = Zj;
-			return H(), L("div", MI, [
+			return H(), L("div", BI, [
 				z(o, {
 					class: "shrink-0",
 					"model-value": c.value,
@@ -28194,7 +28288,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 						variant: "outline",
 						"aria-label": G(M)("designer.canvasColorDialog.colorLabel")
 					}, {
-						default: q(() => [R("span", NI, [R("span", {
+						default: q(() => [R("span", VI, [R("span", {
 							class: "field-color__fill",
 							style: on({ backgroundColor: e.mixed ? void 0 : c.value })
 						}, null, 4)])]),
@@ -28253,7 +28347,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-26436bed"]]), FI = { class: "field-data-preview" }, II = { class: "field-data-preview__table" }, LI = { class: "field-data-preview__row field-data-preview__row--head" }, RI = ["title"], zI = ["title"], BI = 5, VI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}), [["__scopeId", "data-v-26436bed"]]), UI = { class: "field-data-preview" }, WI = { class: "field-data-preview__table" }, GI = { class: "field-data-preview__row field-data-preview__row--head" }, KI = ["title"], qI = ["title"], JI = 5, YI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-data-preview",
 	props: {
 		bindings: {},
@@ -28261,42 +28355,42 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		modelValue: {},
 		node: {}
 	},
-	setup(t) {
-		let n = t, i = vz().store(), a = P(() => n.bindings?.rows), o = P(() => Array.isArray(n.columns) ? n.columns : []), s = P(() => {
-			let t = a.value;
-			if (!t) return null;
-			let n = lt(i.document.data), o = r(n), s = e(o, t);
-			return Array.isArray(s) ? s.slice(0, BI) : null;
+	setup(e) {
+		let n = e, r = Ez().store(), a = P(() => n.bindings?.rows), o = P(() => Array.isArray(n.columns) ? n.columns : []), s = P(() => {
+			let e = a.value;
+			if (!e) return null;
+			let n = ct(r.document.data), o = i(n), s = t(o, e);
+			return Array.isArray(s) ? s.slice(0, JI) : null;
 		}), c = P(() => {
-			let t = a.value;
-			if (!t) return 0;
-			let n = lt(i.document.data), o = e(r(n), t);
+			let e = a.value;
+			if (!e) return 0;
+			let n = ct(r.document.data), o = t(i(n), e);
 			return Array.isArray(o) ? o.length : 0;
 		});
-		function u(t, n, i) {
-			if (!i) return "";
-			let o = l(r({}), {
+		function l(e, n, r) {
+			if (!r) return "";
+			let o = u(i({}), {
 				collectionPath: a.value ?? "",
 				index: n,
-				item: t
-			}), s = e(o, i);
+				item: e
+			}), s = t(o, r);
 			return s == null ? "" : String(s);
 		}
-		return (e, t) => (H(), L("div", FI, [a.value ? !s.value || s.value.length === 0 ? (H(), F(HN, {
+		return (e, t) => (H(), L("div", UI, [a.value ? !s.value || s.value.length === 0 ? (H(), F(HN, {
 			key: 1,
 			text: G(M)("designer.fieldDataPreview.emptyTitle")
-		}, null, 8, ["text"])) : (H(), L(N, { key: 2 }, [R("div", II, [R("div", LI, [(H(!0), L(N, null, gn(o.value, (e, t) => (H(), L("span", {
+		}, null, 8, ["text"])) : (H(), L(N, { key: 2 }, [R("div", WI, [R("div", GI, [(H(!0), L(N, null, gn(o.value, (e, t) => (H(), L("span", {
 			key: t,
 			class: "field-data-preview__cell",
 			title: e.title
-		}, W(e.title || G(M)("designer.fieldDataPreview.unboundColumnHint")), 9, RI))), 128))]), (H(!0), L(N, null, gn(s.value, (e, t) => (H(), L("div", {
+		}, W(e.title || G(M)("designer.fieldDataPreview.unboundColumnHint")), 9, KI))), 128))]), (H(!0), L(N, null, gn(s.value, (e, t) => (H(), L("div", {
 			key: t,
 			class: "field-data-preview__row"
 		}, [(H(!0), L(N, null, gn(o.value, (n, r) => (H(), L("span", {
 			key: r,
 			class: "field-data-preview__cell",
-			title: u(e, t, n.bind)
-		}, W(u(e, t, n.bind)), 9, zI))), 128))]))), 128))]), z(HN, { text: G(M)("designer.fieldDataPreview.rowsLabel", {
+			title: l(e, t, n.bind)
+		}, W(l(e, t, n.bind)), 9, qI))), 128))]))), 128))]), z(HN, { text: G(M)("designer.fieldDataPreview.rowsLabel", {
 			previewCount: s.value.length,
 			rowCount: c.value
 		}) }, null, 8, ["text"])], 64)) : (H(), F(HN, {
@@ -28304,10 +28398,10 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			text: G(M)("designer.fieldDataPreview.unboundTitle")
 		}, null, 8, ["text"]))]));
 	}
-}), [["__scopeId", "data-v-541f8e52"]]), HI = { class: "flex flex-col gap-2" }, UI = { class: "field-image__source" }, WI = {
+}), [["__scopeId", "data-v-541f8e52"]]), XI = { class: "flex flex-col gap-2" }, ZI = { class: "field-image__source" }, QI = {
 	key: 0,
 	class: "flex h-20 items-center justify-center rounded-sm border border-edge bg-panel-3 p-1"
-}, GI = ["src"], KI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}, $I = ["src"], eL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-image",
 	props: {
 		modelValue: {},
@@ -28350,7 +28444,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			try {
 				a = await qi(i, "dataUrl");
 			} catch (e) {
-				throw new rt(M("designer.pageView.imageReadFailed", { fileName: i.name }), {
+				throw new nt(M("designer.pageView.imageReadFailed", { fileName: i.name }), {
 					cause: e,
 					code: "image.read-failed"
 				});
@@ -28362,8 +28456,8 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		}
 		return (e, t) => {
 			let n = jS;
-			return H(), L("div", HI, [
-				R("div", UI, [z(n, {
+			return H(), L("div", XI, [
+				R("div", ZI, [z(n, {
 					modelValue: r.value,
 					"onUpdate:modelValue": t[0] ||= (e) => r.value = e,
 					class: "min-w-0 flex-1",
@@ -28374,10 +28468,10 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 					actions: a.value,
 					gap: 1
 				}, null, 8, ["actions"])]),
-				r.value ? (H(), L("div", WI, [R("img", {
+				r.value ? (H(), L("div", QI, [R("img", {
 					src: r.value,
 					class: "h-full w-full object-contain"
-				}, null, 8, GI)])) : I("", !0),
+				}, null, 8, $I)])) : I("", !0),
 				R("input", {
 					ref_key: "fileRef",
 					ref: i,
@@ -28389,10 +28483,10 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-23c1c524"]]), qI = {
+}), [["__scopeId", "data-v-23c1c524"]]), tL = {
 	key: 0,
 	class: "field-borders field-borders--single"
-}, JI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}, nL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-table-borders",
 	props: /*@__PURE__*/ tn({
 		inheritable: { type: Boolean },
@@ -28403,7 +28497,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 	}),
 	emits: /*@__PURE__*/ tn(["commit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = t, r = Dn(e, "modelValue"), i = ce(), a = P(() => [
+		let n = t, r = Dn(e, "modelValue"), i = ae(), a = P(() => [
 			{
 				label: M("designer.fieldBorders.modeAllOption"),
 				value: "all"
@@ -28424,7 +28518,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				label: M("designer.fieldBorders.modeNoneOption"),
 				value: "none"
 			}
-		]), s = P(() => [
+		]), o = P(() => [
 			{
 				label: M("designer.fieldBorders.solidOption"),
 				value: "solid"
@@ -28437,8 +28531,8 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				label: M("designer.fieldBorders.dottedOption"),
 				value: "dotted"
 			}
-		]), c = D(), l = P(() => o(r.value) ? r.value : { ...c }), u = P(() => {
-			if (!o(r.value)) return {
+		]), c = D(), l = P(() => s(r.value) ? r.value : { ...c }), u = P(() => {
+			if (!s(r.value)) return {
 				inner: { ...c },
 				mode: "all",
 				outer: { ...c }
@@ -28497,20 +28591,20 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				}
 			});
 		}
-		return (t, o) => {
+		return (t, s) => {
 			let g = hC, _ = MT, v = fA;
-			return e.sideMode ? (H(), L("div", qI, [
+			return e.sideMode ? (H(), L("div", tL, [
 				z(fP, {
 					class: "field-borders__row",
 					label: G(M)("designer.fieldBorders.colorTitle"),
 					"label-width": 56
 				}, {
-					default: q(() => [z(PI, {
+					default: q(() => [z(HI, {
 						"model-value": l.value.color,
 						"reset-value": G(c).color,
 						"allow-none": "",
-						"onUpdate:modelValue": o[0] ||= (e) => p({ color: String(e) }),
-						onCommit: o[1] ||= (e) => n("commit")
+						"onUpdate:modelValue": s[0] ||= (e) => p({ color: String(e) }),
+						onCommit: s[1] ||= (e) => n("commit")
 					}, null, 8, ["model-value", "reset-value"])]),
 					_: 1
 				}, 8, ["label"]),
@@ -28526,8 +28620,8 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 						max: 3,
 						step: .05,
 						suffix: G(M)("elements.tableElement.distanceUnit"),
-						"onUpdate:modelValue": o[2] ||= (e) => p({ width: Number(e) || .2 }),
-						onBlur: o[3] ||= (e) => n("commit")
+						"onUpdate:modelValue": s[2] ||= (e) => p({ width: Number(e) || .2 }),
+						onBlur: s[3] ||= (e) => n("commit")
 					}, null, 8, ["model-value", "suffix"])]),
 					_: 1
 				}, 8, ["label"]),
@@ -28538,9 +28632,9 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				}, {
 					default: q(() => [z(_, {
 						"model-value": l.value.style,
-						options: s.value,
-						"onUpdate:modelValue": o[4] ||= (e) => p({ style: String(e) }),
-						onChange: o[5] ||= (e) => n("commit")
+						options: o.value,
+						"onUpdate:modelValue": s[4] ||= (e) => p({ style: String(e) }),
+						onChange: s[5] ||= (e) => n("commit")
 					}, null, 8, ["model-value", "options"])]),
 					_: 1
 				}, 8, ["label"])
@@ -28555,7 +28649,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				default: q(() => [z(v, {
 					"aria-label": G(M)("designer.elementWorkspace.inheritBorders"),
 					"model-value": !r.value,
-					"onUpdate:modelValue": o[6] ||= (e) => f(e ? void 0 : u.value)
+					"onUpdate:modelValue": s[6] ||= (e) => f(e ? void 0 : u.value)
 				}, null, 8, ["aria-label", "model-value"])]),
 				_: 1
 			}, 8, ["label"])) : I("", !0), !e.inheritable || r.value ? (H(), L(N, { key: 1 }, [
@@ -28567,8 +28661,8 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 					default: q(() => [z(_, {
 						"model-value": u.value.mode,
 						options: a.value,
-						"onUpdate:modelValue": o[7] ||= (e) => m({ mode: String(e) }),
-						onChange: o[8] ||= (e) => n("commit")
+						"onUpdate:modelValue": s[7] ||= (e) => m({ mode: String(e) }),
+						onChange: s[8] ||= (e) => n("commit")
 					}, null, 8, ["model-value", "options"])]),
 					_: 1
 				}, 8, ["label", "label-width"]),
@@ -28582,14 +28676,14 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 							label: G(M)("designer.fieldBorders.colorTitle"),
 							"label-width": 56
 						}, {
-							default: q(() => [z(PI, {
+							default: q(() => [z(HI, {
 								"model-value": u.value.outer.color,
 								"reset-value": G(c).color,
-								"onUpdate:modelValue": o[9] ||= (e) => m({ outer: {
+								"onUpdate:modelValue": s[9] ||= (e) => m({ outer: {
 									...u.value.outer,
 									color: String(e)
 								} }),
-								onCommit: o[10] ||= (e) => n("commit")
+								onCommit: s[10] ||= (e) => n("commit")
 							}, null, 8, ["model-value", "reset-value"])]),
 							_: 1
 						}, 8, ["label"]),
@@ -28605,11 +28699,11 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 								max: 3,
 								step: .05,
 								suffix: G(M)("elements.tableElement.distanceUnit"),
-								"onUpdate:modelValue": o[11] ||= (e) => m({ outer: {
+								"onUpdate:modelValue": s[11] ||= (e) => m({ outer: {
 									...u.value.outer,
 									width: Number(e) || .2
 								} }),
-								onBlur: o[12] ||= (e) => n("commit")
+								onBlur: s[12] ||= (e) => n("commit")
 							}, null, 8, ["model-value", "suffix"])]),
 							_: 1
 						}, 8, ["label"]),
@@ -28620,12 +28714,12 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 						}, {
 							default: q(() => [z(_, {
 								"model-value": u.value.outer.style,
-								options: s.value,
-								"onUpdate:modelValue": o[13] ||= (e) => m({ outer: {
+								options: o.value,
+								"onUpdate:modelValue": s[13] ||= (e) => m({ outer: {
 									...u.value.outer,
 									style: String(e)
 								} }),
-								onChange: o[14] ||= (e) => n("commit")
+								onChange: s[14] ||= (e) => n("commit")
 							}, null, 8, ["model-value", "options"])]),
 							_: 1
 						}, 8, ["label"])
@@ -28642,15 +28736,15 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 							label: G(M)("designer.fieldBorders.colorTitle"),
 							"label-width": 56
 						}, {
-							default: q(() => [z(PI, {
+							default: q(() => [z(HI, {
 								"model-value": u.value.inner.color,
 								"reset-value": G(c).color,
 								"allow-none": "",
-								"onUpdate:modelValue": o[15] ||= (e) => m({ inner: {
+								"onUpdate:modelValue": s[15] ||= (e) => m({ inner: {
 									...u.value.inner,
 									color: String(e)
 								} }),
-								onCommit: o[16] ||= (e) => n("commit")
+								onCommit: s[16] ||= (e) => n("commit")
 							}, null, 8, ["model-value", "reset-value"])]),
 							_: 1
 						}, 8, ["label"]),
@@ -28666,11 +28760,11 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 								max: 3,
 								step: .05,
 								suffix: G(M)("elements.tableElement.distanceUnit"),
-								"onUpdate:modelValue": o[17] ||= (e) => m({ inner: {
+								"onUpdate:modelValue": s[17] ||= (e) => m({ inner: {
 									...u.value.inner,
 									width: Number(e) || .2
 								} }),
-								onBlur: o[18] ||= (e) => n("commit")
+								onBlur: s[18] ||= (e) => n("commit")
 							}, null, 8, ["model-value", "suffix"])]),
 							_: 1
 						}, 8, ["label"]),
@@ -28681,12 +28775,12 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 						}, {
 							default: q(() => [z(_, {
 								"model-value": u.value.inner.style,
-								options: s.value,
-								"onUpdate:modelValue": o[19] ||= (e) => m({ inner: {
+								options: o.value,
+								"onUpdate:modelValue": s[19] ||= (e) => m({ inner: {
 									...u.value.inner,
 									style: String(e)
 								} }),
-								onChange: o[20] ||= (e) => n("commit")
+								onChange: s[20] ||= (e) => n("commit")
 							}, null, 8, ["model-value", "options"])]),
 							_: 1
 						}, 8, ["label"])
@@ -28704,12 +28798,12 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 							label: G(M)("designer.fieldBorders.colorTitle"),
 							"label-width": 56
 						}, {
-							default: q(() => [z(PI, {
+							default: q(() => [z(HI, {
 								"model-value": u.value[e.key]?.color ?? u.value.outer.color,
 								"reset-value": u.value.outer.color,
 								"allow-none": "",
 								"onUpdate:modelValue": (t) => h(e.key, { color: String(t) }),
-								onCommit: o[21] ||= (e) => n("commit")
+								onCommit: s[21] ||= (e) => n("commit")
 							}, null, 8, [
 								"model-value",
 								"reset-value",
@@ -28730,7 +28824,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 								step: .05,
 								suffix: G(M)("elements.tableElement.distanceUnit"),
 								"onUpdate:modelValue": (t) => h(e.key, { width: Number(t) || .2 }),
-								onBlur: o[22] ||= (e) => n("commit")
+								onBlur: s[22] ||= (e) => n("commit")
 							}, null, 8, [
 								"model-value",
 								"suffix",
@@ -28745,9 +28839,9 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 						}, {
 							default: q(() => [z(_, {
 								"model-value": u.value[e.key]?.style ?? u.value.outer.style,
-								options: s.value,
+								options: o.value,
 								"onUpdate:modelValue": (t) => h(e.key, { style: String(t) }),
-								onChange: o[23] ||= (e) => n("commit")
+								onChange: s[23] ||= (e) => n("commit")
 							}, null, 8, [
 								"model-value",
 								"options",
@@ -28761,7 +28855,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			], 64)) : I("", !0)], 2));
 		};
 	}
-}), [["__scopeId", "data-v-d84f9db1"]]), YI = { class: "continuation-layout" }, XI = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}), [["__scopeId", "data-v-d84f9db1"]]), rL = { class: "continuation-layout" }, iL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-table-continuation-layout",
 	props: {
 		modelValue: {},
@@ -28770,7 +28864,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 	},
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = vz(), r = n.store(), i = P(() => r.template.get(t.modelValue?.templateId ?? "")), a = P(() => {
+		let t = e, n = Ez(), r = n.store(), i = P(() => r.template.get(t.modelValue?.templateId ?? "")), a = P(() => {
 			let e = i.value;
 			if (!e) return "";
 			let n = e.page.elements.find((e) => e.id === t.modelValue?.elementId);
@@ -28784,7 +28878,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		}
 		return (e, t) => {
 			let n = sy;
-			return H(), L("div", YI, [z(n, {
+			return H(), L("div", rL, [z(n, {
 				size: "small",
 				variant: "outline",
 				disabled: !i.value,
@@ -28803,7 +28897,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			}, null, 8, ["text"]))]);
 		};
 	}
-}), [["__scopeId", "data-v-2567153b"]]), ZI = { class: "flex flex-col gap-1" }, QI = { class: "min-w-0 truncate" }, $I = /* @__PURE__ */ B({
+}), [["__scopeId", "data-v-2567153b"]]), aL = { class: "flex flex-col gap-1" }, oL = { class: "min-w-0 truncate" }, sL = /* @__PURE__ */ B({
 	__name: "collection-picker-field",
 	props: {
 		modelValue: {},
@@ -28814,7 +28908,7 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		let t = Dn(e, "modelValue");
 		return (e, n) => {
 			let r = sy;
-			return H(), L("div", ZI, [z(r, {
+			return H(), L("div", aL, [z(r, {
 				variant: "outline",
 				block: "",
 				type: "button",
@@ -28826,17 +28920,17 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 				default: q(() => [t.value ? (H(), L(N, { key: 0 }, [z($, {
 					name: "link",
 					class: "mr-1 inline h-3 w-3 shrink-0 text-accent"
-				}), R("span", QI, W(t.value), 1)], 64)) : (H(), L(N, { key: 1 }, [Wt(W(G(M)("designer.collectionPickerField.unboundPlaceholder")), 1)], 64))]),
+				}), R("span", oL, W(t.value), 1)], 64)) : (H(), L(N, { key: 1 }, [Wt(W(G(M)("designer.collectionPickerField.unboundPlaceholder")), 1)], 64))]),
 				_: 1
 			}, 8, ["theme", "title"])]);
 		};
 	}
 });
 // src/elements/table/table-structure.ts
-function eL(e) {
+function cL(e) {
 	return e.headerRows?.length ? e.headerRows : [e.columns.map((e) => e.title)];
 }
-function tL(e, t) {
+function lL(e, t) {
 	let n = [];
 	for (let r of e) {
 		let e = t.flatMap((e, t) => e >= r.col && e < r.col + r.colspan ? [t] : []);
@@ -28848,8 +28942,8 @@ function tL(e, t) {
 	}
 	return n;
 }
-function nL(e, t, n) {
-	let r = tL(e.headerMerges ?? [], t), i = tL(e.merges ?? [], t);
+function uL(e, t, n) {
+	let r = lL(e.headerMerges ?? [], t), i = lL(e.merges ?? [], t);
 	if (!r || !i) return null;
 	let a = t.map((t) => {
 		let r = e.columns[t] ?? n;
@@ -28884,7 +28978,7 @@ function nL(e, t, n) {
 		}
 	};
 }
-function rL(e, t, n) {
+function dL(e, t, n) {
 	let r = Math.min(e.col, t.col), i = Math.max(e.col, t.col) + 1, a = Math.min(e.row, t.row), o = Math.max(e.row, t.row) + 1, s = !0;
 	for (; s;) {
 		s = !1;
@@ -28906,7 +29000,7 @@ function rL(e, t, n) {
 		rowspan: o - a
 	};
 }
-function iL(e, t, n, r) {
+function fL(e, t, n, r) {
 	let i = n + 1, a = t[n] + t[i], o = e[n], s = e[i];
 	if (!o || !s || !Number.isFinite(a)) return e;
 	let c = Math.max(.2, o.minWidthMm ?? 0, a - (s.maxWidthMm || a)), l = Math.min(a - Math.max(.2, s.minWidthMm ?? 0), o.maxWidthMm || a);
@@ -28916,46 +29010,46 @@ function iL(e, t, n, r) {
 		let o = t[r];
 		return r === n ? o = u : r === i && (o = a - u), {
 			...e,
-			width: _e(o, 2),
+			width: me(o, 2),
 			widthMode: "fixed"
 		};
 	});
 }
 // src/designer/services/text-input.ts
-var aL = /* @__PURE__ */ new WeakMap();
-function oL(e) {
-	return aL.set(e.element, e), () => {
-		aL.get(e.element) === e && aL.delete(e.element);
+var pL = /* @__PURE__ */ new WeakMap();
+function mL(e) {
+	return pL.set(e.element, e), () => {
+		pL.get(e.element) === e && pL.delete(e.element);
 	};
 }
 // src/designer/components/variable-text/use-variable-text-editor.ts
-var sL = String.fromCodePoint(8203);
-function cL(e) {
+var hL = String.fromCodePoint(8203);
+function gL(e) {
 	return e instanceof HTMLElement && e.dataset.expression !== void 0;
 }
-function lL(e) {
-	return e?.nodeType === Node.TEXT_NODE && (e.textContent ?? "").replaceAll(sL, "") === "";
+function _L(e) {
+	return e?.nodeType === Node.TEXT_NODE && (e.textContent ?? "").replaceAll(hL, "") === "";
 }
-function uL(e, t) {
-	if (e.nodeType === Node.TEXT_NODE) return (e.textContent ?? "").replaceAll(sL, "");
+function vL(e, t) {
+	if (e.nodeType === Node.TEXT_NODE) return (e.textContent ?? "").replaceAll(hL, "");
 	if (!(e instanceof HTMLElement)) return "";
 	if (e.dataset.expression !== void 0) return e.dataset.expression;
 	if (e.dataset.sentinel !== void 0) return "";
 	if (e.tagName === "BR") return "\n";
-	let n = dL(e.childNodes);
+	let n = yL(e.childNodes);
 	return (e.tagName === "DIV" || e.tagName === "P") && !t ? `\n${n}` : n;
 }
-function dL(e) {
-	return [...e].map((e, t) => uL(e, t === 0)).join("");
+function yL(e) {
+	return [...e].map((e, t) => vL(e, t === 0)).join("");
 }
-function fL(e) {
+function bL(e) {
 	let t = null;
 	function n() {
 		return e.root.value;
 	}
 	function r() {
 		let e = n();
-		return e ? dL(e.childNodes) : "";
+		return e ? yL(e.childNodes) : "";
 	}
 	function i(t, n) {
 		let r = Oa(n.replace(/^\{\{|\}\}$/g, "")), i = e.describe(r);
@@ -28974,8 +29068,8 @@ function fL(e) {
 			e.querySelectorAll("[data-sentinel]").forEach((e) => {
 				e.remove();
 			});
-			for (let t of [...e.childNodes]) cL(t) && t.previousSibling?.nodeType !== Node.TEXT_NODE && e.insertBefore(document.createTextNode(sL), t);
-			if (cL(e.lastChild) && e.append(document.createTextNode(sL)), r().endsWith("\n")) {
+			for (let t of [...e.childNodes]) gL(t) && t.previousSibling?.nodeType !== Node.TEXT_NODE && e.insertBefore(document.createTextNode(hL), t);
+			if (gL(e.lastChild) && e.append(document.createTextNode(hL)), r().endsWith("\n")) {
 				let t = document.createElement("br");
 				t.dataset.sentinel = "", e.append(t);
 			}
@@ -29069,11 +29163,11 @@ function fL(e) {
 		let i;
 		if (n.nodeType === Node.TEXT_NODE) {
 			let t = n.textContent ?? "";
-			if ((e === "backward" ? t.slice(0, r) : t.slice(r)).replaceAll(sL, "") !== "") return null;
+			if ((e === "backward" ? t.slice(0, r) : t.slice(r)).replaceAll(hL, "") !== "") return null;
 			i = e === "backward" ? n.previousSibling : n.nextSibling;
 		} else i = e === "backward" ? n.childNodes[r - 1] : n.childNodes[r];
-		for (; lL(i);) i = e === "backward" ? i?.previousSibling : i?.nextSibling;
-		return cL(i) ? i : null;
+		for (; _L(i);) i = e === "backward" ? i?.previousSibling : i?.nextSibling;
+		return gL(i) ? i : null;
 	}
 	function w(e, t) {
 		let n = C(e);
@@ -29084,7 +29178,7 @@ function fL(e) {
 	}
 	function E() {
 		let e = document.getSelection();
-		return !e || e.rangeCount === 0 ? "" : dL(e.getRangeAt(0).cloneContents().childNodes);
+		return !e || e.rangeCount === 0 ? "" : yL(e.getRangeAt(0).cloneContents().childNodes);
 	}
 	function D(e) {
 		let t = E();
@@ -29122,13 +29216,13 @@ function fL(e) {
 	};
 }
 // src/designer/components/variable-text/variable-formatter-editor.vue?vue&type=script&setup=true&lang.ts
-var pL = {
+var xL = {
 	class: "variable-formatter",
 	role: "dialog"
-}, mL = { class: "variable-formatter__heading" }, hL = { class: "min-w-0 truncate" }, gL = {
+}, SL = { class: "variable-formatter__heading" }, CL = { class: "min-w-0 truncate" }, wL = {
 	key: 0,
 	class: "variable-formatter__type"
-}, _L = { class: "variable-formatter__path" }, vL = { class: "variable-formatter__actions" }, yL = "", bL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}, TL = { class: "variable-formatter__path" }, EL = { class: "variable-formatter__actions" }, DL = "", OL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "variable-formatter-editor",
 	props: {
 		field: {},
@@ -29147,17 +29241,17 @@ var pL = {
 			}));
 			return [{
 				label: M("designer.variableText.originalFormat"),
-				value: yL
+				value: DL
 			}, ...e];
 		}), s = P(() => n.variable.formatter ? Ma.get(n.variable.formatter) : void 0), c = P(() => {
 			let e = n.variable.formatter;
 			return !!e && !Na(e ?? "", n.field?.type);
-		}), l = P(() => c.value ? void 0 : n.variable.formatter ?? yL), u = P(() => {
+		}), l = P(() => c.value ? void 0 : n.variable.formatter ?? DL), u = P(() => {
 			let e = s.value;
 			return e ? Pa(e, n.variable.args) : [];
 		});
 		function d(e) {
-			let t = String(e ?? yL), i = Ma.get(t);
+			let t = String(e ?? DL), i = Ma.get(t);
 			!t || !i ? r("update:variable", {
 				args: [],
 				path: n.variable.path
@@ -29185,16 +29279,16 @@ var pL = {
 		}
 		return (t, n) => {
 			let m = MT, h = hC, g = sy;
-			return H(), L("div", pL, [
-				R("div", mL, [
+			return H(), L("div", xL, [
+				R("div", SL, [
 					z($, {
 						name: "link",
 						class: "h-3.5 w-3.5 text-accent"
 					}),
-					R("strong", hL, W(e.field?.label ?? e.variable.path), 1),
-					e.field?.type ? (H(), L("span", gL, W(G(M)(`designer.fieldTree.${e.field.type}`)), 1)) : I("", !0)
+					R("strong", CL, W(e.field?.label ?? e.variable.path), 1),
+					e.field?.type ? (H(), L("span", wL, W(G(M)(`designer.fieldTree.${e.field.type}`)), 1)) : I("", !0)
 				]),
-				R("code", _L, W(e.variable.path), 1),
+				R("code", TL, W(e.variable.path), 1),
 				z(fP, {
 					label: G(M)("designer.variableText.formatterLabel"),
 					stacked: ""
@@ -29262,7 +29356,7 @@ var pL = {
 					]))]),
 					_: 2
 				}, 1032, ["label"]))), 128)) : I("", !0),
-				R("div", vL, [z(g, {
+				R("div", EL, [z(g, {
 					theme: "danger",
 					variant: "outline",
 					size: "small",
@@ -29285,7 +29379,7 @@ var pL = {
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-4c47ca89"]]), xL = [
+}), [["__scopeId", "data-v-4c47ca89"]]), kL = [
 	"contenteditable",
 	"aria-label",
 	"aria-multiline",
@@ -29294,7 +29388,7 @@ var pL = {
 	"data-empty",
 	"data-placeholder",
 	"title"
-], SL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+], AL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "variable-text-field",
 	props: /*@__PURE__*/ tn({
 		ariaLabel: {},
@@ -29316,10 +29410,10 @@ var pL = {
 		"leave"
 	], ["update:modelValue"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Dn(e, "modelValue"), o = za(() => r.relativeTo), s = vz().store(), c = U(), l = U(), u = U(), d = U(!1), f = Sn(null), p = U(null), m = U({}), { popupProps: h } = hM({}, "popup", () => f.value !== null), g = P(() => !r.disabled && !r.readonly), _ = P(() => {
+		let r = e, i = n, a = Dn(e, "modelValue"), o = za(() => r.relativeTo), s = Ez().store(), c = U(), l = U(), u = U(), d = U(!1), f = Sn(null), p = U(null), m = U({}), { popupProps: h } = hM({}, "popup", () => f.value !== null), g = P(() => !r.disabled && !r.readonly), _ = P(() => {
 			let e = p.value;
 			if (e) return o.resolveField(e.path);
-		}), v = fL({
+		}), v = bL({
 			describe: o.describe,
 			editable: () => g.value,
 			getValue: () => a.value ?? "",
@@ -29419,11 +29513,11 @@ var pL = {
 		}), K(() => a.value, v.syncFromValue), K(() => [
 			s.dataSource.list,
 			r.relativeTo,
-			ut.global.locale.value
+			lt.global.locale.value
 		], () => {
 			v.refreshChips();
 		}, { deep: !0 }), cn(() => {
-			v.syncFromValue(), c.value && (y = oL({
+			v.syncFromValue(), c.value && (y = mL({
 				editable: () => g.value,
 				element: c.value,
 				multiline: () => !!r.multiline,
@@ -29467,7 +29561,7 @@ var pL = {
 					onCut: n[2] ||= (...e) => G(v).onCut && G(v).onCut(...e),
 					onInput: T,
 					onPaste: n[3] ||= (...e) => G(v).onPaste && G(v).onPaste(...e)
-				}, null, 40, xL),
+				}, null, 40, kL),
 				g.value ? (H(), L("div", {
 					key: 0,
 					class: "variable-text__actions",
@@ -29497,7 +29591,7 @@ var pL = {
 					content: q(() => [R("div", {
 						ref_key: "formatterRef",
 						ref: u
-					}, [p.value ? (H(), F(bL, {
+					}, [p.value ? (H(), F(OL, {
 						key: 0,
 						variable: p.value,
 						field: _.value,
@@ -29528,11 +29622,11 @@ var pL = {
 			], 34);
 		};
 	}
-}), [["__scopeId", "data-v-fbc139e6"]]), CL = { class: "field-table__merge-rules" }, wL = { class: "field-table__merge-toolbar" }, TL = [
+}), [["__scopeId", "data-v-fbc139e6"]]), jL = { class: "field-table__merge-rules" }, ML = { class: "field-table__merge-toolbar" }, NL = [
 	"aria-expanded",
 	"aria-controls",
 	"onClick"
-], EL = { class: "field-table__merge-title" }, DL = ["title"], OL = ["id"], kL = { class: "field-table__merge-fields" }, AL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+], PL = { class: "field-table__merge-title" }, FL = ["title"], IL = ["id"], LL = { class: "field-table__merge-fields" }, RL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-table-merge-rules",
 	props: {
 		bindings: {},
@@ -29540,7 +29634,7 @@ var pL = {
 	},
 	emits: ["commit", "update:propsObject"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = vz().store(), a = En(), o = U([]), s = U([]), c = U([]), l = U(null), u = U(null), d = P(() => n.propsObject.columns ?? []), f = P(() => n.bindings?.rows);
+		let n = e, r = t, i = Ez().store(), a = En(), o = U([]), s = U([]), c = U([]), l = U(null), u = U(null), d = P(() => n.propsObject.columns ?? []), f = P(() => n.bindings?.rows);
 		function p() {
 			o.value = T(n.propsObject.mergeRules), s.value = o.value.map((e) => e.columns.map((e) => e + 1).join(",")), c.value = o.value.map((e) => (e.fields ?? []).join(",")), l.value !== null && l.value >= o.value.length && (l.value = null);
 		}
@@ -29605,10 +29699,10 @@ var pL = {
 					default: q(() => [Wt(" " + W(G(M)("elements.tableElement.mergeAddLabel")), 1)]),
 					_: 1
 				})]),
-				default: q(() => [R("div", CL, [(H(!0), L(N, null, gn(o.value, (e, t) => (H(), L("div", {
+				default: q(() => [R("div", jL, [(H(!0), L(N, null, gn(o.value, (e, t) => (H(), L("div", {
 					key: t,
 					class: "field-table__merge-rule"
-				}, [R("div", wL, [R("button", {
+				}, [R("div", ML, [R("button", {
 					type: "button",
 					class: "field-table__merge-toggle",
 					"aria-expanded": l.value === t,
@@ -29619,12 +29713,12 @@ var pL = {
 						name: l.value === t ? "chevron-down" : "chevron-right",
 						class: "h-3.5 w-3.5 shrink-0"
 					}, null, 8, ["name"]),
-					R("span", EL, W(G(M)("elements.tableElement.mergeRuleTitle", { number: t + 1 })), 1),
+					R("span", PL, W(G(M)("elements.tableElement.mergeRuleTitle", { number: t + 1 })), 1),
 					R("span", {
 						class: "field-table__merge-summary",
 						title: v(e)
-					}, W(v(e)), 9, DL)
-				], 8, TL), z(n, {
+					}, W(v(e)), 9, FL)
+				], 8, NL), z(n, {
 					class: "field-table__merge-remove",
 					variant: "text",
 					theme: "danger",
@@ -29645,7 +29739,7 @@ var pL = {
 				])]), Mn(R("div", {
 					id: `${G(a)}-${t}`,
 					class: "field-table__merge-content"
-				}, [R("div", kL, [z(fP, {
+				}, [R("div", LL, [z(fP, {
 					stacked: "",
 					label: G(M)("elements.tableElement.mergeColumnsLabel"),
 					help: G(M)("elements.tableElement.mergeColumnsHelp")
@@ -29701,7 +29795,7 @@ var pL = {
 				}, 1032, ["label", "help"])]), z(HN, {
 					variant: "accent",
 					text: G(M)("elements.tableElement.mergeFieldsWarning")
-				}, null, 8, ["text"])], 8, OL), [[kn, l.value === t]])]))), 128))]), u.value === null ? I("", !0) : (H(), F(cF, {
+				}, null, 8, ["text"])], 8, IL), [[kn, l.value === t]])]))), 128))]), u.value === null ? I("", !0) : (H(), F(cF, {
 					key: 0,
 					sources: G(i).dataSource.list,
 					mode: "field",
@@ -29718,7 +29812,7 @@ var pL = {
 			}, 8, ["title", "hint"]);
 		};
 	}
-}), [["__scopeId", "data-v-658a10b2"]]), jL = { class: "table-cell-style" }, ML = { class: "table-cell-style__fields" }, NL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}), [["__scopeId", "data-v-658a10b2"]]), zL = { class: "table-cell-style" }, BL = { class: "table-cell-style__fields" }, VL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-table-cell-style",
 	props: {
 		modelValue: {},
@@ -29745,7 +29839,7 @@ var pL = {
 		}
 		return (e, t) => {
 			let r = hC, s = MT, c = fA, l = sy;
-			return H(), L("details", jL, [R("summary", null, W(G(M)("designer.elementWorkspace.cellStyleSummary", { inheritance: G(M)(n.value ? "designer.elementWorkspace.customize" : "designer.elementWorkspace.inherit") })), 1), R("div", ML, [
+			return H(), L("details", zL, [R("summary", null, W(G(M)("designer.elementWorkspace.cellStyleSummary", { inheritance: G(M)(n.value ? "designer.elementWorkspace.customize" : "designer.elementWorkspace.inherit") })), 1), R("div", BL, [
 				z(fP, {
 					label: G(M)("elements.tableElement.fontSizeLabel"),
 					stacked: ""
@@ -29775,7 +29869,7 @@ var pL = {
 					label: G(M)("elements.tableElement.summaryColorLabel"),
 					stacked: ""
 				}, {
-					default: q(() => [z(PI, {
+					default: q(() => [z(HI, {
 						"model-value": n.value?.color,
 						"onUpdate:modelValue": t[2] ||= (e) => a({ color: String(e) })
 					}, null, 8, ["model-value"])]),
@@ -29785,7 +29879,7 @@ var pL = {
 					label: G(M)("elements.tableElement.summaryBackgroundLabel"),
 					stacked: ""
 				}, {
-					default: q(() => [z(PI, {
+					default: q(() => [z(HI, {
 						"model-value": n.value?.background,
 						"allow-none": "",
 						"onUpdate:modelValue": t[3] ||= (e) => a({ background: String(e) })
@@ -29812,11 +29906,11 @@ var pL = {
 			])]);
 		};
 	}
-}), [["__scopeId", "data-v-5008fa97"]]), PL = /* @__PURE__ */ new WeakMap();
-function FL(e) {
+}), [["__scopeId", "data-v-5008fa97"]]), HL = /* @__PURE__ */ new WeakMap();
+function UL(e) {
 	let { pointerId: t, startPoint: n, target: r } = e, i = e.threshold ?? 0, a = !1, o = !1, s = e.tag ?? "unknown", c = e.startClient ?? n, l = r, u;
-	for (; l && !u;) u = PL.get(l), l = l.parentElement;
-	let d = u?.events ?? Te();
+	for (; l && !u;) u = HL.get(l), l = l.parentElement;
+	let d = u?.events ?? De();
 	try {
 		r.setPointerCapture?.(t);
 	} catch {}
@@ -29862,8 +29956,8 @@ function FL(e) {
 	return u?.handles.add(v), v;
 }
 // src/designer/components/fields/use-table-selection.ts
-function IL(e) {
-	let t = U(null), n = U(null), r, i = P(() => !t.value || !n.value || n.value.row >= e.rows.value.length || n.value.col >= e.columnCount.value ? null : rL(t.value, n.value, e.merges.value));
+function WL(e) {
+	let t = U(null), n = U(null), r, i = P(() => !t.value || !n.value || n.value.row >= e.rows.value.length || n.value.col >= e.columnCount.value ? null : dL(t.value, n.value, e.merges.value));
 	function a() {
 		r?.(), r = void 0, t.value = null, n.value = null;
 	}
@@ -29887,7 +29981,7 @@ function IL(e) {
 		if (t.button !== 0) return;
 		r?.(), o(n, i, t.shiftKey);
 		let a = t.currentTarget;
-		r = FL({
+		r = UL({
 			onMove(t) {
 				let n = document.elementFromPoint(t.lastPoint.x, t.lastPoint.y)?.closest(e.cellSelector);
 				if (n && a.closest(e.rootSelector)?.contains(n)) {
@@ -29916,8 +30010,8 @@ function IL(e) {
 	};
 }
 // src/designer/components/fields/use-table-cells.ts
-function LL(e) {
-	let { columnCount: t, commit: n, merges: r, rows: i } = e, a = IL({
+function GL(e) {
+	let { columnCount: t, commit: n, merges: r, rows: i } = e, a = WL({
 		cellSelector: "[data-row]",
 		columnCount: t,
 		getCell(e) {
@@ -29992,7 +30086,7 @@ function LL(e) {
 	};
 }
 // src/designer/components/fields/use-table-draft.ts
-function RL(e, t) {
+function KL(e, t) {
 	let n = U(c()), r = l("columns"), i = l("rows"), a = P({
 		get: () => n.value.merges ?? [],
 		set: (e) => {
@@ -30000,7 +30094,7 @@ function RL(e, t) {
 		}
 	}), o = l("summary"), s = P(() => r.value.length);
 	function c() {
-		let t = S(At(e()));
+		let t = S(kt(e()));
 		return t.rows = (t.rows ?? []).map((e) => Array.from({ length: t.columns.length }, (t, n) => typeof e[n] == "string" ? e[n] : "")), t;
 	}
 	function l(e) {
@@ -30012,12 +30106,12 @@ function RL(e, t) {
 		});
 	}
 	function u(e) {
-		n.value = At(e);
+		n.value = kt(e);
 	}
 	function d() {
 		t({
 			...e(),
-			...At(n.value)
+			...kt(n.value)
 		});
 	}
 	return K(e, () => {
@@ -30034,14 +30128,14 @@ function RL(e, t) {
 	};
 }
 // src/designer/components/fields/field-table-rows.vue?vue&type=script&setup=true&lang.ts
-var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = { class: "table-rows__toolbar" }, HL = { class: "table-rows__formula" }, UL = ["title"], WL = {
+var qL = { class: "table-rows" }, JL = { class: "table-rows__controls" }, YL = { class: "table-rows__toolbar" }, XL = { class: "table-rows__formula" }, ZL = ["title"], QL = {
 	key: 1,
 	class: "table-rows__editing"
-}, GL = { class: "table-rows__viewport" }, KL = [
+}, $L = { class: "table-rows__viewport" }, eR = [
 	"aria-label",
 	"aria-rowcount",
 	"aria-colcount"
-], qL = ["title"], JL = ["onClick"], YL = [
+], tR = ["title"], nR = ["onClick"], rR = [
 	"aria-label",
 	"aria-selected",
 	"aria-rowindex",
@@ -30052,7 +30146,7 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 	"onPointerdown",
 	"onClick",
 	"onDblclick"
-], XL = { key: 2 }, ZL = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+], iR = { key: 2 }, aR = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-table-rows",
 	props: {
 		propsObject: {},
@@ -30060,7 +30154,7 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 	},
 	emits: ["commit", "update:propsObject"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { columnCount: i, columns: a, commit: o, merges: s, rows: c } = RL(() => n.propsObject, x), l = LL({
+		let n = e, r = t, { columnCount: i, columns: a, commit: o, merges: s, rows: c } = KL(() => n.propsObject, x), l = GL({
 			columnCount: i,
 			commit: o,
 			merges: s,
@@ -30175,12 +30269,12 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 			target: () => p.value?.$el
 		}), sn(C), (t, n) => {
 			let r = sy;
-			return H(), L("div", zL, [
+			return H(), L("div", qL, [
 				e.rowsBinding ? (H(), F(HN, {
 					key: 0,
 					text: G(M)("designer.fieldTable.boundRowsHint")
 				}, null, 8, ["text"])) : I("", !0),
-				R("div", BL, [R("div", VL, [
+				R("div", JL, [R("div", YL, [
 					z(r, {
 						size: "small",
 						variant: "outline",
@@ -30217,10 +30311,10 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 						default: q(() => [Wt(W(G(M)("designer.fieldTable.deleteRowTitle")), 1)]),
 						_: 1
 					}, 8, ["disabled"])
-				]), R("div", HL, [R("span", {
+				]), R("div", XL, [R("span", {
 					class: "table-rows__address",
 					title: G(M)("designer.fieldTable.currentCell")
-				}, W(_.value), 9, UL), m.value ? (H(), L("span", WL, W(G(M)("designer.fieldTable.inlineEditing")), 1)) : (H(), F(SL, {
+				}, W(_.value), 9, ZL), m.value ? (H(), L("span", QL, W(G(M)("designer.fieldTable.inlineEditing")), 1)) : (H(), F(AL, {
 					key: 0,
 					ref_key: "editor",
 					ref: p,
@@ -30238,7 +30332,7 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 				]))])]),
 				z(HN, { text: G(M)("designer.fieldTable.gridHelp") }, null, 8, ["text"]),
 				z(HN, { text: G(M)("designer.fieldTable.mergePreservesContent") }, null, 8, ["text"]),
-				R("div", GL, [R("div", {
+				R("div", $L, [R("div", {
 					ref_key: "grid",
 					ref: f,
 					class: "table-rows__grid",
@@ -30255,7 +30349,7 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 						key: `title-${t}`,
 						class: "table-rows__heading",
 						title: e.title
-					}, W(S(0, t).replace(/1$/, "")) + " · " + W(e.title), 9, qL))), 128)),
+					}, W(S(0, t).replace(/1$/, "")) + " · " + W(e.title), 9, tR))), 128)),
 					(H(!0), L(N, null, gn(G(c), (e, t) => (H(), L(N, { key: t }, [R("button", {
 						class: "table-rows__index",
 						tabindex: "-1",
@@ -30264,7 +30358,7 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 							gridColumn: 1
 						}),
 						onClick: (e) => G(l).select(t, 0)
-					}, W(t + 1), 13, JL), (H(!0), L(N, null, gn(G(a), (r, i) => (H(), L(N, { key: i }, [G(l).coveredCells.value.has(`${t}:${i}`) ? I("", !0) : (H(), L("div", {
+					}, W(t + 1), 13, nR), (H(!0), L(N, null, gn(G(a), (r, i) => (H(), L(N, { key: i }, [G(l).coveredCells.value.has(`${t}:${i}`) ? I("", !0) : (H(), L("div", {
 						key: 0,
 						class: rn(["table-rows__cell", {
 							"table-rows__cell--selected": G(l).contains(t, i),
@@ -30288,7 +30382,7 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 						onPointerdown: n[3] ||= Nn(() => {}, ["stop"]),
 						onClick: n[4] ||= Nn(() => {}, ["stop"]),
 						onDblclick: n[5] ||= Nn(() => {}, ["stop"])
-					}, [z(SL, {
+					}, [z(AL, {
 						ref_for: !0,
 						ref: b,
 						modelValue: g.value,
@@ -30299,8 +30393,8 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 					}, null, 8, ["modelValue", "aria-label"])], 32)) : e[i]?.includes("{{") ? (H(), F(Wa, {
 						key: 1,
 						text: e[i]
-					}, null, 8, ["text"])) : (H(), L("span", XL, W(e[i] || "\xA0"), 1))], 46, YL))], 64))), 128))], 64))), 128))
-				], 12, KL)]),
+					}, null, 8, ["text"])) : (H(), L("span", iR, W(e[i] || "\xA0"), 1))], 46, rR))], 64))), 128))], 64))), 128))
+				], 12, eR)]),
 				G(i) === 0 ? (H(), F(HN, {
 					key: 1,
 					text: G(M)("designer.fieldTable.noColumnsMessage")
@@ -30310,10 +30404,10 @@ var zL = { class: "table-rows" }, BL = { class: "table-rows__controls" }, VL = {
 	}
 }), [["__scopeId", "data-v-6a072c2e"]]);
 // src/designer/components/fields/use-table-columns.ts
-function QL(e) {
+function oR(e) {
 	let t = U(null), n = U(null);
 	function r(t) {
-		let n = nL(e.getProps(), t, e.createColumn(t.length));
+		let n = uL(e.getProps(), t, e.createColumn(t.length));
 		return n ? (e.write(n), !0) : (e.onBlocked(), !1);
 	}
 	function i() {
@@ -30356,21 +30450,21 @@ function QL(e) {
 	};
 }
 // src/designer/components/fields/field-table.vue?vue&type=script&setup=true&lang.ts
-var $L = { class: "field-table" }, eR = [
+var sR = { class: "field-table" }, cR = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], tR = ["title"], nR = {
+], lR = ["title"], uR = {
 	key: 1,
 	class: "field-table__entry-head"
-}, rR = { class: "field-table__entry-body" }, iR = { class: "field-table__width" }, aR = {
+}, dR = { class: "field-table__entry-body" }, fR = { class: "field-table__width" }, pR = {
 	key: 2,
 	class: "field-table__advanced"
-}, oR = { class: "field-table__stack" }, sR = {
+}, mR = { class: "field-table__stack" }, hR = {
 	key: 2,
 	class: "field-table__summary"
-}, cR = { class: "field-table__summary-title" }, lR = { class: "field-table__summary-fields" }, uR = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}, gR = { class: "field-table__summary-title" }, _R = { class: "field-table__summary-fields" }, vR = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-table",
 	props: {
 		bindings: {},
@@ -30384,7 +30478,7 @@ var $L = { class: "field-table" }, eR = [
 	},
 	emits: ["commit", "update:propsObject"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = vz().store(), a = ce(), { onVisibleChange: o, popupProps: s } = hM({}, "popup"), { columns: c, commit: l, draft: u, replace: d, summary: f } = RL(() => n.propsObject, j), { addColumn: p, dragColumnIndex: m, dragOverColumnIndex: h, onColumnDragEnd: g, onColumnDragOver: _, onColumnDragStart: v, onColumnDrop: y, removeColumn: b } = QL({
+		let n = e, r = t, i = Ez().store(), a = ae(), { onVisibleChange: o, popupProps: s } = hM({}, "popup"), { columns: c, commit: l, draft: u, replace: d, summary: f } = KL(() => n.propsObject, j), { addColumn: p, dragColumnIndex: m, dragOverColumnIndex: h, onColumnDragEnd: g, onColumnDragOver: _, onColumnDragStart: v, onColumnDrop: y, removeColumn: b } = oR({
 			createColumn(e) {
 				return {
 					align: "left",
@@ -30508,23 +30602,23 @@ var $L = { class: "field-table" }, eR = [
 			let n = t === null ? void 0 : c.value[t];
 			n && (n.bind = e, l());
 		}
-		function ae(e) {
+		function oe(e) {
 			let t = String(e);
 			return f.value.columns[t] || (f.value.columns[t] = {
 				text: "",
 				type: "none"
 			}), f.value.columns[t];
 		}
-		function oe(e, t) {
-			let n = ae(e);
+		function se(e, t) {
+			let n = oe(e);
 			n.type = t === "sum" || t === "text" ? t : "none", n.type === "text" && n.text === void 0 && (n.text = ""), l();
 		}
-		function se(e, t) {
-			ae(e).text = t;
+		function ce(e, t) {
+			oe(e).text = t;
 		}
 		return (t, n) => {
-			let u = sy, d = jS, b = MT, j = hC, ce = fA;
-			return H(), L("div", $L, [e.tableMode === "columns" ? (H(), L(N, { key: 0 }, [
+			let u = sy, d = jS, b = MT, j = hC, ae = fA;
+			return H(), L("div", sR, [e.tableMode === "columns" ? (H(), L(N, { key: 0 }, [
 				!x.value && !e.embedded ? (H(), F(HN, {
 					key: 0,
 					text: G(M)("designer.fieldTable.bindRowsFirstTitle")
@@ -30549,14 +30643,14 @@ var $L = { class: "field-table" }, eR = [
 					}, [z($, {
 						name: "drag",
 						class: "h-3.5 w-3.5"
-					})], 8, tR)),
-					e.embedded ? I("", !0) : (H(), L("div", nR, [
+					})], 8, lR)),
+					e.embedded ? I("", !0) : (H(), L("div", uR, [
 						e.embedded ? I("", !0) : (H(), F(fP, {
 							key: 0,
 							label: G(M)("designer.fieldTable.columnTitleLabel"),
 							class: "min-w-0 flex-1"
 						}, {
-							default: q(() => [z(SL, {
+							default: q(() => [z(AL, {
 								modelValue: t.title,
 								"onUpdate:modelValue": (e) => t.title = e,
 								placeholder: G(M)("designer.fieldTable.columnTitlePlaceholder"),
@@ -30607,7 +30701,7 @@ var $L = { class: "field-table" }, eR = [
 							"onClick"
 						]))
 					])),
-					R("div", rR, [z(fP, {
+					R("div", dR, [z(fP, {
 						label: G(M)("designer.fieldTable.bindingPlaceholder"),
 						help: G(M)("designer.fieldTable.bindingTitle")
 					}, {
@@ -30644,7 +30738,7 @@ var $L = { class: "field-table" }, eR = [
 						])]),
 						_: 2
 					}, 1032, ["label", "help"]), z(fP, { label: G(M)("designer.fieldTable.widthModeTitle") }, {
-						default: q(() => [R("div", iR, [z(b, {
+						default: q(() => [R("div", fR, [z(b, {
 							"model-value": t.widthMode ?? "weight",
 							"popup-props": G(s),
 							options: w.value,
@@ -30675,7 +30769,7 @@ var $L = { class: "field-table" }, eR = [
 						])])]),
 						_: 2
 					}, 1032, ["label"])]),
-					!e.widthOnly && (e.expanded || D.value === r) ? (H(), L("div", aR, [
+					!e.widthOnly && (e.expanded || D.value === r) ? (H(), L("div", pR, [
 						z(fP, { label: G(M)("designer.fieldTable.alignTitle") }, {
 							default: q(() => [z(b, {
 								modelValue: t.align,
@@ -30731,7 +30825,7 @@ var $L = { class: "field-table" }, eR = [
 							_: 2
 						}, 1032, ["label"]),
 						z(fP, { label: G(M)("designer.fieldTable.boldTitle") }, {
-							default: q(() => [z(ce, {
+							default: q(() => [z(ae, {
 								"model-value": t.bold === !0,
 								"onUpdate:modelValue": (e) => {
 									t.bold = e === !0, G(l)();
@@ -30740,7 +30834,7 @@ var $L = { class: "field-table" }, eR = [
 							_: 2
 						}, 1032, ["label"]),
 						z(fP, { label: G(M)("designer.fieldTable.textColorTitle") }, {
-							default: q(() => [z(PI, {
+							default: q(() => [z(HI, {
 								"model-value": t.color ?? "",
 								"onUpdate:modelValue": (e) => {
 									t.color = String(e), G(l)();
@@ -30749,7 +30843,7 @@ var $L = { class: "field-table" }, eR = [
 							_: 2
 						}, 1032, ["label"]),
 						z(fP, { label: G(M)("designer.fieldTable.backgroundTitle") }, {
-							default: q(() => [z(PI, {
+							default: q(() => [z(HI, {
 								"model-value": t.background ?? "",
 								"allow-none": "",
 								"onUpdate:modelValue": (e) => {
@@ -30759,7 +30853,7 @@ var $L = { class: "field-table" }, eR = [
 							_: 2
 						}, 1032, ["label"]),
 						z(fP, { label: G(M)("designer.fieldTable.wrapTitle") }, {
-							default: q(() => [z(ce, {
+							default: q(() => [z(ae, {
 								"model-value": t.wrap !== !1,
 								"onUpdate:modelValue": (e) => {
 									t.wrap = e === !0, G(l)();
@@ -30768,7 +30862,7 @@ var $L = { class: "field-table" }, eR = [
 							_: 2
 						}, 1032, ["label"]),
 						z(fP, { label: G(M)("designer.fieldTable.formatTitle") }, {
-							default: q(() => [R("div", oR, [
+							default: q(() => [R("div", mR, [
 								z(b, {
 									"model-value": t.format?.type ?? "none",
 									"popup-props": G(s),
@@ -30840,7 +30934,7 @@ var $L = { class: "field-table" }, eR = [
 							label: G(M)("designer.fieldTable.mergeSameTitle"),
 							help: G(M)("designer.fieldTable.mergeSameHelp")
 						}, {
-							default: q(() => [z(ce, {
+							default: q(() => [z(ae, {
 								"model-value": t.mergeSame === !0,
 								"onUpdate:modelValue": (e) => {
 									t.mergeSame = e === !0, G(l)();
@@ -30889,7 +30983,7 @@ var $L = { class: "field-table" }, eR = [
 							_: 2
 						}, 1032, ["label"])
 					])) : I("", !0)
-				], 42, eR)), [[kn, e.columnIndex === void 0 || e.columnIndex === r]])), 128)),
+				], 42, cR)), [[kn, e.columnIndex === void 0 || e.columnIndex === r]])), 128)),
 				e.embedded ? I("", !0) : (H(), F(u, {
 					key: 1,
 					block: "",
@@ -30903,25 +30997,25 @@ var $L = { class: "field-table" }, eR = [
 					default: q(() => [Wt(" " + W(G(M)("designer.fieldTable.addColumnButton")), 1)]),
 					_: 1
 				}, 8, ["onClick"])),
-				!e.embedded || e.showMergeRules ? (H(), F(AL, {
+				!e.embedded || e.showMergeRules ? (H(), F(RL, {
 					key: 2,
 					"props-object": e.propsObject,
 					bindings: e.bindings,
 					"onUpdate:propsObject": n[2] ||= (e) => r("update:propsObject", e),
 					onCommit: n[3] ||= (e) => r("commit")
 				}, null, 8, ["props-object", "bindings"])) : I("", !0)
-			], 64)) : e.tableMode === "rows" || e.tableMode === "headers" ? (H(), F(ZL, {
+			], 64)) : e.tableMode === "rows" || e.tableMode === "headers" ? (H(), F(aR, {
 				key: 1,
 				"props-object": e.propsObject,
 				"rows-binding": x.value,
 				"onUpdate:propsObject": n[4] ||= (e) => r("update:propsObject", e),
 				onCommit: n[5] ||= (e) => r("commit")
-			}, null, 8, ["props-object", "rows-binding"])) : (H(), L("div", sR, [(H(!0), L(N, null, gn(G(c), (e, t) => (H(), L("div", {
+			}, null, 8, ["props-object", "rows-binding"])) : (H(), L("div", hR, [(H(!0), L(N, null, gn(G(c), (e, t) => (H(), L("div", {
 				key: t,
 				class: "field-table__summary-column"
 			}, [
-				R("div", cR, W(e.title || G(M)("designer.fieldTable.columnTitlePlaceholder")), 1),
-				R("div", lR, [z(fP, {
+				R("div", gR, W(e.title || G(M)("designer.fieldTable.columnTitlePlaceholder")), 1),
+				R("div", _R, [z(fP, {
 					stacked: "",
 					label: G(M)("designer.fieldTable.summaryTypeTitle")
 				}, {
@@ -30931,7 +31025,7 @@ var $L = { class: "field-table" }, eR = [
 						options: k.value,
 						onPopupVisibleChange: G(o),
 						"onUpdate:modelValue": (e) => {
-							oe(t, String(e));
+							se(t, String(e));
 						}
 					}, null, 8, [
 						"model-value",
@@ -30946,10 +31040,10 @@ var $L = { class: "field-table" }, eR = [
 					stacked: "",
 					label: G(M)("designer.fieldTable.summaryTextTitle")
 				}, {
-					default: q(() => [z(SL, {
+					default: q(() => [z(AL, {
 						"model-value": G(f).columns[String(t)]?.text ?? "",
 						"onUpdate:modelValue": (e) => {
-							se(t, String(e));
+							ce(t, String(e));
 						},
 						onCommit: G(l)
 					}, null, 8, [
@@ -30959,9 +31053,9 @@ var $L = { class: "field-table" }, eR = [
 					])]),
 					_: 2
 				}, 1032, ["label"])) : I("", !0)]),
-				z(NL, {
+				z(VL, {
 					"model-value": G(f).columns[String(t)]?.style,
-					"onUpdate:modelValue": (e) => ae(t).style = e,
+					"onUpdate:modelValue": (e) => oe(t).style = e,
 					onCommit: G(l)
 				}, null, 8, [
 					"model-value",
@@ -30987,7 +31081,7 @@ var $L = { class: "field-table" }, eR = [
 	}
 }), [["__scopeId", "data-v-d7760b2c"]]);
 // src/designer/components/fields/use-table-column-resize.ts
-function dR(e) {
+function yR(e) {
 	let t;
 	function n(n, r) {
 		if (n.button !== 0) return;
@@ -30995,13 +31089,13 @@ function dR(e) {
 		let i = n.currentTarget, a = i.closest("table")?.getBoundingClientRect().width ?? 0;
 		if (a <= 0) return;
 		let o = [...e.widths.value], s = o.reduce((e, t) => e + t, 0), c = e.table.value.columns;
-		t = FL({
+		t = UL({
 			onEnd(t, n) {
 				n && e.commit();
 			},
 			onMove(t) {
 				let n = (t.lastPoint.x - t.startPoint.x) * s / a;
-				e.write({ columns: iL(c, o, r, n) });
+				e.write({ columns: fL(c, o, r, n) });
 			},
 			pointerId: n.pointerId,
 			startPoint: {
@@ -31016,8 +31110,8 @@ function dR(e) {
 	return sn(() => t?.()), { resizeColumn: n };
 }
 // src/designer/components/fields/use-table-header-selection.ts
-function fR(e) {
-	return IL({
+function bR(e) {
+	return WL({
 		...e,
 		cellSelector: "[data-header-row]",
 		getCell(e) {
@@ -31031,11 +31125,11 @@ function fR(e) {
 	});
 }
 // src/designer/components/fields/use-table-headers.ts
-function pR(t) {
-	let { selection: n, table: i } = t, o = U(!1), s = P(() => eL(i.value)), c = P(() => !!i.value.headerRows?.length), l = P(() => {
+function xR(e) {
+	let { selection: n, table: r } = e, a = U(!1), s = P(() => cL(r.value)), c = P(() => !!r.value.headerRows?.length), l = P(() => {
 		let e = n.value;
-		return !!(e && (e.colspan > 1 || e.rowspan > 1) && !(i.value.headerMerges ?? []).some((t) => e.row === t.row && e.col === t.col && e.rowspan === t.rowspan && e.colspan === t.colspan));
-	}), u = P(() => (i.value.headerMerges ?? []).some(d));
+		return !!(e && (e.colspan > 1 || e.rowspan > 1) && !(r.value.headerMerges ?? []).some((t) => e.row === t.row && e.col === t.col && e.rowspan === t.rowspan && e.colspan === t.colspan));
+	}), u = P(() => (r.value.headerMerges ?? []).some(d));
 	function d(e) {
 		let t = n.value;
 		return !!(t && e.row >= t.row && e.row < t.row + t.rowspan && e.col >= t.col && e.col < t.col + t.colspan);
@@ -31043,49 +31137,49 @@ function pR(t) {
 	function f(n, l, u) {
 		let d = String(u);
 		if ((s.value[n]?.[l] ?? "") === d) return;
-		if (o.value = !0, c.value) {
-			let e = s.value.map((e) => [...e]);
-			e[n][l] = d, t.write({ headerRows: e });
+		if (a.value = !0, c.value) {
+			let t = s.value.map((e) => [...e]);
+			t[n][l] = d, e.write({ headerRows: t });
 			return;
 		}
-		let f = i.value.columns.map((n, i) => {
-			if (i !== l) return n;
-			let o = n.bind, s = t.getRowsBinding();
-			if (!o && s) {
-				let i = e(r(t.getInput()), s);
-				Array.isArray(i) && i.length > 0 && (o = a(n.title, i[0]) || void 0);
+		let f = r.value.columns.map((n, r) => {
+			if (r !== l) return n;
+			let a = n.bind, s = e.getRowsBinding();
+			if (!a && s) {
+				let r = t(i(e.getInput()), s);
+				Array.isArray(r) && r.length > 0 && (a = o(n.title, r[0]) || void 0);
 			}
 			return {
 				...n,
-				bind: o,
+				bind: a,
 				title: d
 			};
 		});
-		t.write({ columns: f });
+		e.write({ columns: f });
 	}
 	function p() {
-		o.value && (o.value = !1, t.commit());
+		a.value && (a.value = !1, e.commit());
 	}
 	function m() {
-		n.value && l.value && (t.write({ headerMerges: [...(i.value.headerMerges ?? []).filter((e) => !d(e)), { ...n.value }] }), t.commit());
+		n.value && l.value && (e.write({ headerMerges: [...(r.value.headerMerges ?? []).filter((e) => !d(e)), { ...n.value }] }), e.commit());
 	}
 	function h() {
-		t.write({ headerMerges: (i.value.headerMerges ?? []).filter((e) => !d(e)) }), t.commit();
+		e.write({ headerMerges: (r.value.headerMerges ?? []).filter((e) => !d(e)) }), e.commit();
 	}
 	function g() {
-		t.write({ headerRows: [...s.value, i.value.columns.map(() => "")] }), t.commit();
+		e.write({ headerRows: [...s.value, r.value.columns.map(() => "")] }), e.commit();
 	}
 	function _() {
-		let e = n.value?.row;
-		if (e === void 0 || s.value.length <= 1) return;
-		let r = i.value.headerMerges ?? [];
-		r.some((t) => e >= t.row && e < t.row + t.rowspan) ? t.onBlocked() : (t.write({
-			headerMerges: r.map((t) => t.row > e ? {
-				...t,
-				row: t.row - 1
-			} : t),
-			headerRows: s.value.filter((t, n) => n !== e)
-		}), t.commit(), t.clearSelection());
+		let t = n.value?.row;
+		if (t === void 0 || s.value.length <= 1) return;
+		let i = r.value.headerMerges ?? [];
+		i.some((e) => t >= e.row && t < e.row + e.rowspan) ? e.onBlocked() : (e.write({
+			headerMerges: i.map((e) => e.row > t ? {
+				...e,
+				row: e.row - 1
+			} : e),
+			headerRows: s.value.filter((e, n) => n !== t)
+		}), e.commit(), e.clearSelection());
 	}
 	return {
 		addRow: g,
@@ -31100,32 +31194,32 @@ function pR(t) {
 	};
 }
 // src/designer/components/fields/field-table-structure.vue?vue&type=script&setup=true&lang.ts
-var mR = { class: "table-structure" }, hR = { class: "table-structure__section-content" }, gR = {
+var SR = { class: "table-structure" }, CR = { class: "table-structure__section-content" }, wR = {
 	key: 0,
 	class: "table-structure__options"
-}, _R = {
+}, TR = {
 	key: 1,
 	class: "table-structure__toolbar"
-}, vR = { class: "table-structure__viewport" }, yR = ["onDrop"], bR = [
+}, ER = { class: "table-structure__viewport" }, DR = ["onDrop"], OR = [
 	"draggable",
 	"aria-pressed",
 	"onClick",
 	"onDragstart"
-], xR = {
+], kR = {
 	key: 0,
 	class: "table-structure__binding"
-}, SR = [
+}, AR = [
 	"aria-label",
 	"title",
 	"onPointerdown",
 	"onClick"
-], CR = [
+], jR = [
 	"colspan",
 	"rowspan",
 	"data-header-row",
 	"data-header-col",
 	"onPointerdown"
-], wR = { key: 0 }, TR = ["onClick"], ER = ["colspan", "rowspan"], DR = ["aria-label", "onClick"], OR = { class: "table-structure__section-content" }, kR = { class: "table-structure__selection" }, AR = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+], MR = { key: 0 }, NR = ["onClick"], PR = ["colspan", "rowspan"], FR = ["aria-label", "onClick"], IR = { class: "table-structure__section-content" }, LR = { class: "table-structure__selection" }, RR = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "field-table-structure",
 	props: /*@__PURE__*/ tn({
 		bindings: {},
@@ -31137,19 +31231,19 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 	}),
 	emits: /*@__PURE__*/ tn(["commit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = Dn(e, "modelValue"), a = t, o = vz(), s = o.store(), l = U(0), u = U(!1), d = P(() => S(i.value)), f = P(() => eL(d.value)), p = P(() => k(d.value.columns.map((e) => ({
+		let n = e, r = Dn(e, "modelValue"), a = t, o = Ez(), s = o.store(), c = U(0), u = U(!1), d = P(() => S(r.value)), f = P(() => cL(d.value)), p = P(() => k(d.value.columns.map((e) => ({
 			...e,
 			mergeSame: !1
 		})), f.value, d.value.headerMerges)), m = P(() => b(d.value, n.node?.width ?? 120)), h = P(() => m.value.reduce((e, t) => e + t, 0) || 1), g = P(() => Math.max(280, ...m.value.map((e) => 80 * h.value / e))), _ = P(() => {
 			let e = d.value;
 			if (n.node && n.bindings?.rows) {
-				let t = new c(), a = r(lt(s.document.data));
+				let t = new l(), a = i(ct(s.document.data));
 				a.elements = o.elements;
-				let l = ne({
+				let c = ne({
 					...n.node,
-					props: i.value
+					props: r.value
 				}, a, t);
-				e = S(l.props);
+				e = S(c.props);
 			}
 			return w({
 				...e,
@@ -31163,21 +31257,21 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 				elementWidthMm: n.node?.width ?? 120,
 				rows: e.rows.slice(0, 3)
 			}).rows;
-		}), v = P(() => Math.min(l.value, Math.max(0, d.value.columns.length - 1))), { begin: y, clear: x, contains: C, focus: T, select: E, selection: D } = fR({
+		}), v = P(() => Math.min(c.value, Math.max(0, d.value.columns.length - 1))), { begin: y, clear: x, contains: C, focus: T, select: E, selection: D } = bR({
 			columnCount: P(() => d.value.columns.length),
 			merges: P(() => d.value.headerMerges ?? []),
 			onColumnSelect: me,
 			rows: f
-		}), { addRow: O, canMerge: A, canSplit: j, commitText: ee, mergeSelection: te, removeRow: re, setText: ie, splitSelection: ae } = pR({
+		}), { addRow: O, canMerge: A, canSplit: j, commitText: ee, mergeSelection: te, removeRow: re, setText: ie, splitSelection: ae } = xR({
 			clearSelection: x,
 			commit: ve,
-			getInput: () => lt(s.document.data),
+			getInput: () => ct(s.document.data),
 			getRowsBinding: () => n.bindings?.rows,
 			onBlocked: pe,
 			selection: D,
 			table: d,
 			write: fe
-		}), { addColumn: oe, dragColumnIndex: se, moveColumn: ce, onColumnDrop: le, removeColumn: ue } = QL({
+		}), { addColumn: oe, dragColumnIndex: se, moveColumn: ce, onColumnDrop: le, removeColumn: ue } = oR({
 			createColumn(e) {
 				return {
 					align: "left",
@@ -31190,7 +31284,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			write(e) {
 				fe({ ...e }), x(), ve();
 			}
-		}), { resizeColumn: de } = dR({
+		}), { resizeColumn: de } = yR({
 			commit: ve,
 			onColumnSelect: me,
 			table: d,
@@ -31200,16 +31294,16 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 		function fe(e) {
 			if (n.widthOnly) {
 				let t = e.columns;
-				t && (i.value = {
-					...i.value,
+				t && (r.value = {
+					...r.value,
 					columns: d.value.columns.map((e, n) => ({
 						...e,
 						width: t[n]?.width ?? e.width,
 						widthMode: t[n]?.widthMode ?? e.widthMode
 					}))
 				});
-			} else i.value = {
-				...i.value,
+			} else r.value = {
+				...r.value,
 				...e
 			};
 		}
@@ -31217,16 +31311,16 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			s.ui.toast(M("designer.tableStructure.mergeProtected"));
 		}
 		function me(e) {
-			l.value = e;
+			c.value = e;
 		}
 		function he() {
-			oe() && (l.value = d.value.columns.length - 1);
+			oe() && (c.value = d.value.columns.length - 1);
 		}
 		function ge() {
 			ue(v.value);
 		}
 		function _e(e, t) {
-			ce(e, t) && (l.value = t);
+			ce(e, t) && (c.value = t);
 		}
 		function ve() {
 			a("commit");
@@ -31241,27 +31335,27 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			};
 		}
 		function xe(e) {
-			l.value = e, x();
+			c.value = e, x();
 		}
 		return QN("column", (e) => {
-			l.value = e ?? 0;
+			c.value = e ?? 0;
 		}), (t, n) => {
-			let r = sy;
-			return H(), L("div", mR, [
+			let i = sy;
+			return H(), L("div", SR, [
 				z(JN, { title: G(M)("designer.tableStructure.headerSection") }, {
-					default: q(() => [R("div", hR, [
-						e.widthOnly ? I("", !0) : (H(), L("div", gR, [z(fP, { label: G(M)("elements.tableElement.showHeaderLabel") }, {
-							default: q(() => [z(jI, {
+					default: q(() => [R("div", CR, [
+						e.widthOnly ? I("", !0) : (H(), L("div", wR, [z(fP, { label: G(M)("elements.tableElement.showHeaderLabel") }, {
+							default: q(() => [z(zI, {
 								"model-value": d.value.headerVisible !== !1,
-								"onUpdate:modelValue": n[0] ||= (e) => i.value = {
-									...i.value,
+								"onUpdate:modelValue": n[0] ||= (e) => r.value = {
+									...r.value,
 									headerVisible: e
 								},
 								onCommit: ve
 							}, null, 8, ["model-value"])]),
 							_: 1
 						}, 8, ["label"])])),
-						e.widthOnly ? I("", !0) : (H(), L("div", _R, [z(r, {
+						e.widthOnly ? I("", !0) : (H(), L("div", TR, [z(i, {
 							variant: "outline",
 							size: "small",
 							title: G(M)("designer.tableStructure.addColumn"),
@@ -31274,7 +31368,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							default: q(() => [Wt(" " + W(G(M)("designer.tableStructure.addColumn")), 1)]),
 							_: 1
 						}, 8, ["title"]), d.value.headerVisible === !1 ? I("", !0) : (H(), L(N, { key: 0 }, [
-							z(r, {
+							z(i, {
 								variant: "outline",
 								size: "small",
 								onClick: G(O)
@@ -31286,7 +31380,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 								default: q(() => [Wt(" " + W(G(M)("designer.tableStructure.addHeaderRow")), 1)]),
 								_: 1
 							}, 8, ["onClick"]),
-							z(r, {
+							z(i, {
 								variant: "outline",
 								size: "small",
 								disabled: !G(D) || f.value.length <= 1,
@@ -31299,7 +31393,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 								default: q(() => [Wt(" " + W(G(M)("designer.tableStructure.removeHeaderRow")), 1)]),
 								_: 1
 							}, 8, ["disabled", "onClick"]),
-							z(r, {
+							z(i, {
 								variant: "outline",
 								size: "small",
 								disabled: !G(A),
@@ -31312,7 +31406,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 								default: q(() => [Wt(" " + W(G(M)("designer.tableStructure.mergeSelection")), 1)]),
 								_: 1
 							}, 8, ["disabled", "onClick"]),
-							z(r, {
+							z(i, {
 								variant: "outline",
 								size: "small",
 								disabled: !G(j),
@@ -31326,7 +31420,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 								_: 1
 							}, 8, ["disabled", "onClick"])
 						], 64))])),
-						R("div", vR, [R("table", {
+						R("div", ER, [R("table", {
 							class: "table-structure__table",
 							style: on({ minWidth: `${g.value}px` })
 						}, [
@@ -31353,8 +31447,8 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 									class: "h-3.5 w-3.5"
 								}),
 								R("span", null, W(ye(r)), 1),
-								t.bind ? (H(), L("span", xR, W(t.bind), 1)) : I("", !0)
-							], 40, bR), r < d.value.columns.length - 1 ? (H(), L("button", {
+								t.bind ? (H(), L("span", kR, W(t.bind), 1)) : I("", !0)
+							], 40, OR), r < d.value.columns.length - 1 ? (H(), L("button", {
 								key: 0,
 								type: "button",
 								class: "table-structure__resize",
@@ -31365,7 +31459,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							}, [z($, {
 								name: "drag",
 								class: "h-3.5 w-3.5"
-							})], 40, SR)) : I("", !0)], 40, yR))), 128))]), d.value.headerVisible === !1 ? I("", !0) : (H(!0), L(N, { key: 0 }, gn(f.value, (t, n) => (H(), L("tr", { key: n }, [(H(!0), L(N, null, gn(d.value.columns, (r, i) => (H(), L(N, { key: i }, [p.value.covered.has(`${n}:${i}`) ? I("", !0) : (H(), L("th", {
+							})], 40, AR)) : I("", !0)], 40, DR))), 128))]), d.value.headerVisible === !1 ? I("", !0) : (H(!0), L(N, { key: 0 }, gn(f.value, (t, n) => (H(), L("tr", { key: n }, [(H(!0), L(N, null, gn(d.value.columns, (r, i) => (H(), L(N, { key: i }, [p.value.covered.has(`${n}:${i}`) ? I("", !0) : (H(), L("th", {
 								key: 0,
 								colspan: be(n, i).colspan,
 								rowspan: be(n, i).rowspan,
@@ -31373,11 +31467,11 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 								"data-header-col": i,
 								class: rn({ "table-structure__header--selected": G(C)(n, i) }),
 								onPointerdown: (t) => !e.widthOnly && G(y)(t, n, i)
-							}, [e.widthOnly ? (H(), L("span", wR, W(t[i] || "\xA0"), 1)) : (H(), L("div", {
+							}, [e.widthOnly ? (H(), L("span", MR, W(t[i] || "\xA0"), 1)) : (H(), L("div", {
 								key: 1,
 								class: "table-structure__header-input",
 								onClick: Nn((e) => G(E)(n, i, !0), ["shift"])
-							}, [z(SL, {
+							}, [z(AL, {
 								"model-value": t[i] ?? "",
 								"aria-label": G(M)("designer.tableStructure.headerCell", {
 									row: n + 1,
@@ -31392,7 +31486,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 								"onUpdate:modelValue",
 								"onFocus",
 								"onCommit"
-							])], 8, TR))], 42, CR))], 64))), 128))]))), 128))]),
+							])], 8, NR))], 42, jR))], 64))), 128))]))), 128))]),
 							R("tbody", null, [(H(!0), L(N, null, gn(_.value, (e, t) => (H(), L("tr", { key: t }, [(H(!0), L(N, null, gn(e.cells, (e) => (H(), L("td", {
 								key: e.col,
 								colspan: e.colSpan,
@@ -31405,7 +31499,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							}, [z($, {
 								name: "table",
 								class: "h-3.5 w-3.5 shrink-0"
-							}), Wt(" " + W(e.text || "\xA0"), 1)], 8, DR)], 8, ER))), 128))]))), 128))])
+							}), Wt(" " + W(e.text || "\xA0"), 1)], 8, FR)], 8, PR))), 128))]))), 128))])
 						], 4)])
 					])]),
 					_: 1
@@ -31414,9 +31508,9 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 					key: 0,
 					title: G(M)("designer.tableStructure.columnSection")
 				}, {
-					default: q(() => [R("div", OR, [R("div", kR, [
+					default: q(() => [R("div", IR, [R("div", LR, [
 						R("span", null, W(G(M)("designer.tableStructure.columnSettings", { number: v.value + 1 })), 1),
-						e.widthOnly ? I("", !0) : (H(), F(r, {
+						e.widthOnly ? I("", !0) : (H(), F(i, {
 							key: 0,
 							variant: "text",
 							shape: "square",
@@ -31435,7 +31529,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							"aria-label",
 							"aria-expanded"
 						])),
-						e.widthOnly ? I("", !0) : (H(), F(r, {
+						e.widthOnly ? I("", !0) : (H(), F(i, {
 							key: 1,
 							variant: "text",
 							shape: "square",
@@ -31454,7 +31548,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							"aria-label",
 							"disabled"
 						])),
-						e.widthOnly ? I("", !0) : (H(), F(r, {
+						e.widthOnly ? I("", !0) : (H(), F(i, {
 							key: 2,
 							variant: "text",
 							shape: "square",
@@ -31473,7 +31567,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							"aria-label",
 							"disabled"
 						])),
-						e.widthOnly ? I("", !0) : (H(), F(r, {
+						e.widthOnly ? I("", !0) : (H(), F(i, {
 							key: 3,
 							variant: "text",
 							theme: "danger",
@@ -31488,9 +31582,9 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							})]),
 							_: 1
 						}, 8, ["title", "aria-label"]))
-					]), d.value.columns.length ? (H(), F(uR, {
+					]), d.value.columns.length ? (H(), F(vR, {
 						key: 0,
-						"props-object": i.value,
+						"props-object": r.value,
 						bindings: e.bindings,
 						"table-mode": "columns",
 						"column-index": v.value,
@@ -31508,17 +31602,17 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 					])) : I("", !0)])]),
 					_: 1
 				}, 8, ["title"])) : I("", !0),
-				e.widthOnly ? I("", !0) : (H(), F(AL, {
+				e.widthOnly ? I("", !0) : (H(), F(RL, {
 					key: 1,
-					"props-object": i.value,
+					"props-object": r.value,
 					bindings: e.bindings,
-					"onUpdate:propsObject": n[7] ||= (e) => i.value = e,
+					"onUpdate:propsObject": n[7] ||= (e) => r.value = e,
 					onCommit: ve
 				}, null, 8, ["props-object", "bindings"]))
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-c2e01866"]]), jR = /* @__PURE__ */ B({
+}), [["__scopeId", "data-v-c2e01866"]]), zR = /* @__PURE__ */ B({
 	__name: "table-inspector-control",
 	props: /*@__PURE__*/ tn({
 		bindings: { default: void 0 },
@@ -31532,7 +31626,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 	}),
 	emits: /*@__PURE__*/ tn(["commit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = Dn(e, "modelValue"), i = t, a = vz(), o = P(() => n.tableMode !== "layout" || !n.node ? n.node : pe(a.store().document.data, {
+		let n = e, r = Dn(e, "modelValue"), i = t, a = Ez(), o = P(() => n.tableMode !== "layout" || !n.node ? n.node : fe(a.store().document.data, {
 			...n.node,
 			props: r.value
 		}, a.elements)), s = P({
@@ -31546,7 +31640,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 		function c() {
 			i("commit");
 		}
-		return (t, n) => e.tableMode === "structure" || e.tableMode === "layout" ? (H(), F(AR, {
+		return (t, n) => e.tableMode === "structure" || e.tableMode === "layout" ? (H(), F(RR, {
 			key: 0,
 			modelValue: s.value,
 			"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
@@ -31559,7 +31653,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			"width-only",
 			"bindings",
 			"node"
-		])) : (H(), F(uR, {
+		])) : (H(), F(vR, {
 			key: 1,
 			"props-object": r.value,
 			"onUpdate:propsObject": n[1] ||= (e) => r.value = e,
@@ -31572,27 +31666,27 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			"table-mode"
 		]));
 	}
-}), MR = 0, NR;
-function PR() {
-	--MR, MR === 0 && (NR?.(), NR = void 0);
+}), BR = 0, VR;
+function HR() {
+	--BR, BR === 0 && (VR?.(), VR = void 0);
 }
-var FR = {
+var UR = {
 	get description() {
 		return M("designer.tdesignForms.pluginDescription");
 	},
 	name: "builtin:tdesign-forms",
 	setup: () => {
-		if (MR += 1, MR > 1) return PR;
+		if (BR += 1, BR > 1) return HR;
 		let e = [
-			["tableContinuationLayoutField", XI],
-			["booleanField", jI],
-			["imageField", KI],
-			["colorField", PI],
-			["collectionPicker", $I],
-			["tableField", jR],
-			["tableBordersField", JI],
-			["tableDataPreview", VI],
-			["variableTextField", SL]
+			["tableContinuationLayoutField", iL],
+			["booleanField", zI],
+			["imageField", eL],
+			["colorField", HI],
+			["collectionPicker", sL],
+			["tableField", zR],
+			["tableBordersField", nL],
+			["tableDataPreview", YI],
+			["variableTextField", AL]
 		].map(([e, t]) => {
 			let n = qM(e);
 			return WM(e, t, { override: !0 }), function() {
@@ -31630,14 +31724,14 @@ var FR = {
 				columns: n.props.columns
 			},
 			type: "tableDataPreview"
-		}))), NR = () => {
+		}))), VR = () => {
 			for (let t of e.reverse()) t();
-		}, PR;
+		}, HR;
 	}
-}, IR = {
+}, WR = {
 	name: "builtin:template-library",
 	setup(e) {
-		let t = e.templateLibrary.register(Ze()), n = e.commands.registerScoped([
+		let t = e.templateLibrary.register(Xe()), n = e.commands.registerScoped([
 			{
 				dividerBefore: !0,
 				group: "file",
@@ -31683,13 +31777,13 @@ var FR = {
 					try {
 						o = JSON.parse(a);
 					} catch (e) {
-						throw new rt(M("designer.documentStore.invalidDocumentMessage"), {
+						throw new nt(M("designer.documentStore.invalidDocumentMessage"), {
 							cause: e,
 							code: "document.invalid"
 						});
 					}
-					let { document: s, skippedTypes: c } = ve(o, e.elements);
-					if (c.length) throw new rt(M("designer.documentStore.skippedElementTypesMessage", { elementTypes: c.join(", ") }), { code: "document.unsupported-elements" });
+					let { document: s, skippedTypes: c } = ge(o, e.elements);
+					if (c.length) throw new nt(M("designer.documentStore.skippedElementTypesMessage", { elementTypes: c.join(", ") }), { code: "document.unsupported-elements" });
 					await r.create(s);
 				},
 				get title() {
@@ -31725,21 +31819,21 @@ var FR = {
 	}
 };
 // src/plugins/pen/editing-geometry.ts
-function LR(e, t) {
+function GR(e, t) {
 	let n = Ne(e.props), r = e.rotation * Math.PI / 180, i = (t.x / n.viewWidth - .5) * e.width, a = (t.y / n.viewHeight - .5) * e.height;
 	return {
 		x: e.x + e.width / 2 + i * Math.cos(r) - a * Math.sin(r),
 		y: e.y + e.height / 2 + i * Math.sin(r) + a * Math.cos(r)
 	};
 }
-function RR(e, t) {
+function KR(e, t) {
 	let n = Ne(e.props), r = e.rotation * Math.PI / 180, i = t.x - e.x - e.width / 2, a = t.y - e.y - e.height / 2;
 	return {
 		x: ((i * Math.cos(r) + a * Math.sin(r)) / e.width + .5) * n.viewWidth,
 		y: ((-i * Math.sin(r) + a * Math.cos(r)) / e.height + .5) * n.viewHeight
 	};
 }
-function zR(e, t, n, r) {
+function qR(e, t, n, r) {
 	let i = {
 		incoming: { ...e.incoming },
 		outgoing: { ...e.outgoing },
@@ -31758,8 +31852,8 @@ function zR(e, t, n, r) {
 	}
 	return i;
 }
-function BR(e, t) {
-	let n = Ne(e.props), r = we(t, n.closed), i = LR(e, {
+function JR(e, t) {
+	let n = Ne(e.props), r = Ce(t, n.closed), i = GR(e, {
 		x: r.x + r.width / 2,
 		y: r.y + r.height / 2
 	}), a = r.width / n.viewWidth * e.width, o = r.height / n.viewHeight * e.height;
@@ -31777,13 +31871,13 @@ function BR(e, t) {
 	};
 }
 // src/plugins/pen/pen-edit-surface.vue?vue&type=script&setup=true&lang.ts
-var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
+var YR = ["aria-label"], XR = ["transform"], ZR = ["d", "stroke-width"], QR = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke-width"
-], GR = [
+], $R = [
 	"data-pen-control",
 	"data-anchor-index",
 	"cx",
@@ -31791,7 +31885,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 	"r",
 	"stroke-width",
 	"onPointerdown"
-], KR = [
+], ez = [
 	"data-anchor-index",
 	"x",
 	"y",
@@ -31799,7 +31893,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 	"height",
 	"stroke-width",
 	"onPointerdown"
-], qR = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+], tz = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "pen-edit-surface",
 	props: {
 		context: {},
@@ -31808,9 +31902,9 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 	},
 	setup(e) {
 		let t = e, n = U(), r = Sn(), i = P(() => t.context.canvas.pxPerMm), a = P(() => Ne(t.node.props).anchors.map((e) => ({
-			incoming: LR(t.node, e.incoming),
-			outgoing: LR(t.node, e.outgoing),
-			point: LR(t.node, e.point)
+			incoming: GR(t.node, e.incoming),
+			outgoing: GR(t.node, e.outgoing),
+			point: GR(t.node, e.point)
 		}))), o = `pen.edit.${t.node.id}`, s;
 		eP([{
 			run: () => c("cancel"),
@@ -31851,7 +31945,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				edit: o,
 				index: i,
 				node: t.node,
-				origin: RR(t.node, l(e)),
+				origin: KR(t.node, l(e)),
 				pointerId: e.pointerId,
 				pullHandles: s
 			}, n.value?.focus({ preventScroll: !0 }), n.value?.setPointerCapture(e.pointerId);
@@ -31859,11 +31953,11 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 		function p(e) {
 			let n = r.value;
 			if (!n || e.pointerId !== n.pointerId || t.context.canvas.panning) return;
-			let i = RR(n.node, l(e)), a = n.anchors[n.index], o = {
+			let i = KR(n.node, l(e)), a = n.anchors[n.index], o = {
 				x: a[n.control].x + i.x - n.origin.x,
 				y: a[n.control].y + i.y - n.origin.y
-			}, s = n.anchors.map((t, r) => r === n.index ? zR(t, n.control, o, e.altKey && !n.pullHandles) : t);
-			n.edit.update(BR(n.node, s)) || d(!1);
+			}, s = n.anchors.map((t, r) => r === n.index ? qR(t, n.control, o, e.altKey && !n.pullHandles) : t);
+			n.edit.update(JR(n.node, s)) || d(!1);
 		}
 		function m(e) {
 			e.pointerId === r.value?.pointerId && h(() => d(!0));
@@ -31905,11 +31999,11 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 			onPointercancel: r[1] ||= (e) => d(!1),
 			onLostpointercapture: r[2] ||= (e) => d(!1)
 		}, [R("title", null, W(G(Ae)("editHelp")), 1), R("g", { transform: `scale(${i.value})` }, [R("path", {
-			d: G(De)(a.value, e.node.props.closed === !0),
+			d: G(Ee)(a.value, e.node.props.closed === !0),
 			fill: "none",
 			stroke: "#287dff",
 			"stroke-width": 1 / i.value
-		}, null, 8, UR), (H(!0), L(N, null, gn(a.value, (e, t) => (H(), L("g", { key: t }, [
+		}, null, 8, ZR), (H(!0), L(N, null, gn(a.value, (e, t) => (H(), L("g", { key: t }, [
 			R("line", {
 				x1: e.incoming.x,
 				y1: e.incoming.y,
@@ -31917,7 +32011,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				y2: e.outgoing.y,
 				stroke: "#287dff",
 				"stroke-width": 1 / i.value
-			}, null, 8, WR),
+			}, null, 8, QR),
 			(H(), L(N, null, gn(["incoming", "outgoing"], (n) => R("circle", {
 				key: n,
 				"data-pen-control": n,
@@ -31930,7 +32024,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				stroke: "#287dff",
 				"stroke-width": 1 / i.value,
 				onPointerdown: (e) => h(() => f(e, t, n))
-			}, null, 40, GR)), 64)),
+			}, null, 40, $R)), 64)),
 			R("rect", {
 				"data-pen-control": "point",
 				"data-anchor-index": t,
@@ -31943,30 +32037,30 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				stroke: "white",
 				"stroke-width": 1 / i.value,
 				onPointerdown: (e) => h(() => f(e, t, "point"))
-			}, null, 40, KR)
-		]))), 128))], 8, HR)], 40, VR));
+			}, null, 40, ez)
+		]))), 128))], 8, XR)], 40, YR));
 	}
-}), [["__scopeId", "data-v-f5c06aa3"]]), JR = ["aria-label"], YR = ["transform"], XR = ["d", "stroke-width"], ZR = [
+}), [["__scopeId", "data-v-f5c06aa3"]]), nz = ["aria-label"], rz = ["transform"], iz = ["d", "stroke-width"], az = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke-width"
-], QR = [
+], oz = [
 	"cx",
 	"cy",
 	"r"
-], $R = [
+], sz = [
 	"cx",
 	"cy",
 	"r"
-], ez = [
+], cz = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"stroke-width"
-], tz = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+], lz = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "pen-surface",
 	props: {
 		context: {},
@@ -31976,7 +32070,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 	setup(e) {
 		let t = e, n = U(), r = U([]), i = U(), a = U(), o = U(), s = U(!1), c = P(() => t.context.canvas.pxPerMm), l = P(() => t.context.canvas.panning), u = P(() => {
 			let e = [...r.value];
-			return i.value && a.value === void 0 && !s.value && e.push(Me(i.value)), De(e, s.value);
+			return i.value && a.value === void 0 && !s.value && e.push(Me(i.value)), Ee(e, s.value);
 		}), d = `pen.${t.pageId}`, f;
 		eP([
 			{
@@ -32020,7 +32114,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 			g(), r.value = [], i.value = void 0, s.value = !1;
 		}
 		function v(e = !1) {
-			r.value.length < 2 || t.context.canvas.add(qe, we(r.value, e), t.pageId), _();
+			r.value.length < 2 || t.context.canvas.add(Ke, Ce(r.value, e), t.pageId), _();
 		}
 		function y() {
 			g(), r.value.pop(), s.value = !1, r.value.length === 0 && _();
@@ -32120,7 +32214,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 			fill: "none",
 			stroke: "#287dff",
 			"stroke-width": 1.5 / c.value
-		}, null, 8, XR), (H(!0), L(N, null, gn(r.value, (e, t) => (H(), L("g", { key: t }, [
+		}, null, 8, iz), (H(!0), L(N, null, gn(r.value, (e, t) => (H(), L("g", { key: t }, [
 			R("line", {
 				x1: e.incoming.x,
 				y1: e.incoming.y,
@@ -32128,19 +32222,19 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				y2: e.outgoing.y,
 				stroke: "#287dff",
 				"stroke-width": 1 / c.value
-			}, null, 8, ZR),
+			}, null, 8, az),
 			R("circle", {
 				cx: e.incoming.x,
 				cy: e.incoming.y,
 				r: 2 / c.value,
 				fill: "#287dff"
-			}, null, 8, QR),
+			}, null, 8, oz),
 			R("circle", {
 				cx: e.outgoing.x,
 				cy: e.outgoing.y,
 				r: 2 / c.value,
 				fill: "#287dff"
-			}, null, 8, $R),
+			}, null, 8, sz),
 			R("rect", {
 				x: e.point.x - 3 / c.value,
 				y: e.point.y - 3 / c.value,
@@ -32149,20 +32243,20 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				fill: "white",
 				stroke: "#287dff",
 				"stroke-width": 1 / c.value
-			}, null, 8, ez)
-		]))), 128))], 8, YR)], 42, JR));
+			}, null, 8, cz)
+		]))), 128))], 8, rz)], 42, nz));
 	}
-}), [["__scopeId", "data-v-c9805a95"]]), nz = {
+}), [["__scopeId", "data-v-c9805a95"]]), uz = {
 	key: 0,
 	class: "pen-overlay__help"
-}, rz = {
+}, dz = {
 	key: 1,
 	class: "pen-overlay__help"
-}, iz = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+}, fz = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "pen-overlay",
 	props: { context: {} },
 	setup(e) {
-		let t = e, n = U(), r = Sn([]), i = P(() => t.context.canvas.activeTool === ye), a = P(() => {
+		let t = e, n = U(), r = Sn([]), i = P(() => t.context.canvas.activeTool === ve), a = P(() => {
 			let e = t.context.canvas;
 			if (e.activeTool !== "select" || e.previewing || e.panning) return;
 			let n = e.selection, r = n.length === 1 ? n[0] : void 0;
@@ -32190,11 +32284,11 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				ref: n,
 				hidden: ""
 			}, null, 512),
-			i.value ? (H(), L("div", nz, W(G(Ae)("help")), 1)) : a.value ? (H(), L("div", rz, W(G(Ae)("editHelp")), 1)) : I("", !0),
+			i.value ? (H(), L("div", uz, W(G(Ae)("help")), 1)) : a.value ? (H(), L("div", dz, W(G(Ae)("editHelp")), 1)) : I("", !0),
 			i.value || a.value ? (H(!0), L(N, { key: 2 }, gn(r.value, (t) => (H(), F(zt, {
 				key: t.id,
 				to: t.target
-			}, [i.value ? (H(), F(tz, {
+			}, [i.value ? (H(), F(lz, {
 				key: 0,
 				context: e.context,
 				"page-id": t.id,
@@ -32203,7 +32297,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 				"context",
 				"page-id",
 				"surface"
-			])) : a.value && o.value === t.id ? (H(), F(qR, {
+			])) : a.value && o.value === t.id ? (H(), F(tz, {
 				key: a.value.id,
 				context: e.context,
 				node: a.value,
@@ -32215,19 +32309,19 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 			])) : I("", !0)], 8, ["to"]))), 128)) : I("", !0)
 		], 64));
 	}
-}), [["__scopeId", "data-v-7e06a67d"]]), az = ["viewBox"], oz = [
+}), [["__scopeId", "data-v-7e06a67d"]]), pz = ["viewBox"], mz = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], sz = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
+], hz = /*#__PURE__*/ Ua(/* @__PURE__ */ B({
 	__name: "pen-preview",
 	props: {
 		node: {},
 		pxPerMm: {}
 	},
 	setup(e) {
-		let t = e, n = P(() => Ne(t.node.props)), r = P(() => De(n.value.anchors, n.value.closed));
+		let t = e, n = P(() => Ne(t.node.props)), r = P(() => Ee(n.value.anchors, n.value.closed));
 		return (t, i) => (H(), L("svg", {
 			width: "100%",
 			height: "100%",
@@ -32241,9 +32335,9 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 			"stroke-width": G(Oe)(e.node.props),
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round"
-		}, null, 8, oz)], 8, az));
+		}, null, 8, mz)], 8, pz));
 	}
-}), [["__scopeId", "data-v-60b47ca0"]]), cz = {
+}), [["__scopeId", "data-v-60b47ca0"]]), gz = {
 	manifest: {
 		apiVersion: "1.0",
 		id: "print-studio:pen-tool",
@@ -32259,24 +32353,24 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 	setup(e) {
 		e.locales.register(ke);
 		let t = e.canvas.registerElement({
-			...Ke(),
-			previewComponent: en(sz)
+			...Ge(),
+			previewComponent: en(hz)
 		}, { replace: !0 });
 		return e.slots.add("designer.shell.after", "pen.overlay", {
-			component: en(iz),
+			component: en(fz),
 			props: { context: e }
 		}), t;
 	}
-}, lz = {
+}, _z = {
 	name: "builtin:pen-tool",
 	setup(e) {
-		if (!e.plugins.has(cz.manifest.id)) return e.plugins.use(cz), () => {
-			e.plugins.dispose(cz.manifest.id);
+		if (!e.plugins.has(gz.manifest.id)) return e.plugins.use(gz), () => {
+			e.plugins.dispose(gz.manifest.id);
 		};
 	}
 };
 // src/designer/tutorials/scene.ts
-function uz() {
+function vz() {
 	let e = [], t = {}, n;
 	function r(t) {
 		e.push(t);
@@ -32297,12 +32391,12 @@ function uz() {
 		};
 	}
 	function s() {
-		let r = [...e], i = At(t), a = At(n);
+		let r = [...e], i = kt(t), a = kt(n);
 		return (e) => {
 			let t = e.store();
 			for (let t of r) t(e);
 			t.ui.closeContextMenu();
-			let n = At(i);
+			let n = kt(i);
 			if (n.dialog) {
 				let e = n.dialog, r = e.pageId === "$active" ? t.scope.active.id : e.pageId;
 				t.ui.openDialog(e.name, r, e.groupId, e.guideId, {
@@ -32327,15 +32421,15 @@ function uz() {
 	};
 }
 // src/designer/tutorials/screenplay.ts
-function dz(e, t) {
-	let n = [], r = uz(), i = {}, a = {
+function yz(e, t) {
+	let n = [], r = vz(), i = {}, a = {
 		key: "",
 		label: "",
 		schema: [{
 			name: "field1",
 			type: "string"
 		}]
-	}, o = "", s = 0, c, l = t?.createProps().fontSize, u = (t) => Ue(e.id, t), d = (e) => ({
+	}, o = "", s = 0, c, l = t?.createProps().fontSize, u = (t) => He(e.id, t), d = (e) => ({
 		selector: "[data-menu-label]",
 		text: M(`designer.types.${e}`)
 	}), f = (e) => ({ selector: `[data-command="${e}"]` }), p = (e = "") => ({ selector: `$dialog ${e}`.trim() });
@@ -32402,7 +32496,7 @@ function dz(e, t) {
 			text: t
 		}, M("designer.tutorialPlayback.optionHint", { setting: t })), i = {
 			...i,
-			target: `element:${Je}`
+			target: `element:${qe}`
 		}, r.updateUi({
 			select: void 0,
 			values: i
@@ -32470,35 +32564,35 @@ function dz(e, t) {
 				"table",
 				{
 					...t,
-					id: Je,
+					id: qe,
 					name: u("detailsName")
 				},
 				e.store().scope.active.id
 			],
 			command: "element.add",
 			drawing: t,
-			elementId: Je
+			elementId: qe
 		}), r.remember((e) => {
 			let n = e.store();
 			n.element.add("table", {
 				...t,
-				id: Je,
+				id: qe,
 				name: u("detailsName")
-			}, n.scope.active.id), n.selection.set([Je]);
-		}), T({ selector: `[data-element-id="${Je}"]` }, M("designer.tutorialPlayback.elementMenuHint")), g(f("element.openSettings")), r.updateUi({
+			}, n.scope.active.id), n.selection.set([qe]);
+		}), T({ selector: `[data-element-id="${qe}"]` }, M("designer.tutorialPlayback.elementMenuHint")), g(f("element.openSettings")), r.updateUi({
 			dialog: { name: "element" },
 			tab: void 0
 		}), x(M("elements.tableElement.dataTab")), g(p("[data-inspector-key=\"rows\"] .inspector-field__binding button"), M("designer.tutorialPlayback.tableDataTabHint")), r.updateUi({ binding: {
 			field: "rows",
-			nodeId: Je,
+			nodeId: qe,
 			path: ""
 		} }), g({ selector: "$dialog button[title=\"bill.items\"]" }, M("designer.tutorialPlayback.collectionHint")), r.updateUi({ binding: {
 			field: "rows",
-			nodeId: Je,
+			nodeId: qe,
 			path: "bill.items"
-		} }), g(p("#replace")), r.remember((e) => e.store().element.update(Je, { bindings: { rows: "bill.items" } })), r.updateUi({ binding: void 0 }), x(M("elements.tableElement.columnsTab"));
+		} }), g(p("#replace")), r.remember((e) => e.store().element.update(qe, { bindings: { rows: "bill.items" } })), r.updateUi({ binding: void 0 }), x(M("elements.tableElement.columnsTab"));
 		let n = [];
-		Re.forEach((e, t) => {
+		Le.forEach((e, t) => {
 			n.push({
 				target: {
 					...p(`[data-header-row="0"][data-header-col="${t}"]`),
@@ -32512,16 +32606,16 @@ function dz(e, t) {
 				},
 				value: e.bind
 			});
-		}), h("input", p(".table-structure"), M("designer.tutorialPlayback.columnsTitle"), M("designer.tutorialPlayback.columnsHint"), { inputs: n }), Re.forEach((e, t) => {
+		}), h("input", p(".table-structure"), M("designer.tutorialPlayback.columnsTitle"), M("designer.tutorialPlayback.columnsHint"), { inputs: n }), Le.forEach((e, t) => {
 			O(t, {
 				bind: e.bind,
 				title: u(e.key)
 			});
-		}), r.updateUi({ column: Re.length - 1 }), w();
+		}), r.updateUi({ column: Le.length - 1 }), w();
 	}
 	function O(e, t) {
 		r.remember((n) => {
-			let r = n.store(), i = r.element.find(Je)?.node;
+			let r = n.store(), i = r.element.find(qe)?.node;
 			if (!i) return;
 			let a = i.props.columns.map((n, r) => r === e ? {
 				...n,
@@ -32533,7 +32627,7 @@ function dz(e, t) {
 	function k(e, t = !1, n = !1) {
 		r.updateUi({
 			dataSource: {
-				draft: At(a),
+				draft: kt(a),
 				replacement: t,
 				sampleJson: o,
 				saved: n,
@@ -32597,12 +32691,12 @@ function dz(e, t) {
 	}, null, 2), M("designer.dataSourceDialog.sampleDataLabel"), void 0, M("designer.tutorialPlayback.sampleInputPurpose")), o = n.at(-1)?.value ?? "", k("sample"), g({
 		selector: "$dialog button",
 		text: M("designer.dataSourceDialog.generateSchemaButton")
-	}, M("designer.tutorialPlayback.inferSchemaHint")), k("sample", !0), g(p(".t-dialog__footer .t-button--theme-primary")), a.schema = st(JSON.parse(o)), k("schema"), g(p("#save"));
-	let j = At({
+	}, M("designer.tutorialPlayback.inferSchemaHint")), k("sample", !0), g(p(".t-dialog__footer .t-button--theme-primary")), a.schema = ot(JSON.parse(o)), k("schema"), g(p("#save"));
+	let j = kt({
 		...a,
 		sampleData: JSON.parse(o)
 	});
-	return r.remember((e) => e.store().dataSource.upsert(At(j))), k("schema", !1, !0), g(p("#close")), r.closeUi(), i = {}, E("tutorial-number", { y: 33 }, M("designer.tutorial.documentNumber", {
+	return r.remember((e) => e.store().dataSource.upsert(kt(j))), k("schema", !1, !0), g(p("#close")), r.closeUi(), i = {}, E("tutorial-number", { y: 33 }, M("designer.tutorial.documentNumber", {
 		date: "{{ bill.date }}",
 		number: "{{ bill.number }}"
 	})), D(), E("tutorial-total", { y: 77 }, M("designer.tutorial.documentTotal", { amount: "{{ bill.total | currency }}" })), E("tutorial-signature", { y: 88 }, u("signature")), m(), h("command", { selector: "[data-element-id=\"tutorial-total\"]" }, M("designer.tutorialPlayback.selectTitle"), M("designer.tutorialPlayback.followSelectHint"), {
@@ -32614,7 +32708,7 @@ function dz(e, t) {
 	}), y("name", M("designer.tutorial.documentSummary"), "designer.followBlock.nameLabel"), S(p("[data-sform-field=\"target\"] .t-select"), u("detailsName")), y("gap", 5, "designer.followBlock.gapLabel"), g(p("#confirm")), r.remember((e) => {
 		let t = e.store();
 		t.followBlock.create(t.page.list[0].id, ["tutorial-total", "tutorial-signature"], {
-			id: Je,
+			id: qe,
 			kind: "element"
 		}, 5, M("designer.tutorial.documentSummary"));
 	}), r.closeUi(), i = {}, m(), g(d("page")), r.updateUi({ menu: M("designer.types.page") }), g(f("page.add")), r.updateUi({
@@ -32635,7 +32729,7 @@ function dz(e, t) {
 	}), _(p(), M("designer.tutorialPlayback.printPreviewHint")), w(), m(), _({ selector: "[data-tutorial=\"canvas\"]" }, M("designer.tutorialPlayback.completeHint")), n;
 }
 // src/designer/plugins/tutorials.ts
-var fz = {
+var bz = {
 	name: "builtin:tutorials",
 	setup(e) {
 		let t = e.commands.registerScoped([
@@ -32643,8 +32737,8 @@ var fz = {
 				id: "tutorial.start",
 				run: (t, n) => {
 					if (typeof n == "string") {
-						let t = We.find((e) => e.id === n);
-						t && e.store().tutorial.start(n, () => dz(t, e.elements.get("text")));
+						let t = Ue.find((e) => e.id === n);
+						t && e.store().tutorial.start(n, () => yz(t, e.elements.get("text")));
 					}
 				},
 				get title() {
@@ -32687,38 +32781,38 @@ var fz = {
 			e.store().tutorial.finish(!1), e.store().tutorial.close(), t();
 		};
 	}
-}, pz = {
+}, xz = {
 	get description() {
 		return M("designer.builtins.commandsPluginDescription");
 	},
 	name: "builtin:commands",
 	setup: (e) => na(e)
 };
-function mz(e, t = (t) => e.plugins.use(t)) {
-	e.plugins.has(xe.name) || (e.plugins.trustHostPlugin(xe), t(xe)), Ee(e);
+function Sz(e, t = (t) => e.plugins.use(t)) {
+	e.plugins.has(be.name) || (e.plugins.trustHostPlugin(be), t(be)), Te(e);
 	for (let n of [
-		pz,
-		fz,
-		IR,
-		kI,
+		xz,
+		bz,
+		WR,
+		LI,
 		Ka,
-		lz,
-		FR,
+		_z,
+		UR,
 		aa
 	]) e.plugins.has(n.name) || (e.plugins.trustHostPlugin(n), t(n));
 }
 // src/designer/context/editor-context.ts
-var hz = null;
-function gz() {
-	if (hz) return hz;
-	let e = Te(), t = new be(), n = {
-		commands: new Le(() => n, e),
-		elements: de,
-		errors: nt(),
+var Cz = null;
+function wz() {
+	if (Cz) return Cz;
+	let e = De(), t = new ye(), n = {
+		commands: new we(() => n, e),
+		elements: ue,
+		errors: tt(),
 		events: e,
 		extensions: t,
 		getSelection: () => {
-			let e = Ve(), t = e.selection.nodes;
+			let e = Be(), t = e.selection.nodes;
 			return {
 				bounds: e.selection.bounds,
 				ids: [...e.selection.ids],
@@ -32728,9 +32822,9 @@ function gz() {
 		},
 		parsers: g,
 		plugins: new Fe(() => n),
-		preferences: new Be(),
-		store: () => Ve(),
-		templateLibrary: new et(),
+		preferences: new ze(),
+		store: () => Be(),
+		templateLibrary: new $e(),
 		get use() {
 			return n.plugins.use.bind(n.plugins);
 		},
@@ -32738,22 +32832,22 @@ function gz() {
 			return n.store().zIndex;
 		}
 	};
-	return hz = n, n;
+	return Cz = n, n;
 }
-function _z(e, t = {}) {
-	let n = Qe(t);
-	return hz = n, n.store().config.configure(t), e.provide(Xe, n), e.provide(ae, n.zIndex), Ci(e, n.errors), Si(n.errors), mz(n), n;
+function Tz(e, t = {}) {
+	let n = Ze(t);
+	return Cz = n, n.store().config.configure(t), e.provide(Ye, n), e.provide(se, n.zIndex), Ci(e, n.errors), Si(n.errors), Sz(n), n;
 }
-function vz() {
-	return Zt(Xe, null) ?? gz();
+function Ez() {
+	return Zt(Ye, null) ?? wz();
 }
 // src/designer/facade/use-print-studio.ts
-function yz(e = {}) {
-	let t = Xt() ? Zt(Xe, null) : null, n = e.context ?? t, r = n ? Ye(n, e) : $e(e);
+function Dz(e = {}) {
+	let t = Xt() ? Zt(Ye, null) : null, n = e.context ?? t, r = n ? Je(n, e) : Qe(e);
 	return Kt() && ln(r.dispose), r;
 }
 // src/designer/frame/print-designer-frame.vue
-var bz = /* @__PURE__ */ B({
+var Oz = /* @__PURE__ */ B({
 	__name: "print-designer-frame",
 	props: {
 		context: {},
@@ -32777,15 +32871,15 @@ var bz = /* @__PURE__ */ B({
 		"ready"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = U(), o = (r.studio ? Ge(r.studio) : r.context) ?? Qe({
-			createDocument: () => ue(r.presets),
+		let r = e, i = n, a = U(), o = (r.studio ? We(r.studio) : r.context) ?? Ze({
+			createDocument: () => Ft(r.presets),
 			elements: r.elements,
 			initialDocument: r.initialDocument,
 			onSave: r.onSave ? h : void 0,
 			parsers: r.parsers,
 			rendering: r.rendering,
 			storage: r.storage ?? !1
-		}), s, c = !1, l = r.studio ? ze(r.studio, d) : void 0, u = xn({
+		}), s, c = !1, l = r.studio ? Re(r.studio, d) : void 0, u = xn({
 			context: o,
 			"onDirty-change": (e) => i("dirty-change", e),
 			onDispose: d,
@@ -32834,7 +32928,7 @@ var bz = /* @__PURE__ */ B({
 			u.ui = e;
 		}), cn(() => {
 			if (a.value && !c) try {
-				s = oe(a.value, u);
+				s = le(a.value, u);
 			} catch (e) {
 				_(e), d();
 			}
@@ -32845,4 +32939,4 @@ var bz = /* @__PURE__ */ B({
 		}, null, 512));
 	}
 });
-export { bz as PrintDesigner, Qe as createEditorContext, It as definePlugin, _z as installDesigner, yz as usePrintStudio };
+export { Oz as PrintDesigner, Ze as createEditorContext, It as definePlugin, Tz as installDesigner, Dz as usePrintStudio };