@agile-team/mach-report 2.9.1 → 2.11.0

package/dist/designer.js

@@ -1,37 +1,48 @@
-import { watch as Z, onBeforeUnmount as $e, defineComponent as Ee, computed as z, ref as j, openBlock as h, createElementBlock as y, createElementVNode as n, toDisplayString as l, createTextVNode as P, withDirectives as oe, vModelSelect as ye, normalizeStyle as re, Fragment as U, renderList as W, unref as e, normalizeClass as _e, withModifiers as tt, createCommentVNode as B, nextTick as de, createVNode as Q, onMounted as ht, shallowRef as nt, defineAsyncComponent as Me, getCurrentInstance as gt, withKeys as Be, createBlock as fe, vShow as Te, isRef as Ce, vModelText as qe } from "vue";
-import { provideMachReportConfig as ft, createLocalFetcher as bt, ReportPreview as yt } from "@agile-team/mach-report/vue";
-import { resolveGridLayout as ve, parseReportTemplate as Y, serializeReportTemplate as me, validateReportTemplateDocument as Ye } from "@agile-team/mach-report";
-import { _ as Ie, a as ae } from "./_plugin-vue_export-helper-8SL1F89S.js";
-import { r as Ne } from "./style-CQ1PK8ZB.js";
-const wt = 96 / 25.4;
-function Oe(t) {
+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 [];
+  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)));
+  } catch {
+    return [];
+  }
+}
+const Qe = 96 / 25.4;
+function tt(t) {
   return t.kind === "list" ? Math.max(
     16,
     (t.headerGrid?.rowHeightsMm?.reduce(
-      (u, s) => u + s,
+      (d, i) => d + i,
       0
     ) ?? 8) + (t.rowHeightMm ?? 8) * 3
   ) : t.heightMm;
 }
