@printstack/print-studio 0.1.1 → 0.1.2

package/vue.js

@@ -1,9 +1,9 @@
-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-dZq8MewR.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-CuGR8rD6.js";
-import { G as ue, H as de, M as fe, V as pe, at as me, nt as he, ot as ge, p as _e } from "./document-model-GhFP9OGp.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-BFQYHZsg.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-PCw2ErRl.js";
-import { t as Ft } from "./presets-D3WhkbZK.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";
@@ -866,7 +866,7 @@ function na(e) {
 			icon: "zoom",
 			id: "view.zoomIn",
 			order: 1,
-			run: (e) => e.store().view.setZoom(he(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");
@@ -877,7 +877,7 @@ function na(e) {
 			icon: "zoom-out",
 			id: "view.zoomOut",
 			order: 2,
-			run: (e) => e.store().view.setZoom(he(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");
@@ -1040,6 +1040,31 @@ function na(e) {
 				return M("designer.builtins.clearGuidesTitle");
 			}
 		},
+		...[
+			"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() {
@@ -1706,7 +1731,7 @@ function na(e) {
 					return;
 				}
 				if (!(n instanceof KeyboardEvent)) return;
-				let r = me(n.shiftKey ? 5 : 1, e.store().view.zoom), i = n.key.toLowerCase(), { x: a = 0, y: o = 0 } = {
+				let r = he(n.shiftKey ? 5 : 1, e.store().view.zoom), i = n.key.toLowerCase(), { x: a = 0, y: o = 0 } = {
 					arrowdown: {
 						x: 0,
 						y: r
@@ -2213,7 +2238,7 @@ 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());
 	}
@@ -2265,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));
@@ -23999,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(() => {
@@ -25463,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 });
@@ -25519,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"
@@ -25635,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
@@ -26829,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(() => {
@@ -27089,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() {
@@ -27291,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,
@@ -27351,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"
@@ -27420,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, [
 					{
@@ -27469,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",
@@ -27553,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"
-], gI = [
+], bI = [
 	"title",
 	"aria-label",
 	"onClick"
-], _I = [
+], xI = [
 	"title",
 	"aria-label",
 	"onClick"
-], vI = ["title", "aria-label"], yI = [
+], SI = [
+	"title",
+	"aria-label",
+	"onClick"
+], 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) => ({
@@ -27830,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",
@@ -27840,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"];
@@ -27853,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;
@@ -27862,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",
@@ -27872,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"),
@@ -27882,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", {
@@ -27938,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
@@ -28016,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 = [
@@ -28037,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() {
@@ -28045,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() {
@@ -28070,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 },
@@ -28135,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 },
@@ -28153,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);
 		}
@@ -28179,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,
@@ -28195,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)])]),
@@ -28254,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: {},
@@ -28263,11 +28356,11 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		node: {}
 	},
 	setup(e) {
-		let n = e, r = vz().store(), a = P(() => n.bindings?.rows), o = P(() => Array.isArray(n.columns) ? n.columns : []), s = P(() => {
+		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, BI) : null;
+			return Array.isArray(s) ? s.slice(0, JI) : null;
 		}), c = P(() => {
 			let e = a.value;
 			if (!e) return 0;
@@ -28283,21 +28376,21 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 			}), 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: l(e, t, n.bind)
-		}, W(l(e, t, n.bind)), 9, zI))), 128))]))), 128))]), z(HN, { text: G(M)("designer.fieldDataPreview.rowsLabel", {
+		}, 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, {
@@ -28305,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: {},
@@ -28363,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",
@@ -28375,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,
@@ -28390,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 },
@@ -28500,13 +28593,13 @@ var ZF = { class: "text-[10px] text-ink-dim/70" }, QF = { class: "flex items-cen
 		}
 		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": "",
@@ -28583,7 +28676,7 @@ 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": s[9] ||= (e) => m({ outer: {
@@ -28643,7 +28736,7 @@ 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": "",
@@ -28705,7 +28798,7 @@ 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": "",
@@ -28762,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: {},
@@ -28771,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);
@@ -28785,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,
@@ -28804,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: {},
@@ -28815,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",
@@ -28827,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] : []);
@@ -28849,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;
@@ -28885,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;
@@ -28907,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);
@@ -28917,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: ge(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);
@@ -28975,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);
 			}
