@printstack/print-studio 0.1.1 → 0.1.2

package/{studio-BFQYHZsg.js → studio-B3B6zI06.js}

@@ -1,9 +1,9 @@
 import { n as e } from "./rolldown-runtime-QGRDbDUS.js";
-import { A as t, B as n, D as r, G as i, J as a, K as o, N as s, O as c, P as l, Q as u, U as d, W as f, Y as p, Z as m, k as h, n as g, q as _, r as v, t as y, z as b } from "./registries-dZq8MewR.js";
-import { A as x, B as S, N as C, P as w, R as T, t as E } from "./cloneDeep-PCw2ErRl.js";
-import { $ as D, A as O, B as k, D as A, E as j, G as M, I as N, L as ee, M as te, N as ne, O as P, P as re, Q as ie, T as ae, _ as oe, a as F, c as se, ct as ce, d as le, dt as ue, et as de, f as fe, ft as pe, g as me, gt as he, h as ge, ht as _e, i as ve, j as ye, l as I, lt as be, m as xe, mt as Se, nt as L, o as R, ot as z, p as B, pt as Ce, r as we, s as Te, st as Ee, t as De, tt as Oe, u as ke, ut as Ae, v as je, x as Me, y as Ne, z as Pe } from "./document-model-GhFP9OGp.js";
-import { createPinia as Fe, defineStore as V, disposePinia as Ie, getActivePinia as Le, setActivePinia as Re } from "pinia";
-import { computed as H, hasInjectionContext as ze, markRaw as Be, onScopeDispose as Ve, reactive as He, ref as U, shallowReactive as Ue, shallowRef as W, toRefs as G, watch as K } from "vue";
+import { A as t, B as n, D as r, G as i, J as a, K as o, N as s, O as c, P as l, Q as u, U as d, W as f, Y as p, Z as m, k as h, n as g, q as _, r as v, t as y, z as b } from "./registries-sg39PGF1.js";
+import { A as x, B as S, N as C, P as w, R as T, t as E } from "./cloneDeep-waBDTGc3.js";
+import { $ as D, A as O, B as k, D as A, E as j, G as M, I as N, L as ee, M as P, N as te, O as ne, P as re, Q as F, T as I, Z as ie, _ as ae, a as oe, at as L, c as se, ct as ce, d as le, dt as ue, et as de, f as fe, ft as pe, g as me, h as R, ht as he, i as ge, j as _e, l as z, lt as ve, m as ye, mt as be, o as xe, ot as Se, p as B, pt as Ce, r as we, s as Te, st as Ee, t as De, tt as V, u as Oe, ut as ke, v as Ae, x as je, y as Me, z as Ne } from "./document-model-Cc5RoO4j.js";
+import { createPinia as Pe, defineStore as H, disposePinia as Fe, getActivePinia as Ie, setActivePinia as Le } from "pinia";
+import { computed as U, hasInjectionContext as Re, markRaw as ze, onScopeDispose as Be, reactive as Ve, ref as W, shallowReactive as He, shallowRef as Ue, toRefs as G, watch as K } from "vue";
 // node_modules/.pnpm/mitt@3.0.1/node_modules/mitt/dist/mitt.mjs
 function We(e) {
 	return {
@@ -62,7 +62,7 @@ var Je = class {
 	bus;
 	commands = /* @__PURE__ */ new Map();
 	getContext;
-	version = W(0);
+	version = Ue(0);
 	constructor(e, t = qe()) {
 		this.getContext = e, this.bus = t;
 	}
@@ -280,7 +280,7 @@ function Xe(e, t = !1) {
 				let t = {
 					document: n.document.getDocument(),
 					input: E(r ?? w(n.document.data))
-				}, { mountPrintPreview: a } = await import("./mount-print-preview-D7M-1AqH.js");
+				}, { mountPrintPreview: a } = await import("./mount-print-preview-Bcb08lJ-.js");
 				return a(e, t, i);
 			}
 			return p(n.rendering, e.output, () => {
@@ -752,7 +752,7 @@ var vt = {
 }, yt = "1.0", bt = class {
 	#e = /* @__PURE__ */ new Map();
 	#t = /* @__PURE__ */ new Map();
-	#n = W(0);
+	#n = Ue(0);
 	contribute(e, t) {
 		e.signal.throwIfAborted();
 		let n = this.#t.get(t.point);
@@ -1373,7 +1373,7 @@ function $t(e, t, n) {
 		preferences: { register(t) {
 			i("preferences");
 			let r = n.track(e.preferences.register(t));
-			return e.store().view.restorePreferences(), e.store().panel.restorePreferences(), r;
+			return e.store().view.restorePreferences(), e.store().panel.restorePreferences(), e.store().ui.restorePreferences(), r;
 		} },
 		rendering: {
 			get active() {
@@ -1450,20 +1450,7 @@ var en = class {
 function tn(e) {
 	return !!e && typeof e == "object" && "then" in e;
 }
-function nn(e) {
-	return "manifest" in e && e.manifest ? e.manifest : {
-		apiVersion: "1.0",
-		id: e.name,
-		permissions: typeof e == "function" ? [
-			"commands",
-			"events",
-			"panels",
-			"templates"
-		] : [],
-		version: "1.0.0"
-	};
-}
-var rn = class {
+var nn = class {
 	getContext;
 	policy;
 	#e = !1;
@@ -1520,7 +1507,7 @@ var rn = class {
 	}
 	install(e) {
 		if (this.#e) throw Error("Plugin manager has been disposed");
-		let t = nn(e);
+		let t = this.manifestOf(e);
 		if (this.validate(t), this.#n.has(t.id)) return t.id;
 		let n = {
 			manifest: Object.freeze({
@@ -1531,18 +1518,13 @@ var rn = class {
 			}),
 			status: "installed"
 		};
-		if ("load" in e) n.loader = e.load;
-		else {
-			if (typeof e != "function" && !("manifest" in e) && !this.#t.has(e) && this.policy.allowLegacy === !1) throw Error("Legacy plugins are disabled by the host");
-			n.definition = typeof e == "function" ? e : "manifest" in e ? {
-				manifest: n.manifest,
-				setup: e.setup
-			} : {
-				name: e.name,
-				setup: e.setup
-			};
-		}
-		return this.#n.set(t.id, n), this.getContext().store().plugin.add(t.id), this.setStatus(n, "installed"), t.id;
+		return "load" in e ? n.loader = e.load : n.definition = typeof e == "function" ? e : "manifest" in e ? {
+			manifest: n.manifest,
+			setup: e.setup
+		} : {
+			name: e.name,
+			setup: e.setup
+		}, this.#n.set(t.id, n), this.getContext().store().plugin.add(t.id), this.setStatus(n, "installed"), t.id;
 	}
 	list() {
 		return [...this.#n.keys()];
@@ -1561,7 +1543,7 @@ var rn = class {
 		return this.dispose(e);
 	}
 	use(e, t) {
-		let n = "createPlugin" in e ? e.createPlugin(t) : e, r = nn(n).id;
+		let n = "createPlugin" in e ? e.createPlugin(t) : e, r = this.manifestOf(n).id;
 		if (this.has(r)) return this.enable(r);
 		this.install(n);
 		let i = this.#n.get(r);
@@ -1575,7 +1557,7 @@ var rn = class {
 		}
 	}
 	useScoped(e) {
-		let t = nn(e).id;
+		let t = this.manifestOf(e).id;
 		if (this.has(t)) return () => {};
 		let n = this.use(e), r = this.#n.get(t), i = () => {
 			this.#n.get(t) === r && this.dispose(t);
@@ -1593,7 +1575,7 @@ var rn = class {
 			let r = e.definition;
 			if (!r) throw Error(`Plugin was not loaded: ${e.manifest.id}`);
 			let i;
-			if (i = typeof r == "function" ? r($t(this.getContext(), e.manifest, t)) : "manifest" in r ? r.setup($t(this.getContext(), e.manifest, t)) : r.setup(this.createLegacyContext(t)), tn(i)) return i.then(n).catch((t) => {
+			if (i = typeof r == "function" ? r($t(this.getContext(), e.manifest, t)) : "manifest" in r ? r.setup($t(this.getContext(), e.manifest, t)) : r.setup(this.createHostContext(t)), tn(i)) return i.then(n).catch((t) => {
 				throw this.fail(e, t), t;
 			});
 			n(i);
@@ -1615,7 +1597,7 @@ var rn = class {
 			}
 		}
 	}
-	createLegacyContext(e) {
+	createHostContext(e) {
 		let t = this.getContext(), n = new Proxy(t.commands, { get(t, n) {
 			if (n === "register") return (n) => {
 				e.track(t.registerScoped([n]));
@@ -1653,6 +1635,19 @@ var rn = class {
 			setup: n.setup
 		};
 	}
+	manifestOf(e) {
+		if ("manifest" in e) {
+			if (!e.manifest) throw Error("Plugins require a manifest");
+			return e.manifest;
+		}
+		if (!this.#t.has(e)) throw Error("Plugins require a manifest");
+		return {
+			apiVersion: "1.0",
+			id: e.name,
+			permissions: [],
+			version: "1.0.0"
+		};
+	}
 	removeFailedInstallation(e, t) {
 		this.#n.get(e) === t && (this.#n.delete(e), this.getContext().store().plugin.remove(e));
 	}
@@ -1682,16 +1677,16 @@ var rn = class {
 			for (let t of e.permissions ?? []) if (!this.policy.permissions.includes(t)) throw Error(`Host denied permission ${t} for ${e.id}`);
 		}
 	}
-}, an = 2e3, on = "designer.errorHandling.unexpectedErrorMessage", sn = null;
-function cn() {
-	return sn ||= m({ report: ln }), sn;
+}, rn = 2e3, an = "designer.errorHandling.unexpectedErrorMessage", on = null;
+function sn() {
+	return on ||= m({ report: cn }), on;
 }
-function ln(e, t) {}
-function un(e) {
+function cn(e, t) {}
+function ln(e) {
 	let t = /* @__PURE__ */ new Map();
 	function n(e, n) {
 		let r = t.get(e);
-		return r !== void 0 && n - r < an ? !1 : (t.set(e, n), !0);
+		return r !== void 0 && n - r < rn ? !1 : (t.set(e, n), !0);
 	}
 	return {
 		handle: async function(t) {
@@ -1711,12 +1706,12 @@ function un(e) {
 		}
 	};
 }
-function dn(e) {
+function un(e) {
 	let t = 0;
 	return {
 		handle: async function() {
 			let n = Date.now();
-			return n - t >= an && (t = n, e.store().ui.toast(S(on), "error")), {
+			return n - t >= rn && (t = n, e.store().ui.toast(S(an), "error")), {
 				code: "unexpected-toast",
 				handled: !0
 			};
@@ -1726,13 +1721,13 @@ function dn(e) {
 		}
 	};
 }
-var fn = {
+var dn = {
 	get description() {
 		return S("designer.errorHandling.pluginDescription");
 	},
 	name: "builtin:error-handling",
 	setup: function(e) {
-		let t = e.errors, n = t.addRule(un(e), { prepend: !0 }), r = t.addRule(dn(e)), i = e.events.on("command:error", (t) => {
+		let t = e.errors, n = t.addRule(ln(e), { prepend: !0 }), r = t.addRule(un(e)), i = e.events.on("command:error", (t) => {
 			e.errors.capture(t.error, {
 				metadata: { commandId: t.id },
 				source: "command"
@@ -1742,26 +1737,26 @@ var fn = {
 			n(), r(), i();
 		};
 	}
-}, pn = /* @__PURE__ */ e({
-	bindEditorElements: () => vn,
-	bindEditorErrors: () => gn,
-	getEditorElements: () => yn,
-	getEditorErrors: () => _n
-}), mn = /* @__PURE__ */ new WeakMap(), hn = /* @__PURE__ */ new WeakMap();
-function gn(e, t) {
-	hn.set(e, t);
+}, fn = /* @__PURE__ */ e({
+	bindEditorElements: () => _n,
+	bindEditorErrors: () => hn,
+	getEditorElements: () => vn,
+	getEditorErrors: () => gn
+}), pn = /* @__PURE__ */ new WeakMap(), mn = /* @__PURE__ */ new WeakMap();
+function hn(e, t) {
+	mn.set(e, t);
 }
-function _n(e) {
-	return hn.get(e) ?? cn();
+function gn(e) {
+	return mn.get(e) ?? sn();
 }
-function vn(e, t) {
-	mn.set(e, t);
+function _n(e, t) {
+	pn.set(e, t);
 }
-function yn(e) {
-	return mn.get(e) ?? M;
+function vn(e) {
+	return pn.get(e) ?? M;
 }
 // src/designer/services/preference-storage.ts
-var bn = class {
+var yn = class {
 	fallback;
 	#e = [];
 	constructor(e) {
@@ -1779,19 +1774,40 @@ var bn = class {
 	set(e, t) {
 		(this.#e.at(-1) ?? this.fallback)?.set(e, t);
 	}
-}, xn = /* @__PURE__ */ e({
-	bindStageService: () => En,
-	contentMmFromClient: () => Dn,
-	createStageService: () => Sn,
-	getScrollElement: () => On,
-	getStageController: () => kn,
-	getStageService: () => Tn,
-	registerStageController: () => An,
-	registerStageElements: () => jn,
-	scrollToContentPoint: () => Mn
+};
+// src/core/coordinate-space.ts
+function bn(e, t) {
+	return {
+		x: t.x - e.x,
+		y: t.y - e.y
+	};
+}
+function xn(e, t) {
+	return {
+		x: t.x + e.x,
+		y: t.y + e.y
+	};
+}
+function Sn(e, t, n) {
+	return {
+		x: (t.x - e.left) / n,
+		y: (t.y - e.top) / n
+	};
+}
+// src/designer/services/stage-service.ts
+var Cn = /* @__PURE__ */ e({
+	bindStageService: () => On,
+	contentMmFromClient: () => kn,
+	createStageService: () => wn,
+	getScrollElement: () => An,
+	getStageController: () => jn,
+	getStageService: () => Dn,
+	registerStageController: () => Mn,
+	registerStageElements: () => Nn,
+	scrollToContentPoint: () => Pn
 });
-function Sn() {
-	let e = W(null), t = W(null), n = W(null);
+function wn() {
+	let e = Ue(null), t = Ue(null), n = Ue(null);
 	function r(n, r) {
 		e.value = n, t.value = r;
 	}
@@ -1810,16 +1826,16 @@ function Sn() {
 			x: 0,
 			y: 0
 		};
-		let a = i.getBoundingClientRect(), o = Oe * r;
-		return {
-			x: (e - a.left) / o,
-			y: (n - a.top) / o
-		};
+		let a = i.getBoundingClientRect(), o = de * r;
+		return Sn(a, {
+			x: e,
+			y: n
+		}, o);
 	}
 	function c(t, n, r, i) {
 		let a = e.value;
 		if (!a) return;
-		let o = Oe * i;
+		let o = de * i;
 		a.scrollLeft = t.x * o - n, a.scrollTop = t.y * o - r;
 	}
 	return {
@@ -1831,14 +1847,14 @@ function Sn() {
 		scrollToContentPoint: c
 	};
 }
-var Cn = /* @__PURE__ */ new WeakMap(), wn = Sn();
-function Tn(e) {
-	return e ? Cn.get(e) ?? wn : wn;
+var Tn = /* @__PURE__ */ new WeakMap(), En = wn();
+function Dn(e) {
+	return e ? Tn.get(e) ?? En : En;
 }
-function En(e) {
-	Cn.set(e, Sn());
+function On(e) {
+	Tn.set(e, wn());
 }
-var { contentMmFromClient: Dn, getScrollElement: On, getStageController: kn, registerStageController: An, registerStageElements: jn, scrollToContentPoint: Mn } = wn, Nn = [
+var { contentMmFromClient: kn, getScrollElement: An, getStageController: jn, registerStageController: Mn, registerStageElements: Nn, scrollToContentPoint: Pn } = En, Fn = [
 	{
 		height: 297,
 		id: "delivery",
@@ -1858,8 +1874,8 @@ var { contentMmFromClient: Dn, getScrollElement: On, getStageController: kn, reg
 		width: 148
 	}
 ];
-function Pn() {
-	let e = ke();
+function In() {
+	let e = Oe();
 	return e.templateId = we, {
 		dataSources: [],
 		name: S("designer.tutorial.practiceName"),
@@ -1868,12 +1884,12 @@ function Pn() {
 		version: "1.0"
 	};
 }
-function Fn(e, t) {
+function Ln(e, t) {
 	let n = e[0].toUpperCase() + e.slice(1), r = t[0].toUpperCase() + t.slice(1);
 	return S(`designer.tutorial.courses${n}${r}`);
 }
 function X(e, t) {
-	return Fn(e.id, t);
+	return Ln(e.id, t);
 }
 function Z(e, t, n, r, i, a, o = {}) {
 	let s = e.element.add("text", {
@@ -1894,7 +1910,7 @@ function Z(e, t, n, r, i, a, o = {}) {
 	if (!s) throw Error(`Tutorial page missing: ${t}`);
 	return s;
 }
-function In(e, t) {
+function Rn(e, t) {
 	e.page.update(e.document.data.pages[0].id, {
 		height: t.height,
 		margins: {
@@ -1908,7 +1924,7 @@ function In(e, t) {
 		width: t.width
 	});
 }
-function Ln(e, t) {
+function zn(e, t) {
 	let n = e.template.create({
 		id: "tutorial-template",
 		name: X(t, "templateName")
@@ -1939,7 +1955,7 @@ function Ln(e, t) {
 	}
 	e.template.applyToPages([e.document.data.pages[0].id], n.id), e.template.enterEdit(n.id);
 }
-function Rn(e, t) {
+function Bn(e, t) {
 	e.template.exitEdit();
 	let n = e.document.data.pages[0];
 	e.page.setActive(n.id);
@@ -1999,7 +2015,7 @@ function Rn(e, t) {
 		number: "{{ bill.number }}"
 	}), 18, 33, t.width - 30), Z(e, n.id, `${X(t, "partnerLabel")}：{{ bill.partner }}`, 18, 41, t.width - 30);
 }
-var zn = "tutorial-details", Bn = 50, Vn = 22, Hn = 5, Un = [
+var Vn = "tutorial-details", Hn = 50, Un = 22, Wn = 5, Gn = [
 	{
 		align: "left",
 		bind: "name",
@@ -2016,25 +2032,25 @@ var zn = "tutorial-details", Bn = 50, Vn = 22, Hn = 5, Un = [
 		key: "columnAmount"
 	}
 ];
-function Wn(e, t) {
+function Kn(e, t) {
 	let n = e.document.data.pages[0], r = e.element.add("table", {
 		bindings: { rows: "bill.items" },
-		height: Vn,
-		id: zn,
+		height: Un,
+		id: Vn,
 		name: X(t, "detailsName"),
 		width: t.width - 36,
 		x: 18,
-		y: Bn
+		y: Hn
 	}, n.id);
 	if (!r) throw Error(`Tutorial page missing: ${n.id}`);
-	e.element.updateProps(r.id, { columns: Un.map((e, n) => ({
+	e.element.updateProps(r.id, { columns: Gn.map((e, n) => ({
 		align: e.align,
 		bind: e.bind,
 		title: X(t, e.key),
 		width: n === 0 ? 2 : 1
 	})) });
 }
-function Gn(e, t) {
+function qn(e, t) {
 	let n = e.document.data.pages[0], r = Z(e, n.id, S("designer.tutorial.documentTotal", { amount: "{{ bill.total | currency }}" }), 18, 77, t.width - 36, { props: {
 		fontWeight: "700",
 		textAlign: "right"
@@ -2042,9 +2058,9 @@ function Gn(e, t) {
 	if (!e.followBlock.create(n.id, [r.id, i.id], {
 		id: "tutorial-details",
 		kind: "element"
-	}, Hn, S("designer.tutorial.documentSummary"))) throw Error("Tutorial follow block could not be created");
+	}, Wn, S("designer.tutorial.documentSummary"))) throw Error("Tutorial follow block could not be created");
 }
-function Kn(e, t) {
+function Jn(e, t) {
 	let n = e.page.add(t.width, t.height, X(t, "attachmentTitle"), { templateId: "tutorial-template" });
 	Z(e, n.id, X(t, "attachmentTitle"), 18, 35, t.width - 36, {
 		height: 12,
@@ -2060,60 +2076,60 @@ function Kn(e, t) {
 		props: { lineHeight: 1.8 }
 	}), Z(e, n.id, X(t, "signature"), 18, 105, t.width - 36);
 }
-function qn(e) {
+function Yn(e) {
 	e.view.updateSettings({ previewWithData: !0 });
 }
-var Jn = [
+var Xn = [
 	{
 		id: "welcome",
 		target: "menu"
 	},
 	{
-		apply: In,
+		apply: Rn,
 		id: "page",
 		target: "canvas"
 	},
 	{
-		apply: Ln,
+		apply: zn,
 		id: "template",
 		target: "canvas"
 	},
 	{
-		apply: Rn,
+		apply: Bn,
 		id: "data",
 		target: "canvas"
 	},
 	{
-		apply: Wn,
+		apply: Kn,
 		id: "table",
 		target: "canvas"
 	},
 	{
-		apply: Gn,
+		apply: qn,
 		id: "follow",
 		target: "canvas"
 	},
 	{
-		apply: Kn,
+		apply: Jn,
 		id: "pages",
 		target: "canvas"
 	},
 	{
-		apply: qn,
+		apply: Yn,
 		id: "preview",
 		target: "canvas"
 	}
 ];
 // src/designer/stores/canvas-store.ts
-function Yn(e) {
+function Zn(e) {
 	let n = e.elements ?? M;
-	return V("editor-canvas", () => {
-		let r = H(() => e.scope.pages.map((e) => ({
+	return H("editor-canvas", () => {
+		let r = U(() => e.scope.pages.map((e) => ({
 			...e,
 			elements: o(e, e.elements)
-		}))), i = H(() => function(e) {
+		}))), i = U(() => function(e) {
 			return r.value.find((t) => t.id === e);
-		}), a = H(() => o);
+		}), a = U(() => o);
 		function o(r, i, a = {}) {
 			let o = e.document.data, c = a.withData ?? e.view.settings.previewWithData, l = e.template.editingId ? void 0 : {
 				documentName: o.name,
@@ -2125,18 +2141,18 @@ function Yn(e) {
 			d.elements = n;
 			let f = e.repeatGroup.getByPage(r.id), p = /* @__PURE__ */ new Map();
 			return i.map((e) => {
-				let r = te(o, e, n);
+				let r = P(o, e, n);
 				a.resetSize && (r = {
 					...r,
 					height: 0
 				});
-				let i = Xn(r, n);
+				let i = Qn(r, n);
 				if (i) return i;
 				if (!c) {
 					let e = new Set(n.get(r.type)?.previewExpressionKeys);
 					return l ? t(r, l, u, e) : r;
 				}
-				let s = Zn(r, d, f, p);
+				let s = $n(r, d, f, p);
 				return b(r, s, u, "preview");
 			});
 		}
@@ -2146,7 +2162,7 @@ function Yn(e) {
 		};
 	})();
 }
-function Xn(e, t) {
+function Qn(e, t) {
 	let n = t.get(e.type);
 	if (!n?.resolvePreviewProps) return;
 	let r = {
@@ -2165,7 +2181,7 @@ function Xn(e, t) {
 		...i
 	};
 }
-function Zn(e, t, r, i) {
+function $n(e, t, r, i) {
 	let a = r.find((t) => t.elementIds.includes(e.id));
 	if (!a?.collection) return t;
 	let o = i.get(a.id);
@@ -2180,7 +2196,7 @@ function Zn(e, t, r, i) {
 	});
 }
 // src/core/layout-references.ts
-function Qn(e, t) {
+function er(e, t) {
 	let n = new Set(t);
 	return JSON.parse(JSON.stringify({
 		elementGroups: (e.elementGroups ?? []).filter((e) => e.elementIds.every((e) => n.has(e))),
@@ -2188,7 +2204,7 @@ function Qn(e, t) {
 		repeatGroups: (e.repeatGroups ?? []).filter((e) => e.elementIds.every((e) => n.has(e)))
 	}));
 }
-function $n(e, t, n, r, i) {
+function tr(e, t, n, r, i) {
 	function a(e, t) {
 		let n = e.get(t);
 		if (!n) throw Error(`Missing copied layout reference: ${t}`);
@@ -2218,9 +2234,9 @@ function $n(e, t, n, r, i) {
 		d = !1;
 		for (let e of l) u.has(e.id) && e.target.kind === "followBlock" && !u.has(e.target.id) && (u.delete(e.id), d = !0);
 	}
-	er(e, t.elementGroups ?? [], n, r, i), c.length > 0 && (e.repeatGroups = [...e.repeatGroups ?? [], ...c]), u.size > 0 && (e.followBlocks = [...e.followBlocks ?? [], ...l.filter((e) => u.has(e.id))]);
+	nr(e, t.elementGroups ?? [], n, r, i), c.length > 0 && (e.repeatGroups = [...e.repeatGroups ?? [], ...c]), u.size > 0 && (e.followBlocks = [...e.followBlocks ?? [], ...l.filter((e) => u.has(e.id))]);
 }
-function er(e, t, n, r, i) {
+function nr(e, t, n, r, i) {
 	if (t.length === 0) return;
 	let a = new Map(t.map((e) => [e.id, i("layer-group")])), o = [];
 	for (let e of t) {
@@ -2234,18 +2250,18 @@ function er(e, t, n, r, i) {
 		let s = e.parentId ? a.get(e.parentId) : void 0;
 		s && (i.parentId = s), o.push(i);
 	}
-	e.elementGroups = [...e.elementGroups ?? [], ...o], Se(e);
+	e.elementGroups = [...e.elementGroups ?? [], ...o], Ce(e);
 }
 // src/designer/stores/clipboard-store.ts
-function tr(e) {
-	return V("editor-clipboard", ({ action: t }) => {
-		let { unlockedNodes: n } = G(e.selection), r = e.ui.toast, i = e.element.removeSelected, { active: a } = G(e.scope), o = e.history.commit, s = U([]), c = U([]), l = U({
+function rr(e) {
+	return H("editor-clipboard", ({ action: t }) => {
+		let { unlockedNodes: n } = G(e.selection), r = e.ui.toast, i = e.element.removeSelected, { active: a } = G(e.scope), o = e.history.commit, s = W([]), c = W([]), l = W({
 			elementGroups: [],
 			followBlocks: [],
 			repeatGroups: []
 		}), u = t(() => {
 			let t = n.value;
-			t.length !== 0 && (s.value = t.map((e) => R(e)), c.value = E(e.document.data.templates ?? []), l.value = Qn(e.document.data, t.map((e) => e.id)), r(S("designer.clipboardStore.selectionCopiedMessage", { count: t.length })));
+			t.length !== 0 && (s.value = t.map((e) => xe(e)), c.value = E(e.document.data.templates ?? []), l.value = er(e.document.data, t.map((e) => e.id)), r(S("designer.clipboardStore.selectionCopiedMessage", { count: t.length })));
 		}, "copy"), d = t(() => {
 			u(), i();
 		}, "cut"), f = t(() => {
@@ -2254,27 +2270,27 @@ function tr(e) {
 			if (!t) return;
 			let n = [], i = /* @__PURE__ */ new Map();
 			for (let r of s.value) {
-				let a = R(r);
-				a.id = I("el"), Object.assign(a, D(a, 3, 3)), P(e.document.data, r, a, e.elements ?? M, {
+				let a = xe(r);
+				a.id = z("el"), Object.assign(a, F(a, 3, 3)), ne(e.document.data, r, a, e.elements ?? M, {
 					...e.document.data,
 					templates: c.value
 				}), t.elements.push(a), n.push(a.id), i.set(r.id, a.id);
 			}
-			e.document.data.pages.some((e) => e.id === t.id) && $n(e.document.data, l.value, i, t.id, I), e.selection.set(n), o(), r(S("designer.clipboardStore.selectionPastedMessage", { count: n.length }), "success");
+			e.document.data.pages.some((e) => e.id === t.id) && tr(e.document.data, l.value, i, t.id, z), e.selection.set(n), o(), r(S("designer.clipboardStore.selectionPastedMessage", { count: n.length }), "success");
 		}, "paste");
 		return {
 			copy: u,
 			cut: d,
-			isEmpty: H(() => s.value.length === 0),
+			isEmpty: U(() => s.value.length === 0),
 			nodes: s,
 			paste: f
 		};
 	})();
 }
 // src/designer/stores/config-store.ts
-function nr() {
-	return V("editor-config", () => {
-		let e = U(c());
+function ir() {
+	return H("editor-config", () => {
+		let e = W(c());
 		function t(t) {
 			e.value = c({ rendering: {
 				...e.value.rendering,
@@ -2292,9 +2308,9 @@ function nr() {
 	})();
 }
 // src/designer/stores/data-source-store.ts
-function rr(e) {
-	return V("editor-dataSource", () => {
-		let { data: t } = G(e.document), n = e.history.commit, r = H(() => t.value.dataSources ?? []);
+function ar(e) {
+	return H("editor-dataSource", () => {
+		let { data: t } = G(e.document), n = e.history.commit, r = U(() => t.value.dataSources ?? []);
 		function i(e) {
 			return r.value.find((t) => t.key === e);
 		}
@@ -2311,8 +2327,8 @@ function rr(e) {
 			r && (t.value.dataSources = r.filter((t) => t.key !== e), n());
 		}
 		return {
-			get: H(() => i),
-			has: H(() => function(e) {
+			get: U(() => i),
+			has: U(() => function(e) {
 				return i(e) !== void 0;
 			}),
 			list: r,
@@ -2322,14 +2338,14 @@ function rr(e) {
 	})();
 }
 // src/designer/template-library/builtin/welcome.json
-var ir = /* @__PURE__ */ e({
-	dataSources: () => ar,
-	default: () => lr,
-	name: () => or,
-	pages: () => sr,
-	templates: () => cr,
+var or = /* @__PURE__ */ e({
+	dataSources: () => sr,
+	default: () => dr,
+	name: () => cr,
+	pages: () => lr,
+	templates: () => ur,
 	version: () => "1.0"
-}), ar = [], or = "欢迎模板（横向 A4）", sr = [{
+}), sr = [], cr = "欢迎模板（横向 A4）", lr = [{
 	background: "#f5f3ee",
 	elements: [
 		{
@@ -2960,7 +2976,7 @@ var ir = /* @__PURE__ */ e({
 	name: "横向 A4",
 	templateId: "template-blank",
 	width: 297
-}], cr = [{
+}], ur = [{
 	builtin: !0,
 	id: "template-blank",
 	name: "空白模板",
@@ -2973,24 +2989,24 @@ var ir = /* @__PURE__ */ e({
 		name: "空白模板",
 		width: 297
 	}
-}], lr = {
-	dataSources: ar,
-	name: or,
-	pages: sr,
-	templates: cr,
+}], dr = {
+	dataSources: sr,
+	name: cr,
+	pages: lr,
+	templates: ur,
 	version: "1.0"
-}, ur = {
+}, fr = {
 	costSheet: () => import("./cost-sheet-Dwg0rt_l.js"),
 	invoice: () => import("./invoice-DuBN6ZCM.js"),
 	purchaseOrder: () => import("./purchase-order-DNBFPpEZ.js"),
-	welcome: () => Promise.resolve().then(() => ir)
+	welcome: () => Promise.resolve().then(() => or)
 };
-function dr() {
-	return structuredClone(lr);
+function pr() {
+	return structuredClone(dr);
 }
-async function fr(e) {
+async function mr(e) {
 	try {
-		let t = await ur[e]();
+		let t = await fr[e]();
 		return structuredClone(t.default);
 	} catch (t) {
 		throw new x(S("designer.templateLibrary.builtinFailed", { id: `builtin.${e}` }), {
@@ -2999,7 +3015,7 @@ async function fr(e) {
 		});
 	}
 }
-function pr() {
+function hr() {
 	return {
 		id: "builtin",
 		list() {
@@ -3008,28 +3024,28 @@ function pr() {
 					category: S("designer.templateLibrary.categoryBasic"),
 					description: S("designer.templateLibrary.welcomeDescription"),
 					id: "builtin.welcome",
-					load: () => fr("welcome"),
+					load: () => mr("welcome"),
 					name: S("designer.templateLibrary.welcomeName")
 				},
 				{
 					category: S("designer.templateLibrary.categoryBusiness"),
 					description: S("designer.templateLibrary.purchaseOrderDescription"),
 					id: "builtin.purchaseOrder",
-					load: () => fr("purchaseOrder"),
+					load: () => mr("purchaseOrder"),
 					name: S("designer.templateLibrary.purchaseOrderName")
 				},
 				{
 					category: S("designer.templateLibrary.categoryBusiness"),
 					description: S("designer.templateLibrary.costSheetDescription"),
 					id: "builtin.costSheet",
-					load: () => fr("costSheet"),
+					load: () => mr("costSheet"),
 					name: S("designer.templateLibrary.costSheetName")
 				},
 				{
 					category: S("designer.templateLibrary.categoryBusiness"),
 					description: S("designer.templateLibrary.invoiceDescription"),
 					id: "builtin.invoice",
-					load: () => fr("invoice"),
+					load: () => mr("invoice"),
 					name: S("designer.templateLibrary.invoiceName")
 				}
 			];
@@ -3038,8 +3054,8 @@ function pr() {
 	};
 }
 // src/designer/stores/document-store.ts
-var mr = "print-studio:document";
-function hr(e) {
+var gr = "print-studio:document";
+function _r(e) {
 	if (e.initialDocument) {
 		let t = B(E(e.initialDocument), e.elements);
 		if (e.strictInitialDocument && t.skippedTypes.length > 0) throw new x(S("designer.documentStore.skippedElementTypesMessage", { elementTypes: t.skippedTypes.join(", ") }), { code: "document.unsupported-elements" });
@@ -3047,7 +3063,7 @@ function hr(e) {
 	}
 	try {
 		let t = null;
-		if (e.storage ? t = e.storage.get() : e.storage !== !1 && (t = localStorage.getItem(mr)), t) {
+		if (e.storage ? t = e.storage.get() : e.storage !== !1 && (t = localStorage.getItem(gr)), t) {
 			let { document: n, skippedTypes: r } = B(JSON.parse(t), e.elements);
 			return r.length > 0 && console.warn(S("designer.documentStore.skippedElementTypesDetail", { elementTypes: r.join(", ") })), n;
 		}
@@ -3057,14 +3073,14 @@ function hr(e) {
 			code: "document.restore-failed",
 			detail: S("designer.documentStore.autoSaveRestoreFailedDetail")
 		});
-		(e.errors ?? cn()).capture(n, { source: "store.init" });
+		(e.errors ?? sn()).capture(n, { source: "store.init" });
 	}
-	let t = e.createDocument?.() ?? B(dr(), e.elements).document;
-	return F(t), t;
+	let t = e.createDocument?.() ?? B(pr(), e.elements).document;
+	return oe(t), t;
 }
-function gr(e) {
-	return V("editor-document", () => {
-		let t = e.ui.toast, n = U(hr(e)), r = U(JSON.stringify(n.value)), i = U(!1), a = U([]), o = U(null), s = H(() => JSON.stringify(a.value[0] ?? n.value) !== r.value), c, l = 0, u, d = 0;
+function vr(e) {
+	return H("editor-document", () => {
+		let t = e.ui.toast, n = W(_r(e)), r = W(JSON.stringify(n.value)), i = W(!1), a = W([]), o = W(null), s = U(() => JSON.stringify(a.value[0] ?? n.value) !== r.value), c, l = 0, u, d = 0;
 		function f() {
 			d += 1, clearTimeout(u);
 			let e = !1;
@@ -3079,19 +3095,19 @@ function gr(e) {
 		], () => {
 			clearTimeout(u), o.value || a.value.length > 0 || e.storage === !1 || d > 0 || (u = setTimeout(() => {
 				if (!(d > 0)) try {
-					e.storage ? e.storage.set(JSON.stringify(n.value)) : localStorage.setItem(mr, JSON.stringify(n.value));
+					e.storage ? e.storage.set(JSON.stringify(n.value)) : localStorage.setItem(gr, JSON.stringify(n.value));
 				} catch (t) {
 					let n = new x(S("designer.documentStore.autoSaveFailed"), {
 						cause: t,
 						code: "document.autosave-failed"
 					});
-					(e.errors ?? cn()).capture(n, { source: "store.autosave" });
+					(e.errors ?? sn()).capture(n, { source: "store.autosave" });
 				}
 			}, 600));
 		}, { deep: !0 });
 		function p() {
 			let r = e.createDocument?.() ?? le();
-			F(r), l += 1, n.value = r, n.value.pages[0].elements = [], n.value.pages[0].name = S("designer.documentStore.initialPageName"), e.resetSession(), e.commitHistory(), t(S("designer.documentStore.documentCreatedMessage"));
+			oe(r), l += 1, n.value = r, n.value.pages[0].elements = [], n.value.pages[0].name = S("designer.documentStore.initialPageName"), e.resetSession(), e.commitHistory(), t(S("designer.documentStore.documentCreatedMessage"));
 		}
 		function m(i) {
 			let a;
@@ -3132,7 +3148,7 @@ function gr(e) {
 		}
 		function w(t) {
 			if (o.value || i.value) throw Error("Document session is busy");
-			F(t), clearTimeout(u), o.value = {
+			oe(t), clearTimeout(u), o.value = {
 				document: _(),
 				savedSnapshot: r.value
 			}, l += 1, n.value = E(t), e.resetSession(), e.resetHistory();
@@ -3153,7 +3169,7 @@ function gr(e) {
 				i.value = !1, c = void 0;
 			}), c;
 		}
-		return Ve(() => clearTimeout(u)), {
+		return Be(() => clearTimeout(u)), {
 			beginPreview: y,
 			beginTemporary: w,
 			create: p,
@@ -3175,14 +3191,14 @@ function gr(e) {
 	})();
 }
 // src/designer/stores/element-group-store.ts
-function _r(e) {
-	return V("editor-elementGroup", ({ action: t }) => {
-		let { data: n } = G(e.document), { active: r } = G(e.scope), { ids: i } = G(e.selection), a = e.history.commit, o = U([]), s = H(() => n.value.elementGroups ?? []);
+function yr(e) {
+	return H("editor-elementGroup", ({ action: t }) => {
+		let { data: n } = G(e.document), { active: r } = G(e.scope), { ids: i } = G(e.selection), a = e.history.commit, o = W([]), s = U(() => n.value.elementGroups ?? []);
 		function c(e) {
 			return s.value.find((t) => t.id === e);
 		}
 		function l(e) {
-			return ge(n.value, e.pageId);
+			return R(n.value, e.pageId);
 		}
 		function u(e) {
 			return s.value.filter((t) => t.pageId === e);
@@ -3194,14 +3210,14 @@ function _r(e) {
 			return n.elements.filter((e) => r.has(e.id));
 		}
 		function f(e) {
-			let t = ge(n.value, e);
-			return t ? be(t, s.value) : [];
+			let t = R(n.value, e);
+			return t ? ce(t, s.value) : [];
 		}
 		function p(e) {
 			return o.value.includes(e);
 		}
 		function m(e) {
-			return ce(f(e), p);
+			return Ee(f(e), p);
 		}
 		function h(e) {
 			let t = s.value.filter((t) => t.elementIds.includes(e)), n;
@@ -3212,19 +3228,19 @@ function _r(e) {
 			let n = d(e);
 			return n.length > 0 && n.every((e) => e[t]);
 		}
-		let _ = H(() => i.value.length === 0 ? null : ue(f(r.value.id), i.value) ?? null), v = t((t, o) => {
+		let _ = U(() => i.value.length === 0 ? null : ke(f(r.value.id), i.value) ?? null), v = t((t, o) => {
 			let l = r.value, u = (t ?? i.value).filter((e) => l.elements.some((t) => t.id === e));
 			if (u.length === 0) return null;
-			let d = Ae(n.value, l.id, I, o), f = be(l, s.value);
-			if (!pe(f, u, d)) return null;
-			Ee(n.value, l, f);
+			let d = ve(n.value, l.id, z, o), f = ce(l, s.value);
+			if (!ue(f, u, d)) return null;
+			Se(n.value, l, f);
 			let p = c(d.id);
 			return p ? (e.selection.set([...p.elementIds]), a(), p) : null;
 		}, "create"), y = t((t) => {
 			let r = c(t), i = r ? l(r) : void 0;
 			if (!r || !i) return;
-			let u = [...r.elementIds], d = be(i, s.value);
-			he(d, t) && (Ee(n.value, i, d), o.value = o.value.filter((e) => e !== t), e.selection.set(u), a());
+			let u = [...r.elementIds], d = ce(i, s.value);
+			he(d, t) && (Se(n.value, i, d), o.value = o.value.filter((e) => e !== t), e.selection.set(u), a());
 		}, "ungroup"), b = t((t, n = !1) => {
 			let r = c(t);
 			r && (n ? e.element.removeIds([...r.elementIds]) : y(t));
@@ -3249,15 +3265,15 @@ function _r(e) {
 		}, "selectMembers");
 		return {
 			create: v,
-			find: H(() => c),
-			findByElement: H(() => h),
-			getByPage: H(() => u),
-			getMembers: H(() => d),
-			getRows: H(() => m),
-			getTree: H(() => f),
-			isCollapsed: H(() => p),
-			isLocked: H(() => (e) => g(e, "locked")),
-			isVisible: H(() => (e) => g(e, "visible")),
+			find: U(() => c),
+			findByElement: U(() => h),
+			getByPage: U(() => u),
+			getMembers: U(() => d),
+			getRows: U(() => m),
+			getTree: U(() => f),
+			isCollapsed: U(() => p),
+			isLocked: U(() => (e) => g(e, "locked")),
+			isVisible: U(() => (e) => g(e, "visible")),
 			list: s,
 			remove: b,
 			rename: x,
@@ -3272,21 +3288,21 @@ function _r(e) {
 	})();
 }
 // src/core/align.ts
-var vr = {
+var br = {
 	bottom: "y",
 	hcenter: "x",
 	left: "x",
 	right: "x",
 	top: "y",
 	vcenter: "y"
-}, yr = 1e-6;
-function br(e) {
-	return vr[e];
+}, xr = 1e-6;
+function Sr(e) {
+	return br[e];
 }
-function xr(e) {
+function Cr(e) {
 	return e === "h" ? "x" : "y";
 }
-function Sr(e, t) {
+function wr(e, t) {
 	return t === "x" ? {
 		end: e.x + e.width,
 		start: e.x
@@ -3295,55 +3311,55 @@ function Sr(e, t) {
 		start: e.y
 	};
 }
-function Cr(e, t) {
-	let { end: n, start: r } = Sr(e, vr[t]);
+function Tr(e, t) {
+	let { end: n, start: r } = wr(e, br[t]);
 	return t === "left" || t === "top" ? r : t === "right" || t === "bottom" ? n : (r + n) / 2;
 }
-function wr(e) {
+function Er(e) {
 	let t = /* @__PURE__ */ new Map();
-	for (let [n, r] of e) Math.abs(r) > yr && t.set(n, r);
+	for (let [n, r] of e) Math.abs(r) > xr && t.set(n, r);
 	return t;
 }
-function Tr(e, t) {
+function Dr(e, t) {
 	let { keyId: n, pageBounds: r, target: i = "selection" } = t;
 	if (r && (i === "page" || i === "selection" && e.length === 1)) return r;
 	if (i === "key") {
 		let t = e.find((e) => e.id === n);
 		if (t) return t.box;
 	}
-	return de(e.map((e) => e.box));
+	return D(e.map((e) => e.box));
 }
-function Er(e, t, n = {}) {
+function Or(e, t, n = {}) {
 	if (e.length === 0) return /* @__PURE__ */ new Map();
-	let r = Tr(e, n);
+	let r = Dr(e, n);
 	if (!r) return /* @__PURE__ */ new Map();
-	let i = Cr(r, t);
-	return wr(e.map((e) => [e.id, i - Cr(e.box, t)]));
+	let i = Tr(r, t);
+	return Er(e.map((e) => [e.id, i - Tr(e.box, t)]));
 }
-function Dr(e, t, n = {}) {
+function kr(e, t, n = {}) {
 	if (e.length < 3) return null;
-	let r = vr[t], i = e.map((e) => ({
+	let r = br[t], i = e.map((e) => ({
 		item: e,
-		point: Cr(e.box, t)
+		point: Tr(e.box, t)
 	})).sort((e, t) => e.point - t.point), a = i[0], o = i[i.length - 1], s = a.point, c = o.point;
 	if (n.target === "page" && n.pageBounds) {
-		let e = Sr(n.pageBounds, r), t = Sr(a.item.box, r), i = Sr(o.item.box, r);
+		let e = wr(n.pageBounds, r), t = wr(a.item.box, r), i = wr(o.item.box, r);
 		s = e.start + (a.point - t.start), c = e.end - (i.end - o.point);
 	}
 	let l = (c - s) / (i.length - 1);
-	return wr(i.map(({ item: e, point: t }, n) => [e.id, s + l * n - t]));
+	return Er(i.map(({ item: e, point: t }, n) => [e.id, s + l * n - t]));
 }
-function Or(e, t, n = {}) {
-	let r = xr(t), i = typeof n.spacing == "number" && Number.isFinite(n.spacing) ? n.spacing : null;
+function Ar(e, t, n = {}) {
+	let r = Cr(t), i = typeof n.spacing == "number" && Number.isFinite(n.spacing) ? n.spacing : null;
 	if (e.length < (i === null ? 3 : 2)) return null;
 	let a = e.map((e) => ({
 		item: e,
-		...Sr(e.box, r)
+		...wr(e.box, r)
 	})).sort((e, t) => e.start - t.start || e.end - t.end), o = a.map((e) => e.end - e.start), s = [];
 	if (i === null) {
 		let e = a[0], t = a[a.length - 1], i = e.start, c = t.end;
 		if (n.target === "page" && n.pageBounds) {
-			let e = Sr(n.pageBounds, r);
+			let e = wr(n.pageBounds, r);
 			i = e.start, c = e.end;
 		}
 		let l = o.reduce((e, t) => e + t, 0), u = (c - i - l) / (a.length - 1), d = i;
@@ -3354,28 +3370,28 @@ function Or(e, t, n = {}) {
 		for (let e = t + 1; e < a.length; e++) s[e] = s[e - 1] + o[e - 1] + i;
 		for (let e = t - 1; e >= 0; e--) s[e] = s[e + 1] - i - o[e];
 	}
-	return wr(a.map((e, t) => [e.item.id, s[t] - e.start]));
+	return Er(a.map((e, t) => [e.item.id, s[t] - e.start]));
 }
 // src/designer/stores/element-store.ts
-function kr(e) {
+function jr(e) {
 	let t = e.elements ?? M;
-	return V("editor-element", ({ action: n }) => {
+	return H("editor-element", ({ action: n }) => {
 		let { data: r } = G(e.document), { active: i } = G(e.scope), a = e.history.commit, { ids: o, nodes: s } = G(e.selection), c = e.ui.toast;
 		function l(e) {
-			return ge(r.value, e);
+			return R(r.value, e);
 		}
-		let u = U(null), d = U("");
+		let u = W(null), d = W("");
 		function f(e, n) {
-			Object.assign(e, Pe(e, { width: e.width }, t, { enforceMinimum: !1 })), u.value = e, d.value = n;
+			Object.assign(e, Ne(e, { width: e.width }, t, { enforceMinimum: !1 })), u.value = e, d.value = n;
 		}
 		function p(e) {
-			u.value && Object.assign(u.value, Pe(u.value, e, t, { enforceMinimum: !1 }));
+			u.value && Object.assign(u.value, Ne(u.value, e, t, { enforceMinimum: !1 }));
 		}
 		let m = n(() => {
 			u.value = null, d.value = "";
 		}, "cancelDraft");
 		function h(e) {
-			return xe(r.value, e);
+			return ye(r.value, e);
 		}
 		function g(e) {
 			return h(e)?.node;
@@ -3390,17 +3406,17 @@ function kr(e) {
 			let s = o ? l(o) : i.value;
 			if (!s) return null;
 			let c = se(e, n, t);
-			return s.elements.push(c), ye(r.value, c, t), a(), c;
+			return s.elements.push(c), _e(r.value, c, t), a(), c;
 		}, "add"), b = n((n) => {
 			let i = u.value;
 			if (!i || !d.value) return u.value = null, d.value = "", null;
 			let o = l(d.value);
 			if (u.value = null, d.value = "", !o) return null;
 			if (!t.get(i.type)?.pointBased) {
-				let e = k(i, t), r = z(Math.max(i.width, e.width)), a = z(Math.max(i.height, e.height));
-				n && r > i.width && i.x < z(n.x) && (i.x = z(n.x - r)), n && a > i.height && i.y < z(n.y) && (i.y = z(n.y - a)), i.width = r, i.height = a;
+				let e = k(i, t), r = L(Math.max(i.width, e.width)), a = L(Math.max(i.height, e.height));
+				n && r > i.width && i.x < L(n.x) && (i.x = L(n.x - r)), n && a > i.height && i.y < L(n.y) && (i.y = L(n.y - a)), i.width = r, i.height = a;
 			}
-			return o.elements.push(i), ye(r.value, i, t), e.selection.set([i.id]), a(), i;
+			return o.elements.push(i), _e(r.value, i, t), e.selection.set([i.id]), a(), i;
 		}, "commitDraft");
 		function x(e, n) {
 			let i = h(e);
@@ -3409,7 +3425,7 @@ function kr(e) {
 			let a = {
 				...i.node,
 				...n
-			}, o = te(r.value, a, t);
+			}, o = P(r.value, a, t);
 			return o !== a && (n = {
 				...n,
 				bindings: o.bindings,
@@ -3417,7 +3433,7 @@ function kr(e) {
 			}), j(r.value, {
 				...i.node,
 				...n
-			}, t), Object.assign(i.node, Pe(i.node, n, t)), ("props" in n || "type" in n || "bindings" in n) && (ye(r.value, i.node, t), O(r.value, t)), "props" in n && ve(i.node, t.get(i.node.type)), !0;
+			}, t), Object.assign(i.node, Ne(i.node, n, t)), ("props" in n || "type" in n || "bindings" in n) && (_e(r.value, i.node, t), O(r.value, t)), "props" in n && ge(i.node, t.get(i.node.type)), !0;
 		}
 		function C(e) {
 			return e.y !== void 0 && !w(e);
@@ -3428,7 +3444,7 @@ function kr(e) {
 		let T = n((n, i = {}, o = []) => {
 			for (let { id: e, patch: i } of n) {
 				let n = g(e);
-				n && (A(r.value, n, i), j(r.value, te(r.value, {
+				n && (A(r.value, n, i), j(r.value, P(r.value, {
 					...n,
 					...i
 				}, t), t));
@@ -3443,68 +3459,68 @@ function kr(e) {
 			return i.transient || a(), l;
 		}, "updateMany"), E = n((t, n, r = {}) => {
 			x(t, n) && (e.layout.apply(C(n) ? [t] : [], w(n) ? [t] : []), r.transient || a());
-		}, "update"), M = n((n, i, o = {}) => {
+		}, "update"), D = n((n, i, o = {}) => {
 			let s = h(n);
 			if (!s || s.node.locked) return;
-			let c = te(r.value, {
+			let c = P(r.value, {
 				...s.node,
 				props: {
 					...s.node.props,
 					...i
 				}
 			}, t);
-			j(r.value, c, t), s.node.props = c.props, ye(r.value, s.node, t), O(r.value, t), ve(s.node, t.get(s.node.type)), e.layout.apply(), o.transient || a();
-		}, "updateProps"), ee = n((t, n = {}) => {
+			j(r.value, c, t), s.node.props = c.props, _e(r.value, s.node, t), O(r.value, t), ge(s.node, t.get(s.node.type)), e.layout.apply(), o.transient || a();
+		}, "updateProps"), M = n((t, n = {}) => {
 			if (t.length === 0) return;
 			for (let e of t) {
 				let t = g(e);
 				t && A(r.value, t);
 			}
 			let i = new Set(t);
-			for (let e of oe(r.value)) e.elements = e.elements.filter((e) => !i.has(e.id));
-			O(r.value), Se(r.value), r.value.repeatGroups?.length && (r.value.repeatGroups = r.value.repeatGroups.map((e) => ({
+			for (let e of ae(r.value)) e.elements = e.elements.filter((e) => !i.has(e.id));
+			O(r.value), Ce(r.value), r.value.repeatGroups?.length && (r.value.repeatGroups = r.value.repeatGroups.map((e) => ({
 				...e,
 				elementIds: e.elementIds.filter((e) => !i.has(e))
 			})).filter((e) => e.elementIds.length > 0)), e.selection.set(o.value.filter((e) => !i.has(e))), N(r.value), e.selection.setEditingId(null), n.transient || a();
-		}, "removeIds"), ne = n(() => {
-			ee(o.value.filter((e) => {
+		}, "removeIds"), ee = n(() => {
+			M(o.value.filter((e) => {
 				let t = h(e);
 				return t ? !t.node.locked : !1;
 			}));
-		}, "removeSelected"), re = n((n, i = 3, o = {}) => {
-			let s = Qn(r.value, n), c = [], l = /* @__PURE__ */ new Map();
+		}, "removeSelected"), te = n((n, i = 3, o = {}) => {
+			let s = er(r.value, n), c = [], l = /* @__PURE__ */ new Map();
 			for (let e of n) {
 				let n = h(e);
 				if (!n) continue;
-				let a = R(n.node);
-				a.id = I("el"), a.name = S("designer.elementStore.duplicateName", { elementName: n.node.name }), Object.assign(a, D(a, i, i)), P(r.value, n.node, a, t), n.page.elements.push(a);
+				let a = xe(n.node);
+				a.id = z("el"), a.name = S("designer.elementStore.duplicateName", { elementName: n.node.name }), Object.assign(a, F(a, i, i)), ne(r.value, n.node, a, t), n.page.elements.push(a);
 				let o = l.get(n.page.id) ?? /* @__PURE__ */ new Map();
 				o.set(e, a.id), l.set(n.page.id, o), c.push(a.id);
 			}
 			if (c.length > 0) {
-				for (let [e, t] of l) $n(r.value, {
+				for (let [e, t] of l) tr(r.value, {
 					elementGroups: s.elementGroups.filter((t) => t.pageId === e),
 					followBlocks: s.followBlocks.filter((t) => t.pageId === e),
 					repeatGroups: s.repeatGroups.filter((t) => t.pageId === e)
-				}, t, e, I);
+				}, t, e, z);
 				e.selection.set(c), o.transient || a();
 			}
-		}, "duplicate"), ae = n((t, n) => {
+		}, "duplicate"), re = n((t, n) => {
 			let r = e.selection.unlockedNodes;
 			if (r.length !== 0) {
-				for (let e of r) Object.assign(e, D(e, t, n));
+				for (let e of r) Object.assign(e, F(e, t, n));
 				e.layout.apply(n === 0 ? [] : r.map((e) => e.id)), a({ coalesce: `nudge:${r.map((e) => e.id).join(",")}` });
 			}
 		}, "nudge");
-		function F(e, t) {
-			let n = be(e, r.value.elementGroups ?? []);
-			return t(n) ? (Ee(r.value, e, n), !0) : !1;
+		function I(e, t) {
+			let n = ce(e, r.value.elementGroups ?? []);
+			return t(n) ? (Se(r.value, e, n), !0) : !1;
 		}
-		let ce = n((e, t, n) => {
+		let oe = n((e, t, n) => {
 			let r = l(e);
 			if (!r || !r.elements.some((e) => e.id === t)) return;
-			let i = [...r.elements].reverse(), o = L(n, 0, i.length), s = o < i.length, c = s ? i[o] : i[i.length - 1];
-			c.id !== t && F(r, (e) => Ce(e, [{
+			let i = [...r.elements].reverse(), o = V(n, 0, i.length), s = o < i.length, c = s ? i[o] : i[i.length - 1];
+			c.id !== t && I(r, (e) => pe(e, [{
 				id: t,
 				kind: "element"
 			}], {
@@ -3513,7 +3529,7 @@ function kr(e) {
 			}, s ? "above" : "below")), a();
 		}, "moveByDisplayIndex"), le = n((e, t, n, r) => {
 			let i = l(e);
-			i && F(i, (e) => Ce(e, t, n, r)) && a();
+			i && I(i, (e) => pe(e, t, n, r)) && a();
 		}, "moveLayerNodes");
 		function ue(e) {
 			let t = /* @__PURE__ */ new Map();
@@ -3525,7 +3541,7 @@ function kr(e) {
 			}
 			for (let [n, r] of t) {
 				let t = l(n);
-				t && F(t, (t) => _e(t, r, e));
+				t && I(t, (t) => be(t, r, e));
 			}
 			a();
 		}
@@ -3533,17 +3549,17 @@ function kr(e) {
 			ue({ offset: e });
 		}, "reorder"), fe = n((e) => {
 			ue({ edge: e });
-		}, "sendTo"), pe = n((e, t, n) => {
+		}, "sendTo"), me = n((e, t, n) => {
 			let i = _(e).filter((e) => e[t] !== n);
 			if (i.length !== 0) {
 				if (t === "visible") for (let e of i) A(r.value, e, { visible: n });
 				for (let e of i) e[t] = n;
 				a();
 			}
-		}, "setFlag"), me = n((e, t) => {
+		}, "setFlag"), he = n((e, t) => {
 			let n = h(e);
 			n && (t === "visible" && A(r.value, n.node, { visible: !n.node.visible }), n.node[t] = !n.node[t], a());
-		}, "toggleFlag"), he = n((e, t) => {
+		}, "toggleFlag"), ve = n((e, t) => {
 			let n = h(e);
 			n && t.trim() && (n.node.name = t.trim(), a());
 		}, "rename");
@@ -3572,7 +3588,7 @@ function kr(e) {
 			for (let [e, i] of r) {
 				let r = t.get(e);
 				if (!r) continue;
-				let a = n === "x" ? D(r, i, 0) : D(r, 0, i);
+				let a = n === "x" ? F(r, i, 0) : F(r, 0, i);
 				Object.assign(r, a);
 			}
 			e.layout.apply(n === "y" ? [...r.keys()] : []), a();
@@ -3582,31 +3598,31 @@ function kr(e) {
 			align: n((e, t = {}) => {
 				let n = B();
 				if (!n) return;
-				let r = Er(n.items, e, {
+				let r = Or(n.items, e, {
 					...t,
 					pageBounds: n.pageBounds
 				});
-				we(n.nodes, br(e), r);
+				we(n.nodes, Sr(e), r);
 			}, "align"),
 			cancelDraft: m,
 			commitDraft: b,
 			distribute: n((e, t = {}) => {
 				let n = B();
 				if (!n) return;
-				let r = Dr(n.items, e, {
+				let r = kr(n.items, e, {
 					...t,
 					pageBounds: n.pageBounds
 				});
-				r ? we(n.nodes, br(e), r) : c(S("designer.elementStore.insufficientDistributionSelection"));
+				r ? we(n.nodes, Sr(e), r) : c(S("designer.elementStore.insufficientDistributionSelection"));
 			}, "distribute"),
 			distributeSpacing: n((e, t = {}) => {
 				let n = B();
 				if (!n) return;
-				let r = Or(n.items, e, {
+				let r = Ar(n.items, e, {
 					...t,
 					pageBounds: n.pageBounds
 				});
-				if (r) we(n.nodes, xr(e), r);
+				if (r) we(n.nodes, Cr(e), r);
 				else {
 					let e = typeof t.spacing == "number" && Number.isFinite(t.spacing);
 					c(S(e ? "designer.elementStore.insufficientSpacingSelection" : "designer.elementStore.insufficientDistributionSelection"));
@@ -3614,40 +3630,40 @@ function kr(e) {
 			}, "distributeSpacing"),
 			draftElement: u,
 			draftPageId: d,
-			duplicate: re,
-			find: H(() => h),
-			get: H(() => g),
-			getByPage: H(() => v),
-			getMany: H(() => _),
-			moveByDisplayIndex: ce,
+			duplicate: te,
+			find: U(() => h),
+			get: U(() => g),
+			getByPage: U(() => v),
+			getMany: U(() => _),
+			moveByDisplayIndex: oe,
 			moveLayerNodes: le,
-			nudge: ae,
-			removeIds: ee,
-			removeSelected: ne,
-			rename: he,
+			nudge: re,
+			removeIds: M,
+			removeSelected: ee,
+			rename: ve,
 			reorder: de,
 			sendTo: fe,
 			setDraft: f,
-			setFlag: pe,
-			toggleFlag: me,
+			setFlag: me,
+			toggleFlag: he,
 			update: E,
 			updateDraft: p,
 			updateMany: T,
-			updateProps: M
+			updateProps: D
 		};
 	})();
 }
 // src/designer/stores/follow-block-store.ts
-function Ar(e) {
-	return V("editor-followBlock", () => {
-		let t = H(() => e.document.data.followBlocks ?? []), n = H(() => (e) => t.value.find((t) => t.id === e)), r = H(() => (e) => t.value.filter((t) => t.pageId === e)), i = H(() => (e) => {
+function Mr(e) {
+	return H("editor-followBlock", () => {
+		let t = U(() => e.document.data.followBlocks ?? []), n = U(() => (e) => t.value.find((t) => t.id === e)), r = U(() => (e) => t.value.filter((t) => t.pageId === e)), i = U(() => (e) => {
 			let n = /* @__PURE__ */ new Set();
 			for (let r of e) for (let e of t.value) e.elementIds.includes(r) && n.add(e);
 			return [...n];
-		}), s = H(() => {
+		}), s = U(() => {
 			let n = e.selection.ids;
 			if (n.length !== 0) return t.value.find((e) => n.every((t) => e.elementIds.includes(t)));
-		}), c = H(() => (e) => t.value.filter((t) => {
+		}), c = U(() => (e) => t.value.filter((t) => {
 			let n = l(t, e);
 			return n.elementIds.length > t.elementIds.length && !u(n);
 		}));
@@ -3681,7 +3697,7 @@ function Ar(e) {
 			let i = e.document.data, o = i.pages.find((e) => e.id === t), s = ee(i, t, r)?.elementIds ?? [], c = a((o?.elements ?? []).filter((e) => n.includes(e.id))), l = a((o?.elements ?? []).filter((e) => s.includes(e.id)));
 			return !c || !l ? 0 : c.y - l.y - l.height;
 		}
-		function m(e, t, r, i = 2, a = S("designer.followBlock.defaultName"), o = I("follow")) {
+		function m(e, t, r, i = 2, a = S("designer.followBlock.defaultName"), o = z("follow")) {
 			if (n.value(o)) throw Error(`Follow block already exists: ${o}`);
 			let s = {
 				elementIds: [...t],
@@ -3736,13 +3752,13 @@ function Ar(e) {
 	})();
 }
 // src/designer/stores/guide-store.ts
-function jr(e) {
-	return V("editor-guide", () => {
+function Nr(e) {
+	return H("editor-guide", () => {
 		let { pages: t } = G(e.scope), n = e.history.commit;
 		function r(t) {
 			return e.scope.get(t);
 		}
-		let i = H(() => t.value.some((e) => e.guides.length > 0));
+		let i = U(() => t.value.some((e) => e.guides.length > 0));
 		function a(e) {
 			return r(e)?.guides ?? [];
 		}
@@ -3763,15 +3779,15 @@ function jr(e) {
 			let o = r(e);
 			if (!o) return null;
 			let s = {
-				id: I("guide"),
+				id: z("guide"),
 				orientation: t,
-				position: z(i)
+				position: L(i)
 			};
 			return o.guides.push(s), a.transient || n(), s;
 		}
 		function l(e, t, r, i = {}) {
 			let a = o(e, t);
-			a && (a.position = z(r), i.transient || n());
+			a && (a.position = L(r), i.transient || n());
 		}
 		function u(e, t, i = {}) {
 			let a = r(e);
@@ -3784,9 +3800,9 @@ function jr(e) {
 		return {
 			add: c,
 			clear: d,
-			find: H(() => s),
-			get: H(() => o),
-			getByPage: H(() => a),
+			find: U(() => s),
+			get: U(() => o),
+			getByPage: U(() => a),
 			hasAny: i,
 			move: l,
 			remove: u
@@ -3794,10 +3810,10 @@ function jr(e) {
 	})();
 }
 // src/designer/stores/history-store.ts
-var Mr = 100;
-function Nr(e) {
-	return V("editor-history", ({ action: t }) => {
-		let { data: n } = G(e.document), r = U([]), i = U(-1), a = U([]), o = U(null), s = H(() => i.value > 0), c = H(() => i.value < r.value.length - 1);
+var Pr = 100;
+function Fr(e) {
+	return H("editor-history", ({ action: t }) => {
+		let { data: n } = G(e.document), r = W([]), i = W(-1), a = W([]), o = W(null), s = U(() => i.value > 0), c = U(() => i.value < r.value.length - 1);
 		function l() {
 			return JSON.stringify({
 				dataSources: n.value.dataSources ?? [],
@@ -3814,7 +3830,7 @@ function Nr(e) {
 			let n = l();
 			if (r.value[i.value] === n) return;
 			let a = Date.now();
-			t.coalesce !== void 0 && t.coalesce === u && a - d < 800 && i.value === r.value.length - 1 ? (r.value[i.value] = n, d = a) : (u = t.coalesce ?? null, d = a, r.value = r.value.slice(0, i.value + 1), r.value.push(n), r.value.length > Mr && r.value.shift(), i.value = r.value.length - 1);
+			t.coalesce !== void 0 && t.coalesce === u && a - d < 800 && i.value === r.value.length - 1 ? (r.value[i.value] = n, d = a) : (u = t.coalesce ?? null, d = a, r.value = r.value.slice(0, i.value + 1), r.value.push(n), r.value.length > Pr && r.value.shift(), i.value = r.value.length - 1);
 		}, "commit");
 		function p(t) {
 			let r = JSON.parse(t);
@@ -3873,19 +3889,19 @@ function Nr(e) {
 	})();
 }
 // src/designer/stores/layout-store.ts
-function Pr(e) {
-	return V("editor-layout", () => {
-		let t = Ue(/* @__PURE__ */ new Map());
+function Ir(e) {
+	return H("editor-layout", () => {
+		let t = He(/* @__PURE__ */ new Map());
 		function n(e, n) {
 			let r = t.get(e);
-			return t.set(e, Be(n)), () => {
+			return t.set(e, ze(n)), () => {
 				t.get(e) === n && (r ? t.set(e, r) : t.delete(e));
 			};
 		}
 		function r(n = [], r = []) {
 			let i = [];
 			for (let a of t.values()) for (let t of a(e.document.data, n, r)) {
-				let n = xe(e.document.data, t.id);
+				let n = ye(e.document.data, t.id);
 				n && (Object.assign(n.node, t.patch), i.push(t));
 			}
 			return i;
@@ -3898,9 +3914,9 @@ function Pr(e) {
 	})();
 }
 // src/designer/stores/navigation-store.ts
-function Fr(e) {
-	return V("editor-navigation", () => {
-		let t = U([]);
+function Lr(e) {
+	return H("editor-navigation", () => {
+		let t = W([]);
 		function n(n) {
 			e.template.get(n) && e.template.editingId !== n && (t.value.push({
 				dialogSessionId: e.ui.suspendDialog(),
@@ -3939,30 +3955,30 @@ function Fr(e) {
 	})();
 }
 // src/designer/stores/page-store.ts
-function Ir(e) {
-	return V("editor-page", () => {
-		let { data: t } = G(e.document), n = e.history.commit, r = e.ui.toast, i = U(""), a = H(() => t.value.pages), o = H(() => a.value.length > 1), s = H(() => l(d.value));
+function Rr(e) {
+	return H("editor-page", () => {
+		let { data: t } = G(e.document), n = e.history.commit, r = e.ui.toast, i = W(""), a = U(() => t.value.pages), o = U(() => a.value.length > 1), s = U(() => l(d.value));
 		function c(e) {
 			return a.value.find((t) => t.id === e);
 		}
 		function l(e) {
 			return a.value.findIndex((t) => t.id === e);
 		}
-		let u = H(() => {
+		let u = U(() => {
 			let e = c(i.value) ?? a.value[0];
 			if (!e) throw Error("Document must contain at least one page");
 			return e;
-		}), d = H(() => u.value.id);
+		}), d = U(() => u.value.id);
 		function f(e) {
 			c(e) && (i.value = e);
 		}
 		function p(e, r, a, o = {}) {
-			if (o.id && ge(t.value, o.id)) throw Error(`Page already exists: ${o.id}`);
-			let s = je(t.value, {
+			if (o.id && R(t.value, o.id)) throw Error(`Page already exists: ${o.id}`);
+			let s = Ae(t.value, {
 				height: r,
 				width: e,
 				...o
-			}, t.value.pages.length + 1), c = ke(e, r, a ?? S("designer.pageStore.numberedPageName", { pageNumber: t.value.pages.length + 1 }), {
+			}, t.value.pages.length + 1), c = Oe(e, r, a ?? S("designer.pageStore.numberedPageName", { pageNumber: t.value.pages.length + 1 }), {
 				...o,
 				...s
 			});
@@ -3971,23 +3987,23 @@ function Ir(e) {
 		function m(r) {
 			let a = l(r);
 			if (a < 0) return;
-			let o = t.value.pages[a], s = Qn(t.value, o.elements.map((e) => e.id)), c = {
-				...ae(o),
+			let o = t.value.pages[a], s = er(t.value, o.elements.map((e) => e.id)), c = {
+				...I(o),
 				background: o.background,
 				elements: o.elements.map((e) => ({
-					...R(e),
-					id: I("el")
+					...xe(e),
+					id: z("el")
 				})),
 				guides: o.guides.map((e) => ({
 					...e,
-					id: I("guide")
+					id: z("guide")
 				})),
-				id: I("page"),
+				id: z("page"),
 				name: S("designer.pageStore.duplicatePageName", { pageName: o.name }),
 				templateId: o.templateId
 			};
-			for (let [n, r] of o.elements.entries()) P(t.value, r, c.elements[n], e.elements ?? M);
-			t.value.pages.splice(a + 1, 0, c), $n(t.value, s, new Map(o.elements.map((e, t) => [e.id, c.elements[t].id])), c.id, I), i.value = c.id, n();
+			for (let [n, r] of o.elements.entries()) ne(t.value, r, c.elements[n], e.elements ?? M);
+			t.value.pages.splice(a + 1, 0, c), tr(t.value, s, new Map(o.elements.map((e, t) => [e.id, c.elements[t].id])), c.id, z), i.value = c.id, n();
 		}
 		function h(e) {
 			if (!o.value) {
@@ -4004,9 +4020,19 @@ function Ir(e) {
 			let a = {
 				...i,
 				...r
-			}, o = je(t.value, a);
+			}, o = Ae(t.value, a);
 			Object.assign(i, a, o), n();
 		}
+		function _(e, t) {
+			let r = c(e);
+			if (r) {
+				if (t && (!Number.isFinite(t.x) || !Number.isFinite(t.y))) throw Error("Page position must contain finite coordinates");
+				t === null ? delete r.position : r.position = {
+					x: Math.max(0, L(t.x, 2)),
+					y: Math.max(0, L(t.y, 2))
+				}, n();
+			}
+		}
 		return {
 			active: u,
 			activeId: d,
@@ -4014,12 +4040,13 @@ function Ir(e) {
 			add: p,
 			canRemove: o,
 			copy: m,
-			get: H(() => c),
-			getIndex: H(() => l),
-			has: H(() => function(e) {
+			get: U(() => c),
+			getIndex: U(() => l),
+			has: U(() => function(e) {
 				return c(e) !== void 0;
 			}),
 			list: a,
+			move: _,
 			remove: h,
 			setActive: f,
 			update: g
@@ -4027,32 +4054,32 @@ function Ir(e) {
 	})();
 }
 // src/designer/stores/panel-store.ts
-var Lr = "print-studio:panel-layout";
-function Rr(e) {
+var zr = "print-studio:panel-layout";
+function Br(e) {
 	return {
 		activeId: e[0] ?? "",
-		id: I("panel-group"),
+		id: z("panel-group"),
 		panelIds: e,
 		weight: 1
 	};
 }
-function zr(e) {
+function Vr(e) {
 	return {
 		collapsed: !1,
 		floating: !1,
 		groups: e,
 		height: 480,
-		id: I("panel-column"),
+		id: z("panel-column"),
 		railWidth: 112,
 		width: 280,
 		x: 80,
 		y: 100
 	};
 }
-function Br(e, t, n, r) {
-	return typeof e == "number" && Number.isFinite(e) ? L(e, n, r) : t;
+function Hr(e, t, n, r) {
+	return typeof e == "number" && Number.isFinite(e) ? V(e, n, r) : t;
 }
-function Vr(e) {
+function Ur(e) {
 	let t = {
 		columns: [],
 		version: 1
@@ -4061,22 +4088,22 @@ function Vr(e) {
 	let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
 	for (let i of e.columns) {
 		if (!i || typeof i != "object" || !Array.isArray(i.groups)) continue;
-		let e = zr([]);
+		let e = Vr([]);
 		typeof i.id == "string" && !r.has(i.id) && (e.id = i.id), r.add(e.id);
 		for (let t of i.groups) {
 			if (!t || typeof t != "object" || !Array.isArray(t.panelIds)) continue;
 			let i = t.panelIds.filter((e) => typeof e != "string" || !e || n.has(e) ? !1 : (n.add(e), !0));
 			if (!i.length) continue;
-			let a = Rr(i);
-			typeof t.id == "string" && !r.has(t.id) && (a.id = t.id), r.add(a.id), a.activeId = i.includes(t.activeId) ? t.activeId : i[0], a.weight = Br(t.weight, 1, .05, 100), e.groups.push(a);
+			let a = Br(i);
+			typeof t.id == "string" && !r.has(t.id) && (a.id = t.id), r.add(a.id), a.activeId = i.includes(t.activeId) ? t.activeId : i[0], a.weight = Hr(t.weight, 1, .05, 100), e.groups.push(a);
 		}
-		e.groups.length && (e.collapsed = i.collapsed === !0, e.floating = i.floating === !0, e.width = Br(i.width, 280, 240, 560), e.railWidth = Br(i.railWidth, 112, 36, 180), e.height = Br(i.height, 480, 180, 1600), e.x = Br(i.x, 80, 0, 1e4), e.y = Br(i.y, 100, 0, 1e4), t.columns.push(e));
+		e.groups.length && (e.collapsed = i.collapsed === !0, e.floating = i.floating === !0, e.width = Hr(i.width, 280, 240, 560), e.railWidth = Hr(i.railWidth, 112, 36, 180), e.height = Hr(i.height, 480, 180, 1600), e.x = Hr(i.x, 80, 0, 1e4), e.y = Hr(i.y, 100, 0, 1e4), t.columns.push(e));
 	}
 	return t;
 }
-function Hr(e) {
+function Wr(e) {
 	try {
-		return Vr(JSON.parse((e ? e.get(Lr) : localStorage.getItem(Lr)) ?? "null"));
+		return Ur(JSON.parse((e ? e.get(zr) : localStorage.getItem(zr)) ?? "null"));
 	} catch {
 		return {
 			columns: [],
@@ -4084,45 +4111,45 @@ function Hr(e) {
 		};
 	}
 }
-function Ur(e, t, n) {
+function Gr(e, t, n) {
 	for (let r of e) r !== n && (r.panelIds = r.panelIds.filter((e) => !t.includes(e)));
 }
-function Wr(e, t, n, r) {
+function Kr(e, t, n, r) {
 	let i = n.panelIds.filter((e) => !t.includes(e)), a = r ? i.indexOf(r) : -1;
-	i.splice(a < 0 ? i.length : a, 0, ...t), Ur(e, t, n), n.panelIds = i, n.activeId = t[0];
+	i.splice(a < 0 ? i.length : a, 0, ...t), Gr(e, t, n), n.panelIds = i, n.activeId = t[0];
 }
-function Gr(e) {
+function qr(e) {
 	for (let t of e.columns) {
 		t.groups = t.groups.filter((e) => e.panelIds.length > 0);
 		for (let e of t.groups) e.panelIds.includes(e.activeId) || (e.activeId = e.panelIds[0]);
 	}
 	e.columns = e.columns.filter((e) => e.groups.length > 0);
 }
-function Kr(e, t, n, r) {
-	let i = zr(t);
+function Jr(e, t, n, r) {
+	let i = Vr(t);
 	if (i.width = e.width, r && (i.collapsed = e.collapsed, i.railWidth = e.railWidth, i.height = e.height), n.placement === "float") {
 		i.floating = !0;
 		let e = i.collapsed ? i.railWidth : i.width;
-		i.x = L(n.x ?? 80, 0, Math.max(0, window.innerWidth - e)), i.y = L(n.y ?? 100, 0, Math.max(0, window.innerHeight - 180));
+		i.x = V(n.x ?? 80, 0, Math.max(0, window.innerWidth - e)), i.y = V(n.y ?? 100, 0, Math.max(0, window.innerHeight - 180));
 	}
 	return i;
 }
-function qr(e = !0, t) {
-	return V("editor-panel", ({ action: n }) => {
-		let r = Ue({}), i = /* @__PURE__ */ new Map(), a = U(e ? Hr(t) : {
+function Yr(e = !0, t) {
+	return H("editor-panel", ({ action: n }) => {
+		let r = He({}), i = /* @__PURE__ */ new Map(), a = W(e ? Wr(t) : {
 			columns: [],
 			version: 1
-		}), o = U(null), s = U(null), c = U(null), l = H(() => a.value.columns.filter((e) => !e.floating)), u = H(() => a.value.columns.filter((e) => e.floating)), d = H(() => function(e) {
+		}), o = W(null), s = W(null), c = W(null), l = U(() => a.value.columns.filter((e) => !e.floating)), u = U(() => a.value.columns.filter((e) => e.floating)), d = U(() => function(e) {
 			return a.value.columns.find((t) => t.id === e);
-		}), f = H(() => function(e) {
+		}), f = U(() => function(e) {
 			let t = d.value(e.columnId);
 			return t ? !e.groupId || t.groups.length === 1 && t.groups[0].id === e.groupId && (!e.panelId || t.groups[0].panelIds.length === 1) : !1;
 		});
 		function p() {
 			if (e && !c.value) {
-				if (t) t.set(Lr, JSON.stringify(a.value));
+				if (t) t.set(zr, JSON.stringify(a.value));
 				else try {
-					localStorage.setItem(Lr, JSON.stringify(a.value));
+					localStorage.setItem(zr, JSON.stringify(a.value));
 				} catch {
 					return;
 				}
@@ -4131,13 +4158,13 @@ function qr(e = !0, t) {
 		function m(e) {
 			let t = {
 				...e,
-				component: Be(e.component)
+				component: ze(e.component)
 			};
 			r[e.id] = t;
 			let n = i.get(e.id) ?? [];
 			if (n.push(t), i.set(e.id, n), !a.value.columns.some((t) => t.groups.some((t) => t.panelIds.includes(e.id)))) {
 				let t = l.value[0];
-				t || (t = zr([]), a.value.columns.push(t)), t.groups.push(Rr([e.id]));
+				t || (t = Vr([]), a.value.columns.push(t)), t.groups.push(Br([e.id]));
 			}
 			return function() {
 				let a = n.indexOf(t);
@@ -4148,7 +4175,7 @@ function qr(e = !0, t) {
 			};
 		}
 		function h() {
-			t?.get(Lr) && (a.value = Hr(t));
+			t?.get(zr) && (a.value = Wr(t));
 		}
 		function g(e, t, n = !1) {
 			for (let r of a.value.columns) {
@@ -4173,15 +4200,15 @@ function qr(e = !0, t) {
 		}
 		function b(e, t, n) {
 			let r = d.value(e);
-			r && (n ?? r.collapsed ? r.railWidth = Math.round(L(t, 36, 180)) : r.width = Math.round(L(t, 240, 560)));
+			r && (n ?? r.collapsed ? r.railWidth = Math.round(V(t, 36, 180)) : r.width = Math.round(V(t, 240, 560)));
 		}
 		function x(e, t, n, r, i) {
 			let a = d.value(e), o = a?.groups.find((e) => e.id === t), s = a?.groups.find((e) => e.id === n);
-			o && s && (o.weight = i * L(r, .1, .9), s.weight = i - o.weight);
+			o && s && (o.weight = i * V(r, .1, .9), s.weight = i - o.weight);
 		}
 		function S(e, t, n) {
 			let r = d.value(e);
-			r && (r.width = L(t, 240, 560), r.height = L(n, 180, Math.max(180, window.innerHeight - r.y - 12)));
+			r && (r.width = V(t, 240, 560), r.height = V(n, 180, Math.max(180, window.innerHeight - r.y - 12)));
 		}
 		function C(e, t) {
 			E();
@@ -4199,21 +4226,21 @@ function qr(e = !0, t) {
 						version: 1
 					};
 					let r = n;
-					if (f.value(e)) n.floating || (n.height = t.height), n.collapsed = t.collapsed, n.collapsed ? n.railWidth = t.width : n.width = t.width;
+					if (f.value(e)) !n.floating && !t.collapsed && (n.height = t.height);
 					else {
 						D(e, {
 							placement: "float",
 							x: t.x,
 							y: t.y
 						});
-						let n = u.value.at(-1);
-						if (!n) {
+						let i = u.value.at(-1);
+						if (!i) {
 							E();
 							return;
 						}
-						r = n, r.width = t.width, r.height = t.height;
+						r = i, r.height = t.collapsed ? n.height : t.height;
 					}
-					r.floating = !0, r.x = t.x, r.y = t.y, s.value = {
+					r.collapsed = t.collapsed, t.collapsed ? r.railWidth = t.width : r.width = t.width, r.floating = !0, r.x = t.x, r.y = t.y, s.value = {
 						columnId: r.id,
 						target: null,
 						x: e.x,
@@ -4245,26 +4272,26 @@ function qr(e = !0, t) {
 			if (!n || t.columnId && !r || t.groupId && !i) return;
 			if (n.floating && !e.groupId && !e.panelId && t.placement === "float") {
 				let e = n.collapsed ? n.railWidth : n.width;
-				n.x = L(t.x ?? n.x, 0, Math.max(0, window.innerWidth - e)), n.y = L(t.y ?? n.y, 0, Math.max(0, window.innerHeight - 180)), p();
+				n.x = V(t.x ?? n.x, 0, Math.max(0, window.innerWidth - e)), n.y = V(t.y ?? n.y, 0, Math.max(0, window.innerHeight - 180)), p();
 				return;
 			}
 			let o = n.groups.filter((t) => !e.groupId || t.id === e.groupId), s = o.flatMap((t) => t.panelIds.filter((t) => !e.panelId || t === e.panelId));
 			if (!(!s.length || i && o.includes(i) && !e.panelId) && !(t.placement === "tab" && i?.panelIds.includes(e.panelId ?? "") && e.panelId === t.panelId) && (n !== r || e.groupId || t.placement !== "left" && t.placement !== "right")) {
-				if (t.placement === "tab" && i) Wr(o, s, i, t.panelId);
+				if (t.placement === "tab" && i) Kr(o, s, i, t.panelId);
 				else {
-					let c = e.panelId ? [Rr(s)] : o.map((e) => ({
+					let c = e.panelId ? [Br(s)] : o.map((e) => ({
 						...e,
 						panelIds: [...e.panelIds]
 					}));
-					if (Ur(o, s), (t.placement === "top" || t.placement === "bottom") && r && i) {
+					if (Gr(o, s), (t.placement === "top" || t.placement === "bottom") && r && i) {
 						let e = r.groups.indexOf(i);
 						r.groups.splice(e + +(t.placement === "bottom"), 0, ...c);
 					} else {
-						let i = Kr(n, c, t, !e.groupId && !e.panelId), o = r ? a.value.columns.indexOf(r) : a.value.columns.length, s = t.placement === "right" || t.placement === "after";
+						let i = Jr(n, c, t, !e.groupId && !e.panelId), o = r ? a.value.columns.indexOf(r) : a.value.columns.length, s = t.placement === "right" || t.placement === "after";
 						a.value.columns.splice(o + +!!s, 0, i);
 					}
 				}
-				Gr(a.value), _(), p();
+				qr(a.value), _(), p();
 			}
 		}, "movePanels");
 		function O() {
@@ -4277,7 +4304,7 @@ function qr(e = !0, t) {
 				version: 1
 			};
 			let e = Object.keys(r);
-			e.length && a.value.columns.push(zr(e.map((e) => Rr([e])))), _(), p();
+			e.length && a.value.columns.push(Vr(e.map((e) => Br([e])))), _(), p();
 		}
 		return {
 			activate: g,
@@ -4310,9 +4337,9 @@ function qr(e = !0, t) {
 	})();
 }
 // src/designer/stores/plugin-store.ts
-function Jr() {
-	return V("editor-plugin", () => {
-		let e = U([]), t = U({});
+function Xr() {
+	return H("editor-plugin", () => {
+		let e = W([]), t = W({});
 		function n(e, n) {
 			t.value[e] = n;
 		}
@@ -4332,9 +4359,9 @@ function Jr() {
 	})();
 }
 // src/designer/stores/rendering-store.ts
-function Yr(e) {
-	return V("editor-rendering", () => {
-		let t = U(null), n = U(null), i = U(!1), a = U(!1), o = U(!0), s = U({
+function Zr(e) {
+	return H("editor-rendering", () => {
+		let t = W(null), n = W(null), i = W(!1), a = W(!1), o = W(!0), s = W({
 			completed: 0,
 			stage: "prepare",
 			total: 1
@@ -4408,7 +4435,7 @@ function Yr(e) {
 		}
 		return K(() => e.config.data.rendering.worker, (e) => {
 			e || l.dispose();
-		}, { flush: "sync" }), Ve(() => {
+		}, { flush: "sync" }), Be(() => {
 			_(), l.dispose();
 		}), {
 			active: i,
@@ -4426,9 +4453,9 @@ function Yr(e) {
 	})();
 }
 // src/designer/stores/repeat-group-store.ts
-function Xr(e) {
-	return V("editor-repeatGroup", ({ action: t }) => {
-		let { data: n } = G(e.document), { ids: r } = G(e.selection), { activeId: i } = G(e.page), a = e.ui.toast, o = e.history.commit, s = e.element.removeIds, c = H(() => n.value.repeatGroups ?? []), l = H(() => {
+function Qr(e) {
+	return H("editor-repeatGroup", ({ action: t }) => {
+		let { data: n } = G(e.document), { ids: r } = G(e.selection), { activeId: i } = G(e.page), a = e.ui.toast, o = e.history.commit, s = e.element.removeIds, c = U(() => n.value.repeatGroups ?? []), l = U(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of c.value) for (let n of t.elementIds) e.has(n) || e.set(n, t);
 			return e;
@@ -4456,7 +4483,7 @@ function Xr(e) {
 			let r = new Set(n.elementIds);
 			return e.element.getByPage(n.pageId).filter((e) => r.has(e.id));
 		}
-		let h = H(() => r.value.length === 0 ? null : c.value.find((e) => e.elementIds.length === r.value.length && e.elementIds.every((e) => r.value.includes(e))) ?? null), g = H(() => f(i.value));
+		let h = U(() => r.value.length === 0 ? null : c.value.find((e) => e.elementIds.length === r.value.length && e.elementIds.every((e) => r.value.includes(e))) ?? null), g = U(() => f(i.value));
 		function _(t, n) {
 			let r = new Set(e.element.getByPage(t).map((e) => e.id)), i = new Set(n.filter((e) => r.has(e))), a = p([...i]).filter((e) => e.pageId === t);
 			for (let e of a) for (let t of e.elementIds) r.has(t) && i.add(t);
@@ -4480,7 +4507,7 @@ function Xr(e) {
 				direction: "vertical",
 				gapX: 2,
 				gapY: 2,
-				id: I("group"),
+				id: z("group"),
 				name: S("designer.repeatGroupStore.numberedGroupName", { groupNumber: c.value.length + 1 }),
 				...i,
 				elementIds: f,
@@ -4499,12 +4526,12 @@ function Xr(e) {
 			activePageGroups: g,
 			applyToSelection: b,
 			create: y,
-			find: H(() => u),
-			findByElement: H(() => d),
-			getApplyTarget: H(() => _),
-			getByElements: H(() => p),
-			getByPage: H(() => f),
-			getMembers: H(() => m),
+			find: U(() => u),
+			findByElement: U(() => d),
+			getApplyTarget: U(() => _),
+			getByElements: U(() => p),
+			getByPage: U(() => f),
+			getMembers: U(() => m),
 			list: c,
 			remove: C,
 			selected: h,
@@ -4513,9 +4540,9 @@ function Xr(e) {
 	})();
 }
 // src/designer/stores/scope-store.ts
-function Zr(e) {
-	return V("editor-scope", () => {
-		let t = H(() => {
+function $r(e) {
+	return H("editor-scope", () => {
+		let t = U(() => {
 			for (let t of e) {
 				let e = t.resolve();
 				if (e) return {
@@ -4524,7 +4551,7 @@ function Zr(e) {
 				};
 			}
 			throw Error("No editing scope available");
-		}), n = H(() => t.value.scope.id), r = H(() => t.value.scope.pages), i = H(() => t.value.scope.layoutMode), a = H(() => t.value.scope.pageGap), o = H(() => r.value.find((e) => e.id === t.value.scope.activeId) ?? r.value[0]), s = H(() => function(e) {
+		}), n = U(() => t.value.scope.id), r = U(() => t.value.scope.pages), i = U(() => t.value.scope.layoutMode), a = U(() => t.value.scope.pageGap), o = U(() => r.value.find((e) => e.id === t.value.scope.activeId) ?? r.value[0]), s = U(() => function(e) {
 			return r.value.find((t) => t.id === e);
 		});
 		function c(e) {
@@ -4546,60 +4573,64 @@ function Zr(e) {
 	})();
 }
 // src/designer/stores/selection-store.ts
-function Qr(e) {
-	return V("editor-selection", ({ action: t }) => {
-		let { data: n } = G(e.document), { active: r } = G(e.scope), i = U([]), a = H(() => new Set(i.value)), o = H(() => function(e) {
+function ei(e, t) {
+	return e.length === t.length && e.every((e, n) => t[n] === e);
+}
+function ti(e) {
+	return H("editor-selection", ({ action: t }) => {
+		let { data: n } = G(e.document), { active: r } = G(e.scope), i = W([]), a = U(() => new Set(i.value)), o = U(() => function(e) {
 			return a.value.has(e);
-		}), s = U(null), c = U(null), l = U(null), u = U(null), d = t((e) => {
+		}), s = W(null), c = W(null), l = W(null), u = W(null), d = t((e) => {
 			c.value = e;
 		}, "setHoverId"), f = t((e) => {
 			l.value = e;
 		}, "setRenamingId"), p = t((e) => {
 			u.value = e;
-		}, "setEditingId"), m = H(() => {
+		}, "setEditingId"), m = U(() => {
 			let e = [];
-			for (let t of oe(n.value)) for (let n of t.elements) o.value(n.id) && e.push(n);
+			for (let t of ae(n.value)) for (let n of t.elements) o.value(n.id) && e.push(n);
 			return e;
-		}), h = H(() => m.value[0] ?? null), g = H(() => m.value.length > 0 && m.value.every((e) => e.type === h.value?.type)), _ = H(() => m.value.length === 1 ? m.value[0] : null), v = H(() => m.value.length === 0), y = H(() => m.value.some((e) => e.locked)), b = H(() => m.value.filter((e) => !e.locked)), x = H(() => function(e, t = {}) {
-			return (ge(n.value, e)?.elements ?? []).filter((e) => o.value(e.id) && (t.visible === void 0 || e.visible === t.visible) && (t.locked === void 0 || e.locked === t.locked));
-		}), S = H(() => {
+		}), h = U(() => m.value[0] ?? null), g = U(() => m.value.length > 0 && m.value.every((e) => e.type === h.value?.type)), _ = U(() => m.value.length === 1 ? m.value[0] : null), v = U(() => m.value.length === 0), y = U(() => m.value.some((e) => e.locked)), b = U(() => m.value.filter((e) => !e.locked)), x = U(() => function(e, t = {}) {
+			return (R(n.value, e)?.elements ?? []).filter((e) => o.value(e.id) && (t.visible === void 0 || e.visible === t.visible) && (t.locked === void 0 || e.locked === t.locked));
+		}), S = U(() => {
 			let e = m.value;
-			return e.length === 0 ? null : de(e.map((e) => ie({
+			return e.length === 0 ? null : D(e.map((e) => ie({
 				height: e.height,
 				width: e.width,
 				x: e.x,
 				y: e.y
 			}, e.rotation)));
-		}), C = U(null), w = t((e) => {
+		}), C = W(null), w = t((e) => {
 			(e === null || o.value(e)) && (C.value = e);
 		}, "setKeyId"), T = t((e, t = !1) => {
 			if (t) {
 				let t = new Set(i.value);
 				for (let n of e) t.has(n) ? t.delete(n) : t.add(n);
-				i.value = [...t];
-			} else i.value = [...e];
+				let n = [...t];
+				ei(n, i.value) || (i.value = n);
+			} else ei(e, i.value) || (i.value = [...e]);
 			i.value.length > 0 && (s.value = null, u.value = null), C.value && !i.value.includes(C.value) && (C.value = null);
 		}, "set"), E = t(() => {
 			i.value = [], C.value = null, s.value = null;
-		}, "clear"), D = t(() => {
+		}, "clear"), O = t(() => {
 			let e = r.value;
 			e && (C.value = null, i.value = e.elements.filter((e) => e.visible && !e.locked).map((e) => e.id));
-		}, "all"), O = H(() => {
+		}, "all"), k = U(() => {
 			let t = s.value;
 			return t ? e.guide.find(t) : null;
-		}), k = t((e) => {
+		}), A = t((e) => {
 			s.value = e, e && (i.value = [], u.value = null, C.value = null);
 		}, "selectGuide");
 		K(i, (e) => {
 			e.length > 0 && (s.value = null);
-		}), K(O, (e) => {
+		}), K(k, (e) => {
 			s.value && !e && (s.value = null);
 		}, { flush: "sync" });
-		function A() {
+		function j() {
 			E(), c.value = null, u.value = null, l.value = null;
 		}
 		return {
-			all: D,
+			all: O,
 			bounds: S,
 			clear: E,
 			editingId: u,
@@ -4613,11 +4644,11 @@ function Qr(e) {
 			nodes: m,
 			primary: h,
 			renamingId: l,
-			reset: A,
+			reset: j,
 			sameType: g,
-			selectedGuide: O,
+			selectedGuide: k,
 			selectedGuideId: s,
-			selectGuide: k,
+			selectGuide: A,
 			set: T,
 			setEditingId: p,
 			setHoverId: d,
@@ -4629,14 +4660,14 @@ function Qr(e) {
 	})();
 }
 // src/designer/stores/template-store.ts
-function $r(e) {
-	return V("editor-template", () => {
-		let { data: t } = G(e.document), n = e.history.commit, r = e.ui.toast, i = U(null), a = U(null), o = H(() => t.value.templates ?? []), s = H(() => o.value.filter((e) => !e.owner)), c = H(() => i.value ? o.value.find((e) => e.id === i.value) : void 0), l = H(() => c.value ? me(c.value) : []), u = H(() => l.value.find((e) => e.id === a.value) ?? c.value?.page ?? null);
+function ni(e) {
+	return H("editor-template", () => {
+		let { data: t } = G(e.document), n = e.history.commit, r = e.ui.toast, i = W(null), a = W(null), o = U(() => t.value.templates ?? []), s = U(() => o.value.filter((e) => !e.owner)), c = U(() => i.value ? o.value.find((e) => e.id === i.value) : void 0), l = U(() => c.value ? me(c.value) : []), u = U(() => l.value.find((e) => e.id === a.value) ?? c.value?.page ?? null);
 		function d(e) {
 			return o.value.find((t) => t.id === e);
 		}
 		function f(e, n) {
-			return Ne(t.value, e, n);
+			return Me(t.value, e, n);
 		}
 		function p(e) {
 			let t = f(e);
@@ -4661,13 +4692,13 @@ function $r(e) {
 			let n = d(e.id);
 			if (n) return n;
 			let r = E(e);
-			return ne(r), Me({
+			return te(r), je({
 				...t.value,
 				templates: [...o.value, r]
 			}, r), v(r), r;
 		}
 		function b(n = {}) {
-			if (n.id && (d(n.id) || ge(t.value, n.id))) throw Error(`Template already exists: ${n.id}`);
+			if (n.id && (d(n.id) || R(t.value, n.id))) throw Error(`Template already exists: ${n.id}`);
 			let r = e.page.active, i = fe(n.name ?? S("designer.templateStore.newTemplateName", { templateNumber: s.value.length }), r ? {
 				height: r.height,
 				width: r.width
@@ -4679,29 +4710,29 @@ function $r(e) {
 			if (!n) return null;
 			let i = fe(S("designer.templateStore.fromPageTemplateName", { pageName: n.name }), n);
 			return i.background = n.background, i.page.elements = n.elements.map((n) => {
-				let r = R(n);
-				return r.id = I("el"), P(t.value, n, r, e.elements ?? M), r;
+				let r = xe(n);
+				return r.id = z("el"), ne(t.value, n, r, e.elements ?? M), r;
 			}), i.page.guides = n.guides.map((e) => ({
 				...e,
-				id: I("guide")
+				id: z("guide")
 			})), v(i), r(S("designer.templateStore.createdFromPageMessage")), i;
 		}
 		function w(e, t) {
 			let r = d(e);
 			r && t.trim() && (D(r, t.trim()), n());
 		}
-		function T(e, r) {
-			let i = d(e);
-			if (i) {
-				if (r.baseTemplateId && d(r.baseTemplateId)?.owner || i.owner && r.facingPages) throw new x(S("core.pageExtensions.internalTemplate"), { code: "template.internal-resource" });
+		function T(e, r, i = {}) {
+			let a = d(e);
+			if (a) {
+				if (r.baseTemplateId && d(r.baseTemplateId)?.owner || a.owner && r.facingPages) throw new x(S("core.pageExtensions.internalTemplate"), { code: "template.internal-resource" });
 				if (r.baseTemplateId !== void 0) {
 					let e = {
-						...i,
+						...a,
 						baseTemplateId: r.baseTemplateId || void 0
 					};
-					Me(t.value, e), i.baseTemplateId = e.baseTemplateId;
+					je(t.value, e), a.baseTemplateId = e.baseTemplateId;
 				}
-				r.background !== void 0 && (i.background = r.background || void 0), r.facingPages !== void 0 && (i.facingPages = r.facingPages, i.oddPages = !0, i.evenPages = !0, r.facingPages && !i.evenPage && (i.evenPage = ke(i.page.width, i.page.height, i.name, { margins: i.page.margins }), i.evenPage.id = `${i.id}-even`)), r.oddPages !== void 0 && (i.oddPages = r.oddPages), r.evenPages !== void 0 && (i.evenPages = r.evenPages), r.name !== void 0 && D(i, r.name), (r.facingPages !== void 0 || r.oddPages !== void 0 || r.evenPages !== void 0) && A(i.id), n();
+				r.background !== void 0 && (a.background = r.background || void 0), r.facingPages !== void 0 && (a.facingPages = r.facingPages, a.oddPages = !0, a.evenPages = !0, r.facingPages && !a.evenPage && (a.evenPage = Oe(a.page.width, a.page.height, a.name, { margins: a.page.margins }), a.evenPage.id = `${a.id}-even`)), r.oddPages !== void 0 && (a.oddPages = r.oddPages), r.evenPages !== void 0 && (a.evenPages = r.evenPages), r.name !== void 0 && D(a, r.name), (r.facingPages !== void 0 || r.oddPages !== void 0 || r.evenPages !== void 0) && A(a.id), i.transient || n();
 			}
 		}
 		function D(e, t) {
@@ -4715,7 +4746,7 @@ function $r(e) {
 				for (let n of t.value.pages) n.templateId === e && (n.templateId = void 0);
 				i.value === e && (i.value = null, a.value = null), t.value.templates = (t.value.templates ?? []).filter((t) => t.id !== e);
 				for (let t of o.value) t.baseTemplateId === e && (t.baseTemplateId = void 0);
-				O(t.value), Se(t.value), A(De), n();
+				O(t.value), Ce(t.value), A(De), n();
 			}
 		}
 		function A(e, n) {
@@ -4726,9 +4757,9 @@ function $r(e) {
 			let r = [];
 			for (let i of e.pages) {
 				if (n && !n.has(i.id) || t && (i.templateId ?? "template-blank") !== t) continue;
-				let a = Ne(e, i);
+				let a = Me(e, i);
 				if (!a) continue;
-				let o = ae(a.page);
+				let o = I(a.page);
 				r.push({
 					dimensions: o,
 					page: i
@@ -4757,21 +4788,21 @@ function $r(e) {
 			}, void 0, a);
 			for (let e of t.value.pages) if (a.has(e.id)) {
 				e.templateId = r;
-				let n = Ne(t.value, e);
-				n && Object.assign(e, ae(n.page));
+				let n = Me(t.value, e);
+				n && Object.assign(e, I(n.page));
 			}
 			n();
 		}
-		function te(e) {
+		function P(e) {
 			d(e) && (i.value = e, a.value = d(e)?.page.id ?? null);
 		}
 		function re(e) {
 			l.value.some((t) => t.id === e) && (a.value = e);
 		}
-		function ie(e, r) {
+		function F(e, r) {
 			let i = _(e), a = i ? me(i).find((t) => t.id === e) : void 0;
 			if (!a) return;
-			let s = ae({
+			let s = I({
 				...a,
 				...r
 			});
@@ -4790,17 +4821,17 @@ function $r(e) {
 				} : t)
 			}, i.id), Object.assign(a, r, s), i && A(i.id), i && r.name !== void 0 && D(i, r.name), n();
 		}
-		function oe() {
+		function ie() {
 			i.value = null, a.value = null;
 		}
-		function F(r) {
+		function ae(r) {
 			let i = t.value.pages.find((e) => e.id === r);
 			if (!i) return;
 			let a = f(i);
 			if (!a) return;
 			let o = a.page.elements.map((n) => {
-				let r = R(n);
-				return r.id = I("el"), P(t.value, n, r, e.elements ?? M), r;
+				let r = xe(n);
+				return r.id = z("el"), ne(t.value, n, r, e.elements ?? M), r;
 			});
 			i.elements.unshift(...o), i.background = a.background ?? i.background, i.templateId = we, n();
 		}
@@ -4809,37 +4840,37 @@ function $r(e) {
 			applyToPages: ee,
 			create: b,
 			createFromPage: C,
-			detach: F,
+			detach: ae,
 			editingId: i,
 			editingPage: u,
 			editingPages: l,
 			editingTemplate: c,
-			effectiveBackground: H(() => m),
-			effectiveTemplate: H(() => p),
-			enterEdit: te,
-			exitEdit: oe,
-			get: H(() => d),
-			getByPage: H(() => _),
+			effectiveBackground: U(() => m),
+			effectiveTemplate: U(() => p),
+			enterEdit: P,
+			exitEdit: ie,
+			get: U(() => d),
+			getByPage: U(() => _),
 			import: y,
-			isContainer: H(() => g),
+			isContainer: U(() => g),
 			list: s,
 			remove: k,
 			rename: w,
-			resolveFor: H(() => f),
+			resolveFor: U(() => f),
 			syncPageDimensions: N,
 			update: T,
-			updatePage: ie,
-			usageCount: H(() => h)
+			updatePage: F,
+			usageCount: U(() => h)
 		};
 	})();
 }
 // src/designer/stores/tutorial-store.ts
-function ei(e) {
-	return V("editor-tutorial", () => {
-		let t = U("idle"), n = U(null), r = U(0), i = W([]), a = H(() => {
+function ri(e) {
+	return H("editor-tutorial", () => {
+		let t = W("idle"), n = W(null), r = W(0), i = Ue([]), a = U(() => {
 			let e = i.value;
 			return typeof e == "function" ? e() : e;
-		}), o = U(!1), s = U(!1), c = U("idle"), l = U(1200), u = H(() => a.value[r.value]), d = U(null), f = H(() => Nn.find((e) => e.id === n.value));
+		}), o = W(!1), s = W(!1), c = W("idle"), l = W(1200), u = U(() => a.value[r.value]), d = W(null), f = U(() => Fn.find((e) => e.id === n.value));
 		function p() {
 			t.value !== "running" && t.value !== "finish" && (t.value = "list");
 		}
@@ -4847,7 +4878,7 @@ function ei(e) {
 			t.value === "list" && (t.value = "idle");
 		}
 		function h(l, u = []) {
-			Nn.find((e) => e.id === l) && t.value === "list" && e.beginSession() && (d.value = E(e.view.settings), n.value = l, r.value = 0, i.value = u, o.value = a.value.length > 0, s.value = !1, c.value = "idle", t.value = "running", e.document.rename(Fn(l, "title")), e.ui.closeDialog(), e.view.updateSettings({
+			Fn.find((e) => e.id === l) && t.value === "list" && e.beginSession() && (d.value = E(e.view.settings), n.value = l, r.value = 0, i.value = u, o.value = a.value.length > 0, s.value = !1, c.value = "idle", t.value = "running", e.document.rename(Ln(l, "title")), e.ui.closeDialog(), e.view.updateSettings({
 				previewWithData: !1,
 				showMargins: !0
 			}));
@@ -4859,14 +4890,14 @@ function ei(e) {
 				n >= a.value.length ? _() : r.value = n;
 				return;
 			}
-			let i = Jn[n];
+			let i = Xn[n];
 			i ? (i.apply?.(e, f.value), r.value = n) : _();
 		}
 		function _() {
 			t.value === "running" && (o.value = !1, e.ui.closeDialog(), t.value = "finish");
 		}
 		function v(i, c = !1) {
-			t.value !== "running" || !n.value || s.value || !Number.isInteger(i) || i < 0 || i >= a.value.length || i === r.value && !c || (o.value = !1, e.ui.closeDialog(), e.finishSession(!1), e.beginSession() ? (e.document.rename(Fn(n.value, "title")), e.view.updateSettings({
+			t.value !== "running" || !n.value || s.value || !Number.isInteger(i) || i < 0 || i >= a.value.length || i === r.value && !c || (o.value = !1, e.ui.closeDialog(), e.finishSession(!1), e.beginSession() ? (e.document.rename(Ln(n.value, "title")), e.view.updateSettings({
 				previewWithData: !1,
 				showMargins: !0
 			}), r.value = i) : y(!1));
@@ -4886,7 +4917,7 @@ function ei(e) {
 		function C(e) {
 			l.value = Math.max(200, e);
 		}
-		return Ve(() => y(!1)), {
+		return Be(() => y(!1)), {
 			close: m,
 			course: f,
 			courseId: n,
@@ -4912,85 +4943,105 @@ function ei(e) {
 	})();
 }
 // src/designer/stores/ui-store.ts
-function ti(e) {
-	return V("editor-ui", ({ action: t }) => {
-		let n = U({
+var ii = "print-studio:theme-mode";
+function ai(e, t) {
+	try {
+		let t = e ? e.get(ii) : localStorage.getItem(ii);
+		return t === "light" || t === "dark" || t === "system" ? t : "dark";
+	} catch (e) {
+		return t(e), "dark";
+	}
+}
+function oi(e) {
+	return H("editor-ui", ({ action: t }) => {
+		let n = W(e.persistPreferences === !1 ? "dark" : ai(e.preferenceStorage, e.capturePreferenceError));
+		function r() {
+			n.value = e.persistPreferences === !1 ? "dark" : ai(e.preferenceStorage, e.capturePreferenceError);
+		}
+		function i(t) {
+			if (n.value = t, e.persistPreferences !== !1) try {
+				e.preferenceStorage ? e.preferenceStorage.set(ii, t) : localStorage.setItem(ii, t);
+			} catch (t) {
+				e.capturePreferenceError(t);
+			}
+		}
+		let a = W({
 			items: [],
 			open: !1,
 			x: 0,
 			y: 0
-		}), r = U(null);
-		function i(e) {
-			r.value = {
+		}), o = W(null);
+		function s(e) {
+			o.value = {
 				completed: !1,
 				format: e,
 				minimized: !1
 			};
 		}
-		function a(e) {
-			r.value && (r.value.minimized = e);
+		function c(e) {
+			o.value && (o.value.minimized = e);
 		}
-		function o() {
-			r.value && (r.value.completed = !0);
+		function l() {
+			o.value && (o.value.completed = !0);
 		}
-		function s() {
-			r.value = null;
-		}
-		let c = U({ name: null }), l = U([]), u = U(0), d = U(), f = U([]), p = 0, m = H(() => function(e) {
-			let t = l.value.filter((t) => t.dialog.name === e);
-			return c.value.name === e && t.push({
-				dialog: c.value,
-				elementId: d.value,
-				elementIds: f.value,
-				id: u.value
+		function u() {
+			o.value = null;
+		}
+		let d = W({ name: null }), f = W([]), p = W(0), m = W(), h = W([]), g = 0, _ = U(() => function(e) {
+			let t = f.value.filter((t) => t.dialog.name === e);
+			return d.value.name === e && t.push({
+				dialog: d.value,
+				elementId: m.value,
+				elementIds: h.value,
+				id: p.value
 			}), t;
-		}), h = U({}), g = U(0), _ = U([]), v = /* @__PURE__ */ new Map();
-		function y(e) {
-			g.value += 1, h.value = e;
+		}), v = W({}), y = W(0), b = W([]), x = /* @__PURE__ */ new Map();
+		function S(e) {
+			y.value += 1, v.value = e;
 		}
-		Ve(() => {
-			for (let e of v.values()) clearTimeout(e);
-			v.clear();
+		Be(() => {
+			for (let e of x.values()) clearTimeout(e);
+			x.clear();
 		});
-		function b(e, t = "info") {
+		function C(e, t = "info") {
 			let n = Date.now() + Math.random();
-			_.value.push({
+			b.value.push({
 				id: n,
 				kind: t,
 				text: e
-			}), C(n);
+			}), E(n);
 		}
-		function x(e) {
-			clearTimeout(v.get(e)), v.delete(e);
+		function w(e) {
+			clearTimeout(x.get(e)), x.delete(e);
 		}
-		function S(e) {
-			x(e), _.value = _.value.filter((t) => t.id !== e);
+		function T(e) {
+			w(e), b.value = b.value.filter((t) => t.id !== e);
 		}
-		function C(e) {
-			x(e);
-			let t = _.value.find((t) => t.id === e);
+		function E(e) {
+			w(e);
+			let t = b.value.find((t) => t.id === e);
 			if (!t) return;
 			let n = setTimeout(() => {
-				S(e);
+				T(e);
 			}, t.kind === "error" ? 8e3 : 5e3);
-			v.set(e, n);
+			x.set(e, n);
 		}
-		function w(e, t, r) {
-			n.value = {
-				items: r,
+		function D(e, t, n) {
+			a.value = {
+				items: n,
 				open: !0,
 				x: e,
 				y: t
 			};
 		}
-		function T() {
-			n.value = {
-				...n.value,
+		function O() {
+			a.value = {
+				...a.value,
 				open: !1
 			};
 		}
-		function E(t, n, r, i, a) {
-			u.value = ++p, d.value = e.getElementId(), f.value = e.getElementIds?.() ?? [], c.value = {
+		function k(t, n, r, i, a) {
+			p.value = ++g, m.value = e.getElementId(), h.value = e.getElementIds?.() ?? [], d.value = {
 				groupId: r,
 				guideId: i,
 				name: t,
@@ -4998,65 +5049,68 @@ function ti(e) {
 				...a
 			};
 		}
-		function D() {
-			if (!c.value.name) return;
-			let e = u.value;
-			return l.value.push({
-				dialog: { ...c.value },
-				elementId: d.value,
-				elementIds: f.value,
+		function A() {
+			if (!d.value.name) return;
+			let e = p.value;
+			return f.value.push({
+				dialog: { ...d.value },
+				elementId: m.value,
+				elementIds: h.value,
 				id: e
-			}), c.value = { name: null }, e;
+			}), d.value = { name: null }, e;
 		}
-		function O(t) {
-			let n = l.value.find((e) => e.id === t);
+		function j(t) {
+			let n = f.value.find((e) => e.id === t);
 			if (!n) return;
-			k(t);
+			M(t);
 			let r = e.getElementIds?.() ?? [], i = n.elementId !== e.getElementId() || !(!n.elementIds?.length || n.elementIds.length === r.length && !n.elementIds.some((e) => !r.includes(e)));
-			n.dialog.name === "element" && i || (c.value = n.dialog, d.value = n.elementId, f.value = n.elementIds ?? [], u.value = n.id);
+			n.dialog.name === "element" && i || (d.value = n.dialog, m.value = n.elementId, h.value = n.elementIds ?? [], p.value = n.id);
 		}
-		let k = t((e) => {
-			l.value = l.value.filter((t) => t.id !== e);
+		let M = t((e) => {
+			f.value = f.value.filter((t) => t.id !== e);
 		}, "discardSuspendedDialog");
-		function A() {
-			l.value = [];
+		function N() {
+			f.value = [];
 		}
-		function j() {
-			c.value = { name: null }, h.value = {};
+		function ee() {
+			d.value = { name: null }, v.value = {};
 		}
 		return {
-			activeDialog: c,
-			clearSuspendedDialogs: A,
-			closeContextMenu: T,
-			closeDialog: j,
-			completeExportDialog: o,
-			contextMenu: n,
-			dialogElementId: d,
-			dialogSessionId: u,
-			dialogSessions: m,
-			discardSuspendedDialog: k,
-			dismissToast: S,
-			exportDialog: r,
-			finishExportDialog: s,
-			minimizeExportDialog: a,
-			openContextMenu: w,
-			openDialog: E,
-			openExportDialog: i,
-			pauseToast: x,
-			restoredState: h,
-			restoreRevision: g,
-			restoreState: y,
-			resumeDialog: O,
-			resumeToast: C,
-			suspendDialog: D,
-			suspendedDialogs: l,
-			toast: b,
-			toasts: _
+			activeDialog: d,
+			clearSuspendedDialogs: N,
+			closeContextMenu: O,
+			closeDialog: ee,
+			completeExportDialog: l,
+			contextMenu: a,
+			dialogElementId: m,
+			dialogSessionId: p,
+			dialogSessions: _,
+			discardSuspendedDialog: M,
+			dismissToast: T,
+			exportDialog: o,
+			finishExportDialog: u,
+			minimizeExportDialog: c,
+			openContextMenu: D,
+			openDialog: k,
+			openExportDialog: s,
+			pauseToast: w,
+			restoredState: v,
+			restorePreferences: r,
+			restoreRevision: y,
+			restoreState: S,
+			resumeDialog: j,
+			resumeToast: E,
+			setThemeMode: i,
+			suspendDialog: A,
+			suspendedDialogs: f,
+			themeMode: n,
+			toast: C,
+			toasts: b
 		};
 	})();
 }
 // src/designer/config/canvas-background.ts
-var ni = [
+var si = [
 	{
 		color: "var(--color-canvas)",
 		id: "default",
@@ -5092,24 +5146,24 @@ var ni = [
 			return S("designer.canvasBackground.lightGrayLabel");
 		}
 	}
-], ri = "#4d4d4d";
-function ii(e) {
-	return e === "custom" || ni.some((t) => t.id === e);
+], ci = "#4d4d4d";
+function li(e) {
+	return e === "custom" || si.some((t) => t.id === e);
 }
 // src/designer/stores/view-store.ts
-function ai(e) {
-	return V("editor-view", () => {
-		let { layoutMode: t, pageGap: n, pages: r } = G(e.scope), i = U(1), a = U("select"), o = U(!1), s = U(null), c = U({
+function ui(e) {
+	return H("editor-view", () => {
+		let { layoutMode: t, pageGap: n, pages: r } = G(e.scope), i = W(1), a = W("select"), o = W(!1), s = W(null), c = W({
 			left: 0,
 			top: 0
-		}), l = U({
+		}), l = W({
 			height: 0,
 			width: 0
-		}), u = U(null), d = U(null), f = U({
+		}), u = W(null), d = W(null), f = W({
 			h: [],
 			pageId: "",
 			v: []
-		}), p = He({
+		}), p = Ve({
 			clickToCreate: !1,
 			gridSize: 5,
 			guidesLocked: !1,
@@ -5123,7 +5177,7 @@ function ai(e) {
 			snapToGrid: !1,
 			snapToGuides: !0,
 			snapToMargins: !0
-		}), m = He({
+		}), m = Ve({
 			spacing: null,
 			target: "selection"
 		});
@@ -5150,24 +5204,24 @@ function ai(e) {
 			try {
 				let t = null;
 				if (e.persistPreferences !== !1 && (t = e.preferenceStorage ? e.preferenceStorage.get(x) : localStorage.getItem(x)), t) {
-					let e = JSON.parse(t), n = typeof e.customColor == "string" && e.customColor.trim() !== "" ? e.customColor.trim() : ri;
-					if (ii(e.preset)) return {
+					let e = JSON.parse(t), n = typeof e.customColor == "string" && e.customColor.trim() !== "" ? e.customColor.trim() : ci;
+					if (li(e.preset)) return {
 						customColor: n,
 						preset: e.preset
 					};
 				}
 			} catch {}
 			return {
-				customColor: ri,
+				customColor: ci,
 				preset: "default"
 			};
 		}
-		let C = U(S());
+		let C = W(S());
 		function w() {
 			C.value = S();
 		}
-		let T = H(() => C.value.preset), E = H(() => C.value.customColor), D = H(() => C.value.preset === "custom" ? C.value.customColor : ni.find((e) => e.id === C.value.preset)?.color ?? "#4d4d4d");
-		function O(t, n) {
+		let T = U(() => C.value.preset), E = U(() => C.value.customColor), O = U(() => C.value.preset === "custom" ? C.value.customColor : si.find((e) => e.id === C.value.preset)?.color ?? "#4d4d4d");
+		function k(t, n) {
 			if (C.value = {
 				customColor: t === "custom" ? n ?? C.value.customColor : C.value.customColor,
 				preset: t
@@ -5178,7 +5232,7 @@ function ai(e) {
 				} catch {}
 			}
 		}
-		let k = H(() => 96 / 25.4 * i.value), A = H(() => {
+		let A = U(() => 96 / 25.4 * i.value), j = U(() => {
 			let e = r.value, i = t.value ?? p.pageLayoutMode, a = Math.max(...e.map((e) => e.width), 1), o = Math.max(...e.map((e) => e.height), 1);
 			if (i === "horizontal") {
 				let t = 500;
@@ -5211,10 +5265,29 @@ function ai(e) {
 				};
 				return s += e.height + 15, t;
 			});
-		}), j = H(() => new Map(A.value.map((e) => [e.page.id, e]))), M = H(() => function(e) {
-			return j.value.get(e);
-		}), N = H(() => {
-			let e = A.value;
+		}), M = U(() => j.value.map((e) => {
+			let t = e.page.position;
+			return t ? {
+				...e,
+				x: t.x,
+				y: t.y
+			} : e;
+		})), N = U(() => new Map(M.value.map((e) => [e.page.id, e]))), ee = U(() => function(e) {
+			return N.value.get(e);
+		}), P = U(() => function(e) {
+			let t = N.value.get(e);
+			return t ? {
+				x: t.x,
+				y: t.y
+			} : void 0;
+		}), te = U(() => function(e, t) {
+			let n = P.value(e);
+			return n ? bn(n, t) : void 0;
+		}), ne = U(() => function(e, t) {
+			let n = P.value(e);
+			return n ? xn(n, t) : void 0;
+		}), re = U(() => {
+			let e = M.value;
 			if (e.length === 0) return {
 				height: 1e3,
 				width: 1e3
@@ -5224,59 +5297,62 @@ function ai(e) {
 				height: Math.max(...e.map((e) => e.y + e.page.height)) + 500,
 				width: t + 500
 			};
-		}), ee = H(() => {
-			let e = A.value;
-			return e.length === 0 ? null : de(e.map((e) => ({
+		}), F = U(() => {
+			let e = M.value;
+			return e.length === 0 ? null : D(e.map((e) => ({
 				height: e.page.height,
 				width: e.page.width,
 				x: e.x,
 				y: e.y
 			})));
 		});
-		function te(t) {
+		function I(t) {
 			a.value = t, t !== "select" && e.selection.setEditingId(null);
 		}
-		function ne(e) {
-			i.value = L(z(e, 4), .05, 8);
+		function ie(e) {
+			i.value = V(L(e, 4), .05, 8);
 		}
-		function P(e) {
+		function ae(e) {
 			u.value = e;
 		}
-		function re(e) {
+		function oe(e) {
 			d.value = e;
 		}
-		function ie(e) {
+		function se(e) {
 			f.value = e;
 		}
 		return {
 			activeTool: a,
 			alignPanel: m,
-			canvasBackground: D,
+			canvasBackground: O,
 			canvasBackgroundPreset: T,
-			contentSizeMm: N,
+			contentSizeMm: re,
 			cursorContent: s,
 			customCanvasColor: E,
 			draggingGuide: d,
-			getLayout: M,
+			getLayout: ee,
 			marquee: u,
-			pageLayouts: A,
-			pagesBoundsMm: ee,
-			pxPerMm: k,
+			originOf: P,
+			pageLayouts: M,
+			pagesBoundsMm: F,
+			pxPerMm: A,
 			restorePreferences: w,
 			scrollPos: c,
-			setCanvasBackground: O,
+			setCanvasBackground: k,
 			setCursorContent: v,
-			setDraggingGuide: re,
-			setMarquee: P,
+			setDraggingGuide: oe,
+			setMarquee: ae,
 			setScrollPos: y,
-			setSnapLines: ie,
+			setSnapLines: se,
 			setSpacePanning: _,
 			settings: p,
-			setTool: te,
+			setTool: I,
 			setViewportSize: b,
-			setZoom: ne,
+			setZoom: ie,
 			snapLines: f,
 			spacePanning: o,
+			toGlobal: ne,
+			toLocal: te,
 			updateAlignPanel: g,
 			updateSettings: h,
 			viewportSize: l,
@@ -5285,19 +5361,19 @@ function ai(e) {
 	})();
 }
 // src/core/z-index.ts
-var oi = 2e3;
-function si(e) {
+var di = 2e3;
+function fi(e) {
 	if (!Number.isInteger(e) || e < 0 || e > 2147483647) throw Error(`Invalid z-index: ${e}`);
 }
-function ci(e = oi) {
-	return si(e), {
+function pi(e = di) {
+	return fi(e), {
 		currentZIndex: e,
 		entries: [],
 		initialZIndex: e,
 		sequence: 0
 	};
 }
-var li = class {
+var mi = class {
 	state;
 	get currentZIndex() {
 		return this.state.currentZIndex;
@@ -5316,7 +5392,7 @@ var li = class {
 		this.state.entries = this.state.entries.filter((t) => t.id !== e);
 	}
 	configure(e) {
-		si(e), this.state.initialZIndex = e, this.state.currentZIndex = Math.max(e, this.currentZIndex);
+		fi(e), this.state.initialZIndex = e, this.state.currentZIndex = Math.max(e, this.currentZIndex);
 	}
 	get(e) {
 		return this.state.entries.find((t) => t.id === e);
@@ -5327,11 +5403,11 @@ var li = class {
 	}
 	nextZIndex() {
 		let e = Math.max(this.initialZIndex, this.currentZIndex) + 1;
-		return si(e), this.state.currentZIndex = e, e;
+		return fi(e), this.state.currentZIndex = e, e;
 	}
 	open(e = {}) {
 		let t = e.zIndex ?? this.nextZIndex();
-		si(t), this.state.currentZIndex = Math.max(this.currentZIndex, t);
+		fi(t), this.state.currentZIndex = Math.max(this.currentZIndex, t);
 		let n = ++this.state.sequence;
 		return this.state.entries.push({
 			id: n,
@@ -5341,9 +5417,9 @@ var li = class {
 	}
 };
 // src/designer/stores/z-index-store.ts
-function ui() {
-	return V("editor-z-index", () => {
-		let e = He(ci()), t = new li(e), n = H(() => t.initialZIndex), r = H(() => t.currentZIndex), i = H(() => t.get.bind(t)), a = H(() => t.isTop.bind(t));
+function hi() {
+	return H("editor-z-index", () => {
+		let e = Ve(pi()), t = new mi(e), n = U(() => t.initialZIndex), r = U(() => t.currentZIndex), i = U(() => t.get.bind(t)), a = U(() => t.isTop.bind(t));
 		function o(e) {
 			t.configure(e);
 		}
@@ -5374,20 +5450,25 @@ function ui() {
 	})();
 }
 // src/designer/stores/editor-store.ts
-function di(e = {}) {
-	return V("editor", () => {
-		let t = nr(), n = Yr({
+function gi(e = {}) {
+	return H("editor", () => {
+		let t = ir(), n = Zr({
 			config: t,
 			elements: e.elements,
 			parsers: e.parsers
-		}), r = ti({
+		}), r = oi({
+			capturePreferenceError(t) {
+				(e.errors ?? sn()).capture(t, { source: "ui.preferences" });
+			},
 			getElementId() {
 				return m.primary?.id;
 			},
 			getElementIds() {
 				return [...m.ids];
-			}
-		}), i = qr(e.persistPreferences, e.preferenceStorage), a = Jr(), o = ui(), s = gr({
+			},
+			persistPreferences: e.persistPreferences,
+			preferenceStorage: e.preferenceStorage
+		}), i = Yr(e.persistPreferences, e.preferenceStorage), a = Xr(), o = hi(), s = vr({
 			...e,
 			beginPreviewHistory() {
 				c.beginPreview();
@@ -5413,7 +5494,7 @@ function di(e = {}) {
 				O(!0);
 			},
 			ui: r
-		}), c = Nr({
+		}), c = Fr({
 			applyLayout() {
 				l.apply();
 			},
@@ -5421,18 +5502,18 @@ function di(e = {}) {
 			resetSession() {
 				O(!1);
 			}
-		}), l = Pr({ document: s }), u = Ir({
+		}), l = Ir({ document: s }), u = Rr({
 			document: s,
 			elements: e.elements,
 			history: c,
 			ui: r
-		}), d = $r({
+		}), d = ni({
 			document: s,
 			elements: e.elements,
 			history: c,
 			page: u,
 			ui: r
-		}), f = Zr([{
+		}), f = $r([{
 			activate: d.activatePage,
 			resolve() {
 				if (d.editingTemplate) return {
@@ -5453,19 +5534,19 @@ function di(e = {}) {
 				};
 			},
 			updatePage: u.update
-		}]), p = jr({
+		}]), p = Nr({
 			history: c,
 			scope: f
-		}), m = Qr({
+		}), m = ti({
 			document: s,
 			guide: p,
 			scope: f
-		}), h = ai({
+		}), h = ui({
 			persistPreferences: e.persistPreferences,
 			preferenceStorage: e.preferenceStorage,
 			scope: f,
 			selection: m
-		}), g = kr({
+		}), g = jr({
 			document: s,
 			elements: e.elements,
 			history: c,
@@ -5473,13 +5554,13 @@ function di(e = {}) {
 			scope: f,
 			selection: m,
 			ui: r
-		}), _ = _r({
+		}), _ = yr({
 			document: s,
 			element: g,
 			history: c,
 			scope: f,
 			selection: m
-		}), v = tr({
+		}), v = rr({
 			document: s,
 			element: g,
 			elements: e.elements,
@@ -5487,36 +5568,36 @@ function di(e = {}) {
 			scope: f,
 			selection: m,
 			ui: r
-		}), y = rr({
+		}), y = ar({
 			document: s,
 			history: c
-		}), b = Ar({
+		}), b = Mr({
 			document: s,
 			history: c,
 			selection: m,
 			ui: r
-		}), x = Xr({
+		}), x = Qr({
 			document: s,
 			element: g,
 			history: c,
 			page: u,
 			selection: m,
 			ui: r
-		}), C = Yn({
+		}), C = Zn({
 			document: s,
 			elements: e.elements,
 			repeatGroup: x,
 			scope: f,
 			template: d,
 			view: h
-		}), w = Fr({
+		}), w = Lr({
 			scope: f,
 			selection: m,
 			template: d,
 			ui: r
-		}), T = U(null), E = ei({
+		}), T = W(null), E = ri({
 			beginSession() {
-				return s.saving ? (r.toast(S("designer.tutorial.waitForSave")), !1) : (T.value = D(), c.beginTemporary(), s.beginTemporary(Pn()), h.setTool("select"), !0);
+				return s.saving ? (r.toast(S("designer.tutorial.waitForSave")), !1) : (T.value = D(), c.beginTemporary(), s.beginTemporary(In()), h.setTool("select"), !0);
 			},
 			dataSource: y,
 			document: s,
@@ -5590,12 +5671,12 @@ function di(e = {}) {
 			view: h,
 			zIndex: o
 		};
-		return Ve(() => {
+		return Be(() => {
 			for (let e of Object.values(k)) e.$dispose();
 		}), k;
 	});
 }
-var fi = di(), pi = class {
+var _i = gi(), vi = class {
 	providers = /* @__PURE__ */ new Map();
 	async collect() {
 		let e = this.list(), t = [], n = [], r = await Promise.all(e.map(async (e) => {
@@ -5636,33 +5717,33 @@ var fi = di(), pi = class {
 			n < 0 || (t.splice(n, 1), t.length === 0 && this.providers.delete(e.id));
 		};
 	}
-}, mi = /* @__PURE__ */ e({
-	bindEditorView: () => gi,
-	disposeEditorView: () => _i
-}), hi = /* @__PURE__ */ new WeakMap();
-function gi(e, t) {
-	if (hi.has(e)) throw Error("A designer is already mounted for this editor context");
+}, yi = /* @__PURE__ */ e({
+	bindEditorView: () => xi,
+	disposeEditorView: () => Si
+}), bi = /* @__PURE__ */ new WeakMap();
+function xi(e, t) {
+	if (bi.has(e)) throw Error("A designer is already mounted for this editor context");
 	let n = e.root;
-	return hi.set(e, t), e.root = t.root, () => {
-		hi.get(e) === t && (hi.delete(e), e.root = n);
+	return bi.set(e, t), e.root = t.root, () => {
+		bi.get(e) === t && (bi.delete(e), e.root = n);
 	};
 }
-function _i(e) {
-	hi.get(e)?.dispose();
+function Si(e) {
+	bi.get(e)?.dispose();
 }
 // src/designer/context/editor-runtime.ts
-var vi = /* @__PURE__ */ e({
-	EditorContextKey: () => yi,
-	createEditorRuntime: () => bi
-}), yi = Symbol("editor-context");
-function bi(e = {}, t) {
-	let n = ze() ? void 0 : Le(), r = Fe(), i = new Ge(), a = e.errors ?? m(), o = g(), s = new bt(), c = new bn(e.persistPreferences ? e.preferenceStorage ?? {
+var Ci = /* @__PURE__ */ e({
+	EditorContextKey: () => wi,
+	createEditorRuntime: () => Ti
+}), wi = Symbol("editor-context");
+function Ti(e = {}, t) {
+	let n = Re() ? void 0 : Ie(), r = Pe(), i = new Ge(), a = e.errors ?? m(), o = g(), s = new bt(), c = new yn(e.persistPreferences ? e.preferenceStorage ?? {
 		get: (e) => localStorage.getItem(e),
 		set: (e, t) => localStorage.setItem(e, t)
 	} : void 0), l, u;
 	try {
 		u = Gt();
-		let n = y(Kt(e)), d = di({
+		let n = y(Kt(e)), d = gi({
 			...e,
 			...n,
 			errors: a,
@@ -5670,11 +5751,11 @@ function bi(e = {}, t) {
 			preferenceStorage: c,
 			storage: e.storage ?? !1
 		})(r);
-		vn(d, n.elements), gn(d, a), En(d), d.config.configure(e);
+		_n(d, n.elements), hn(d, a), On(d), d.config.configure(e);
 		let f = !1, p = {
 			commands: new Je(() => p, i),
 			dispose() {
-				f ||= (_i(p), p.plugins.close(), u?.(), o.dispose(), i.offAll(), Ie(r), !0);
+				f ||= (Si(p), p.plugins.close(), u?.(), o.dispose(), i.offAll(), Fe(r), !0);
 			},
 			elements: n.elements,
 			errors: a,
@@ -5690,13 +5771,13 @@ function bi(e = {}, t) {
 			},
 			output: o,
 			parsers: n.parsers,
-			plugins: new rn(() => p, e.pluginPolicy),
+			plugins: new nn(() => p, e.pluginPolicy),
 			preferences: c,
 			store() {
 				if (f) throw Error("Designer has been disposed");
 				return d;
 			},
-			templateLibrary: new pi(),
+			templateLibrary: new vi(),
 			get use() {
 				return p.plugins.use.bind(p.plugins);
 			},
@@ -5706,38 +5787,38 @@ function bi(e = {}, t) {
 		};
 		return l = p, _t(p), t?.(p), p;
 	} catch (e) {
-		throw l ? l.dispose?.() : (u?.(), o.dispose(), i.offAll(), Ie(r)), e;
+		throw l ? l.dispose?.() : (u?.(), o.dispose(), i.offAll(), Fe(r)), e;
 	} finally {
-		Re(n);
+		Le(n);
 	}
 }
 // src/designer/facade/bindings.ts
-var xi = /* @__PURE__ */ e({
-	bindStudioContext: () => Ti,
-	getStudioContext: () => Ei,
-	onStudioDispose: () => wi,
-	unbindStudioContext: () => Di
-}), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap();
-function wi(e, t) {
-	Ei(e);
-	let n = Ci.get(e);
-	return n || (n = /* @__PURE__ */ new Set(), Ci.set(e, n)), n.add(t), () => {
+var Ei = /* @__PURE__ */ e({
+	bindStudioContext: () => Ai,
+	getStudioContext: () => ji,
+	onStudioDispose: () => ki,
+	unbindStudioContext: () => Mi
+}), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap();
+function ki(e, t) {
+	ji(e);
+	let n = Oi.get(e);
+	return n || (n = /* @__PURE__ */ new Set(), Oi.set(e, n)), n.add(t), () => {
 		n.delete(t);
 	};
 }
-function Ti(e, t) {
-	Si.set(e, t);
+function Ai(e, t) {
+	Di.set(e, t);
 }
-function Ei(e) {
-	let t = Si.get(e);
+function ji(e) {
+	let t = Di.get(e);
 	if (!t) throw Error("Unknown print studio instance");
 	return t.store(), t;
 }
-function Di(e) {
-	let t = Ci.get(e);
-	Ci.delete(e);
+function Mi(e) {
+	let t = Oi.get(e);
+	Oi.delete(e);
 	for (let e of t ?? []) e();
-	Si.delete(e);
+	Di.delete(e);
 }
 // src/designer/facade/entities.ts
 function Q(e) {
@@ -5747,7 +5828,7 @@ function Q(e) {
 function $(e) {
 	return typeof e == "string" ? e : e.id;
 }
-function Oi(e) {
+function Ni(e) {
 	let t = !1, n = 0;
 	function r() {
 		if (t) throw Error("Print studio facade has been disposed");
@@ -5779,7 +5860,7 @@ function Oi(e) {
 		store: r
 	};
 }
-function ki(e, t, n) {
+function Pi(e, t, n) {
 	function r(t) {
 		return e.store(), n.list().find((e) => e.id === $(t));
 	}
@@ -5826,21 +5907,14 @@ function ki(e, t, n) {
 	};
 }
 // src/designer/facade/editing.ts
-var Ai = {
-	h: "hcenter",
-	v: "vcenter"
-};
-function ji(e) {
+function Fi(e) {
 	return {
 		edit: {
 			align: (t, n) => e.command("element.align", t, n),
 			copy: () => e.command("edit.copy"),
 			cut: () => e.command("edit.cut"),
 			delete: () => e.command("edit.delete"),
-			distribute: (t, n) => {
-				let r = Ai[t] ?? t;
-				return e.command("element.distribute", r, n);
-			},
+			distribute: (t, n) => e.command("element.distribute", t, n),
 			distributeSpacing: (t, n) => e.command("element.distributeSpacing", t, n),
 			duplicate: () => e.command("edit.duplicate"),
 			nudge: (t, n) => e.command("element.nudge", t, n),
@@ -5862,13 +5936,13 @@ function ji(e) {
 	};
 }
 // src/designer/facade/elements.ts
-function Mi(e, t, n) {
+function Ii(e, t, n) {
 	function r(n) {
 		let r = $(n);
 		if (!e.store().element.getByPage(t).some((e) => e.id === r)) throw Error(`Element not found on page ${t}: ${r}`);
 		return r;
 	}
-	let i = ki(e, "element", {
+	let i = Pi(e, "element", {
 		list: () => e.store().element.getByPage(t),
 		remove: (t) => e.command("element.removeIds", [t]),
 		update: (t, n) => e.command("element.update", t, n)
@@ -5929,7 +6003,7 @@ function Mi(e, t, n) {
 	};
 }
 // src/designer/facade/output.ts
-function Ni(e) {
+function Li(e) {
 	function t(t, n, r) {
 		return e.command("output.html", t, n, r);
 	}
@@ -5949,8 +6023,8 @@ function Ni(e) {
 	};
 }
 // src/designer/facade/pages.ts
-function Pi(e, t) {
-	let n = ki(e, "page", {
+function Ri(e, t) {
+	let n = Pi(e, "page", {
 		list: () => e.store().page.list,
 		remove: (t) => e.command("page.remove", t),
 		update: (t, n) => e.command("page.update", t, n)
@@ -5961,7 +6035,7 @@ function Pi(e, t) {
 			get data() {
 				return i.data;
 			},
-			elements: Mi(e, i.id, t),
+			elements: Ii(e, i.id, t),
 			id: i.id,
 			remove: i.remove,
 			update: i.update
@@ -5994,8 +6068,8 @@ function Pi(e, t) {
 	};
 }
 // src/designer/facade/state.ts
-function Fi(e, t) {
-	let n = t.store(), r = /* @__PURE__ */ new Set(), i = H(() => Object.freeze({
+function zi(e, t) {
+	let n = t.store(), r = /* @__PURE__ */ new Set(), i = U(() => Object.freeze({
 		activePageId: n.page.active?.id,
 		canRedo: n.history.canRedo,
 		canUndo: n.history.canUndo,
@@ -6028,12 +6102,12 @@ function Fi(e, t) {
 	};
 }
 // src/designer/facade/print-studio.ts
-function Ii(e, t = {}, n) {
-	let r = !1, i, a = !1, o = !1, s = Oi(e), c = Fi(e, s), l = t.defaultElementType ?? "text", u = Pi(s, l), d = ki(s, "template", {
+function Bi(e, t = {}, n) {
+	let r = !1, i, a = !1, o = !1, s = Ni(e), c = zi(e, s), l = t.defaultElementType ?? "text", u = Ri(s, l), d = Pi(s, "template", {
 		list: () => s.store().template.list,
 		remove: (e) => s.command("template.remove", e),
 		update: (e, t) => s.command("template.update", e, t)
-	}), f = ki(s, "repeatGroup", {
+	}), f = Pi(s, "repeatGroup", {
 		list: () => s.store().repeatGroup.list,
 		remove: (e) => s.command("repeatGroup.remove", e),
 		update: (e, t) => {
@@ -6049,7 +6123,7 @@ function Ii(e, t = {}, n) {
 			if (t && t.id !== n) throw Error(`Element already belongs to repeat group: ${a}`);
 		}
 	}
-	let m = ki(s, "followBlock", {
+	let m = Pi(s, "followBlock", {
 		list: () => s.store().followBlock.list,
 		remove: (e) => s.command("followBlock.remove", e),
 		update: (e, t) => {
@@ -6069,7 +6143,7 @@ function Ii(e, t = {}, n) {
 				let e = s.store().template.getByPage(i), t = e?.page.id === i ? e.page : e?.evenPage;
 				return t ? E(t) : void 0;
 			},
-			elements: Mi(s, i, l),
+			elements: Ii(s, i, l),
 			id: i,
 			update(e) {
 				s.run("template.updatePage", () => s.command("template.updatePage", i, E(e)));
@@ -6094,18 +6168,18 @@ function Ii(e, t = {}, n) {
 		};
 	}
 	function _() {
-		r || (r = !0, v(), c.dispose(), s.dispose(), Di(x), n?.());
+		r || (r = !0, v(), c.dispose(), s.dispose(), Mi(x), n?.());
 	}
 	function v(e = i) {
 		!e && a ? o = !0 : (e?.unmount(), i === e && (i = void 0));
 	}
 	async function y(e) {
 		if (r) throw Error("Print studio has been disposed");
-		if (a || Ei(x).root) throw Error("A designer is already mounted for this studio");
+		if (a || ji(x).root) throw Error("A designer is already mounted for this studio");
 		let t = b(e.el);
 		a = !0;
 		try {
-			let { mountPrintDesigner: n } = await import("./mount-print-designer-BLgVZOnm.js").then((e) => e.n);
+			let { attachDesigner: n } = await import("./mount-print-designer-DnHTrBE9.js").then((e) => e.n);
 			if (r) throw Error("Print studio has been disposed");
 			if (o) throw new DOMException("Designer unmounted before ready", "AbortError");
 			let s = n(t, {
@@ -6227,18 +6301,18 @@ function Ii(e, t = {}, n) {
 		},
 		unmount: () => v(),
 		use: e.plugins.use.bind(e.plugins),
-		...Ni(s),
-		...ji(s)
+		...Li(s),
+		...Fi(s)
 	};
-	return Ti(x, e), Be(x);
+	return Ai(x, e), ze(x);
 }
 // src/studio.ts
-function Li(e = {}) {
-	let t = bi(e);
+function Vi(e = {}) {
+	let t = Ti(e);
 	try {
-		return Ii(t, e, () => t.dispose?.());
+		return Bi(t, e, () => t.dispose?.());
 	} catch (e) {
 		throw t.dispose?.(), e;
 	}
 }
-export { Ht as A, bt as B, fn as C, Jt as D, qt as E, Rt as F, Je as G, _t as H, jt as I, qe as K, zt as L, Bt as M, J as N, Yt as O, At as P, Mt as R, yn as S, rn as T, Ye as U, yt as V, Xe as W, Un as _, wi as a, bn as b, vi as c, fi as d, ni as f, Fn as g, Nn as h, Ei as i, Ut as j, Vt as k, mi as l, zn as m, Ii as n, yi as o, pr as p, xi as r, bi as s, Li as t, pi as u, Tn as v, cn as w, pn as x, xn as y, Et as z };
+export { Ht as A, bt as B, dn as C, Jt as D, qt as E, Rt as F, Je as G, _t as H, jt as I, qe as K, zt as L, Bt as M, J as N, Yt as O, At as P, Mt as R, vn as S, nn as T, Ye as U, yt as V, Xe as W, Gn as _, ki as a, yn as b, Ci as c, _i as d, si as f, Ln as g, Fn as h, ji as i, Ut as j, Vt as k, yi as l, Vn as m, Bi as n, wi as o, hr as p, Ei as r, Ti as s, Vi as t, vi as u, Dn as v, sn as w, fn as x, Cn as y, Et as z };