@agile-team/mach-report 2.11.0 → 2.11.1

package/dist/designer.js

@@ -1,48 +1,48 @@
-import { ref as N, computed as z, watch as ee, onMounted as mt, onBeforeUnmount as Ae, nextTick as me, defineComponent as Ge, openBlock as h, createElementBlock as M, createElementVNode as a, toDisplayString as l, unref as e, createTextVNode as O, withDirectives as ue, isRef as Oe, createCommentVNode as F, vModelSelect as He, normalizeStyle as fe, Fragment as K, renderList as Q, normalizeClass as Pe, withModifiers as vt, createVNode as le, shallowRef as pt, defineAsyncComponent as pe, getCurrentInstance as St, withKeys as Ye, createBlock as Me, vShow as Te, vModelText as rt } from "vue";
-import { provideMachReportConfig as _t, createLocalFetcher as It, ReportPreview as $t } from "@agile-team/mach-report/vue";
-import { resolveGridLayout as Ce, parseReportTemplate as ne, serializeReportTemplate as xe, validateReportTemplateDocument as dt } from "@agile-team/mach-report";
-import { _ as ze, a as re } from "./_plugin-vue_export-helper-8SL1F89S.js";
-import { r as Et, a as Lt, b as Rt } from "./list-cell-ClFra1zS.js";
-import { c as At } from "./tree-CqcQ99NM.js";
-import { r as Ve } from "./style-CQ1PK8ZB.js";
-function Dt(t, d, i = 3) {
-  if (!t.tree) return d.slice(0, i).map((s) => t.columns.map((o) => Et(t, o, s)));
-  if (d.length > 200) return [];
+import { ref as z, computed as F, watch as ee, onMounted as pt, onBeforeUnmount as Le, nextTick as ce, defineComponent as Ge, openBlock as g, createElementBlock as b, createElementVNode as a, toDisplayString as l, unref as e, createTextVNode as O, withDirectives as ue, isRef as Ve, createCommentVNode as N, vModelSelect as He, normalizeStyle as be, Fragment as q, renderList as Q, normalizeClass as Pe, withModifiers as gt, createVNode as le, shallowRef as ht, defineAsyncComponent as ge, getCurrentInstance as $t, withKeys as Ze, createBlock as Me, vShow as Ae, vModelText as ut } from "vue";
+import { provideMachReportConfig as Et, createLocalFetcher as Rt, ReportPreview as Tt } from "@agile-team/mach-report/vue";
+import { resolveGridLayout as Se, parseReportTemplate as ae, serializeReportTemplate as ke, validateReportTemplateDocument as ct } from "@agile-team/mach-report";
+import { _ as Fe, a as re } from "./_plugin-vue_export-helper-8SL1F89S.js";
+import { r as Lt, a as Dt, b as At } from "./list-cell-ClFra1zS.js";
+import { c as Pt } from "./tree-CqcQ99NM.js";
+import { r as je } from "./style-CQ1PK8ZB.js";
+function Ht(t, c, i = 3) {
+  if (!t.tree) return c.slice(0, i).map((s) => t.columns.map((o) => Lt(t, o, s)));
+  if (c.length > 200) return [];
   try {
-    return At(d, { ...t.tree, maxRows: Math.min(200, t.tree.maxRows ?? 200), maxAggregationVisits: Math.min(2e3, t.tree.maxAggregationVisits ?? 2e3) }, { computed: t.computed?.length ? { fields: t.computed, maxRows: 200, maxCells: 4096 } : void 0 }).entries.slice(0, i).map((o) => t.columns.map((p) => Lt(t, p, o)));
+    return Pt(c, { ...t.tree, maxRows: Math.min(200, t.tree.maxRows ?? 200), maxAggregationVisits: Math.min(2e3, t.tree.maxAggregationVisits ?? 2e3) }, { computed: t.computed?.length ? { fields: t.computed, maxRows: 200, maxCells: 4096 } : void 0 }).entries.slice(0, i).map((o) => t.columns.map((p) => Dt(t, p, o)));
   } catch {
     return [];
   }
 }
-const Qe = 96 / 25.4;
-function tt(t) {
+const et = 96 / 25.4;
+function at(t) {
   return t.kind === "list" ? Math.max(
     16,
     (t.headerGrid?.rowHeightsMm?.reduce(
-      (d, i) => d + i,
+      (c, i) => c + i,
       0
     ) ?? 8) + (t.rowHeightMm ?? 8) * 3
   ) : t.heightMm;
 }
-function be(t) {
+function ye(t) {
   return {
     leftMm: t.leftMm,
     topMm: t.topMm,
     widthMm: t.widthMm,
-    heightMm: tt(t)
+    heightMm: at(t)
   };
 }
-function Re(t, d) {
-  return d ? t.template.pages[d.pageIndex]?.components[d.componentIndex] : void 0;
+function Te(t, c) {
+  return c ? t.template.pages[c.pageIndex]?.components[c.componentIndex] : void 0;
 }
-function Tt(t, d = "detail") {
+function Gt(t, c = "detail") {
   const i = { leftMm: 10, topMm: 10, widthMm: 60, heightMm: 10 };
   return t === "list" ? {
     kind: t,
     leftMm: 10,
     topMm: 30,
     widthMm: 90,
-    dataset: d,
+    dataset: c,
     columns: [
       { header: "字段", field: "field", widthMm: 45 },
       { header: "数值", field: "value", widthMm: 45 }
@@ -71,27 +71,27 @@ function Tt(t, d = "detail") {
     imageData: `data:image/svg+xml;charset=utf-8,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="180" height="90" viewBox="0 0 180 90"><rect width="180" height="90" rx="5" fill="#eff6ff"/><path d="m25 68 32-32 25 23 27-35 45 44" fill="none" stroke="#94b8e5" stroke-width="3"/><circle cx="45" cy="24" r="7" fill="#bfd5ef"/></svg>')}`
   };
 }
-function Ze(t, d, i = !1) {
-  const s = Math.max(2, Math.min(d.widthMm, t.widthMm)), o = Math.max(2, Math.min(d.heightMm, t.heightMm));
+function tt(t, c, i = !1) {
+  const s = Math.max(2, Math.min(c.widthMm, t.widthMm)), o = Math.max(2, Math.min(c.heightMm, t.heightMm));
   return {
-    leftMm: Math.max(0, Math.min(d.widthMm - s, t.leftMm)),
+    leftMm: Math.max(0, Math.min(c.widthMm - s, t.leftMm)),
     topMm: Math.max(
       0,
-      Math.min(d.heightMm - (i ? 2 : o), t.topMm)
+      Math.min(c.heightMm - (i ? 2 : o), t.topMm)
     ),
     widthMm: s,
     heightMm: o
   };
 }
-function je(t, d) {
+function Ue(t, c) {
   const i = t.widthMm;
   if (Object.assign(t, {
-    leftMm: d.leftMm,
-    topMm: d.topMm,
-    widthMm: d.widthMm
-  }), t.kind !== "list") t.heightMm = d.heightMm;
-  else if (i > 0 && d.widthMm !== i) {
-    const s = d.widthMm / i;
+    leftMm: c.leftMm,
+    topMm: c.topMm,
+    widthMm: c.widthMm
+  }), t.kind !== "list") t.heightMm = c.heightMm;
+  else if (i > 0 && c.widthMm !== i) {
+    const s = c.widthMm / i;
     t.columns.forEach((o) => {
       o.widthMm = Math.round(o.widthMm * s * 100) / 100;
     }), t.widthMm = t.columns.reduce(
@@ -102,235 +102,235 @@ function je(t, d) {
     ));
   }
 }
-function Pt(t, d, i) {
-  if (d === i || !t.columns[d] || !t.columns[i]) return !1;
+function Ft(t, c, i) {
+  if (c === i || !t.columns[c] || !t.columns[i]) return !1;
   if (t.headerGrid) {
-    if (Ce(t.headerGrid, t.widthMm, 100).cells.some(({ cell: p }) => (p.colSpan ?? 1) > 1))
+    if (Se(t.headerGrid, t.widthMm, 100).cells.some(({ cell: p }) => (p.colSpan ?? 1) > 1))
       throw new Error("请先拆分跨列合并表头，再调整列顺序，避免改变业务分组。");
     const o = We(t);
     o.forEach((p) => {
-      p.splice(i, 0, p.splice(d, 1)[0]);
-    }), t.headerGrid = Ue(
+      p.splice(i, 0, p.splice(c, 1)[0]);
+    }), t.headerGrid = Ke(
       o,
       t.columns.map((p) => p.widthMm),
       t.headerGrid.rowHeightsMm ?? o.map(() => 8)
     );
   }
-  return t.columns.splice(i, 0, t.columns.splice(d, 1)[0]), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map((s) => s.widthMm)), !0;
+  return t.columns.splice(i, 0, t.columns.splice(c, 1)[0]), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map((s) => s.widthMm)), !0;
 }
 function We(t) {
   if (!t.headerGrid)
     return [t.columns.map((i) => ({ text: i.header }))];
-  const d = Array.from(
+  const c = Array.from(
     { length: t.headerGrid.cells.length },
     () => Array.from({ length: t.columns.length }, () => null)
   );
-  for (const { cell: i, ri: s, ci: o } of Ce(
+  for (const { cell: i, ri: s, ci: o } of Se(
     t.headerGrid,
     t.widthMm,
     100
   ).cells)
-    d[s][o] = i;
-  return d;
+    c[s][o] = i;
+  return c;
 }
-function Ue(t, d, i) {
+function Ke(t, c, i) {
   const s = /* @__PURE__ */ new Set();
   return { cells: t.map(
-    (p, g) => p.flatMap((x, f) => {
-      if (s.has(`${g}:${f}`)) return [];
-      if (!x) return [null];
-      for (let m = g; m < g + (x.rowSpan ?? 1); m++)
-        for (let b = f; b < f + (x.colSpan ?? 1); b++)
-          (m !== g || b !== f) && s.add(`${m}:${b}`);
-      return [x];
+    (p, h) => p.flatMap((M, f) => {
+      if (s.has(`${h}:${f}`)) return [];
+      if (!M) return [null];
+      for (let m = h; m < h + (M.rowSpan ?? 1); m++)
+        for (let y = f; y < f + (M.colSpan ?? 1); y++)
+          (m !== h || y !== f) && s.add(`${m}:${y}`);
+      return [M];
     })
-  ), colWidthsMm: d, rowHeightsMm: i };
+  ), colWidthsMm: c, rowHeightsMm: i };
 }
-function Ht(t) {
-  const d = We(t), i = t.headerGrid?.rowHeightsMm ?? d.map(() => 8);
-  d.unshift(
+function Nt(t) {
+  const c = We(t), i = t.headerGrid?.rowHeightsMm ?? c.map(() => 8);
+  c.unshift(
     t.columns.map(() => ({
       text: "分组",
       style: { align: "center", backgroundColor: "#eaf2fc", bold: !0 }
     }))
-  ), t.headerGrid = Ue(
-    d,
+  ), t.headerGrid = Ke(
+    c,
     t.columns.map((s) => s.widthMm),
     [8, ...i]
   );
 }
-function Gt(t, d, i, s) {
+function zt(t, c, i, s) {
   if (i >= s || i < 0 || s >= t.columns.length)
     throw new Error("请选择同一行的至少两个连续表头。");
-  const o = We(t), p = o[d];
+  const o = We(t), p = o[c];
   if (!p) throw new Error("表头行不存在。");
-  const g = p.slice(i, s + 1);
-  if (g.some(
+  const h = p.slice(i, s + 1);
+  if (h.some(
     (f) => !f || (f.colSpan ?? 1) !== 1 || (f.rowSpan ?? 1) !== 1
   ))
     throw new Error("选择包含合并区域，请先拆分，再重新合并。");
-  const x = g[0];
-  p[i] = { ...x, colSpan: s - i + 1 };
+  const M = h[0];
+  p[i] = { ...M, colSpan: s - i + 1 };
   for (let f = i + 1; f <= s; f++) p[f] = null;
-  t.headerGrid = Ue(
+  t.headerGrid = Ke(
     o,
     t.columns.map((f) => f.widthMm),
     t.headerGrid?.rowHeightsMm ?? [8]
   );
 }
-function zt(t, d, i) {
+function Ot(t, c, i) {
   if (!t.headerGrid) return;
-  const o = Ce(t.headerGrid, t.widthMm, 100).cells.find(
-    ({ ri: m, ci: b, cell: T }) => d >= m && d < m + (T.rowSpan ?? 1) && i >= b && i < b + (T.colSpan ?? 1)
+  const o = Se(t.headerGrid, t.widthMm, 100).cells.find(
+    ({ ri: m, ci: y, cell: A }) => c >= m && c < m + (A.rowSpan ?? 1) && i >= y && i < y + (A.colSpan ?? 1)
   );
   if (!o) return;
-  const p = We(t), { ri: g, ci: x, cell: f } = o;
-  for (let m = g; m < g + (f.rowSpan ?? 1); m++)
-    for (let b = x; b < x + (f.colSpan ?? 1); b++) {
-      const T = {
+  const p = We(t), { ri: h, ci: M, cell: f } = o;
+  for (let m = h; m < h + (f.rowSpan ?? 1); m++)
+    for (let y = M; y < M + (f.colSpan ?? 1); y++) {
+      const A = {
         ...f,
-        text: m === p.length - 1 ? t.columns[b].header : f.text
+        text: m === p.length - 1 ? t.columns[y].header : f.text
       };
-      delete T.colSpan, delete T.rowSpan, p[m][b] = T;
+      delete A.colSpan, delete A.rowSpan, p[m][y] = A;
     }
-  t.headerGrid = Ue(
+  t.headerGrid = Ke(
     p,
     t.columns.map((m) => m.widthMm),
     t.headerGrid.rowHeightsMm ?? p.map(() => 8)
   );
 }
-function Ft(t) {
-  const d = N(), i = N(0.8), s = N(0), o = N(0), p = z(() => i.value * Qe), g = z(() => t.document.template.pages[t.pageIndex]), x = z(() => g.value.widthMm * p.value > o.value - 40);
+function Bt(t) {
+  const c = z(), i = z(0.8), s = z(0), o = z(0), p = F(() => i.value * et), h = F(() => t.document.template.pages[t.pageIndex]), M = F(() => h.value.widthMm * p.value > o.value - 40);
   let f;
   function m(I) {
-    const v = d.value;
+    const v = c.value;
     if (!v) return;
-    let u = { leftMm: 0, topMm: 0, widthMm: g.value.widthMm, heightMm: g.value.heightMm };
-    const S = t.selection?.pageIndex === t.pageIndex ? g.value.components[t.selection.componentIndex] : void 0;
-    I === "selection" && S && (u = be(S));
-    const C = (v.clientWidth - 40) / (u.widthMm * Qe), L = (v.clientHeight - 40) / (u.heightMm * Qe);
-    i.value = Math.max(0.05, Math.min(2, I === "width" ? C : Math.min(C, L))), me(() => {
-      v.scrollLeft = u.leftMm * p.value, v.scrollTop = u.topMm * p.value;
+    let d = { leftMm: 0, topMm: 0, widthMm: h.value.widthMm, heightMm: h.value.heightMm };
+    const C = t.selection?.pageIndex === t.pageIndex ? h.value.components[t.selection.componentIndex] : void 0;
+    I === "selection" && C && (d = ye(C));
+    const S = (v.clientWidth - 40) / (d.widthMm * et), R = (v.clientHeight - 40) / (d.heightMm * et);
+    i.value = Math.max(0.05, Math.min(2, I === "width" ? S : Math.min(S, R))), ce(() => {
+      v.scrollLeft = d.leftMm * p.value, v.scrollTop = d.topMm * p.value;
     });
   }
-  function b() {
-    const I = d.value;
+  function y() {
+    const I = c.value;
     I && (o.value = I.clientWidth, s.value = I.scrollWidth > I.clientWidth ? Math.round(I.scrollLeft / (I.scrollWidth - I.clientWidth) * 100) : 0);
   }
-  function T(I) {
-    const v = d.value;
+  function A(I) {
+    const v = c.value;
     v && (v.scrollLeft = (v.scrollWidth - v.clientWidth) * I / 100), s.value = I;
   }
-  async function R() {
-    await me();
-    const I = d.value, v = t.selection;
+  async function T() {
+    await ce();
+    const I = c.value, v = t.selection;
     if (!I || v?.pageIndex !== t.pageIndex) return;
-    const u = g.value.components[v.componentIndex];
-    if (!u) return;
-    const S = be(u);
-    if (u.kind === "list" && t.columnIndex !== void 0 && t.columnIndex >= 0) {
-      const $ = u;
-      S.leftMm += $.columns.slice(0, t.columnIndex).reduce((D, H) => D + H.widthMm, 0), S.widthMm = $.columns[t.columnIndex]?.widthMm ?? S.widthMm;
+    const d = h.value.components[v.componentIndex];
+    if (!d) return;
+    const C = ye(d);
+    if (d.kind === "list" && t.columnIndex !== void 0 && t.columnIndex >= 0) {
+      const E = d;
+      C.leftMm += E.columns.slice(0, t.columnIndex).reduce((D, H) => D + H.widthMm, 0), C.widthMm = E.columns[t.columnIndex]?.widthMm ?? C.widthMm;
     }
-    const C = S.leftMm * p.value, L = S.topMm * p.value, y = C + S.widthMm * p.value, _ = L + S.heightMm * p.value;
-    C < I.scrollLeft ? I.scrollLeft = C : y > I.scrollLeft + I.clientWidth - 40 && (I.scrollLeft = Math.max(0, Math.min(C, y - I.clientWidth + 40))), L < I.scrollTop ? I.scrollTop = L : _ > I.scrollTop + I.clientHeight - 40 && (I.scrollTop = Math.max(0, Math.min(L, _ - I.clientHeight + 40))), b();
+    const S = C.leftMm * p.value, R = C.topMm * p.value, w = S + C.widthMm * p.value, _ = R + C.heightMm * p.value;
+    S < I.scrollLeft ? I.scrollLeft = S : w > I.scrollLeft + I.clientWidth - 40 && (I.scrollLeft = Math.max(0, Math.min(S, w - I.clientWidth + 40))), R < I.scrollTop ? I.scrollTop = R : _ > I.scrollTop + I.clientHeight - 40 && (I.scrollTop = Math.max(0, Math.min(R, _ - I.clientHeight + 40))), y();
   }
   return ee(() => [t.selection, t.columnIndex, t.pageIndex], () => {
-    R();
-  }), mt(() => {
-    b(), typeof ResizeObserver < "u" && d.value && (f = new ResizeObserver(b), f.observe(d.value));
-  }), Ae(() => f?.disconnect()), { viewport: d, zoom: i, scale: p, page: g, wide: x, fraction: s, fit: m, sync: b, navigate: T };
+    T();
+  }), pt(() => {
+    y(), typeof ResizeObserver < "u" && c.value && (f = new ResizeObserver(y), f.observe(c.value));
+  }), Le(() => f?.disconnect()), { viewport: c, zoom: i, scale: p, page: h, wide: M, fraction: s, fit: m, sync: y, navigate: A };
 }
-function ut(t, d, i) {
-  const s = t.filter((o) => o !== d).flatMap((o) => {
-    const p = o[i], g = i === "leftMm" ? o.widthMm : tt(o);
-    return [p, p + g / 2, p + g];
+function mt(t, c, i) {
+  const s = t.filter((o) => o !== c).flatMap((o) => {
+    const p = o[i], h = i === "leftMm" ? o.widthMm : at(o);
+    return [p, p + h / 2, p + h];
   });
   return [...new Set(s)].sort((o, p) => o - p);
 }
-function Nt(t, d) {
+function Vt(t, c) {
   if (!t.length) return;
   let i = 0, s = t.length;
   for (; i < s; ) {
-    const g = i + s >>> 1;
-    t[g] < d ? i = g + 1 : s = g;
+    const h = i + s >>> 1;
+    t[h] < c ? i = h + 1 : s = h;
   }
   const o = t[Math.max(0, i - 1)], p = t[Math.min(t.length - 1, i)];
-  return Math.abs(o - d) < Math.abs(p - d) ? o : p;
+  return Math.abs(o - c) < Math.abs(p - c) ? o : p;
 }
-function ct(t, d, i, s) {
+function vt(t, c, i, s) {
   let o = 1 / 0, p = {
     value: Math.round(t * 2) / 2
   };
-  for (const g of [0, d / 2, d]) {
-    const x = Nt(i, t + g);
-    if (x === void 0) continue;
-    const f = Math.abs(x - t - g);
-    f <= s && f < o && (o = f, p = { value: x - g, guide: x });
+  for (const h of [0, c / 2, c]) {
+    const M = Vt(i, t + h);
+    if (M === void 0) continue;
+    const f = Math.abs(M - t - h);
+    f <= s && f < o && (o = f, p = { value: M - h, guide: M });
   }
   return p;
 }
-function Bt(t) {
-  let d;
+function jt(t) {
+  let c;
   function i(s, o, p = !1) {
     if (t.disabled() || s.button !== 0) return;
-    s.preventDefault(), s.stopPropagation(), d?.();
-    const g = s.currentTarget.closest(
+    s.preventDefault(), s.stopPropagation(), c?.();
+    const h = s.currentTarget.closest(
       "[data-canvas-component]"
-    ), x = be(o), f = s.clientX, m = s.clientY;
-    let b = x, T = 0;
-    const R = t.scale.value, I = g.parentElement;
-    let v, u;
-    const S = () => {
-      for (const [G, B] of [
+    ), M = ye(o), f = s.clientX, m = s.clientY;
+    let y = M, A = 0;
+    const T = t.scale.value, I = h.parentElement;
+    let v, d;
+    const C = () => {
+      for (const [G, U] of [
         ["x", v],
-        ["y", u]
+        ["y", d]
       ])
         I.style.setProperty(
           `--mr-canvas-guide-${G}-display`,
-          B === void 0 ? "none" : "block"
-        ), B !== void 0 && I.style.setProperty(
+          U === void 0 ? "none" : "block"
+        ), U !== void 0 && I.style.setProperty(
           `--mr-canvas-guide-${G}`,
-          `${B * R}px`
+          `${U * T}px`
         );
-    }, C = () => {
-      T = 0, S(), g.style.left = `${b.leftMm * R}px`, g.style.top = `${b.topMm * R}px`, g.style.width = `${b.widthMm * R}px`, g.style.height = `${b.heightMm * R}px`;
-    }, L = {
-      leftMm: ut(t.page().components, o, "leftMm"),
-      topMm: ut(t.page().components, o, "topMm")
-    }, y = (G) => {
-      const B = (G.clientX - f) / R, q = (G.clientY - m) / R, ae = ct(
-        x.leftMm + B,
-        x.widthMm,
-        L.leftMm,
-        5 / R
-      ), n = ct(
-        x.topMm + q,
-        x.heightMm,
-        L.topMm,
-        5 / R
+    }, S = () => {
+      A = 0, C(), h.style.left = `${y.leftMm * T}px`, h.style.top = `${y.topMm * T}px`, h.style.width = `${y.widthMm * T}px`, h.style.height = `${y.heightMm * T}px`;
+    }, R = {
+      leftMm: mt(t.page().components, o, "leftMm"),
+      topMm: mt(t.page().components, o, "topMm")
+    }, w = (G) => {
+      const U = (G.clientX - f) / T, X = (G.clientY - m) / T, te = vt(
+        M.leftMm + U,
+        M.widthMm,
+        R.leftMm,
+        5 / T
+      ), n = vt(
+        M.topMm + X,
+        M.heightMm,
+        R.topMm,
+        5 / T
       );
-      v = p ? void 0 : ae.guide, u = p ? void 0 : n.guide, b = Ze(
+      v = p ? void 0 : te.guide, d = p ? void 0 : n.guide, y = tt(
         p ? {
-          ...x,
-          widthMm: Math.round((x.widthMm + B) * 2) / 2,
-          heightMm: Math.round((x.heightMm + q) * 2) / 2
-        } : { ...x, leftMm: ae.value, topMm: n.value },
+          ...M,
+          widthMm: Math.round((M.widthMm + U) * 2) / 2,
+          heightMm: Math.round((M.heightMm + X) * 2) / 2
+        } : { ...M, leftMm: te.value, topMm: n.value },
         t.page(),
         o.kind === "list"
-      ), T || (T = requestAnimationFrame(C));
+      ), A || (A = requestAnimationFrame(S));
     }, _ = (G) => {
-      window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", $), window.removeEventListener("pointercancel", D), window.removeEventListener("keydown", H), T && cancelAnimationFrame(T), b = G ? b : x, v = void 0, u = void 0, C(), d = void 0, G && JSON.stringify(b) !== JSON.stringify(x) && t.commit(b);
-    }, $ = () => _(!0), D = () => _(!1), H = (G) => {
+      window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", E), window.removeEventListener("pointercancel", D), window.removeEventListener("keydown", H), A && cancelAnimationFrame(A), y = G ? y : M, v = void 0, d = void 0, S(), c = void 0, G && JSON.stringify(y) !== JSON.stringify(M) && t.commit(y);
+    }, E = () => _(!0), D = () => _(!1), H = (G) => {
       G.key === "Escape" && (G.preventDefault(), D());
     };
-    window.addEventListener("pointermove", y), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", D), window.addEventListener("keydown", H), d = D;
+    window.addEventListener("pointermove", w), window.addEventListener("pointerup", E), window.addEventListener("pointercancel", D), window.addEventListener("keydown", H), c = D;
   }
   return ee(t.disabled, (s) => {
-    s && d?.();
-  }), ee(t.page, () => d?.()), Ae(() => d?.()), { start: i };
+    s && c?.();
+  }), ee(t.page, () => c?.()), Le(() => c?.()), { start: i };
 }
-const Ot = {
+const Ut = {
   title: "报表模板设计器",
   heading: "模板设计",
   unpublished: "未发布",
@@ -363,7 +363,7 @@ const Ot = {
   applyJson: "校验并应用 JSON",
   note: "字段映射应与数据源契约一致。此编辑器维护模板属性；保存由接入方提供的版本服务处理。",
   invalid: "请先修正模板错误，再预览或保存。"
-}, Vt = {
+}, Wt = {
   repeatPage: "每页重复",
   repeatNone: "不重复",
   repeatHeader: "页眉",
@@ -424,6 +424,15 @@ const Ot = {
   rulesTool: "计算与规则",
   reviewTool: "发布检查",
   toolsDescription: "按需绑定数据、定义规则并验证模板。",
+  unapplied: "待应用",
+  pendingToolsLabel: "待处理配置",
+  pendingToolsHint: "应用或恢复后可保存",
+  saveReadonly: "当前为只读，无法保存",
+  saveConfirmation: "请先处理修改确认",
+  saveUnchanged: "没有需要保存的修改",
+  saveInvalid: "模板有错误，请先修正",
+  saveJsonPending: "完整 JSON 待应用",
+  returnToConfiguration: "返回配置",
   rulesNeedList: "请先在字段区域选择明细表。",
   undo: "撤销",
   redo: "重做",
@@ -466,7 +475,7 @@ const Ot = {
   technicalDetails: "标识与修订",
   fieldPosition: "当前字段",
   previewFieldDirectory: "定位字段"
-}, Ke = {
+}, Je = {
   fitWidth: "适宽",
   fitPage: "适页",
   fitSelection: "选区",
@@ -484,24 +493,24 @@ const Ot = {
   unlockSelection: "解锁位置",
   sessionLock: "位置锁定仅当前设计会话有效。",
   toolsPending: "工具中还有未应用的配置，请先应用或恢复后再保存模板。",
-  ...Ot,
-  ...Vt
-}, jt = { class: "mr-canvas" }, Wt = { class: "mr-canvas-heading" }, Ut = { class: "mr-canvas-view-tools" }, Kt = ["disabled"], Jt = ["aria-label"], qt = ["value"], Xt = ["data-canvas-component", "aria-label", "aria-pressed", "tabindex", "onFocus", "onPointerdown", "onClick", "onKeydown"], Yt = { class: "mr-canvas-table" }, Qt = {
+  ...Ut,
+  ...Wt
+}, Kt = { class: "mr-canvas" }, Jt = { class: "mr-canvas-heading" }, qt = { class: "mr-canvas-view-tools" }, Xt = ["disabled"], Yt = ["aria-label"], Qt = ["value"], Zt = ["data-canvas-component", "aria-label", "aria-pressed", "tabindex", "onFocus", "onPointerdown", "onClick", "onKeydown"], en = { class: "mr-canvas-table" }, tn = {
   key: 1,
   class: "mr-canvas-table-row is-header"
-}, Zt = ["onPointerdown"], en = {
+}, nn = ["onPointerdown"], an = {
   key: 2,
   class: "mr-canvas-placeholder"
-}, tn = ["aria-label", "onPointerdown"], nn = {
+}, on = ["aria-label", "onPointerdown"], ln = {
   key: 1,
   class: "mr-canvas-static-grid"
-}, an = {
+}, sn = {
   key: 0,
   class: "mr-canvas-grid-limit"
-}, on = ["src"], ln = ["aria-label", "onPointerdown"], sn = {
+}, rn = ["src"], dn = ["aria-label", "onPointerdown"], un = {
   key: 0,
   class: "mr-canvas-navigator"
-}, rn = ["value", "aria-label"], dn = /* @__PURE__ */ Ge({
+}, cn = ["value", "aria-label"], mn = /* @__PURE__ */ Ge({
   __name: "TemplateDesignCanvas",
   props: {
     document: {},
@@ -516,8 +525,8 @@ const Ot = {
     messages: {}
   },
   emits: ["select", "geometry", "column", "width"],
-  setup(t, { emit: d }) {
-    const i = t, s = d, o = z(() => ({ ...Ke, ...i.messages })), { viewport: p, zoom: g, scale: x, page: f, wide: m, fraction: b, fit: T, sync: R, navigate: I } = Ft({ get document() {
+  setup(t, { emit: c }) {
+    const i = t, s = c, o = F(() => ({ ...Je, ...i.messages })), { viewport: p, zoom: h, scale: M, page: f, wide: m, fraction: y, fit: A, sync: T, navigate: I } = Bt({ get document() {
       return i.document;
     }, get pageIndex() {
       return i.pageIndex;
@@ -525,134 +534,134 @@ const Ot = {
       return i.selection;
     }, get columnIndex() {
       return i.activeColumnIndex;
-    } }), v = z(() => i.disabled === !0 || i.geometryDisabled === !0 || !!f.value.flow), u = z(() => f.value.components.map((n) => n.kind === "list" ? Dt(n, i.datasets?.[n.dataset] ?? [], f.value.flow || n.cardinality === "record" ? 1 : 3) : []));
-    function S(n, w, k) {
-      return { width: `${w * x.value}px`, opacity: k ? 0.35 : 1, textAlign: n.style?.align, paddingLeft: n.indentMm ? `${n.indentMm * x.value}px` : void 0, color: n.style?.color, backgroundColor: n.style?.backgroundColor, fontWeight: n.style?.bold ? "700" : "400", fontSize: `${Ve(n.style).fontSizePx * g.value}px` };
+    } }), v = F(() => i.disabled === !0 || i.geometryDisabled === !0 || !!f.value.flow), d = F(() => f.value.components.map((n) => n.kind === "list" ? Ht(n, i.datasets?.[n.dataset] ?? [], f.value.flow || n.cardinality === "record" ? 1 : 3) : []));
+    function C(n, x, k) {
+      return { width: `${x * M.value}px`, opacity: k ? 0.35 : 1, textAlign: n.style?.align, paddingLeft: n.indentMm ? `${n.indentMm * M.value}px` : void 0, color: n.style?.color, backgroundColor: n.style?.backgroundColor, fontWeight: n.style?.bold ? "700" : "400", fontSize: `${je(n.style).fontSizePx * h.value}px` };
     }
-    function C(n) {
+    function S(n) {
       return i.locked?.({ pageIndex: i.pageIndex, componentIndex: n }) === !0;
     }
-    function L(n, w) {
-      s("select", { pageIndex: i.pageIndex, componentIndex: w, additive: n.ctrlKey || n.metaKey || n.shiftKey }), !n.ctrlKey && !n.metaKey && !n.shiftKey && !C(w) && y.start(n, f.value.components[w]);
+    function R(n, x) {
+      s("select", { pageIndex: i.pageIndex, componentIndex: x, additive: n.ctrlKey || n.metaKey || n.shiftKey }), !n.ctrlKey && !n.metaKey && !n.shiftKey && !S(x) && w.start(n, f.value.components[x]);
     }
-    const y = Bt({
-      scale: x,
+    const w = jt({
+      scale: M,
       page: () => f.value,
       disabled: () => v.value,
       commit: (n) => s("geometry", n)
     });
     function _(n) {
-      return (i.selections ?? (i.selection ? [i.selection] : [])).some((w) => w.pageIndex === i.pageIndex && w.componentIndex === n);
+      return (i.selections ?? (i.selection ? [i.selection] : [])).some((x) => x.pageIndex === i.pageIndex && x.componentIndex === n);
     }
-    function $(n) {
-      const w = f.value.components[n], k = w.kind === "list" ? w.id : w.nid, A = f.value.flow?.bands.find((P) => P.componentIds.includes(k ?? "")), E = A && w.kind === "list" ? A.topMm + A.heightMm - w.topMm : tt(w);
+    function E(n) {
+      const x = f.value.components[n], k = x.kind === "list" ? x.id : x.nid, L = f.value.flow?.bands.find((P) => P.componentIds.includes(k ?? "")), $ = L && x.kind === "list" ? L.topMm + L.heightMm - x.topMm : at(x);
       return {
-        left: `${w.leftMm * x.value}px`,
-        top: `${w.topMm * x.value}px`,
-        width: `${w.widthMm * x.value}px`,
-        height: `${E * x.value}px`
+        left: `${x.leftMm * M.value}px`,
+        top: `${x.topMm * M.value}px`,
+        width: `${x.widthMm * M.value}px`,
+        height: `${$ * M.value}px`
       };
     }
-    function D(n, w) {
-      const k = f.value.components[w];
-      if (v.value || C(w) || !_(w)) return;
-      const A = {
+    function D(n, x) {
+      const k = f.value.components[x];
+      if (v.value || S(x) || !_(x)) return;
+      const L = {
         ArrowLeft: [-1, 0],
         ArrowRight: [1, 0],
         ArrowUp: [0, -1],
         ArrowDown: [0, 1]
-      }, E = A[n.key];
-      if (!E) return;
+      }, $ = L[n.key];
+      if (!$) return;
       n.preventDefault(), n.stopPropagation();
-      const P = be(k), W = n.shiftKey ? 5 : 0.5;
-      P.leftMm += E[0] * W, P.topMm += E[1] * W, s("geometry", P);
+      const P = ye(k), B = n.shiftKey ? 5 : 0.5;
+      P.leftMm += $[0] * B, P.topMm += $[1] * B, s("geometry", P);
     }
     function H(n) {
-      let w = 0;
-      return n.columns.map((k) => (w += k.widthMm, w));
+      let x = 0;
+      return n.columns.map((k) => (x += k.widthMm, x));
     }
     function G(n) {
-      return n.grid ? Ce(
+      return n.grid ? Se(
         n.grid,
         n.widthMm,
         n.heightMm
       ).cells.slice(0, 2e3) : [];
     }
-    function B(n) {
-      return n.headerGrid ? Ce(
+    function U(n) {
+      return n.headerGrid ? Se(
         n.headerGrid,
         n.widthMm,
         n.headerGrid.rowHeightsMm?.reduce(
-          (w, k) => w + k,
+          (x, k) => x + k,
           0
         ) ?? n.headerGrid.cells.length * 8
       ).cells : [];
     }
-    let q;
+    let X;
     ee(
       () => v.value,
       (n) => {
-        n && q?.();
+        n && X?.();
       }
     ), ee(
       () => i.document,
-      () => q?.()
-    ), Ae(() => q?.());
-    function ae(n, w, k) {
+      () => X?.()
+    ), Le(() => X?.());
+    function te(n, x, k) {
       if (v.value || n.button !== 0) return;
-      n.preventDefault(), n.stopPropagation(), q?.();
-      const A = n.clientX, E = w.columns[k].widthMm;
-      let P = E;
-      const W = n.currentTarget, Z = (oe) => {
+      n.preventDefault(), n.stopPropagation(), X?.();
+      const L = n.clientX, $ = x.columns[k].widthMm;
+      let P = $;
+      const B = n.currentTarget, Z = (oe) => {
         P = Math.max(
           2,
-          Math.round((E + (oe.clientX - A) / x.value) * 2) / 2
-        ), W.style.transform = `translateX(${(P - E) * x.value}px)`;
-      }, Se = () => {
-        window.removeEventListener("pointermove", Z), window.removeEventListener("pointerup", se), window.removeEventListener("pointercancel", ge), window.removeEventListener("keydown", ce), W.style.transform = "", q = void 0;
-      }, se = () => {
-        Se(), P !== E && s("width", k, P);
-      }, ge = () => Se(), ce = (oe) => {
-        oe.key === "Escape" && (oe.preventDefault(), ge());
+          Math.round(($ + (oe.clientX - L) / M.value) * 2) / 2
+        ), B.style.transform = `translateX(${(P - $) * M.value}px)`;
+      }, he = () => {
+        window.removeEventListener("pointermove", Z), window.removeEventListener("pointerup", fe), window.removeEventListener("pointercancel", se), window.removeEventListener("keydown", me), B.style.transform = "", X = void 0;
+      }, fe = () => {
+        he(), P !== $ && s("width", k, P);
+      }, se = () => he(), me = (oe) => {
+        oe.key === "Escape" && (oe.preventDefault(), se());
       };
-      window.addEventListener("pointermove", Z), window.addEventListener("pointerup", se), window.addEventListener("pointercancel", ge), window.addEventListener("keydown", ce), q = ge;
+      window.addEventListener("pointermove", Z), window.addEventListener("pointerup", fe), window.addEventListener("pointercancel", se), window.addEventListener("keydown", me), X = se;
     }
-    return (n, w) => (h(), M("div", jt, [
-      a("div", Wt, [
+    return (n, x) => (g(), b("div", Kt, [
+      a("div", Jt, [
         a("span", null, l(o.value.canvasHint), 1),
-        a("nav", Ut, [
+        a("nav", qt, [
           a("button", {
             type: "button",
-            onClick: w[0] || (w[0] = (k) => e(T)("width"))
+            onClick: x[0] || (x[0] = (k) => e(A)("width"))
           }, l(o.value.fitWidth), 1),
           a("button", {
             type: "button",
-            onClick: w[1] || (w[1] = (k) => e(T)("page"))
+            onClick: x[1] || (x[1] = (k) => e(A)("page"))
           }, l(o.value.fitPage), 1),
           a("button", {
             type: "button",
             disabled: !t.selection,
-            onClick: w[2] || (w[2] = (k) => e(T)("selection"))
-          }, l(o.value.fitSelection), 9, Kt)
+            onClick: x[2] || (x[2] = (k) => e(A)("selection"))
+          }, l(o.value.fitSelection), 9, Xt)
         ]),
         a("label", null, [
           O(l(o.value.zoom), 1),
           ue(a("select", {
-            "onUpdate:modelValue": w[3] || (w[3] = (k) => Oe(g) ? g.value = k : null),
+            "onUpdate:modelValue": x[3] || (x[3] = (k) => Ve(h) ? h.value = k : null),
             "aria-label": o.value.zoom
           }, [
-            [0.5, 0.8, 1, 1.25].includes(e(g)) ? F("", !0) : (h(), M("option", {
+            [0.5, 0.8, 1, 1.25].includes(e(h)) ? N("", !0) : (g(), b("option", {
               key: 0,
-              value: e(g)
-            }, l(Math.round(e(g) * 100)) + "%", 9, qt)),
-            w[6] || (w[6] = a("option", { value: 0.5 }, "50%", -1)),
-            w[7] || (w[7] = a("option", { value: 0.8 }, "80%", -1)),
-            w[8] || (w[8] = a("option", { value: 1 }, "100%", -1)),
-            w[9] || (w[9] = a("option", { value: 1.25 }, "125%", -1))
-          ], 8, Jt), [
+              value: e(h)
+            }, l(Math.round(e(h) * 100)) + "%", 9, Qt)),
+            x[6] || (x[6] = a("option", { value: 0.5 }, "50%", -1)),
+            x[7] || (x[7] = a("option", { value: 0.8 }, "80%", -1)),
+            x[8] || (x[8] = a("option", { value: 1 }, "100%", -1)),
+            x[9] || (x[9] = a("option", { value: 1.25 }, "125%", -1))
+          ], 8, Yt), [
             [
               He,
-              e(g),
+              e(h),
               void 0,
               { number: !0 }
             ]
@@ -663,152 +672,152 @@ const Ot = {
         ref_key: "viewport",
         ref: p,
         class: "mr-canvas-scroll",
-        onScrollPassive: w[4] || (w[4] = //@ts-ignore
-        (...k) => e(R) && e(R)(...k))
+        onScrollPassive: x[4] || (x[4] = //@ts-ignore
+        (...k) => e(T) && e(T)(...k))
       }, [
         a("div", {
           class: "mr-canvas-paper",
-          style: fe({
-            width: `${e(f).widthMm * e(x)}px`,
-            height: `${e(f).heightMm * e(x)}px`
+          style: be({
+            width: `${e(f).widthMm * e(M)}px`,
+            height: `${e(f).heightMm * e(M)}px`
           })
         }, [
-          (h(!0), M(K, null, Q(e(f).components, (k, A) => (h(), M("div", {
-            key: A,
-            class: Pe(["mr-canvas-component", { "is-selected": _(A), "is-locked": C(A) }]),
-            "data-canvas-component": A,
-            style: fe($(A)),
+          (g(!0), b(q, null, Q(e(f).components, (k, L) => (g(), b("div", {
+            key: L,
+            class: Pe(["mr-canvas-component", { "is-selected": _(L), "is-locked": S(L) }]),
+            "data-canvas-component": L,
+            style: be(E(L)),
             role: "button",
-            "aria-label": `${o.value.component} ${A + 1} ${k.kind}`,
-            "aria-pressed": _(A),
-            tabindex: _(A) ? 0 : -1,
-            onFocus: (E) => !_(A) && s("select", { pageIndex: t.pageIndex, componentIndex: A }),
-            onPointerdown: (E) => L(E, A),
-            onClick: (E) => E.detail === 0 && !_(A) && s("select", { pageIndex: t.pageIndex, componentIndex: A }),
-            onKeydown: (E) => D(E, A)
+            "aria-label": `${o.value.component} ${L + 1} ${k.kind}`,
+            "aria-pressed": _(L),
+            tabindex: _(L) ? 0 : -1,
+            onFocus: ($) => !_(L) && s("select", { pageIndex: t.pageIndex, componentIndex: L }),
+            onPointerdown: ($) => R($, L),
+            onClick: ($) => $.detail === 0 && !_(L) && s("select", { pageIndex: t.pageIndex, componentIndex: L }),
+            onKeydown: ($) => D($, L)
           }, [
-            k.kind === "list" ? (h(), M(K, { key: 0 }, [
-              a("div", Yt, [
-                k.header !== !1 && k.headerGrid ? (h(), M("div", {
+            k.kind === "list" ? (g(), b(q, { key: 0 }, [
+              a("div", en, [
+                k.header !== !1 && k.headerGrid ? (g(), b("div", {
                   key: 0,
                   class: "mr-canvas-merged",
-                  style: fe({
-                    height: `${(k.headerGrid.rowHeightsMm?.reduce((E, P) => E + P, 0) ?? k.headerGrid.cells.length * 8) * e(x)}px`
+                  style: be({
+                    height: `${(k.headerGrid.rowHeightsMm?.reduce(($, P) => $ + P, 0) ?? k.headerGrid.cells.length * 8) * e(M)}px`
                   })
                 }, [
-                  (h(!0), M(K, null, Q(B(k), (E, P) => (h(), M("div", {
+                  (g(!0), b(q, null, Q(U(k), ($, P) => (g(), b("div", {
                     key: P,
-                    style: fe({
-                      left: `${E.xMm * e(x)}px`,
-                      top: `${E.yMm * e(x)}px`,
-                      width: `${E.widthMm * e(x)}px`,
-                      height: `${E.heightMm * e(x)}px`,
-                      textAlign: E.cell.style?.align ?? "center"
+                    style: be({
+                      left: `${$.xMm * e(M)}px`,
+                      top: `${$.yMm * e(M)}px`,
+                      width: `${$.widthMm * e(M)}px`,
+                      height: `${$.heightMm * e(M)}px`,
+                      textAlign: $.cell.style?.align ?? "center"
                     })
-                  }, l(E.cell.text), 5))), 128))
-                ], 4)) : k.header !== !1 ? (h(), M("div", Qt, [
-                  (h(!0), M(K, null, Q(k.columns, (E, P) => (h(), M("div", {
+                  }, l($.cell.text), 5))), 128))
+                ], 4)) : k.header !== !1 ? (g(), b("div", tn, [
+                  (g(!0), b(q, null, Q(k.columns, ($, P) => (g(), b("div", {
                     key: P,
-                    style: fe(S({ text: E.header, style: e(Rt)(k, E) }, E.widthMm, E.hidden)),
-                    onPointerdown: vt((W) => {
-                      s("select", { pageIndex: t.pageIndex, componentIndex: A }), s("column", P);
+                    style: be(C({ text: $.header, style: e(At)(k, $) }, $.widthMm, $.hidden)),
+                    onPointerdown: gt((B) => {
+                      s("select", { pageIndex: t.pageIndex, componentIndex: L }), s("column", P);
                     }, ["stop"])
-                  }, l(E.header), 45, Zt))), 128))
-                ])) : F("", !0),
-                (h(!0), M(K, null, Q(u.value[A], (E, P) => (h(), M("div", {
+                  }, l($.header), 45, nn))), 128))
+                ])) : N("", !0),
+                (g(!0), b(q, null, Q(d.value[L], ($, P) => (g(), b("div", {
                   key: P,
                   class: "mr-canvas-table-row"
                 }, [
-                  (h(!0), M(K, null, Q(k.columns, (W, Z) => (h(), M("div", {
+                  (g(!0), b(q, null, Q(k.columns, (B, Z) => (g(), b("div", {
                     key: Z,
-                    style: fe(S(E[Z], W.widthMm, W.hidden))
-                  }, l(E[Z].text), 5))), 128))
+                    style: be(C($[Z], B.widthMm, B.hidden))
+                  }, l($[Z].text), 5))), 128))
                 ]))), 128)),
-                u.value[A]?.length ? F("", !0) : (h(), M("div", en, l(k.dataset) + " · " + l(k.tree && t.datasets?.[k.dataset]?.length ? o.value.treeSampleHint : o.value.sampleRows), 1))
+                d.value[L]?.length ? N("", !0) : (g(), b("div", an, l(k.dataset) + " · " + l(k.tree && t.datasets?.[k.dataset]?.length ? o.value.treeSampleHint : o.value.sampleRows), 1))
               ]),
-              _(A) && !v.value && !C(A) ? (h(!0), M(K, { key: 0 }, Q(H(k), (E, P) => (h(), M("span", {
+              _(L) && !v.value && !S(L) ? (g(!0), b(q, { key: 0 }, Q(H(k), ($, P) => (g(), b("span", {
                 key: P,
                 class: "mr-canvas-column-handle",
                 "aria-label": `${o.value.resizeColumn} ${k.columns[P]?.header}`,
                 role: "separator",
                 "aria-orientation": "vertical",
-                style: fe({ left: `${E * e(x)}px` }),
-                onPointerdown: (W) => ae(W, k, P)
-              }, null, 44, tn))), 128)) : F("", !0)
-            ], 64)) : k.grid ? (h(), M("div", nn, [
-              (h(!0), M(K, null, Q(G(k), (E, P) => (h(), M("div", {
+                style: be({ left: `${$ * e(M)}px` }),
+                onPointerdown: (B) => te(B, k, P)
+              }, null, 44, on))), 128)) : N("", !0)
+            ], 64)) : k.grid ? (g(), b("div", ln, [
+              (g(!0), b(q, null, Q(G(k), ($, P) => (g(), b("div", {
                 key: P,
-                style: fe({
-                  left: `${E.xMm * e(x)}px`,
-                  top: `${E.yMm * e(x)}px`,
-                  width: `${E.widthMm * e(x)}px`,
-                  height: `${E.heightMm * e(x)}px`,
-                  backgroundColor: E.cell.style?.backgroundColor,
-                  color: E.cell.style?.color,
-                  fontWeight: E.cell.style?.bold ? "700" : "400",
-                  fontSize: `${e(Ve)(E.cell.style).fontSizePx * e(g)}px`,
-                  textAlign: E.cell.style?.align ?? "left"
+                style: be({
+                  left: `${$.xMm * e(M)}px`,
+                  top: `${$.yMm * e(M)}px`,
+                  width: `${$.widthMm * e(M)}px`,
+                  height: `${$.heightMm * e(M)}px`,
+                  backgroundColor: $.cell.style?.backgroundColor,
+                  color: $.cell.style?.color,
+                  fontWeight: $.cell.style?.bold ? "700" : "400",
+                  fontSize: `${e(je)($.cell.style).fontSizePx * e(h)}px`,
+                  textAlign: $.cell.style?.align ?? "left"
                 })
-              }, l(E.cell.text), 5))), 128)),
-              k.grid.cells.reduce((E, P) => E + P.length, 0) > 2e3 ? (h(), M("span", an, l(o.value.canvasGridLimited), 1)) : F("", !0)
-            ])) : k.imageData ? (h(), M("img", {
+              }, l($.cell.text), 5))), 128)),
+              k.grid.cells.reduce(($, P) => $ + P.length, 0) > 2e3 ? (g(), b("span", sn, l(o.value.canvasGridLimited), 1)) : N("", !0)
+            ])) : k.imageData ? (g(), b("img", {
               key: 2,
               src: k.imageData,
               alt: "",
               draggable: "false"
-            }, null, 8, on)) : (h(), M("div", {
+            }, null, 8, rn)) : (g(), b("div", {
               key: 3,
               class: "mr-canvas-content",
-              style: fe({
+              style: be({
                 color: k.style?.color,
                 backgroundColor: k.style?.backgroundColor,
                 fontWeight: k.style?.bold ? "700" : "400",
-                fontSize: `${e(Ve)(k.style).fontSizePx * e(g)}px`,
+                fontSize: `${e(je)(k.style).fontSizePx * e(h)}px`,
                 textAlign: k.style?.align
               })
             }, l(k.text ?? k.fallbackText ?? (k.kind === "rect" ? "" : k.kind)), 5)),
-            _(A) && !v.value && !C(A) ? (h(), M("span", {
+            _(L) && !v.value && !S(L) ? (g(), b("span", {
               key: 4,
               class: "mr-canvas-resize",
               "aria-label": o.value.resizeComponent,
               role: "separator",
-              onPointerdown: (E) => e(y).start(E, k, !0)
-            }, null, 40, ln)) : F("", !0)
-          ], 46, Xt))), 128))
+              onPointerdown: ($) => e(w).start($, k, !0)
+            }, null, 40, dn)) : N("", !0)
+          ], 46, Zt))), 128))
         ], 4)
       ], 544),
-      e(m) ? (h(), M("footer", sn, [
+      e(m) ? (g(), b("footer", un, [
         a("span", null, l(o.value.wideNavigation), 1),
         a("input", {
           type: "range",
           min: "0",
           max: "100",
-          value: e(b),
+          value: e(y),
           "aria-label": o.value.wideNavigation,
-          onInput: w[5] || (w[5] = (k) => e(I)(Number(k.target.value)))
-        }, null, 40, rn),
-        a("span", null, l(e(b)) + "%", 1)
-      ])) : F("", !0)
+          onInput: x[5] || (x[5] = (k) => e(I)(Number(k.target.value)))
+        }, null, 40, cn),
+        a("span", null, l(e(y)) + "%", 1)
+      ])) : N("", !0)
     ]));
   }
-}), un = /* @__PURE__ */ ze(dn, [["__scopeId", "data-v-b9edde8c"]]), cn = ["aria-label"], mn = ["data-align", "aria-label", "title", "aria-checked", "tabindex", "onClick", "onKeydown"], vn = { key: 0 }, pn = {
+}), vn = /* @__PURE__ */ Fe(mn, [["__scopeId", "data-v-b9edde8c"]]), pn = ["aria-label"], gn = ["data-align", "aria-label", "title", "aria-checked", "tabindex", "onClick", "onKeydown"], hn = { key: 0 }, fn = {
   key: 1,
   viewBox: "0 0 20 20",
   fill: "none",
   "aria-hidden": "true"
-}, gn = {
+}, bn = {
   key: 0,
   d: "M3 4h14M3 8h9M3 12h14M3 16h9"
-}, hn = {
+}, yn = {
   key: 1,
   d: "M3 4h14M6 8h8M3 12h14M6 16h8"
-}, fn = {
+}, wn = {
   key: 2,
   d: "M3 4h14M8 8h9M3 12h14M8 16h9"
-}, bn = {
+}, xn = {
   key: 3,
   d: "M3 4h14M3 8h14M3 12h14M3 16h14"
-}, yn = /* @__PURE__ */ Ge({
+}, Mn = /* @__PURE__ */ Ge({
   __name: "AlignmentControl",
   props: {
     modelValue: {},
@@ -818,22 +827,22 @@ const Ot = {
     allowAuto: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: d }) {
-    const i = t, s = d, o = () => i.allowAuto ? ["auto", "left", "center", "right", "justify"] : ["left", "center", "right", "justify"];
-    async function p(g, x) {
-      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(g.key)) return;
-      g.preventDefault();
-      const m = o(), b = m.indexOf(x), T = g.key === "Home" ? 0 : g.key === "End" ? m.length - 1 : (b + (g.key === "ArrowRight" ? 1 : -1) + m.length) % m.length;
-      s("update:modelValue", m[T]);
-      const R = g.currentTarget.parentElement;
-      await me(), R?.querySelector(`[data-align="${m[T]}"]`)?.focus();
+  setup(t, { emit: c }) {
+    const i = t, s = c, o = () => i.allowAuto ? ["auto", "left", "center", "right", "justify"] : ["left", "center", "right", "justify"];
+    async function p(h, M) {
+      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(h.key)) return;
+      h.preventDefault();
+      const m = o(), y = m.indexOf(M), A = h.key === "Home" ? 0 : h.key === "End" ? m.length - 1 : (y + (h.key === "ArrowRight" ? 1 : -1) + m.length) % m.length;
+      s("update:modelValue", m[A]);
+      const T = h.currentTarget.parentElement;
+      await ce(), T?.querySelector(`[data-align="${m[A]}"]`)?.focus();
     }
-    return (g, x) => (h(), M("div", {
+    return (h, M) => (g(), b("div", {
       class: "mr-designer-alignment",
       role: "radiogroup",
       "aria-label": t.label
     }, [
-      (h(!0), M(K, null, Q(o(), (f) => (h(), M("button", {
+      (g(!0), b(q, null, Q(o(), (f) => (g(), b("button", {
         key: f,
         type: "button",
         role: "radio",
@@ -845,19 +854,19 @@ const Ot = {
         onClick: (m) => s("update:modelValue", f),
         onKeydown: (m) => p(m, f)
       }, [
-        f === "auto" ? (h(), M("span", vn, l(t.autoLabel), 1)) : (h(), M("svg", pn, [
-          f === "left" ? (h(), M("path", gn)) : f === "center" ? (h(), M("path", hn)) : f === "right" ? (h(), M("path", fn)) : (h(), M("path", bn))
+        f === "auto" ? (g(), b("span", hn, l(t.autoLabel), 1)) : (g(), b("svg", fn, [
+          f === "left" ? (g(), b("path", bn)) : f === "center" ? (g(), b("path", yn)) : f === "right" ? (g(), b("path", wn)) : (g(), b("path", xn))
         ]))
-      ], 40, mn))), 128))
-    ], 8, cn));
+      ], 40, gn))), 128))
+    ], 8, pn));
   }
-}), et = /* @__PURE__ */ ze(yn, [["__scopeId", "data-v-c85770c4"]]), wn = ["disabled"], Mn = { class: "mr-component-dimensions" }, xn = ["min", "value", "disabled", "onChange"], kn = { key: 0 }, Cn = ["value", "disabled"], Sn = { value: "" }, _n = { value: "header" }, In = { value: "footer" }, $n = { key: 1 }, En = ["value"], Ln = ["value"], Rn = { class: "mr-component-upload" }, An = ["aria-label"], Dn = {
+}), nt = /* @__PURE__ */ Fe(Mn, [["__scopeId", "data-v-c85770c4"]]), kn = ["disabled"], Cn = { class: "mr-component-dimensions" }, Sn = ["min", "value", "disabled", "onChange"], _n = { key: 0 }, In = ["value", "disabled"], $n = { value: "" }, En = { value: "header" }, Rn = { value: "footer" }, Tn = { key: 1 }, Ln = ["value"], Dn = ["value"], An = { class: "mr-component-upload" }, Pn = ["aria-label"], Hn = {
   key: 0,
   role: "alert"
-}, Tn = {
+}, Gn = {
   key: 3,
   class: "mr-component-type"
-}, Pn = { class: "mr-component-dimensions" }, Hn = ["value"], Gn = ["checked"], zn = { class: "mr-component-dimensions" }, Fn = ["value"], Nn = ["value"], Bn = { key: 4 }, On = ["value"], Vn = /* @__PURE__ */ Ge({
+}, Fn = { class: "mr-component-dimensions" }, Nn = ["value"], zn = ["checked"], On = { class: "mr-component-dimensions" }, Bn = ["value"], Vn = ["value"], jn = { key: 4 }, Un = ["value"], Wn = /* @__PURE__ */ Ge({
   __name: "CanvasComponentInspector",
   props: {
     component: {},
@@ -866,8 +875,8 @@ const Ot = {
     messages: {}
   },
   emits: ["geometry", "patch"],
-  setup(t, { emit: d }) {
-    const i = t, s = d, o = z(() => ({ ...Ke, ...i.messages })), p = N(""), g = ["leftMm", "topMm", "widthMm", "heightMm"], x = z(() => [
+  setup(t, { emit: c }) {
+    const i = t, s = c, o = F(() => ({ ...Je, ...i.messages })), p = z(""), h = ["leftMm", "topMm", "widthMm", "heightMm"], M = F(() => [
       o.value.leftPosition,
       o.value.topPosition,
       o.value.componentWidth,
@@ -875,163 +884,163 @@ const Ot = {
     ]);
     function f(I, v) {
       if (i.disabled || i.geometryDisabled) return;
-      const u = Number(v.target.value);
-      Number.isFinite(u) && s("geometry", { ...be(i.component), [I]: u });
+      const d = Number(v.target.value);
+      Number.isFinite(d) && s("geometry", { ...ye(i.component), [I]: d });
     }
     function m(I, v) {
       if (i.component.kind === "list") return;
-      const u = { ...i.component.style, [I]: v };
-      I === "fontSize" && delete u.fontSizePx, s("patch", { style: u });
+      const d = { ...i.component.style, [I]: v };
+      I === "fontSize" && delete d.fontSizePx, s("patch", { style: d });
     }
-    const b = z(() => ({
+    const y = F(() => ({
       auto: o.value.auto,
       left: o.value.left,
       center: o.value.center,
       right: o.value.right,
       justify: o.value.justify
     }));
-    function T(I) {
+    function A(I) {
       return I.target.value;
     }
-    async function R(I) {
-      const v = I.target, u = v.files?.[0];
-      if (!u) return;
+    async function T(I) {
+      const v = I.target, d = v.files?.[0];
+      if (!d) return;
       p.value = "";
-      const S = i.component;
+      const C = i.component;
       try {
-        if (u.size > 4 * 1024 * 1024 || !["image/png", "image/jpeg", "image/webp", "image/svg+xml"].includes(
-          u.type
+        if (d.size > 4 * 1024 * 1024 || !["image/png", "image/jpeg", "image/webp", "image/svg+xml"].includes(
+          d.type
         ))
           throw new Error(o.value.imageBudget);
-        const C = new FileReader(), L = await new Promise((y, _) => {
-          C.onload = () => y(String(C.result)), C.onerror = () => _(C.error), C.readAsDataURL(u);
+        const S = new FileReader(), R = await new Promise((w, _) => {
+          S.onload = () => w(String(S.result)), S.onerror = () => _(S.error), S.readAsDataURL(d);
         });
-        !i.disabled && i.component === S && s("patch", { imageData: L });
-      } catch (C) {
-        p.value = C instanceof Error ? C.message : String(C);
+        !i.disabled && i.component === C && s("patch", { imageData: R });
+      } catch (S) {
+        p.value = S instanceof Error ? S.message : String(S);
       } finally {
         v.value = "";
       }
     }
-    return (I, v) => (h(), M("fieldset", {
+    return (I, v) => (g(), b("fieldset", {
       class: "mr-component-properties",
       disabled: t.disabled
     }, [
       a("h3", null, l(o.value.positionGroup), 1),
-      a("div", Mn, [
-        (h(!0), M(K, null, Q(g.filter(
-          (u) => t.component.kind !== "list" || u !== "heightMm"
-        ), (u, S) => (h(), M("label", { key: u }, [
-          O(l(x.value[S]), 1),
+      a("div", Cn, [
+        (g(!0), b(q, null, Q(h.filter(
+          (d) => t.component.kind !== "list" || d !== "heightMm"
+        ), (d, C) => (g(), b("label", { key: d }, [
+          O(l(M.value[C]), 1),
           a("input", {
             type: "number",
             step: "0.5",
-            min: u === "widthMm" || u === "heightMm" ? 2 : 0,
-            value: e(be)(t.component)[u],
+            min: d === "widthMm" || d === "heightMm" ? 2 : 0,
+            value: e(ye)(t.component)[d],
             disabled: t.geometryDisabled,
-            onChange: (C) => f(u, C)
-          }, null, 40, xn)
+            onChange: (S) => f(d, S)
+          }, null, 40, Sn)
         ]))), 128))
       ]),
-      t.component.kind !== "list" ? (h(), M("label", kn, [
+      t.component.kind !== "list" ? (g(), b("label", _n, [
         O(l(o.value.repeatPage), 1),
         a("select", {
           value: t.component.pageAnchor ?? "",
           disabled: t.geometryDisabled,
-          onChange: v[0] || (v[0] = (u) => s("patch", { pageAnchor: T(u) || void 0 }))
+          onChange: v[0] || (v[0] = (d) => s("patch", { pageAnchor: A(d) || void 0 }))
         }, [
-          a("option", Sn, l(o.value.repeatNone), 1),
-          a("option", _n, l(o.value.repeatHeader), 1),
-          a("option", In, l(o.value.repeatFooter), 1)
-        ], 40, Cn)
-      ])) : F("", !0),
+          a("option", $n, l(o.value.repeatNone), 1),
+          a("option", En, l(o.value.repeatHeader), 1),
+          a("option", Rn, l(o.value.repeatFooter), 1)
+        ], 40, In)
+      ])) : N("", !0),
       a("h3", null, l(o.value.componentContent), 1),
-      t.component.kind === "text" ? (h(), M("label", $n, [
+      t.component.kind === "text" ? (g(), b("label", Tn, [
         O(l(o.value.componentText), 1),
         a("textarea", {
           rows: "4",
           value: t.component.text,
-          onChange: v[1] || (v[1] = (u) => s("patch", { text: T(u) }))
-        }, null, 40, En)
-      ])) : F("", !0),
-      t.component.kind === "image" ? (h(), M(K, { key: 2 }, [
+          onChange: v[1] || (v[1] = (d) => s("patch", { text: A(d) }))
+        }, null, 40, Ln)
+      ])) : N("", !0),
+      t.component.kind === "image" ? (g(), b(q, { key: 2 }, [
         a("label", null, [
           O(l(o.value.imageSource), 1),
           a("textarea", {
             rows: "2",
             value: t.component.imageData,
-            onChange: v[2] || (v[2] = (u) => s("patch", { imageData: T(u) }))
-          }, null, 40, Ln)
+            onChange: v[2] || (v[2] = (d) => s("patch", { imageData: A(d) }))
+          }, null, 40, Dn)
         ]),
-        a("label", Rn, [
+        a("label", An, [
           O(l(o.value.imageUpload), 1),
           a("input", {
             type: "file",
             accept: "image/png,image/jpeg,image/webp,image/svg+xml",
             "aria-label": o.value.imageUpload,
-            onChange: R
-          }, null, 40, An)
+            onChange: T
+          }, null, 40, Pn)
         ]),
-        p.value ? (h(), M("p", Dn, l(p.value), 1)) : F("", !0)
-      ], 64)) : F("", !0),
-      t.component.kind === "text" ? (h(), M("div", Tn, [
+        p.value ? (g(), b("p", Hn, l(p.value), 1)) : N("", !0)
+      ], 64)) : N("", !0),
+      t.component.kind === "text" ? (g(), b("div", Gn, [
         a("h3", null, l(o.value.textFormat), 1),
-        a("div", Pn, [
+        a("div", Fn, [
           a("label", null, [
             O(l(o.value.fontSize), 1),
             a("input", {
               type: "number",
               min: "1",
               max: "200",
-              value: e(Ve)(t.component.style).fontSizePt,
-              onChange: v[3] || (v[3] = (u) => m("fontSize", Number(T(u))))
-            }, null, 40, Hn)
+              value: e(je)(t.component.style).fontSizePt,
+              onChange: v[3] || (v[3] = (d) => m("fontSize", Number(A(d))))
+            }, null, 40, Nn)
           ]),
           a("label", null, [
             O(l(o.value.fontBold), 1),
             a("input", {
               type: "checkbox",
               checked: t.component.style?.bold === !0,
-              onChange: v[4] || (v[4] = (u) => m("bold", u.target.checked))
-            }, null, 40, Gn)
+              onChange: v[4] || (v[4] = (d) => m("bold", d.target.checked))
+            }, null, 40, zn)
           ])
         ]),
-        le(et, {
+        le(nt, {
           "model-value": t.component.style?.align ?? "left",
           label: o.value.bodyAlign,
-          labels: b.value,
+          labels: y.value,
           "auto-label": o.value.autoShort,
-          "onUpdate:modelValue": v[5] || (v[5] = (u) => m("align", u))
+          "onUpdate:modelValue": v[5] || (v[5] = (d) => m("align", d))
         }, null, 8, ["model-value", "label", "labels", "auto-label"]),
-        a("div", zn, [
+        a("div", On, [
           a("label", null, [
             O(l(o.value.textColor), 1),
             a("input", {
               type: "color",
               value: t.component.style?.color ?? "#233c5c",
-              onChange: v[6] || (v[6] = (u) => m("color", T(u)))
-            }, null, 40, Fn)
+              onChange: v[6] || (v[6] = (d) => m("color", A(d)))
+            }, null, 40, Bn)
           ]),
           a("label", null, [
             O(l(o.value.backgroundColor), 1),
             a("input", {
               type: "color",
               value: t.component.style?.backgroundColor ?? "#ffffff",
-              onChange: v[7] || (v[7] = (u) => m("backgroundColor", T(u)))
-            }, null, 40, Nn)
+              onChange: v[7] || (v[7] = (d) => m("backgroundColor", A(d)))
+            }, null, 40, Vn)
           ])
         ])
-      ])) : F("", !0),
-      t.component.kind === "list" ? (h(), M("label", Bn, [
+      ])) : N("", !0),
+      t.component.kind === "list" ? (g(), b("label", jn, [
         O(l(o.value.listDataset), 1),
         a("input", {
           value: t.component.dataset,
-          onChange: v[8] || (v[8] = (u) => s("patch", { dataset: T(u) }))
-        }, null, 40, On)
-      ])) : F("", !0)
-    ], 8, wn));
+          onChange: v[8] || (v[8] = (d) => s("patch", { dataset: A(d) }))
+        }, null, 40, Un)
+      ])) : N("", !0)
+    ], 8, kn));
   }
-}), jn = /* @__PURE__ */ ze(Vn, [["__scopeId", "data-v-5f04c2ed"]]), Wn = { class: "mr-header-editor" }, Un = ["disabled"], Kn = ["value"], Jn = ["value"], qn = ["value"], Xn = ["disabled"], Yn = /* @__PURE__ */ Ge({
+}), Kn = /* @__PURE__ */ Fe(Wn, [["__scopeId", "data-v-5f04c2ed"]]), Jn = { class: "mr-header-editor" }, qn = ["disabled"], Xn = ["value"], Yn = ["value"], Qn = ["value"], Zn = ["disabled"], ea = /* @__PURE__ */ Ge({
   __name: "HeaderStructureEditor",
   props: {
     list: {},
@@ -1039,14 +1048,14 @@ const Ot = {
     messages: {}
   },
   emits: ["command"],
-  setup(t, { emit: d }) {
-    const i = t, s = d, o = z(() => ({ ...Ke, ...i.messages })), p = N(0), g = N(0), x = N(Math.min(1, i.list.columns.length - 1));
+  setup(t, { emit: c }) {
+    const i = t, s = c, o = F(() => ({ ...Je, ...i.messages })), p = z(0), h = z(0), M = z(Math.min(1, i.list.columns.length - 1));
     return ee(
       () => i.list.columns.length,
       (f) => {
-        g.value = Math.min(g.value, f - 1), x.value = Math.min(x.value, f - 1);
+        h.value = Math.min(h.value, f - 1), M.value = Math.min(M.value, f - 1);
       }
-    ), (f, m) => (h(), M("details", Wn, [
+    ), (f, m) => (g(), b("details", Jn, [
       a("summary", null, [
         O(l(o.value.headerStructure), 1),
         a("span", null, l(t.list.headerGrid?.cells.length ?? 1) + " " + l(o.value.headerRow), 1)
@@ -1055,12 +1064,12 @@ const Ot = {
         a("label", null, [
           O(l(o.value.headerRow), 1),
           ue(a("select", {
-            "onUpdate:modelValue": m[0] || (m[0] = (b) => p.value = b)
+            "onUpdate:modelValue": m[0] || (m[0] = (y) => p.value = y)
           }, [
-            (h(!0), M(K, null, Q(t.list.headerGrid?.cells.length ?? 1, (b) => (h(), M("option", {
-              key: b,
-              value: b - 1
-            }, l(b), 9, Kn))), 128))
+            (g(!0), b(q, null, Q(t.list.headerGrid?.cells.length ?? 1, (y) => (g(), b("option", {
+              key: y,
+              value: y - 1
+            }, l(y), 9, Xn))), 128))
           ], 512), [
             [
               He,
@@ -1073,16 +1082,16 @@ const Ot = {
         a("label", null, [
           O(l(o.value.headerFirst), 1),
           ue(a("select", {
-            "onUpdate:modelValue": m[1] || (m[1] = (b) => g.value = b)
+            "onUpdate:modelValue": m[1] || (m[1] = (y) => h.value = y)
           }, [
-            (h(!0), M(K, null, Q(t.list.columns, (b, T) => (h(), M("option", {
-              key: T,
-              value: T
-            }, l(T + 1) + " · " + l(b.header), 9, Jn))), 128))
+            (g(!0), b(q, null, Q(t.list.columns, (y, A) => (g(), b("option", {
+              key: A,
+              value: A
+            }, l(A + 1) + " · " + l(y.header), 9, Yn))), 128))
           ], 512), [
             [
               He,
-              g.value,
+              h.value,
               void 0,
               { number: !0 }
             ]
@@ -1091,16 +1100,16 @@ const Ot = {
         a("label", null, [
           O(l(o.value.headerLast), 1),
           ue(a("select", {
-            "onUpdate:modelValue": m[2] || (m[2] = (b) => x.value = b)
+            "onUpdate:modelValue": m[2] || (m[2] = (y) => M.value = y)
           }, [
-            (h(!0), M(K, null, Q(t.list.columns, (b, T) => (h(), M("option", {
-              key: T,
-              value: T
-            }, l(T + 1) + " · " + l(b.header), 9, qn))), 128))
+            (g(!0), b(q, null, Q(t.list.columns, (y, A) => (g(), b("option", {
+              key: A,
+              value: A
+            }, l(A + 1) + " · " + l(y.header), 9, Qn))), 128))
           ], 512), [
             [
               He,
-              x.value,
+              M.value,
               void 0,
               { number: !0 }
             ]
@@ -1109,273 +1118,273 @@ const Ot = {
         a("div", null, [
           a("button", {
             type: "button",
-            onClick: m[3] || (m[3] = (b) => s("command", { action: "add", row: p.value, first: g.value, last: x.value }))
+            onClick: m[3] || (m[3] = (y) => s("command", { action: "add", row: p.value, first: h.value, last: M.value }))
           }, l(o.value.addHeaderRow), 1),
           a("button", {
             type: "button",
-            disabled: g.value >= x.value,
-            onClick: m[4] || (m[4] = (b) => s("command", { action: "merge", row: p.value, first: g.value, last: x.value }))
-          }, l(o.value.mergeHeader), 9, Xn),
+            disabled: h.value >= M.value,
+            onClick: m[4] || (m[4] = (y) => s("command", { action: "merge", row: p.value, first: h.value, last: M.value }))
+          }, l(o.value.mergeHeader), 9, Zn),
           a("button", {
             type: "button",
-            onClick: m[5] || (m[5] = (b) => s("command", { action: "split", row: p.value, first: g.value, last: x.value }))
+            onClick: m[5] || (m[5] = (y) => s("command", { action: "split", row: p.value, first: h.value, last: M.value }))
           }, l(o.value.splitHeader), 1)
         ])
-      ], 8, Un)
+      ], 8, qn)
     ]));
   }
-}), Qn = /* @__PURE__ */ ze(Yn, [["__scopeId", "data-v-acd607ef"]]), ke = (t) => `${t.pageIndex}:${t.componentIndex}`;
-function Zn(t, d, i) {
-  const s = N([]), o = N(/* @__PURE__ */ new Set());
+}), ta = /* @__PURE__ */ Fe(ea, [["__scopeId", "data-v-acd607ef"]]), Ce = (t) => `${t.pageIndex}:${t.componentIndex}`;
+function na(t, c, i) {
+  const s = z([]), o = z(/* @__PURE__ */ new Set());
   ee(() => t.value.id, () => {
     s.value = [], o.value = /* @__PURE__ */ new Set();
   });
-  const p = (R) => !!R && o.value.has(ke(R));
-  function g(R) {
-    const I = { pageIndex: R.pageIndex, componentIndex: R.componentIndex };
-    if (R.additive && s.value.every((v) => v.pageIndex === R.pageIndex)) {
-      const v = s.value.some((u) => ke(u) === ke(R));
-      s.value = v ? s.value.filter((u) => ke(u) !== ke(R)) : [...s.value, I], d.value = v ? s.value.at(-1) : I;
+  const p = (T) => !!T && o.value.has(Ce(T));
+  function h(T) {
+    const I = { pageIndex: T.pageIndex, componentIndex: T.componentIndex };
+    if (T.additive && s.value.every((v) => v.pageIndex === T.pageIndex)) {
+      const v = s.value.some((d) => Ce(d) === Ce(T));
+      s.value = v ? s.value.filter((d) => Ce(d) !== Ce(T)) : [...s.value, I], c.value = v ? s.value.at(-1) : I;
     } else
-      s.value = [I], d.value = I;
+      s.value = [I], c.value = I;
   }
-  const x = z(() => s.value.filter((R) => !p(R)));
+  const M = F(() => s.value.filter((T) => !p(T)));
   function f() {
-    const R = new Set(o.value), I = s.value.every(p);
+    const T = new Set(o.value), I = s.value.every(p);
     for (const v of s.value)
-      I ? R.delete(ke(v)) : R.add(ke(v));
-    o.value = R;
-  }
-  function m(R) {
-    x.value.length < 2 || i((I) => {
-      const v = x.value.map((_) => Re(I, _)).filter(Boolean), u = v.map(be), S = Math.min(...u.map((_) => _.leftMm)), C = Math.min(...u.map((_) => _.topMm)), L = Math.max(...u.map((_) => _.leftMm + _.widthMm)), y = Math.max(...u.map((_) => _.topMm + _.heightMm));
-      v.forEach((_, $) => {
-        const D = u[$], H = { left: S, center: (S + L - D.widthMm) / 2, right: L - D.widthMm }, G = { top: C, middle: (C + y - D.heightMm) / 2, bottom: y - D.heightMm };
-        R in H ? D.leftMm = H[R] : D.topMm = G[R], je(_, D);
+      I ? T.delete(Ce(v)) : T.add(Ce(v));
+    o.value = T;
+  }
+  function m(T) {
+    M.value.length < 2 || i((I) => {
+      const v = M.value.map((_) => Te(I, _)).filter(Boolean), d = v.map(ye), C = Math.min(...d.map((_) => _.leftMm)), S = Math.min(...d.map((_) => _.topMm)), R = Math.max(...d.map((_) => _.leftMm + _.widthMm)), w = Math.max(...d.map((_) => _.topMm + _.heightMm));
+      v.forEach((_, E) => {
+        const D = d[E], H = { left: C, center: (C + R - D.widthMm) / 2, right: R - D.widthMm }, G = { top: S, middle: (S + w - D.heightMm) / 2, bottom: w - D.heightMm };
+        T in H ? D.leftMm = H[T] : D.topMm = G[T], Ue(_, D);
       });
     });
   }
-  function b(R) {
-    x.value.length < 3 || i((I) => {
-      const v = R === "horizontal" ? "leftMm" : "topMm", u = R === "horizontal" ? "widthMm" : "heightMm", S = x.value.map(($) => ({ component: Re(I, $), box: be(Re(I, $)) })).sort(($, D) => $.box[v] - D.box[v]), C = S[0].box[v], y = (Math.max(...S.map(($) => $.box[v] + $.box[u])) - C - S.reduce(($, D) => $ + D.box[u], 0)) / (S.length - 1);
-      let _ = C;
-      for (const $ of S)
-        $.box[v] = _, je($.component, $.box), _ += $.box[u] + y;
+  function y(T) {
+    M.value.length < 3 || i((I) => {
+      const v = T === "horizontal" ? "leftMm" : "topMm", d = T === "horizontal" ? "widthMm" : "heightMm", C = M.value.map((E) => ({ component: Te(I, E), box: ye(Te(I, E)) })).sort((E, D) => E.box[v] - D.box[v]), S = C[0].box[v], w = (Math.max(...C.map((E) => E.box[v] + E.box[d])) - S - C.reduce((E, D) => E + D.box[d], 0)) / (C.length - 1);
+      let _ = S;
+      for (const E of C)
+        E.box[v] = _, Ue(E.component, E.box), _ += E.box[d] + w;
     });
   }
-  function T(R, I, v) {
-    function u(S) {
-      if (S.pageIndex !== R) return S;
-      const C = S.componentIndex;
-      return v === void 0 ? C === I ? void 0 : { ...S, componentIndex: C > I ? C - 1 : C } : { ...S, componentIndex: C === I ? v : C === v ? I : C };
+  function A(T, I, v) {
+    function d(C) {
+      if (C.pageIndex !== T) return C;
+      const S = C.componentIndex;
+      return v === void 0 ? S === I ? void 0 : { ...C, componentIndex: S > I ? S - 1 : S } : { ...C, componentIndex: S === I ? v : S === v ? I : S };
     }
-    o.value = new Set([...o.value].flatMap((S) => {
-      const [C, L] = S.split(":").map(Number), y = u({ pageIndex: C, componentIndex: L });
-      return y ? [ke(y)] : [];
-    })), s.value = s.value.flatMap((S) => {
-      const C = u(S);
-      return C ? [C] : [];
+    o.value = new Set([...o.value].flatMap((C) => {
+      const [S, R] = C.split(":").map(Number), w = d({ pageIndex: S, componentIndex: R });
+      return w ? [Ce(w)] : [];
+    })), s.value = s.value.flatMap((C) => {
+      const S = d(C);
+      return S ? [S] : [];
     });
   }
   return { clearLocks: () => {
     o.value = /* @__PURE__ */ new Set();
-  }, selections: s, locked: p, allLocked: z(() => !!s.value.length && s.value.every(p)), toggleLock: f, align: m, distribute: b, select: g, remap: T };
+  }, selections: s, locked: p, allLocked: F(() => !!s.value.length && s.value.every(p)), toggleLock: f, align: m, distribute: y, select: h, remap: A };
 }
-function ea(t, d) {
-  const i = N("preview"), s = N(), o = N(0), p = z(() => !!t.value.template.pages[s.value?.pageIndex ?? o.value]?.flow), g = Zn(t, s, (u) => p.value ? !1 : d(u)), x = z(
-    () => Re(t.value, s.value)
+function aa(t, c) {
+  const i = z("preview"), s = z(), o = z(0), p = F(() => !!t.value.template.pages[s.value?.pageIndex ?? o.value]?.flow), h = na(t, s, (d) => p.value ? !1 : c(d)), M = F(
+    () => Te(t.value, s.value)
   );
   ee(t, () => {
-    x.value || (s.value = void 0), t.value.template.pages[o.value] || (o.value = 0);
+    M.value || (s.value = void 0), t.value.template.pages[o.value] || (o.value = 0);
   });
-  function f(u) {
-    g.select(u), o.value = u.pageIndex;
-  }
-  function m(u) {
-    const S = s.value;
-    return !S || g.locked(S) ? !1 : d((C) => {
-      const L = Re(C, S);
-      L && u(L, C);
+  function f(d) {
+    h.select(d), o.value = d.pageIndex;
+  }
+  function m(d) {
+    const C = s.value;
+    return !C || h.locked(C) ? !1 : c((S) => {
+      const R = Te(S, C);
+      R && d(R, S);
     });
   }
-  function b(u) {
-    p.value || m((S, C) => {
-      const L = C.template.pages[s.value.pageIndex];
-      je(
-        S,
-        Ze(u, L, S.kind === "list")
+  function y(d) {
+    p.value || m((C, S) => {
+      const R = S.template.pages[s.value.pageIndex];
+      Ue(
+        C,
+        tt(d, R, C.kind === "list")
       );
     });
   }
-  function T(u) {
+  function A(d) {
     if (t.value.template.pages[o.value]?.flow) return;
-    let S = -1;
-    const C = o.value;
-    d((L) => {
-      const y = L.template.pages[C].components;
-      y.push(Tt(u)), S = y.length - 1;
-    }) && f({ pageIndex: C, componentIndex: S });
-  }
-  function R() {
+    let C = -1;
+    const S = o.value;
+    c((R) => {
+      const w = R.template.pages[S].components;
+      w.push(Gt(d)), C = w.length - 1;
+    }) && f({ pageIndex: S, componentIndex: C });
+  }
+  function T() {
     if (p.value) return;
-    const u = s.value;
-    u && !g.locked(u) && d((S) => {
-      S.template.pages[u.pageIndex].components.splice(
-        u.componentIndex,
+    const d = s.value;
+    d && !h.locked(d) && c((C) => {
+      C.template.pages[d.pageIndex].components.splice(
+        d.componentIndex,
         1
       );
-    }) && (g.remap(u.pageIndex, u.componentIndex), s.value = void 0);
+    }) && (h.remap(d.pageIndex, d.componentIndex), s.value = void 0);
   }
   function I() {
     if (p.value) return;
-    const u = s.value;
-    if (!u) return;
-    let S = -1;
-    d((C) => {
-      const L = C.template.pages[u.pageIndex], y = JSON.parse(JSON.stringify(Re(C, u))), _ = be(y);
-      _.leftMm += 4, _.topMm += 4, je(
-        y,
-        Ze(_, L, y.kind === "list")
-      ), y.kind === "list" ? delete y.id : (delete y.nid, delete y.rkey), L.components.push(y), S = L.components.length - 1;
-    }) && f({ pageIndex: u.pageIndex, componentIndex: S });
-  }
-  function v(u) {
+    const d = s.value;
+    if (!d) return;
+    let C = -1;
+    c((S) => {
+      const R = S.template.pages[d.pageIndex], w = JSON.parse(JSON.stringify(Te(S, d))), _ = ye(w);
+      _.leftMm += 4, _.topMm += 4, Ue(
+        w,
+        tt(_, R, w.kind === "list")
+      ), w.kind === "list" ? delete w.id : (delete w.nid, delete w.rkey), R.components.push(w), C = R.components.length - 1;
+    }) && f({ pageIndex: d.pageIndex, componentIndex: C });
+  }
+  function v(d) {
     if (p.value) return;
-    const S = s.value;
-    if (!S || g.locked(S)) return;
-    const C = S.componentIndex + u;
-    t.value.template.pages[S.pageIndex]?.components[C] && d((L) => {
-      const y = L.template.pages[S.pageIndex].components;
-      y.splice(C, 0, y.splice(S.componentIndex, 1)[0]);
-    }) && (g.remap(S.pageIndex, S.componentIndex, C), f({ pageIndex: S.pageIndex, componentIndex: C }));
+    const C = s.value;
+    if (!C || h.locked(C)) return;
+    const S = C.componentIndex + d;
+    t.value.template.pages[C.pageIndex]?.components[S] && c((R) => {
+      const w = R.template.pages[C.pageIndex].components;
+      w.splice(S, 0, w.splice(C.componentIndex, 1)[0]);
+    }) && (h.remap(C.pageIndex, C.componentIndex, S), f({ pageIndex: C.pageIndex, componentIndex: S }));
   }
   return {
-    ...g,
+    ...h,
     mode: i,
     selection: s,
     pageIndex: o,
-    active: x,
+    active: M,
     geometryDisabled: p,
     select: f,
     mutate: m,
-    geometry: b,
-    insert: T,
-    remove: R,
+    geometry: y,
+    insert: A,
+    remove: T,
     duplicate: I,
     reorder: v
   };
 }
-function ta(t, d, i) {
-  const { draft: s, lists: o, selected: p, activeList: g, blocked: x, jsonPending: f, error: m } = t, { section: b, activeIndex: T } = d, R = ea(s, t.transaction), {
+function oa(t, c, i) {
+  const { draft: s, lists: o, selected: p, activeList: h, blocked: M, jsonPending: f, error: m } = t, { section: y, activeIndex: A } = c, T = aa(s, t.transaction), {
     mode: I,
     selection: v,
-    pageIndex: u,
-    active: S
-  } = R, C = N("excel"), L = N(/* @__PURE__ */ new Set());
-  ee([b, C], () => {
-    b.value === "tools" && (L.value = /* @__PURE__ */ new Set([...L.value, C.value]));
-  }), ee(v, (w) => {
-    if (!w) return;
+    pageIndex: d,
+    active: C
+  } = T, S = z("excel"), R = z(/* @__PURE__ */ new Set());
+  ee([y, S], () => {
+    y.value === "tools" && (R.value = /* @__PURE__ */ new Set([...R.value, S.value]));
+  }), ee(v, (x) => {
+    if (!x) return;
     const k = o.value.findIndex(
-      (A) => A.pageIndex === w.pageIndex && A.componentIndex === w.componentIndex
+      (L) => L.pageIndex === x.pageIndex && L.componentIndex === x.componentIndex
     );
     k >= 0 && (p.value = k);
-  }), ee([T, p, I, b], () => {
-    if (I.value !== "design" || b.value !== "fields") return;
-    const w = o.value[p.value];
-    w && (v.value?.pageIndex !== w.pageIndex || v.value.componentIndex !== w.componentIndex) && R.select({ pageIndex: w.pageIndex, componentIndex: w.componentIndex });
+  }), ee([A, p, I, y], () => {
+    if (I.value !== "design" || y.value !== "fields") return;
+    const x = o.value[p.value];
+    x && (v.value?.pageIndex !== x.pageIndex || v.value.componentIndex !== x.componentIndex) && T.select({ pageIndex: x.pageIndex, componentIndex: x.componentIndex });
   });
-  const y = z(
-    () => t.editingReadonly.value || x.value || f.value
-  ), _ = z(
-    () => i()?.[g.value?.dataset ?? ""]
+  const w = F(
+    () => t.editingReadonly.value || M.value || f.value
+  ), _ = F(
+    () => i()?.[h.value?.dataset ?? ""]
   );
-  function $(w) {
-    I.value = w, b.value === "tools" && (b.value = w === "design" ? "component" : "fields");
+  function E(x) {
+    I.value = x, y.value === "tools" && (y.value = x === "design" ? "component" : "fields");
   }
-  function D(w) {
-    if (!s.value.template.pages[w.pageIndex]?.components[w.componentIndex])
+  function D(x) {
+    if (!s.value.template.pages[x.pageIndex]?.components[x.componentIndex])
       return;
-    if (R.select(w), s.value.template.pages[w.pageIndex]?.components[w.componentIndex]?.kind === "list") {
-      const A = o.value.findIndex(
-        (E) => E.pageIndex === w.pageIndex && E.componentIndex === w.componentIndex
+    if (T.select(x), s.value.template.pages[x.pageIndex]?.components[x.componentIndex]?.kind === "list") {
+      const L = o.value.findIndex(
+        ($) => $.pageIndex === x.pageIndex && $.componentIndex === x.componentIndex
       );
-      A >= 0 && (p.value = A), b.value = "fields";
-    } else b.value = "component";
-  }
-  function H(w) {
-    const k = w.target;
-    k.value && (R.insert(k.value), I.value = "design", b.value = "component", k.value = "");
-  }
-  function G(w) {
-    s.value.template.pages[u.value]?.flow && ["leftMm", "topMm", "widthMm", "heightMm", "pageAnchor", "grid"].some((k) => k in w) || R.mutate((k, A) => {
-      if (k.kind !== "list" && w.pageAnchor !== k.pageAnchor) {
-        const P = A.template.pages[v.value.pageIndex];
-        w.pageAnchor === "header" && (k.topMm = P.marginTopMm ?? 0), w.pageAnchor === "footer" && (k.topMm = Math.max(
+      L >= 0 && (p.value = L), y.value = "fields";
+    } else y.value = "component";
+  }
+  function H(x) {
+    const k = x.target;
+    k.value && (T.insert(k.value), I.value = "design", y.value = "component", k.value = "");
+  }
+  function G(x) {
+    s.value.template.pages[d.value]?.flow && ["leftMm", "topMm", "widthMm", "heightMm", "pageAnchor", "grid"].some((k) => k in x) || T.mutate((k, L) => {
+      if (k.kind !== "list" && x.pageAnchor !== k.pageAnchor) {
+        const P = L.template.pages[v.value.pageIndex];
+        x.pageAnchor === "header" && (k.topMm = P.marginTopMm ?? 0), x.pageAnchor === "footer" && (k.topMm = Math.max(
           0,
           P.heightMm - (P.marginBottomMm ?? 0) - k.heightMm
         ));
       }
-      const E = k;
-      for (const [P, W] of Object.entries(w))
-        W === void 0 ? delete E[P] : E[P] = W;
+      const $ = k;
+      for (const [P, B] of Object.entries(x))
+        B === void 0 ? delete $[P] : $[P] = B;
     });
   }
-  function B(w) {
+  function U(x) {
     const k = o.value[p.value];
-    k && t.transaction((A) => {
-      A.template.pages[k.pageIndex].components[k.componentIndex] = w;
+    k && t.transaction((L) => {
+      L.template.pages[k.pageIndex].components[k.componentIndex] = x;
     });
   }
-  function q(w) {
-    const k = g.value;
+  function X(x) {
+    const k = h.value;
     if (!k || s.value.template.pages[o.value[p.value]?.pageIndex ?? -1]?.flow) return;
-    const A = JSON.parse(JSON.stringify(k));
+    const L = JSON.parse(JSON.stringify(k));
     try {
-      Pt(A, T.value, T.value + w) && (B(A), d.activate(T.value + w));
-    } catch (E) {
-      m.value = E instanceof Error ? E.message : String(E);
+      Ft(L, A.value, A.value + x) && (U(L), c.activate(A.value + x));
+    } catch ($) {
+      m.value = $ instanceof Error ? $.message : String($);
     }
   }
-  function ae(w) {
+  function te(x) {
     const k = o.value[p.value];
-    !k || s.value.template.pages[k.pageIndex]?.flow || t.transaction((A) => {
-      const E = A.template.pages[k.pageIndex].components[k.componentIndex];
-      E?.kind === "list" && (w.action === "add" ? Ht(E) : w.action === "merge" ? Gt(E, w.row, w.first, w.last) : zt(E, w.row, w.first));
+    !k || s.value.template.pages[k.pageIndex]?.flow || t.transaction((L) => {
+      const $ = L.template.pages[k.pageIndex].components[k.componentIndex];
+      $?.kind === "list" && (x.action === "add" ? Nt($) : x.action === "merge" ? zt($, x.row, x.first, x.last) : Ot($, x.row, x.first));
     });
   }
-  function n(w) {
-    const k = /\.pages\[(\d+)\]\.components\[(\d+)\]/.exec(w.path ?? ""), A = w.pageIndex ?? (k ? Number(k[1]) : void 0), E = w.componentIndex ?? (k ? Number(k[2]) : void 0);
-    if (!(A === void 0 || E === void 0) && (I.value = "design", D({ pageIndex: A, componentIndex: E }), w.field)) {
-      const P = g.value?.columns.findIndex(
-        (W) => W.field === w.field
+  function n(x) {
+    const k = /\.pages\[(\d+)\]\.components\[(\d+)\]/.exec(x.path ?? ""), L = x.pageIndex ?? (k ? Number(k[1]) : void 0), $ = x.componentIndex ?? (k ? Number(k[2]) : void 0);
+    if (!(L === void 0 || $ === void 0) && (I.value = "design", D({ pageIndex: L, componentIndex: $ }), x.field)) {
+      const P = h.value?.columns.findIndex(
+        (B) => B.field === x.field
       );
-      P !== void 0 && P >= 0 && d.activate(P);
+      P !== void 0 && P >= 0 && c.activate(P);
     }
   }
   return {
     mode: I,
-    setMode: $,
+    setMode: E,
     canvasSelection: v,
-    canvasPage: u,
-    canvasActive: S,
-    tool: C,
-    visitedTools: L,
-    editDisabled: y,
+    canvasPage: d,
+    canvasActive: C,
+    tool: S,
+    visitedTools: R,
+    editDisabled: w,
     dataSchema: _,
     chooseCanvas: D,
     insertComponent: H,
     patchCanvas: G,
-    changeList: B,
-    moveColumn: q,
-    headerCommand: ae,
+    changeList: U,
+    moveColumn: X,
+    headerCommand: te,
     locateReview: n,
-    canvas: R
+    canvas: T
   };
 }
-function na(t, d, i) {
+function la(t, c, i) {
   if (!t.length) return;
-  const s = Math.max(0, t.indexOf(d)), p = {
+  const s = Math.max(0, t.indexOf(c)), p = {
     ArrowDown: Math.min(s + 1, t.length - 1),
     ArrowUp: Math.max(s - 1, 0),
     Home: 0,
@@ -1383,159 +1392,159 @@ function na(t, d, i) {
   }[i];
   return p === void 0 ? void 0 : t[p];
 }
-function aa(t, d, i) {
-  const s = N(!1), o = N(t.activeIndex.value), p = N(null), g = N(null), x = N(null), f = N(null);
-  function m(L = !1) {
-    const y = f.value, _ = y?.querySelector(
+function ia(t, c, i) {
+  const s = z(!1), o = z(t.activeIndex.value), p = z(null), h = z(null), M = z(null), f = z(null);
+  function m(R = !1) {
+    const w = f.value, _ = w?.querySelector(
       `button[data-column-index="${o.value}"]`
     );
-    if (!y || !_) return;
-    L && _.focus({ preventScroll: !0 });
-    const $ = y.getBoundingClientRect(), D = _.getBoundingClientRect(), H = $.top + y.clientTop, G = H + y.clientHeight;
-    D.top < H ? y.scrollTop += D.top - H : D.bottom > G && (y.scrollTop += D.bottom - G);
+    if (!w || !_) return;
+    R && _.focus({ preventScroll: !0 });
+    const E = w.getBoundingClientRect(), D = _.getBoundingClientRect(), H = E.top + w.clientTop, G = H + w.clientHeight;
+    D.top < H ? w.scrollTop += D.top - H : D.bottom > G && (w.scrollTop += D.bottom - G);
   }
-  async function b(L = !1) {
-    s.value && (s.value = !1, L && (await me(), p.value?.focus({ preventScroll: !0 })));
+  async function y(R = !1) {
+    s.value && (s.value = !1, R && (await ce(), p.value?.focus({ preventScroll: !0 })));
   }
-  async function T() {
-    if (s.value) return b(!0);
-    const L = i.value.map((y) => y.index);
-    o.value = L.includes(t.activeIndex.value) ? t.activeIndex.value : L[0] ?? -1, s.value = !0, await me(), x.value?.focus({ preventScroll: !0 }), m();
+  async function A() {
+    if (s.value) return y(!0);
+    const R = i.value.map((w) => w.index);
+    o.value = R.includes(t.activeIndex.value) ? t.activeIndex.value : R[0] ?? -1, s.value = !0, await ce(), M.value?.focus({ preventScroll: !0 }), m();
   }
-  function R(L) {
-    t.activate(L), b(!0);
+  function T(R) {
+    t.activate(R), y(!0);
   }
-  function I(L) {
-    s.value && (L.preventDefault(), L.stopPropagation(), b(!0));
+  function I(R) {
+    s.value && (R.preventDefault(), R.stopPropagation(), y(!0));
   }
-  async function v(L) {
-    const y = na(
+  async function v(R) {
+    const w = la(
       i.value.map((_) => _.index),
       o.value,
-      L.key
+      R.key
     );
-    y !== void 0 && (o.value = y, L.preventDefault(), await me(), m(!0));
-  }
-  async function u(L) {
-    if (!["ArrowDown", "ArrowUp", "Enter"].includes(L.key)) return;
-    L.preventDefault(), L.stopPropagation();
-    const y = i.value.map((_) => _.index);
-    if (y.length) {
-      if (L.key === "Enter") {
-        y.includes(o.value) && R(o.value);
+    w !== void 0 && (o.value = w, R.preventDefault(), await ce(), m(!0));
+  }
+  async function d(R) {
+    if (!["ArrowDown", "ArrowUp", "Enter"].includes(R.key)) return;
+    R.preventDefault(), R.stopPropagation();
+    const w = i.value.map((_) => _.index);
+    if (w.length) {
+      if (R.key === "Enter") {
+        w.includes(o.value) && T(o.value);
         return;
       }
-      L.key === "ArrowUp" && (o.value = y.at(-1)), await me(), m(!0);
+      R.key === "ArrowUp" && (o.value = w.at(-1)), await ce(), m(!0);
     }
   }
-  function S(L) {
-    const y = L.target;
-    !s.value || g.value?.contains(y) || p.value?.contains(y) || b();
+  function C(R) {
+    const w = R.target;
+    !s.value || h.value?.contains(w) || p.value?.contains(w) || y();
   }
-  function C(L) {
-    const y = L.relatedTarget;
-    !y || g.value?.contains(y) || p.value?.contains(y) || b();
+  function S(R) {
+    const w = R.relatedTarget;
+    !w || h.value?.contains(w) || p.value?.contains(w) || y();
   }
-  return ee(i, (L) => {
-    L.some((y) => y.index === o.value) || (o.value = L[0]?.index ?? -1);
-  }), ee(d, () => {
-    b();
-  }), mt(() => document.addEventListener("pointerdown", S)), Ae(() => document.removeEventListener("pointerdown", S)), {
+  return ee(i, (R) => {
+    R.some((w) => w.index === o.value) || (o.value = R[0]?.index ?? -1);
+  }), ee(c, () => {
+    y();
+  }), pt(() => document.addEventListener("pointerdown", C)), Le(() => document.removeEventListener("pointerdown", C)), {
     open: s,
     cursor: o,
     trigger: p,
-    panel: g,
-    search: x,
+    panel: h,
+    search: M,
     list: f,
-    toggle: T,
-    close: b,
-    choose: R,
+    toggle: A,
+    close: y,
+    choose: T,
     escape: I,
     navigate: v,
-    searchKeydown: u,
-    leave: C
+    searchKeydown: d,
+    leave: S
   };
 }
-function oa(t, d, i, s) {
-  const o = N(0), p = N(""), g = N([]), x = z(
+function sa(t, c, i, s) {
+  const o = z(0), p = z(""), h = z([]), M = F(
     () => t.value.template.pages.flatMap(
-      (y, _) => y.components.flatMap(
-        ($, D) => $.kind === "list" ? [{ component: $, pageIndex: _, componentIndex: D }] : []
+      (w, _) => w.components.flatMap(
+        (E, D) => E.kind === "list" ? [{ component: E, pageIndex: _, componentIndex: D }] : []
       )
     )
-  ), f = z(
-    () => x.value[o.value]?.component
-  ), m = z(() => {
-    const y = f.value;
-    if (!y) return [];
-    const _ = y.columns.map(
-      ($) => $.headerStyle?.align ?? $.headerAlign ?? y.headerStyle?.align ?? y.headerAlign ?? $.style?.align ?? "center"
+  ), f = F(
+    () => M.value[o.value]?.component
+  ), m = F(() => {
+    const w = f.value;
+    if (!w) return [];
+    const _ = w.columns.map(
+      (E) => E.headerStyle?.align ?? E.headerAlign ?? w.headerStyle?.align ?? w.headerAlign ?? E.style?.align ?? "center"
     );
-    if (y.headerGrid && d())
-      for (const $ of Ce(y.headerGrid, y.widthMm, 100).cells)
-        for (let D = $.ci; D < $.ci + ($.cell.colSpan ?? 1); D++)
-          _[D] = $.cell.style?.align ?? "left";
+    if (w.headerGrid && c())
+      for (const E of Se(w.headerGrid, w.widthMm, 100).cells)
+        for (let D = E.ci; D < E.ci + (E.cell.colSpan ?? 1); D++)
+          _[D] = E.cell.style?.align ?? "left";
     return _;
-  }), b = z(() => {
-    const y = p.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
-    return (f.value?.columns ?? []).flatMap((_, $) => {
+  }), y = F(() => {
+    const w = p.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
+    return (f.value?.columns ?? []).flatMap((_, E) => {
       const D = `${_.header} ${_.field}`.toLocaleLowerCase();
-      return y.every((H) => D.includes(H)) ? [{ column: _, index: $ }] : [];
+      return w.every((H) => D.includes(H)) ? [{ column: _, index: E }] : [];
     });
   });
-  function T(y, _) {
-    g.value = _ ? [.../* @__PURE__ */ new Set([...g.value, y])] : g.value.filter(($) => $ !== y);
+  function A(w, _) {
+    h.value = _ ? [.../* @__PURE__ */ new Set([...h.value, w])] : h.value.filter((E) => E !== w);
   }
-  function R(y) {
-    for (const _ of b.value) T(_.index, y);
+  function T(w) {
+    for (const _ of y.value) A(_.index, w);
   }
   function I() {
-    g.value = [];
+    h.value = [];
   }
-  function v(y, _, $) {
+  function v(w, _, E) {
     if (!i()) return;
-    const D = x.value[o.value];
+    const D = M.value[o.value];
     if ((_ === "widthMm" || _ === "hidden") && D && t.value.template.pages[D.pageIndex]?.flow) return;
-    const H = f.value?.columns[y];
-    H && (_ === "hidden" && $ === !0 && !f.value?.columns.some(
-      (G, B) => B !== y && !G.hidden
-    ) || (Object.assign(H, { [_]: _ === "widthMm" ? Number($) : $ }), _ === "header" && S(y, String($)), _ === "headerAlign" && C(
-      y,
-      $
-    ), _ === "widthMm" && u(), s()));
-  }
-  function u() {
-    const y = x.value[o.value];
-    if (!y) return;
-    const _ = y.component, $ = t.value.template.pages[y.pageIndex], D = _.columns.map((H) => H.widthMm);
-    _.headerGrid && (_.headerGrid.colWidthsMm = D), $.layout === "wide" && D.every((H) => Number.isFinite(H) && H > 0) && (_.widthMm = D.reduce((H, G) => H + G, 0), $.widthMm = Math.max(
-      ...$.components.map(
+    const H = f.value?.columns[w];
+    H && (_ === "hidden" && E === !0 && !f.value?.columns.some(
+      (G, U) => U !== w && !G.hidden
+    ) || (Object.assign(H, { [_]: _ === "widthMm" ? Number(E) : E }), _ === "header" && C(w, String(E)), _ === "headerAlign" && S(
+      w,
+      E
+    ), _ === "widthMm" && d(), s()));
+  }
+  function d() {
+    const w = M.value[o.value];
+    if (!w) return;
+    const _ = w.component, E = t.value.template.pages[w.pageIndex], D = _.columns.map((H) => H.widthMm);
+    _.headerGrid && (_.headerGrid.colWidthsMm = D), E.layout === "wide" && D.every((H) => Number.isFinite(H) && H > 0) && (_.widthMm = D.reduce((H, G) => H + G, 0), E.widthMm = Math.max(
+      ...E.components.map(
         (H) => H.leftMm + H.widthMm
       )
-    ) + ($.marginRightMm ?? 0));
+    ) + (E.marginRightMm ?? 0));
   }
-  function S(y, _) {
-    const $ = f.value;
-    if (!$?.headerGrid) return;
-    const H = Ce($.headerGrid, $.widthMm, 100).cells.filter(({ ci: G, cell: B }) => G <= y && G + (B.colSpan ?? 1) > y).slice(-1)[0];
-    H && (Object.assign(H.cell, { text: _, rawText: _, value: _ }), $.columns.slice(H.ci, H.ci + (H.cell.colSpan ?? 1)).forEach((G) => {
+  function C(w, _) {
+    const E = f.value;
+    if (!E?.headerGrid) return;
+    const H = Se(E.headerGrid, E.widthMm, 100).cells.filter(({ ci: G, cell: U }) => G <= w && G + (U.colSpan ?? 1) > w).slice(-1)[0];
+    H && (Object.assign(H.cell, { text: _, rawText: _, value: _ }), E.columns.slice(H.ci, H.ci + (H.cell.colSpan ?? 1)).forEach((G) => {
       G.header = _;
     }));
   }
-  function C(y, _) {
-    const $ = f.value, D = $?.columns[y];
-    if (D?.headerStyle?.align !== void 0 && (D.headerStyle = { ...D.headerStyle, align: _ }), !$?.headerGrid) return;
-    const G = Ce($.headerGrid, $.widthMm, 100).cells.filter(({ ci: B, cell: q }) => B <= y && B + (q.colSpan ?? 1) > y).slice(-1)[0];
-    G && (G.cell.style = { ...G.cell.style, align: _ }, $.columns.slice(G.ci, G.ci + (G.cell.colSpan ?? 1)).forEach((B) => {
-      B.headerAlign = _, B.headerStyle?.align !== void 0 && (B.headerStyle = { ...B.headerStyle, align: _ });
+  function S(w, _) {
+    const E = f.value, D = E?.columns[w];
+    if (D?.headerStyle?.align !== void 0 && (D.headerStyle = { ...D.headerStyle, align: _ }), !E?.headerGrid) return;
+    const G = Se(E.headerGrid, E.widthMm, 100).cells.filter(({ ci: U, cell: X }) => U <= w && U + (X.colSpan ?? 1) > w).slice(-1)[0];
+    G && (G.cell.style = { ...G.cell.style, align: _ }, E.columns.slice(G.ci, G.ci + (G.cell.colSpan ?? 1)).forEach((U) => {
+      U.headerAlign = _, U.headerStyle?.align !== void 0 && (U.headerStyle = { ...U.headerStyle, align: _ });
     }));
   }
-  function L(y, _) {
-    if (!(!i() || y === "headerAlign" && _ === "auto")) {
-      for (const $ of g.value) {
-        const D = f.value?.columns[$];
-        D && (Object.assign(D, { [y]: _ }), y === "headerAlign" && C(
-          $,
+  function R(w, _) {
+    if (!(!i() || w === "headerAlign" && _ === "auto")) {
+      for (const E of h.value) {
+        const D = f.value?.columns[E];
+        D && (Object.assign(D, { [w]: _ }), w === "headerAlign" && S(
+          E,
           _
         ));
       }
@@ -1545,108 +1554,108 @@ function oa(t, d, i, s) {
   return {
     selected: o,
     query: p,
-    selectedColumns: g,
-    lists: x,
+    selectedColumns: h,
+    lists: M,
     activeList: f,
     headerAlignments: m,
-    visibleColumns: b,
-    toggleColumn: T,
-    selectVisible: R,
+    visibleColumns: y,
+    toggleColumn: A,
+    selectVisible: T,
     clearSelection: I,
     setColumn: v,
-    alignColumns: L
+    alignColumns: R
   };
 }
-function Ie(t) {
+function $e(t) {
   return t.kind === "snapshot" ? t.value.length * 2 : (t.removed.length + t.inserted.length) * 2 + 16;
 }
-function la(t, d, i = !1) {
-  const s = { kind: "snapshot", value: d };
+function ra(t, c, i = !1) {
+  const s = { kind: "snapshot", value: c };
   if (i) return s;
   let o = 0;
-  const p = Math.min(t.length, d.length);
-  for (; o < p && t.charCodeAt(o) === d.charCodeAt(o); ) o++;
-  let g = t.length, x = d.length;
-  for (; g > o && x > o && t.charCodeAt(g - 1) === d.charCodeAt(x - 1); )
-    g--, x--;
-  const f = { kind: "patch", start: o, removed: t.slice(o, g), inserted: d.slice(o, x) };
-  return Ie(f) < Ie(s) ? f : s;
+  const p = Math.min(t.length, c.length);
+  for (; o < p && t.charCodeAt(o) === c.charCodeAt(o); ) o++;
+  let h = t.length, M = c.length;
+  for (; h > o && M > o && t.charCodeAt(h - 1) === c.charCodeAt(M - 1); )
+    h--, M--;
+  const f = { kind: "patch", start: o, removed: t.slice(o, h), inserted: c.slice(o, M) };
+  return $e(f) < $e(s) ? f : s;
 }
-function Be(t, d, i = !1) {
-  if (d.kind === "snapshot") return d.value;
-  const s = i ? d.inserted : d.removed, o = i ? d.removed : d.inserted;
-  return t.slice(0, d.start) + o + t.slice(d.start + s.length);
+function Be(t, c, i = !1) {
+  if (c.kind === "snapshot") return c.value;
+  const s = i ? c.inserted : c.removed, o = i ? c.removed : c.inserted;
+  return t.slice(0, c.start) + o + t.slice(c.start + s.length);
 }
-function ia(t, d = { entries: 100, bytes: 16 * 1024 * 1024 }) {
-  if (![d.entries, d.bytes].every((v) => Number.isSafeInteger(v) && v > 0)) throw new RangeError("History budgets must be positive safe integers");
-  const i = pt([{ kind: "snapshot", value: t }]), s = N(0), o = N(t), p = z(() => s.value > 0), g = z(() => s.value + 1 < i.value.length), x = z(() => o.value), f = z(() => i.value.reduce((v, u) => v + Ie(u), 0));
+function da(t, c = { entries: 100, bytes: 16 * 1024 * 1024 }) {
+  if (![c.entries, c.bytes].every((v) => Number.isSafeInteger(v) && v > 0)) throw new RangeError("History budgets must be positive safe integers");
+  const i = ht([{ kind: "snapshot", value: t }]), s = z(0), o = z(t), p = F(() => s.value > 0), h = F(() => s.value + 1 < i.value.length), M = F(() => o.value), f = F(() => i.value.reduce((v, d) => v + $e(d), 0));
   function m(v) {
     i.value = [{ kind: "snapshot", value: v }], s.value = 0, o.value = v;
   }
-  function b(v) {
-    let u = v;
-    for (; u > 0 && i.value[u].kind !== "snapshot"; ) u--;
-    let S = "";
-    for (; u <= v; u++) S = Be(S, i.value[u]);
-    return S;
-  }
-  function T(v) {
-    let u = v.reduce((S, C) => S + Ie(C), 0);
-    for (; v.length > 1 && (v.length > d.entries || u > d.bytes); ) {
-      const S = v[0], C = v[1], L = { kind: "snapshot", value: Be(S.value, C) };
-      u += Ie(L) - Ie(S) - Ie(C), v.splice(0, 2, L);
+  function y(v) {
+    let d = v;
+    for (; d > 0 && i.value[d].kind !== "snapshot"; ) d--;
+    let C = "";
+    for (; d <= v; d++) C = Be(C, i.value[d]);
+    return C;
+  }
+  function A(v) {
+    let d = v.reduce((C, S) => C + $e(S), 0);
+    for (; v.length > 1 && (v.length > c.entries || d > c.bytes); ) {
+      const C = v[0], S = v[1], R = { kind: "snapshot", value: Be(C.value, S) };
+      d += $e(R) - $e(C) - $e(S), v.splice(0, 2, R);
     }
     return v;
   }
-  function R(v) {
+  function T(v) {
     if (o.value === v) return;
-    const u = i.value.slice(0, s.value + 1);
-    u.push(la(o.value, v, u.length % 20 === 0)), i.value = T(u), s.value = i.value.length - 1, o.value = v;
+    const d = i.value.slice(0, s.value + 1);
+    d.push(ra(o.value, v, d.length % 20 === 0)), i.value = A(d), s.value = i.value.length - 1, o.value = v;
   }
   function I(v) {
-    if (v < 0 ? !p.value : !g.value) return;
-    const u = i.value[s.value];
-    return v < 0 && u.kind === "patch" ? o.value = Be(o.value, u, !0) : v > 0 ? o.value = Be(o.value, i.value[s.value + 1]) : o.value = b(s.value - 1), s.value += v, o.value;
+    if (v < 0 ? !p.value : !h.value) return;
+    const d = i.value[s.value];
+    return v < 0 && d.kind === "patch" ? o.value = Be(o.value, d, !0) : v > 0 ? o.value = Be(o.value, i.value[s.value + 1]) : o.value = y(s.value - 1), s.value += v, o.value;
   }
-  return { canUndo: p, canRedo: g, current: x, retainedBytes: f, reset: m, record: R, move: I };
+  return { canUndo: p, canRedo: h, current: M, retainedBytes: f, reset: m, record: T, move: I };
 }
-function sa(t) {
-  const d = pt(null), i = N(!1);
+function ua(t) {
+  const c = ht(null), i = z(!1);
   let s, o = 0;
   function p(f) {
-    s?.(f), s = void 0, d.value = null;
+    s?.(f), s = void 0, c.value = null;
   }
-  function g() {
+  function h() {
     o++, p(!1), i.value = !1;
   }
-  async function x(f) {
-    g();
-    const m = o, b = t();
+  async function M(f) {
+    h();
+    const m = o, y = t();
     i.value = !0;
     try {
-      const T = await new Promise((R, I) => {
-        if (s = R, !b) {
-          d.value = f;
+      const A = await new Promise((T, I) => {
+        if (s = T, !y) {
+          c.value = f;
           return;
         }
-        Promise.resolve().then(() => o === m ? b(f) : !1).then((v) => {
+        Promise.resolve().then(() => o === m ? y(f) : !1).then((v) => {
           o === m && p(v === !0);
         }, (v) => {
-          o === m && (s = void 0, d.value = null, I(v));
+          o === m && (s = void 0, c.value = null, I(v));
         });
       });
-      return o === m && T === !0;
+      return o === m && A === !0;
     } finally {
       o === m && (i.value = !1);
     }
   }
-  return Ae(g), { confirmation: d, pending: i, decide: p, request: x, cancel: g };
+  return Le(h), { confirmation: c, pending: i, decide: p, request: M, cancel: h };
 }
-function ra(t, d) {
-  const i = N(ne(t.modelValue)), s = N(xe(i.value)), o = N(xe(i.value)), p = N(""), g = N(!1), x = z(() => ({
-    ...Ke,
+function ca(t, c) {
+  const i = z(ae(t.modelValue)), s = z(ke(i.value)), o = z(ke(i.value)), p = z(""), h = z(!1), M = F(() => ({
+    ...Je,
     ...t.messages
-  })), f = z(() => ({
+  })), f = F(() => ({
     showExport: !1,
     showPrint: !1,
     showPdfWindow: !1,
@@ -1665,39 +1674,39 @@ function ra(t, d) {
       ...t.preview?.theme
     }
   }));
-  _t({
+  Et({
     get defaults() {
       return f.value;
     }
   });
-  let m, b = 0;
-  const T = z(
-    () => dt(i.value)
-  ), R = z(() => {
+  let m, y = 0;
+  const A = F(
+    () => ct(i.value)
+  ), T = F(() => {
     try {
-      return xe(i.value) !== s.value;
+      return ke(i.value) !== s.value;
     } catch {
       return !0;
     }
-  }), I = N(o.value), v = z(() => o.value !== I.value), u = N({}), S = N(0), C = N(0), L = z(() => Object.values(u.value).some(Boolean));
-  function y(V, j) {
-    u.value = { ...u.value, [V]: j }, S.value++;
+  }), I = z(o.value), v = F(() => o.value !== I.value), d = z({}), C = z(0), S = z(0), R = F(() => Object.values(d.value).some(Boolean)), w = F(() => Object.keys(d.value).filter((j) => d.value[j]));
+  function _(j, W) {
+    d.value = { ...d.value, [j]: W }, C.value++;
   }
-  const _ = z(
-    () => R.value || o.value !== I.value || L.value
-  ), $ = () => JSON.stringify({
+  const E = F(
+    () => T.value || o.value !== I.value || R.value
+  ), D = () => JSON.stringify({
     document: i.value,
     json: o.value,
     appliedJson: I.value
-  }), D = ia($()), H = sa(() => t.beforeDiscard), G = z(() => g.value || H.pending.value), B = () => !t.readonly && !G.value && !v.value, q = oa(
+  }), H = da(D()), G = ua(() => t.beforeDiscard), U = F(() => h.value || G.pending.value), X = () => !t.readonly && !U.value && !v.value, te = sa(
     i,
-    () => T.value.ok,
-    B,
+    () => A.value.ok,
+    X,
     se
-  ), { selected: ae, lists: n, activeList: w, headerAlignments: k, setColumn: A } = q;
-  ee(ae, () => q.clearSelection());
-  const E = z(
-    () => T.value.ok ? It({
+  ), { selected: n, lists: x, activeList: k, headerAlignments: L, setColumn: $ } = te;
+  ee(n, () => te.clearSelection());
+  const P = F(
+    () => A.value.ok ? Rt({
       draft: {
         template: i.value.template,
         datasets: t.datasets ?? {},
@@ -1705,261 +1714,270 @@ function ra(t, d) {
       }
     }) : void 0
   );
-  function P() {
-    b++, m?.abort(), m = void 0, g.value = !1;
+  function B() {
+    y++, m?.abort(), m = void 0, h.value = !1;
   }
-  let W = 0;
-  async function Z(V = "replace", j) {
-    if (!_.value) return !0;
-    const Y = $(), ve = S.value;
+  let Z = 0;
+  async function he(j = "replace", W) {
+    if (!E.value) return !0;
+    const Y = D(), pe = C.value;
     try {
-      return await H.request({
-        reason: V,
+      return await G.request({
+        reason: j,
         document: JSON.parse(
           JSON.stringify(i.value)
         ),
-        replacement: j ? ne(j) : void 0,
+        replacement: W ? ae(W) : void 0,
         pendingLocalChanges: !0
-      }) && Y === $() && ve === S.value;
-    } catch (Ee) {
-      return p.value = Ee instanceof Error ? Ee.message : String(Ee), !1;
+      }) && Y === D() && pe === C.value;
+    } catch (J) {
+      return p.value = J instanceof Error ? J.message : String(J), !1;
     }
   }
-  function Se(V) {
-    P(), i.value = V, s.value = xe(V), o.value = s.value, I.value = o.value, p.value = "", ae.value = 0, q.clearSelection(), u.value = {}, S.value++, C.value++, D.reset($());
+  function fe(j) {
+    B(), i.value = j, s.value = ke(j), o.value = s.value, I.value = o.value, p.value = "", n.value = 0, te.clearSelection(), d.value = {}, C.value++, S.value++, H.reset(D());
   }
   ee(
     () => t.modelValue,
-    async (V) => {
-      let j;
+    async (j) => {
+      let W;
       try {
-        j = ne(V);
-      } catch (ve) {
-        p.value = ve instanceof Error ? ve.message : String(ve);
+        W = ae(j);
+      } catch (pe) {
+        p.value = pe instanceof Error ? pe.message : String(pe);
         return;
       }
       try {
-        if (xe(j) === xe(i.value))
+        if (ke(W) === ke(i.value))
           return;
       } catch {
       }
-      const Y = ++W;
-      if (P(), !await Z("replace", j)) {
-        Y === W && T.value.ok && d("update:modelValue", ne(i.value));
+      const Y = ++Z;
+      if (B(), !await he("replace", W)) {
+        Y === Z && A.value.ok && c("update:modelValue", ae(i.value));
         return;
       }
-      Y === W && Se(j);
+      Y === Z && fe(W);
     }
-  ), Ae(() => {
-    W++, P();
+  ), Le(() => {
+    Z++, B();
   });
   function se() {
-    H.cancel(), p.value = "", T.value.ok && (o.value = xe(i.value), I.value = o.value, d("update:modelValue", ne(i.value))), D.record($());
+    G.cancel(), p.value = "", A.value.ok && (o.value = ke(i.value), I.value = o.value, c("update:modelValue", ae(i.value))), H.record(D());
   }
-  function ge(V) {
-    if (!B()) return !1;
+  function me(j) {
+    if (!X()) return !1;
     try {
-      const j = ne(i.value);
-      V(j);
-      const Y = dt(j);
+      const W = ae(i.value);
+      j(W);
+      const Y = ct(W);
       if (!Y.ok)
         throw new Error(
-          Y.errors.map((ve) => `${ve.path}: ${ve.message}`).join(`
+          Y.errors.map((pe) => `${pe.path}: ${pe.message}`).join(`
 `)
         );
-      return i.value = j, se(), !0;
-    } catch (j) {
-      return p.value = j instanceof Error ? j.message : String(j), !1;
+      return i.value = W, se(), !0;
+    } catch (W) {
+      return p.value = W instanceof Error ? W.message : String(W), !1;
     }
   }
-  async function ce(V) {
-    if (!B()) return !1;
+  async function oe(j) {
+    if (!X()) return !1;
     try {
-      const j = ne(V);
-      return !await Z("replace", j) || !B() ? !1 : (i.value = j, ae.value = 0, q.clearSelection(), se(), !0);
-    } catch (j) {
-      return p.value = j instanceof Error ? j.message : String(j), !1;
+      const W = ae(j);
+      return !await he("replace", W) || !X() ? !1 : (i.value = W, n.value = 0, te.clearSelection(), se(), !0);
+    } catch (W) {
+      return p.value = W instanceof Error ? W.message : String(W), !1;
     }
   }
-  function oe(V) {
-    B() && (i.value.name = V, se());
+  function we(j) {
+    X() && (i.value.name = j, se());
   }
-  function ye(V) {
-    B() && (i.value.description = V, se());
+  function ve(j) {
+    X() && (i.value.description = j, se());
   }
-  function he() {
-    if (!(t.readonly || G.value))
+  function _e() {
+    if (!(t.readonly || U.value))
       try {
-        const V = ne(o.value);
-        if (V.id !== i.value.id)
+        const j = ae(o.value);
+        if (j.id !== i.value.id)
           throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
-        if (V.revision !== i.value.revision)
+        if (j.revision !== i.value.revision)
           throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
-        i.value = V, ae.value = 0, q.clearSelection(), se();
-      } catch (V) {
-        p.value = V instanceof Error ? V.message : String(V);
+        i.value = j, n.value = 0, te.clearSelection(), se();
+      } catch (j) {
+        p.value = j instanceof Error ? j.message : String(j);
       }
   }
-  async function _e() {
-    G.value || t.readonly || !await Z("reset") || (Se(ne(s.value)), d("update:modelValue", ne(i.value)));
-  }
-  function te(V) {
-    if (G.value || t.readonly) return;
-    D.record($());
-    const j = D.move(V);
-    if (!j) return;
-    H.cancel();
-    const Y = JSON.parse(j);
-    i.value = Y.document, o.value = Y.json, I.value = Y.appliedJson, p.value = "", ae.value = 0, q.clearSelection(), T.value.ok && d("update:modelValue", ne(i.value));
-  }
-  async function $e() {
-    if (!t.save || !B() || !T.value.ok) return;
-    if (L.value) {
-      p.value = x.value.toolsPending;
+  async function ne() {
+    U.value || t.readonly || !await he("reset") || (fe(ae(s.value)), c("update:modelValue", ae(i.value)));
+  }
+  function Ie(j) {
+    if (U.value || t.readonly) return;
+    H.record(D());
+    const W = H.move(j);
+    if (!W) return;
+    G.cancel();
+    const Y = JSON.parse(W);
+    i.value = Y.document, o.value = Y.json, I.value = Y.appliedJson, p.value = "", n.value = 0, te.clearSelection(), A.value.ok && c("update:modelValue", ae(i.value));
+  }
+  async function qe() {
+    if (!t.save || !X() || !A.value.ok) return;
+    if (R.value) {
+      p.value = M.value.toolsPending;
       return;
     }
-    const V = ++b;
-    m = new AbortController(), g.value = !0, p.value = "";
-    const j = ne(i.value);
+    const j = ++y;
+    m = new AbortController(), h.value = !0, p.value = "";
+    const W = ae(i.value);
     try {
-      const Y = ne(
-        await t.save(j, {
-          expectedRevision: j.revision,
+      const Y = ae(
+        await t.save(W, {
+          expectedRevision: W.revision,
           signal: m.signal
         })
       );
-      if (V !== b) return;
-      if (Y.id !== j.id)
+      if (j !== y) return;
+      if (Y.id !== W.id)
         throw new Error("保存服务返回了其他模板的文档");
-      i.value = Y, s.value = xe(Y), o.value = s.value, I.value = o.value, D.reset($()), d("saved", ne(Y)), d("update:modelValue", ne(Y));
+      i.value = Y, s.value = ke(Y), o.value = s.value, I.value = o.value, H.reset(D()), c("saved", ae(Y)), c("update:modelValue", ae(Y));
     } catch (Y) {
-      V === b && (p.value = Y instanceof Error ? Y.message : String(Y));
+      j === y && (p.value = Y instanceof Error ? Y.message : String(Y));
     } finally {
-      V === b && (g.value = !1, m = void 0);
+      j === y && (h.value = !1, m = void 0);
     }
   }
-  const Je = z(
-    () => D.canUndo.value || $() !== D.current.value
-  ), Fe = z(
-    () => D.canRedo.value && $() === D.current.value
+  const Ne = F(
+    () => H.canUndo.value || D() !== H.current.value
+  ), Xe = F(
+    () => H.canRedo.value && D() === H.current.value
   );
   return {
-    ...q,
-    editingReadonly: z(() => t.readonly === !0),
-    transaction: ge,
-    replaceDocument: ce,
-    originalDocument: z(() => ne(s.value)),
-    canUndo: Je,
-    canRedo: Fe,
-    undo: () => te(-1),
-    redo: () => te(1),
-    pendingLocalChanges: _,
-    setToolPending: y,
-    isToolPending: (V) => u.value[V] === !0,
-    toolEpoch: C,
-    toolPending: L,
+    ...te,
+    editingReadonly: F(() => t.readonly === !0),
+    transaction: me,
+    replaceDocument: oe,
+    originalDocument: F(() => ae(s.value)),
+    canUndo: Ne,
+    canRedo: Xe,
+    undo: () => Ie(-1),
+    redo: () => Ie(1),
+    pendingLocalChanges: E,
+    setToolPending: _,
+    isToolPending: (j) => d.value[j] === !0,
+    toolEpoch: S,
+    toolPending: R,
+    pendingTools: w,
     jsonPending: v,
-    blocked: G,
-    confirmation: H.confirmation,
-    decideDiscard: H.decide,
-    guardChanges: Z,
+    blocked: U,
+    confirmation: G.confirmation,
+    decideDiscard: G.decide,
+    guardChanges: he,
     draft: i,
     json: o,
-    selected: ae,
+    selected: n,
     error: p,
-    saving: g,
-    dirty: R,
-    validation: T,
-    lists: n,
-    activeList: w,
-    headerAlignments: k,
+    saving: h,
+    dirty: T,
+    validation: A,
+    lists: x,
+    activeList: k,
+    headerAlignments: L,
     previewOptions: f,
-    fetcher: E,
-    messages: x,
-    setName: oe,
-    setDescription: ye,
-    setColumn: A,
-    applyJson: he,
-    reset: _e,
-    save: $e
+    fetcher: P,
+    messages: M,
+    setName: we,
+    setDescription: ve,
+    setColumn: $,
+    applyJson: _e,
+    reset: ne,
+    save: qe
   };
 }
-function da(t, d) {
-  const i = N("fields"), s = () => d.value?.columns.length ? 0 : -1, o = N(s()), p = z(() => {
-    const f = d.value?.columns[o.value];
+function ma(t, c) {
+  const i = z("fields"), s = () => c.value?.columns.length ? 0 : -1, o = z(s()), p = F(() => {
+    const f = c.value?.columns[o.value];
     return f ? { column: f, index: o.value } : void 0;
   });
   ee(t, () => {
     o.value = s();
-  }), ee(d, (f) => {
+  }), ee(c, (f) => {
     f?.columns[o.value] || (o.value = s());
   });
-  function g(f) {
-    d.value?.columns[f] && (o.value = f);
+  function h(f) {
+    c.value?.columns[f] && (o.value = f);
   }
-  function x(f) {
-    const m = d.value?.columns.length ?? 0;
+  function M(f) {
+    const m = c.value?.columns.length ?? 0;
     m && (o.value = Math.max(
       0,
       Math.min(m - 1, o.value + f)
     ));
   }
-  return { section: i, activeIndex: o, activeColumn: p, activate: g, stepColumn: x };
+  return { section: i, activeIndex: o, activeColumn: p, activate: h, stepColumn: M };
 }
-const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma = { class: "mr-designer-heading" }, va = ["aria-label"], pa = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], ga = ["aria-label"], ha = ["aria-pressed"], fa = ["aria-pressed"], ba = { class: "mr-designer-actions" }, ya = { class: "mr-designer-history" }, wa = ["aria-label", "title", "disabled"], Ma = ["aria-label", "title", "disabled"], xa = ["disabled"], ka = ["disabled"], Ca = ["aria-label"], Sa = ["aria-label"], _a = ["aria-pressed", "onClick"], Ia = { class: "mr-designer-tool-content" }, $a = {
+const va = ["aria-label", "aria-busy"], pa = { class: "mr-designer-bar" }, ga = { class: "mr-designer-heading" }, ha = ["aria-label"], fa = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], ba = {
+  key: 0,
+  class: "mr-designer-pending-dot",
+  "aria-hidden": "true"
+}, ya = ["aria-label"], wa = ["aria-pressed"], xa = ["aria-pressed"], Ma = { class: "mr-designer-actions" }, ka = { class: "mr-designer-history" }, Ca = ["aria-label", "title", "disabled"], Sa = ["aria-label", "title", "disabled"], _a = ["disabled"], Ia = ["title", "aria-describedby", "disabled"], $a = ["id"], Ea = ["id"], Ra = ["aria-label", "onClick"], Ta = ["aria-label"], La = ["aria-label"], Da = ["id", "aria-pressed", "aria-describedby", "onClick"], Aa = {
+  key: 0,
+  class: "mr-designer-pending-dot",
+  "aria-hidden": "true"
+}, Pa = { class: "mr-designer-tool-content" }, Ha = {
   key: 3,
   class: "mr-designer-rule-workspace"
-}, Ea = { key: 0 }, La = ["value"], Ra = ["value"], Aa = {
+}, Ga = { key: 0 }, Fa = ["value"], Na = ["value"], za = {
   key: 2,
   class: "mr-designer-note"
-}, Da = {
+}, Oa = {
   key: 1,
   class: "mr-designer-inspector"
-}, Ta = ["id", "aria-labelledby"], Pa = {
+}, Ba = ["id", "aria-labelledby"], Va = {
   key: 0,
   class: "mr-designer-flow-note"
-}, Ha = {
+}, ja = {
   key: 0,
   class: "mr-designer-area"
-}, Ga = ["value"], za = ["value"], Fa = { class: "mr-designer-current" }, Na = ["aria-expanded", "aria-controls"], Ba = { class: "mr-designer-current-name" }, Oa = { class: "mr-designer-directory-entry" }, Va = { class: "mr-designer-field-position" }, ja = ["aria-label"], Wa = ["aria-label", "title", "disabled"], Ua = ["aria-label", "title", "disabled"], Ka = ["disabled", "aria-label"], Ja = { class: "mr-designer-property-group" }, qa = ["value"], Xa = ["value", "list"], Ya = ["id"], Qa = ["value"], Za = { class: "mr-designer-property-group" }, eo = { class: "mr-designer-format-pair" }, to = { class: "mr-designer-stacked" }, no = ["value", "disabled"], ao = { class: "mr-designer-stacked" }, oo = ["value"], lo = { value: "identifier" }, io = { value: "dimension" }, so = { value: "measure" }, ro = { value: "date" }, uo = { value: "text" }, co = { class: "mr-designer-control-row" }, mo = { class: "mr-designer-control-row" }, vo = { class: "mr-designer-toggle" }, po = ["checked"], go = { class: "mr-designer-column-structure" }, ho = ["aria-label", "title", "disabled"], fo = ["aria-label", "title", "disabled"], bo = ["checked", "disabled"], yo = ["id", "aria-label"], wo = { class: "mr-designer-directory-heading" }, Mo = ["aria-label"], xo = { class: "mr-designer-search" }, ko = ["aria-label", "placeholder"], Co = ["aria-label", "title"], So = { class: "mr-designer-column-tools" }, _o = ["disabled"], Io = {
+}, Ua = ["value"], Wa = ["value"], Ka = { class: "mr-designer-current" }, Ja = ["aria-expanded", "aria-controls"], qa = { class: "mr-designer-current-name" }, Xa = { class: "mr-designer-directory-entry" }, Ya = { class: "mr-designer-field-position" }, Qa = ["aria-label"], Za = ["aria-label", "title", "disabled"], eo = ["aria-label", "title", "disabled"], to = ["disabled", "aria-label"], no = { class: "mr-designer-property-group" }, ao = ["value"], oo = ["value", "list"], lo = ["id"], io = ["value"], so = { class: "mr-designer-property-group" }, ro = { class: "mr-designer-format-pair" }, uo = { class: "mr-designer-stacked" }, co = ["value", "disabled"], mo = { class: "mr-designer-stacked" }, vo = ["value"], po = { value: "identifier" }, go = { value: "dimension" }, ho = { value: "measure" }, fo = { value: "date" }, bo = { value: "text" }, yo = { class: "mr-designer-control-row" }, wo = { class: "mr-designer-control-row" }, xo = { class: "mr-designer-toggle" }, Mo = ["checked"], ko = { class: "mr-designer-column-structure" }, Co = ["aria-label", "title", "disabled"], So = ["aria-label", "title", "disabled"], _o = ["checked", "disabled"], Io = ["id", "aria-label"], $o = { class: "mr-designer-directory-heading" }, Eo = ["aria-label"], Ro = { class: "mr-designer-search" }, To = ["aria-label", "placeholder"], Lo = ["aria-label", "title"], Do = { class: "mr-designer-column-tools" }, Ao = ["disabled"], Po = {
   key: 1,
   role: "status"
-}, $o = { key: 2 }, Eo = ["aria-label"], Lo = ["aria-label", "checked", "disabled", "onChange"], Ro = ["data-column-index", "aria-pressed", "tabindex", "onClick"], Ao = { class: "mr-designer-column-number" }, Do = { class: "mr-designer-column-name" }, To = {
+}, Ho = { key: 2 }, Go = ["aria-label"], Fo = ["aria-label", "checked", "disabled", "onChange"], No = ["data-column-index", "aria-pressed", "tabindex", "onClick"], zo = { class: "mr-designer-column-number" }, Oo = { class: "mr-designer-column-name" }, Bo = {
   key: 0,
   role: "status",
   class: "mr-designer-empty"
-}, Po = {
+}, Vo = {
   key: 0,
   class: "mr-designer-batch"
-}, Ho = ["aria-label", "disabled"], Go = { value: "" }, zo = { value: "auto" }, Fo = { value: "left" }, No = { value: "center" }, Bo = { value: "right" }, Oo = { value: "justify" }, Vo = ["aria-label", "disabled"], jo = { value: "" }, Wo = { value: "left" }, Uo = { value: "center" }, Ko = { value: "right" }, Jo = { value: "justify" }, qo = {
+}, jo = ["aria-label", "disabled"], Uo = { value: "" }, Wo = { value: "auto" }, Ko = { value: "left" }, Jo = { value: "center" }, qo = { value: "right" }, Xo = { value: "justify" }, Yo = ["aria-label", "disabled"], Qo = { value: "" }, Zo = { value: "left" }, el = { value: "center" }, tl = { value: "right" }, nl = { value: "justify" }, al = {
   key: 2,
   role: "status",
   class: "mr-designer-empty"
-}, Xo = { class: "mr-designer-object-tools" }, Yo = ["aria-label", "disabled"], Qo = { value: "" }, Zo = { value: "text" }, el = { value: "list" }, tl = { value: "image" }, nl = { value: "rect" }, al = ["title", "aria-label", "disabled"], ol = ["title", "aria-label", "disabled"], ll = { key: 0 }, il = ["value"], sl = { class: "mr-designer-stacked" }, rl = ["value"], dl = {
+}, ol = { class: "mr-designer-object-tools" }, ll = ["aria-label", "disabled"], il = { value: "" }, sl = { value: "text" }, rl = { value: "list" }, dl = { value: "image" }, ul = { value: "rect" }, cl = ["title", "aria-label", "disabled"], ml = ["title", "aria-label", "disabled"], vl = { key: 0 }, pl = ["value"], gl = { class: "mr-designer-stacked" }, hl = ["value"], fl = {
   value: -1,
   disabled: ""
-}, ul = ["value"], cl = {
+}, bl = ["value"], yl = {
   key: 1,
   class: "mr-designer-arrange"
-}, ml = ["disabled"], vl = ["aria-label", "disabled"], pl = { value: "" }, gl = { value: "left" }, hl = { value: "center" }, fl = { value: "right" }, bl = { value: "top" }, yl = { value: "middle" }, wl = { value: "bottom" }, Ml = ["disabled"], xl = ["disabled"], kl = { key: 0 }, Cl = { class: "mr-designer-layer-tools" }, Sl = ["disabled"], _l = ["disabled"], Il = {
+}, wl = ["disabled"], xl = ["aria-label", "disabled"], Ml = { value: "" }, kl = { value: "left" }, Cl = { value: "center" }, Sl = { value: "right" }, _l = { value: "top" }, Il = { value: "middle" }, $l = { value: "bottom" }, El = ["disabled"], Rl = ["disabled"], Tl = { key: 0 }, Ll = { class: "mr-designer-layer-tools" }, Dl = ["disabled"], Al = ["disabled"], Pl = {
   key: 3,
   class: "mr-designer-empty"
-}, $l = { class: "mr-designer-stacked" }, El = ["value", "disabled"], Ll = { class: "mr-designer-stacked" }, Rl = ["value", "disabled"], Al = { class: "mr-designer-technical" }, Dl = { class: "mr-designer-identity" }, Tl = { class: "mr-designer-stacked mr-designer-json-label" }, Pl = ["aria-label", "disabled"], Hl = ["disabled"], Gl = {
+}, Hl = { class: "mr-designer-stacked" }, Gl = ["value", "disabled"], Fl = { class: "mr-designer-stacked" }, Nl = ["value", "disabled"], zl = { class: "mr-designer-technical" }, Ol = { class: "mr-designer-identity" }, Bl = { class: "mr-designer-stacked mr-designer-json-label" }, Vl = ["aria-label", "disabled"], jl = ["disabled"], Ul = {
   key: 5,
   role: "status",
   class: "mr-designer-note mr-designer-pending"
-}, zl = ["aria-label"], Fl = {
+}, Wl = ["aria-label"], Kl = {
   key: 0,
   role: "alert",
   class: "mr-designer-error"
-}, Nl = {
+}, Jl = {
   key: 1,
   role: "alert",
   class: "mr-designer-error"
-}, Bl = {
+}, ql = {
   key: 4,
   class: "mr-designer-note mr-designer-invalid"
-}, Ol = /* @__PURE__ */ Ge({
+}, Xl = /* @__PURE__ */ Ge({
   __name: "ReportTemplateEditor",
   props: {
     modelValue: {},
@@ -1974,186 +1992,198 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
     save: { type: Function }
   },
   emits: ["update:modelValue", "saved", "excel-bound"],
-  setup(t, { expose: d, emit: i }) {
-    const s = pe(
-      () => import("./ExcelBindingWizard-Dxm-K5HL.js")
-    ), o = pe(() => import("./ParamEditor-DRGxzxeO.js")), p = pe(() => import("./RuleEditor-D9wQHrkf.js")), g = pe(
+  setup(t, { expose: c, emit: i }) {
+    const s = ge(
+      () => import("./ExcelBindingWizard-LWX6G1A2.js")
+    ), o = ge(() => import("./ParamEditor-BLaE5q5W.js")), p = ge(() => import("./RuleEditor-D9wQHrkf.js")), h = ge(
       () => import("./TemplateReviewPanel-BKofGrV9.js")
-    ), x = t, f = i, m = ra(x, (J, c) => {
-      f(J === "saved" ? "saved" : "update:modelValue", c);
+    ), M = t, f = i, m = ca(M, (V, u) => {
+      f(V === "saved" ? "saved" : "update:modelValue", u);
     }), {
-      draft: b,
-      json: T,
-      selected: R,
+      draft: y,
+      json: A,
+      selected: T,
       error: I,
       saving: v,
-      pendingLocalChanges: u,
-      jsonPending: S,
-      blocked: C,
-      confirmation: L,
-      canUndo: y,
+      pendingLocalChanges: d,
+      jsonPending: C,
+      blocked: S,
+      confirmation: R,
+      canUndo: w,
       canRedo: _,
-      validation: $,
+      validation: E,
       lists: D,
       activeList: H,
       visibleColumns: G,
-      query: B,
-      selectedColumns: q,
-      fetcher: ae,
+      query: U,
+      selectedColumns: X,
+      fetcher: te,
       messages: n
     } = m;
-    function w(J) {
-      return m.transaction((c) => {
-        c.template.params = J;
+    function x(V) {
+      return m.transaction((u) => {
+        u.template.params = V;
       });
     }
-    const k = da(R, H), { section: A, activeIndex: E, activeColumn: P } = k, W = `mr-designer-${St()?.uid ?? 0}`, Z = [
+    const k = ma(T, H), { section: L, activeIndex: $, activeColumn: P } = k, B = `mr-designer-${$t()?.uid ?? 0}`, Z = [
       "fields",
       "component",
       "template",
       "tools",
       "advanced"
-    ], Se = ta(
+    ], he = oa(
       m,
       k,
-      () => x.dataSchemas
+      () => M.dataSchemas
     ), {
-      mode: se,
-      setMode: ge,
-      canvasSelection: ce,
+      mode: fe,
+      setMode: se,
+      canvasSelection: me,
       canvasPage: oe,
-      canvasActive: ye,
-      tool: he,
+      canvasActive: we,
+      tool: ve,
       visitedTools: _e,
-      editDisabled: te,
-      dataSchema: $e,
-      chooseCanvas: Je,
-      insertComponent: Fe,
-      patchCanvas: V,
+      editDisabled: ne,
+      dataSchema: Ie,
+      chooseCanvas: qe,
+      insertComponent: Ne,
+      patchCanvas: Xe,
       changeList: j,
-      moveColumn: Y,
-      headerCommand: ve,
-      locateReview: Ee,
-      canvas: X
-    } = Se, de = z(() => !!b.value.template.pages[oe.value]?.flow), De = z(() => !!b.value.template.pages[D.value[R.value]?.pageIndex ?? -1]?.flow);
-    function gt() {
-      A.value = "tools", he.value = "excel";
+      moveColumn: W,
+      headerCommand: Y,
+      locateReview: pe,
+      canvas: J
+    } = he, de = F(() => !!y.value.template.pages[oe.value]?.flow), De = F(() => !!y.value.template.pages[D.value[T.value]?.pageIndex ?? -1]?.flow);
+    function ft() {
+      L.value = "tools", ve.value = "excel";
+    }
+    const Ee = F(() => {
+      const V = ["excel", "rules", "params"].filter((u) => m.pendingTools.value.includes(u)).map((u) => ({ target: u, label: n.value[`${u}Tool`] }));
+      return C.value && V.push({ target: "json", label: n.value.json }), V;
+    }), ze = F(() => v.value ? n.value.saving : M.readonly ? n.value.saveReadonly : S.value ? n.value.saveConfirmation : Ee.value.length ? Ee.value.map((V) => `${V.label} · ${n.value.unapplied}`).join("；") : E.value.ok ? d.value ? "" : n.value.saveUnchanged : n.value.saveInvalid);
+    async function bt(V) {
+      V === "json" ? L.value = "advanced" : (L.value = "tools", ve.value = V), await ce();
+      const u = V === "json" ? `#${B}-panel-advanced textarea` : `#${B}-tool-${V}`;
+      document.querySelector(u)?.focus({ preventScroll: !0 });
     }
-    const ht = z(
-      () => v.value ? n.value.saving : x.readonly ? n.value.readonly : u.value ? n.value.dirty : n.value.ready
-    ), nt = N(null), qe = N(null), ie = aa(k, A, G), {
-      open: at,
-      cursor: ft,
-      trigger: bt,
-      panel: yt,
-      search: wt,
-      list: Mt
+    const yt = F(
+      () => v.value ? n.value.saving : M.readonly ? n.value.readonly : d.value ? n.value.dirty : n.value.ready
+    ), ot = z(null), Ye = z(null), ie = ia(k, L, G), {
+      open: lt,
+      cursor: wt,
+      trigger: xt,
+      panel: Mt,
+      search: kt,
+      list: Ct
     } = ie;
-    ee(A, async () => {
-      await me(), qe.value && (qe.value.scrollTop = 0);
+    ee(L, async () => {
+      await ce(), Ye.value && (Ye.value.scrollTop = 0);
     });
-    const ot = z(() => ({
+    const it = F(() => ({
       auto: n.value.auto,
       left: n.value.left,
       center: n.value.center,
       right: n.value.right,
       justify: n.value.justify
     }));
-    let Ne = null;
-    ee(L, async (J) => {
-      J ? (Ne = document.activeElement, await me(), nt.value?.focus()) : (await me(), Ne?.isConnected && Ne.focus(), Ne = null);
-    }), d({
+    let Oe = null;
+    ee(R, async (V) => {
+      V ? (Oe = document.activeElement, await ce(), ot.value?.focus()) : (await ce(), Oe?.isConnected && Oe.focus(), Oe = null);
+    }), c({
       get pendingLocalChanges() {
-        return u.value;
+        return d.value;
       },
       get saving() {
         return v.value;
       },
       get blocked() {
-        return C.value;
+        return S.value;
       },
       guardChanges: m.guardChanges,
       reset: m.reset,
       save: m.save
     });
-    async function xt(J) {
-      const c = { ...J.document, id: b.value.id };
-      if (b.value.revision === void 0 ? delete c.revision : c.revision = b.value.revision, !await m.replaceDocument(c)) return !1;
-      const r = ne(m.draft.value);
-      return f("excel-bound", { ...J, document: r, session: { ...J.session, identity: { id: r.id, name: r.name } } }), !0;
+    async function St(V) {
+      const u = { ...V.document, id: y.value.id };
+      if (y.value.revision === void 0 ? delete u.revision : u.revision = y.value.revision, !await m.replaceDocument(u)) return !1;
+      const r = ae(m.draft.value);
+      return f("excel-bound", { ...V, document: r, session: { ...V.session, identity: { id: r.id, name: r.name } } }), !0;
     }
-    async function lt(J) {
-      const c = D.value.findIndex((r) => r.pageIndex === J.pageIndex && r.componentIndex === J.componentIndex);
-      c >= 0 && c !== R.value && m.isToolPending("rules") && !await m.guardChanges() || Je(J);
+    async function st(V) {
+      const u = D.value.findIndex((r) => r.pageIndex === V.pageIndex && r.componentIndex === V.componentIndex);
+      u >= 0 && u !== T.value && m.isToolPending("rules") && !await m.guardChanges() || qe(V);
     }
-    async function it(J) {
-      const c = J.target, r = Number(c.value);
+    async function rt(V) {
+      const u = V.target, r = Number(u.value);
       if (m.isToolPending("rules") && !await m.guardChanges()) {
-        c.value = String(R.value);
+        u.value = String(T.value);
         return;
       }
-      R.value = r;
+      T.value = r;
     }
-    function we(J) {
-      return J.target.value;
+    function xe(V) {
+      return V.target.value;
     }
-    function Xe(J) {
-      return J.target.checked;
+    function Qe(V) {
+      return V.target.checked;
     }
-    function st(J, c) {
-      const r = J.target;
+    function dt(V, u) {
+      const r = V.target;
       m.alignColumns(
-        c,
+        u,
         r.value
       ), r.value = "";
     }
-    async function kt(J) {
+    async function _t(V) {
       const r = {
         ArrowRight: 1,
         ArrowLeft: -1,
         Home: -Z.length,
         End: Z.length
-      }[J.key];
+      }[V.key];
       if (r === void 0) return;
-      J.preventDefault();
-      const U = Z.indexOf(A.value), Le = J.key === "Home" ? 0 : J.key === "End" ? Z.length - 1 : (U + r + Z.length) % Z.length;
-      A.value = Z[Le];
-      const Ct = J.currentTarget.parentElement;
-      await me(), Ct?.querySelector(`#${W}-tab-${A.value}`)?.focus();
+      V.preventDefault();
+      const K = Z.indexOf(L.value), Re = V.key === "Home" ? 0 : V.key === "End" ? Z.length - 1 : (K + r + Z.length) % Z.length;
+      L.value = Z[Re];
+      const It = V.currentTarget.parentElement;
+      await ce(), It?.querySelector(`#${B}-tab-${L.value}`)?.focus();
     }
-    return (J, c) => (h(), M("section", {
+    return (V, u) => (g(), b("section", {
       class: "mr-designer",
       "aria-label": e(n).title,
       "aria-busy": e(v)
     }, [
-      a("header", ca, [
-        a("div", ma, [
+      a("header", pa, [
+        a("div", ga, [
           le(re, {
             name: "columns",
             size: 15
           }),
           a("strong", null, l(e(n).heading), 1),
           a("span", {
-            class: Pe({ "mr-designer-dirty": e(u) })
-          }, l(ht.value), 3)
+            class: Pe({ "mr-designer-dirty": e(d) })
+          }, l(yt.value), 3)
         ]),
         a("nav", {
           class: "mr-designer-tabs",
           role: "tablist",
           "aria-label": e(n).sectionsLabel
         }, [
-          (h(), M(K, null, Q(Z, (r) => a("button", {
-            id: `${W}-tab-${r}`,
+          (g(), b(q, null, Q(Z, (r) => a("button", {
+            id: `${B}-tab-${r}`,
             key: r,
             type: "button",
             role: "tab",
-            "aria-selected": e(A) === r,
-            "aria-controls": `${W}-panel-${r}`,
-            tabindex: e(A) === r ? 0 : -1,
-            onClick: (U) => A.value = r,
-            onKeydown: kt
-          }, l(e(n)[`${r}Section`]), 41, pa)), 64))
-        ], 8, va),
+            "aria-selected": e(L) === r,
+            "aria-controls": `${B}-panel-${r}`,
+            tabindex: e(L) === r ? 0 : -1,
+            onClick: (K) => L.value = r,
+            onKeydown: _t
+          }, [
+            O(l(e(n)[`${r}Section`]) + " ", 1),
+            r === "tools" && e(m).toolPending.value || r === "advanced" && e(C) ? (g(), b("span", ba)) : N("", !0)
+          ], 40, fa)), 64))
+        ], 8, ha),
         a("div", {
           class: "mr-designer-mode",
           role: "group",
@@ -2161,27 +2191,27 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
         }, [
           a("button", {
             type: "button",
-            "aria-pressed": e(se) === "design",
-            onClick: c[0] || (c[0] = (r) => e(ge)("design"))
-          }, l(e(n).design), 9, ha),
+            "aria-pressed": e(fe) === "design",
+            onClick: u[0] || (u[0] = (r) => e(se)("design"))
+          }, l(e(n).design), 9, wa),
           a("button", {
             type: "button",
-            "aria-pressed": e(se) === "preview",
-            onClick: c[1] || (c[1] = (r) => e(ge)("preview"))
-          }, l(e(n).preview), 9, fa)
-        ], 8, ga),
-        a("div", ba, [
-          a("div", ya, [
+            "aria-pressed": e(fe) === "preview",
+            onClick: u[1] || (u[1] = (r) => e(se)("preview"))
+          }, l(e(n).preview), 9, xa)
+        ], 8, ya),
+        a("div", Ma, [
+          a("div", ka, [
             a("button", {
               type: "button",
               class: "mr-designer-icon-button",
               "aria-label": e(n).undo,
               title: e(n).undo,
-              disabled: t.readonly || e(C) || !e(y),
-              onClick: c[2] || (c[2] = (r) => {
-                e(X).clearLocks(), e(m).undo();
+              disabled: t.readonly || e(S) || !e(w),
+              onClick: u[2] || (u[2] = (r) => {
+                e(J).clearLocks(), e(m).undo();
               })
-            }, [...c[53] || (c[53] = [
+            }, [...u[53] || (u[53] = [
               a("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -2189,17 +2219,17 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
               }, [
                 a("path", { d: "M4 10h10a6 6 0 0 1 0 12M4 10l5-5M4 10l5 5" })
               ], -1)
-            ])], 8, wa),
+            ])], 8, Ca),
             a("button", {
               type: "button",
               class: "mr-designer-icon-button",
               "aria-label": e(n).redo,
               title: e(n).redo,
-              disabled: t.readonly || e(C) || !e(_),
-              onClick: c[3] || (c[3] = (r) => {
-                e(X).clearLocks(), e(m).redo();
+              disabled: t.readonly || e(S) || !e(_),
+              onClick: u[3] || (u[3] = (r) => {
+                e(J).clearLocks(), e(m).redo();
               })
-            }, [...c[54] || (c[54] = [
+            }, [...u[54] || (u[54] = [
               a("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -2207,21 +2237,23 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
               }, [
                 a("path", { d: "M20 10H10a6 6 0 0 0 0 12m10-12-5-5m5 5-5 5" })
               ], -1)
-            ])], 8, Ma)
+            ])], 8, Sa)
           ]),
           a("button", {
             type: "button",
             class: "mr-designer-reset",
-            disabled: t.readonly || e(C) || !e(u),
-            onClick: c[4] || (c[4] = //@ts-ignore
+            disabled: t.readonly || e(S) || !e(d),
+            onClick: u[4] || (u[4] = //@ts-ignore
             (...r) => e(m).reset && e(m).reset(...r))
-          }, l(e(n).reset), 9, xa),
-          t.save ? (h(), M("button", {
+          }, l(e(n).reset), 9, _a),
+          t.save ? (g(), b("button", {
             key: 0,
             type: "button",
             class: "mr-designer-save",
-            disabled: t.readonly || e(C) || e(S) || e(m).toolPending.value || !e($).ok || !e(u),
-            onClick: c[5] || (c[5] = //@ts-ignore
+            title: ze.value || e(n).save,
+            "aria-describedby": Ee.value.length ? `${B}-pending` : ze.value ? `${B}-save-reason` : void 0,
+            disabled: t.readonly || e(S) || e(C) || e(m).toolPending.value || !e(E).ok || !e(d),
+            onClick: u[5] || (u[5] = //@ts-ignore
             (...r) => e(m).save && e(m).save(...r))
           }, [
             le(re, {
@@ -2229,15 +2261,38 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
               size: 13
             }),
             O(l(e(v) ? e(n).saving : e(n).save), 1)
-          ], 8, ka)) : F("", !0)
+          ], 8, Ia)) : N("", !0),
+          t.save && ze.value && !Ee.value.length ? (g(), b("span", {
+            key: 1,
+            id: `${B}-save-reason`,
+            class: "mr-designer-save-reason"
+          }, l(ze.value), 9, $a)) : N("", !0)
         ])
       ]),
-      e(L) ? (h(), M("div", {
+      Ee.value.length ? (g(), b("div", {
         key: 0,
+        id: `${B}-pending`,
+        class: "mr-designer-pending",
+        role: "status"
+      }, [
+        a("span", null, l(e(n).pendingToolsLabel), 1),
+        (g(!0), b(q, null, Q(Ee.value, (r) => (g(), b("button", {
+          key: r.target,
+          type: "button",
+          "aria-label": `${r.label} · ${e(n).unapplied} · ${e(n).returnToConfiguration}`,
+          onClick: (K) => bt(r.target)
+        }, [
+          O(l(r.label), 1),
+          a("span", null, l(e(n).unapplied) + " ↗", 1)
+        ], 8, Ra))), 128)),
+        a("small", null, l(e(n).pendingToolsHint), 1)
+      ], 8, Ea)) : N("", !0),
+      e(R) ? (g(), b("div", {
+        key: 1,
         role: "alertdialog",
         "aria-label": e(n).discardTitle,
         class: "mr-designer-confirm",
-        onKeydown: c[8] || (c[8] = Ye(vt((r) => e(m).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
+        onKeydown: u[8] || (u[8] = Ze(gt((r) => e(m).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
       }, [
         a("div", null, [
           a("strong", null, l(e(n).discardTitle), 1),
@@ -2246,20 +2301,20 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
         a("div", null, [
           a("button", {
             ref_key: "keepButton",
-            ref: nt,
+            ref: ot,
             type: "button",
-            onClick: c[6] || (c[6] = (r) => e(m).decideDiscard(!1))
+            onClick: u[6] || (u[6] = (r) => e(m).decideDiscard(!1))
           }, l(e(n).keepEditing), 513),
           a("button", {
             type: "button",
-            onClick: c[7] || (c[7] = (r) => e(m).decideDiscard(!0))
+            onClick: u[7] || (u[7] = (r) => e(m).decideDiscard(!0))
           }, l(e(n).discard), 1)
         ])
-      ], 40, Ca)) : F("", !0),
+      ], 40, Ta)) : N("", !0),
       a("div", {
-        class: Pe(["mr-designer-body", { "is-tools": e(A) === "tools" }])
+        class: Pe(["mr-designer-body", { "is-tools": e(L) === "tools" }])
       }, [
-        e(_e).size ? ue((h(), M("div", {
+        e(_e).size ? ue((g(), b("div", {
           key: e(m).toolEpoch.value,
           class: "mr-designer-tools"
         }, [
@@ -2267,128 +2322,133 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
             class: "mr-designer-tool-tabs",
             "aria-label": e(n).toolsSection
           }, [
-            (h(), M(K, null, Q(["excel", "rules", "params", "review"], (r) => a("button", {
+            (g(), b(q, null, Q(["excel", "rules", "params", "review"], (r) => a("button", {
               key: r,
+              id: `${B}-tool-${r}`,
               type: "button",
-              "aria-pressed": e(he) === r,
-              onClick: (U) => he.value = r
-            }, l(e(n)[`${r}Tool`]), 9, _a)), 64)),
+              "aria-pressed": e(ve) === r,
+              "aria-describedby": e(m).isToolPending(r) ? `${B}-pending` : void 0,
+              onClick: (K) => ve.value = r
+            }, [
+              O(l(e(n)[`${r}Tool`]) + " ", 1),
+              e(m).isToolPending(r) ? (g(), b("span", Aa)) : N("", !0)
+            ], 8, Da)), 64)),
             a("span", null, l(e(n).toolsDescription), 1)
-          ], 8, Sa),
-          a("div", Ia, [
-            e(_e).has("params") ? ue((h(), Me(e(o), {
+          ], 8, La),
+          a("div", Pa, [
+            e(_e).has("params") ? ue((g(), Me(e(o), {
               key: 0,
-              document: e(b),
-              readonly: e(te),
-              accept: w,
-              onDirty: c[9] || (c[9] = (r) => e(m).setToolPending("params", r))
+              document: e(y),
+              readonly: e(ne),
+              accept: x,
+              onDirty: u[9] || (u[9] = (r) => e(m).setToolPending("params", r))
             }, null, 8, ["document", "readonly"])), [
-              [Te, e(he) === "params"]
-            ]) : F("", !0),
-            e(_e).has("excel") ? ue((h(), Me(e(s), {
+              [Ae, e(ve) === "params"]
+            ]) : N("", !0),
+            e(_e).has("excel") ? ue((g(), Me(e(s), {
               key: 1,
               datasets: t.bindingDatasets ?? [],
               session: t.bindingSession,
-              identity: { id: e(b).id, name: e(b).name },
+              identity: { id: e(y).id, name: e(y).name },
               "lock-id": "",
-              readonly: e(te),
-              accept: xt,
-              onDirty: c[10] || (c[10] = (r) => e(m).setToolPending("excel", r))
+              readonly: e(ne),
+              accept: St,
+              onDirty: u[10] || (u[10] = (r) => e(m).setToolPending("excel", r))
             }, null, 8, ["datasets", "session", "identity", "readonly"])), [
-              [Te, e(he) === "excel"]
-            ]) : F("", !0),
-            e(_e).has("review") ? ue((h(), Me(e(g), {
+              [Ae, e(ve) === "excel"]
+            ]) : N("", !0),
+            e(_e).has("review") ? ue((g(), Me(e(h), {
               key: 2,
-              document: e(b),
+              document: e(y),
               previous: e(m).originalDocument.value,
               datasets: t.datasets,
               "data-schemas": t.dataSchemas,
-              onLocate: e(Ee)
+              onLocate: e(pe)
             }, null, 8, ["document", "previous", "datasets", "data-schemas", "onLocate"])), [
-              [Te, e(he) === "review"]
-            ]) : F("", !0),
-            e(_e).has("rules") ? ue((h(), M("div", $a, [
-              e(D).length > 1 ? (h(), M("label", Ea, [
+              [Ae, e(ve) === "review"]
+            ]) : N("", !0),
+            e(_e).has("rules") ? ue((g(), b("div", Ha, [
+              e(D).length > 1 ? (g(), b("label", Ga, [
                 O(l(e(n).area), 1),
                 a("select", {
-                  value: e(R),
-                  onChange: it
+                  value: e(T),
+                  onChange: rt
                 }, [
-                  (h(!0), M(K, null, Q(e(D), (r, U) => (h(), M("option", {
-                    key: U,
-                    value: U
-                  }, l(r.component.title || r.component.dataset), 9, Ra))), 128))
-                ], 40, La)
-              ])) : F("", !0),
-              e(H) ? (h(), Me(e(p), {
+                  (g(!0), b(q, null, Q(e(D), (r, K) => (g(), b("option", {
+                    key: K,
+                    value: K
+                  }, l(r.component.title || r.component.dataset), 9, Na))), 128))
+                ], 40, Fa)
+              ])) : N("", !0),
+              e(H) ? (g(), Me(e(p), {
                 key: 1,
                 list: e(H),
                 datasets: t.datasets,
-                "dataset-schema": e($e),
+                "dataset-schema": e(Ie),
                 "dataset-schemas": t.dataSchemas,
-                readonly: e(te),
+                readonly: e(ne),
                 onChange: e(j),
-                onDirty: c[11] || (c[11] = (r) => e(m).setToolPending("rules", r))
-              }, null, 8, ["list", "datasets", "dataset-schema", "dataset-schemas", "readonly", "onChange"])) : (h(), M("p", Aa, l(e(n).rulesNeedList), 1))
+                onDirty: u[11] || (u[11] = (r) => e(m).setToolPending("rules", r))
+              }, null, 8, ["list", "datasets", "dataset-schema", "dataset-schemas", "readonly", "onChange"])) : (g(), b("p", za, l(e(n).rulesNeedList), 1))
             ], 512)), [
-              [Te, e(he) === "rules"]
-            ]) : F("", !0)
+              [Ae, e(ve) === "rules"]
+            ]) : N("", !0)
           ])
         ])), [
-          [Te, e(A) === "tools"]
-        ]) : F("", !0),
-        e(A) !== "tools" ? (h(), M("aside", Da, [
+          [Ae, e(L) === "tools"]
+        ]) : N("", !0),
+        e(L) !== "tools" ? (g(), b("aside", Oa, [
           a("div", {
             ref_key: "inspectorPanel",
-            ref: qe,
-            id: `${W}-panel-${e(A)}`,
-            class: Pe(["mr-designer-panel", { "is-advanced": e(A) === "advanced" }]),
+            ref: Ye,
+            id: `${B}-panel-${e(L)}`,
+            class: Pe(["mr-designer-panel", { "is-advanced": e(L) === "advanced" }]),
             role: "tabpanel",
-            "aria-labelledby": `${W}-tab-${e(A)}`
+            "aria-labelledby": `${B}-tab-${e(L)}`
           }, [
-            de.value || De.value ? (h(), M("div", Pa, [
+            de.value || De.value ? (g(), b("div", Va, [
               a("small", null, l(e(n).flowLayout), 1),
               a("button", {
                 type: "button",
-                onClick: gt
+                onClick: ft
               }, l(e(n).excelTool) + " ↗", 1)
-            ])) : F("", !0),
-            e(A) === "fields" ? (h(), M(K, { key: 1 }, [
-              e(D).length > 1 ? (h(), M("label", Ha, [
+            ])) : N("", !0),
+            e(L) === "fields" ? (g(), b(q, { key: 1 }, [
+              e(D).length > 1 ? (g(), b("label", ja, [
                 O(l(e(n).area), 1),
                 a("select", {
-                  value: e(R),
-                  onChange: it
+                  value: e(T),
+                  onChange: rt
                 }, [
-                  (h(!0), M(K, null, Q(e(D), (r, U) => (h(), M("option", {
-                    key: U,
-                    value: U
-                  }, l(r.pageIndex + 1) + " " + l(e(n).page) + " · " + l(r.component.title || r.component.dataset), 9, za))), 128))
-                ], 40, Ga)
-              ])) : F("", !0),
-              e(H) ? (h(), M(K, { key: 1 }, [
-                a("div", Fa, [
+                  (g(!0), b(q, null, Q(e(D), (r, K) => (g(), b("option", {
+                    key: K,
+                    value: K
+                  }, l(r.pageIndex + 1) + " " + l(e(n).page) + " · " + l(r.component.title || r.component.dataset), 9, Wa))), 128))
+                ], 40, Ua)
+              ])) : N("", !0),
+              e(H) ? (g(), b(q, { key: 1 }, [
+                a("div", Ka, [
                   a("button", {
                     ref_key: "directoryTrigger",
-                    ref: bt,
+                    ref: xt,
                     type: "button",
                     class: "mr-designer-field-trigger",
-                    "aria-expanded": e(at),
-                    "aria-controls": `${W}-directory`,
+                    "aria-expanded": e(lt),
+                    "aria-controls": `${B}-directory`,
                     "aria-haspopup": "dialog",
-                    onClick: c[12] || (c[12] = //@ts-ignore
+                    onClick: u[12] || (u[12] = //@ts-ignore
                     (...r) => e(ie).toggle && e(ie).toggle(...r)),
-                    onKeydown: c[13] || (c[13] = Ye(
+                    onKeydown: u[13] || (u[13] = Ze(
                       //@ts-ignore
                       (...r) => e(ie).escape && e(ie).escape(...r),
                       ["esc"]
                     ))
                   }, [
-                    a("span", Ba, [
+                    a("span", qa, [
                       a("strong", null, l(e(P)?.column.header || e(n).noColumns), 1),
                       a("small", null, l(e(P)?.column.field || "—"), 1)
                     ]),
-                    a("span", Oa, [
+                    a("span", Xa, [
                       O(l(e(n).columnDirectory) + " ", 1),
                       a("b", null, l(e(H).columns.length), 1),
                       le(re, {
@@ -2396,88 +2456,88 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
                         size: 13
                       })
                     ])
-                  ], 40, Na),
-                  a("div", Va, [
+                  ], 40, Ja),
+                  a("div", Ya, [
                     a("span", {
                       "aria-label": e(n).fieldPosition
                     }, [
-                      O(l(e(E) >= 0 ? e(E) + 1 : 0), 1),
-                      c[55] || (c[55] = a("i", null, "/", -1)),
+                      O(l(e($) >= 0 ? e($) + 1 : 0), 1),
+                      u[55] || (u[55] = a("i", null, "/", -1)),
                       O(l(e(H).columns.length), 1)
-                    ], 8, ja),
+                    ], 8, Qa),
                     a("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
                       "aria-label": e(n).previousColumn,
                       title: e(n).previousColumn,
-                      disabled: e(E) <= 0,
-                      onClick: c[14] || (c[14] = (r) => e(k).stepColumn(-1))
+                      disabled: e($) <= 0,
+                      onClick: u[14] || (u[14] = (r) => e(k).stepColumn(-1))
                     }, [
                       le(re, {
                         name: "chevron-left",
                         size: 14
                       })
-                    ], 8, Wa),
+                    ], 8, Za),
                     a("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
                       "aria-label": e(n).nextColumn,
                       title: e(n).nextColumn,
-                      disabled: e(E) >= e(H).columns.length - 1,
-                      onClick: c[15] || (c[15] = (r) => e(k).stepColumn(1))
+                      disabled: e($) >= e(H).columns.length - 1,
+                      onClick: u[15] || (u[15] = (r) => e(k).stepColumn(1))
                     }, [
                       le(re, {
                         name: "chevron-right",
                         size: 14
                       })
-                    ], 8, Ua)
+                    ], 8, eo)
                   ])
                 ]),
-                e(P) ? (h(), M("fieldset", {
+                e(P) ? (g(), b("fieldset", {
                   key: 0,
                   class: "mr-designer-properties",
-                  disabled: t.readonly || e(C) || e(S),
+                  disabled: t.readonly || e(S) || e(C),
                   "aria-label": e(n).columnProperties
                 }, [
-                  a("div", Ja, [
+                  a("div", no, [
                     a("h3", null, l(e(n).contentGroup), 1),
                     a("label", null, [
                       O(l(e(n).header), 1),
                       a("input", {
                         value: e(P).column.header,
-                        onInput: c[16] || (c[16] = (r) => e(m).setColumn(
+                        onInput: u[16] || (u[16] = (r) => e(m).setColumn(
                           e(P).index,
                           "header",
-                          we(r)
+                          xe(r)
                         ))
-                      }, null, 40, qa)
+                      }, null, 40, ao)
                     ]),
                     a("label", null, [
                       O(l(e(n).field), 1),
                       a("input", {
                         value: e(P).column.field,
-                        list: e($e) ? `${W}-fields` : void 0,
-                        onChange: c[17] || (c[17] = (r) => e(m).setColumn(
+                        list: e(Ie) ? `${B}-fields` : void 0,
+                        onChange: u[17] || (u[17] = (r) => e(m).setColumn(
                           e(P).index,
                           "field",
-                          we(r)
+                          xe(r)
                         ))
-                      }, null, 40, Xa)
+                      }, null, 40, oo)
                     ]),
-                    e($e) ? (h(), M("datalist", {
+                    e(Ie) ? (g(), b("datalist", {
                       key: 0,
-                      id: `${W}-fields`
+                      id: `${B}-fields`
                     }, [
-                      (h(!0), M(K, null, Q(e($e).fields, (r) => (h(), M("option", {
+                      (g(!0), b(q, null, Q(e(Ie).fields, (r) => (g(), b("option", {
                         key: r.field,
                         value: r.field
-                      }, l(r.label) + " · " + l(r.type) + " " + l(r.unit), 9, Qa))), 128))
-                    ], 8, Ya)) : F("", !0)
+                      }, l(r.label) + " · " + l(r.type) + " " + l(r.unit), 9, io))), 128))
+                    ], 8, lo)) : N("", !0)
                   ]),
-                  a("div", Za, [
+                  a("div", so, [
                     a("h3", null, l(e(n).formatGroup), 1),
-                    a("div", eo, [
-                      a("label", to, [
+                    a("div", ro, [
+                      a("label", uo, [
                         O(l(e(n).width), 1),
                         a("input", {
                           type: "number",
@@ -2485,50 +2545,50 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
                           step: "0.5",
                           value: e(P).column.widthMm,
                           disabled: De.value,
-                          onChange: c[18] || (c[18] = (r) => e(m).setColumn(
+                          onChange: u[18] || (u[18] = (r) => e(m).setColumn(
                             e(P).index,
                             "widthMm",
-                            we(r)
+                            xe(r)
                           ))
-                        }, null, 40, no)
+                        }, null, 40, co)
                       ]),
-                      a("label", ao, [
+                      a("label", mo, [
                         O(l(e(n).semantic), 1),
                         a("select", {
                           value: e(P).column.semanticRole || "text",
-                          onChange: c[19] || (c[19] = (r) => e(m).setColumn(
+                          onChange: u[19] || (u[19] = (r) => e(m).setColumn(
                             e(P).index,
                             "semanticRole",
-                            we(r)
+                            xe(r)
                           ))
                         }, [
-                          a("option", lo, l(e(n).identifier), 1),
-                          a("option", io, l(e(n).dimension), 1),
-                          a("option", so, l(e(n).measure), 1),
-                          a("option", ro, l(e(n).date), 1),
-                          a("option", uo, l(e(n).text), 1)
-                        ], 40, oo)
+                          a("option", po, l(e(n).identifier), 1),
+                          a("option", go, l(e(n).dimension), 1),
+                          a("option", ho, l(e(n).measure), 1),
+                          a("option", fo, l(e(n).date), 1),
+                          a("option", bo, l(e(n).text), 1)
+                        ], 40, vo)
                       ])
                     ]),
-                    a("div", co, [
+                    a("div", yo, [
                       a("span", null, l(e(n).bodyAlign), 1),
-                      le(et, {
+                      le(nt, {
                         "model-value": e(P).column.align ?? e(P).column.style?.align ?? e(H).align ?? "left",
                         label: e(n).bodyAlign,
-                        labels: ot.value,
+                        labels: it.value,
                         "auto-label": e(n).autoShort,
                         "allow-auto": "",
-                        "onUpdate:modelValue": c[20] || (c[20] = (r) => e(m).setColumn(e(P).index, "align", r))
+                        "onUpdate:modelValue": u[20] || (u[20] = (r) => e(m).setColumn(e(P).index, "align", r))
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ]),
-                    a("div", mo, [
+                    a("div", wo, [
                       a("span", null, l(e(n).headerAlign), 1),
-                      le(et, {
+                      le(nt, {
                         "model-value": e(m).headerAlignments.value[e(P).index] || "left",
                         label: e(n).headerAlign,
-                        labels: ot.value,
+                        labels: it.value,
                         "auto-label": e(n).autoShort,
-                        "onUpdate:modelValue": c[21] || (c[21] = (r) => e(m).setColumn(
+                        "onUpdate:modelValue": u[21] || (u[21] = (r) => e(m).setColumn(
                           e(P).index,
                           "headerAlign",
                           r
@@ -2536,77 +2596,77 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ])
                   ]),
-                  a("label", vo, [
+                  a("label", xo, [
                     O(l(e(n).editable), 1),
                     a("input", {
                       type: "checkbox",
                       role: "switch",
                       checked: e(P).column.editable === !0,
-                      onChange: c[22] || (c[22] = (r) => e(m).setColumn(
+                      onChange: u[22] || (u[22] = (r) => e(m).setColumn(
                         e(P).index,
                         "editable",
-                        Xe(r)
+                        Qe(r)
                       ))
-                    }, null, 40, po)
+                    }, null, 40, Mo)
                   ]),
-                  a("div", go, [
+                  a("div", ko, [
                     a("span", null, l(e(n).columnOrder), 1),
                     a("button", {
                       type: "button",
                       "aria-label": e(n).moveColumnLeft,
                       title: e(n).moveColumnLeft,
-                      disabled: De.value || e(E) <= 0,
-                      onClick: c[23] || (c[23] = (r) => e(Y)(-1))
+                      disabled: De.value || e($) <= 0,
+                      onClick: u[23] || (u[23] = (r) => e(W)(-1))
                     }, [
                       le(re, {
                         name: "chevron-left",
                         size: 13
                       })
-                    ], 8, ho),
+                    ], 8, Co),
                     a("button", {
                       type: "button",
                       "aria-label": e(n).moveColumnRight,
                       title: e(n).moveColumnRight,
-                      disabled: De.value || e(E) >= e(H).columns.length - 1,
-                      onClick: c[24] || (c[24] = (r) => e(Y)(1))
+                      disabled: De.value || e($) >= e(H).columns.length - 1,
+                      onClick: u[24] || (u[24] = (r) => e(W)(1))
                     }, [
                       le(re, {
                         name: "chevron-right",
                         size: 13
                       })
-                    ], 8, fo),
+                    ], 8, So),
                     a("label", null, [
                       O(l(e(n).columnVisible), 1),
                       a("input", {
                         type: "checkbox",
                         checked: e(P).column.hidden !== !0,
                         disabled: De.value || e(P).column.hidden !== !0 && e(H).columns.filter((r) => !r.hidden).length === 1,
-                        onChange: c[25] || (c[25] = (r) => e(m).setColumn(
+                        onChange: u[25] || (u[25] = (r) => e(m).setColumn(
                           e(P).index,
                           "hidden",
-                          !Xe(r)
+                          !Qe(r)
                         ))
-                      }, null, 40, bo)
+                      }, null, 40, _o)
                     ])
                   ])
-                ], 8, Ka)) : F("", !0),
-                e(at) ? (h(), M("div", {
+                ], 8, to)) : N("", !0),
+                e(lt) ? (g(), b("div", {
                   key: 1,
-                  id: `${W}-directory`,
+                  id: `${B}-directory`,
                   ref_key: "directoryPanel",
-                  ref: yt,
+                  ref: Mt,
                   role: "dialog",
                   "aria-label": e(n).columnDirectory,
                   class: "mr-designer-directory",
-                  onKeydown: c[35] || (c[35] = Ye(
+                  onKeydown: u[35] || (u[35] = Ze(
                     //@ts-ignore
                     (...r) => e(ie).escape && e(ie).escape(...r),
                     ["esc"]
                   )),
-                  onFocusout: c[36] || (c[36] = //@ts-ignore
+                  onFocusout: u[36] || (u[36] = //@ts-ignore
                   (...r) => e(ie).leave && e(ie).leave(...r))
                 }, [
-                  a("div", wo, [
+                  a("div", $o, [
                     a("strong", null, [
                       O(l(e(n).columnDirectory) + " ", 1),
                       a("span", null, l(e(H).columns.length), 1)
@@ -2615,184 +2675,184 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
                       type: "button",
                       class: "mr-designer-icon-button",
                       "aria-label": e(n).closeDirectory,
-                      onClick: c[26] || (c[26] = (r) => e(ie).close(!0))
+                      onClick: u[26] || (u[26] = (r) => e(ie).close(!0))
                     }, [
                       le(re, {
                         name: "close",
                         size: 15
                       })
-                    ], 8, Mo)
+                    ], 8, Eo)
                   ]),
-                  a("div", xo, [
+                  a("div", Ro, [
                     le(re, {
                       name: "search",
                       size: 14
                     }),
                     ue(a("input", {
                       ref_key: "directorySearch",
-                      ref: wt,
-                      "onUpdate:modelValue": c[27] || (c[27] = (r) => Oe(B) ? B.value = r : null),
+                      ref: kt,
+                      "onUpdate:modelValue": u[27] || (u[27] = (r) => Ve(U) ? U.value = r : null),
                       type: "search",
                       "aria-label": e(n).columnsSearch,
                       placeholder: e(n).columnsSearch,
-                      onKeydown: c[28] || (c[28] = //@ts-ignore
+                      onKeydown: u[28] || (u[28] = //@ts-ignore
                       (...r) => e(ie).searchKeydown && e(ie).searchKeydown(...r))
-                    }, null, 40, ko), [
-                      [rt, e(B)]
+                    }, null, 40, To), [
+                      [ut, e(U)]
                     ]),
-                    e(B) ? (h(), M("button", {
+                    e(U) ? (g(), b("button", {
                       key: 0,
                       type: "button",
                       class: "mr-designer-icon-button",
                       "aria-label": e(n).clearSearch,
                       title: e(n).clearSearch,
-                      onClick: c[29] || (c[29] = (r) => B.value = "")
+                      onClick: u[29] || (u[29] = (r) => U.value = "")
                     }, [
                       le(re, {
                         name: "close",
                         size: 13
                       })
-                    ], 8, Co)) : F("", !0)
+                    ], 8, Lo)) : N("", !0)
                   ]),
-                  a("div", So, [
+                  a("div", Do, [
                     a("button", {
                       type: "button",
-                      disabled: t.readonly || e(C) || e(S) || !e(G).length,
-                      onClick: c[30] || (c[30] = (r) => e(m).selectVisible(!0))
-                    }, l(e(n).selectVisible), 9, _o),
-                    e(q).length ? (h(), M("button", {
+                      disabled: t.readonly || e(S) || e(C) || !e(G).length,
+                      onClick: u[30] || (u[30] = (r) => e(m).selectVisible(!0))
+                    }, l(e(n).selectVisible), 9, Ao),
+                    e(X).length ? (g(), b("button", {
                       key: 0,
                       type: "button",
-                      onClick: c[31] || (c[31] = //@ts-ignore
+                      onClick: u[31] || (u[31] = //@ts-ignore
                       (...r) => e(m).clearSelection && e(m).clearSelection(...r))
-                    }, l(e(n).clearSelection), 1)) : F("", !0),
-                    e(q).length ? (h(), M("span", Io, l(e(n).columnsSelected) + " " + l(e(q).length), 1)) : (h(), M("span", $o, l(e(G).length) + " / " + l(e(H).columns.length), 1))
+                    }, l(e(n).clearSelection), 1)) : N("", !0),
+                    e(X).length ? (g(), b("span", Po, l(e(n).columnsSelected) + " " + l(e(X).length), 1)) : (g(), b("span", Ho, l(e(G).length) + " / " + l(e(H).columns.length), 1))
                   ]),
                   a("div", {
                     ref_key: "columnList",
-                    ref: Mt,
+                    ref: Ct,
                     class: "mr-designer-column-list",
                     "aria-label": e(n).columnDirectory,
                     role: "group"
                   }, [
-                    (h(!0), M(K, null, Q(e(G), ({ column: r, index: U }) => (h(), M("div", {
-                      key: U,
-                      class: Pe(["mr-designer-column-row", { "is-active": e(E) === U }])
+                    (g(!0), b(q, null, Q(e(G), ({ column: r, index: K }) => (g(), b("div", {
+                      key: K,
+                      class: Pe(["mr-designer-column-row", { "is-active": e($) === K }])
                     }, [
                       a("input", {
                         type: "checkbox",
                         "aria-label": `${e(n).selectColumn} ${r.header}`,
-                        checked: e(q).includes(U),
-                        disabled: t.readonly || e(C) || e(S),
-                        onChange: (Le) => e(m).toggleColumn(U, Xe(Le))
-                      }, null, 40, Lo),
+                        checked: e(X).includes(K),
+                        disabled: t.readonly || e(S) || e(C),
+                        onChange: (Re) => e(m).toggleColumn(K, Qe(Re))
+                      }, null, 40, Fo),
                       a("button", {
                         type: "button",
-                        "data-column-index": U,
-                        "aria-pressed": e(E) === U,
-                        tabindex: e(ft) === U ? 0 : -1,
-                        onClick: (Le) => e(ie).choose(U),
-                        onKeydown: c[32] || (c[32] = //@ts-ignore
-                        (...Le) => e(ie).navigate && e(ie).navigate(...Le))
+                        "data-column-index": K,
+                        "aria-pressed": e($) === K,
+                        tabindex: e(wt) === K ? 0 : -1,
+                        onClick: (Re) => e(ie).choose(K),
+                        onKeydown: u[32] || (u[32] = //@ts-ignore
+                        (...Re) => e(ie).navigate && e(ie).navigate(...Re))
                       }, [
-                        a("span", Ao, l(U + 1), 1),
-                        a("span", Do, [
+                        a("span", zo, l(K + 1), 1),
+                        a("span", Oo, [
                           a("strong", null, l(r.header), 1),
                           a("small", null, l(r.field), 1)
                         ]),
-                        e(E) === U ? (h(), Me(re, {
+                        e($) === K ? (g(), Me(re, {
                           key: 0,
                           name: "chevron-right",
                           size: 13
-                        })) : F("", !0)
-                      ], 40, Ro)
+                        })) : N("", !0)
+                      ], 40, No)
                     ], 2))), 128)),
-                    e(G).length ? F("", !0) : (h(), M("p", To, [
+                    e(G).length ? N("", !0) : (g(), b("p", Bo, [
                       le(re, {
                         name: "search",
                         size: 20
                       }),
                       O(l(e(n).noColumns), 1)
                     ]))
-                  ], 8, Eo),
-                  e(q).length ? (h(), M("div", Po, [
+                  ], 8, Go),
+                  e(X).length ? (g(), b("div", Vo, [
                     a("label", null, [
                       O(l(e(n).batchBody), 1),
                       a("select", {
                         "aria-label": e(n).batchBody,
-                        disabled: t.readonly || e(C) || e(S),
-                        onChange: c[33] || (c[33] = (r) => st(r, "align"))
+                        disabled: t.readonly || e(S) || e(C),
+                        onChange: u[33] || (u[33] = (r) => dt(r, "align"))
                       }, [
-                        a("option", Go, l(e(n).chooseAlignment), 1),
-                        a("option", zo, l(e(n).auto), 1),
-                        a("option", Fo, l(e(n).left), 1),
-                        a("option", No, l(e(n).center), 1),
-                        a("option", Bo, l(e(n).right), 1),
-                        a("option", Oo, l(e(n).justify), 1)
-                      ], 40, Ho)
+                        a("option", Uo, l(e(n).chooseAlignment), 1),
+                        a("option", Wo, l(e(n).auto), 1),
+                        a("option", Ko, l(e(n).left), 1),
+                        a("option", Jo, l(e(n).center), 1),
+                        a("option", qo, l(e(n).right), 1),
+                        a("option", Xo, l(e(n).justify), 1)
+                      ], 40, jo)
                     ]),
                     a("label", null, [
                       O(l(e(n).batchHeader), 1),
                       a("select", {
                         "aria-label": e(n).batchHeader,
-                        disabled: t.readonly || e(C) || e(S),
-                        onChange: c[34] || (c[34] = (r) => st(r, "headerAlign"))
+                        disabled: t.readonly || e(S) || e(C),
+                        onChange: u[34] || (u[34] = (r) => dt(r, "headerAlign"))
                       }, [
-                        a("option", jo, l(e(n).chooseAlignment), 1),
-                        a("option", Wo, l(e(n).left), 1),
-                        a("option", Uo, l(e(n).center), 1),
-                        a("option", Ko, l(e(n).right), 1),
-                        a("option", Jo, l(e(n).justify), 1)
-                      ], 40, Vo)
+                        a("option", Qo, l(e(n).chooseAlignment), 1),
+                        a("option", Zo, l(e(n).left), 1),
+                        a("option", el, l(e(n).center), 1),
+                        a("option", tl, l(e(n).right), 1),
+                        a("option", nl, l(e(n).justify), 1)
+                      ], 40, Yo)
                     ])
-                  ])) : F("", !0)
-                ], 40, yo)) : F("", !0)
-              ], 64)) : (h(), M("p", qo, l(e(n).noColumns), 1))
-            ], 64)) : e(A) === "component" ? (h(), M(K, { key: 2 }, [
-              a("div", Xo, [
+                  ])) : N("", !0)
+                ], 40, Io)) : N("", !0)
+              ], 64)) : (g(), b("p", al, l(e(n).noColumns), 1))
+            ], 64)) : e(L) === "component" ? (g(), b(q, { key: 2 }, [
+              a("div", ol, [
                 a("select", {
                   "aria-label": e(n).insertComponent,
-                  disabled: e(te) || de.value,
-                  onChange: c[37] || (c[37] = //@ts-ignore
-                  (...r) => e(Fe) && e(Fe)(...r))
+                  disabled: e(ne) || de.value,
+                  onChange: u[37] || (u[37] = //@ts-ignore
+                  (...r) => e(Ne) && e(Ne)(...r))
                 }, [
-                  a("option", Qo, l(e(n).insertComponent), 1),
-                  a("option", Zo, l(e(n).insertText), 1),
-                  a("option", el, l(e(n).insertList), 1),
-                  a("option", tl, l(e(n).insertImage), 1),
-                  a("option", nl, l(e(n).insertRect), 1)
-                ], 40, Yo),
+                  a("option", il, l(e(n).insertComponent), 1),
+                  a("option", sl, l(e(n).insertText), 1),
+                  a("option", rl, l(e(n).insertList), 1),
+                  a("option", dl, l(e(n).insertImage), 1),
+                  a("option", ul, l(e(n).insertRect), 1)
+                ], 40, ll),
                 a("button", {
                   type: "button",
                   title: e(n).duplicateComponent,
                   "aria-label": e(n).duplicateComponent,
-                  disabled: e(te) || de.value || !e(ye),
-                  onClick: c[38] || (c[38] = //@ts-ignore
-                  (...r) => e(X).duplicate && e(X).duplicate(...r))
-                }, " ＋ ", 8, al),
+                  disabled: e(ne) || de.value || !e(we),
+                  onClick: u[38] || (u[38] = //@ts-ignore
+                  (...r) => e(J).duplicate && e(J).duplicate(...r))
+                }, " ＋ ", 8, cl),
                 a("button", {
                   type: "button",
                   title: e(n).removeComponent,
                   "aria-label": e(n).removeComponent,
-                  disabled: e(te) || de.value || !e(ye),
-                  onClick: c[39] || (c[39] = //@ts-ignore
-                  (...r) => e(X).remove && e(X).remove(...r))
+                  disabled: e(ne) || de.value || !e(we),
+                  onClick: u[39] || (u[39] = //@ts-ignore
+                  (...r) => e(J).remove && e(J).remove(...r))
                 }, [
                   le(re, {
                     name: "close",
                     size: 14
                   })
-                ], 8, ol)
+                ], 8, ml)
               ]),
-              e(b).template.pages.length > 1 ? (h(), M("label", ll, [
+              e(y).template.pages.length > 1 ? (g(), b("label", vl, [
                 O(l(e(n).page), 1),
                 ue(a("select", {
-                  "onUpdate:modelValue": c[40] || (c[40] = (r) => Oe(oe) ? oe.value = r : null)
+                  "onUpdate:modelValue": u[40] || (u[40] = (r) => Ve(oe) ? oe.value = r : null)
                 }, [
-                  (h(!0), M(K, null, Q(e(b).template.pages, (r, U) => (h(), M("option", {
-                    key: U,
-                    value: U
-                  }, l(U + 1), 9, il))), 128))
+                  (g(!0), b(q, null, Q(e(y).template.pages, (r, K) => (g(), b("option", {
+                    key: K,
+                    value: K
+                  }, l(K + 1), 9, pl))), 128))
                 ], 512), [
                   [
                     He,
@@ -2801,170 +2861,170 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
                     { number: !0 }
                   ]
                 ])
-              ])) : F("", !0),
-              a("label", sl, [
+              ])) : N("", !0),
+              a("label", gl, [
                 O(l(e(n).components), 1),
                 a("select", {
-                  value: e(ce)?.pageIndex === e(oe) ? e(ce).componentIndex : -1,
-                  onChange: c[41] || (c[41] = (r) => lt({
+                  value: e(me)?.pageIndex === e(oe) ? e(me).componentIndex : -1,
+                  onChange: u[41] || (u[41] = (r) => st({
                     pageIndex: e(oe),
-                    componentIndex: Number(we(r))
+                    componentIndex: Number(xe(r))
                   }))
                 }, [
-                  a("option", dl, l(e(n).noComponent), 1),
-                  (h(!0), M(K, null, Q(e(b).template.pages[e(oe)]?.components, (r, U) => (h(), M("option", {
-                    key: U,
-                    value: U
-                  }, l(U + 1) + " · " + l(r.kind === "list" ? r.title || r.dataset : r.text || r.kind), 9, ul))), 128))
-                ], 40, rl)
+                  a("option", fl, l(e(n).noComponent), 1),
+                  (g(!0), b(q, null, Q(e(y).template.pages[e(oe)]?.components, (r, K) => (g(), b("option", {
+                    key: K,
+                    value: K
+                  }, l(K + 1) + " · " + l(r.kind === "list" ? r.title || r.dataset : r.text || r.kind), 9, bl))), 128))
+                ], 40, hl)
               ]),
-              e(X).selections.value.length ? (h(), M("div", cl, [
-                a("strong", null, l(e(X).selections.value.length) + " " + l(e(n).component), 1),
+              e(J).selections.value.length ? (g(), b("div", yl, [
+                a("strong", null, l(e(J).selections.value.length) + " " + l(e(n).component), 1),
                 a("button", {
                   type: "button",
-                  disabled: e(te),
-                  onClick: c[42] || (c[42] = //@ts-ignore
-                  (...r) => e(X).toggleLock && e(X).toggleLock(...r))
-                }, l(e(X).allLocked.value ? e(n).unlockSelection : e(n).lockSelection), 9, ml),
+                  disabled: e(ne),
+                  onClick: u[42] || (u[42] = //@ts-ignore
+                  (...r) => e(J).toggleLock && e(J).toggleLock(...r))
+                }, l(e(J).allLocked.value ? e(n).unlockSelection : e(n).lockSelection), 9, wl),
                 a("select", {
                   "aria-label": e(n).alignSelection,
-                  disabled: e(te) || de.value || e(X).selections.value.length < 2,
-                  onChange: c[43] || (c[43] = (r) => {
-                    e(X).align(we(r)), r.target.value = "";
+                  disabled: e(ne) || de.value || e(J).selections.value.length < 2,
+                  onChange: u[43] || (u[43] = (r) => {
+                    e(J).align(xe(r)), r.target.value = "";
                   })
                 }, [
-                  a("option", pl, l(e(n).alignSelection), 1),
-                  a("option", gl, l(e(n).leftEdges), 1),
-                  a("option", hl, l(e(n).centers), 1),
-                  a("option", fl, l(e(n).rightEdges), 1),
-                  a("option", bl, l(e(n).topEdges), 1),
-                  a("option", yl, l(e(n).middles), 1),
-                  a("option", wl, l(e(n).bottomEdges), 1)
-                ], 40, vl),
+                  a("option", Ml, l(e(n).alignSelection), 1),
+                  a("option", kl, l(e(n).leftEdges), 1),
+                  a("option", Cl, l(e(n).centers), 1),
+                  a("option", Sl, l(e(n).rightEdges), 1),
+                  a("option", _l, l(e(n).topEdges), 1),
+                  a("option", Il, l(e(n).middles), 1),
+                  a("option", $l, l(e(n).bottomEdges), 1)
+                ], 40, xl),
                 a("button", {
                   type: "button",
-                  disabled: e(te) || de.value || e(X).selections.value.length < 3,
-                  onClick: c[44] || (c[44] = (r) => e(X).distribute("horizontal"))
-                }, l(e(n).horizontalSpacing), 9, Ml),
+                  disabled: e(ne) || de.value || e(J).selections.value.length < 3,
+                  onClick: u[44] || (u[44] = (r) => e(J).distribute("horizontal"))
+                }, l(e(n).horizontalSpacing), 9, El),
                 a("button", {
                   type: "button",
-                  disabled: e(te) || de.value || e(X).selections.value.length < 3,
-                  onClick: c[45] || (c[45] = (r) => e(X).distribute("vertical"))
-                }, l(e(n).verticalSpacing), 9, xl),
-                e(X).allLocked.value ? (h(), M("small", kl, l(e(n).sessionLock), 1)) : F("", !0)
-              ])) : F("", !0),
-              e(ye) ? (h(), M(K, { key: 2 }, [
-                a("div", Cl, [
+                  disabled: e(ne) || de.value || e(J).selections.value.length < 3,
+                  onClick: u[45] || (u[45] = (r) => e(J).distribute("vertical"))
+                }, l(e(n).verticalSpacing), 9, Rl),
+                e(J).allLocked.value ? (g(), b("small", Tl, l(e(n).sessionLock), 1)) : N("", !0)
+              ])) : N("", !0),
+              e(we) ? (g(), b(q, { key: 2 }, [
+                a("div", Ll, [
                   a("button", {
                     type: "button",
-                    disabled: e(te) || de.value || e(ce)?.componentIndex === 0,
-                    onClick: c[46] || (c[46] = (r) => e(X).reorder(-1))
-                  }, l(e(n).backward), 9, Sl),
+                    disabled: e(ne) || de.value || e(me)?.componentIndex === 0,
+                    onClick: u[46] || (u[46] = (r) => e(J).reorder(-1))
+                  }, l(e(n).backward), 9, Dl),
                   a("button", {
                     type: "button",
-                    disabled: e(te) || de.value || e(ce)?.componentIndex === (e(b).template.pages[e(oe)]?.components.length ?? 0) - 1,
-                    onClick: c[47] || (c[47] = (r) => e(X).reorder(1))
-                  }, l(e(n).forward), 9, _l)
+                    disabled: e(ne) || de.value || e(me)?.componentIndex === (e(y).template.pages[e(oe)]?.components.length ?? 0) - 1,
+                    onClick: u[47] || (u[47] = (r) => e(J).reorder(1))
+                  }, l(e(n).forward), 9, Al)
                 ]),
-                le(jn, {
-                  component: e(ye),
+                le(Kn, {
+                  component: e(we),
                   "geometry-disabled": de.value,
-                  disabled: e(te) || e(X).locked(e(ce)),
+                  disabled: e(ne) || e(J).locked(e(me)),
                   messages: e(n),
-                  onGeometry: e(X).geometry,
-                  onPatch: e(V)
+                  onGeometry: e(J).geometry,
+                  onPatch: e(Xe)
                 }, null, 8, ["component", "geometry-disabled", "disabled", "messages", "onGeometry", "onPatch"]),
-                e(ye).kind === "list" ? (h(), Me(Qn, {
+                e(we).kind === "list" ? (g(), Me(ta, {
                   key: 0,
-                  list: e(ye),
-                  disabled: e(te) || de.value,
+                  list: e(we),
+                  disabled: e(ne) || de.value,
                   messages: e(n),
-                  onCommand: e(ve)
-                }, null, 8, ["list", "disabled", "messages", "onCommand"])) : F("", !0)
-              ], 64)) : (h(), M("p", Il, l(e(n).noComponent), 1))
-            ], 64)) : e(A) === "template" ? (h(), M(K, { key: 3 }, [
+                  onCommand: e(Y)
+                }, null, 8, ["list", "disabled", "messages", "onCommand"])) : N("", !0)
+              ], 64)) : (g(), b("p", Pl, l(e(n).noComponent), 1))
+            ], 64)) : e(L) === "template" ? (g(), b(q, { key: 3 }, [
               a("h3", null, l(e(n).templateDetails), 1),
-              a("label", $l, [
+              a("label", Hl, [
                 O(l(e(n).name), 1),
                 a("input", {
-                  value: e(b).name,
-                  disabled: t.readonly || e(C) || e(S),
-                  onInput: c[48] || (c[48] = (r) => e(m).setName(we(r)))
-                }, null, 40, El)
+                  value: e(y).name,
+                  disabled: t.readonly || e(S) || e(C),
+                  onInput: u[48] || (u[48] = (r) => e(m).setName(xe(r)))
+                }, null, 40, Gl)
               ]),
-              a("label", Ll, [
+              a("label", Fl, [
                 O(l(e(n).description), 1),
                 a("textarea", {
                   rows: "2",
-                  value: e(b).description,
-                  disabled: t.readonly || e(C) || e(S),
-                  onInput: c[49] || (c[49] = (r) => e(m).setDescription(we(r)))
-                }, null, 40, Rl)
+                  value: e(y).description,
+                  disabled: t.readonly || e(S) || e(C),
+                  onInput: u[49] || (u[49] = (r) => e(m).setDescription(xe(r)))
+                }, null, 40, Nl)
               ]),
-              a("details", Al, [
+              a("details", zl, [
                 a("summary", null, l(e(n).technicalDetails), 1),
-                a("dl", Dl, [
+                a("dl", Ol, [
                   a("dt", null, l(e(n).templateIdentity), 1),
-                  a("dd", null, l(e(b).id), 1),
+                  a("dd", null, l(e(y).id), 1),
                   a("dt", null, l(e(n).templateRevision), 1),
-                  a("dd", null, l(e(b).revision || e(n).unpublished), 1)
+                  a("dd", null, l(e(y).revision || e(n).unpublished), 1)
                 ])
               ])
-            ], 64)) : (h(), M(K, { key: 4 }, [
+            ], 64)) : (g(), b(q, { key: 4 }, [
               a("h3", null, l(e(n).advancedTitle), 1),
-              a("label", Tl, [
+              a("label", Bl, [
                 O(l(e(n).json), 1),
                 ue(a("textarea", {
-                  "onUpdate:modelValue": c[50] || (c[50] = (r) => Oe(T) ? T.value = r : null),
+                  "onUpdate:modelValue": u[50] || (u[50] = (r) => Ve(A) ? A.value = r : null),
                   class: "mr-designer-json",
                   "aria-label": e(n).json,
-                  disabled: t.readonly || e(C),
+                  disabled: t.readonly || e(S),
                   spellcheck: "false"
-                }, null, 8, Pl), [
-                  [rt, e(T)]
+                }, null, 8, Vl), [
+                  [ut, e(A)]
                 ])
               ]),
               a("button", {
                 type: "button",
                 class: "mr-designer-apply-json",
-                disabled: t.readonly || e(C),
-                onClick: c[51] || (c[51] = //@ts-ignore
+                disabled: t.readonly || e(S),
+                onClick: u[51] || (u[51] = //@ts-ignore
                 (...r) => e(m).applyJson && e(m).applyJson(...r))
-              }, l(e(n).applyJson), 9, Hl)
+              }, l(e(n).applyJson), 9, jl)
             ], 64)),
-            e(S) ? (h(), M("p", Gl, l(e(n).jsonPending), 1)) : F("", !0)
-          ], 10, Ta)
-        ])) : F("", !0),
-        e(A) !== "tools" ? (h(), M("div", {
+            e(C) ? (g(), b("p", Ul, l(e(n).jsonPending), 1)) : N("", !0)
+          ], 10, Ba)
+        ])) : N("", !0),
+        e(L) !== "tools" ? (g(), b("div", {
           key: 2,
           class: "mr-designer-preview",
           "aria-label": e(n).previewTitle
         }, [
-          e(I) ? (h(), M("div", Fl, l(e(I)), 1)) : F("", !0),
-          e($).ok ? F("", !0) : (h(), M("ul", Nl, [
-            (h(!0), M(K, null, Q(e($).errors, (r) => (h(), M("li", {
+          e(I) ? (g(), b("div", Kl, l(e(I)), 1)) : N("", !0),
+          e(E).ok ? N("", !0) : (g(), b("ul", Jl, [
+            (g(!0), b(q, null, Q(e(E).errors, (r) => (g(), b("li", {
               key: r.path
             }, l(r.path) + "：" + l(r.message), 1))), 128))
           ])),
-          e(se) === "design" && e($).ok ? (h(), Me(un, {
+          e(fe) === "design" && e(E).ok ? (g(), Me(vn, {
             key: 2,
-            document: e(b),
-            selection: e(ce),
-            selections: e(X).selections.value,
-            locked: e(X).locked,
-            "active-column-index": e(E),
+            document: e(y),
+            selection: e(me),
+            selections: e(J).selections.value,
+            locked: e(J).locked,
+            "active-column-index": e($),
             "page-index": e(oe),
             datasets: t.datasets,
-            disabled: e(te) || de.value || e(m).isToolPending("rules"),
+            disabled: e(ne) || de.value || e(m).isToolPending("rules"),
             messages: e(n),
-            onSelect: lt,
-            onGeometry: e(X).geometry,
+            onSelect: st,
+            onGeometry: e(J).geometry,
             onColumn: e(k).activate,
-            onWidth: c[52] || (c[52] = (r, U) => e(m).setColumn(r, "widthMm", String(U)))
-          }, null, 8, ["document", "selection", "selections", "locked", "active-column-index", "page-index", "datasets", "disabled", "messages", "onGeometry", "onColumn"])) : e(ae) && e($).ok ? (h(), Me(e($t), {
+            onWidth: u[52] || (u[52] = (r, K) => e(m).setColumn(r, "widthMm", String(K)))
+          }, null, 8, ["document", "selection", "selections", "locked", "active-column-index", "page-index", "datasets", "disabled", "messages", "onGeometry", "onColumn"])) : e(te) && e(E).ok ? (g(), Me(e(Tt), {
             key: 3,
             "report-id": "draft",
-            fetcher: e(ae),
+            fetcher: e(te),
             messages: {
               title: e(n).previewTitle,
               columnDirectory: e(n).previewFieldDirectory
@@ -2973,12 +3033,12 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
             editable: !1,
             "excel-import": !1,
             height: "100%"
-          }, null, 8, ["fetcher", "messages"])) : (h(), M("p", Bl, l(e(n).invalid), 1))
-        ], 8, zl)) : F("", !0)
+          }, null, 8, ["fetcher", "messages"])) : (g(), b("p", ql, l(e(n).invalid), 1))
+        ], 8, Wl)) : N("", !0)
       ], 2)
-    ], 8, ua));
+    ], 8, va));
   }
-}), Xl = /* @__PURE__ */ ze(Ol, [["__scopeId", "data-v-b0c623cb"]]), Yl = {
+}), oi = /* @__PURE__ */ Fe(Xl, [["__scopeId", "data-v-af7ee097"]]), li = {
   stale: "输入或验收范围已变化，旧结果已失效，请重新运行检查。",
   scope: "上次实测范围",
   datasets: "个数据集",
@@ -3011,13 +3071,32 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
   checked: "检查结果对应本次样例，不代替服务端发布权限与全量数据校验。",
   categories: { metadata: "信息", structure: "结构", binding: "字段", calculation: "计算", format: "样式" },
   kinds: { added: "新增", removed: "删除", modified: "修改", moved: "调序" }
-}, Ql = {
+}, ii = {
   tableMode: "传统整表",
   multiRegions: "多区域绑定",
   multiHint: "点击单元格选择起点，Shift 点击选择终点；每个动态区域选择一行原型。",
   addRegion: "创建区域",
   removeRegion: "删除区域",
   regionProperties: "当前区域",
+  regionReady: "就绪",
+  regionPending: "待补齐",
+  regionError: "需修正",
+  locateIssue: "定位并修正",
+  nextDataset: "下一步：选择业务数据集",
+  nextRowKey: "下一步：选择稳定业务主键",
+  nextField: "下一步：补齐或修正逐列字段映射",
+  nextRange: "下一步：检查原型范围及区域重叠",
+  nextRegion: "下一步：在原始模板中选择一行并创建区域",
+  nextHeader: "下一步：选择整行并标记表头和明细",
+  nextFooter: "下一步：检查重复页尾范围",
+  nextContract: "下一步：检查数据集契约和样例",
+  dataContract: "数据集契约",
+  inspectIssues: "查看待修正项",
+  previousIssues: "上一组问题",
+  nextIssues: "下一组问题",
+  noCellSelection: "请先点击单元格，Shift 点击选择一行范围",
+  limitRegions: "最多创建 128 个区域",
+  applying: "正在确认模板…",
   regionCoordinates: "原型范围",
   regionMode: "填充方式",
   recordMode: "单记录",
@@ -3105,7 +3184,7 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
   mappedTo: "绑定到",
   sampleOnly: "仅契约样例",
   schemaOnly: "契约字段，不执行接口查询"
-}, Zl = {
+}, si = {
   restoreDraft: "恢复工具草稿",
   catalog: "规则与字段",
   searchFields: "搜索字段、类型或单位",
@@ -3252,7 +3331,7 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
   sampleError: "验算未通过",
   new: "新增",
   enabled: "启用"
-}, ei = {
+}, ri = {
   paramsTool: "查询参数",
   paramsDescription: "配置一次，预览与服务端使用同一份校验规则。",
   paramsDirectory: "参数目录",
@@ -3283,6 +3362,11 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
   paramPending: "尚未应用",
   paramReady: "规则有效",
   paramInvalid: "规则待修正",
+  paramIssueCount: "待修正问题",
+  paramLocateFirst: "定位首个问题",
+  paramUnnamed: "未命名参数",
+  paramRangeStart: "默认开始日期",
+  paramRangeEnd: "默认结束日期",
   paramConflict: "模板参数已在其他操作中变更。请先恢复参数草稿，再继续编辑。",
   paramApplyFailed: "参数未应用，请检查模板校验信息。",
   paramRenameHint: "参数标识决定接口取数键。新增、删除或改名后，请同步检查接入方的数据查询；插件不会修改外部接口。",
@@ -3299,25 +3383,32 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
   paramYear: "年份",
   paramDateRange: "日期范围",
   paramSelect: "下拉选择"
-}, ti = {
+}, di = {
   batchTitle: "批量生成",
   batchDescription: "每组参数独立生成；成功结果由接入方保存，当前页面仅保留回执。",
   batchAdd: "添加一组",
   batchDuplicate: "复制参数",
+  batchDuplicateCompleted: "复制为新任务",
   batchRemove: "删除参数组",
-  batchRun: "生成全部",
+  batchRun: "生成待处理",
+  batchContinue: "继续未完成",
   batchRunning: "正在生成",
   batchRetry: "仅重试失败项",
   batchCancel: "取消剩余任务",
   batchCancelling: "正在取消…",
   batchPending: "待生成",
   batchCompleted: "已完成",
+  batchCompletedHint: "此组已生成并保留回执；需修改参数或再次生成，请复制为新任务。",
   batchFailed: "失败",
   batchCancelled: "已取消",
   batchCase: "参数组",
-  batchProgress: "已结束 {completed}/{total} · 失败 {failed} · 取消 {cancelled}",
+  batchProgress: "本轮已结束 {completed}/{total} · 失败 {failed} · 取消 {cancelled}",
   batchInvalid: "请修正参数错误后再生成；本次未启动任何任务。",
   batchEmpty: "添加一组参数开始批量生成",
+  batchNoMatches: "当前状态没有参数组",
+  batchFilter: "按生成状态筛选",
+  batchAll: "全部",
+  batchNextFailure: "下一失败项",
   batchNoInstance: "已完成，接入方未返回可打开的实例标识。",
   batchOpen: "打开报表实例",
   batchLimit: "当前最多支持 {count} 组参数。",
@@ -3326,7 +3417,18 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
   batchPrevious: "上一页",
   batchNext: "下一页",
   batchPage: "第 {page}/{pages} 页 · 共 {total} 组"
-}, ni = {
+}, ui = {
+  publicationChanged: "发布修订与目录不一致，请刷新目录后重新查看",
+  continueDraft: "继续编辑草稿",
+  viewPublished: "查看发布版",
+  draft: "草稿",
+  published: "已发布",
+  draftPending: "草稿待发布",
+  retrySearch: "重试目录查询",
+  retryOpen: "重试打开模板",
+  retryCopy: "重试创建副本",
+  openingTarget: "正在打开 {name}…",
+  creatingTarget: "正在创建 {name} 的副本…",
   title: "模板库",
   subtitle: "按业务分类查找、打开或复制模板",
   search: "搜索名称、编号或标签",
@@ -3351,20 +3453,20 @@ const ua = ["aria-label", "aria-busy"], ca = { class: "mr-designer-bar" }, ma =
   missing: "模板不存在或已不可访问",
   stale: "目录返回了重复项或无效分页游标",
   invalid: "模板目录响应格式无效"
-}, ai = pe(() => import("./TemplateReviewPanel-BKofGrV9.js")), oi = pe(() => import("./ExcelBindingWizard-Dxm-K5HL.js")), li = pe(() => import("./RuleEditor-D9wQHrkf.js")), ii = pe(() => import("./ParamEditor-DRGxzxeO.js")), si = pe(() => import("./ReportBatchPanel-Bby5yLzU.js")), ri = pe(() => import("./ReportTemplateLibrary-DfzDXRvr.js"));
+}, ci = ge(() => import("./TemplateReviewPanel-BKofGrV9.js")), mi = ge(() => import("./ExcelBindingWizard-LWX6G1A2.js")), vi = ge(() => import("./RuleEditor-D9wQHrkf.js")), pi = ge(() => import("./ParamEditor-BLaE5q5W.js")), gi = ge(() => import("./ReportBatchPanel-B5ClP9tm.js")), hi = ge(() => import("./ReportTemplateLibrary-BZB-XWjj.js"));
 export {
-  Ql as EXCEL_BINDING_MESSAGES,
-  oi as ExcelBindingWizard,
-  ei as PARAM_EDITOR_MESSAGES,
-  ii as ParamEditor,
-  ti as REPORT_BATCH_MESSAGES,
-  Zl as RULE_EDITOR_MESSAGES,
-  si as ReportBatchPanel,
-  Xl as ReportTemplateEditor,
-  ri as ReportTemplateLibrary,
-  li as RuleEditor,
-  Ke as TEMPLATE_EDITOR_MESSAGES,
-  ni as TEMPLATE_LIBRARY_MESSAGES,
-  Yl as TEMPLATE_REVIEW_MESSAGES,
-  ai as TemplateReviewPanel
+  ii as EXCEL_BINDING_MESSAGES,
+  mi as ExcelBindingWizard,
+  ri as PARAM_EDITOR_MESSAGES,
+  pi as ParamEditor,
+  di as REPORT_BATCH_MESSAGES,
+  si as RULE_EDITOR_MESSAGES,
+  gi as ReportBatchPanel,
+  oi as ReportTemplateEditor,
+  hi as ReportTemplateLibrary,
+  vi as RuleEditor,
+  Je as TEMPLATE_EDITOR_MESSAGES,
+  ui as TEMPLATE_LIBRARY_MESSAGES,
+  li as TEMPLATE_REVIEW_MESSAGES,
+  ci as TemplateReviewPanel
 };