@@ -29070,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);
@@ -29085,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();
@@ -29123,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: {},
@@ -29148,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
@@ -29186,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: ""
@@ -29263,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",
@@ -29286,7 +29379,7 @@ var pL = {
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-4c47ca89"]]), xL = [
+}), [["__scopeId", "data-v-4c47ca89"]]), kL = [
 	"contenteditable",
 	"aria-label",
 	"aria-multiline",
@@ -29295,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: {},
@@ -29317,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 ?? "",
@@ -29424,7 +29517,7 @@ var pL = {
 		], () => {
 			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,
@@ -29468,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",
@@ -29498,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,
@@ -29529,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: {},
@@ -29541,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);
 		}
@@ -29606,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,
@@ -29620,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",
@@ -29646,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")
@@ -29702,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",
@@ -29719,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: {},
@@ -29746,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: ""
@@ -29776,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"])]),
@@ -29786,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) })
@@ -29813,10 +29906,10 @@ 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;
+	for (; l && !u;) u = HL.get(l), l = l.parentElement;
 	let d = u?.events ?? De();
 	try {
 		r.setPointerCapture?.(t);
@@ -29863,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;
 	}
@@ -29888,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)) {
@@ -29917,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) {
@@ -29993,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) => {
@@ -30035,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",
@@ -30053,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: {},
@@ -30061,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,
@@ -30176,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",
@@ -30218,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,
@@ -30239,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",
@@ -30256,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",
@@ -30265,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),
@@ -30289,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,
@@ -30300,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")
@@ -30311,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() {
@@ -30357,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: {},
@@ -30385,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 = ae(), { 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",
@@ -30525,7 +30618,7 @@ var $L = { class: "field-table" }, eR = [
 		}
 		return (t, n) => {
 			let u = sy, d = jS, b = MT, j = hC, ae = fA;
-			return H(), L("div", $L, [e.tableMode === "columns" ? (H(), L(N, { key: 0 }, [
+			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")
@@ -30550,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"),
@@ -30608,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")
 					}, {
@@ -30645,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,
@@ -30676,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,
@@ -30741,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)();
@@ -30750,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) => {
@@ -30769,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),
@@ -30890,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: "",
@@ -30904,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")
 				}, {
@@ -30947,7 +31040,7 @@ 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) => {
 							ce(t, String(e));
@@ -30960,7 +31053,7 @@ 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) => oe(t).style = e,
 					onCommit: G(l)
@@ -30988,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;
@@ -30996,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: {
@@ -31017,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) {
@@ -31032,8 +31125,8 @@ function fR(e) {
 	});
 }
 // src/designer/components/fields/use-table-headers.ts
-function pR(e) {
-	let { selection: n, table: r } = e, a = U(!1), s = P(() => eL(r.value)), c = P(() => !!r.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) && !(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));
@@ -31101,32 +31194,32 @@ function pR(e) {
 	};
 }
 // 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: {},
@@ -31138,7 +31231,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"), a = t, o = vz(), s = o.store(), c = U(0), u = U(!1), d = P(() => S(r.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(() => {
@@ -31164,12 +31257,12 @@ 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(c.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: () => ct(s.document.data),
@@ -31178,7 +31271,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			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",
@@ -31191,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,
@@ -31248,11 +31341,11 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			c.value = e ?? 0;
 		}), (t, n) => {
 			let i = sy;
-			return H(), L("div", mR, [
+			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) => r.value = {
 									...r.value,
@@ -31262,7 +31355,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 							}, null, 8, ["model-value"])]),
 							_: 1
 						}, 8, ["label"])])),
