@agile-team/mach-report 2.9.0 → 2.9.1

package/dist/designer.js

@@ -1,8 +1,8 @@
-import { watch as Z, onBeforeUnmount as $e, defineComponent as Ee, computed as z, ref as F, openBlock as h, createElementBlock as y, createElementVNode as n, toDisplayString as l, createTextVNode as P, withDirectives as ae, 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 xe, vModelText as qe } from "vue";
+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 oe } from "./_plugin-vue_export-helper-8SL1F89S.js";
-import { r as je } from "./style-CQ1PK8ZB.js";
+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) {
   return t.kind === "list" ? Math.max(
@@ -60,16 +60,16 @@ function kt(t, u = "detail") {
     imageData: `data:image/svg+xml;charset=utf-8,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="180" height="90" viewBox="0 0 180 90"><rect width="180" height="90" rx="5" fill="#eff6ff"/><path d="m25 68 32-32 25 23 27-35 45 44" fill="none" stroke="#94b8e5" stroke-width="3"/><circle cx="45" cy="24" r="7" fill="#bfd5ef"/></svg>')}`
   };
 }
-function Fe(t, u, s = !1) {
-  const r = Math.max(2, Math.min(u.widthMm, t.widthMm)), o = Math.max(2, Math.min(u.heightMm, t.heightMm));
+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));
   return {
     leftMm: Math.max(0, Math.min(u.widthMm - r, t.leftMm)),
     topMm: Math.max(
       0,
-      Math.min(u.heightMm - (s ? 2 : o), t.topMm)
+      Math.min(u.heightMm - (s ? 2 : a), t.topMm)
     ),
     widthMm: r,
-    heightMm: o
+    heightMm: a
   };
 }
 function Qe(t, u) {
@@ -81,13 +81,13 @@ function Qe(t, u) {
   }), t.kind !== "list") t.heightMm = u.heightMm;
   else if (s > 0 && u.widthMm !== s) {
     const r = u.widthMm / s;
-    t.columns.forEach((o) => {
-      o.widthMm = Math.round(o.widthMm * r * 100) / 100;
+    t.columns.forEach((a) => {
+      a.widthMm = Math.round(a.widthMm * r * 100) / 100;
     }), t.widthMm = t.columns.reduce(
-      (o, b) => o + b.widthMm,
+      (a, b) => a + b.widthMm,
       0
     ), t.headerGrid && (t.headerGrid.colWidthsMm = t.columns.map(
-      (o) => o.widthMm
+      (a) => a.widthMm
     ));
   }
 }
@@ -96,13 +96,13 @@ function Mt(t, u, s) {
   if (t.headerGrid) {
     if (ve(t.headerGrid, t.widthMm, 100).cells.some(({ cell: b }) => (b.colSpan ?? 1) > 1))
       throw new Error("请先拆分跨列合并表头，再调整列顺序，避免改变业务分组。");
-    const o = Re(t);
-    o.forEach((b) => {
+    const a = Re(t);
+    a.forEach((b) => {
       b.splice(s, 0, b.splice(u, 1)[0]);
     }), t.headerGrid = Ge(
-      o,
+      a,
       t.columns.map((b) => b.widthMm),
-      t.headerGrid.rowHeightsMm ?? o.map(() => 8)
+      t.headerGrid.rowHeightsMm ?? a.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;
@@ -114,12 +114,12 @@ function Re(t) {
     { length: t.headerGrid.cells.length },
     () => Array.from({ length: t.columns.length }, () => null)
   );
-  for (const { cell: s, ri: r, ci: o } of ve(
+  for (const { cell: s, ri: r, ci: a } of ve(
     t.headerGrid,
     t.widthMm,
     100
   ).cells)
-    u[r][o] = s;
+    u[r][a] = s;
   return u;
 }
 function Ge(t, u, s) {
@@ -129,13 +129,13 @@ function Ge(t, u, s) {
       if (r.has(`${m}:${d}`)) return [];
       if (!_) return [null];
       for (let w = m; w < m + (_.rowSpan ?? 1); w++)
-        for (let C = d; C < d + (_.colSpan ?? 1); C++)
-          (w !== m || C !== d) && r.add(`${w}:${C}`);
+        for (let x = d; x < d + (_.colSpan ?? 1); x++)
+          (w !== m || x !== d) && r.add(`${w}:${x}`);
       return [_];
     })
   ), colWidthsMm: u, rowHeightsMm: s };
 }
-function Ct(t) {
+function xt(t) {
   const u = Re(t), s = t.headerGrid?.rowHeightsMm ?? u.map(() => 8);
   u.unshift(
     t.columns.map(() => ({
@@ -148,10 +148,10 @@ function Ct(t) {
     [8, ...s]
   );
 }
-function xt(t, u, s, r) {
+function Ct(t, u, s, r) {
   if (s >= r || s < 0 || r >= t.columns.length)
     throw new Error("请选择同一行的至少两个连续表头。");
-  const o = Re(t), b = o[u];
+  const a = Re(t), b = a[u];
   if (!b) throw new Error("表头行不存在。");
   const m = b.slice(s, r + 1);
   if (m.some(
@@ -162,25 +162,25 @@ function xt(t, u, s, r) {
   b[s] = { ..._, colSpan: r - s + 1 };
   for (let d = s + 1; d <= r; d++) b[d] = null;
   t.headerGrid = Ge(
-    o,
+    a,
     t.columns.map((d) => d.widthMm),
     t.headerGrid?.rowHeightsMm ?? [8]
   );
 }
 function _t(t, u, s) {
   if (!t.headerGrid) return;
-  const o = ve(t.headerGrid, t.widthMm, 100).cells.find(
-    ({ ri: w, ci: C, cell: E }) => u >= w && u < w + (E.rowSpan ?? 1) && s >= C && s < C + (E.colSpan ?? 1)
+  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)
   );
-  if (!o) return;
-  const b = Re(t), { ri: m, ci: _, cell: d } = o;
+  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 C = _; C < _ + (d.colSpan ?? 1); C++) {
+    for (let x = _; x < _ + (d.colSpan ?? 1); x++) {
       const E = {
         ...d,
-        text: w === b.length - 1 ? t.columns[C].header : d.text
+        text: w === b.length - 1 ? t.columns[x].header : d.text
       };
-      delete E.colSpan, delete E.rowSpan, b[w][C] = E;
+      delete E.colSpan, delete E.rowSpan, b[w][x] = E;
     }
   t.headerGrid = Ge(
     b,
@@ -189,11 +189,11 @@ function _t(t, u, s) {
   );
 }
 function Ze(t, u, s) {
-  const r = t.filter((o) => o !== u).flatMap((o) => {
-    const b = o[s], m = s === "leftMm" ? o.widthMm : Oe(o);
+  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];
   });
-  return [...new Set(r)].sort((o, b) => o - b);
+  return [...new Set(r)].sort((a, b) => a - b);
 }
 function St(t, u) {
   if (!t.length) return;
@@ -202,52 +202,52 @@ function St(t, u) {
     const m = s + r >>> 1;
     t[m] < u ? s = m + 1 : r = m;
   }
-  const o = t[Math.max(0, s - 1)], b = t[Math.min(t.length - 1, s)];
-  return Math.abs(o - u) < Math.abs(b - u) ? o : b;
+  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;
 }
 function et(t, u, s, r) {
-  let o = 1 / 0, b = {
+  let a = 1 / 0, b = {
     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 < o && (o = d, b = { value: _ - m, guide: _ });
+    d <= r && d < a && (a = d, b = { value: _ - m, guide: _ });
   }
   return b;
 }
 function $t(t) {
   let u;
-  function s(r, o, b = !1) {
+  function s(r, a, b = !1) {
     if (t.disabled() || r.button !== 0) return;
     r.preventDefault(), r.stopPropagation(), u?.();
     const m = r.currentTarget.closest(
       "[data-canvas-component]"
-    ), _ = Se(o), d = r.clientX, w = r.clientY;
-    let C = _, E = 0;
+    ), _ = 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, N] of [
+      for (const [T, F] of [
         ["x", g],
         ["y", f]
       ])
         A.style.setProperty(
           `--mr-canvas-guide-${T}-display`,
-          N === void 0 ? "none" : "block"
-        ), N !== void 0 && A.style.setProperty(
+          F === void 0 ? "none" : "block"
+        ), F !== void 0 && A.style.setProperty(
           `--mr-canvas-guide-${T}`,
-          `${N * G}px`
+          `${F * G}px`
         );
     }, k = () => {
-      E = 0, I(), m.style.left = `${C.leftMm * G}px`, m.style.top = `${C.topMm * G}px`, m.style.width = `${C.widthMm * G}px`, m.style.height = `${C.heightMm * G}px`;
+      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, o, "leftMm"),
-      topMm: Ze(t.page().components, o, "topMm")
+      leftMm: Ze(t.page().components, a, "leftMm"),
+      topMm: Ze(t.page().components, a, "topMm")
     }, c = (T) => {
-      const N = (T.clientX - d) / G, te = (T.clientY - w) / G, a = et(
-        _.leftMm + N,
+      const F = (T.clientX - d) / G, te = (T.clientY - w) / G, o = et(
+        _.leftMm + F,
         _.widthMm,
         S.leftMm,
         5 / G
@@ -257,21 +257,21 @@ function $t(t) {
         S.topMm,
         5 / G
       );
-      g = b ? void 0 : a.guide, f = b ? void 0 : q.guide, C = Fe(
+      g = b ? void 0 : o.guide, f = b ? void 0 : q.guide, x = je(
         b ? {
           ..._,
-          widthMm: Math.round((_.widthMm + N) * 2) / 2,
+          widthMm: Math.round((_.widthMm + F) * 2) / 2,
           heightMm: Math.round((_.heightMm + te) * 2) / 2
-        } : { ..._, leftMm: a.value, topMm: q.value },
+        } : { ..._, leftMm: o.value, topMm: q.value },
         t.page(),
-        o.kind === "list"
+        a.kind === "list"
       ), E || (E = requestAnimationFrame(k));
     }, M = (T) => {
-      window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", x), window.removeEventListener("keydown", D), E && cancelAnimationFrame(E), C = T ? C : _, g = void 0, f = void 0, k(), u = void 0, T && JSON.stringify(C) !== JSON.stringify(_) && t.commit(C);
-    }, p = () => M(!0), x = () => M(!1), D = (T) => {
-      T.key === "Escape" && (T.preventDefault(), x());
+      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());
     };
-    window.addEventListener("pointermove", c), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", x), window.addEventListener("keydown", D), u = x;
+    window.addEventListener("pointermove", c), window.addEventListener("pointerup", p), window.addEventListener("pointercancel", C), window.addEventListener("keydown", D), u = C;
   }
   return Z(t.disabled, (r) => {
     r && u?.();
@@ -425,7 +425,7 @@ const Et = {
 }, zt = {
   key: 0,
   class: "mr-canvas-grid-limit"
-}, jt = ["src"], Ft = ["aria-label", "onPointerdown"], Nt = /* @__PURE__ */ Ee({
+}, Nt = ["src"], jt = ["aria-label", "onPointerdown"], Ft = /* @__PURE__ */ Ee({
   __name: "TemplateDesignCanvas",
   props: {
     document: {},
@@ -437,7 +437,7 @@ const Et = {
   },
   emits: ["select", "geometry", "column", "width"],
   setup(t, { emit: u }) {
-    const s = t, r = u, o = z(() => ({ ...Pe, ...s.messages })), b = F(0.8), m = z(() => b.value * wt), _ = z(() => s.document.template.pages[s.pageIndex]), d = $t({
+    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,
@@ -446,7 +446,7 @@ const Et = {
     function w(k) {
       return s.selection?.pageIndex === s.pageIndex && s.selection.componentIndex === k;
     }
-    function C(k) {
+    function x(k) {
       const S = _.value.components[k];
       return {
         left: `${S.leftMm * m.value}px`,
@@ -466,8 +466,8 @@ const Et = {
       }, p = M[k.key];
       if (!p) return;
       k.preventDefault(), k.stopPropagation();
-      const x = Se(c), D = k.shiftKey ? 5 : 0.5;
-      x.leftMm += p[0] * D, x.topMm += p[1] * D, r("geometry", x);
+      const C = Se(c), D = k.shiftKey ? 5 : 0.5;
+      C.leftMm += p[0] * D, C.topMm += p[1] * D, r("geometry", C);
     }
     function G(k) {
       let S = 0;
@@ -504,27 +504,27 @@ const Et = {
       if (s.disabled || k.button !== 0) return;
       k.preventDefault(), k.stopPropagation(), f?.();
       const M = k.clientX, p = S.columns[c].widthMm;
-      let x = p;
+      let C = p;
       const D = k.currentTarget, T = ($) => {
-        x = Math.max(
+        C = Math.max(
           2,
           Math.round((p + ($.clientX - M) / m.value) * 2) / 2
-        ), D.style.transform = `translateX(${(x - p) * m.value}px)`;
-      }, N = () => {
-        window.removeEventListener("pointermove", T), window.removeEventListener("pointerup", te), window.removeEventListener("pointercancel", a), window.removeEventListener("keydown", q), D.style.transform = "", f = void 0;
+        ), 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 = () => {
-        N(), x !== p && r("width", c, x);
-      }, a = () => N(), q = ($) => {
-        $.key === "Escape" && ($.preventDefault(), a());
+        F(), C !== p && r("width", c, C);
+      }, o = () => F(), q = ($) => {
+        $.key === "Escape" && ($.preventDefault(), o());
       };
-      window.addEventListener("pointermove", T), window.addEventListener("pointerup", te), window.addEventListener("pointercancel", a), window.addEventListener("keydown", q), f = a;
+      window.addEventListener("pointermove", T), window.addEventListener("pointerup", te), window.addEventListener("pointercancel", o), window.addEventListener("keydown", q), f = o;
     }
     return (k, S) => (h(), y("div", At, [
       n("div", Dt, [
-        n("span", null, l(o.value.canvasHint), 1),
+        n("span", null, l(a.value.canvasHint), 1),
         n("label", null, [
-          P(l(o.value.zoom), 1),
-          ae(n("select", {
+          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),
@@ -553,9 +553,9 @@ const Et = {
             key: M,
             class: _e(["mr-canvas-component", { "is-selected": w(M) }]),
             "data-canvas-component": M,
-            style: re(C(M)),
+            style: re(x(M)),
             role: "button",
-            "aria-label": `${o.value.component} ${M + 1} ${c.kind}`,
+            "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 }),
@@ -571,11 +571,11 @@ const Et = {
                   key: 0,
                   class: "mr-canvas-merged",
                   style: re({
-                    height: `${(c.headerGrid.rowHeightsMm?.reduce((p, x) => p + x, 0) ?? c.headerGrid.cells.length * 8) * m.value}px`
+                    height: `${(c.headerGrid.rowHeightsMm?.reduce((p, C) => p + C, 0) ?? c.headerGrid.cells.length * 8) * m.value}px`
                   })
                 }, [
-                  (h(!0), y(U, null, W(g(c), (p, x) => (h(), y("div", {
-                    key: x,
+                  (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`,
@@ -585,19 +585,19 @@ const Et = {
                     })
                   }, l(p.cell.text), 5))), 128))
                 ], 4)) : (h(), y("div", Gt, [
-                  (h(!0), y(U, null, W(c.columns, (p, x) => (h(), y("div", {
-                    key: x,
+                  (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", x);
+                      r("select", { pageIndex: t.pageIndex, componentIndex: M }), r("column", C);
                     }, ["stop"])
                   }, l(p.header), 45, Pt))), 128))
                 ])),
-                (h(!0), y(U, null, W((t.datasets?.[c.dataset] ?? []).slice(0, 3), (p, x) => (h(), y("div", {
-                  key: x,
+                (h(!0), y(U, null, W((t.datasets?.[c.dataset] ?? []).slice(0, 3), (p, C) => (h(), y("div", {
+                  key: C,
                   class: "mr-canvas-table-row"
                 }, [
                   (h(!0), y(U, null, W(c.columns, (D, T) => (h(), y("div", {
@@ -608,20 +608,20 @@ const Et = {
                     })
                   }, l(p[D.field] ?? "—"), 5))), 128))
                 ]))), 128)),
-                t.datasets?.[c.dataset]?.length ? B("", !0) : (h(), y("div", Ht, l(c.dataset) + " · " + l(o.value.sampleRows), 1))
+                t.datasets?.[c.dataset]?.length ? B("", !0) : (h(), y("div", Ht, l(c.dataset) + " · " + l(a.value.sampleRows), 1))
               ]),
-              w(M) && !t.disabled ? (h(!0), y(U, { key: 0 }, W(G(c), (p, x) => (h(), y("span", {
-                key: x,
+              w(M) && !t.disabled ? (h(!0), y(U, { key: 0 }, W(G(c), (p, C) => (h(), y("span", {
+                key: C,
                 class: "mr-canvas-column-handle",
-                "aria-label": `${o.value.resizeColumn} ${c.columns[x]?.header}`,
+                "aria-label": `${a.value.resizeColumn} ${c.columns[C]?.header}`,
                 role: "separator",
                 "aria-orientation": "vertical",
                 style: re({ left: `${p * m.value}px` }),
-                onPointerdown: (D) => I(D, c, x)
+                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, x) => (h(), y("div", {
-                key: x,
+              (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`,
@@ -630,40 +630,40 @@ const Et = {
                   backgroundColor: p.cell.style?.backgroundColor,
                   color: p.cell.style?.color,
                   fontWeight: p.cell.style?.bold ? "700" : "400",
-                  fontSize: `${e(je)(p.cell.style).fontSizePx * b.value}px`,
+                  fontSize: `${e(Ne)(p.cell.style).fontSizePx * b.value}px`,
                   textAlign: p.cell.style?.align ?? "left"
                 })
               }, l(p.cell.text), 5))), 128)),
-              c.grid.cells.reduce((p, x) => p + x.length, 0) > 2e3 ? (h(), y("span", zt, l(o.value.canvasGridLimited), 1)) : B("", !0)
+              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", {
               key: 2,
               src: c.imageData,
               alt: "",
               draggable: "false"
-            }, null, 8, jt)) : (h(), y("div", {
+            }, null, 8, Nt)) : (h(), y("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(je)(c.style).fontSizePx * b.value}px`,
+                fontSize: `${e(Ne)(c.style).fontSizePx * b.value}px`,
                 textAlign: c.style?.align
               })
             }, l(c.text ?? c.fallbackText ?? (c.kind === "rect" ? "" : c.kind)), 5)),
             w(M) && !t.disabled ? (h(), y("span", {
               key: 4,
               class: "mr-canvas-resize",
-              "aria-label": o.value.resizeComponent,
+              "aria-label": a.value.resizeComponent,
               role: "separator",
               onPointerdown: (p) => e(d).start(p, c, !0)
-            }, null, 40, Ft)) : B("", !0)
+            }, null, 40, jt)) : B("", !0)
           ], 46, Lt))), 128))
         ], 4)
       ])
     ]));
   }
-}), Ot = /* @__PURE__ */ Ie(Nt, [["__scopeId", "data-v-0b2669dc"]]), Ut = ["aria-label"], Jt = ["data-align", "aria-label", "title", "aria-checked", "tabindex", "onClick", "onKeydown"], Kt = { key: 0 }, Wt = {
+}), 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 = {
   key: 1,
   viewBox: "0 0 20 20",
   fill: "none",
@@ -691,11 +691,11 @@ const Et = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: u }) {
-    const s = t, r = u, o = () => s.allowAuto ? ["auto", "left", "center", "right", "justify"] : ["left", "center", "right", "justify"];
+    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 = o(), C = w.indexOf(_), E = m.key === "Home" ? 0 : m.key === "End" ? w.length - 1 : (C + (m.key === "ArrowRight" ? 1 : -1) + w.length) % w.length;
+      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();
@@ -705,7 +705,7 @@ const Et = {
       role: "radiogroup",
       "aria-label": t.label
     }, [
-      (h(!0), y(U, null, W(o(), (d) => (h(), y("button", {
+      (h(!0), y(U, null, W(a(), (d) => (h(), y("button", {
         key: d,
         type: "button",
         role: "radio",
@@ -723,13 +723,13 @@ const Et = {
       ], 40, Jt))), 128))
     ], 8, Ut));
   }
-}), Ne = /* @__PURE__ */ Ie(Zt, [["__scopeId", "data-v-c85770c4"]]), en = ["disabled"], tn = { class: "mr-component-dimensions" }, nn = ["min", "value", "onChange"], on = { key: 0 }, an = ["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 = {
+}), 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 = {
   key: 0,
   role: "alert"
 }, hn = {
   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 }, Cn = ["value"], xn = /* @__PURE__ */ Ee({
+}, 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({
   __name: "CanvasComponentInspector",
   props: {
     component: {},
@@ -738,11 +738,11 @@ const Et = {
   },
   emits: ["geometry", "patch"],
   setup(t, { emit: u }) {
-    const s = t, r = u, o = z(() => ({ ...Pe, ...s.messages })), b = F(""), m = ["leftMm", "topMm", "widthMm", "heightMm"], _ = z(() => [
-      o.value.leftPosition,
-      o.value.topPosition,
-      o.value.componentWidth,
-      o.value.componentHeight
+    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
     ]);
     function d(A, g) {
       const f = Number(g.target.value);
@@ -753,12 +753,12 @@ const Et = {
       const f = { ...s.component.style, [A]: g };
       A === "fontSize" && delete f.fontSizePx, r("patch", { style: f });
     }
-    const C = z(() => ({
-      auto: o.value.auto,
-      left: o.value.left,
-      center: o.value.center,
-      right: o.value.right,
-      justify: o.value.justify
+    const x = z(() => ({
+      auto: a.value.auto,
+      left: a.value.left,
+      center: a.value.center,
+      right: a.value.right,
+      justify: a.value.justify
     }));
     function E(A) {
       return A.target.value;
@@ -772,7 +772,7 @@ const Et = {
         if (f.size > 4 * 1024 * 1024 || !["image/png", "image/jpeg", "image/webp", "image/svg+xml"].includes(
           f.type
         ))
-          throw new Error(o.value.imageBudget);
+          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);
         });
@@ -787,7 +787,7 @@ const Et = {
       class: "mr-component-properties",
       disabled: t.disabled
     }, [
-      n("h3", null, l(o.value.positionGroup), 1),
+      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"
@@ -802,20 +802,20 @@ const Et = {
           }, null, 40, nn)
         ]))), 128))
       ]),
-      t.component.kind !== "list" ? (h(), y("label", on, [
-        P(l(o.value.repeatPage), 1),
+      t.component.kind !== "list" ? (h(), y("label", an, [
+        P(l(a.value.repeatPage), 1),
         n("select", {
           value: t.component.pageAnchor ?? "",
           onChange: g[0] || (g[0] = (f) => r("patch", { pageAnchor: E(f) || void 0 }))
         }, [
-          n("option", ln, l(o.value.repeatNone), 1),
-          n("option", sn, l(o.value.repeatHeader), 1),
-          n("option", rn, l(o.value.repeatFooter), 1)
-        ], 40, an)
+          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(o.value.componentContent), 1),
+      n("h3", null, l(a.value.componentContent), 1),
       t.component.kind === "text" ? (h(), y("label", dn, [
-        P(l(o.value.componentText), 1),
+        P(l(a.value.componentText), 1),
         n("textarea", {
           rows: "4",
           value: t.component.text,
@@ -824,7 +824,7 @@ const Et = {
       ])) : B("", !0),
       t.component.kind === "image" ? (h(), y(U, { key: 2 }, [
         n("label", null, [
-          P(l(o.value.imageSource), 1),
+          P(l(a.value.imageSource), 1),
           n("textarea", {
             rows: "2",
             value: t.component.imageData,
@@ -832,31 +832,31 @@ const Et = {
           }, null, 40, cn)
         ]),
         n("label", mn, [
-          P(l(o.value.imageUpload), 1),
+          P(l(a.value.imageUpload), 1),
           n("input", {
             type: "file",
             accept: "image/png,image/jpeg,image/webp,image/svg+xml",
-            "aria-label": o.value.imageUpload,
+            "aria-label": a.value.imageUpload,
             onChange: G
           }, null, 40, vn)
         ]),
         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(o.value.textFormat), 1),
+        n("h3", null, l(a.value.textFormat), 1),
         n("div", gn, [
           n("label", null, [
-            P(l(o.value.fontSize), 1),
+            P(l(a.value.fontSize), 1),
             n("input", {
               type: "number",
               min: "1",
               max: "200",
-              value: e(je)(t.component.style).fontSizePt,
+              value: e(Ne)(t.component.style).fontSizePt,
               onChange: g[3] || (g[3] = (f) => w("fontSize", Number(E(f))))
             }, null, 40, fn)
           ]),
           n("label", null, [
-            P(l(o.value.fontBold), 1),
+            P(l(a.value.fontBold), 1),
             n("input", {
               type: "checkbox",
               checked: t.component.style?.bold === !0,
@@ -864,16 +864,16 @@ const Et = {
             }, null, 40, bn)
           ])
         ]),
-        Q(Ne, {
+        Q(Fe, {
           "model-value": t.component.style?.align ?? "left",
-          label: o.value.bodyAlign,
-          labels: C.value,
-          "auto-label": o.value.autoShort,
+          label: a.value.bodyAlign,
+          labels: x.value,
+          "auto-label": a.value.autoShort,
           "onUpdate:modelValue": g[5] || (g[5] = (f) => w("align", f))
         }, null, 8, ["model-value", "label", "labels", "auto-label"]),
         n("div", yn, [
           n("label", null, [
-            P(l(o.value.textColor), 1),
+            P(l(a.value.textColor), 1),
             n("input", {
               type: "color",
               value: t.component.style?.color ?? "#233c5c",
@@ -881,7 +881,7 @@ const Et = {
             }, null, 40, wn)
           ]),
           n("label", null, [
-            P(l(o.value.backgroundColor), 1),
+            P(l(a.value.backgroundColor), 1),
             n("input", {
               type: "color",
               value: t.component.style?.backgroundColor ?? "#ffffff",
@@ -891,15 +891,15 @@ const Et = {
         ])
       ])) : B("", !0),
       t.component.kind === "list" ? (h(), y("label", Mn, [
-        P(l(o.value.listDataset), 1),
+        P(l(a.value.listDataset), 1),
         n("input", {
           value: t.component.dataset,
           onChange: g[8] || (g[8] = (f) => r("patch", { dataset: E(f) }))
-        }, null, 40, Cn)
+        }, null, 40, xn)
       ])) : B("", !0)
     ], 8, en));
   }
-}), _n = /* @__PURE__ */ Ie(xn, [["__scopeId", "data-v-2dcbd9cb"]]), Sn = { class: "mr-header-editor" }, $n = ["disabled"], En = ["value"], In = ["value"], An = ["value"], Dn = ["disabled"], Tn = /* @__PURE__ */ Ee({
+}), _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({
   __name: "HeaderStructureEditor",
   props: {
     list: {},
@@ -908,7 +908,7 @@ const Et = {
   },
   emits: ["command"],
   setup(t, { emit: u }) {
-    const s = t, r = u, o = z(() => ({ ...Pe, ...s.messages })), b = F(0), m = F(0), _ = F(Math.min(1, s.list.columns.length - 1));
+    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) => {
@@ -916,19 +916,19 @@ const Et = {
       }
     ), (d, w) => (h(), y("details", Sn, [
       n("summary", null, [
-        P(l(o.value.headerStructure), 1),
-        n("span", null, l(t.list.headerGrid?.cells.length ?? 1) + " " + l(o.value.headerRow), 1)
+        P(l(a.value.headerStructure), 1),
+        n("span", null, l(t.list.headerGrid?.cells.length ?? 1) + " " + l(a.value.headerRow), 1)
       ]),
       n("fieldset", { disabled: t.disabled }, [
         n("label", null, [
-          P(l(o.value.headerRow), 1),
-          ae(n("select", {
-            "onUpdate:modelValue": w[0] || (w[0] = (C) => b.value = C)
+          P(l(a.value.headerRow), 1),
+          oe(n("select", {
+            "onUpdate:modelValue": w[0] || (w[0] = (x) => b.value = x)
           }, [
-            (h(!0), y(U, null, W(t.list.headerGrid?.cells.length ?? 1, (C) => (h(), y("option", {
-              key: C,
-              value: C - 1
-            }, l(C), 9, En))), 128))
+            (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))
           ], 512), [
             [
               ye,
@@ -939,14 +939,14 @@ const Et = {
           ])
         ]),
         n("label", null, [
-          P(l(o.value.headerFirst), 1),
-          ae(n("select", {
-            "onUpdate:modelValue": w[1] || (w[1] = (C) => m.value = C)
+          P(l(a.value.headerFirst), 1),
+          oe(n("select", {
+            "onUpdate:modelValue": w[1] || (w[1] = (x) => m.value = x)
           }, [
-            (h(!0), y(U, null, W(t.list.columns, (C, E) => (h(), y("option", {
+            (h(!0), y(U, null, W(t.list.columns, (x, E) => (h(), y("option", {
               key: E,
               value: E
-            }, l(E + 1) + " · " + l(C.header), 9, In))), 128))
+            }, l(E + 1) + " · " + l(x.header), 9, In))), 128))
           ], 512), [
             [
               ye,
@@ -957,14 +957,14 @@ const Et = {
           ])
         ]),
         n("label", null, [
-          P(l(o.value.headerLast), 1),
-          ae(n("select", {
-            "onUpdate:modelValue": w[2] || (w[2] = (C) => _.value = C)
+          P(l(a.value.headerLast), 1),
+          oe(n("select", {
+            "onUpdate:modelValue": w[2] || (w[2] = (x) => _.value = x)
           }, [
-            (h(!0), y(U, null, W(t.list.columns, (C, E) => (h(), y("option", {
+            (h(!0), y(U, null, W(t.list.columns, (x, E) => (h(), y("option", {
               key: E,
               value: E
-            }, l(E + 1) + " · " + l(C.header), 9, An))), 128))
+            }, l(E + 1) + " · " + l(x.header), 9, An))), 128))
           ], 512), [
             [
               ye,
@@ -977,31 +977,31 @@ const Et = {
         n("div", null, [
           n("button", {
             type: "button",
-            onClick: w[3] || (w[3] = (C) => r("command", { action: "add", row: b.value, first: m.value, last: _.value }))
-          }, l(o.value.addHeaderRow), 1),
+            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", {
             type: "button",
             disabled: m.value >= _.value,
-            onClick: w[4] || (w[4] = (C) => r("command", { action: "merge", row: b.value, first: m.value, last: _.value }))
-          }, l(o.value.mergeHeader), 9, Dn),
+            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", {
             type: "button",
-            onClick: w[5] || (w[5] = (C) => r("command", { action: "split", row: b.value, first: m.value, last: _.value }))
-          }, l(o.value.splitHeader), 1)
+            onClick: w[5] || (w[5] = (x) => r("command", { action: "split", row: b.value, first: m.value, last: _.value }))
+          }, l(a.value.splitHeader), 1)
         ])
       ], 8, $n)
     ]));
   }
 }), Ln = /* @__PURE__ */ Ie(Tn, [["__scopeId", "data-v-acd607ef"]]);
 function Rn(t, u) {
-  const s = F("preview"), r = F(), o = F(0), b = z(
+  const s = j("preview"), r = j(), a = j(0), b = z(
     () => ze(t.value, r.value)
   );
   Z(t, () => {
-    b.value || (r.value = void 0), t.value.template.pages[o.value] || (o.value = 0);
+    b.value || (r.value = void 0), t.value.template.pages[a.value] || (a.value = 0);
   });
   function m(A) {
-    r.value = A, o.value = A.pageIndex;
+    r.value = A, a.value = A.pageIndex;
   }
   function _(A) {
     const g = r.value;
@@ -1015,19 +1015,19 @@ function Rn(t, u) {
       const I = f.template.pages[r.value.pageIndex];
       Qe(
         g,
-        Fe(A, I, g.kind === "list")
+        je(A, I, g.kind === "list")
       );
     });
   }
   function w(A) {
     let g = -1;
-    const f = o.value;
+    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 C() {
+  function x() {
     const A = r.value;
     A && u((g) => {
       g.template.pages[A.pageIndex].components.splice(
@@ -1041,10 +1041,10 @@ function Rn(t, u) {
     if (!A) return;
     let g = -1;
     u((f) => {
-      const I = f.template.pages[A.pageIndex], k = structuredClone(ze(f, A)), S = Se(k);
+      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,
-        Fe(S, I, k.kind === "list")
+        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 });
   }
@@ -1060,29 +1060,29 @@ function Rn(t, u) {
   return {
     mode: s,
     selection: r,
-    pageIndex: o,
+    pageIndex: a,
     active: b,
     select: m,
     mutate: _,
     geometry: d,
     insert: w,
-    remove: C,
+    remove: x,
     duplicate: E,
     reorder: G
   };
 }
 function Gn(t, u, s) {
-  const { draft: r, lists: o, selected: b, activeList: m, blocked: _, jsonPending: d, error: w } = t, { section: C, activeIndex: E } = u, G = Rn(r, t.transaction), {
+  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 = F("excel"), S = F(/* @__PURE__ */ new Set());
-  Z([C, k], () => {
-    C.value === "tools" && (S.value = /* @__PURE__ */ new Set([...S.value, k.value]));
+  } = 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 = o.value.findIndex(
+    const L = a.value.findIndex(
       (R) => R.pageIndex === $.pageIndex && R.componentIndex === $.componentIndex
     );
     L >= 0 && (b.value = L);
@@ -1093,21 +1093,21 @@ function Gn(t, u, s) {
     () => s()?.[m.value?.dataset ?? ""]
   );
   function p($) {
-    A.value = $, C.value === "tools" && (C.value = $ === "design" ? "component" : "fields");
+    A.value = $, x.value === "tools" && (x.value = $ === "design" ? "component" : "fields");
   }
-  function x($) {
+  function C($) {
     if (!r.value.template.pages[$.pageIndex]?.components[$.componentIndex])
       return;
     if (G.select($), r.value.template.pages[$.pageIndex]?.components[$.componentIndex]?.kind === "list") {
-      const R = o.value.findIndex(
+      const R = a.value.findIndex(
         (H) => H.pageIndex === $.pageIndex && H.componentIndex === $.componentIndex
       );
-      R >= 0 && (b.value = R), C.value = "fields";
-    } else C.value = "component";
+      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", C.value = "component", L.value = "");
+    L.value && (G.insert(L.value), A.value = "design", x.value = "component", L.value = "");
   }
   function T($) {
     G.mutate((L, R) => {
@@ -1123,8 +1123,8 @@ function Gn(t, u, s) {
         ue === void 0 ? delete H[K] : H[K] = ue;
     });
   }
-  function N($) {
-    const L = o.value[b.value];
+  function F($) {
+    const L = a.value[b.value];
     L && t.transaction((R) => {
       R.template.pages[L.pageIndex].components[L.componentIndex] = $;
     });
@@ -1134,21 +1134,21 @@ function Gn(t, u, s) {
     if (!L) return;
     const R = JSON.parse(JSON.stringify(L));
     try {
-      Mt(R, E.value, E.value + $) && (N(R), u.activate(E.value + $));
+      Mt(R, E.value, E.value + $) && (F(R), u.activate(E.value + $));
     } catch (H) {
       w.value = H instanceof Error ? H.message : String(H);
     }
   }
-  function a($) {
-    const L = o.value[b.value];
+  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" ? Ct(H) : $.action === "merge" ? xt(H, $.row, $.first, $.last) : _t(H, $.row, $.first));
+      H?.kind === "list" && ($.action === "add" ? xt(H) : $.action === "merge" ? Ct(H, $.row, $.first, $.last) : _t(H, $.row, $.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", x({ pageIndex: R, componentIndex: H }), $.field)) {
+    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
       );
@@ -1165,12 +1165,12 @@ function Gn(t, u, s) {
     visitedTools: S,
     editDisabled: c,
     dataSchema: M,
-    chooseCanvas: x,
+    chooseCanvas: C,
     insertComponent: D,
     patchCanvas: T,
-    changeList: N,
+    changeList: F,
     moveColumn: te,
-    headerCommand: a,
+    headerCommand: o,
     locateReview: q,
     canvas: G
   };
@@ -1186,37 +1186,37 @@ function Pn(t, u, s) {
   return b === void 0 ? void 0 : t[b];
 }
 function Hn(t, u, s) {
-  const r = F(!1), o = F(t.activeIndex.value), b = F(null), m = F(null), _ = F(null), d = F(null);
+  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="${o.value}"]`
+      `button[data-column-index="${a.value}"]`
     );
     if (!c || !M) return;
     S && M.focus({ preventScroll: !0 });
-    const p = c.getBoundingClientRect(), x = M.getBoundingClientRect(), D = p.top + c.clientTop, T = D + c.clientHeight;
-    x.top < D ? c.scrollTop += x.top - D : x.bottom > T && (c.scrollTop += x.bottom - T);
+    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 C(S = !1) {
+  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 C(!0);
+    if (r.value) return x(!0);
     const S = s.value.map((c) => c.index);
-    o.value = S.includes(t.activeIndex.value) ? t.activeIndex.value : S[0] ?? -1, r.value = !0, await de(), _.value?.focus({ preventScroll: !0 }), w();
+    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), C(!0);
+    t.activate(S), x(!0);
   }
   function A(S) {
-    r.value && (S.preventDefault(), S.stopPropagation(), C(!0));
+    r.value && (S.preventDefault(), S.stopPropagation(), x(!0));
   }
   async function g(S) {
     const c = Pn(
       s.value.map((M) => M.index),
-      o.value,
+      a.value,
       S.key
     );
-    c !== void 0 && (o.value = c, S.preventDefault(), await de(), w(!0));
+    c !== void 0 && (a.value = c, S.preventDefault(), await de(), w(!0));
   }
   async function f(S) {
     if (!["ArrowDown", "ArrowUp", "Enter"].includes(S.key)) return;
@@ -1224,33 +1224,33 @@ function Hn(t, u, s) {
     const c = s.value.map((M) => M.index);
     if (c.length) {
       if (S.key === "Enter") {
-        c.includes(o.value) && G(o.value);
+        c.includes(a.value) && G(a.value);
         return;
       }
-      S.key === "ArrowUp" && (o.value = c.at(-1)), await de(), w(!0);
+      S.key === "ArrowUp" && (a.value = c.at(-1)), await de(), w(!0);
     }
   }
   function I(S) {
     const c = S.target;
-    !r.value || m.value?.contains(c) || b.value?.contains(c) || C();
+    !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) || C();
+    !c || m.value?.contains(c) || b.value?.contains(c) || x();
   }
   return Z(s, (S) => {
-    S.some((c) => c.index === o.value) || (o.value = S[0]?.index ?? -1);
+    S.some((c) => c.index === a.value) || (a.value = S[0]?.index ?? -1);
   }), Z(u, () => {
-    C();
+    x();
   }), ht(() => document.addEventListener("pointerdown", I)), $e(() => document.removeEventListener("pointerdown", I)), {
     open: r,
-    cursor: o,
+    cursor: a,
     trigger: b,
     panel: m,
     search: _,
     list: d,
     toggle: E,
-    close: C,
+    close: x,
     choose: G,
     escape: A,
     navigate: g,
@@ -1259,14 +1259,14 @@ function Hn(t, u, s) {
   };
 }
 function Vn(t, u, s, r) {
-  const o = F(0), b = F(""), m = F([]), _ = z(
+  const a = j(0), b = j(""), m = j([]), _ = z(
     () => t.value.template.pages.flatMap(
       (c, M) => c.components.flatMap(
-        (p, x) => p.kind === "list" ? [{ component: p, pageIndex: M, componentIndex: x }] : []
+        (p, C) => p.kind === "list" ? [{ component: p, pageIndex: M, componentIndex: C }] : []
       )
     )
   ), d = z(
-    () => _.value[o.value]?.component
+    () => _.value[a.value]?.component
   ), w = z(() => {
     const c = d.value;
     if (!c) return [];
@@ -1275,40 +1275,40 @@ function Vn(t, u, s, r) {
     );
     if (c.headerGrid && u())
       for (const p of ve(c.headerGrid, c.widthMm, 100).cells)
-        for (let x = p.ci; x < p.ci + (p.cell.colSpan ?? 1); x++)
-          M[x] = p.cell.style?.align ?? "left";
+        for (let C = p.ci; C < p.ci + (p.cell.colSpan ?? 1); C++)
+          M[C] = p.cell.style?.align ?? "left";
     return M;
-  }), C = z(() => {
+  }), x = z(() => {
     const c = b.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
     return (d.value?.columns ?? []).flatMap((M, p) => {
-      const x = `${M.header} ${M.field}`.toLocaleLowerCase();
-      return c.every((D) => x.includes(D)) ? [{ column: M, index: p }] : [];
+      const C = `${M.header} ${M.field}`.toLocaleLowerCase();
+      return c.every((D) => C.includes(D)) ? [{ column: M, index: p }] : [];
     });
   });
   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 C.value) E(M.index, c);
+    for (const M of x.value) E(M.index, c);
   }
   function A() {
     m.value = [];
   }
   function g(c, M, p) {
     if (!s()) return;
-    const x = d.value?.columns[c];
-    x && (M === "hidden" && p === !0 && !d.value?.columns.some(
+    const C = d.value?.columns[c];
+    C && (M === "hidden" && p === !0 && !d.value?.columns.some(
       (D, T) => T !== c && !D.hidden
-    ) || (Object.assign(x, { [M]: M === "widthMm" ? Number(p) : p }), M === "header" && I(c, String(p)), M === "headerAlign" && k(
+    ) || (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[o.value];
+    const c = _.value[a.value];
     if (!c) return;
-    const M = c.component, p = t.value.template.pages[c.pageIndex], x = M.columns.map((D) => D.widthMm);
-    M.headerGrid && (M.headerGrid.colWidthsMm = x), p.layout === "wide" && x.every((D) => Number.isFinite(D) && D > 0) && (M.widthMm = x.reduce((D, T) => D + T, 0), p.widthMm = Math.max(
+    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
       )
@@ -1317,24 +1317,24 @@ function Vn(t, u, s, r) {
   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: N }) => T <= c && T + (N.colSpan ?? 1) > c).slice(-1)[0];
+    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;
     }));
   }
   function k(c, M) {
-    const p = d.value, x = p?.columns[c];
-    if (x?.headerStyle?.align !== void 0 && (x.headerStyle = { ...x.headerStyle, align: M }), !p?.headerGrid) return;
-    const T = ve(p.headerGrid, p.widthMm, 100).cells.filter(({ ci: N, cell: te }) => N <= c && N + (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((N) => {
-      N.headerAlign = M, N.headerStyle?.align !== void 0 && (N.headerStyle = { ...N.headerStyle, align: 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 S(c, M) {
     if (!(!s() || c === "headerAlign" && M === "auto")) {
       for (const p of m.value) {
-        const x = d.value?.columns[p];
-        x && (Object.assign(x, { [c]: M }), c === "headerAlign" && k(
+        const C = d.value?.columns[p];
+        C && (Object.assign(C, { [c]: M }), c === "headerAlign" && k(
           p,
           M
         ));
@@ -1343,13 +1343,13 @@ function Vn(t, u, s, r) {
     }
   }
   return {
-    selected: o,
+    selected: a,
     query: b,
     selectedColumns: m,
     lists: _,
     activeList: d,
     headerAlignments: w,
-    visibleColumns: C,
+    visibleColumns: x,
     toggleColumn: E,
     selectVisible: G,
     clearSelection: A,
@@ -1363,27 +1363,27 @@ function be(t) {
 function Bn(t, u, s = !1) {
   const r = { kind: "snapshot", value: u };
   if (s) return r;
-  let o = 0;
+  let a = 0;
   const b = Math.min(t.length, u.length);
-  for (; o < b && t.charCodeAt(o) === u.charCodeAt(o); ) o++;
+  for (; a < b && t.charCodeAt(a) === u.charCodeAt(a); ) a++;
   let m = t.length, _ = u.length;
-  for (; m > o && _ > o && t.charCodeAt(m - 1) === u.charCodeAt(_ - 1); )
+  for (; m > a && _ > a && t.charCodeAt(m - 1) === u.charCodeAt(_ - 1); )
     m--, _--;
-  const d = { kind: "patch", start: o, removed: t.slice(o, m), inserted: u.slice(o, _) };
+  const d = { kind: "patch", start: a, removed: t.slice(a, m), inserted: u.slice(a, _) };
   return be(d) < be(r) ? d : r;
 }
 function Le(t, u, s = !1) {
   if (u.kind === "snapshot") return u.value;
-  const r = s ? u.inserted : u.removed, o = s ? u.removed : u.inserted;
-  return t.slice(0, u.start) + o + t.slice(u.start + r.length);
+  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 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 = F(0), o = F(t), b = z(() => r.value > 0), m = z(() => r.value + 1 < s.value.length), _ = z(() => o.value), d = z(() => s.value.reduce((g, f) => g + be(f), 0));
+  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, o.value = g;
+    s.value = [{ kind: "snapshot", value: g }], r.value = 0, a.value = g;
   }
-  function C(g) {
+  function x(g) {
     let f = g;
     for (; f > 0 && s.value[f].kind !== "snapshot"; ) f--;
     let I = "";
@@ -1399,51 +1399,51 @@ function zn(t, u = { entries: 100, bytes: 16 * 1024 * 1024 }) {
     return g;
   }
   function G(g) {
-    if (o.value === g) return;
+    if (a.value === g) return;
     const f = s.value.slice(0, r.value + 1);
-    f.push(Bn(o.value, g, f.length % 20 === 0)), s.value = E(f), r.value = s.value.length - 1, o.value = g;
+    f.push(Bn(a.value, g, f.length % 20 === 0)), s.value = E(f), r.value = s.value.length - 1, a.value = g;
   }
   function A(g) {
     if (g < 0 ? !b.value : !m.value) return;
     const f = s.value[r.value];
-    return g < 0 && f.kind === "patch" ? o.value = Le(o.value, f, !0) : g > 0 ? o.value = Le(o.value, s.value[r.value + 1]) : o.value = C(r.value - 1), r.value += g, o.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;
   }
   return { canUndo: b, canRedo: m, current: _, retainedBytes: d, reset: w, record: G, move: A };
 }
-function jn(t) {
-  const u = nt(null), s = F(!1);
-  let r, o = 0;
+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() {
-    o++, b(!1), s.value = !1;
+    a++, b(!1), s.value = !1;
   }
   async function _(d) {
     m();
-    const w = o, C = t();
+    const w = a, x = t();
     s.value = !0;
     try {
       const E = await new Promise((G, A) => {
-        if (r = G, !C) {
+        if (r = G, !x) {
           u.value = d;
           return;
         }
-        Promise.resolve().then(() => o === w ? C(d) : !1).then((g) => {
-          o === w && b(g === !0);
+        Promise.resolve().then(() => a === w ? x(d) : !1).then((g) => {
+          a === w && b(g === !0);
         }, (g) => {
-          o === w && (r = void 0, u.value = null, A(g));
+          a === w && (r = void 0, u.value = null, A(g));
         });
       });
-      return o === w && E === !0;
+      return a === w && E === !0;
     } finally {
-      o === w && (s.value = !1);
+      a === w && (s.value = !1);
     }
   }
   return $e(m), { confirmation: u, pending: s, decide: b, request: _, cancel: m };
 }
-function Fn(t, u) {
-  const s = F(Y(t.modelValue)), r = F(me(s.value)), o = F(me(s.value)), b = F(""), m = F(!1), _ = z(() => ({
+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,
     ...t.messages
   })), d = z(() => ({
@@ -1470,7 +1470,7 @@ function Fn(t, u) {
       return d.value;
     }
   });
-  let w, C = 0;
+  let w, x = 0;
   const E = z(
     () => Ye(s.value)
   ), G = z(() => {
@@ -1479,20 +1479,20 @@ function Fn(t, u) {
     } catch {
       return !0;
     }
-  }), A = F(o.value), g = z(() => o.value !== A.value), f = z(
-    () => G.value || o.value !== A.value
+  }), 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: o.value,
+    json: a.value,
     appliedJson: A.value
-  }), k = zn(I()), S = jn(() => t.beforeDiscard), c = z(() => m.value || S.pending.value), M = () => !t.readonly && !c.value && !g.value, p = Vn(
+  }), 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: x, lists: D, activeList: T, headerAlignments: N, setColumn: te } = p;
-  Z(x, () => p.clearSelection());
-  const a = z(
+  ), { selected: C, lists: D, activeList: T, headerAlignments: F, setColumn: te } = p;
+  Z(C, () => p.clearSelection());
+  const o = z(
     () => E.value.ok ? bt({
       draft: {
         template: s.value.template,
@@ -1502,10 +1502,10 @@ function Fn(t, u) {
     }) : void 0
   );
   function q() {
-    C++, w?.abort(), w = void 0, m.value = !1;
+    x++, w?.abort(), w = void 0, m.value = !1;
   }
   let $ = 0;
-  async function L(V = "replace", j) {
+  async function L(V = "replace", N) {
     if (!f.value) return !0;
     const J = I();
     try {
@@ -1514,7 +1514,7 @@ function Fn(t, u) {
         document: JSON.parse(
           JSON.stringify(s.value)
         ),
-        replacement: j ? Y(j) : void 0,
+        replacement: N ? Y(N) : void 0,
         pendingLocalChanges: !0
       }) && J === I();
     } catch (ne) {
@@ -1522,62 +1522,62 @@ function Fn(t, u) {
     }
   }
   function R(V) {
-    q(), s.value = V, r.value = me(V), o.value = r.value, A.value = o.value, b.value = "", x.value = 0, p.clearSelection(), k.reset(I());
+    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());
   }
   Z(
     () => t.modelValue,
     async (V) => {
-      let j;
+      let N;
       try {
-        j = Y(V);
+        N = Y(V);
       } catch (ne) {
         b.value = ne instanceof Error ? ne.message : String(ne);
         return;
       }
       try {
-        if (me(j) === me(s.value))
+        if (me(N) === me(s.value))
           return;
       } catch {
       }
       const J = ++$;
-      if (q(), !await L("replace", j)) {
+      if (q(), !await L("replace", N)) {
         J === $ && E.value.ok && u("update:modelValue", Y(s.value));
         return;
       }
-      J === $ && R(j);
+      J === $ && R(N);
     }
   ), $e(() => {
     $++, q();
   });
   function H() {
-    S.cancel(), b.value = "", E.value.ok && (o.value = me(s.value), A.value = o.value, u("update:modelValue", Y(s.value))), k.record(I());
+    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 K(V) {
     if (!M()) return !1;
     try {
-      const j = Y(s.value);
-      V(j);
-      const J = Ye(j);
+      const N = Y(s.value);
+      V(N);
+      const J = Ye(N);
       if (!J.ok)
         throw new Error(
           J.errors.map((ne) => `${ne.path}: ${ne.message}`).join(`
 `)
         );
-      return s.value = j, H(), !0;
-    } catch (j) {
-      return b.value = j instanceof Error ? j.message : String(j), !1;
+      return s.value = N, H(), !0;
+    } catch (N) {
+      return b.value = N instanceof Error ? N.message : String(N), !1;
     }
   }
   async function ue(V) {
     if (!M()) return !1;
     try {
-      const j = Y(V);
-      return !await L("replace", j) || !M() ? !1 : (s.value = j, x.value = 0, p.clearSelection(), H(), !0);
-    } catch (j) {
-      return b.value = j instanceof Error ? j.message : String(j), !1;
+      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;
     }
   }
-  function Ce(V) {
+  function xe(V) {
     M() && (s.value.name = V, H());
   }
   function Ae(V) {
@@ -1586,12 +1586,12 @@ function Fn(t, u) {
   function pe() {
     if (!(t.readonly || c.value))
       try {
-        const V = Y(o.value);
+        const V = Y(a.value);
         if (V.id !== s.value.id)
           throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
         if (V.revision !== s.value.revision)
           throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
-        s.value = V, x.value = 0, p.clearSelection(), H();
+        s.value = V, C.value = 0, p.clearSelection(), H();
       } catch (V) {
         b.value = V instanceof Error ? V.message : String(V);
       }
@@ -1602,32 +1602,32 @@ function Fn(t, u) {
   function ie(V) {
     if (c.value || t.readonly) return;
     k.record(I());
-    const j = k.move(V);
-    if (!j) return;
+    const N = k.move(V);
+    if (!N) return;
     S.cancel();
-    const J = JSON.parse(j);
-    s.value = J.document, o.value = J.json, A.value = J.appliedJson, b.value = "", x.value = 0, p.clearSelection(), E.value.ok && u("update:modelValue", Y(s.value));
+    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 = ++C;
+    const V = ++x;
     w = new AbortController(), m.value = !0, b.value = "";
-    const j = Y(s.value);
+    const N = Y(s.value);
     try {
       const J = Y(
-        await t.save(j, {
-          expectedRevision: j.revision,
+        await t.save(N, {
+          expectedRevision: N.revision,
           signal: w.signal
         })
       );
-      if (V !== C) return;
-      if (J.id !== j.id)
+      if (V !== x) return;
+      if (J.id !== N.id)
         throw new Error("保存服务返回了其他模板的文档");
-      s.value = J, r.value = me(J), o.value = r.value, A.value = o.value, k.reset(I()), u("saved", Y(J)), u("update:modelValue", Y(J));
+      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 === C && (b.value = J instanceof Error ? J.message : String(J));
+      V === x && (b.value = J instanceof Error ? J.message : String(J));
     } finally {
-      V === C && (m.value = !1, w = void 0);
+      V === x && (m.value = !1, w = void 0);
     }
   }
   const we = z(
@@ -1652,19 +1652,19 @@ function Fn(t, u) {
     decideDiscard: S.decide,
     guardChanges: L,
     draft: s,
-    json: o,
-    selected: x,
+    json: a,
+    selected: C,
     error: b,
     saving: m,
     dirty: G,
     validation: E,
     lists: D,
     activeList: T,
-    headerAlignments: N,
+    headerAlignments: F,
     previewOptions: d,
-    fetcher: a,
+    fetcher: o,
     messages: _,
-    setName: Ce,
+    setName: xe,
     setDescription: Ae,
     setColumn: te,
     applyJson: pe,
@@ -1672,68 +1672,68 @@ function Fn(t, u) {
     save: he
   };
 }
-function Nn(t, u) {
-  const s = F("fields"), r = () => u.value?.columns.length ? 0 : -1, o = F(r()), b = z(() => {
-    const d = u.value?.columns[o.value];
-    return d ? { column: d, index: o.value } : void 0;
+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;
   });
   Z(t, () => {
-    o.value = r();
+    a.value = r();
   }), Z(u, (d) => {
-    d?.columns[o.value] || (o.value = r());
+    d?.columns[a.value] || (a.value = r());
   });
   function m(d) {
-    u.value?.columns[d] && (o.value = d);
+    u.value?.columns[d] && (a.value = d);
   }
   function _(d) {
     const w = u.value?.columns.length ?? 0;
-    w && (o.value = Math.max(
+    w && (a.value = Math.max(
       0,
-      Math.min(w - 1, o.value + d)
+      Math.min(w - 1, a.value + d)
     ));
   }
-  return { section: s, activeIndex: o, activeColumn: b, activate: m, stepColumn: _ };
+  return { section: s, activeIndex: a, activeColumn: b, activate: m, stepColumn: _ };
 }
-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" }, eo = ["aria-label", "title", "disabled"], to = ["aria-label", "title", "disabled"], no = ["disabled"], oo = ["disabled"], ao = ["aria-label"], lo = {
+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"
-}, so = ["aria-label"], io = ["aria-pressed", "onClick"], ro = { class: "mr-designer-tool-content" }, uo = {
+}, sa = ["aria-label"], ia = ["aria-pressed", "onClick"], ra = { class: "mr-designer-tool-content" }, da = {
   key: 2,
   class: "mr-designer-rule-workspace"
-}, co = { key: 0 }, mo = ["value"], vo = {
+}, ua = { key: 0 }, ca = ["value"], ma = {
   key: 2,
   class: "mr-designer-note"
-}, po = {
+}, va = {
   key: 1,
   class: "mr-designer-inspector"
-}, ho = ["id", "aria-labelledby"], go = {
+}, pa = ["id", "aria-labelledby"], ha = {
   key: 0,
   class: "mr-designer-area"
-}, fo = ["value"], bo = { class: "mr-designer-current" }, yo = ["aria-expanded", "aria-controls"], wo = { class: "mr-designer-current-name" }, ko = { class: "mr-designer-directory-entry" }, Mo = { class: "mr-designer-field-position" }, Co = ["aria-label"], xo = ["aria-label", "title", "disabled"], _o = ["aria-label", "title", "disabled"], So = ["disabled", "aria-label"], $o = { class: "mr-designer-property-group" }, Eo = ["value"], Io = ["value", "list"], Ao = ["id"], Do = ["value"], To = { class: "mr-designer-property-group" }, Lo = { class: "mr-designer-format-pair" }, Ro = { class: "mr-designer-stacked" }, Go = ["value"], Po = { class: "mr-designer-stacked" }, Ho = ["value"], Vo = { value: "identifier" }, Bo = { value: "dimension" }, zo = { value: "measure" }, jo = { value: "date" }, Fo = { value: "text" }, No = { class: "mr-designer-control-row" }, Oo = { class: "mr-designer-control-row" }, Uo = { class: "mr-designer-toggle" }, Jo = ["checked"], Ko = { class: "mr-designer-column-structure" }, Wo = ["aria-label", "title", "disabled"], Xo = ["aria-label", "title", "disabled"], qo = ["checked", "disabled"], Yo = ["id", "aria-label"], Qo = { class: "mr-designer-directory-heading" }, Zo = ["aria-label"], ea = { class: "mr-designer-search" }, ta = ["aria-label", "placeholder"], na = ["aria-label", "title"], oa = { class: "mr-designer-column-tools" }, aa = ["disabled"], la = {
+}, 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 = {
   key: 1,
   role: "status"
-}, sa = { key: 2 }, ia = ["aria-label"], ra = ["aria-label", "checked", "disabled", "onChange"], da = ["data-column-index", "aria-pressed", "tabindex", "onClick"], ua = { class: "mr-designer-column-number" }, ca = { class: "mr-designer-column-name" }, ma = {
+}, 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 = {
   key: 0,
   role: "status",
   class: "mr-designer-empty"
-}, va = {
+}, vo = {
   key: 0,
   class: "mr-designer-batch"
-}, pa = ["aria-label", "disabled"], ha = { value: "" }, ga = { value: "auto" }, fa = { value: "left" }, ba = { value: "center" }, ya = { value: "right" }, wa = { value: "justify" }, ka = ["aria-label", "disabled"], Ma = { value: "" }, Ca = { value: "left" }, xa = { value: "center" }, _a = { value: "right" }, Sa = { value: "justify" }, $a = {
+}, 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 = {
   key: 2,
   role: "status",
   class: "mr-designer-empty"
-}, Ea = { class: "mr-designer-object-tools" }, Ia = ["aria-label", "disabled"], Aa = { value: "" }, Da = { value: "text" }, Ta = { value: "list" }, La = { value: "image" }, Ra = { value: "rect" }, Ga = ["title", "aria-label", "disabled"], Pa = ["title", "aria-label", "disabled"], Ha = { key: 0 }, Va = ["value"], Ba = { class: "mr-designer-stacked" }, za = ["value"], ja = {
+}, 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 = {
   value: -1,
   disabled: ""
-}, Fa = ["value"], Na = { class: "mr-designer-layer-tools" }, Oa = ["disabled"], Ua = ["disabled"], Ja = {
+}, jo = ["value"], Fo = { class: "mr-designer-layer-tools" }, Oo = ["disabled"], Uo = ["disabled"], Jo = {
   key: 2,
   class: "mr-designer-empty"
-}, Ka = { class: "mr-designer-stacked" }, Wa = ["value", "disabled"], Xa = { class: "mr-designer-stacked" }, qa = ["value", "disabled"], Ya = { class: "mr-designer-technical" }, Qa = { class: "mr-designer-identity" }, Za = { class: "mr-designer-stacked mr-designer-json-label" }, el = ["aria-label", "disabled"], tl = ["disabled"], nl = {
+}, 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,
   role: "status",
   class: "mr-designer-note mr-designer-pending"
-}, ol = ["aria-label"], al = {
+}, al = ["aria-label"], ol = {
   key: 0,
   role: "alert",
   class: "mr-designer-error"
@@ -1762,13 +1762,13 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
   setup(t, { expose: u, emit: s }) {
     const r = Me(
       () => import("./ExcelBindingWizard-RLJIXKKG.js")
-    ), o = Me(() => import("./RuleEditor-ynnUEK0s.js")), b = Me(
+    ), a = Me(() => import("./RuleEditor-CtJFzKuY.js")), b = Me(
       () => import("./TemplateReviewPanel-Cn32OY4_.js")
-    ), m = t, _ = s, d = Fn(m, (X, v) => {
+    ), m = t, _ = s, d = jn(m, (X, v) => {
       _(X === "saved" ? "saved" : "update:modelValue", v);
     }), {
       draft: w,
-      json: C,
+      json: x,
       selected: E,
       error: G,
       saving: A,
@@ -1780,13 +1780,13 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
       canRedo: c,
       validation: M,
       lists: p,
-      activeList: x,
+      activeList: C,
       visibleColumns: D,
       query: T,
-      selectedColumns: N,
+      selectedColumns: F,
       fetcher: te,
-      messages: a
-    } = d, q = Nn(E, x), { section: $, activeIndex: L, activeColumn: R } = q, H = `mr-designer-${gt()?.uid ?? 0}`, K = [
+      messages: o
+    } = d, q = Fn(E, C), { section: $, activeIndex: L, activeColumn: R } = q, H = `mr-designer-${gt()?.uid ?? 0}`, K = [
       "fields",
       "component",
       "template",
@@ -1797,7 +1797,7 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
       q,
       () => m.dataSchemas
     ), {
-      mode: Ce,
+      mode: xe,
       setMode: Ae,
       canvasSelection: pe,
       canvasPage: se,
@@ -1806,17 +1806,17 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
       visitedTools: we,
       editDisabled: le,
       dataSchema: V,
-      chooseCanvas: j,
+      chooseCanvas: N,
       insertComponent: J,
       patchCanvas: ne,
-      changeList: ot,
+      changeList: at,
       moveColumn: Ue,
-      headerCommand: at,
+      headerCommand: ot,
       locateReview: lt,
       canvas: ce
     } = ue, st = z(
-      () => A.value ? a.value.saving : m.readonly ? a.value.readonly : g.value ? a.value.dirty : a.value.ready
-    ), Je = F(null), He = F(null), ee = Hn(q, $, D), {
+      () => 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,
@@ -1828,11 +1828,11 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
       await de(), He.value && (He.value.scrollTop = 0);
     });
     const We = z(() => ({
-      auto: a.value.auto,
-      left: a.value.left,
-      center: a.value.center,
-      right: a.value.right,
-      justify: a.value.justify
+      auto: o.value.auto,
+      left: o.value.left,
+      center: o.value.center,
+      right: o.value.right,
+      justify: o.value.justify
     }));
     let De = null;
     Z(k, async (X) => {
@@ -1886,16 +1886,16 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
     }
     return (X, v) => (h(), y("section", {
       class: "mr-designer",
-      "aria-label": e(a).title,
+      "aria-label": e(o).title,
       "aria-busy": e(A)
     }, [
       n("header", Un, [
         n("div", Jn, [
-          Q(oe, {
+          Q(ae, {
             name: "columns",
             size: 15
           }),
-          n("strong", null, l(e(a).heading), 1),
+          n("strong", null, l(e(o).heading), 1),
           n("span", {
             class: _e({ "mr-designer-dirty": e(g) })
           }, l(st.value), 3)
@@ -1903,7 +1903,7 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
         n("nav", {
           class: "mr-designer-tabs",
           role: "tablist",
-          "aria-label": e(a).sectionsLabel
+          "aria-label": e(o).sectionsLabel
         }, [
           (h(), y(U, null, W(K, (i) => n("button", {
             id: `${H}-tab-${i}`,
@@ -1915,31 +1915,31 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             tabindex: e($) === i ? 0 : -1,
             onClick: (O) => $.value = i,
             onKeydown: vt
-          }, l(e(a)[`${i}Section`]), 41, Wn)), 64))
+          }, l(e(o)[`${i}Section`]), 41, Wn)), 64))
         ], 8, Kn),
         n("div", {
           class: "mr-designer-mode",
           role: "group",
-          "aria-label": e(a).design
+          "aria-label": e(o).design
         }, [
           n("button", {
             type: "button",
-            "aria-pressed": e(Ce) === "design",
+            "aria-pressed": e(xe) === "design",
             onClick: v[0] || (v[0] = (i) => e(Ae)("design"))
-          }, l(e(a).design), 9, qn),
+          }, l(e(o).design), 9, qn),
           n("button", {
             type: "button",
-            "aria-pressed": e(Ce) === "preview",
+            "aria-pressed": e(xe) === "preview",
             onClick: v[1] || (v[1] = (i) => e(Ae)("preview"))
-          }, l(e(a).preview), 9, Yn)
+          }, l(e(o).preview), 9, Yn)
         ], 8, Xn),
         n("div", Qn, [
           n("div", Zn, [
             n("button", {
               type: "button",
               class: "mr-designer-icon-button",
-              "aria-label": e(a).undo,
-              title: e(a).undo,
+              "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))
@@ -1951,12 +1951,12 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
               }, [
                 n("path", { d: "M4 10h10a6 6 0 0 1 0 12M4 10l5-5M4 10l5 5" })
               ], -1)
-            ])], 8, eo),
+            ])], 8, ea),
             n("button", {
               type: "button",
               class: "mr-designer-icon-button",
-              "aria-label": e(a).redo,
-              title: e(a).redo,
+              "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))
@@ -1968,7 +1968,7 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
               }, [
                 n("path", { d: "M20 10H10a6 6 0 0 0 0 12m10-12-5-5m5 5-5 5" })
               ], -1)
-            ])], 8, to)
+            ])], 8, ta)
           ]),
           n("button", {
             type: "button",
@@ -1976,7 +1976,7 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             disabled: t.readonly || e(I) || !e(g),
             onClick: v[4] || (v[4] = //@ts-ignore
             (...i) => e(d).reset && e(d).reset(...i))
-          }, l(e(a).reset), 9, no),
+          }, l(e(o).reset), 9, na),
           t.save ? (h(), y("button", {
             key: 0,
             type: "button",
@@ -1985,24 +1985,24 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             onClick: v[5] || (v[5] = //@ts-ignore
             (...i) => e(d).save && e(d).save(...i))
           }, [
-            Q(oe, {
+            Q(ae, {
               name: "file",
               size: 13
             }),
-            P(l(e(A) ? e(a).saving : e(a).save), 1)
-          ], 8, oo)) : B("", !0)
+            P(l(e(A) ? e(o).saving : e(o).save), 1)
+          ], 8, aa)) : B("", !0)
         ])
       ]),
       e(k) ? (h(), y("div", {
         key: 0,
         role: "alertdialog",
-        "aria-label": e(a).discardTitle,
+        "aria-label": e(o).discardTitle,
         class: "mr-designer-confirm",
         onKeydown: v[8] || (v[8] = Be(tt((i) => e(d).decideDiscard(!1), ["prevent", "stop"]), ["esc"]))
       }, [
         n("div", null, [
-          n("strong", null, l(e(a).discardTitle), 1),
-          n("p", null, l(e(a).discardDescription), 1)
+          n("strong", null, l(e(o).discardTitle), 1),
+          n("p", null, l(e(o).discardDescription), 1)
         ]),
         n("div", null, [
           n("button", {
@@ -2010,31 +2010,31 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             ref: Je,
             type: "button",
             onClick: v[6] || (v[6] = (i) => e(d).decideDiscard(!1))
-          }, l(e(a).keepEditing), 513),
+          }, l(e(o).keepEditing), 513),
           n("button", {
             type: "button",
             onClick: v[7] || (v[7] = (i) => e(d).decideDiscard(!0))
-          }, l(e(a).discard), 1)
+          }, l(e(o).discard), 1)
         ])
-      ], 40, ao)) : B("", !0),
+      ], 40, oa)) : B("", !0),
       n("div", {
         class: _e(["mr-designer-body", { "is-tools": e($) === "tools" }])
       }, [
-        e(we).size ? ae((h(), y("div", lo, [
+        e(we).size ? oe((h(), y("div", la, [
           n("nav", {
             class: "mr-designer-tool-tabs",
-            "aria-label": e(a).toolsSection
+            "aria-label": e(o).toolsSection
           }, [
             (h(), y(U, null, W(["excel", "rules", "review"], (i) => n("button", {
               key: i,
               type: "button",
               "aria-pressed": e(he) === i,
               onClick: (O) => he.value = i
-            }, l(e(a)[`${i}Tool`]), 9, io)), 64)),
-            n("span", null, l(e(a).toolsDescription), 1)
-          ], 8, so),
-          n("div", ro, [
-            e(we).has("excel") ? ae((h(), fe(e(r), {
+            }, 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), {
               key: 0,
               datasets: t.bindingDatasets ?? [],
               session: t.bindingSession,
@@ -2045,7 +2045,7 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             }, null, 8, ["datasets", "session", "identity", "readonly"])), [
               [Te, e(he) === "excel"]
             ]) : B("", !0),
-            e(we).has("review") ? ae((h(), fe(e(b), {
+            e(we).has("review") ? oe((h(), fe(e(b), {
               key: 1,
               document: e(w),
               previous: e(d).originalDocument.value,
@@ -2055,29 +2055,29 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             }, null, 8, ["document", "previous", "datasets", "data-schemas", "onLocate"])), [
               [Te, e(he) === "review"]
             ]) : B("", !0),
-            e(we).has("rules") ? ae((h(), y("div", uo, [
-              e(p).length > 1 ? (h(), y("label", co, [
-                P(l(e(a).area), 1),
-                ae(n("select", {
-                  "onUpdate:modelValue": v[9] || (v[9] = (i) => xe(E) ? E.value = i : null)
+            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)
                 }, [
                   (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, mo))), 128))
+                  }, l(i.component.title || i.component.dataset), 9, ca))), 128))
                 ], 512), [
                   [ye, e(E)]
                 ])
               ])) : B("", !0),
-              e(x) ? (h(), fe(e(o), {
+              e(C) ? (h(), fe(e(a), {
                 key: 1,
-                list: e(x),
+                list: e(C),
                 datasets: t.datasets,
                 "dataset-schema": e(V),
                 "dataset-schemas": t.dataSchemas,
                 readonly: e(le),
-                onChange: e(ot)
-              }, null, 8, ["list", "datasets", "dataset-schema", "dataset-schemas", "readonly", "onChange"])) : (h(), y("p", vo, l(e(a).rulesNeedList), 1))
+                onChange: e(at)
+              }, null, 8, ["list", "datasets", "dataset-schema", "dataset-schemas", "readonly", "onChange"])) : (h(), y("p", ma, l(e(o).rulesNeedList), 1))
             ], 512)), [
               [Te, e(he) === "rules"]
             ]) : B("", !0)
@@ -2085,7 +2085,7 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
         ], 512)), [
           [Te, e($) === "tools"]
         ]) : B("", !0),
-        e($) !== "tools" ? (h(), y("aside", po, [
+        e($) !== "tools" ? (h(), y("aside", va, [
           n("div", {
             ref_key: "inspectorPanel",
             ref: He,
@@ -2095,21 +2095,21 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             "aria-labelledby": `${H}-tab-${e($)}`
           }, [
             e($) === "fields" ? (h(), y(U, { key: 0 }, [
-              e(p).length > 1 ? (h(), y("label", go, [
-                P(l(e(a).area), 1),
-                ae(n("select", {
-                  "onUpdate:modelValue": v[10] || (v[10] = (i) => xe(E) ? E.value = i : null)
+              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)
                 }, [
                   (h(!0), y(U, null, W(e(p), (i, O) => (h(), y("option", {
                     key: O,
                     value: O
-                  }, l(i.pageIndex + 1) + " " + l(e(a).page) + " · " + l(i.component.title || i.component.dataset), 9, fo))), 128))
+                  }, 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(x) ? (h(), y(U, { key: 1 }, [
-                n("div", bo, [
+              e(C) ? (h(), y(U, { key: 1 }, [
+                n("div", fa, [
                   n("button", {
                     ref_key: "directoryTrigger",
                     ref: rt,
@@ -2126,65 +2126,65 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                       ["esc"]
                     ))
                   }, [
-                    n("span", wo, [
-                      n("strong", null, l(e(R)?.column.header || e(a).noColumns), 1),
+                    n("span", ya, [
+                      n("strong", null, l(e(R)?.column.header || e(o).noColumns), 1),
                       n("small", null, l(e(R)?.column.field || "—"), 1)
                     ]),
-                    n("span", ko, [
-                      P(l(e(a).columnDirectory) + " ", 1),
-                      n("b", null, l(e(x).columns.length), 1),
-                      Q(oe, {
+                    n("span", wa, [
+                      P(l(e(o).columnDirectory) + " ", 1),
+                      n("b", null, l(e(C).columns.length), 1),
+                      Q(ae, {
                         name: "chevron-down",
                         size: 13
                       })
                     ])
-                  ], 40, yo),
-                  n("div", Mo, [
+                  ], 40, ba),
+                  n("div", ka, [
                     n("span", {
-                      "aria-label": e(a).fieldPosition
+                      "aria-label": e(o).fieldPosition
                     }, [
                       P(l(e(L) >= 0 ? e(L) + 1 : 0), 1),
                       v[50] || (v[50] = n("i", null, "/", -1)),
-                      P(l(e(x).columns.length), 1)
-                    ], 8, Co),
+                      P(l(e(C).columns.length), 1)
+                    ], 8, Ma),
                     n("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(a).previousColumn,
-                      title: e(a).previousColumn,
+                      "aria-label": e(o).previousColumn,
+                      title: e(o).previousColumn,
                       disabled: e(L) <= 0,
                       onClick: v[13] || (v[13] = (i) => e(q).stepColumn(-1))
                     }, [
-                      Q(oe, {
+                      Q(ae, {
                         name: "chevron-left",
                         size: 14
                       })
-                    ], 8, xo),
+                    ], 8, xa),
                     n("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(a).nextColumn,
-                      title: e(a).nextColumn,
-                      disabled: e(L) >= e(x).columns.length - 1,
+                      "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))
                     }, [
-                      Q(oe, {
+                      Q(ae, {
                         name: "chevron-right",
                         size: 14
                       })
-                    ], 8, _o)
+                    ], 8, Ca)
                   ])
                 ]),
                 e(R) ? (h(), y("fieldset", {
                   key: 0,
                   class: "mr-designer-properties",
                   disabled: t.readonly || e(I) || e(f),
-                  "aria-label": e(a).columnProperties
+                  "aria-label": e(o).columnProperties
                 }, [
-                  n("div", $o, [
-                    n("h3", null, l(e(a).contentGroup), 1),
+                  n("div", Sa, [
+                    n("h3", null, l(e(o).contentGroup), 1),
                     n("label", null, [
-                      P(l(e(a).header), 1),
+                      P(l(e(o).header), 1),
                       n("input", {
                         value: e(R).column.header,
                         onInput: v[15] || (v[15] = (i) => e(d).setColumn(
@@ -2192,10 +2192,10 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                           "header",
                           ge(i)
                         ))
-                      }, null, 40, Eo)
+                      }, null, 40, $a)
                     ]),
                     n("label", null, [
-                      P(l(e(a).field), 1),
+                      P(l(e(o).field), 1),
                       n("input", {
                         value: e(R).column.field,
                         list: e(V) ? `${H}-fields` : void 0,
@@ -2204,7 +2204,7 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                           "field",
                           ge(i)
                         ))
-                      }, null, 40, Io)
+                      }, null, 40, Ea)
                     ]),
                     e(V) ? (h(), y("datalist", {
                       key: 0,
@@ -2213,14 +2213,14 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                       (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, Do))), 128))
-                    ], 8, Ao)) : B("", !0)
+                      }, l(i.label) + " · " + l(i.type) + " " + l(i.unit), 9, Aa))), 128))
+                    ], 8, Ia)) : B("", !0)
                   ]),
-                  n("div", To, [
-                    n("h3", null, l(e(a).formatGroup), 1),
-                    n("div", Lo, [
-                      n("label", Ro, [
-                        P(l(e(a).width), 1),
+                  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", {
                           type: "number",
                           min: "0.1",
@@ -2231,10 +2231,10 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                             "widthMm",
                             ge(i)
                           ))
-                        }, null, 40, Go)
+                        }, null, 40, Ra)
                       ]),
-                      n("label", Po, [
-                        P(l(e(a).semantic), 1),
+                      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(
@@ -2243,32 +2243,32 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                             ge(i)
                           ))
                         }, [
-                          n("option", Vo, l(e(a).identifier), 1),
-                          n("option", Bo, l(e(a).dimension), 1),
-                          n("option", zo, l(e(a).measure), 1),
-                          n("option", jo, l(e(a).date), 1),
-                          n("option", Fo, l(e(a).text), 1)
-                        ], 40, Ho)
+                          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)
                       ])
                     ]),
-                    n("div", No, [
-                      n("span", null, l(e(a).bodyAlign), 1),
-                      Q(Ne, {
-                        "model-value": e(R).column.align ?? e(R).column.style?.align ?? e(x).align ?? "left",
-                        label: e(a).bodyAlign,
+                    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(a).autoShort,
+                        "auto-label": e(o).autoShort,
                         "allow-auto": "",
                         "onUpdate:modelValue": v[19] || (v[19] = (i) => e(d).setColumn(e(R).index, "align", i))
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ]),
-                    n("div", Oo, [
-                      n("span", null, l(e(a).headerAlign), 1),
-                      Q(Ne, {
+                    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(a).headerAlign,
+                        label: e(o).headerAlign,
                         labels: We.value,
-                        "auto-label": e(a).autoShort,
+                        "auto-label": e(o).autoShort,
                         "onUpdate:modelValue": v[20] || (v[20] = (i) => e(d).setColumn(
                           e(R).index,
                           "headerAlign",
@@ -2277,8 +2277,8 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                       }, null, 8, ["model-value", "label", "labels", "auto-label"])
                     ])
                   ]),
-                  n("label", Uo, [
-                    P(l(e(a).editable), 1),
+                  n("label", Oa, [
+                    P(l(e(o).editable), 1),
                     n("input", {
                       type: "checkbox",
                       role: "switch",
@@ -2288,56 +2288,56 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                         "editable",
                         Ve(i)
                       ))
-                    }, null, 40, Jo)
+                    }, null, 40, Ua)
                   ]),
-                  n("div", Ko, [
-                    n("span", null, l(e(a).columnOrder), 1),
+                  n("div", Ja, [
+                    n("span", null, l(e(o).columnOrder), 1),
                     n("button", {
                       type: "button",
-                      "aria-label": e(a).moveColumnLeft,
-                      title: e(a).moveColumnLeft,
+                      "aria-label": e(o).moveColumnLeft,
+                      title: e(o).moveColumnLeft,
                       disabled: e(L) <= 0,
                       onClick: v[22] || (v[22] = (i) => e(Ue)(-1))
                     }, [
-                      Q(oe, {
+                      Q(ae, {
                         name: "chevron-left",
                         size: 13
                       })
-                    ], 8, Wo),
+                    ], 8, Ka),
                     n("button", {
                       type: "button",
-                      "aria-label": e(a).moveColumnRight,
-                      title: e(a).moveColumnRight,
-                      disabled: e(L) >= e(x).columns.length - 1,
+                      "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))
                     }, [
-                      Q(oe, {
+                      Q(ae, {
                         name: "chevron-right",
                         size: 13
                       })
-                    ], 8, Xo),
+                    ], 8, Wa),
                     n("label", null, [
-                      P(l(e(a).columnVisible), 1),
+                      P(l(e(o).columnVisible), 1),
                       n("input", {
                         type: "checkbox",
                         checked: e(R).column.hidden !== !0,
-                        disabled: e(R).column.hidden !== !0 && e(x).columns.filter((i) => !i.hidden).length === 1,
+                        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,
                           "hidden",
                           !Ve(i)
                         ))
-                      }, null, 40, qo)
+                      }, null, 40, Xa)
                     ])
                   ])
-                ], 8, So)) : B("", !0),
+                ], 8, _a)) : B("", !0),
                 e(Ke) ? (h(), y("div", {
                   key: 1,
                   id: `${H}-directory`,
                   ref_key: "directoryPanel",
                   ref: dt,
                   role: "dialog",
-                  "aria-label": e(a).columnDirectory,
+                  "aria-label": e(o).columnDirectory,
                   class: "mr-designer-directory",
                   onKeydown: v[34] || (v[34] = Be(
                     //@ts-ignore
@@ -2347,73 +2347,73 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                   onFocusout: v[35] || (v[35] = //@ts-ignore
                   (...i) => e(ee).leave && e(ee).leave(...i))
                 }, [
-                  n("div", Qo, [
+                  n("div", Ya, [
                     n("strong", null, [
-                      P(l(e(a).columnDirectory) + " ", 1),
-                      n("span", null, l(e(x).columns.length), 1)
+                      P(l(e(o).columnDirectory) + " ", 1),
+                      n("span", null, l(e(C).columns.length), 1)
                     ]),
                     n("button", {
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(a).closeDirectory,
+                      "aria-label": e(o).closeDirectory,
                       onClick: v[25] || (v[25] = (i) => e(ee).close(!0))
                     }, [
-                      Q(oe, {
+                      Q(ae, {
                         name: "close",
                         size: 15
                       })
-                    ], 8, Zo)
+                    ], 8, Qa)
                   ]),
-                  n("div", ea, [
-                    Q(oe, {
+                  n("div", Za, [
+                    Q(ae, {
                       name: "search",
                       size: 14
                     }),
-                    ae(n("input", {
+                    oe(n("input", {
                       ref_key: "directorySearch",
                       ref: ut,
-                      "onUpdate:modelValue": v[26] || (v[26] = (i) => xe(T) ? T.value = i : null),
+                      "onUpdate:modelValue": v[26] || (v[26] = (i) => Ce(T) ? T.value = i : null),
                       type: "search",
-                      "aria-label": e(a).columnsSearch,
-                      placeholder: e(a).columnsSearch,
+                      "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, ta), [
+                    }, null, 40, eo), [
                       [qe, e(T)]
                     ]),
                     e(T) ? (h(), y("button", {
                       key: 0,
                       type: "button",
                       class: "mr-designer-icon-button",
-                      "aria-label": e(a).clearSearch,
-                      title: e(a).clearSearch,
+                      "aria-label": e(o).clearSearch,
+                      title: e(o).clearSearch,
                       onClick: v[28] || (v[28] = (i) => T.value = "")
                     }, [
-                      Q(oe, {
+                      Q(ae, {
                         name: "close",
                         size: 13
                       })
-                    ], 8, na)) : B("", !0)
+                    ], 8, to)) : B("", !0)
                   ]),
-                  n("div", oa, [
+                  n("div", no, [
                     n("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(a).selectVisible), 9, aa),
-                    e(N).length ? (h(), y("button", {
+                    }, l(e(o).selectVisible), 9, ao),
+                    e(F).length ? (h(), y("button", {
                       key: 0,
                       type: "button",
                       onClick: v[30] || (v[30] = //@ts-ignore
                       (...i) => e(d).clearSelection && e(d).clearSelection(...i))
-                    }, l(e(a).clearSelection), 1)) : B("", !0),
-                    e(N).length ? (h(), y("span", la, l(e(a).columnsSelected) + " " + l(e(N).length), 1)) : (h(), y("span", sa, l(e(D).length) + " / " + l(e(x).columns.length), 1))
+                    }, 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))
                   ]),
                   n("div", {
                     ref_key: "columnList",
                     ref: ct,
                     class: "mr-designer-column-list",
-                    "aria-label": e(a).columnDirectory,
+                    "aria-label": e(o).columnDirectory,
                     role: "group"
                   }, [
                     (h(!0), y(U, null, W(e(D), ({ column: i, index: O }) => (h(), y("div", {
@@ -2422,11 +2422,11 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                     }, [
                       n("input", {
                         type: "checkbox",
-                        "aria-label": `${e(a).selectColumn} ${i.header}`,
-                        checked: e(N).includes(O),
+                        "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, ra),
+                      }, null, 40, io),
                       n("button", {
                         type: "button",
                         "data-column-index": O,
@@ -2436,104 +2436,104 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                         onKeydown: v[31] || (v[31] = //@ts-ignore
                         (...ke) => e(ee).navigate && e(ee).navigate(...ke))
                       }, [
-                        n("span", ua, l(O + 1), 1),
-                        n("span", ca, [
+                        n("span", uo, l(O + 1), 1),
+                        n("span", co, [
                           n("strong", null, l(i.header), 1),
                           n("small", null, l(i.field), 1)
                         ]),
-                        e(L) === O ? (h(), fe(oe, {
+                        e(L) === O ? (h(), fe(ae, {
                           key: 0,
                           name: "chevron-right",
                           size: 13
                         })) : B("", !0)
-                      ], 40, da)
+                      ], 40, ro)
                     ], 2))), 128)),
-                    e(D).length ? B("", !0) : (h(), y("p", ma, [
-                      Q(oe, {
+                    e(D).length ? B("", !0) : (h(), y("p", mo, [
+                      Q(ae, {
                         name: "search",
                         size: 20
                       }),
-                      P(l(e(a).noColumns), 1)
+                      P(l(e(o).noColumns), 1)
                     ]))
-                  ], 8, ia),
-                  e(N).length ? (h(), y("div", va, [
+                  ], 8, so),
+                  e(F).length ? (h(), y("div", vo, [
                     n("label", null, [
-                      P(l(e(a).batchBody), 1),
+                      P(l(e(o).batchBody), 1),
                       n("select", {
-                        "aria-label": e(a).batchBody,
+                        "aria-label": e(o).batchBody,
                         disabled: t.readonly || e(I) || e(f),
                         onChange: v[32] || (v[32] = (i) => Xe(i, "align"))
                       }, [
-                        n("option", ha, l(e(a).chooseAlignment), 1),
-                        n("option", ga, l(e(a).auto), 1),
-                        n("option", fa, l(e(a).left), 1),
-                        n("option", ba, l(e(a).center), 1),
-                        n("option", ya, l(e(a).right), 1),
-                        n("option", wa, l(e(a).justify), 1)
-                      ], 40, pa)
+                        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)
                     ]),
                     n("label", null, [
-                      P(l(e(a).batchHeader), 1),
+                      P(l(e(o).batchHeader), 1),
                       n("select", {
-                        "aria-label": e(a).batchHeader,
+                        "aria-label": e(o).batchHeader,
                         disabled: t.readonly || e(I) || e(f),
                         onChange: v[33] || (v[33] = (i) => Xe(i, "headerAlign"))
                       }, [
-                        n("option", Ma, l(e(a).chooseAlignment), 1),
-                        n("option", Ca, l(e(a).left), 1),
-                        n("option", xa, l(e(a).center), 1),
-                        n("option", _a, l(e(a).right), 1),
-                        n("option", Sa, l(e(a).justify), 1)
-                      ], 40, ka)
+                        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)
                     ])
                   ])) : B("", !0)
-                ], 40, Yo)) : B("", !0)
-              ], 64)) : (h(), y("p", $a, l(e(a).noColumns), 1))
+                ], 40, qa)) : B("", !0)
+              ], 64)) : (h(), y("p", $o, l(e(o).noColumns), 1))
             ], 64)) : e($) === "component" ? (h(), y(U, { key: 1 }, [
-              n("div", Ea, [
+              n("div", Eo, [
                 n("select", {
-                  "aria-label": e(a).insertComponent,
+                  "aria-label": e(o).insertComponent,
                   disabled: e(le),
                   onChange: v[36] || (v[36] = //@ts-ignore
                   (...i) => e(J) && e(J)(...i))
                 }, [
-                  n("option", Aa, l(e(a).insertComponent), 1),
-                  n("option", Da, l(e(a).insertText), 1),
-                  n("option", Ta, l(e(a).insertList), 1),
-                  n("option", La, l(e(a).insertImage), 1),
-                  n("option", Ra, l(e(a).insertRect), 1)
-                ], 40, Ia),
+                  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", {
                   type: "button",
-                  title: e(a).duplicateComponent,
-                  "aria-label": e(a).duplicateComponent,
+                  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, Ga),
+                }, " ＋ ", 8, Go),
                 n("button", {
                   type: "button",
-                  title: e(a).removeComponent,
-                  "aria-label": e(a).removeComponent,
+                  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))
                 }, [
-                  Q(oe, {
+                  Q(ae, {
                     name: "close",
                     size: 14
                   })
-                ], 8, Pa)
+                ], 8, Po)
               ]),
-              e(w).template.pages.length > 1 ? (h(), y("label", Ha, [
-                P(l(e(a).page), 1),
-                ae(n("select", {
-                  "onUpdate:modelValue": v[39] || (v[39] = (i) => xe(se) ? se.value = i : null)
+              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)
                 }, [
                   (h(!0), y(U, null, W(e(w).template.pages, (i, O) => (h(), y("option", {
                     key: O,
                     value: O
-                  }, l(O + 1), 9, Va))), 128))
+                  }, l(O + 1), 9, Vo))), 128))
                 ], 512), [
                   [
                     ye,
@@ -2543,39 +2543,39 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                   ]
                 ])
               ])) : B("", !0),
-              n("label", Ba, [
-                P(l(e(a).components), 1),
+              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(j)({
+                  onChange: v[40] || (v[40] = (i) => e(N)({
                     pageIndex: e(se),
                     componentIndex: Number(ge(i))
                   }))
                 }, [
-                  n("option", ja, l(e(a).noComponent), 1),
+                  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, Fa))), 128))
-                ], 40, za)
+                  }, l(O + 1) + " · " + l(i.kind === "list" ? i.title || i.dataset : i.text || i.kind), 9, jo))), 128))
+                ], 40, zo)
               ]),
               e(ie) ? (h(), y(U, { key: 1 }, [
-                n("div", Na, [
+                n("div", Fo, [
                   n("button", {
                     type: "button",
                     disabled: e(le) || e(pe)?.componentIndex === 0,
                     onClick: v[41] || (v[41] = (i) => e(ce).reorder(-1))
-                  }, l(e(a).backward), 9, Oa),
+                  }, l(e(o).backward), 9, Oo),
                   n("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(a).forward), 9, Ua)
+                  }, l(e(o).forward), 9, Uo)
                 ]),
                 Q(_n, {
                   component: e(ie),
                   disabled: e(le),
-                  messages: e(a),
+                  messages: e(o),
                   onGeometry: e(ce).geometry,
                   onPatch: e(ne)
                 }, null, 8, ["component", "disabled", "messages", "onGeometry", "onPatch"]),
@@ -2583,50 +2583,50 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                   key: 0,
                   list: e(ie),
                   disabled: e(le),
-                  messages: e(a),
-                  onCommand: e(at)
+                  messages: e(o),
+                  onCommand: e(ot)
                 }, null, 8, ["list", "disabled", "messages", "onCommand"])) : B("", !0)
-              ], 64)) : (h(), y("p", Ja, l(e(a).noComponent), 1))
+              ], 64)) : (h(), y("p", Jo, l(e(o).noComponent), 1))
             ], 64)) : e($) === "template" ? (h(), y(U, { key: 2 }, [
-              n("h3", null, l(e(a).templateDetails), 1),
-              n("label", Ka, [
-                P(l(e(a).name), 1),
+              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, Wa)
+                }, null, 40, Wo)
               ]),
-              n("label", Xa, [
-                P(l(e(a).description), 1),
+              n("label", Xo, [
+                P(l(e(o).description), 1),
                 n("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, qa)
+                }, null, 40, qo)
               ]),
-              n("details", Ya, [
-                n("summary", null, l(e(a).technicalDetails), 1),
-                n("dl", Qa, [
-                  n("dt", null, l(e(a).templateIdentity), 1),
+              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(a).templateRevision), 1),
-                  n("dd", null, l(e(w).revision || e(a).unpublished), 1)
+                  n("dt", null, l(e(o).templateRevision), 1),
+                  n("dd", null, l(e(w).revision || e(o).unpublished), 1)
                 ])
               ])
             ], 64)) : (h(), y(U, { key: 3 }, [
-              n("h3", null, l(e(a).advancedTitle), 1),
-              n("label", Za, [
-                P(l(e(a).json), 1),
-                ae(n("textarea", {
-                  "onUpdate:modelValue": v[45] || (v[45] = (i) => xe(C) ? C.value = i : null),
+              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),
                   class: "mr-designer-json",
-                  "aria-label": e(a).json,
+                  "aria-label": e(o).json,
                   disabled: t.readonly || e(I),
                   spellcheck: "false"
                 }, null, 8, el), [
-                  [qe, e(C)]
+                  [qe, e(x)]
                 ])
               ]),
               n("button", {
@@ -2635,31 +2635,31 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
                 disabled: t.readonly || e(I),
                 onClick: v[46] || (v[46] = //@ts-ignore
                 (...i) => e(d).applyJson && e(d).applyJson(...i))
-              }, l(e(a).applyJson), 9, tl)
+              }, l(e(o).applyJson), 9, tl)
             ], 64)),
-            e(f) ? (h(), y("p", nl, l(e(a).jsonPending), 1)) : B("", !0)
-          ], 10, ho)
+            e(f) ? (h(), y("p", nl, l(e(o).jsonPending), 1)) : B("", !0)
+          ], 10, pa)
         ])) : B("", !0),
         e($) !== "tools" ? (h(), y("div", {
           key: 2,
           class: "mr-designer-preview",
-          "aria-label": e(a).previewTitle
+          "aria-label": e(o).previewTitle
         }, [
-          e(G) ? (h(), y("div", al, l(e(G)), 1)) : B("", !0),
+          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(Ce) === "design" && e(M).ok ? (h(), fe(Ot, {
+          e(xe) === "design" && e(M).ok ? (h(), fe(Ot, {
             key: 2,
             document: e(w),
             selection: e(pe),
             "page-index": e(se),
             datasets: t.datasets,
             disabled: e(le),
-            messages: e(a),
-            onSelect: e(j),
+            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)))
@@ -2668,15 +2668,15 @@ const On = ["aria-label", "aria-busy"], Un = { class: "mr-designer-bar" }, Jn =
             "report-id": "draft",
             fetcher: e(te),
             messages: {
-              title: e(a).previewTitle,
-              columnDirectory: e(a).previewFieldDirectory
+              title: e(o).previewTitle,
+              columnDirectory: e(o).previewFieldDirectory
             },
             "show-params": !1,
             editable: !1,
             "excel-import": !1,
             height: "100%"
-          }, null, 8, ["fetcher", "messages"])) : (h(), y("p", sl, l(e(a).invalid), 1))
-        ], 8, ol)) : B("", !0)
+          }, null, 8, ["fetcher", "messages"])) : (h(), y("p", sl, l(e(o).invalid), 1))
+        ], 8, al)) : B("", !0)
       ], 2)
     ], 8, On));
   }
@@ -2892,7 +2892,7 @@ 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-ynnUEK0s.js"));
+}, fl = Me(() => import("./TemplateReviewPanel-Cn32OY4_.js")), bl = Me(() => import("./ExcelBindingWizard-RLJIXKKG.js")), yl = Me(() => import("./RuleEditor-CtJFzKuY.js"));
 export {
   hl as EXCEL_BINDING_MESSAGES,
   bl as ExcelBindingWizard,