-function Se(t) {
+function be(t) {
   return {
     leftMm: t.leftMm,
     topMm: t.topMm,
     widthMm: t.widthMm,
-    heightMm: Oe(t)
+    heightMm: tt(t)
   };
 }
-function ze(t, u) {
-  return u ? t.template.pages[u.pageIndex]?.components[u.componentIndex] : void 0;
+function Re(t, d) {
+  return d ? t.template.pages[d.pageIndex]?.components[d.componentIndex] : void 0;
 }
-function kt(t, u = "detail") {
-  const s = { leftMm: 10, topMm: 10, widthMm: 60, heightMm: 10 };
+function Tt(t, d = "detail") {
+  const i = { leftMm: 10, topMm: 10, widthMm: 60, heightMm: 10 };
   return t === "list" ? {
     kind: t,
     leftMm: 10,
     topMm: 30,
     widthMm: 90,
-    dataset: u,
+    dataset: d,
     columns: [
       { header: "字段", field: "field", widthMm: 45 },
       { header: "数值", field: "value", widthMm: 45 }
@@ -40,12 +51,12 @@ function kt(t, u = "detail") {
     headerBackgroundColor: "#eaf2fc",
     headerAlign: "center"
   } : t === "text" ? {
-    ...s,
+    ...i,
     kind: t,
     text: "文本",
     style: { fontSize: 12, color: "#233c5c" }
   } : t === "rect" ? {
-    ...s,
+    ...i,
     kind: t,
     style: {
       borderColor: "#cbd5e1",
@@ -53,231 +64,273 @@ function kt(t, u = "detail") {
       backgroundColor: "#eff6ff"
     }
   } : {
-    ...s,
+    ...i,
     kind: t,
     widthMm: 48,
     heightMm: 24,
     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 je(t, u, s = !1) {
-  const r = Math.max(2, Math.min(u.widthMm, t.widthMm)), a = Math.max(2, Math.min(u.heightMm, t.heightMm));
+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));
   return {
-    leftMm: Math.max(0, Math.min(u.widthMm - r, t.leftMm)),
+    leftMm: Math.max(0, Math.min(d.widthMm - s, t.leftMm)),
     topMm: Math.max(
       0,
-      Math.min(u.heightMm - (s ? 2 : a), t.topMm)
+      Math.min(d.heightMm - (i ? 2 : o), t.topMm)
     ),
-    widthMm: r,
-    heightMm: a
+    widthMm: s,
+    heightMm: o
   };
 }
-function Qe(t, u) {
-  const s = t.widthMm;
+function je(t, d) {
+  const i = t.widthMm;
   if (Object.assign(t, {
-    leftMm: u.leftMm,
-    topMm: u.topMm,
-    widthMm: u.widthMm
-  }), t.kind !== "list") t.heightMm = u.heightMm;
-  else if (s > 0 && u.widthMm !== s) {
-    const r = u.widthMm / s;
-    t.columns.forEach((a) => {
-      a.widthMm = Math.round(a.widthMm * r * 100) / 100;
+    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;
+    t.columns.forEach((o) => {
+      o.widthMm = Math.round(o.widthMm * s * 100) / 100;
     }), t.widthMm = t.columns.reduce(
-      (a, b) => a + b.widthMm,
+      (o, p) => o + p.widthMm,
       0
     ), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map(
-      (a) => a.widthMm
+      (o) => o.widthMm
     ));
   }
 }
-function Mt(t, u, s) {
-  if (u === s || !t.columns[u] || !t.columns[s]) return !1;
+function Pt(t, d, i) {
+  if (d === i || !t.columns[d] || !t.columns[i]) return !1;
   if (t.headerGrid) {
-    if (ve(t.headerGrid, t.widthMm, 100).cells.some(({ cell: b }) => (b.colSpan ?? 1) > 1))
+    if (Ce(t.headerGrid, t.widthMm, 100).cells.some(({ cell: p }) => (p.colSpan ?? 1) > 1))
       throw new Error("请先拆分跨列合并表头，再调整列顺序，避免改变业务分组。");
-    const a = Re(t);
-    a.forEach((b) => {
-      b.splice(s, 0, b.splice(u, 1)[0]);
-    }), t.headerGrid = Ge(
-      a,
-      t.columns.map((b) => b.widthMm),
-      t.headerGrid.rowHeightsMm ?? a.map(() => 8)
+    const o = We(t);
+    o.forEach((p) => {
+      p.splice(i, 0, p.splice(d, 1)[0]);
+    }), t.headerGrid = Ue(
+      o,
+      t.columns.map((p) => p.widthMm),
+      t.headerGrid.rowHeightsMm ?? o.map(() => 8)
     );
   }
-  return t.columns.splice(s, 0, t.columns.splice(u, 1)[0]), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map((r) => r.widthMm)), !0;
+  return t.columns.splice(i, 0, t.columns.splice(d, 1)[0]), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map((s) => s.widthMm)), !0;
 }
-function Re(t) {
+function We(t) {
   if (!t.headerGrid)
-    return [t.columns.map((s) => ({ text: s.header }))];
-  const u = Array.from(
+    return [t.columns.map((i) => ({ text: i.header }))];
+  const d = Array.from(
     { length: t.headerGrid.cells.length },
     () => Array.from({ length: t.columns.length }, () => null)
   );
-  for (const { cell: s, ri: r, ci: a } of ve(
+  for (const { cell: i, ri: s, ci: o } of Ce(
     t.headerGrid,
     t.widthMm,
     100
   ).cells)
-    u[r][a] = s;
-  return u;
+    d[s][o] = i;
+  return d;
 }
-function Ge(t, u, s) {
-  const r = /* @__PURE__ */ new Set();
+function Ue(t, d, i) {
+  const s = /* @__PURE__ */ new Set();
   return { cells: t.map(
-    (b, m) => b.flatMap((_, d) => {
-      if (r.has(`${m}:${d}`)) return [];
-      if (!_) return [null];
-      for (let w = m; w < m + (_.rowSpan ?? 1); w++)
-        for (let x = d; x < d + (_.colSpan ?? 1); x++)
-          (w !== m || x !== d) && r.add(`${w}:${x}`);
-      return [_];
+    (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];
     })
-  ), colWidthsMm: u, rowHeightsMm: s };
+  ), colWidthsMm: d, rowHeightsMm: i };
 }
-function xt(t) {
-  const u = Re(t), s = t.headerGrid?.rowHeightsMm ?? u.map(() => 8);
-  u.unshift(
+function Ht(t) {
+  const d = We(t), i = t.headerGrid?.rowHeightsMm ?? d.map(() => 8);
+  d.unshift(
     t.columns.map(() => ({
       text: "分组",
       style: { align: "center", backgroundColor: "#eaf2fc", bold: !0 }
     }))
-  ), t.headerGrid = Ge(
-    u,
-    t.columns.map((r) => r.widthMm),
-    [8, ...s]
+  ), t.headerGrid = Ue(
+    d,
+    t.columns.map((s) => s.widthMm),
+    [8, ...i]
   );
 }
-function Ct(t, u, s, r) {
-  if (s >= r || s < 0 || r >= t.columns.length)
+function Gt(t, d, i, s) {
+  if (i >= s || i < 0 || s >= t.columns.length)
     throw new Error("请选择同一行的至少两个连续表头。");
-  const a = Re(t), b = a[u];
-  if (!b) throw new Error("表头行不存在。");
-  const m = b.slice(s, r + 1);
-  if (m.some(
-    (d) => !d || (d.colSpan ?? 1) !== 1 || (d.rowSpan ?? 1) !== 1
+  const o = We(t), p = o[d];
+  if (!p) throw new Error("表头行不存在。");
+  const g = p.slice(i, s + 1);
+  if (g.some(
+    (f) => !f || (f.colSpan ?? 1) !== 1 || (f.rowSpan ?? 1) !== 1
   ))
     throw new Error("选择包含合并区域，请先拆分，再重新合并。");
-  const _ = m[0];
-  b[s] = { ..._, colSpan: r - s + 1 };
-  for (let d = s + 1; d <= r; d++) b[d] = null;
-  t.headerGrid = Ge(
-    a,
-    t.columns.map((d) => d.widthMm),
+  const x = g[0];
+  p[i] = { ...x, colSpan: s - i + 1 };
+  for (let f = i + 1; f <= s; f++) p[f] = null;
+  t.headerGrid = Ue(
+    o,
+    t.columns.map((f) => f.widthMm),
     t.headerGrid?.rowHeightsMm ?? [8]
   );
 }
-function _t(t, u, s) {
+function zt(t, d, i) {
   if (!t.headerGrid) return;
-  const a = ve(t.headerGrid, t.widthMm, 100).cells.find(
-    ({ ri: w, ci: x, cell: E }) => u >= w && u < w + (E.rowSpan ?? 1) && s >= x && s < x + (E.colSpan ?? 1)
+  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)
   );
-  if (!a) return;
-  const b = Re(t), { ri: m, ci: _, cell: d } = a;
-  for (let w = m; w < m + (d.rowSpan ?? 1); w++)
-    for (let x = _; x < _ + (d.colSpan ?? 1); x++) {
-      const E = {
-        ...d,
-        text: w === b.length - 1 ? t.columns[x].header : d.text
+  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 = {
+        ...f,
+        text: m === p.length - 1 ? t.columns[b].header : f.text
       };
-      delete E.colSpan, delete E.rowSpan, b[w][x] = E;
+      delete T.colSpan, delete T.rowSpan, p[m][b] = T;
     }
-  t.headerGrid = Ge(
-    b,
-    t.columns.map((w) => w.widthMm),
-    t.headerGrid.rowHeightsMm ?? b.map(() => 8)
+  t.headerGrid = Ue(
+    p,
+    t.columns.map((m) => m.widthMm),
+    t.headerGrid.rowHeightsMm ?? p.map(() => 8)
   );
 }
-function Ze(t, u, s) {
-  const r = t.filter((a) => a !== u).flatMap((a) => {
-    const b = a[s], m = s === "leftMm" ? a.widthMm : Oe(a);
-    return [b, b + m / 2, b + m];
+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);
+  let f;
+  function m(I) {
+    const v = d.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;
+    });
+  }
+  function b() {
+    const I = d.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;
+    v && (v.scrollLeft = (v.scrollWidth - v.clientWidth) * I / 100), s.value = I;
+  }
+  async function R() {
+    await me();
+    const I = d.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 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();
+  }
+  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 };
+}
+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];
   });
-  return [...new Set(r)].sort((a, b) => a - b);
+  return [...new Set(s)].sort((o, p) => o - p);
 }
-function St(t, u) {
+function Nt(t, d) {
   if (!t.length) return;
-  let s = 0, r = t.length;
-  for (; s < r; ) {
-    const m = s + r >>> 1;
-    t[m] < u ? s = m + 1 : r = m;
+  let i = 0, s = t.length;
+  for (; i < s; ) {
+    const g = i + s >>> 1;
+    t[g] < d ? i = g + 1 : s = g;
   }
-  const a = t[Math.max(0, s - 1)], b = t[Math.min(t.length - 1, s)];
-  return Math.abs(a - u) < Math.abs(b - u) ? a : b;
+  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;
 }
-function et(t, u, s, r) {
-  let a = 1 / 0, b = {
+function ct(t, d, i, s) {
+  let o = 1 / 0, p = {
     value: Math.round(t * 2) / 2
   };
-  for (const m of [0, u / 2, u]) {
-    const _ = St(s, t + m);
-    if (_ === void 0) continue;
-    const d = Math.abs(_ - t - m);
-    d <= r && d < a && (a = d, b = { value: _ - m, guide: _ });
+  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 });
   }
-  return b;
+  return p;
 }
-function $t(t) {
-  let u;
-  function s(r, a, b = !1) {
-    if (t.disabled() || r.button !== 0) return;
-    r.preventDefault(), r.stopPropagation(), u?.();
-    const m = r.currentTarget.closest(
+function Bt(t) {
+  let d;
+  function i(s, o, p = !1) {
+    if (t.disabled() || s.button !== 0) return;
+    s.preventDefault(), s.stopPropagation(), d?.();
+    const g = s.currentTarget.closest(
       "[data-canvas-component]"
-    ), _ = Se(a), d = r.clientX, w = r.clientY;
-    let x = _, E = 0;
-    const G = t.scale.value, A = m.parentElement;
-    let g, f;
-    const I = () => {
-      for (const [T, F] of [
-        ["x", g],
-        ["y", f]
+    ), 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 [
+        ["x", v],
+        ["y", u]
       ])
-        A.style.setProperty(
-          `--mr-canvas-guide-${T}-display`,
-          F === void 0 ? "none" : "block"
-        ), F !== void 0 && A.style.setProperty(
-          `--mr-canvas-guide-${T}`,
-          `${F * G}px`
+        I.style.setProperty(
+          `--mr-canvas-guide-${G}-display`,
+          B === void 0 ? "none" : "block"
+        ), B !== void 0 && I.style.setProperty(
+          `--mr-canvas-guide-${G}`,
+          `${B * R}px`
         );
-    }, k = () => {
-      E = 0, I(), m.style.left = `${x.leftMm * G}px`, m.style.top = `${x.topMm * G}px`, m.style.width = `${x.widthMm * G}px`, m.style.height = `${x.heightMm * G}px`;
-    }, S = {
-      leftMm: Ze(t.page().components, a, "leftMm"),
-      topMm: Ze(t.page().components, a, "topMm")
-    }, c = (T) => {
-      const F = (T.clientX - d) / G, te = (T.clientY - w) / G, o = et(
-        _.leftMm + F,
-        _.widthMm,
-        S.leftMm,
-        5 / G
-      ), q = et(
-        _.topMm + te,
-        _.heightMm,
-        S.topMm,
-        5 / G
+    }, 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
       );
-      g = b ? void 0 : o.guide, f = b ? void 0 : q.guide, x = je(
-        b ? {
-          ..._,
-          widthMm: Math.round((_.widthMm + F) * 2) / 2,
-          heightMm: Math.round((_.heightMm + te) * 2) / 2
-        } : { ..._, leftMm: o.value, topMm: q.value },
+      v = p ? void 0 : ae.guide, u = p ? void 0 : n.guide, b = Ze(
+        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 },
         t.page(),
-        a.kind === "list"
-      ), E || (E = requestAnimationFrame(k));
-    }, M = (T) => {
-      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", C), window.removeEventListener("keydown", D), E && cancelAnimationFrame(E), x = T ? x : _, g = void 0, f = void 0, k(), u = void 0, T && JSON.stringify(x) !== JSON.stringify(_) && t.commit(x);
-    }, p = () => M(!0), C = () => M(!1), D = (T) => {
-      T.key === "Escape" && (T.preventDefault(), C());
+        o.kind === "list"
+      ), T || (T = requestAnimationFrame(C));
+    }, _ = (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) => {
+      G.key === "Escape" && (G.preventDefault(), D());
     };
-    window.addEventListener("pointermove", c), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", C), window.addEventListener("keydown", D), u = C;
+    window.addEventListener("pointermove", y), window.addEventListener("pointerup", $), window.addEventListener("pointercancel", D), window.addEventListener("keydown", H), d = D;
   }
-  return Z(t.disabled, (r) => {
-    r && u?.();
-  }), Z(t.page, () => u?.()), $e(() => u?.()), { start: s };
+  return ee(t.disabled, (s) => {
+    s && d?.();
+  }), ee(t.page, () => d?.()), Ae(() => d?.()), { start: i };
 }
-const Et = {
+const Ot = {
   title: "报表模板设计器",
   heading: "模板设计",
   unpublished: "未发布",
@@ -310,7 +363,7 @@ const Et = {
   applyJson: "校验并应用 JSON",
   note: "字段映射应与数据源契约一致。此编辑器维护模板属性；保存由接入方提供的版本服务处理。",
   invalid: "请先修正模板错误，再预览或保存。"
-}, It = {
+}, Vt = {
   repeatPage: "每页重复",
   repeatNone: "不重复",
   repeatHeader: "页眉",
@@ -330,6 +383,7 @@ const Et = {
   canvasHint: "点击选择 · 拖动移动 · 方向键微调 · Shift 加速 · Esc 取消",
   zoom: "缩放",
   sampleRows: "数据预览区域",
+  treeSampleHint: "树形样例需完整且有界，请在报表预览中验证",
   resizeComponent: "调整组件尺寸",
   resizeColumn: "调整列宽",
   insertComponent: "添加组件",
@@ -364,6 +418,8 @@ const Et = {
   headerRow: "表头行",
   headerFirst: "开始列",
   headerLast: "结束列",
+  flowLayout: "区域版式由 Excel 绑定向导管理；可编辑字段、格式与业务规则。",
+  paramsTool: "查询参数",
   excelTool: "Excel 绑定",
   rulesTool: "计算与规则",
   reviewTool: "发布检查",
@@ -410,277 +466,349 @@ const Et = {
   technicalDetails: "标识与修订",
   fieldPosition: "当前字段",
   previewFieldDirectory: "定位字段"
-}, Pe = {
-  ...Et,
-  ...It
-}, At = { class: "mr-canvas" }, Dt = { class: "mr-canvas-heading" }, Tt = { class: "mr-canvas-scroll" }, Lt = ["data-canvas-component", "aria-label", "aria-pressed", "tabindex", "onFocus", "onPointerdown", "onClick", "onKeydown"], Rt = { class: "mr-canvas-table" }, Gt = {
+}, Ke = {
+  fitWidth: "适宽",
+  fitPage: "适页",
+  fitSelection: "选区",
+  wideNavigation: "宽表导航",
+  alignSelection: "对齐选区",
+  leftEdges: "左对齐",
+  centers: "水平居中",
+  rightEdges: "右对齐",
+  topEdges: "顶对齐",
+  middles: "垂直居中",
+  bottomEdges: "底对齐",
+  horizontalSpacing: "水平等距",
+  verticalSpacing: "垂直等距",
+  lockSelection: "锁定位置",
+  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 = {
   key: 1,
   class: "mr-canvas-table-row is-header"
-}, Pt = ["onPointerdown"], Ht = {
+}, Zt = ["onPointerdown"], en = {
   key: 2,
   class: "mr-canvas-placeholder"
-}, Vt = ["aria-label", "onPointerdown"], Bt = {
+}, tn = ["aria-label", "onPointerdown"], nn = {
   key: 1,
   class: "mr-canvas-static-grid"
-}, zt = {
+}, an = {
   key: 0,
   class: "mr-canvas-grid-limit"
-}, Nt = ["src"], jt = ["aria-label", "onPointerdown"], Ft = /* @__PURE__ */ Ee({
+}, on = ["src"], ln = ["aria-label", "onPointerdown"], sn = {
+  key: 0,
+  class: "mr-canvas-navigator"
+}, rn = ["value", "aria-label"], dn = /* @__PURE__ */ Ge({
   __name: "TemplateDesignCanvas",
   props: {
     document: {},
     selection: {},
+    selections: {},
+    locked: { type: Function },
+    activeColumnIndex: {},
     pageIndex: {},
     datasets: {},
     disabled: { type: Boolean },
+    geometryDisabled: { type: Boolean },
     messages: {}
   },
   emits: ["select", "geometry", "column", "width"],
-  setup(t, { emit: u }) {
-    const s = t, r = u, a = z(() => ({ ...Pe, ...s.messages })), b = j(0.8), m = z(() => b.value * wt), _ = z(() => s.document.template.pages[s.pageIndex]), d = $t({
-      scale: m,
-      page: () => _.value,
-      disabled: () => s.disabled === !0,
-      commit: (k) => r("geometry", k)
+  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() {
+      return i.document;
+    }, get pageIndex() {
+      return i.pageIndex;
+    }, get selection() {
+      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` };
+    }
+    function C(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]);
+    }
+    const y = Bt({
+      scale: x,
+      page: () => f.value,
+      disabled: () => v.value,
+      commit: (n) => s("geometry", n)
     });
-    function w(k) {
-      return s.selection?.pageIndex === s.pageIndex && s.selection.componentIndex === k;
+    function _(n) {
+      return (i.selections ?? (i.selection ? [i.selection] : [])).some((w) => w.pageIndex === i.pageIndex && w.componentIndex === n);
     }
-    function x(k) {
-      const S = _.value.components[k];
+    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);
       return {
-        left: `${S.leftMm * m.value}px`,
-        top: `${S.topMm * m.value}px`,
-        width: `${S.widthMm * m.value}px`,
-        height: `${Oe(S) * m.value}px`
+        left: `${w.leftMm * x.value}px`,
+        top: `${w.topMm * x.value}px`,
+        width: `${w.widthMm * x.value}px`,
+        height: `${E * x.value}px`
       };
     }
-    function E(k, S) {
-      const c = _.value.components[S];
-      if (s.disabled || !w(S)) return;
-      const M = {
+    function D(n, w) {
+      const k = f.value.components[w];
+      if (v.value || C(w) || !_(w)) return;
+      const A = {
         ArrowLeft: [-1, 0],
         ArrowRight: [1, 0],
         ArrowUp: [0, -1],
         ArrowDown: [0, 1]
-      }, p = M[k.key];
-      if (!p) return;
-      k.preventDefault(), k.stopPropagation();
-      const C = Se(c), D = k.shiftKey ? 5 : 0.5;
-      C.leftMm += p[0] * D, C.topMm += p[1] * D, r("geometry", C);
+      }, E = A[n.key];
+      if (!E) 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);
     }
-    function G(k) {
-      let S = 0;
-      return k.columns.map((c) => (S += c.widthMm, S));
+    function H(n) {
+      let w = 0;
+      return n.columns.map((k) => (w += k.widthMm, w));
     }
-    function A(k) {
-      return k.grid ? ve(
-        k.grid,
-        k.widthMm,
-        k.heightMm
+    function G(n) {
+      return n.grid ? Ce(
+        n.grid,
+        n.widthMm,
+        n.heightMm
       ).cells.slice(0, 2e3) : [];
     }
-    function g(k) {
-      return k.headerGrid ? ve(
-        k.headerGrid,
-        k.widthMm,
-        k.headerGrid.rowHeightsMm?.reduce(
-          (S, c) => S + c,
+    function B(n) {
+      return n.headerGrid ? Ce(
+        n.headerGrid,
+        n.widthMm,
+        n.headerGrid.rowHeightsMm?.reduce(
+          (w, k) => w + k,
           0
-        ) ?? k.headerGrid.cells.length * 8
+        ) ?? n.headerGrid.cells.length * 8
       ).cells : [];
     }
-    let f;
-    Z(
-      () => s.disabled,
-      (k) => {
-        k && f?.();
+    let q;
+    ee(
+      () => v.value,
+      (n) => {
+        n && q?.();
       }
-    ), Z(
-      () => s.document,
-      () => f?.()
-    ), $e(() => f?.());
-    function I(k, S, c) {
-      if (s.disabled || k.button !== 0) return;
-      k.preventDefault(), k.stopPropagation(), f?.();
-      const M = k.clientX, p = S.columns[c].widthMm;
-      let C = p;
-      const D = k.currentTarget, T = ($) => {
-        C = Math.max(
+    ), ee(
+      () => i.document,
+      () => q?.()
+    ), Ae(() => q?.());
+    function ae(n, w, 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) => {
+        P = Math.max(
           2,
-          Math.round((p + ($.clientX - M) / m.value) * 2) / 2
-        ), D.style.transform = `translateX(${(C - p) * m.value}px)`;
-      }, F = () => {
-        window.removeEventListener("pointermove", T), window.removeEventListener("pointerup", te), window.removeEventListener("pointercancel", o), window.removeEventListener("keydown", q), D.style.transform = "", f = void 0;
-      }, te = () => {
-        F(), C !== p && r("width", c, C);
-      }, o = () => F(), q = ($) => {
-        $.key === "Escape" && ($.preventDefault(), o());
+          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());
       };
-      window.addEventListener("pointermove", T), window.addEventListener("pointerup", te), window.addEventListener("pointercancel", o), window.addEventListener("keydown", q), f = o;
+      window.addEventListener("pointermove", Z), window.addEventListener("pointerup", se), window.addEventListener("pointercancel", ge), window.addEventListener("keydown", ce), q = ge;
     }
-    return (k, S) => (h(), y("div", At, [
-      n("div", Dt, [
-        n("span", null, l(a.value.canvasHint), 1),
-        n("label", null, [
-          P(l(a.value.zoom), 1),
-          oe(n("select", {
-            "onUpdate:modelValue": S[0] || (S[0] = (c) => b.value = c)
-          }, [...S[1] || (S[1] = [
-            n("option", { value: 0.5 }, "50%", -1),
-            n("option", { value: 0.8 }, "80%", -1),
-            n("option", { value: 1 }, "100%", -1),
-            n("option", { value: 1.25 }, "125%", -1)
-          ])], 512), [
+    return (n, w) => (h(), M("div", jt, [
+      a("div", Wt, [
+        a("span", null, l(o.value.canvasHint), 1),
+        a("nav", Ut, [
+          a("button", {
+            type: "button",
+            onClick: w[0] || (w[0] = (k) => e(T)("width"))
+          }, l(o.value.fitWidth), 1),
+          a("button", {
+            type: "button",
+            onClick: w[1] || (w[1] = (k) => e(T)("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)
+        ]),
+        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),
+            "aria-label": o.value.zoom
+          }, [
+            [0.5, 0.8, 1, 1.25].includes(e(g)) ? F("", !0) : (h(), M("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), [
             [
-              ye,
-              b.value,
+              He,
+              e(g),
               void 0,
               { number: !0 }
             ]
           ])
         ])
       ]),
-      n("div", Tt, [
-        n("div", {
+      a("div", {
+        ref_key: "viewport",
+        ref: p,
+        class: "mr-canvas-scroll",
+        onScrollPassive: w[4] || (w[4] = //@ts-ignore
+        (...k) => e(R) && e(R)(...k))
+      }, [
+        a("div", {
           class: "mr-canvas-paper",
-          style: re({
-            width: `${_.value.widthMm * m.value}px`,
-            height: `${_.value.heightMm * m.value}px`
+          style: fe({
+            width: `${e(f).widthMm * e(x)}px`,
+            height: `${e(f).heightMm * e(x)}px`
           })
         }, [
-          (h(!0), y(U, null, W(_.value.components, (c, M) => (h(), y("div", {
-            key: M,
-            class: _e(["mr-canvas-component", { "is-selected": w(M) }]),
-            "data-canvas-component": M,
-            style: re(x(M)),
+          (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)),
             role: "button",
-            "aria-label": `${a.value.component} ${M + 1} ${c.kind}`,
-            "aria-pressed": w(M),
-            tabindex: w(M) ? 0 : -1,
-            onFocus: (p) => r("select", { pageIndex: t.pageIndex, componentIndex: M }),
-            onPointerdown: (p) => {
-              r("select", { pageIndex: t.pageIndex, componentIndex: M }), e(d).start(p, c);
-            },
-            onClick: (p) => r("select", { pageIndex: t.pageIndex, componentIndex: M }),
-            onKeydown: (p) => E(p, M)
+            "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)
           }, [
-            c.kind === "list" ? (h(), y(U, { key: 0 }, [
-              n("div", Rt, [
-                c.headerGrid ? (h(), y("div", {
+            k.kind === "list" ? (h(), M(K, { key: 0 }, [
+              a("div", Yt, [
+                k.header !== !1 && k.headerGrid ? (h(), M("div", {
                   key: 0,
                   class: "mr-canvas-merged",
-                  style: re({
-                    height: `${(c.headerGrid.rowHeightsMm?.reduce((p, C) => p + C, 0) ?? c.headerGrid.cells.length * 8) * m.value}px`
+                  style: fe({
+                    height: `${(k.headerGrid.rowHeightsMm?.reduce((E, P) => E + P, 0) ?? k.headerGrid.cells.length * 8) * e(x)}px`
                   })
                 }, [
-                  (h(!0), y(U, null, W(g(c), (p, C) => (h(), y("div", {
-                    key: C,
-                    style: re({
-                      left: `${p.xMm * m.value}px`,
-                      top: `${p.yMm * m.value}px`,
-                      width: `${p.widthMm * m.value}px`,
-                      height: `${p.heightMm * m.value}px`,
-                      textAlign: p.cell.style?.align ?? "center"
+                  (h(!0), M(K, null, Q(B(k), (E, P) => (h(), M("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"
                     })
-                  }, l(p.cell.text), 5))), 128))
-                ], 4)) : (h(), y("div", Gt, [
-                  (h(!0), y(U, null, W(c.columns, (p, C) => (h(), y("div", {
-                    key: C,
-                    style: re({
-                      width: `${p.widthMm * m.value}px`,
-                      opacity: p.hidden ? 0.35 : 1
-                    }),
-                    onPointerdown: tt((D) => {
-                      r("select", { pageIndex: t.pageIndex, componentIndex: M }), r("column", C);
+                  }, 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", {
+                    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);
                     }, ["stop"])
-                  }, l(p.header), 45, Pt))), 128))
-                ])),
-                (h(!0), y(U, null, W((t.datasets?.[c.dataset] ?? []).slice(0, 3), (p, C) => (h(), y("div", {
-                  key: C,
+                  }, l(E.header), 45, Zt))), 128))
+                ])) : F("", !0),
+                (h(!0), M(K, null, Q(u.value[A], (E, P) => (h(), M("div", {
+                  key: P,
                   class: "mr-canvas-table-row"
                 }, [
-                  (h(!0), y(U, null, W(c.columns, (D, T) => (h(), y("div", {
-                    key: T,
-                    style: re({
-                      width: `${D.widthMm * m.value}px`,
-                      opacity: D.hidden ? 0.35 : 1
-                    })
-                  }, l(p[D.field] ?? "—"), 5))), 128))
+                  (h(!0), M(K, null, Q(k.columns, (W, Z) => (h(), M("div", {
+                    key: Z,
+                    style: fe(S(E[Z], W.widthMm, W.hidden))
+                  }, l(E[Z].text), 5))), 128))
                 ]))), 128)),
-                t.datasets?.[c.dataset]?.length ? B("", !0) : (h(), y("div", Ht, l(c.dataset) + " · " + l(a.value.sampleRows), 1))
+                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))
               ]),
-              w(M) && !t.disabled ? (h(!0), y(U, { key: 0 }, W(G(c), (p, C) => (h(), y("span", {
-                key: C,
+              _(A) && !v.value && !C(A) ? (h(!0), M(K, { key: 0 }, Q(H(k), (E, P) => (h(), M("span", {
+                key: P,
                 class: "mr-canvas-column-handle",
-                "aria-label": `${a.value.resizeColumn} ${c.columns[C]?.header}`,
+                "aria-label": `${o.value.resizeColumn} ${k.columns[P]?.header}`,
                 role: "separator",
                 "aria-orientation": "vertical",
-                style: re({ left: `${p * m.value}px` }),
-                onPointerdown: (D) => I(D, c, C)
-              }, null, 44, Vt))), 128)) : B("", !0)
-            ], 64)) : c.grid ? (h(), y("div", Bt, [
-              (h(!0), y(U, null, W(A(c), (p, C) => (h(), y("div", {
-                key: C,
-                style: re({
-                  left: `${p.xMm * m.value}px`,
-                  top: `${p.yMm * m.value}px`,
-                  width: `${p.widthMm * m.value}px`,
-                  height: `${p.heightMm * m.value}px`,
-                  backgroundColor: p.cell.style?.backgroundColor,
-                  color: p.cell.style?.color,
-                  fontWeight: p.cell.style?.bold ? "700" : "400",
-                  fontSize: `${e(Ne)(p.cell.style).fontSizePx * b.value}px`,
-                  textAlign: p.cell.style?.align ?? "left"
+                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", {
+                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"
                 })
-              }, l(p.cell.text), 5))), 128)),
-              c.grid.cells.reduce((p, C) => p + C.length, 0) > 2e3 ? (h(), y("span", zt, l(a.value.canvasGridLimited), 1)) : B("", !0)
-            ])) : c.imageData ? (h(), y("img", {
+              }, 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", {
               key: 2,
-              src: c.imageData,
+              src: k.imageData,
               alt: "",
               draggable: "false"
-            }, null, 8, Nt)) : (h(), y("div", {
+            }, null, 8, on)) : (h(), M("div", {
               key: 3,
               class: "mr-canvas-content",
-              style: re({
-                color: c.style?.color,
-                backgroundColor: c.style?.backgroundColor,
-                fontWeight: c.style?.bold ? "700" : "400",
-                fontSize: `${e(Ne)(c.style).fontSizePx * b.value}px`,
-                textAlign: c.style?.align
+              style: fe({
+                color: k.style?.color,
+                backgroundColor: k.style?.backgroundColor,
+                fontWeight: k.style?.bold ? "700" : "400",
+                fontSize: `${e(Ve)(k.style).fontSizePx * e(g)}px`,
+                textAlign: k.style?.align
               })
-            }, l(c.text ?? c.fallbackText ?? (c.kind === "rect" ? "" : c.kind)), 5)),
-            w(M) && !t.disabled ? (h(), y("span", {
+            }, l(k.text ?? k.fallbackText ?? (k.kind === "rect" ? "" : k.kind)), 5)),
+            _(A) && !v.value && !C(A) ? (h(), M("span", {
               key: 4,
               class: "mr-canvas-resize",
-              "aria-label": a.value.resizeComponent,
+              "aria-label": o.value.resizeComponent,
               role: "separator",
-              onPointerdown: (p) => e(d).start(p, c, !0)
-            }, null, 40, jt)) : B("", !0)
-          ], 46, Lt))), 128))
+              onPointerdown: (E) => e(y).start(E, k, !0)
+            }, null, 40, ln)) : F("", !0)
+          ], 46, Xt))), 128))
         ], 4)
-      ])
+      ], 544),
+      e(m) ? (h(), M("footer", sn, [
+        a("span", null, l(o.value.wideNavigation), 1),
+        a("input", {
+          type: "range",
+          min: "0",
+          max: "100",
+          value: e(b),
+          "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)
     ]));
   }
-}), Ot = /* @__PURE__ */ Ie(Ft, [["__scopeId", "data-v-0b2669dc"]]), Ut = ["aria-label"], Jt = ["data-align", "aria-label", "title", "aria-checked", "tabindex", "onClick", "onKeydown"], Kt = { key: 0 }, Wt = {
+}), 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 = {
   key: 1,
   viewBox: "0 0 20 20",
   fill: "none",
   "aria-hidden": "true"
-}, Xt = {
+}, gn = {
   key: 0,
   d: "M3 4h14M3 8h9M3 12h14M3 16h9"
-}, qt = {
+}, hn = {
   key: 1,
   d: "M3 4h14M6 8h8M3 12h14M6 16h8"
-}, Yt = {
+}, fn = {
   key: 2,
   d: "M3 4h14M8 8h9M3 12h14M8 16h9"
-}, Qt = {
+}, bn = {
   key: 3,
   d: "M3 4h14M3 8h14M3 12h14M3 16h14"
-}, Zt = /* @__PURE__ */ Ee({
+}, yn = /* @__PURE__ */ Ge({
   __name: "AlignmentControl",
   props: {
     modelValue: {},
@@ -690,216 +818,220 @@ const Et = {
     allowAuto: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: u }) {
-    const s = t, r = u, a = () => s.allowAuto ? ["auto", "left", "center", "right", "justify"] : ["left", "center", "right", "justify"];
-    async function b(m, _) {
-      if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(m.key)) return;
-      m.preventDefault();
-      const w = a(), x = w.indexOf(_), E = m.key === "Home" ? 0 : m.key === "End" ? w.length - 1 : (x + (m.key === "ArrowRight" ? 1 : -1) + w.length) % w.length;
-      r("update:modelValue", w[E]);
-      const G = m.currentTarget.parentElement;
-      await de(), G?.querySelector(`[data-align="${w[E]}"]`)?.focus();
+  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();
     }
-    return (m, _) => (h(), y("div", {
+    return (g, x) => (h(), M("div", {
       class: "mr-designer-alignment",
       role: "radiogroup",
       "aria-label": t.label
     }, [
-      (h(!0), y(U, null, W(a(), (d) => (h(), y("button", {
-        key: d,
+      (h(!0), M(K, null, Q(o(), (f) => (h(), M("button", {
+        key: f,
         type: "button",
         role: "radio",
-        "data-align": d,
-        "aria-label": t.labels[d],
-        title: t.labels[d],
-        "aria-checked": t.modelValue === d,
-        tabindex: t.modelValue === d ? 0 : -1,
-        onClick: (w) => r("update:modelValue", d),
-        onKeydown: (w) => b(w, d)
+        "data-align": f,
+        "aria-label": t.labels[f],
+        title: t.labels[f],
+        "aria-checked": t.modelValue === f,
+        tabindex: t.modelValue === f ? 0 : -1,
+        onClick: (m) => s("update:modelValue", f),
+        onKeydown: (m) => p(m, f)
       }, [
-        d === "auto" ? (h(), y("span", Kt, l(t.autoLabel), 1)) : (h(), y("svg", Wt, [
-          d === "left" ? (h(), y("path", Xt)) : d === "center" ? (h(), y("path", qt)) : d === "right" ? (h(), y("path", Yt)) : (h(), y("path", Qt))
+        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))
         ]))
-      ], 40, Jt))), 128))
-    ], 8, Ut));
+      ], 40, mn))), 128))
+    ], 8, cn));
   }
-}), Fe = /* @__PURE__ */ Ie(Zt, [["__scopeId", "data-v-c85770c4"]]), en = ["disabled"], tn = { class: "mr-component-dimensions" }, nn = ["min", "value", "onChange"], an = { key: 0 }, on = ["value"], ln = { value: "" }, sn = { value: "header" }, rn = { value: "footer" }, dn = { key: 1 }, un = ["value"], cn = ["value"], mn = { class: "mr-component-upload" }, vn = ["aria-label"], 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 = {
   key: 0,
   role: "alert"
-}, hn = {
+}, Tn = {
   key: 3,
   class: "mr-component-type"
-}, gn = { class: "mr-component-dimensions" }, fn = ["value"], bn = ["checked"], yn = { class: "mr-component-dimensions" }, wn = ["value"], kn = ["value"], Mn = { key: 4 }, xn = ["value"], Cn = /* @__PURE__ */ Ee({
+}, 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({
   __name: "CanvasComponentInspector",
   props: {
     component: {},
     disabled: { type: Boolean },
+    geometryDisabled: { type: Boolean },
     messages: {}
   },
   emits: ["geometry", "patch"],
-  setup(t, { emit: u }) {
-    const s = t, r = u, a = z(() => ({ ...Pe, ...s.messages })), b = j(""), m = ["leftMm", "topMm", "widthMm", "heightMm"], _ = z(() => [
-      a.value.leftPosition,
-      a.value.topPosition,
-      a.value.componentWidth,
-      a.value.componentHeight
+  setup(t, { emit: d }) {
+    const i = t, s = d, o = z(() => ({ ...Ke, ...i.messages })), p = N(""), g = ["leftMm", "topMm", "widthMm", "heightMm"], x = z(() => [
+      o.value.leftPosition,
+      o.value.topPosition,
+      o.value.componentWidth,
+      o.value.componentHeight
     ]);
-    function d(A, g) {
-      const f = Number(g.target.value);
-      Number.isFinite(f) && r("geometry", { ...Se(s.component), [A]: f });
+    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 });
     }
-    function w(A, g) {
-      if (s.component.kind === "list") return;
-      const f = { ...s.component.style, [A]: g };
-      A === "fontSize" && delete f.fontSizePx, r("patch", { style: f });
+    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 x = z(() => ({
-      auto: a.value.auto,
-      left: a.value.left,
-      center: a.value.center,
-      right: a.value.right,
-      justify: a.value.justify
+    const b = z(() => ({
+      auto: o.value.auto,
+      left: o.value.left,
+      center: o.value.center,
+      right: o.value.right,
+      justify: o.value.justify
     }));
-    function E(A) {
-      return A.target.value;
+    function T(I) {
+      return I.target.value;
     }
-    async function G(A) {
-      const g = A.target, f = g.files?.[0];
-      if (!f) return;
-      b.value = "";
-      const I = s.component;
+    async function R(I) {
+      const v = I.target, u = v.files?.[0];
+      if (!u) return;
+      p.value = "";
+      const S = i.component;
       try {
-        if (f.size > 4 * 1024 * 1024 || !["image/png", "image/jpeg", "image/webp", "image/svg+xml"].includes(
-          f.type
+        if (u.size > 4 * 1024 * 1024 || !["image/png", "image/jpeg", "image/webp", "image/svg+xml"].includes(
+          u.type
         ))
-          throw new Error(a.value.imageBudget);
-        const k = new FileReader(), S = await new Promise((c, M) => {
-          k.onload = () => c(String(k.result)), k.onerror = () => M(k.error), k.readAsDataURL(f);
+          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);
         });
-        !s.disabled && s.component === I && r("patch", { imageData: S });
-      } catch (k) {
-        b.value = k instanceof Error ? k.message : String(k);
+        !i.disabled && i.component === S && s("patch", { imageData: L });
+      } catch (C) {
+        p.value = C instanceof Error ? C.message : String(C);
       } finally {
-        g.value = "";
+        v.value = "";
       }
     }
-    return (A, g) => (h(), y("fieldset", {
+    return (I, v) => (h(), M("fieldset", {
       class: "mr-component-properties",
       disabled: t.disabled
     }, [
-      n("h3", null, l(a.value.positionGroup), 1),
-      n("div", tn, [
-        (h(!0), y(U, null, W(m.filter(
-          (f) => t.component.kind !== "list" || f !== "heightMm"
-        ), (f, I) => (h(), y("label", { key: f }, [
-          P(l(_.value[I]), 1),
-          n("input", {
+      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("input", {
             type: "number",
             step: "0.5",
-            min: f === "widthMm" || f === "heightMm" ? 2 : 0,
-            value: e(Se)(t.component)[f],
-            onChange: (k) => d(f, k)
-          }, null, 40, nn)
+            min: u === "widthMm" || u === "heightMm" ? 2 : 0,
+            value: e(be)(t.component)[u],
+            disabled: t.geometryDisabled,
+            onChange: (C) => f(u, C)
+          }, null, 40, xn)
         ]))), 128))
       ]),
-      t.component.kind !== "list" ? (h(), y("label", an, [
-        P(l(a.value.repeatPage), 1),
-        n("select", {
+      t.component.kind !== "list" ? (h(), M("label", kn, [
+        O(l(o.value.repeatPage), 1),
+        a("select", {
           value: t.component.pageAnchor ?? "",
-          onChange: g[0] || (g[0] = (f) => r("patch", { pageAnchor: E(f) || void 0 }))
+          disabled: t.geometryDisabled,
+          onChange: v[0] || (v[0] = (u) => s("patch", { pageAnchor: T(u) || void 0 }))
         }, [
-          n("option", ln, l(a.value.repeatNone), 1),
-          n("option", sn, l(a.value.repeatHeader), 1),
-          n("option", rn, l(a.value.repeatFooter), 1)
-        ], 40, on)
-      ])) : B("", !0),
-      n("h3", null, l(a.value.componentContent), 1),
-      t.component.kind === "text" ? (h(), y("label", dn, [
-        P(l(a.value.componentText), 1),
-        n("textarea", {
+          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("h3", null, l(o.value.componentContent), 1),
+      t.component.kind === "text" ? (h(), M("label", $n, [
+        O(l(o.value.componentText), 1),
+        a("textarea", {
           rows: "4",
           value: t.component.text,
-          onChange: g[1] || (g[1] = (f) => r("patch", { text: E(f) }))
-        }, null, 40, un)
-      ])) : B("", !0),
-      t.component.kind === "image" ? (h(), y(U, { key: 2 }, [
-        n("label", null, [
-          P(l(a.value.imageSource), 1),
-          n("textarea", {
+          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 }, [
+        a("label", null, [
+          O(l(o.value.imageSource), 1),
+          a("textarea", {
             rows: "2",
             value: t.component.imageData,
-            onChange: g[2] || (g[2] = (f) => r("patch", { imageData: E(f) }))
-          }, null, 40, cn)
+            onChange: v[2] || (v[2] = (u) => s("patch", { imageData: T(u) }))
+          }, null, 40, Ln)
         ]),
-        n("label", mn, [
-          P(l(a.value.imageUpload), 1),
-          n("input", {
+        a("label", Rn, [
+          O(l(o.value.imageUpload), 1),
+          a("input", {
             type: "file",
             accept: "image/png,image/jpeg,image/webp,image/svg+xml",
-            "aria-label": a.value.imageUpload,
-            onChange: G
-          }, null, 40, vn)
+            "aria-label": o.value.imageUpload,
+            onChange: R
+          }, null, 40, An)
         ]),
-        b.value ? (h(), y("p", pn, l(b.value), 1)) : B("", !0)
-      ], 64)) : B("", !0),
-      t.component.kind === "text" ? (h(), y("div", hn, [
-        n("h3", null, l(a.value.textFormat), 1),
-        n("div", gn, [
-          n("label", null, [
-            P(l(a.value.fontSize), 1),
-            n("input", {
+        p.value ? (h(), M("p", Dn, l(p.value), 1)) : F("", !0)
+      ], 64)) : F("", !0),
+      t.component.kind === "text" ? (h(), M("div", Tn, [
+        a("h3", null, l(o.value.textFormat), 1),
+        a("div", Pn, [
+          a("label", null, [
+            O(l(o.value.fontSize), 1),
+            a("input", {
               type: "number",
               min: "1",
               max: "200",
-              value: e(Ne)(t.component.style).fontSizePt,
-              onChange: g[3] || (g[3] = (f) => w("fontSize", Number(E(f))))
-            }, null, 40, fn)
+              value: e(Ve)(t.component.style).fontSizePt,
+              onChange: v[3] || (v[3] = (u) => m("fontSize", Number(T(u))))
+            }, null, 40, Hn)
           ]),
-          n("label", null, [
-            P(l(a.value.fontBold), 1),
-            n("input", {
+          a("label", null, [
+            O(l(o.value.fontBold), 1),
+            a("input", {
               type: "checkbox",
               checked: t.component.style?.bold === !0,
-              onChange: g[4] || (g[4] = (f) => w("bold", f.target.checked))
-            }, null, 40, bn)
+              onChange: v[4] || (v[4] = (u) => m("bold", u.target.checked))
+            }, null, 40, Gn)
           ])
         ]),
-        Q(Fe, {
+        le(et, {
           "model-value": t.component.style?.align ?? "left",
-          label: a.value.bodyAlign,
-          labels: x.value,
-          "auto-label": a.value.autoShort,
-          "onUpdate:modelValue": g[5] || (g[5] = (f) => w("align", f))
+          label: o.value.bodyAlign,
+          labels: b.value,
+          "auto-label": o.value.autoShort,
+          "onUpdate:modelValue": v[5] || (v[5] = (u) => m("align", u))
         }, null, 8, ["model-value", "label", "labels", "auto-label"]),
-        n("div", yn, [
-          n("label", null, [
-            P(l(a.value.textColor), 1),
-            n("input", {
+        a("div", zn, [
+          a("label", null, [
+            O(l(o.value.textColor), 1),
+            a("input", {
               type: "color",
               value: t.component.style?.color ?? "#233c5c",
-              onChange: g[6] || (g[6] = (f) => w("color", E(f)))
-            }, null, 40, wn)
+              onChange: v[6] || (v[6] = (u) => m("color", T(u)))
+            }, null, 40, Fn)
           ]),
-          n("label", null, [
-            P(l(a.value.backgroundColor), 1),
-            n("input", {
+          a("label", null, [
+            O(l(o.value.backgroundColor), 1),
+            a("input", {
               type: "color",
               value: t.component.style?.backgroundColor ?? "#ffffff",
-              onChange: g[7] || (g[7] = (f) => w("backgroundColor", E(f)))
-            }, null, 40, kn)
+              onChange: v[7] || (v[7] = (u) => m("backgroundColor", T(u)))
+            }, null, 40, Nn)
           ])
         ])
-      ])) : B("", !0),
-      t.component.kind === "list" ? (h(), y("label", Mn, [
-        P(l(a.value.listDataset), 1),
-        n("input", {
+      ])) : F("", !0),
+      t.component.kind === "list" ? (h(), M("label", Bn, [
+        O(l(o.value.listDataset), 1),
+        a("input", {
           value: t.component.dataset,
-          onChange: g[8] || (g[8] = (f) => r("patch", { dataset: E(f) }))
-        }, null, 40, xn)
-      ])) : B("", !0)
-    ], 8, en));
+          onChange: v[8] || (v[8] = (u) => s("patch", { dataset: T(u) }))
+        }, null, 40, On)
+      ])) : F("", !0)
+    ], 8, wn));
   }
-}), _n = /* @__PURE__ */ Ie(Cn, [["__scopeId", "data-v-2dcbd9cb"]]), Sn = { class: "mr-header-editor" }, $n = ["disabled"], En = ["value"], In = ["value"], An = ["value"], Dn = ["disabled"], Tn = /* @__PURE__ */ Ee({
+}), 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({
   __name: "HeaderStructureEditor",
   props: {
     list: {},
@@ -907,546 +1039,614 @@ const Et = {
     messages: {}
   },
   emits: ["command"],
-  setup(t, { emit: u }) {
-    const s = t, r = u, a = z(() => ({ ...Pe, ...s.messages })), b = j(0), m = j(0), _ = j(Math.min(1, s.list.columns.length - 1));
-    return Z(
-      () => s.list.columns.length,
-      (d) => {
-        m.value = Math.min(m.value, d - 1), _.value = Math.min(_.value, d - 1);
+  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));
+    return ee(
+      () => i.list.columns.length,
+      (f) => {
+        g.value = Math.min(g.value, f - 1), x.value = Math.min(x.value, f - 1);
       }
-    ), (d, w) => (h(), y("details", Sn, [
-      n("summary", null, [
-        P(l(a.value.headerStructure), 1),
-        n("span", null, l(t.list.headerGrid?.cells.length ?? 1) + " " + l(a.value.headerRow), 1)
+    ), (f, m) => (h(), M("details", Wn, [
+      a("summary", null, [
+        O(l(o.value.headerStructure), 1),
+        a("span", null, l(t.list.headerGrid?.cells.length ?? 1) + " " + l(o.value.headerRow), 1)
       ]),
-      n("fieldset", { disabled: t.disabled }, [
-        n("label", null, [
-          P(l(a.value.headerRow), 1),
-          oe(n("select", {
-            "onUpdate:modelValue": w[0] || (w[0] = (x) => b.value = x)
+      a("fieldset", { disabled: t.disabled }, [
+        a("label", null, [
+          O(l(o.value.headerRow), 1),
+          ue(a("select", {
+            "onUpdate:modelValue": m[0] || (m[0] = (b) => p.value = b)
           }, [
-            (h(!0), y(U, null, W(t.list.headerGrid?.cells.length ?? 1, (x) => (h(), y("option", {
-              key: x,
-              value: x - 1
-            }, l(x), 9, En))), 128))
+            (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))
           ], 512), [
             [
-              ye,
-              b.value,
+              He,
+              p.value,
               void 0,
               { number: !0 }
             ]
           ])
         ]),
-        n("label", null, [
-          P(l(a.value.headerFirst), 1),
-          oe(n("select", {
-            "onUpdate:modelValue": w[1] || (w[1] = (x) => m.value = x)
+        a("label", null, [
+          O(l(o.value.headerFirst), 1),
+          ue(a("select", {
+            "onUpdate:modelValue": m[1] || (m[1] = (b) => g.value = b)
           }, [
-            (h(!0), y(U, null, W(t.list.columns, (x, E) => (h(), y("option", {
-              key: E,
-              value: E
-            }, l(E + 1) + " · " + l(x.header), 9, In))), 128))
+            (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))
           ], 512), [
             [
-              ye,
-              m.value,
+              He,
+              g.value,
               void 0,
               { number: !0 }
             ]
           ])
         ]),
-        n("label", null, [
-          P(l(a.value.headerLast), 1),
-          oe(n("select", {
-            "onUpdate:modelValue": w[2] || (w[2] = (x) => _.value = x)
+        a("label", null, [
+          O(l(o.value.headerLast), 1),
+          ue(a("select", {
+            "onUpdate:modelValue": m[2] || (m[2] = (b) => x.value = b)
           }, [
-            (h(!0), y(U, null, W(t.list.columns, (x, E) => (h(), y("option", {
-              key: E,
-              value: E
-            }, l(E + 1) + " · " + l(x.header), 9, An))), 128))
+            (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))
           ], 512), [
             [
-              ye,
-              _.value,
+              He,
+              x.value,
               void 0,
               { number: !0 }
             ]
           ])
         ]),
-        n("div", null, [
-          n("button", {
+        a("div", null, [
+          a("button", {
             type: "button",
-            onClick: w[3] || (w[3] = (x) => r("command", { action: "add", row: b.value, first: m.value, last: _.value }))
-          }, l(a.value.addHeaderRow), 1),
-          n("button", {
+            onClick: m[3] || (m[3] = (b) => s("command", { action: "add", row: p.value, first: g.value, last: x.value }))
+          }, l(o.value.addHeaderRow), 1),
+          a("button", {
             type: "button",
-            disabled: m.value >= _.value,
-            onClick: w[4] || (w[4] = (x) => r("command", { action: "merge", row: b.value, first: m.value, last: _.value }))
-          }, l(a.value.mergeHeader), 9, Dn),
-          n("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),
+          a("button", {
             type: "button",
-            onClick: w[5] || (w[5] = (x) => r("command", { action: "split", row: b.value, first: m.value, last: _.value }))
-          }, l(a.value.splitHeader), 1)
+            onClick: m[5] || (m[5] = (b) => s("command", { action: "split", row: p.value, first: g.value, last: x.value }))
+          }, l(o.value.splitHeader), 1)
         ])
-      ], 8, $n)
+      ], 8, Un)
     ]));
   }
-}), Ln = /* @__PURE__ */ Ie(Tn, [["__scopeId", "data-v-acd607ef"]]);
-function Rn(t, u) {
-  const s = j("preview"), r = j(), a = j(0), b = z(
-    () => ze(t.value, r.value)
+}), 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());
+  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;
+    } else
+      s.value = [I], d.value = I;
+  }
+  const x = z(() => s.value.filter((R) => !p(R)));
+  function f() {
+    const R = 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);
+      });
+    });
+  }
+  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 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 };
+    }
+    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] : [];
+    });
+  }
+  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 };
+}
+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)
   );
-  Z(t, () => {
-    b.value || (r.value = void 0), t.value.template.pages[a.value] || (a.value = 0);
+  ee(t, () => {
+    x.value || (s.value = void 0), t.value.template.pages[o.value] || (o.value = 0);
   });
-  function m(A) {
-    r.value = A, a.value = A.pageIndex;
-  }
-  function _(A) {
-    const g = r.value;
-    return g ? u((f) => {
-      const I = ze(f, g);
-      I && A(I, f);
-    }) : !1;
-  }
-  function d(A) {
-    _((g, f) => {
-      const I = f.template.pages[r.value.pageIndex];
-      Qe(
-        g,
-        je(A, I, g.kind === "list")
+  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 b(u) {
+    p.value || m((S, C) => {
+      const L = C.template.pages[s.value.pageIndex];
+      je(
+        S,
+        Ze(u, L, S.kind === "list")
       );
     });
   }
-  function w(A) {
-    let g = -1;
-    const f = a.value;
-    u((I) => {
-      const k = I.template.pages[f].components;
-      k.push(kt(A)), g = k.length - 1;
-    }) && m({ pageIndex: f, componentIndex: g });
-  }
-  function x() {
-    const A = r.value;
-    A && u((g) => {
-      g.template.pages[A.pageIndex].components.splice(
-        A.componentIndex,
+  function T(u) {
+    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() {
+    if (p.value) return;
+    const u = s.value;
+    u && !g.locked(u) && d((S) => {
+      S.template.pages[u.pageIndex].components.splice(
+        u.componentIndex,
         1
       );
-    }) && (r.value = void 0);
-  }
-  function E() {
-    const A = r.value;
-    if (!A) return;
-    let g = -1;
-    u((f) => {
-      const I = f.template.pages[A.pageIndex], k = JSON.parse(JSON.stringify(ze(f, A))), S = Se(k);
-      S.leftMm += 4, S.topMm += 4, Qe(
-        k,
-        je(S, I, k.kind === "list")
-      ), k.kind === "list" ? delete k.id : (delete k.nid, delete k.rkey), I.components.push(k), g = I.components.length - 1;
-    }) && m({ pageIndex: A.pageIndex, componentIndex: g });
-  }
-  function G(A) {
-    const g = r.value;
-    if (!g) return;
-    const f = g.componentIndex + A;
-    t.value.template.pages[g.pageIndex]?.components[f] && u((I) => {
-      const k = I.template.pages[g.pageIndex].components;
-      k.splice(f, 0, k.splice(g.componentIndex, 1)[0]);
-    }) && m({ pageIndex: g.pageIndex, componentIndex: f });
+    }) && (g.remap(u.pageIndex, u.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) {
+    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 }));
   }
   return {
-    mode: s,
-    selection: r,
-    pageIndex: a,
-    active: b,
-    select: m,
-    mutate: _,
-    geometry: d,
-    insert: w,
-    remove: x,
-    duplicate: E,
-    reorder: G
+    ...g,
+    mode: i,
+    selection: s,
+    pageIndex: o,
+    active: x,
+    geometryDisabled: p,
+    select: f,
+    mutate: m,
+    geometry: b,
+    insert: T,
+    remove: R,
+    duplicate: I,
+    reorder: v
   };
 }
-function Gn(t, u, s) {
-  const { draft: r, lists: a, selected: b, activeList: m, blocked: _, jsonPending: d, error: w } = t, { section: x, activeIndex: E } = u, G = Rn(r, t.transaction), {
-    mode: A,
-    selection: g,
-    pageIndex: f,
-    active: I
-  } = G, k = j("excel"), S = j(/* @__PURE__ */ new Set());
-  Z([x, k], () => {
-    x.value === "tools" && (S.value = /* @__PURE__ */ new Set([...S.value, k.value]));
-  }), Z(g, ($) => {
-    if (!$) return;
-    const L = a.value.findIndex(
-      (R) => R.pageIndex === $.pageIndex && R.componentIndex === $.componentIndex
+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), {
+    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;
+    const k = o.value.findIndex(
+      (A) => A.pageIndex === w.pageIndex && A.componentIndex === w.componentIndex
     );
-    L >= 0 && (b.value = L);
+    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 });
   });
-  const c = z(
-    () => t.editingReadonly.value || _.value || d.value
-  ), M = z(
-    () => s()?.[m.value?.dataset ?? ""]
+  const y = z(
+    () => t.editingReadonly.value || x.value || f.value
+  ), _ = z(
+    () => i()?.[g.value?.dataset ?? ""]
   );
-  function p($) {
-    A.value = $, x.value === "tools" && (x.value = $ === "design" ? "component" : "fields");
+  function $(w) {
+    I.value = w, b.value === "tools" && (b.value = w === "design" ? "component" : "fields");
   }
-  function C($) {
-    if (!r.value.template.pages[$.pageIndex]?.components[$.componentIndex])
+  function D(w) {
+    if (!s.value.template.pages[w.pageIndex]?.components[w.componentIndex])
       return;
-    if (G.select($), r.value.template.pages[$.pageIndex]?.components[$.componentIndex]?.kind === "list") {
-      const R = a.value.findIndex(
-        (H) => H.pageIndex === $.pageIndex && H.componentIndex === $.componentIndex
+    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
       );
-      R >= 0 && (b.value = R), x.value = "fields";
-    } else x.value = "component";
-  }
-  function D($) {
-    const L = $.target;
-    L.value && (G.insert(L.value), A.value = "design", x.value = "component", L.value = "");
-  }
-  function T($) {
-    G.mutate((L, R) => {
-      if (L.kind !== "list" && $.pageAnchor !== L.pageAnchor) {
-        const K = R.template.pages[g.value.pageIndex];
-        $.pageAnchor === "header" && (L.topMm = K.marginTopMm ?? 0), $.pageAnchor === "footer" && (L.topMm = Math.max(
+      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(
           0,
-          K.heightMm - (K.marginBottomMm ?? 0) - L.heightMm
+          P.heightMm - (P.marginBottomMm ?? 0) - k.heightMm
         ));
       }
-      const H = L;
-      for (const [K, ue] of Object.entries($))
-        ue === void 0 ? delete H[K] : H[K] = ue;
+      const E = k;
+      for (const [P, W] of Object.entries(w))
+        W === void 0 ? delete E[P] : E[P] = W;
     });
   }
-  function F($) {
-    const L = a.value[b.value];
-    L && t.transaction((R) => {
-      R.template.pages[L.pageIndex].components[L.componentIndex] = $;
+  function B(w) {
+    const k = o.value[p.value];
+    k && t.transaction((A) => {
+      A.template.pages[k.pageIndex].components[k.componentIndex] = w;
     });
   }
-  function te($) {
-    const L = m.value;
-    if (!L) return;
-    const R = JSON.parse(JSON.stringify(L));
+  function q(w) {
+    const k = g.value;
+    if (!k || s.value.template.pages[o.value[p.value]?.pageIndex ?? -1]?.flow) return;
+    const A = JSON.parse(JSON.stringify(k));
     try {
-      Mt(R, E.value, E.value + $) && (F(R), u.activate(E.value + $));
-    } catch (H) {
-      w.value = H instanceof Error ? H.message : String(H);
+      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);
     }
   }
-  function o($) {
-    const L = a.value[b.value];
-    L && t.transaction((R) => {
-      const H = R.template.pages[L.pageIndex].components[L.componentIndex];
-      H?.kind === "list" && ($.action === "add" ? xt(H) : $.action === "merge" ? Ct(H, $.row, $.first, $.last) : _t(H, $.row, $.first));
+  function ae(w) {
+    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));
     });
   }
-  function q($) {
-    const L = /\.pages\[(\d+)\]\.components\[(\d+)\]/.exec($.path ?? ""), R = $.pageIndex ?? (L ? Number(L[1]) : void 0), H = $.componentIndex ?? (L ? Number(L[2]) : void 0);
-    if (!(R === void 0 || H === void 0) && (A.value = "design", C({ pageIndex: R, componentIndex: H }), $.field)) {
-      const K = m.value?.columns.findIndex(
-        (ue) => ue.field === $.field
+  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
       );
-      K !== void 0 && K >= 0 && u.activate(K);
+      P !== void 0 && P >= 0 && d.activate(P);
     }
   }
   return {
-    mode: A,
-    setMode: p,
-    canvasSelection: g,
-    canvasPage: f,
-    canvasActive: I,
-    tool: k,
-    visitedTools: S,
-    editDisabled: c,
-    dataSchema: M,
-    chooseCanvas: C,
-    insertComponent: D,
-    patchCanvas: T,
-    changeList: F,
-    moveColumn: te,
-    headerCommand: o,
-    locateReview: q,
-    canvas: G
+    mode: I,
+    setMode: $,
+    canvasSelection: v,
+    canvasPage: u,
+    canvasActive: S,
+    tool: C,
+    visitedTools: L,
+    editDisabled: y,
+    dataSchema: _,
+    chooseCanvas: D,
+    insertComponent: H,
+    patchCanvas: G,
+    changeList: B,
+    moveColumn: q,
+    headerCommand: ae,
+    locateReview: n,
+    canvas: R
   };
 }
-function Pn(t, u, s) {
+function na(t, d, i) {
   if (!t.length) return;
-  const r = Math.max(0, t.indexOf(u)), b = {
-    ArrowDown: Math.min(r + 1, t.length - 1),
-    ArrowUp: Math.max(r - 1, 0),
+  const s = Math.max(0, t.indexOf(d)), p = {
+    ArrowDown: Math.min(s + 1, t.length - 1),
+    ArrowUp: Math.max(s - 1, 0),
     Home: 0,
     End: t.length - 1
-  }[s];
-  return b === void 0 ? void 0 : t[b];
+  }[i];
+  return p === void 0 ? void 0 : t[p];
 }
-function Hn(t, u, s) {
-  const r = j(!1), a = j(t.activeIndex.value), b = j(null), m = j(null), _ = j(null), d = j(null);
-  function w(S = !1) {
-    const c = d.value, M = c?.querySelector(
-      `button[data-column-index="${a.value}"]`
+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(
+      `button[data-column-index="${o.value}"]`
     );
-    if (!c || !M) return;
-    S && M.focus({ preventScroll: !0 });
-    const p = c.getBoundingClientRect(), C = M.getBoundingClientRect(), D = p.top + c.clientTop, T = D + c.clientHeight;
-    C.top < D ? c.scrollTop += C.top - D : C.bottom > T && (c.scrollTop += C.bottom - T);
-  }
-  async function x(S = !1) {
-    r.value && (r.value = !1, S && (await de(), b.value?.focus({ preventScroll: !0 })));
-  }
-  async function E() {
-    if (r.value) return x(!0);
-    const S = s.value.map((c) => c.index);
-    a.value = S.includes(t.activeIndex.value) ? t.activeIndex.value : S[0] ?? -1, r.value = !0, await de(), _.value?.focus({ preventScroll: !0 }), w();
-  }
-  function G(S) {
-    t.activate(S), x(!0);
-  }
-  function A(S) {
-    r.value && (S.preventDefault(), S.stopPropagation(), x(!0));
-  }
-  async function g(S) {
-    const c = Pn(
-      s.value.map((M) => M.index),
-      a.value,
-      S.key
+    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);
+  }
+  async function b(L = !1) {
+    s.value && (s.value = !1, L && (await me(), 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();
+  }
+  function R(L) {
+    t.activate(L), b(!0);
+  }
+  function I(L) {
+    s.value && (L.preventDefault(), L.stopPropagation(), b(!0));
+  }
+  async function v(L) {
+    const y = na(
+      i.value.map((_) => _.index),
+      o.value,
+      L.key
     );
-    c !== void 0 && (a.value = c, S.preventDefault(), await de(), w(!0));
-  }
-  async function f(S) {
-    if (!["ArrowDown", "ArrowUp", "Enter"].includes(S.key)) return;
-    S.preventDefault(), S.stopPropagation();
-    const c = s.value.map((M) => M.index);
-    if (c.length) {
-      if (S.key === "Enter") {
-        c.includes(a.value) && G(a.value);
+    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);
         return;
       }
-      S.key === "ArrowUp" && (a.value = c.at(-1)), await de(), w(!0);
+      L.key === "ArrowUp" && (o.value = y.at(-1)), await me(), m(!0);
     }
   }
-  function I(S) {
-    const c = S.target;
-    !r.value || m.value?.contains(c) || b.value?.contains(c) || x();
-  }
-  function k(S) {
-    const c = S.relatedTarget;
-    !c || m.value?.contains(c) || b.value?.contains(c) || x();
-  }
-  return Z(s, (S) => {
-    S.some((c) => c.index === a.value) || (a.value = S[0]?.index ?? -1);
-  }), Z(u, () => {
-    x();
-  }), ht(() => document.addEventListener("pointerdown", I)), $e(() => document.removeEventListener("pointerdown", I)), {
-    open: r,
-    cursor: a,
-    trigger: b,
-    panel: m,
-    search: _,
-    list: d,
-    toggle: E,
-    close: x,
-    choose: G,
-    escape: A,
-    navigate: g,
-    searchKeydown: f,
-    leave: k
+  function S(L) {
+    const y = L.target;
+    !s.value || g.value?.contains(y) || p.value?.contains(y) || b();
+  }
+  function C(L) {
+    const y = L.relatedTarget;
+    !y || g.value?.contains(y) || p.value?.contains(y) || b();
+  }
+  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)), {
+    open: s,
+    cursor: o,
+    trigger: p,
+    panel: g,
+    search: x,
+    list: f,
+    toggle: T,
+    close: b,
+    choose: R,
+    escape: I,
+    navigate: v,
+    searchKeydown: u,
+    leave: C
   };
 }
-function Vn(t, u, s, r) {
-  const a = j(0), b = j(""), m = j([]), _ = z(
+function oa(t, d, i, s) {
+  const o = N(0), p = N(""), g = N([]), x = z(
     () => t.value.template.pages.flatMap(
-      (c, M) => c.components.flatMap(
-        (p, C) => p.kind === "list" ? [{ component: p, pageIndex: M, componentIndex: C }] : []
+      (y, _) => y.components.flatMap(
+        ($, D) => $.kind === "list" ? [{ component: $, pageIndex: _, componentIndex: D }] : []
       )
     )
-  ), d = z(
-    () => _.value[a.value]?.component
-  ), w = z(() => {
-    const c = d.value;
-    if (!c) return [];
-    const M = c.columns.map(
-      (p) => p.headerStyle?.align ?? p.headerAlign ?? c.headerStyle?.align ?? c.headerAlign ?? p.style?.align ?? "center"
+  ), 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"
     );
-    if (c.headerGrid && u())
-      for (const p of ve(c.headerGrid, c.widthMm, 100).cells)
-        for (let C = p.ci; C < p.ci + (p.cell.colSpan ?? 1); C++)
-          M[C] = p.cell.style?.align ?? "left";
-    return M;
-  }), x = z(() => {
-    const c = b.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
-    return (d.value?.columns ?? []).flatMap((M, p) => {
-      const C = `${M.header} ${M.field}`.toLocaleLowerCase();
-      return c.every((D) => C.includes(D)) ? [{ column: M, index: p }] : [];
+    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";
+    return _;
+  }), b = z(() => {
+    const y = p.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
+    return (f.value?.columns ?? []).flatMap((_, $) => {
+      const D = `${_.header} ${_.field}`.toLocaleLowerCase();
+      return y.every((H) => D.includes(H)) ? [{ column: _, index: $ }] : [];
     });
   });
-  function E(c, M) {
-    m.value = M ? [.../* @__PURE__ */ new Set([...m.value, c])] : m.value.filter((p) => p !== c);
-  }
-  function G(c) {
-    for (const M of x.value) E(M.index, c);
-  }
-  function A() {
-    m.value = [];
-  }
-  function g(c, M, p) {
-    if (!s()) return;
-    const C = d.value?.columns[c];
-    C && (M === "hidden" && p === !0 && !d.value?.columns.some(
-      (D, T) => T !== c && !D.hidden
-    ) || (Object.assign(C, { [M]: M === "widthMm" ? Number(p) : p }), M === "header" && I(c, String(p)), M === "headerAlign" && k(
-      c,
-      p
-    ), M === "widthMm" && f(), r()));
-  }
-  function f() {
-    const c = _.value[a.value];
-    if (!c) return;
-    const M = c.component, p = t.value.template.pages[c.pageIndex], C = M.columns.map((D) => D.widthMm);
-    M.headerGrid && (M.headerGrid.colWidthsMm = C), p.layout === "wide" && C.every((D) => Number.isFinite(D) && D > 0) && (M.widthMm = C.reduce((D, T) => D + T, 0), p.widthMm = Math.max(
-      ...p.components.map(
-        (D) => D.leftMm + D.widthMm
+  function T(y, _) {
+    g.value = _ ? [.../* @__PURE__ */ new Set([...g.value, y])] : g.value.filter(($) => $ !== y);
+  }
+  function R(y) {
+    for (const _ of b.value) T(_.index, y);
+  }
+  function I() {
+    g.value = [];
+  }
+  function v(y, _, $) {
+    if (!i()) return;
+    const D = x.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(
+        (H) => H.leftMm + H.widthMm
       )
-    ) + (p.marginRightMm ?? 0));
-  }
-  function I(c, M) {
-    const p = d.value;
-    if (!p?.headerGrid) return;
-    const D = ve(p.headerGrid, p.widthMm, 100).cells.filter(({ ci: T, cell: F }) => T <= c && T + (F.colSpan ?? 1) > c).slice(-1)[0];
-    D && (Object.assign(D.cell, { text: M, rawText: M, value: M }), p.columns.slice(D.ci, D.ci + (D.cell.colSpan ?? 1)).forEach((T) => {
-      T.header = M;
+    ) + ($.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) => {
+      G.header = _;
     }));
   }
-  function k(c, M) {
-    const p = d.value, C = p?.columns[c];
-    if (C?.headerStyle?.align !== void 0 && (C.headerStyle = { ...C.headerStyle, align: M }), !p?.headerGrid) return;
-    const T = ve(p.headerGrid, p.widthMm, 100).cells.filter(({ ci: F, cell: te }) => F <= c && F + (te.colSpan ?? 1) > c).slice(-1)[0];
-    T && (T.cell.style = { ...T.cell.style, align: M }, p.columns.slice(T.ci, T.ci + (T.cell.colSpan ?? 1)).forEach((F) => {
-      F.headerAlign = M, F.headerStyle?.align !== void 0 && (F.headerStyle = { ...F.headerStyle, align: M });
+  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(c, M) {
-    if (!(!s() || c === "headerAlign" && M === "auto")) {
-      for (const p of m.value) {
-        const C = d.value?.columns[p];
-        C && (Object.assign(C, { [c]: M }), c === "headerAlign" && k(
-          p,
-          M
+  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(
+          $,
+          _
         ));
       }
-      r();
+      s();
     }
   }
   return {
-    selected: a,
-    query: b,
-    selectedColumns: m,
-    lists: _,
-    activeList: d,
-    headerAlignments: w,
-    visibleColumns: x,
-    toggleColumn: E,
-    selectVisible: G,
-    clearSelection: A,
-    setColumn: g,
-    alignColumns: S
+    selected: o,
+    query: p,
+    selectedColumns: g,
+    lists: x,
+    activeList: f,
+    headerAlignments: m,
+    visibleColumns: b,
+    toggleColumn: T,
+    selectVisible: R,
+    clearSelection: I,
+    setColumn: v,
+    alignColumns: L
   };
 }
-function be(t) {
+function Ie(t) {
   return t.kind === "snapshot" ? t.value.length * 2 : (t.removed.length + t.inserted.length) * 2 + 16;
 }
-function Bn(t, u, s = !1) {
-  const r = { kind: "snapshot", value: u };
-  if (s) return r;
-  let a = 0;
-  const b = Math.min(t.length, u.length);
-  for (; a < b && t.charCodeAt(a) === u.charCodeAt(a); ) a++;
-  let m = t.length, _ = u.length;
-  for (; m > a && _ > a && t.charCodeAt(m - 1) === u.charCodeAt(_ - 1); )
-    m--, _--;
-  const d = { kind: "patch", start: a, removed: t.slice(a, m), inserted: u.slice(a, _) };
-  return be(d) < be(r) ? d : r;
+function la(t, d, i = !1) {
+  const s = { kind: "snapshot", value: d };
+  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;
 }
-function Le(t, u, s = !1) {
-  if (u.kind === "snapshot") return u.value;
-  const r = s ? u.inserted : u.removed, a = s ? u.removed : u.inserted;
-  return t.slice(0, u.start) + a + t.slice(u.start + r.length);
+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 zn(t, u = { entries: 100, bytes: 16 * 1024 * 1024 }) {
-  if (![u.entries, u.bytes].every((g) => Number.isSafeInteger(g) && g > 0)) throw new RangeError("History budgets must be positive safe integers");
-  const s = nt([{ kind: "snapshot", value: t }]), r = j(0), a = j(t), b = z(() => r.value > 0), m = z(() => r.value + 1 < s.value.length), _ = z(() => a.value), d = z(() => s.value.reduce((g, f) => g + be(f), 0));
-  function w(g) {
-    s.value = [{ kind: "snapshot", value: g }], r.value = 0, a.value = g;
-  }
-  function x(g) {
-    let f = g;
-    for (; f > 0 && s.value[f].kind !== "snapshot"; ) f--;
-    let I = "";
-    for (; f <= g; f++) I = Le(I, s.value[f]);
-    return I;
-  }
-  function E(g) {
-    let f = g.reduce((I, k) => I + be(k), 0);
-    for (; g.length > 1 && (g.length > u.entries || f > u.bytes); ) {
-      const I = g[0], k = g[1], S = { kind: "snapshot", value: Le(I.value, k) };
-      f += be(S) - be(I) - be(k), g.splice(0, 2, S);
+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 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);
     }
-    return g;
+    return v;
   }
-  function G(g) {
-    if (a.value === g) return;
-    const f = s.value.slice(0, r.value + 1);
-    f.push(Bn(a.value, g, f.length % 20 === 0)), s.value = E(f), r.value = s.value.length - 1, a.value = g;
+  function R(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;
   }
-  function A(g) {
-    if (g < 0 ? !b.value : !m.value) return;
-    const f = s.value[r.value];
-    return g < 0 && f.kind === "patch" ? a.value = Le(a.value, f, !0) : g > 0 ? a.value = Le(a.value, s.value[r.value + 1]) : a.value = x(r.value - 1), r.value += g, a.value;
+  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;
   }
-  return { canUndo: b, canRedo: m, current: _, retainedBytes: d, reset: w, record: G, move: A };
+  return { canUndo: p, canRedo: g, current: x, retainedBytes: f, reset: m, record: R, move: I };
 }
-function Nn(t) {
-  const u = nt(null), s = j(!1);
-  let r, a = 0;
-  function b(d) {
-    r?.(d), r = void 0, u.value = null;
-  }
-  function m() {
-    a++, b(!1), s.value = !1;
-  }
-  async function _(d) {
-    m();
-    const w = a, x = t();
-    s.value = !0;
+function sa(t) {
+  const d = pt(null), i = N(!1);
+  let s, o = 0;
+  function p(f) {
+    s?.(f), s = void 0, d.value = null;
+  }
+  function g() {
+    o++, p(!1), i.value = !1;
+  }
+  async function x(f) {
+    g();
+    const m = o, b = t();
+    i.value = !0;
     try {
-      const E = await new Promise((G, A) => {
-        if (r = G, !x) {
-          u.value = d;
+      const T = await new Promise((R, I) => {
+        if (s = R, !b) {
+          d.value = f;
           return;
         }
-        Promise.resolve().then(() => a === w ? x(d) : !1).then((g) => {
-          a === w && b(g === !0);
-        }, (g) => {
-          a === w && (r = void 0, u.value = null, A(g));
+        Promise.resolve().then(() => o === m ? b(f) : !1).then((v) => {
+          o === m && p(v === !0);
+        }, (v) => {
+          o === m && (s = void 0, d.value = null, I(v));
         });
       });
-      return a === w && E === !0;
+      return o === m && T === !0;
     } finally {
-      a === w && (s.value = !1);
+      o === m && (i.value = !1);
     }
   }
-  return $e(m), { confirmation: u, pending: s, decide: b, request: _, cancel: m };
+  return Ae(g), { confirmation: d, pending: i, decide: p, request: x, cancel: g };
 }
-function jn(t, u) {
-  const s = j(Y(t.modelValue)), r = j(me(s.value)), a = j(me(s.value)), b = j(""), m = j(!1), _ = z(() => ({
-    ...Pe,
+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,
     ...t.messages
-  })), d = z(() => ({
+  })), f = z(() => ({
     showExport: !1,
     showPrint: !1,
     showPdfWindow: !1,
@@ -1465,286 +1665,301 @@ function jn(t, u) {
       ...t.preview?.theme
     }
   }));
-  ft({
+  _t({
     get defaults() {
-      return d.value;
+      return f.value;
     }
   });
-  let w, x = 0;
-  const E = z(
-    () => Ye(s.value)
-  ), G = z(() => {
+  let m, b = 0;
+  const T = z(
+    () => dt(i.value)
+  ), R = z(() => {
     try {
-      return me(s.value) !== r.value;
+      return xe(i.value) !== s.value;
     } catch {
       return !0;
     }
-  }), A = j(a.value), g = z(() => a.value !== A.value), f = z(
-    () => G.value || a.value !== A.value
-  ), I = () => JSON.stringify({
-    document: s.value,
-    json: a.value,
-    appliedJson: A.value
-  }), k = zn(I()), S = Nn(() => t.beforeDiscard), c = z(() => m.value || S.pending.value), M = () => !t.readonly && !c.value && !g.value, p = Vn(
-    s,
-    () => E.value.ok,
-    M,
-    H
-  ), { selected: C, lists: D, activeList: T, headerAlignments: F, setColumn: te } = p;
-  Z(C, () => p.clearSelection());
-  const o = z(
-    () => E.value.ok ? bt({
+  }), 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++;
+  }
+  const _ = z(
+    () => R.value || o.value !== I.value || L.value
+  ), $ = () => 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(
+    i,
+    () => T.value.ok,
+    B,
+    se
+  ), { selected: ae, lists: n, activeList: w, headerAlignments: k, setColumn: A } = q;
+  ee(ae, () => q.clearSelection());
+  const E = z(
+    () => T.value.ok ? It({
       draft: {
-        template: s.value.template,
+        template: i.value.template,
         datasets: t.datasets ?? {},
         params: []
       }
     }) : void 0
   );
-  function q() {
-    x++, w?.abort(), w = void 0, m.value = !1;
+  function P() {
+    b++, m?.abort(), m = void 0, g.value = !1;
   }
-  let $ = 0;
-  async function L(V = "replace", N) {
-    if (!f.value) return !0;
-    const J = I();
+  let W = 0;
+  async function Z(V = "replace", j) {
+    if (!_.value) return !0;
+    const Y = $(), ve = S.value;
     try {
-      return await S.request({
+      return await H.request({
         reason: V,
         document: JSON.parse(
-          JSON.stringify(s.value)
+          JSON.stringify(i.value)
         ),
-        replacement: N ? Y(N) : void 0,
+        replacement: j ? ne(j) : void 0,
         pendingLocalChanges: !0
-      }) && J === I();
-    } catch (ne) {
-      return b.value = ne instanceof Error ? ne.message : String(ne), !1;
+      }) && Y === $() && ve === S.value;
+    } catch (Ee) {
+      return p.value = Ee instanceof Error ? Ee.message : String(Ee), !1;
     }
   }
-  function R(V) {
-    q(), s.value = V, r.value = me(V), a.value = r.value, A.value = a.value, b.value = "", C.value = 0, p.clearSelection(), k.reset(I());
+  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($());
   }
-  Z(
+  ee(
     () => t.modelValue,
     async (V) => {
-      let N;
+      let j;
       try {
-        N = Y(V);
-      } catch (ne) {
-        b.value = ne instanceof Error ? ne.message : String(ne);
+        j = ne(V);
+      } catch (ve) {
+        p.value = ve instanceof Error ? ve.message : String(ve);
         return;
       }
       try {
-        if (me(N) === me(s.value))
+        if (xe(j) === xe(i.value))
           return;
       } catch {
       }
-      const J = ++$;
-      if (q(), !await L("replace", N)) {
-        J === $ && E.value.ok && u("update:modelValue", Y(s.value));
+      const Y = ++W;
+      if (P(), !await Z("replace", j)) {
+        Y === W && T.value.ok && d("update:modelValue", ne(i.value));
         return;
       }
-      J === $ && R(N);
+      Y === W && Se(j);
     }
-  ), $e(() => {
-    $++, q();
+  ), Ae(() => {
+    W++, P();
   });
-  function H() {
-    S.cancel(), b.value = "", E.value.ok && (a.value = me(s.value), A.value = a.value, u("update:modelValue", Y(s.value))), k.record(I());
+  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($());
   }
-  function K(V) {
-    if (!M()) return !1;
+  function ge(V) {
+    if (!B()) return !1;
     try {
-      const N = Y(s.value);
-      V(N);
-      const J = Ye(N);
-      if (!J.ok)
+      const j = ne(i.value);
+      V(j);
+      const Y = dt(j);
+      if (!Y.ok)
         throw new Error(
-          J.errors.map((ne) => `${ne.path}: ${ne.message}`).join(`
+          Y.errors.map((ve) => `${ve.path}: ${ve.message}`).join(`
 `)
         );
-      return s.value = N, H(), !0;
-    } catch (N) {
-      return b.value = N instanceof Error ? N.message : String(N), !1;
+      return i.value = j, se(), !0;
+    } catch (j) {
+      return p.value = j instanceof Error ? j.message : String(j), !1;
     }
   }
-  async function ue(V) {
-    if (!M()) return !1;
+  async function ce(V) {
+    if (!B()) return !1;
     try {
-      const N = Y(V);
-      return !await L("replace", N) || !M() ? !1 : (s.value = N, C.value = 0, p.clearSelection(), H(), !0);
-    } catch (N) {
-      return b.value = N instanceof Error ? N.message : String(N), !1;
+      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;
     }
   }
-  function xe(V) {
-    M() && (s.value.name = V, H());
+  function oe(V) {
+    B() && (i.value.name = V, se());
   }
-  function Ae(V) {
-    M() && (s.value.description = V, H());
+  function ye(V) {
+    B() && (i.value.description = V, se());
   }
-  function pe() {
-    if (!(t.readonly || c.value))
+  function he() {
+    if (!(t.readonly || G.value))
       try {
-        const V = Y(a.value);
-        if (V.id !== s.value.id)
+        const V = ne(o.value);
+        if (V.id !== i.value.id)
           throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
-        if (V.revision !== s.value.revision)
+        if (V.revision !== i.value.revision)
           throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
-        s.value = V, C.value = 0, p.clearSelection(), H();
+        i.value = V, ae.value = 0, q.clearSelection(), se();
       } catch (V) {
-        b.value = V instanceof Error ? V.message : String(V);
+        p.value = V instanceof Error ? V.message : String(V);
       }
   }
-  async function se() {
-    c.value || t.readonly || !await L("reset") || (R(Y(r.value)), u("update:modelValue", Y(s.value)));
-  }
-  function ie(V) {
-    if (c.value || t.readonly) return;
-    k.record(I());
-    const N = k.move(V);
-    if (!N) return;
-    S.cancel();
-    const J = JSON.parse(N);
-    s.value = J.document, a.value = J.json, A.value = J.appliedJson, b.value = "", C.value = 0, p.clearSelection(), E.value.ok && u("update:modelValue", Y(s.value));
-  }
-  async function he() {
-    if (!t.save || !M() || !E.value.ok) return;
-    const V = ++x;
-    w = new AbortController(), m.value = !0, b.value = "";
-    const N = Y(s.value);
+  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;
+      return;
+    }
+    const V = ++b;
+    m = new AbortController(), g.value = !0, p.value = "";
+    const j = ne(i.value);
     try {
-      const J = Y(
-        await t.save(N, {
-          expectedRevision: N.revision,
-          signal: w.signal
+      const Y = ne(
+        await t.save(j, {
+          expectedRevision: j.revision,
+          signal: m.signal
         })
       );
-      if (V !== x) return;
-      if (J.id !== N.id)
+      if (V !== b) return;
+      if (Y.id !== j.id)
         throw new Error("保存服务返回了其他模板的文档");
-      s.value = J, r.value = me(J), a.value = r.value, A.value = a.value, k.reset(I()), u("saved", Y(J)), u("update:modelValue", Y(J));
-    } catch (J) {
-      V === x && (b.value = J instanceof Error ? J.message : String(J));
+      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));
+    } catch (Y) {
+      V === b && (p.value = Y instanceof Error ? Y.message : String(Y));
     } finally {
-      V === x && (m.value = !1, w = void 0);
+      V === b && (g.value = !1, m = void 0);
     }
   }
-  const we = z(
-    () => k.canUndo.value || I() !== k.current.value
-  ), le = z(
-    () => k.canRedo.value && I() === k.current.value
+  const Je = z(
+    () => D.canUndo.value || $() !== D.current.value
+  ), Fe = z(
+    () => D.canRedo.value && $() === D.current.value
   );
   return {
-    ...p,
+    ...q,
     editingReadonly: z(() => t.readonly === !0),
-    transaction: K,
-    replaceDocument: ue,
-    originalDocument: z(() => Y(r.value)),
-    canUndo: we,
-    canRedo: le,
-    undo: () => ie(-1),
-    redo: () => ie(1),
-    pendingLocalChanges: f,
-    jsonPending: g,
-    blocked: c,
-    confirmation: S.confirmation,
-    decideDiscard: S.decide,
-    guardChanges: L,
-    draft: s,
-    json: a,
-    selected: C,
-    error: b,
-    saving: m,
-    dirty: G,
-    validation: E,
-    lists: D,
-    activeList: T,
-    headerAlignments: F,
-    previewOptions: d,
-    fetcher: o,
-    messages: _,
-    setName: xe,
-    setDescription: Ae,
-    setColumn: te,
-    applyJson: pe,
-    reset: se,
-    save: he
+    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,
+    jsonPending: v,
+    blocked: G,
+    confirmation: H.confirmation,
+    decideDiscard: H.decide,
+    guardChanges: Z,
+    draft: i,
+    json: o,
+    selected: ae,
+    error: p,
+    saving: g,
+    dirty: R,
+    validation: T,
+    lists: n,
+    activeList: w,
+    headerAlignments: k,
+    previewOptions: f,
+    fetcher: E,
+    messages: x,
+    setName: oe,
+    setDescription: ye,
+    setColumn: A,
+    applyJson: he,
+    reset: _e,
+    save: $e
   };
 }
-function Fn(t, u) {
-  const s = j("fields"), r = () => u.value?.columns.length ? 0 : -1, a = j(r()), b = z(() => {
-    const d = u.value?.columns[a.value];
-    return d ? { column: d, index: a.value } : void 0;
+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];
+    return f ? { column: f, index: o.value } : void 0;
   });
-  Z(t, () => {
-    a.value = r();
-  }), Z(u, (d) => {
-    d?.columns[a.value] || (a.value = r());
+  ee(t, () => {
+    o.value = s();
+  }), ee(d, (f) => {
+    f?.columns[o.value] || (o.value = s());
   });
-  function m(d) {
-    u.value?.columns[d] && (a.value = d);
+  function g(f) {
+    d.value?.columns[f] && (o.value = f);
   }
-  function _(d) {
-    const w = u.value?.columns.length ?? 0;
-    w && (a.value = Math.max(
+  function x(f) {
+    const m = d.value?.columns.length ?? 0;
+    m && (o.value = Math.max(
       0,
-      Math.min(w - 1, a.value + d)
+      Math.min(m - 1, o.value + f)
     ));
   }
-  return { section: s, activeIndex: a, activeColumn: b, activate: m, stepColumn: _ };
+  return { section: i, activeIndex: o, activeColumn: p, activate: g, stepColumn: x };
 }
-const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn = { class: "mr-designer-heading" }, Kn = ["aria-label"], Wn = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], Xn = ["aria-label"], qn = ["aria-pressed"], Yn = ["aria-pressed"], Qn = { class: "mr-designer-actions" }, Zn = { class: "mr-designer-history" }, ea = ["aria-label", "title", "disabled"], ta = ["aria-label", "title", "disabled"], na = ["disabled"], aa = ["disabled"], oa = ["aria-label"], la = {
-  key: 0,
-  class: "mr-designer-tools"
-}, sa = ["aria-label"], ia = ["aria-pressed", "onClick"], ra = { class: "mr-designer-tool-content" }, da = {
-  key: 2,
+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 = {
+  key: 3,
   class: "mr-designer-rule-workspace"
-}, ua = { key: 0 }, ca = ["value"], ma = {
+}, Ea = { key: 0 }, La = ["value"], Ra = ["value"], Aa = {
   key: 2,
   class: "mr-designer-note"
-}, va = {
+}, Da = {
   key: 1,
   class: "mr-designer-inspector"
-}, pa = ["id", "aria-labelledby"], ha = {
+}, Ta = ["id", "aria-labelledby"], Pa = {
+  key: 0,
+  class: "mr-designer-flow-note"
+}, Ha = {
   key: 0,
   class: "mr-designer-area"
-}, ga = ["value"], fa = { class: "mr-designer-current" }, ba = ["aria-expanded", "aria-controls"], ya = { class: "mr-designer-current-name" }, wa = { class: "mr-designer-directory-entry" }, ka = { class: "mr-designer-field-position" }, Ma = ["aria-label"], xa = ["aria-label", "title", "disabled"], Ca = ["aria-label", "title", "disabled"], _a = ["disabled", "aria-label"], Sa = { class: "mr-designer-property-group" }, $a = ["value"], Ea = ["value", "list"], Ia = ["id"], Aa = ["value"], Da = { class: "mr-designer-property-group" }, Ta = { class: "mr-designer-format-pair" }, La = { class: "mr-designer-stacked" }, Ra = ["value"], Ga = { class: "mr-designer-stacked" }, Pa = ["value"], Ha = { value: "identifier" }, Va = { value: "dimension" }, Ba = { value: "measure" }, za = { value: "date" }, Na = { value: "text" }, ja = { class: "mr-designer-control-row" }, Fa = { class: "mr-designer-control-row" }, Oa = { class: "mr-designer-toggle" }, Ua = ["checked"], Ja = { class: "mr-designer-column-structure" }, Ka = ["aria-label", "title", "disabled"], Wa = ["aria-label", "title", "disabled"], Xa = ["checked", "disabled"], qa = ["id", "aria-label"], Ya = { class: "mr-designer-directory-heading" }, Qa = ["aria-label"], Za = { class: "mr-designer-search" }, eo = ["aria-label", "placeholder"], to = ["aria-label", "title"], no = { class: "mr-designer-column-tools" }, ao = ["disabled"], oo = {
+}, 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 = {
   key: 1,
   role: "status"
-}, lo = { key: 2 }, so = ["aria-label"], io = ["aria-label", "checked", "disabled", "onChange"], ro = ["data-column-index", "aria-pressed", "tabindex", "onClick"], uo = { class: "mr-designer-column-number" }, co = { class: "mr-designer-column-name" }, mo = {
+}, $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 = {
   key: 0,
   role: "status",
   class: "mr-designer-empty"
-}, vo = {
+}, Po = {
   key: 0,
   class: "mr-designer-batch"
-}, po = ["aria-label", "disabled"], ho = { value: "" }, go = { value: "auto" }, fo = { value: "left" }, bo = { value: "center" }, yo = { value: "right" }, wo = { value: "justify" }, ko = ["aria-label", "disabled"], Mo = { value: "" }, xo = { value: "left" }, Co = { value: "center" }, _o = { value: "right" }, So = { value: "justify" }, $o = {
+}, 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 = {
   key: 2,
   role: "status",
   class: "mr-designer-empty"
-}, Eo = { class: "mr-designer-object-tools" }, Io = ["aria-label", "disabled"], Ao = { value: "" }, Do = { value: "text" }, To = { value: "list" }, Lo = { value: "image" }, Ro = { value: "rect" }, Go = ["title", "aria-label", "disabled"], Po = ["title", "aria-label", "disabled"], Ho = { key: 0 }, Vo = ["value"], Bo = { class: "mr-designer-stacked" }, zo = ["value"], No = {
+}, 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 = {
   value: -1,
   disabled: ""
-}, jo = ["value"], Fo = { class: "mr-designer-layer-tools" }, Oo = ["disabled"], Uo = ["disabled"], Jo = {
-  key: 2,
+}, ul = ["value"], cl = {
+  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 = {
+  key: 3,
   class: "mr-designer-empty"
-}, Ko = { class: "mr-designer-stacked" }, Wo = ["value", "disabled"], Xo = { class: "mr-designer-stacked" }, qo = ["value", "disabled"], Yo = { class: "mr-designer-technical" }, Qo = { class: "mr-designer-identity" }, Zo = { class: "mr-designer-stacked mr-designer-json-label" }, el = ["aria-label", "disabled"], tl = ["disabled"], nl = {
-  key: 4,
+}, $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 = {
+  key: 5,
   role: "status",
   class: "mr-designer-note mr-designer-pending"
-}, al = ["aria-label"], ol = {
+}, zl = ["aria-label"], Fl = {
   key: 0,
   role: "alert",
   class: "mr-designer-error"
-}, ll = {
+}, Nl = {
   key: 1,
   role: "alert",
   class: "mr-designer-error"
-}, sl = {
+}, Bl = {
   key: 4,
   class: "mr-designer-note mr-designer-invalid"
-}, il = /* @__PURE__ */ Ee({
+}, Ol = /* @__PURE__ */ Ge({
   __name: "ReportTemplateEditor",
   props: {
     modelValue: {},
@@ -1759,928 +1974,1015 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
     save: { type: Function }
   },
   emits: ["update:modelValue", "saved", "excel-bound"],
-  setup(t, { expose: u, emit: s }) {
-    const r = Me(
-      () => import("./ExcelBindingWizard-RLJIXKKG.js")
-    ), a = Me(() => import("./RuleEditor-CtJFzKuY.js")), b = Me(
-      () => import("./TemplateReviewPanel-Cn32OY4_.js")
-    ), m = t, _ = s, d = jn(m, (X, v) => {
-      _(X === "saved" ? "saved" : "update:modelValue", v);
+  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(
+      () => import("./TemplateReviewPanel-BKofGrV9.js")
+    ), x = t, f = i, m = ra(x, (J, c) => {
+      f(J === "saved" ? "saved" : "update:modelValue", c);
     }), {
-      draft: w,
-      json: x,
-      selected: E,
-      error: G,
-      saving: A,
-      pendingLocalChanges: g,
-      jsonPending: f,
-      blocked: I,
-      confirmation: k,
-      canUndo: S,
-      canRedo: c,
-      validation: M,
-      lists: p,
-      activeList: C,
-      visibleColumns: D,
-      query: T,
-      selectedColumns: F,
-      fetcher: te,
-      messages: o
-    } = d, q = Fn(E, C), { section: $, activeIndex: L, activeColumn: R } = q, H = `mr-designer-${gt()?.uid ?? 0}`, K = [
+      draft: b,
+      json: T,
+      selected: R,
+      error: I,
+      saving: v,
+      pendingLocalChanges: u,
+      jsonPending: S,
+      blocked: C,
+      confirmation: L,
+      canUndo: y,
+      canRedo: _,
+      validation: $,
+      lists: D,
+      activeList: H,
+      visibleColumns: G,
+      query: B,
+      selectedColumns: q,
+      fetcher: ae,
+      messages: n
+    } = m;
+    function w(J) {
+      return m.transaction((c) => {
+        c.template.params = J;
+      });
+    }
+    const k = da(R, H), { section: A, activeIndex: E, activeColumn: P } = k, W = `mr-designer-${St()?.uid ?? 0}`, Z = [
       "fields",
       "component",
       "template",
       "tools",
       "advanced"
-    ], ue = Gn(
-      d,
-      q,
-      () => m.dataSchemas
+    ], Se = ta(
+      m,
+      k,
+      () => x.dataSchemas
     ), {
-      mode: xe,
-      setMode: Ae,
-      canvasSelection: pe,
-      canvasPage: se,
-      canvasActive: ie,
+      mode: se,
+      setMode: ge,
+      canvasSelection: ce,
+      canvasPage: oe,
+      canvasActive: ye,
       tool: he,
-      visitedTools: we,
-      editDisabled: le,
-      dataSchema: V,
-      chooseCanvas: N,
-      insertComponent: J,
-      patchCanvas: ne,
-      changeList: at,
-      moveColumn: Ue,
-      headerCommand: ot,
-      locateReview: lt,
-      canvas: ce
-    } = ue, st = z(
-      () => A.value ? o.value.saving : m.readonly ? o.value.readonly : g.value ? o.value.dirty : o.value.ready
-    ), Je = j(null), He = j(null), ee = Hn(q, $, D), {
-      open: Ke,
-      cursor: it,
-      trigger: rt,
-      panel: dt,
-      search: ut,
-      list: ct
-    } = ee;
-    Z($, async () => {
-      await de(), He.value && (He.value.scrollTop = 0);
+      visitedTools: _e,
+      editDisabled: te,
+      dataSchema: $e,
+      chooseCanvas: Je,
+      insertComponent: Fe,
+      patchCanvas: V,
+      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";
+    }
+    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
+    } = ie;
+    ee(A, async () => {
+      await me(), qe.value && (qe.value.scrollTop = 0);
     });
-    const We = z(() => ({
-      auto: o.value.auto,
-      left: o.value.left,
-      center: o.value.center,
-      right: o.value.right,
-      justify: o.value.justify
+    const ot = z(() => ({
+      auto: n.value.auto,
+      left: n.value.left,
+      center: n.value.center,
+      right: n.value.right,
+      justify: n.value.justify
     }));
-    let De = null;
-    Z(k, async (X) => {
-      X ? (De = document.activeElement, await de(), Je.value?.focus()) : (await de(), De?.isConnected && De.focus(), De = null);
-    }), u({
+    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({
       get pendingLocalChanges() {
-        return g.value;
+        return u.value;
       },
       get saving() {
-        return A.value;
+        return v.value;
       },
       get blocked() {
-        return I.value;
+        return C.value;
       },
-      guardChanges: d.guardChanges,
-      reset: d.reset,
-      save: d.save
+      guardChanges: m.guardChanges,
+      reset: m.reset,
+      save: m.save
     });
-    async function mt(X) {
-      const v = { ...X.document, id: w.value.id };
-      if (w.value.revision === void 0 ? delete v.revision : v.revision = w.value.revision, !await d.replaceDocument(v)) return;
-      const i = Y(d.draft.value);
-      _("excel-bound", { ...X, document: i, session: { ...X.session, identity: { id: i.id, name: i.name } } });
+    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 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 it(J) {
+      const c = J.target, r = Number(c.value);
+      if (m.isToolPending("rules") && !await m.guardChanges()) {
+        c.value = String(R.value);
+        return;
+      }
+      R.value = r;
     }
-    function ge(X) {
-      return X.target.value;
+    function we(J) {
+      return J.target.value;
     }
-    function Ve(X) {
-      return X.target.checked;
+    function Xe(J) {
+      return J.target.checked;
     }
-    function Xe(X, v) {
-      const i = X.target;
-      d.alignColumns(
-        v,
-        i.value
-      ), i.value = "";
+    function st(J, c) {
+      const r = J.target;
+      m.alignColumns(
+        c,
+        r.value
+      ), r.value = "";
     }
-    async function vt(X) {
-      const i = {
+    async function kt(J) {
+      const r = {
         ArrowRight: 1,
         ArrowLeft: -1,
-        Home: -K.length,
-        End: K.length
-      }[X.key];
-      if (i === void 0) return;
-      X.preventDefault();
-      const O = K.indexOf($.value), ke = X.key === "Home" ? 0 : X.key === "End" ? K.length - 1 : (O + i + K.length) % K.length;
-      $.value = K[ke];
-      const pt = X.currentTarget.parentElement;
-      await de(), pt?.querySelector(`#${H}-tab-${$.value}`)?.focus();
+        Home: -Z.length,
+        End: Z.length
+      }[J.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();
     }
-    return (X, v) => (h(), y("section", {
+    return (J, c) => (h(), M("section", {
       class: "mr-designer",
-      "aria-label": e(o).title,
-      "aria-busy": e(A)
+      "aria-label": e(n).title,
+      "aria-busy": e(v)
     }, [
-      n("header", Un, [
-        n("div", Jn, [
-          Q(ae, {
+      a("header", ca, [
+        a("div", ma, [
+          le(re, {
             name: "columns",
             size: 15
           }),
-          n("strong", null, l(e(o).heading), 1),
-          n("span", {
-            class: _e({ "mr-designer-dirty": e(g) })
-          }, l(st.value), 3)
+          a("strong", null, l(e(n).heading), 1),
+          a("span", {
+            class: Pe({ "mr-designer-dirty": e(u) })
+          }, l(ht.value), 3)
         ]),
-        n("nav", {
+        a("nav", {
           class: "mr-designer-tabs",
           role: "tablist",
-          "aria-label": e(o).sectionsLabel
+          "aria-label": e(n).sectionsLabel
         }, [
-          (h(), y(U, null, W(K, (i) => n("button", {
-            id: `${H}-tab-${i}`,
-            key: i,
+          (h(), M(K, null, Q(Z, (r) => a("button", {
+            id: `${W}-tab-${r}`,
+            key: r,
             type: "button",
             role: "tab",
-            "aria-selected": e($) === i,
-            "aria-controls": `${H}-panel-${i}`,
-            tabindex: e($) === i ? 0 : -1,
-            onClick: (O) => $.value = i,
-            onKeydown: vt
-          }, l(e(o)[`${i}Section`]), 41, Wn)), 64))
-        ], 8, Kn),
-        n("div", {
+            "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),
+        a("div", {
           class: "mr-designer-mode",
           role: "group",
-          "aria-label": e(o).design
+          "aria-label": e(n).design
         }, [
-          n("button", {
+          a("button", {
             type: "button",
-            "aria-pressed": e(xe) === "design",
-            onClick: v[0] || (v[0] = (i) => e(Ae)("design"))
-          }, l(e(o).design), 9, qn),
-          n("button", {
+            "aria-pressed": e(se) === "design",
+            onClick: c[0] || (c[0] = (r) => e(ge)("design"))
+          }, l(e(n).design), 9, ha),
+          a("button", {
             type: "button",
-            "aria-pressed": e(xe) === "preview",
-            onClick: v[1] || (v[1] = (i) => e(Ae)("preview"))
-          }, l(e(o).preview), 9, Yn)
-        ], 8, Xn),
-        n("div", Qn, [
-          n("div", Zn, [
-            n("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, [
+            a("button", {
               type: "button",
               class: "mr-designer-icon-button",
-              "aria-label": e(o).undo,
-              title: e(o).undo,
-              disabled: t.readonly || e(I) || !e(S),
-              onClick: v[2] || (v[2] = //@ts-ignore
-              (...i) => e(d).undo && e(d).undo(...i))
-            }, [...v[48] || (v[48] = [
-              n("svg", {
+              "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();
+              })
+            }, [...c[53] || (c[53] = [
+              a("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 "aria-hidden": "true"
               }, [
-                n("path", { d: "M4 10h10a6 6 0 0 1 0 12M4 10l5-5M4 10l5 5" })
+                a("path", { d: "M4 10h10a6 6 0 0 1 0 12M4 10l5-5M4 10l5 5" })
               ], -1)
-            ])], 8, ea),
-            n("button", {
+            ])], 8, wa),
+            a("button", {
               type: "button",
               class: "mr-designer-icon-button",
-              "aria-label": e(o).redo,
-              title: e(o).redo,
-              disabled: t.readonly || e(I) || !e(c),
-              onClick: v[3] || (v[3] = //@ts-ignore
-              (...i) => e(d).redo && e(d).redo(...i))
-            }, [...v[49] || (v[49] = [
-              n("svg", {
+              "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();
+              })
+            }, [...c[54] || (c[54] = [
+              a("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
                 "aria-hidden": "true"
               }, [
-                n("path", { d: "M20 10H10a6 6 0 0 0 0 12m10-12-5-5m5 5-5 5" })
+                a("path", { d: "M20 10H10a6 6 0 0 0 0 12m10-12-5-5m5 5-5 5" })
               ], -1)
-            ])], 8, ta)
+            ])], 8, Ma)
           ]),
-          n("button", {
+          a("button", {
             type: "button",
             class: "mr-designer-reset",
-            disabled: t.readonly || e(I) || !e(g),
-            onClick: v[4] || (v[4] = //@ts-ignore
-            (...i) => e(d).reset && e(d).reset(...i))
-          }, l(e(o).reset), 9, na),
-          t.save ? (h(), y("button", {
+            disabled: t.readonly || e(C) || !e(u),
+            onClick: c[4] || (c[4] = //@ts-ignore
+            (...r) => e(m).reset && e(m).reset(...r))
+          }, l(e(n).reset), 9, xa),
+          t.save ? (h(), M("button", {
             key: 0,
             type: "button",
             class: "mr-designer-save",
-            disabled: t.readonly || e(I) || e(f) || !e(M).ok || !e(g),
-            onClick: v[5] || (v[5] = //@ts-ignore
-            (...i) => e(d).save && e(d).save(...i))
+            disabled: t.readonly || e(C) || e(S) || e(m).toolPending.value || !e($).ok || !e(u),
+            onClick: c[5] || (c[5] = //@ts-ignore
+            (...r) => e(m).save && e(m).save(...r))
           }, [
-            Q(ae, {
+            le(re, {
               name: "file",
               size: 13
             }),
-            P(l(e(A) ? e(o).saving : e(o).save), 1)
-          ], 8, aa)) : B("", !0)
+            O(l(e(v) ? e(n).saving : e(n).save), 1)
+          ], 8, ka)) : F("", !0)
         ])
       ]),
-      e(k) ? (h(), y("div", {
+      e(L) ? (h(), M("div", {
         key: 0,
         role: "alertdialog",
-        "aria-label": e(o).discardTitle,
+        "aria-label": e(n).discardTitle,
         class: "mr-designer-confirm",
-        onKeydown: v[8] || (v[8] = Be(tt((i) => e(d).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
+        onKeydown: c[8] || (c[8] = Ye(vt((r) => e(m).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
       }, [
-        n("div", null, [
-          n("strong", null, l(e(o).discardTitle), 1),
-          n("p", null, l(e(o).discardDescription), 1)
+        a("div", null, [
+          a("strong", null, l(e(n).discardTitle), 1),
+          a("p", null, l(e(n).discardDescription), 1)
         ]),
-        n("div", null, [
-          n("button", {
+        a("div", null, [
+          a("button", {
             ref_key: "keepButton",
-            ref: Je,
+            ref: nt,
             type: "button",
-            onClick: v[6] || (v[6] = (i) => e(d).decideDiscard(!1))
-          }, l(e(o).keepEditing), 513),
-          n("button", {
+            onClick: c[6] || (c[6] = (r) => e(m).decideDiscard(!1))
+          }, l(e(n).keepEditing), 513),
+          a("button", {
             type: "button",
-            onClick: v[7] || (v[7] = (i) => e(d).decideDiscard(!0))
-          }, l(e(o).discard), 1)
+            onClick: c[7] || (c[7] = (r) => e(m).decideDiscard(!0))
+          }, l(e(n).discard), 1)
         ])
-      ], 40, oa)) : B("", !0),
-      n("div", {
-        class: _e(["mr-designer-body", { "is-tools": e($) === "tools" }])
+      ], 40, Ca)) : F("", !0),
+      a("div", {
+        class: Pe(["mr-designer-body", { "is-tools": e(A) === "tools" }])
       }, [
-        e(we).size ? oe((h(), y("div", la, [
-          n("nav", {
+        e(_e).size ? ue((h(), M("div", {
+          key: e(m).toolEpoch.value,
+          class: "mr-designer-tools"
+        }, [
+          a("nav", {
             class: "mr-designer-tool-tabs",
-            "aria-label": e(o).toolsSection
+            "aria-label": e(n).toolsSection
           }, [
-            (h(), y(U, null, W(["excel", "rules", "review"], (i) => n("button", {
-              key: i,
+            (h(), M(K, null, Q(["excel", "rules", "params", "review"], (r) => a("button", {
+              key: r,
               type: "button",
-              "aria-pressed": e(he) === i,
-              onClick: (O) => he.value = i
-            }, l(e(o)[`${i}Tool`]), 9, ia)), 64)),
-            n("span", null, l(e(o).toolsDescription), 1)
-          ], 8, sa),
-          n("div", ra, [
-            e(we).has("excel") ? oe((h(), fe(e(r), {
+              "aria-pressed": e(he) === r,
+              onClick: (U) => he.value = r
+            }, l(e(n)[`${r}Tool`]), 9, _a)), 64)),
+            a("span", null, l(e(n).toolsDescription), 1)
+          ], 8, Sa),
+          a("div", Ia, [
+            e(_e).has("params") ? ue((h(), Me(e(o), {
               key: 0,
+              document: e(b),
+              readonly: e(te),
+              accept: w,
+              onDirty: c[9] || (c[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), {
+              key: 1,
               datasets: t.bindingDatasets ?? [],
               session: t.bindingSession,
-              identity: { id: e(w).id, name: e(w).name },
+              identity: { id: e(b).id, name: e(b).name },
               "lock-id": "",
-              readonly: e(le),
-              onApply: mt
+              readonly: e(te),
+              accept: xt,
+              onDirty: c[10] || (c[10] = (r) => e(m).setToolPending("excel", r))
             }, null, 8, ["datasets", "session", "identity", "readonly"])), [
               [Te, e(he) === "excel"]
-            ]) : B("", !0),
-            e(we).has("review") ? oe((h(), fe(e(b), {
-              key: 1,
-              document: e(w),
-              previous: e(d).originalDocument.value,
+            ]) : F("", !0),
+            e(_e).has("review") ? ue((h(), Me(e(g), {
+              key: 2,
+              document: e(b),
+              previous: e(m).originalDocument.value,
               datasets: t.datasets,
               "data-schemas": t.dataSchemas,
-              onLocate: e(lt)
+              onLocate: e(Ee)
             }, null, 8, ["document", "previous", "datasets", "data-schemas", "onLocate"])), [
               [Te, e(he) === "review"]
-            ]) : B("", !0),
-            e(we).has("rules") ? oe((h(), y("div", da, [
-              e(p).length > 1 ? (h(), y("label", ua, [
-                P(l(e(o).area), 1),
-                oe(n("select", {
-                  "onUpdate:modelValue": v[9] || (v[9] = (i) => Ce(E) ? E.value = i : null)
+            ]) : F("", !0),
+            e(_e).has("rules") ? ue((h(), M("div", $a, [
+              e(D).length > 1 ? (h(), M("label", Ea, [
+                O(l(e(n).area), 1),
+                a("select", {
+                  value: e(R),
+                  onChange: it
                 }, [
-                  (h(!0), y(U, null, W(e(p), (i, O) => (h(), y("option", {
-                    key: O,
-                    value: O
-                  }, l(i.component.title || i.component.dataset), 9, ca))), 128))
-                ], 512), [
-                  [ye, e(E)]
-                ])
-              ])) : B("", !0),
-              e(C) ? (h(), fe(e(a), {
+                  (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), {
                 key: 1,
-                list: e(C),
+                list: e(H),
                 datasets: t.datasets,
-                "dataset-schema": e(V),
+                "dataset-schema": e($e),
                 "dataset-schemas": t.dataSchemas,
-                readonly: e(le),
-                onChange: e(at)
-              }, null, 8, ["list", "datasets", "dataset-schema", "dataset-schemas", "readonly", "onChange"])) : (h(), y("p", ma, l(e(o).rulesNeedList), 1))
+                readonly: e(te),
+                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))
             ], 512)), [
               [Te, e(he) === "rules"]
-            ]) : B("", !0)
+            ]) : F("", !0)
           ])
-        ], 512)), [
-          [Te, e($) === "tools"]
-        ]) : B("", !0),
-        e($) !== "tools" ? (h(), y("aside", va, [
-          n("div", {
+        ])), [
+          [Te, e(A) === "tools"]
+        ]) : F("", !0),
+        e(A) !== "tools" ? (h(), M("aside", Da, [
+          a("div", {
             ref_key: "inspectorPanel",
-            ref: He,
-            id: `${H}-panel-${e($)}`,
-            class: _e(["mr-designer-panel", { "is-advanced": e($) === "advanced" }]),
+            ref: qe,
+            id: `${W}-panel-${e(A)}`,
+            class: Pe(["mr-designer-panel", { "is-advanced": e(A) === "advanced" }]),
             role: "tabpanel",
-            "aria-labelledby": `${H}-tab-${e($)}`
+            "aria-labelledby": `${W}-tab-${e(A)}`
           }, [
-            e($) === "fields" ? (h(), y(U, { key: 0 }, [
-              e(p).length > 1 ? (h(), y("label", ha, [
-                P(l(e(o).area), 1),
-                oe(n("select", {
-                  "onUpdate:modelValue": v[10] || (v[10] = (i) => Ce(E) ? E.value = i : null)
+            de.value || De.value ? (h(), M("div", Pa, [
+              a("small", null, l(e(n).flowLayout), 1),
+              a("button", {
+                type: "button",
+                onClick: gt
+              }, l(e(n).excelTool) + " ↗", 1)
+            ])) : F("", !0),
+            e(A) === "fields" ? (h(), M(K, { key: 1 }, [
+              e(D).length > 1 ? (h(), M("label", Ha, [
+                O(l(e(n).area), 1),
+                a("select", {
+                  value: e(R),
+                  onChange: it
                 }, [
-                  (h(!0), y(U, null, W(e(p), (i, O) => (h(), y("option", {
-                    key: O,
-                    value: O
-                  }, l(i.pageIndex + 1) + " " + l(e(o).page) + " · " + l(i.component.title || i.component.dataset), 9, ga))), 128))
-                ], 512), [
-                  [ye, e(E)]
-                ])
-              ])) : B("", !0),
-              e(C) ? (h(), y(U, { key: 1 }, [
-                n("div", fa, [
-                  n("button", {
+                  (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, [
+                  a("button", {
                     ref_key: "directoryTrigger",
-                    ref: rt,
+                    ref: bt,
                     type: "button",
                     class: "mr-designer-field-trigger",
-                    "aria-expanded": e(Ke),
-                    "aria-controls": `${H}-directory`,
+                    "aria-expanded": e(at),
+                    "aria-controls": `${W}-directory`,
                     "aria-haspopup": "dialog",
-                    onClick: v[11] || (v[11] = //@ts-ignore
-                    (...i) => e(ee).toggle && e(ee).toggle(...i)),
-                    onKeydown: v[12] || (v[12] = Be(
+                    onClick: c[12] || (c[12] = //@ts-ignore
+                    (...r) => e(ie).toggle && e(ie).toggle(...r)),
+                    onKeydown: c[13] || (c[13] = Ye(
                       //@ts-ignore
-                      (...i) => e(ee).escape && e(ee).escape(...i),
+                      (...r) => e(ie).escape && e(ie).escape(...r),
                       ["esc"]
                     ))
                   }, [
-                    n("span", ya, [
-                      n("strong", null, l(e(R)?.column.header || e(o).noColumns), 1),
-                      n("small", null, l(e(R)?.column.field || "—"), 1)
+                    a("span", Ba, [
+                      a("strong", null, l(e(P)?.column.header || e(n).noColumns), 1),
+                      a("small", null, l(e(P)?.column.field || "—"), 1)
                     ]),
-                    n("span", wa, [
-                      P(l(e(o).columnDirectory) + " ", 1),
-                      n("b", null, l(e(C).columns.length), 1),
-                      Q(ae, {
+                    a("span", Oa, [
+                      O(l(e(n).columnDirectory) + " ", 1),
+                      a("b", null, l(e(H).columns.length), 1),
+                      le(re, {
                         name: "chevron-down",
                         size: 13
                       })
                     ])
-                  ], 40, ba),
-                  n("div", ka, [
-                    n("span", {
-                      "aria-label": e(o).fieldPosition
+                  ], 40, Na),
+                  a("div", Va, [
+                    a("span", {
+                      "aria-label": e(n).fieldPosition
                     }, [
-                      P(l(e(L) >= 0 ? e(L) + 1 : 0), 1),
-                      v[50] || (v[50] = n("i", null, "/", -1)),
-                      P(l(e(C).columns.length), 1)
-                    ], 8, Ma),
-                    n("button", {
+                      O(l(e(E) >= 0 ? e(E) + 1 : 0), 1),
+                      c[55] || (c[55] = a("i", null, "/", -1)),
+                      O(l(e(H).columns.length), 1)
+                    ], 8, ja),
+                    a("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(o).previousColumn,
-                      title: e(o).previousColumn,
-                      disabled: e(L) <= 0,
-                      onClick: v[13] || (v[13] = (i) => e(q).stepColumn(-1))
+                      "aria-label": e(n).previousColumn,
+                      title: e(n).previousColumn,
+                      disabled: e(E) <= 0,
+                      onClick: c[14] || (c[14] = (r) => e(k).stepColumn(-1))
                     }, [
-                      Q(ae, {
+                      le(re, {
                         name: "chevron-left",
                         size: 14
                       })
-                    ], 8, xa),
-                    n("button", {
+                    ], 8, Wa),
+                    a("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(o).nextColumn,
-                      title: e(o).nextColumn,
-                      disabled: e(L) >= e(C).columns.length - 1,
-                      onClick: v[14] || (v[14] = (i) => e(q).stepColumn(1))
+                      "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))
                     }, [
-                      Q(ae, {
+                      le(re, {
                         name: "chevron-right",
                         size: 14
                       })
-                    ], 8, Ca)
+                    ], 8, Ua)
                   ])
                 ]),
-                e(R) ? (h(), y("fieldset", {
+                e(P) ? (h(), M("fieldset", {
                   key: 0,
                   class: "mr-designer-properties",
-                  disabled: t.readonly || e(I) || e(f),
-                  "aria-label": e(o).columnProperties
+                  disabled: t.readonly || e(C) || e(S),
+                  "aria-label": e(n).columnProperties
                 }, [
-                  n("div", Sa, [
-                    n("h3", null, l(e(o).contentGroup), 1),
-                    n("label", null, [
-                      P(l(e(o).header), 1),
-                      n("input", {
-                        value: e(R).column.header,
-                        onInput: v[15] || (v[15] = (i) => e(d).setColumn(
-                          e(R).index,
+                  a("div", Ja, [
+                    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(
+                          e(P).index,
                           "header",
-                          ge(i)
+                          we(r)
                         ))
-                      }, null, 40, $a)
+                      }, null, 40, qa)
                     ]),
-                    n("label", null, [
-                      P(l(e(o).field), 1),
-                      n("input", {
-                        value: e(R).column.field,
-                        list: e(V) ? `${H}-fields` : void 0,
-                        onChange: v[16] || (v[16] = (i) => e(d).setColumn(
-                          e(R).index,
+                    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(
+                          e(P).index,
                           "field",
-                          ge(i)
+                          we(r)
                         ))
-                      }, null, 40, Ea)
+                      }, null, 40, Xa)
                     ]),
-                    e(V) ? (h(), y("datalist", {
+                    e($e) ? (h(), M("datalist", {
                       key: 0,
-                      id: `${H}-fields`
+                      id: `${W}-fields`
                     }, [
-                      (h(!0), y(U, null, W(e(V).fields, (i) => (h(), y("option", {
-                        key: i.field,
-                        value: i.field
-                      }, l(i.label) + " · " + l(i.type) + " " + l(i.unit), 9, Aa))), 128))
-                    ], 8, Ia)) : B("", !0)
+                      (h(!0), M(K, null, Q(e($e).fields, (r) => (h(), M("option", {
+                        key: r.field,
+                        value: r.field
+                      }, l(r.label) + " · " + l(r.type) + " " + l(r.unit), 9, Qa))), 128))
+                    ], 8, Ya)) : F("", !0)
                   ]),
-                  n("div", Da, [
-                    n("h3", null, l(e(o).formatGroup), 1),
-                    n("div", Ta, [
-                      n("label", La, [
-                        P(l(e(o).width), 1),
-                        n("input", {
+                  a("div", Za, [
+                    a("h3", null, l(e(n).formatGroup), 1),
+                    a("div", eo, [
+                      a("label", to, [
+                        O(l(e(n).width), 1),
+                        a("input", {
                           type: "number",
                           min: "0.1",
                           step: "0.5",
-                          value: e(R).column.widthMm,
-                          onChange: v[17] || (v[17] = (i) => e(d).setColumn(
-                            e(R).index,
+                          value: e(P).column.widthMm,
+                          disabled: De.value,
+                          onChange: c[18] || (c[18] = (r) => e(m).setColumn(
+                            e(P).index,
                             "widthMm",
-                            ge(i)
+                            we(r)
                           ))
-                        }, null, 40, Ra)
+                        }, null, 40, no)
                       ]),
-                      n("label", Ga, [
-                        P(l(e(o).semantic), 1),
-                        n("select", {
-                          value: e(R).column.semanticRole || "text",
-                          onChange: v[18] || (v[18] = (i) => e(d).setColumn(
-                            e(R).index,
+                      a("label", ao, [
+                        O(l(e(n).semantic), 1),
+                        a("select", {
+                          value: e(P).column.semanticRole || "text",
+                          onChange: c[19] || (c[19] = (r) => e(m).setColumn(
+                            e(P).index,
                             "semanticRole",
-                            ge(i)
+                            we(r)
                           ))
                         }, [
-                          n("option", Ha, l(e(o).identifier), 1),
-                          n("option", Va, l(e(o).dimension), 1),
-                          n("option", Ba, l(e(o).measure), 1),
-                          n("option", za, l(e(o).date), 1),
-                          n("option", Na, l(e(o).text), 1)
-                        ], 40, Pa)
+                          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)
                       ])
                     ]),
-                    n("div", ja, [
-                      n("span", null, l(e(o).bodyAlign), 1),
-                      Q(Fe, {
-                        "model-value": e(R).column.align ?? e(R).column.style?.align ?? e(C).align ?? "left",
-                        label: e(o).bodyAlign,
-                        labels: We.value,
-                        "auto-label": e(o).autoShort,
+                    a("div", co, [
+                      a("span", null, l(e(n).bodyAlign), 1),
+                      le(et, {
+                        "model-value": e(P).column.align ?? e(P).column.style?.align ?? e(H).align ?? "left",
+                        label: e(n).bodyAlign,
+                        labels: ot.value,
+                        "auto-label": e(n).autoShort,
                         "allow-auto": "",
-                        "onUpdate:modelValue": v[19] || (v[19] = (i) => e(d).setColumn(e(R).index, "align", i))
+                        "onUpdate:modelValue": c[20] || (c[20] = (r) => e(m).setColumn(e(P).index, "align", r))
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ]),
-                    n("div", Fa, [
-                      n("span", null, l(e(o).headerAlign), 1),
-                      Q(Fe, {
-                        "model-value": e(d).headerAlignments.value[e(R).index] || "left",
-                        label: e(o).headerAlign,
-                        labels: We.value,
-                        "auto-label": e(o).autoShort,
-                        "onUpdate:modelValue": v[20] || (v[20] = (i) => e(d).setColumn(
-                          e(R).index,
+                    a("div", mo, [
+                      a("span", null, l(e(n).headerAlign), 1),
+                      le(et, {
+                        "model-value": e(m).headerAlignments.value[e(P).index] || "left",
+                        label: e(n).headerAlign,
+                        labels: ot.value,
+                        "auto-label": e(n).autoShort,
+                        "onUpdate:modelValue": c[21] || (c[21] = (r) => e(m).setColumn(
+                          e(P).index,
                           "headerAlign",
-                          i
+                          r
                         ))
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ])
                   ]),
-                  n("label", Oa, [
-                    P(l(e(o).editable), 1),
-                    n("input", {
+                  a("label", vo, [
+                    O(l(e(n).editable), 1),
+                    a("input", {
                       type: "checkbox",
                       role: "switch",
-                      checked: e(R).column.editable === !0,
-                      onChange: v[21] || (v[21] = (i) => e(d).setColumn(
-                        e(R).index,
+                      checked: e(P).column.editable === !0,
+                      onChange: c[22] || (c[22] = (r) => e(m).setColumn(
+                        e(P).index,
                         "editable",
-                        Ve(i)
+                        Xe(r)
                       ))
-                    }, null, 40, Ua)
+                    }, null, 40, po)
                   ]),
-                  n("div", Ja, [
-                    n("span", null, l(e(o).columnOrder), 1),
-                    n("button", {
+                  a("div", go, [
+                    a("span", null, l(e(n).columnOrder), 1),
+                    a("button", {
                       type: "button",
-                      "aria-label": e(o).moveColumnLeft,
-                      title: e(o).moveColumnLeft,
-                      disabled: e(L) <= 0,
-                      onClick: v[22] || (v[22] = (i) => e(Ue)(-1))
+                      "aria-label": e(n).moveColumnLeft,
+                      title: e(n).moveColumnLeft,
+                      disabled: De.value || e(E) <= 0,
+                      onClick: c[23] || (c[23] = (r) => e(Y)(-1))
                     }, [
-                      Q(ae, {
+                      le(re, {
                         name: "chevron-left",
                         size: 13
                       })
-                    ], 8, Ka),
-                    n("button", {
+                    ], 8, ho),
+                    a("button", {
                       type: "button",
-                      "aria-label": e(o).moveColumnRight,
-                      title: e(o).moveColumnRight,
-                      disabled: e(L) >= e(C).columns.length - 1,
-                      onClick: v[23] || (v[23] = (i) => e(Ue)(1))
+                      "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))
                     }, [
-                      Q(ae, {
+                      le(re, {
                         name: "chevron-right",
                         size: 13
                       })
-                    ], 8, Wa),
-                    n("label", null, [
-                      P(l(e(o).columnVisible), 1),
-                      n("input", {
+                    ], 8, fo),
+                    a("label", null, [
+                      O(l(e(n).columnVisible), 1),
+                      a("input", {
                         type: "checkbox",
-                        checked: e(R).column.hidden !== !0,
-                        disabled: e(R).column.hidden !== !0 && e(C).columns.filter((i) => !i.hidden).length === 1,
-                        onChange: v[24] || (v[24] = (i) => e(d).setColumn(
-                          e(R).index,
+                        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(
+                          e(P).index,
                           "hidden",
-                          !Ve(i)
+                          !Xe(r)
                         ))
-                      }, null, 40, Xa)
+                      }, null, 40, bo)
                     ])
                   ])
-                ], 8, _a)) : B("", !0),
-                e(Ke) ? (h(), y("div", {
+                ], 8, Ka)) : F("", !0),
+                e(at) ? (h(), M("div", {
                   key: 1,
-                  id: `${H}-directory`,
+                  id: `${W}-directory`,
                   ref_key: "directoryPanel",
-                  ref: dt,
+                  ref: yt,
                   role: "dialog",
-                  "aria-label": e(o).columnDirectory,
+                  "aria-label": e(n).columnDirectory,
                   class: "mr-designer-directory",
-                  onKeydown: v[34] || (v[34] = Be(
+                  onKeydown: c[35] || (c[35] = Ye(
                     //@ts-ignore
-                    (...i) => e(ee).escape && e(ee).escape(...i),
+                    (...r) => e(ie).escape && e(ie).escape(...r),
                     ["esc"]
                   )),
-                  onFocusout: v[35] || (v[35] = //@ts-ignore
-                  (...i) => e(ee).leave && e(ee).leave(...i))
+                  onFocusout: c[36] || (c[36] = //@ts-ignore
+                  (...r) => e(ie).leave && e(ie).leave(...r))
                 }, [
-                  n("div", Ya, [
-                    n("strong", null, [
-                      P(l(e(o).columnDirectory) + " ", 1),
-                      n("span", null, l(e(C).columns.length), 1)
+                  a("div", wo, [
+                    a("strong", null, [
+                      O(l(e(n).columnDirectory) + " ", 1),
+                      a("span", null, l(e(H).columns.length), 1)
                     ]),
-                    n("button", {
+                    a("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(o).closeDirectory,
-                      onClick: v[25] || (v[25] = (i) => e(ee).close(!0))
+                      "aria-label": e(n).closeDirectory,
+                      onClick: c[26] || (c[26] = (r) => e(ie).close(!0))
                     }, [
-                      Q(ae, {
+                      le(re, {
                         name: "close",
                         size: 15
                       })
-                    ], 8, Qa)
+                    ], 8, Mo)
                   ]),
-                  n("div", Za, [
-                    Q(ae, {
+                  a("div", xo, [
+                    le(re, {
                       name: "search",
                       size: 14
                     }),
-                    oe(n("input", {
+                    ue(a("input", {
                       ref_key: "directorySearch",
-                      ref: ut,
-                      "onUpdate:modelValue": v[26] || (v[26] = (i) => Ce(T) ? T.value = i : null),
+                      ref: wt,
+                      "onUpdate:modelValue": c[27] || (c[27] = (r) => Oe(B) ? B.value = r : null),
                       type: "search",
-                      "aria-label": e(o).columnsSearch,
-                      placeholder: e(o).columnsSearch,
-                      onKeydown: v[27] || (v[27] = //@ts-ignore
-                      (...i) => e(ee).searchKeydown && e(ee).searchKeydown(...i))
-                    }, null, 40, eo), [
-                      [qe, e(T)]
+                      "aria-label": e(n).columnsSearch,
+                      placeholder: e(n).columnsSearch,
+                      onKeydown: c[28] || (c[28] = //@ts-ignore
+                      (...r) => e(ie).searchKeydown && e(ie).searchKeydown(...r))
+                    }, null, 40, ko), [
+                      [rt, e(B)]
                     ]),
-                    e(T) ? (h(), y("button", {
+                    e(B) ? (h(), M("button", {
                       key: 0,
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(o).clearSearch,
-                      title: e(o).clearSearch,
-                      onClick: v[28] || (v[28] = (i) => T.value = "")
+                      "aria-label": e(n).clearSearch,
+                      title: e(n).clearSearch,
+                      onClick: c[29] || (c[29] = (r) => B.value = "")
                     }, [
-                      Q(ae, {
+                      le(re, {
                         name: "close",
                         size: 13
                       })
-                    ], 8, to)) : B("", !0)
+                    ], 8, Co)) : F("", !0)
                   ]),
-                  n("div", no, [
-                    n("button", {
+                  a("div", So, [
+                    a("button", {
                       type: "button",
-                      disabled: t.readonly || e(I) || e(f) || !e(D).length,
-                      onClick: v[29] || (v[29] = (i) => e(d).selectVisible(!0))
-                    }, l(e(o).selectVisible), 9, ao),
-                    e(F).length ? (h(), y("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", {
                       key: 0,
                       type: "button",
-                      onClick: v[30] || (v[30] = //@ts-ignore
-                      (...i) => e(d).clearSelection && e(d).clearSelection(...i))
-                    }, l(e(o).clearSelection), 1)) : B("", !0),
-                    e(F).length ? (h(), y("span", oo, l(e(o).columnsSelected) + " " + l(e(F).length), 1)) : (h(), y("span", lo, l(e(D).length) + " / " + l(e(C).columns.length), 1))
+                      onClick: c[31] || (c[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))
                   ]),
-                  n("div", {
+                  a("div", {
                     ref_key: "columnList",
-                    ref: ct,
+                    ref: Mt,
                     class: "mr-designer-column-list",
-                    "aria-label": e(o).columnDirectory,
+                    "aria-label": e(n).columnDirectory,
                     role: "group"
                   }, [
-                    (h(!0), y(U, null, W(e(D), ({ column: i, index: O }) => (h(), y("div", {
-                      key: O,
-                      class: _e(["mr-designer-column-row", { "is-active": e(L) === O }])
+                    (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 }])
                     }, [
-                      n("input", {
+                      a("input", {
                         type: "checkbox",
-                        "aria-label": `${e(o).selectColumn} ${i.header}`,
-                        checked: e(F).includes(O),
-                        disabled: t.readonly || e(I) || e(f),
-                        onChange: (ke) => e(d).toggleColumn(O, Ve(ke))
-                      }, null, 40, io),
-                      n("button", {
+                        "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),
+                      a("button", {
                         type: "button",
-                        "data-column-index": O,
-                        "aria-pressed": e(L) === O,
-                        tabindex: e(it) === O ? 0 : -1,
-                        onClick: (ke) => e(ee).choose(O),
-                        onKeydown: v[31] || (v[31] = //@ts-ignore
-                        (...ke) => e(ee).navigate && e(ee).navigate(...ke))
+                        "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))
                       }, [
-                        n("span", uo, l(O + 1), 1),
-                        n("span", co, [
-                          n("strong", null, l(i.header), 1),
-                          n("small", null, l(i.field), 1)
+                        a("span", Ao, l(U + 1), 1),
+                        a("span", Do, [
+                          a("strong", null, l(r.header), 1),
+                          a("small", null, l(r.field), 1)
                         ]),
-                        e(L) === O ? (h(), fe(ae, {
+                        e(E) === U ? (h(), Me(re, {
                           key: 0,
                           name: "chevron-right",
                           size: 13
-                        })) : B("", !0)
-                      ], 40, ro)
+                        })) : F("", !0)
+                      ], 40, Ro)
                     ], 2))), 128)),
-                    e(D).length ? B("", !0) : (h(), y("p", mo, [
-                      Q(ae, {
+                    e(G).length ? F("", !0) : (h(), M("p", To, [
+                      le(re, {
                         name: "search",
                         size: 20
                       }),
-                      P(l(e(o).noColumns), 1)
+                      O(l(e(n).noColumns), 1)
                     ]))
-                  ], 8, so),
-                  e(F).length ? (h(), y("div", vo, [
-                    n("label", null, [
-                      P(l(e(o).batchBody), 1),
-                      n("select", {
-                        "aria-label": e(o).batchBody,
-                        disabled: t.readonly || e(I) || e(f),
-                        onChange: v[32] || (v[32] = (i) => Xe(i, "align"))
+                  ], 8, Eo),
+                  e(q).length ? (h(), M("div", Po, [
+                    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"))
                       }, [
-                        n("option", ho, l(e(o).chooseAlignment), 1),
-                        n("option", go, l(e(o).auto), 1),
-                        n("option", fo, l(e(o).left), 1),
-                        n("option", bo, l(e(o).center), 1),
-                        n("option", yo, l(e(o).right), 1),
-                        n("option", wo, l(e(o).justify), 1)
-                      ], 40, po)
+                        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)
                     ]),
-                    n("label", null, [
-                      P(l(e(o).batchHeader), 1),
-                      n("select", {
-                        "aria-label": e(o).batchHeader,
-                        disabled: t.readonly || e(I) || e(f),
-                        onChange: v[33] || (v[33] = (i) => Xe(i, "headerAlign"))
+                    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"))
                       }, [
-                        n("option", Mo, l(e(o).chooseAlignment), 1),
-                        n("option", xo, l(e(o).left), 1),
-                        n("option", Co, l(e(o).center), 1),
-                        n("option", _o, l(e(o).right), 1),
-                        n("option", So, l(e(o).justify), 1)
-                      ], 40, ko)
+                        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)
                     ])
-                  ])) : B("", !0)
-                ], 40, qa)) : B("", !0)
-              ], 64)) : (h(), y("p", $o, l(e(o).noColumns), 1))
-            ], 64)) : e($) === "component" ? (h(), y(U, { key: 1 }, [
-              n("div", Eo, [
-                n("select", {
-                  "aria-label": e(o).insertComponent,
-                  disabled: e(le),
-                  onChange: v[36] || (v[36] = //@ts-ignore
-                  (...i) => e(J) && e(J)(...i))
+                  ])) : 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, [
+                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))
                 }, [
-                  n("option", Ao, l(e(o).insertComponent), 1),
-                  n("option", Do, l(e(o).insertText), 1),
-                  n("option", To, l(e(o).insertList), 1),
-                  n("option", Lo, l(e(o).insertImage), 1),
-                  n("option", Ro, l(e(o).insertRect), 1)
-                ], 40, Io),
-                n("button", {
+                  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("button", {
                   type: "button",
-                  title: e(o).duplicateComponent,
-                  "aria-label": e(o).duplicateComponent,
-                  disabled: e(le) || !e(ie),
-                  onClick: v[37] || (v[37] = //@ts-ignore
-                  (...i) => e(ce).duplicate && e(ce).duplicate(...i))
-                }, " ＋ ", 8, Go),
-                n("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),
+                a("button", {
                   type: "button",
-                  title: e(o).removeComponent,
-                  "aria-label": e(o).removeComponent,
-                  disabled: e(le) || !e(ie),
-                  onClick: v[38] || (v[38] = //@ts-ignore
-                  (...i) => e(ce).remove && e(ce).remove(...i))
+                  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))
                 }, [
-                  Q(ae, {
+                  le(re, {
                     name: "close",
                     size: 14
                   })
-                ], 8, Po)
+                ], 8, ol)
               ]),
-              e(w).template.pages.length > 1 ? (h(), y("label", Ho, [
-                P(l(e(o).page), 1),
-                oe(n("select", {
-                  "onUpdate:modelValue": v[39] || (v[39] = (i) => Ce(se) ? se.value = i : null)
+              e(b).template.pages.length > 1 ? (h(), M("label", ll, [
+                O(l(e(n).page), 1),
+                ue(a("select", {
+                  "onUpdate:modelValue": c[40] || (c[40] = (r) => Oe(oe) ? oe.value = r : null)
                 }, [
-                  (h(!0), y(U, null, W(e(w).template.pages, (i, O) => (h(), y("option", {
-                    key: O,
-                    value: O
-                  }, l(O + 1), 9, Vo))), 128))
+                  (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))
                 ], 512), [
                   [
-                    ye,
-                    e(se),
+                    He,
+                    e(oe),
                     void 0,
                     { number: !0 }
                   ]
                 ])
-              ])) : B("", !0),
-              n("label", Bo, [
-                P(l(e(o).components), 1),
-                n("select", {
-                  value: e(pe)?.pageIndex === e(se) ? e(pe).componentIndex : -1,
-                  onChange: v[40] || (v[40] = (i) => e(N)({
-                    pageIndex: e(se),
-                    componentIndex: Number(ge(i))
+              ])) : F("", !0),
+              a("label", sl, [
+                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({
+                    pageIndex: e(oe),
+                    componentIndex: Number(we(r))
                   }))
                 }, [
-                  n("option", No, l(e(o).noComponent), 1),
-                  (h(!0), y(U, null, W(e(w).template.pages[e(se)]?.components, (i, O) => (h(), y("option", {
-                    key: O,
-                    value: O
-                  }, l(O + 1) + " · " + l(i.kind === "list" ? i.title || i.dataset : i.text || i.kind), 9, jo))), 128))
-                ], 40, zo)
+                  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)
               ]),
-              e(ie) ? (h(), y(U, { key: 1 }, [
-                n("div", Fo, [
-                  n("button", {
+              e(X).selections.value.length ? (h(), M("div", cl, [
+                a("strong", null, l(e(X).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),
+                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 = "";
+                  })
+                }, [
+                  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("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),
+                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, [
+                  a("button", {
                     type: "button",
-                    disabled: e(le) || e(pe)?.componentIndex === 0,
-                    onClick: v[41] || (v[41] = (i) => e(ce).reorder(-1))
-                  }, l(e(o).backward), 9, Oo),
-                  n("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),
+                  a("button", {
                     type: "button",
-                    disabled: e(le) || e(pe)?.componentIndex === (e(w).template.pages[e(se)]?.components.length ?? 0) - 1,
-                    onClick: v[42] || (v[42] = (i) => e(ce).reorder(1))
-                  }, l(e(o).forward), 9, Uo)
+                    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)
                 ]),
-                Q(_n, {
-                  component: e(ie),
-                  disabled: e(le),
-                  messages: e(o),
-                  onGeometry: e(ce).geometry,
-                  onPatch: e(ne)
-                }, null, 8, ["component", "disabled", "messages", "onGeometry", "onPatch"]),
-                e(ie).kind === "list" ? (h(), fe(Ln, {
+                le(jn, {
+                  component: e(ye),
+                  "geometry-disabled": de.value,
+                  disabled: e(te) || e(X).locked(e(ce)),
+                  messages: e(n),
+                  onGeometry: e(X).geometry,
+                  onPatch: e(V)
+                }, null, 8, ["component", "geometry-disabled", "disabled", "messages", "onGeometry", "onPatch"]),
+                e(ye).kind === "list" ? (h(), Me(Qn, {
                   key: 0,
-                  list: e(ie),
-                  disabled: e(le),
-                  messages: e(o),
-                  onCommand: e(ot)
-                }, null, 8, ["list", "disabled", "messages", "onCommand"])) : B("", !0)
-              ], 64)) : (h(), y("p", Jo, l(e(o).noComponent), 1))
-            ], 64)) : e($) === "template" ? (h(), y(U, { key: 2 }, [
-              n("h3", null, l(e(o).templateDetails), 1),
-              n("label", Ko, [
-                P(l(e(o).name), 1),
-                n("input", {
-                  value: e(w).name,
-                  disabled: t.readonly || e(I) || e(f),
-                  onInput: v[43] || (v[43] = (i) => e(d).setName(ge(i)))
-                }, null, 40, Wo)
+                  list: e(ye),
+                  disabled: e(te) || 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 }, [
+              a("h3", null, l(e(n).templateDetails), 1),
+              a("label", $l, [
+                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)
               ]),
-              n("label", Xo, [
-                P(l(e(o).description), 1),
-                n("textarea", {
+              a("label", Ll, [
+                O(l(e(n).description), 1),
+                a("textarea", {
                   rows: "2",
-                  value: e(w).description,
-                  disabled: t.readonly || e(I) || e(f),
-                  onInput: v[44] || (v[44] = (i) => e(d).setDescription(ge(i)))
-                }, null, 40, qo)
+                  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)
               ]),
-              n("details", Yo, [
-                n("summary", null, l(e(o).technicalDetails), 1),
-                n("dl", Qo, [
-                  n("dt", null, l(e(o).templateIdentity), 1),
-                  n("dd", null, l(e(w).id), 1),
-                  n("dt", null, l(e(o).templateRevision), 1),
-                  n("dd", null, l(e(w).revision || e(o).unpublished), 1)
+              a("details", Al, [
+                a("summary", null, l(e(n).technicalDetails), 1),
+                a("dl", Dl, [
+                  a("dt", null, l(e(n).templateIdentity), 1),
+                  a("dd", null, l(e(b).id), 1),
+                  a("dt", null, l(e(n).templateRevision), 1),
+                  a("dd", null, l(e(b).revision || e(n).unpublished), 1)
                 ])
               ])
-            ], 64)) : (h(), y(U, { key: 3 }, [
-              n("h3", null, l(e(o).advancedTitle), 1),
-              n("label", Zo, [
-                P(l(e(o).json), 1),
-                oe(n("textarea", {
-                  "onUpdate:modelValue": v[45] || (v[45] = (i) => Ce(x) ? x.value = i : null),
+            ], 64)) : (h(), M(K, { key: 4 }, [
+              a("h3", null, l(e(n).advancedTitle), 1),
+              a("label", Tl, [
+                O(l(e(n).json), 1),
+                ue(a("textarea", {
+                  "onUpdate:modelValue": c[50] || (c[50] = (r) => Oe(T) ? T.value = r : null),
                   class: "mr-designer-json",
-                  "aria-label": e(o).json,
-                  disabled: t.readonly || e(I),
+                  "aria-label": e(n).json,
+                  disabled: t.readonly || e(C),
                   spellcheck: "false"
-                }, null, 8, el), [
-                  [qe, e(x)]
+                }, null, 8, Pl), [
+                  [rt, e(T)]
                 ])
               ]),
-              n("button", {
+              a("button", {
                 type: "button",
                 class: "mr-designer-apply-json",
-                disabled: t.readonly || e(I),
-                onClick: v[46] || (v[46] = //@ts-ignore
-                (...i) => e(d).applyJson && e(d).applyJson(...i))
-              }, l(e(o).applyJson), 9, tl)
+                disabled: t.readonly || e(C),
+                onClick: c[51] || (c[51] = //@ts-ignore
+                (...r) => e(m).applyJson && e(m).applyJson(...r))
+              }, l(e(n).applyJson), 9, Hl)
             ], 64)),
-            e(f) ? (h(), y("p", nl, l(e(o).jsonPending), 1)) : B("", !0)
-          ], 10, pa)
-        ])) : B("", !0),
-        e($) !== "tools" ? (h(), y("div", {
+            e(S) ? (h(), M("p", Gl, l(e(n).jsonPending), 1)) : F("", !0)
+          ], 10, Ta)
+        ])) : F("", !0),
+        e(A) !== "tools" ? (h(), M("div", {
           key: 2,
           class: "mr-designer-preview",
-          "aria-label": e(o).previewTitle
+          "aria-label": e(n).previewTitle
         }, [
-          e(G) ? (h(), y("div", ol, l(e(G)), 1)) : B("", !0),
-          e(M).ok ? B("", !0) : (h(), y("ul", ll, [
-            (h(!0), y(U, null, W(e(M).errors, (i) => (h(), y("li", {
-              key: i.path
-            }, l(i.path) + "：" + l(i.message), 1))), 128))
+          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", {
+              key: r.path
+            }, l(r.path) + "：" + l(r.message), 1))), 128))
           ])),
-          e(xe) === "design" && e(M).ok ? (h(), fe(Ot, {
+          e(se) === "design" && e($).ok ? (h(), Me(un, {
             key: 2,
-            document: e(w),
-            selection: e(pe),
-            "page-index": e(se),
+            document: e(b),
+            selection: e(ce),
+            selections: e(X).selections.value,
+            locked: e(X).locked,
+            "active-column-index": e(E),
+            "page-index": e(oe),
             datasets: t.datasets,
-            disabled: e(le),
-            messages: e(o),
-            onSelect: e(N),
-            onGeometry: e(ce).geometry,
-            onColumn: e(q).activate,
-            onWidth: v[47] || (v[47] = (i, O) => e(d).setColumn(i, "widthMm", String(O)))
-          }, null, 8, ["document", "selection", "page-index", "datasets", "disabled", "messages", "onSelect", "onGeometry", "onColumn"])) : e(te) && e(M).ok ? (h(), fe(e(yt), {
+            disabled: e(te) || de.value || e(m).isToolPending("rules"),
+            messages: e(n),
+            onSelect: lt,
+            onGeometry: e(X).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), {
             key: 3,
             "report-id": "draft",
-            fetcher: e(te),
+            fetcher: e(ae),
             messages: {
-              title: e(o).previewTitle,
-              columnDirectory: e(o).previewFieldDirectory
+              title: e(n).previewTitle,
+              columnDirectory: e(n).previewFieldDirectory
             },
             "show-params": !1,
             editable: !1,
             "excel-import": !1,
             height: "100%"
-          }, null, 8, ["fetcher", "messages"])) : (h(), y("p", sl, l(e(o).invalid), 1))
-        ], 8, al)) : B("", !0)
+          }, null, 8, ["fetcher", "messages"])) : (h(), M("p", Bl, l(e(n).invalid), 1))
+        ], 8, zl)) : F("", !0)
       ], 2)
-    ], 8, On));
+    ], 8, ua));
   }
-}), vl = /* @__PURE__ */ Ie(il, [["__scopeId", "data-v-9e22163e"]]), pl = {
+}), Xl = /* @__PURE__ */ ze(Ol, [["__scopeId", "data-v-b0c623cb"]]), Yl = {
+  stale: "输入或验收范围已变化，旧结果已失效，请重新运行检查。",
+  scope: "上次实测范围",
+  datasets: "个数据集",
+  treeHint: "树形数据保留完整父子关系；20/100 作为本次总节点预算，超出请选全部或提供完整小样例。",
   title: "变更与验收",
   run: "运行检查",
   running: "检查中…",
@@ -2709,7 +3011,33 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
   checked: "检查结果对应本次样例，不代替服务端发布权限与全量数据校验。",
   categories: { metadata: "信息", structure: "结构", binding: "字段", calculation: "计算", format: "样式" },
   kinds: { added: "新增", removed: "删除", modified: "修改", moved: "调序" }
-}, hl = {
+}, Ql = {
+  tableMode: "传统整表",
+  multiRegions: "多区域绑定",
+  multiHint: "点击单元格选择起点，Shift 点击选择终点；每个动态区域选择一行原型。",
+  addRegion: "创建区域",
+  removeRegion: "删除区域",
+  regionProperties: "当前区域",
+  regionCoordinates: "原型范围",
+  regionMode: "填充方式",
+  recordMode: "单记录",
+  repeatMode: "纵向重复",
+  recordHint: "接收零或一行数据，保留旁列静态内容；多行输入会明确报错。",
+  repeatHint: "按数据行纵向扩展，下方内容自动顺延；旁列不能放置非空静态内容。",
+  bindRegionHeader: "选区作为表头",
+  noRegionHeader: "无区域表头",
+  clearHeader: "清除区域表头",
+  flowFooter: "重复页尾",
+  flowFooterHint: "选择来源最后几行的完整列宽；为每页预留空间，避免明细覆盖。",
+  bindFooter: "选区作为页尾",
+  clearFooter: "清除重复页尾",
+  concurrency: "业务并发字段",
+  revisionField: "修订字段",
+  sourceTokenField: "来源令牌字段",
+  selectionCellLabel: "选择源单元格",
+  searchFields: "搜索字段名称、编码或单位",
+  fieldLimit: "候选最多显示 64 项；输入字段名筛选，已选映射始终保留。",
+  restoreDraft: "恢复工具草稿",
   title: "Excel 业务绑定",
   intro: "保留模板版式，明确数据来源",
   upload: "选择 Excel 模板",
@@ -2777,9 +3105,41 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
   mappedTo: "绑定到",
   sampleOnly: "仅契约样例",
   schemaOnly: "契约字段，不执行接口查询"
-}, gl = {
+}, Zl = {
+  restoreDraft: "恢复工具草稿",
+  catalog: "规则与字段",
+  searchFields: "搜索字段、类型或单位",
+  useField: "使用此字段",
+  shown: "显示",
+  explanation: "计算解释",
+  sourceValues: "源值",
+  expression: "表达式",
+  result: "结果",
+  notChecked: "修改后请重新验算",
+  nullReason: "空值依规则保留；空值传播与除零策略见计算边界。",
+  sourceHint: "最多展示 5 条明细；分组和全量聚合以当前验算范围为准。",
+  pending: "未应用配置",
   detail: "主从",
   matrix: "矩阵",
+  tree: "树形",
+  treeInput: "输入结构",
+  treeFlat: "扁平父子表",
+  treeNested: "嵌套子节点",
+  treeId: "节点业务键",
+  treeParent: "父节点键",
+  treeChildren: "子节点数组字段",
+  treeLabel: "层级标签列",
+  treeIndent: "每级缩进 · mm",
+  treeOrphan: "孤儿节点",
+  treeAsRoot: "作为根节点",
+  treeValues: "父级数值来源",
+  treeSource: "保留来源值",
+  treeLeaves: "按后代叶子聚合",
+  treeRows: "最多节点",
+  treeDepth: "最多层级",
+  treeHint: "全量树展示与导出。总计只统计叶子，避免父子重复。应用将替换普通分组、主从、矩阵和行可见条件；可撤销恢复。",
+  treeReadonly: "嵌套输入首版只读；扁平输入的结构键和派生父级聚合只读。",
+  treeBudget: "树形样例最多 1000 个节点，请提供完整关系样例。",
   measureLabel: "显示名称",
   childDataset: "明细数据集",
   parentKey: "主表关联键",
@@ -2892,14 +3252,119 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
   sampleError: "验算未通过",
   new: "新增",
   enabled: "启用"
-}, fl = Me(() => import("./TemplateReviewPanel-Cn32OY4_.js")), bl = Me(() => import("./ExcelBindingWizard-RLJIXKKG.js")), yl = Me(() => import("./RuleEditor-CtJFzKuY.js"));
+}, ei = {
+  paramsTool: "查询参数",
+  paramsDescription: "配置一次，预览与服务端使用同一份校验规则。",
+  paramsDirectory: "参数目录",
+  paramAdd: "添加参数",
+  paramEmpty: "尚未配置查询参数",
+  paramEmptyHint: "添加日期、厂别等条件，报表预览会自动生成查询面板。",
+  paramField: "参数标识",
+  paramLabel: "显示名称",
+  paramType: "控件类型",
+  paramRequired: "必填",
+  paramPlaceholder: "输入提示",
+  paramDefaultEnabled: "设置默认值",
+  paramDefault: "默认值",
+  paramMinimum: "最小值（含边界）",
+  paramMaximum: "最大值（含边界）",
+  paramMinLength: "最少字符数",
+  paramMaxLength: "最多字符数",
+  paramOptions: "静态下拉选项",
+  paramOptionValue: "接口值",
+  paramOptionLabel: "显示文字",
+  paramOptionAdd: "添加选项",
+  paramRemove: "删除参数",
+  paramOptionRemove: "删除选项",
+  paramMoveUp: "上移参数",
+  paramMoveDown: "下移参数",
+  paramApply: "校验并应用参数",
+  paramRestore: "恢复参数草稿",
+  paramPending: "尚未应用",
+  paramReady: "规则有效",
+  paramInvalid: "规则待修正",
+  paramConflict: "模板参数已在其他操作中变更。请先恢复参数草稿，再继续编辑。",
+  paramApplyFailed: "参数未应用，请检查模板校验信息。",
+  paramRenameHint: "参数标识决定接口取数键。新增、删除或改名后，请同步检查接入方的数据查询；插件不会修改外部接口。",
+  paramChanges: "接口参数键变更",
+  paramAdded: "新增",
+  paramRemoved: "移除",
+  paramWire: "接口值格式",
+  paramNoDefault: "未设置默认值",
+  paramRangeHint: "两端均须填写，开始日期不能晚于结束日期；边界约束作用于整个范围。",
+  paramText: "文本",
+  paramNumber: "数字",
+  paramDate: "日期",
+  paramMonth: "月份",
+  paramYear: "年份",
+  paramDateRange: "日期范围",
+  paramSelect: "下拉选择"
+}, ti = {
+  batchTitle: "批量生成",
+  batchDescription: "每组参数独立生成；成功结果由接入方保存，当前页面仅保留回执。",
+  batchAdd: "添加一组",
+  batchDuplicate: "复制参数",
+  batchRemove: "删除参数组",
+  batchRun: "生成全部",
+  batchRunning: "正在生成",
+  batchRetry: "仅重试失败项",
+  batchCancel: "取消剩余任务",
+  batchCancelling: "正在取消…",
+  batchPending: "待生成",
+  batchCompleted: "已完成",
+  batchFailed: "失败",
+  batchCancelled: "已取消",
+  batchCase: "参数组",
+  batchProgress: "已结束 {completed}/{total} · 失败 {failed} · 取消 {cancelled}",
+  batchInvalid: "请修正参数错误后再生成；本次未启动任何任务。",
+  batchEmpty: "添加一组参数开始批量生成",
+  batchNoInstance: "已完成，接入方未返回可打开的实例标识。",
+  batchOpen: "打开报表实例",
+  batchLimit: "当前最多支持 {count} 组参数。",
+  batchChanged: "参数定义或执行配置已变更，已请求取消当前批次，请核对后重新生成。",
+  batchPages: "参数组分页",
+  batchPrevious: "上一页",
+  batchNext: "下一页",
+  batchPage: "第 {page}/{pages} 页 · 共 {total} 组"
+}, ni = {
+  title: "模板库",
+  subtitle: "按业务分类查找、打开或复制模板",
+  search: "搜索名称、编号或标签",
+  all: "全部模板",
+  refresh: "刷新",
+  open: "打开设计器",
+  copy: "复制模板",
+  empty: "没有匹配的模板",
+  emptyHint: "调整关键词或分类后重试",
+  loadMore: "下一页",
+  previous: "上一页",
+  page: "页",
+  loading: "正在加载…",
+  retry: "重试",
+  revision: "修订",
+  copyTitle: "复制为新模板",
+  newId: "新模板编号",
+  newName: "新模板名称",
+  create: "创建副本",
+  cancel: "取消",
+  count: "项",
+  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"));
 export {
-  hl as EXCEL_BINDING_MESSAGES,
-  bl as ExcelBindingWizard,
-  gl as RULE_EDITOR_MESSAGES,
-  vl as ReportTemplateEditor,
-  yl as RuleEditor,
-  Pe as TEMPLATE_EDITOR_MESSAGES,
-  pl as TEMPLATE_REVIEW_MESSAGES,
-  fl as TemplateReviewPanel
+  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
 };