-						e.widthOnly ? I("", !0) : (H(), L("div", _R, [z(i, {
+						e.widthOnly ? I("", !0) : (H(), L("div", TR, [z(i, {
 							variant: "outline",
 							size: "small",
 							title: G(M)("designer.tableStructure.addColumn"),
@@ -31327,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` })
 						}, [
@@ -31354,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",
@@ -31366,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,
@@ -31374,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,
@@ -31393,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,
@@ -31406,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
@@ -31415,7 +31508,7 @@ 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(i, {
 							key: 0,
@@ -31489,7 +31582,7 @@ 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": r.value,
 						bindings: e.bindings,
@@ -31509,7 +31602,7 @@ 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": r.value,
 					bindings: e.bindings,
@@ -31519,7 +31612,7 @@ var mR = { class: "table-structure" }, hR = { class: "table-structure__section-c
 			]);
 		};
 	}
-}), [["__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 },
@@ -31533,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 : fe(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({
@@ -31547,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,
@@ -31560,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,
@@ -31573,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() {
@@ -31631,11 +31724,11 @@ 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(Xe()), n = e.commands.registerScoped([
@@ -31689,7 +31782,7 @@ var FR = {
 							code: "document.invalid"
 						});
 					}
-					let { document: s, skippedTypes: c } = _e(o, e.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);
 				},
@@ -31726,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 },
@@ -31759,8 +31852,8 @@ function zR(e, t, n, r) {
 	}
 	return i;
 }
-function BR(e, t) {
-	let n = Ne(e.props), r = Ce(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;
@@ -31778,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",
@@ -31792,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",
@@ -31800,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: {},
@@ -31809,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"),
@@ -31852,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);
@@ -31860,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));
@@ -31910,7 +32003,7 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 			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,
@@ -31918,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,
@@ -31931,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,
@@ -31944,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: {},
@@ -32121,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,
@@ -32129,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,
@@ -32150,16 +32243,16 @@ 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) {
@@ -32191,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,
@@ -32204,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,
@@ -32216,12 +32309,12 @@ 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: {},
@@ -32242,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",
@@ -32261,23 +32354,23 @@ var VR = ["aria-label"], HR = ["transform"], UR = ["d", "stroke-width"], WR = [
 		e.locales.register(ke);
 		let t = e.canvas.registerElement({
 			...Ge(),
-			previewComponent: en(sz)
+			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);
@@ -32328,8 +32421,8 @@ 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: [{
@@ -32636,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([
@@ -32645,7 +32738,7 @@ var fz = {
 				run: (t, n) => {
 					if (typeof n == "string") {
 						let t = Ue.find((e) => e.id === n);
-						t && e.store().tutorial.start(n, () => dz(t, e.elements.get("text")));
+						t && e.store().tutorial.start(n, () => yz(t, e.elements.get("text")));
 					}
 				},
 				get title() {
@@ -32688,30 +32781,30 @@ 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)) {
+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;
+var Cz = null;
+function wz() {
+	if (Cz) return Cz;
 	let e = De(), t = new ye(), n = {
 		commands: new we(() => n, e),
 		elements: ue,
@@ -32739,22 +32832,22 @@ function gz() {
 			return n.store().zIndex;
 		}
 	};
-	return hz = n, n;
+	return Cz = n, n;
 }
-function _z(e, t = {}) {
+function Tz(e, t = {}) {
 	let n = Ze(t);
-	return hz = n, n.store().config.configure(t), e.provide(Ye, n), e.provide(se, n.zIndex), Ci(e, n.errors), Si(n.errors), mz(n), n;
+	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(Ye, null) ?? gz();
+function Ez() {
+	return Zt(Ye, null) ?? wz();
 }
 // src/designer/facade/use-print-studio.ts
-function yz(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: {},
@@ -32846,4 +32939,4 @@ var bz = /* @__PURE__ */ B({
 		}, null, 512));
 	}
 });
-export { bz as PrintDesigner, Ze 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 };