@agile-team/mach-report 2.8.2 → 2.8.3

package/dist/designer.js

@@ -1,122 +1,122 @@
-import { ref as $, computed as A, shallowRef as pe, onBeforeUnmount as he, watch as W, defineComponent as be, getCurrentInstance as ye, nextTick as te, openBlock as y, createElementBlock as k, unref as e, createElementVNode as n, createVNode as ne, toDisplayString as a, normalizeClass as me, createTextVNode as R, createCommentVNode as P, withKeys as _e, withModifiers as ke, Fragment as K, renderList as se, withDirectives as de, isRef as ue, vModelSelect as Ce, vModelText as fe, createBlock as ge } from "vue";
-import { provideMachReportConfig as we, createLocalFetcher as Se, ReportPreview as xe } from "@agile-team/mach-report/vue";
-import { _ as Y, a as Ee } from "./_plugin-vue_export-helper-DPbiz14D.js";
-import { resolveGridLayout as ce, parseReportTemplate as J, serializeReportTemplate as U, validateReportTemplateDocument as Me } from "@agile-team/mach-report";
-function Te(c, M, u, b) {
-  const f = $(0), s = $(""), C = $([]), B = A(() => c.value.template.pages.flatMap((d, r) => d.components.flatMap((i, m) => i.kind === "list" ? [{ component: i, pageIndex: r, componentIndex: m }] : []))), w = A(() => B.value[f.value]?.component), p = A(() => {
-    const d = w.value;
+import { ref as j, computed as A, shallowRef as be, onBeforeUnmount as pe, watch as W, defineComponent as ye, getCurrentInstance as _e, nextTick as ne, openBlock as _, createElementBlock as C, unref as e, createElementVNode as n, createVNode as le, toDisplayString as a, normalizeClass as fe, createTextVNode as R, createCommentVNode as N, withKeys as ke, withModifiers as Ce, Fragment as K, renderList as ie, withDirectives as ue, isRef as ce, vModelSelect as we, vModelText as ge, createBlock as he } from "vue";
+import { provideMachReportConfig as Se, createLocalFetcher as xe, ReportPreview as Ee } from "@agile-team/mach-report/vue";
+import { _ as Y, a as Me } from "./_plugin-vue_export-helper-DPbiz14D.js";
+import { resolveGridLayout as ve, parseReportTemplate as I, serializeReportTemplate as U, validateReportTemplateDocument as Te } from "@agile-team/mach-report";
+function Ae(v, M, c, y) {
+  const f = j(0), s = j(""), w = j([]), $ = A(() => v.value.template.pages.flatMap((d, r) => d.components.flatMap((i, m) => i.kind === "list" ? [{ component: i, pageIndex: r, componentIndex: m }] : []))), S = A(() => $.value[f.value]?.component), p = A(() => {
+    const d = S.value;
     if (!d) return [];
     const r = d.columns.map((i) => i.headerStyle?.align ?? i.headerAlign ?? d.headerStyle?.align ?? d.headerAlign ?? i.style?.align ?? "center");
     if (d.headerGrid && M())
-      for (const i of ce(d.headerGrid, d.widthMm, 100).cells)
+      for (const i of ve(d.headerGrid, d.widthMm, 100).cells)
         for (let m = i.ci; m < i.ci + (i.cell.colSpan ?? 1); m++) r[m] = i.cell.style?.align ?? "left";
     return r;
   }), g = A(() => {
     const d = s.value.trim().toLocaleLowerCase().split(/\s+/).filter(Boolean);
-    return (w.value?.columns ?? []).flatMap((r, i) => {
+    return (S.value?.columns ?? []).flatMap((r, i) => {
       const m = `${r.header} ${r.field}`.toLocaleLowerCase();
       return d.every((x) => m.includes(x)) ? [{ column: r, index: i }] : [];
     });
   });
-  function _(d, r) {
-    C.value = r ? [.../* @__PURE__ */ new Set([...C.value, d])] : C.value.filter((i) => i !== d);
+  function k(d, r) {
+    w.value = r ? [.../* @__PURE__ */ new Set([...w.value, d])] : w.value.filter((i) => i !== d);
   }
   function T(d) {
-    for (const r of g.value) _(r.index, d);
+    for (const r of g.value) k(r.index, d);
   }
   function h() {
-    C.value = [];
+    w.value = [];
   }
-  function L(d, r, i) {
-    if (!u()) return;
-    const m = w.value?.columns[d];
-    m && (Object.assign(m, { [r]: r === "widthMm" ? Number(i) : i }), r === "header" && I(d, String(i)), r === "headerAlign" && j(d, i), r === "widthMm" && Q(), b());
+  function B(d, r, i) {
+    if (!c()) return;
+    const m = S.value?.columns[d];
+    m && (Object.assign(m, { [r]: r === "widthMm" ? Number(i) : i }), r === "header" && O(d, String(i)), r === "headerAlign" && D(d, i), r === "widthMm" && Q(), y());
   }
   function Q() {
-    const d = B.value[f.value];
+    const d = $.value[f.value];
     if (!d) return;
-    const r = d.component, i = c.value.template.pages[d.pageIndex], m = r.columns.map((x) => x.widthMm);
+    const r = d.component, i = v.value.template.pages[d.pageIndex], m = r.columns.map((x) => x.widthMm);
     r.headerGrid && (r.headerGrid.colWidthsMm = m), i.layout === "wide" && m.every((x) => Number.isFinite(x) && x > 0) && (r.widthMm = m.reduce((x, t) => x + t, 0), i.widthMm = Math.max(...i.components.map((x) => x.leftMm + x.widthMm)) + (i.marginRightMm ?? 0));
   }
-  function I(d, r) {
-    const i = w.value;
+  function O(d, r) {
+    const i = S.value;
     if (!i?.headerGrid) return;
-    const x = ce(i.headerGrid, i.widthMm, 100).cells.filter(({ ci: t, cell: V }) => t <= d && t + (V.colSpan ?? 1) > d).slice(-1)[0];
+    const x = ve(i.headerGrid, i.widthMm, 100).cells.filter(({ ci: t, cell: L }) => t <= d && t + (L.colSpan ?? 1) > d).slice(-1)[0];
     x && (Object.assign(x.cell, { text: r, rawText: r, value: r }), i.columns.slice(x.ci, x.ci + (x.cell.colSpan ?? 1)).forEach((t) => {
       t.header = r;
     }));
   }
-  function j(d, r) {
-    const i = w.value, m = i?.columns[d];
+  function D(d, r) {
+    const i = S.value, m = i?.columns[d];
     if (m?.headerStyle?.align !== void 0 && (m.headerStyle = { ...m.headerStyle, align: r }), !i?.headerGrid) return;
-    const t = ce(i.headerGrid, i.widthMm, 100).cells.filter(({ ci: V, cell: O }) => V <= d && V + (O.colSpan ?? 1) > d).slice(-1)[0];
-    t && (t.cell.style = { ...t.cell.style, align: r }, i.columns.slice(t.ci, t.ci + (t.cell.colSpan ?? 1)).forEach((V) => {
-      V.headerAlign = r, V.headerStyle?.align !== void 0 && (V.headerStyle = { ...V.headerStyle, align: r });
+    const t = ve(i.headerGrid, i.widthMm, 100).cells.filter(({ ci: L, cell: V }) => L <= d && L + (V.colSpan ?? 1) > d).slice(-1)[0];
+    t && (t.cell.style = { ...t.cell.style, align: r }, i.columns.slice(t.ci, t.ci + (t.cell.colSpan ?? 1)).forEach((L) => {
+      L.headerAlign = r, L.headerStyle?.align !== void 0 && (L.headerStyle = { ...L.headerStyle, align: r });
     }));
   }
-  function H(d, r) {
-    if (!(!u() || d === "headerAlign" && r === "auto")) {
-      for (const i of C.value) {
-        const m = w.value?.columns[i];
-        m && (Object.assign(m, { [d]: r }), d === "headerAlign" && j(i, r));
+  function P(d, r) {
+    if (!(!c() || d === "headerAlign" && r === "auto")) {
+      for (const i of w.value) {
+        const m = S.value?.columns[i];
+        m && (Object.assign(m, { [d]: r }), d === "headerAlign" && D(i, r));
       }
-      b();
+      y();
     }
   }
-  return { selected: f, query: s, selectedColumns: C, lists: B, activeList: w, headerAlignments: p, visibleColumns: g, toggleColumn: _, selectVisible: T, clearSelection: h, setColumn: L, alignColumns: H };
+  return { selected: f, query: s, selectedColumns: w, lists: $, activeList: S, headerAlignments: p, visibleColumns: g, toggleColumn: k, selectVisible: T, clearSelection: h, setColumn: B, alignColumns: P };
 }
-function Ae(c, M = { entries: 100, bytes: 16 * 1024 * 1024 }) {
-  const u = $([c]), b = $(0), f = A(() => b.value > 0), s = A(() => b.value + 1 < u.value.length), C = A(() => u.value[b.value]);
-  function B(g) {
-    u.value = [g], b.value = 0;
+function De(v, M = { entries: 100, bytes: 16 * 1024 * 1024 }) {
+  const c = j([v]), y = j(0), f = A(() => y.value > 0), s = A(() => y.value + 1 < c.value.length), w = A(() => c.value[y.value]);
+  function $(g) {
+    c.value = [g], y.value = 0;
   }
-  function w(g) {
-    if (u.value[b.value] === g) return;
-    const _ = u.value.slice(0, b.value + 1);
-    _.push(g);
-    let T = _.reduce((h, L) => h + L.length * 2, 0);
-    for (; _.length > 1 && (_.length > M.entries || T > M.bytes); ) T -= _.shift().length * 2;
-    u.value = _, b.value = u.value.length - 1;
+  function S(g) {
+    if (c.value[y.value] === g) return;
+    const k = c.value.slice(0, y.value + 1);
+    k.push(g);
+    let T = k.reduce((h, B) => h + B.length * 2, 0);
+    for (; k.length > 1 && (k.length > M.entries || T > M.bytes); ) T -= k.shift().length * 2;
+    c.value = k, y.value = c.value.length - 1;
   }
   function p(g) {
     if (!(g < 0 ? !f.value : !s.value))
-      return b.value += g, u.value[b.value];
+      return y.value += g, c.value[y.value];
   }
-  return { canUndo: f, canRedo: s, current: C, reset: B, record: w, move: p };
+  return { canUndo: f, canRedo: s, current: w, reset: $, record: S, move: p };
 }
-function De(c) {
-  const M = pe(null), u = $(!1);
-  let b, f = 0;
-  function s(w) {
-    b?.(w), b = void 0, M.value = null;
+function je(v) {
+  const M = be(null), c = j(!1);
+  let y, f = 0;
+  function s(S) {
+    y?.(S), y = void 0, M.value = null;
   }
-  function C() {
-    f++, s(!1), u.value = !1;
+  function w() {
+    f++, s(!1), c.value = !1;
   }
-  async function B(w) {
-    C();
-    const p = f, g = c();
-    u.value = !0;
+  async function $(S) {
+    w();
+    const p = f, g = v();
+    c.value = !0;
     try {
-      const _ = await new Promise((T, h) => {
-        if (b = T, !g) {
-          M.value = w;
+      const k = await new Promise((T, h) => {
+        if (y = T, !g) {
+          M.value = S;
           return;
         }
-        Promise.resolve().then(() => f === p ? g(w) : !1).then((L) => {
-          f === p && s(L === !0);
-        }, (L) => {
-          f === p && (b = void 0, M.value = null, h(L));
+        Promise.resolve().then(() => f === p ? g(S) : !1).then((B) => {
+          f === p && s(B === !0);
+        }, (B) => {
+          f === p && (y = void 0, M.value = null, h(B));
         });
       });
-      return f === p && _ === !0;
+      return f === p && k === !0;
     } finally {
-      f === p && (u.value = !1);
+      f === p && (c.value = !1);
     }
   }
-  return he(C), { confirmation: M, pending: u, decide: s, request: B, cancel: C };
+  return pe(w), { confirmation: M, pending: c, decide: s, request: $, cancel: w };
 }
-const je = {
+const Re = {
   title: "报表模板属性编辑器",
   heading: "模板属性",
   unpublished: "未发布",
@@ -149,7 +149,7 @@ const je = {
   applyJson: "校验并应用 JSON",
   note: "字段映射应与数据源契约一致。此编辑器维护模板属性；保存由接入方提供的版本服务处理。",
   invalid: "请先修正模板错误，再预览或保存。"
-}, Re = {
+}, $e = {
   undo: "撤销",
   redo: "重做",
   columnsSearch: "搜索列名或字段",
@@ -182,13 +182,13 @@ const je = {
   readonly: "只读",
   ready: "可编辑",
   previewTitle: "实时预览"
-}, $e = { ...je, ...Re };
-function Be(c, M) {
-  const u = $(J(c.modelValue)), b = $(U(u.value)), f = $(U(u.value)), s = $(""), C = $(!1), B = A(() => ({ ...$e, ...c.messages })), w = A(() => ({
+}, Be = { ...Re, ...$e };
+function Le(v, M) {
+  const c = j(I(v.modelValue)), y = j(U(c.value)), f = j(U(c.value)), s = j(""), w = j(!1), $ = A(() => ({ ...Be, ...v.messages })), S = A(() => ({
     showExport: !1,
     showPrint: !1,
     showPdfWindow: !1,
-    ...c.preview,
+    ...v.preview,
     theme: {
       shellBg: "#f1f5f9",
       shellFg: "#334155",
@@ -200,183 +200,183 @@ function Be(c, M) {
       btnHoverBg: "#eff6ff",
       btnHoverFg: "#1d4ed8",
       btnActiveBg: "#2563eb",
-      ...c.preview?.theme
+      ...v.preview?.theme
     }
   }));
-  we({ get defaults() {
-    return w.value;
+  Se({ get defaults() {
+    return S.value;
   } });
   let p, g = 0;
-  const _ = A(() => Me(u.value)), T = A(() => {
+  const k = A(() => Te(c.value)), T = A(() => {
     try {
-      return U(u.value) !== b.value;
+      return U(c.value) !== y.value;
     } catch {
       return !0;
     }
-  }), h = $(f.value), L = A(() => f.value !== h.value), Q = A(() => T.value || f.value !== h.value), I = () => JSON.stringify({ document: u.value, json: f.value, appliedJson: h.value }), j = Ae(I()), H = De(() => c.beforeDiscard), d = A(() => C.value || H.pending.value), r = () => !c.readonly && !d.value && !L.value, i = Te(u, () => _.value.ok, r, q), { selected: m, lists: x, activeList: t, headerAlignments: V, setColumn: O } = i;
+  }), h = j(f.value), B = A(() => f.value !== h.value), Q = A(() => T.value || f.value !== h.value), O = () => JSON.stringify({ document: c.value, json: f.value, appliedJson: h.value }), D = De(O()), P = je(() => v.beforeDiscard), d = A(() => w.value || P.pending.value), r = () => !v.readonly && !d.value && !B.value, i = Ae(c, () => k.value.ok, r, q), { selected: m, lists: x, activeList: t, headerAlignments: L, setColumn: V } = i;
   W(m, () => i.clearSelection());
-  const z = A(() => _.value.ok ? Se({ draft: { template: u.value.template, datasets: c.datasets ?? {}, params: [] } }) : void 0);
+  const z = A(() => k.value.ok ? xe({ draft: { template: c.value.template, datasets: v.datasets ?? {}, params: [] } }) : void 0);
   function E() {
-    g++, p?.abort(), p = void 0, C.value = !1;
+    g++, p?.abort(), p = void 0, w.value = !1;
   }
-  let G = 0;
-  async function N(l = "replace", o) {
+  let H = 0;
+  async function J(u = "replace", o) {
     if (!Q.value) return !0;
-    const v = I();
+    const l = O();
     try {
-      return await H.request({
-        reason: l,
-        document: JSON.parse(JSON.stringify(u.value)),
-        replacement: o ? J(o) : void 0,
+      return await P.request({
+        reason: u,
+        document: JSON.parse(JSON.stringify(c.value)),
+        replacement: o ? I(o) : void 0,
         pendingLocalChanges: !0
-      }) && v === I();
-    } catch (D) {
-      return s.value = D instanceof Error ? D.message : String(D), !1;
+      }) && l === O();
+    } catch (b) {
+      return s.value = b instanceof Error ? b.message : String(b), !1;
     }
   }
-  function le(l) {
-    E(), u.value = l, b.value = U(l), f.value = b.value, h.value = f.value, s.value = "", m.value = 0, i.clearSelection(), j.reset(I());
+  function oe(u) {
+    E(), c.value = u, y.value = U(u), f.value = y.value, h.value = f.value, s.value = "", m.value = 0, i.clearSelection(), D.reset(O());
   }
-  W(() => c.modelValue, async (l) => {
+  W(() => v.modelValue, async (u) => {
     let o;
     try {
-      o = J(l);
-    } catch (D) {
-      s.value = D instanceof Error ? D.message : String(D);
+      o = I(u);
+    } catch (b) {
+      s.value = b instanceof Error ? b.message : String(b);
       return;
     }
     try {
-      if (U(o) === U(u.value)) return;
+      if (U(o) === U(c.value)) return;
     } catch {
     }
-    const v = ++G;
-    if (E(), !await N("replace", o)) {
-      v === G && _.value.ok && M("update:modelValue", J(u.value));
+    const l = ++H;
+    if (E(), !await J("replace", o)) {
+      l === H && k.value.ok && M("update:modelValue", I(c.value));
       return;
     }
-    v === G && le(o);
-  }), he(() => {
-    G++, E();
+    l === H && oe(o);
+  }), pe(() => {
+    H++, E();
   });
   function q() {
-    H.cancel(), s.value = "", _.value.ok && (f.value = U(u.value), h.value = f.value, M("update:modelValue", J(u.value))), j.record(I());
+    P.cancel(), s.value = "", k.value.ok && (f.value = U(c.value), h.value = f.value, M("update:modelValue", I(c.value))), D.record(O());
   }
-  function oe(l) {
-    r() && (u.value.name = l, q());
+  function ae(u) {
+    r() && (c.value.name = u, q());
   }
-  function X(l) {
-    r() && (u.value.description = l, q());
+  function Z(u) {
+    r() && (c.value.description = u, q());
   }
-  function F() {
-    if (!(c.readonly || d.value))
+  function X() {
+    if (!(v.readonly || d.value))
       try {
-        const l = J(f.value);
-        if (l.id !== u.value.id) throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
-        if (l.revision !== u.value.revision) throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
-        u.value = l, m.value = 0, i.clearSelection(), q();
-      } catch (l) {
-        s.value = l instanceof Error ? l.message : String(l);
+        const u = I(f.value);
+        if (u.id !== c.value.id) throw new Error("属性编辑不允许更换模板 ID，请另存为新模板");
+        if (u.revision !== c.value.revision) throw new Error("修订号由保存服务管理，不能在 JSON 中修改");
+        c.value = u, m.value = 0, i.clearSelection(), q();
+      } catch (u) {
+        s.value = u instanceof Error ? u.message : String(u);
       }
   }
-  async function ae() {
-    d.value || c.readonly || !await N("reset") || (le(J(b.value)), M("update:modelValue", J(u.value)));
+  async function G() {
+    d.value || v.readonly || !await J("reset") || (oe(I(y.value)), M("update:modelValue", I(c.value)));
   }
-  function Z(l) {
-    if (d.value || c.readonly) return;
-    j.record(I());
-    const o = j.move(l);
+  function ee(u) {
+    if (d.value || v.readonly) return;
+    D.record(O());
+    const o = D.move(u);
     if (!o) return;
-    H.cancel();
-    const v = JSON.parse(o);
-    u.value = v.document, f.value = v.json, h.value = v.appliedJson, s.value = "", m.value = 0, i.clearSelection(), _.value.ok && M("update:modelValue", J(u.value));
+    P.cancel();
+    const l = JSON.parse(o);
+    c.value = l.document, f.value = l.json, h.value = l.appliedJson, s.value = "", m.value = 0, i.clearSelection(), k.value.ok && M("update:modelValue", I(c.value));
   }
-  async function ie() {
-    if (!c.save || !r() || !_.value.ok) return;
-    const l = ++g;
-    p = new AbortController(), C.value = !0, s.value = "";
-    const o = J(u.value);
+  async function se() {
+    if (!v.save || !r() || !k.value.ok) return;
+    const u = ++g;
+    p = new AbortController(), w.value = !0, s.value = "";
+    const o = I(c.value);
     try {
-      const v = J(await c.save(o, { expectedRevision: o.revision, signal: p.signal }));
-      if (l !== g) return;
-      if (v.id !== o.id) throw new Error("保存服务返回了其他模板的文档");
-      u.value = v, b.value = U(v), f.value = b.value, h.value = f.value, j.reset(I()), M("saved", J(v)), M("update:modelValue", J(v));
-    } catch (v) {
-      l === g && (s.value = v instanceof Error ? v.message : String(v));
+      const l = I(await v.save(o, { expectedRevision: o.revision, signal: p.signal }));
+      if (u !== g) return;
+      if (l.id !== o.id) throw new Error("保存服务返回了其他模板的文档");
+      c.value = l, y.value = U(l), f.value = y.value, h.value = f.value, D.reset(O()), M("saved", I(l)), M("update:modelValue", I(l));
+    } catch (l) {
+      u === g && (s.value = l instanceof Error ? l.message : String(l));
     } finally {
-      l === g && (C.value = !1, p = void 0);
+      u === g && (w.value = !1, p = void 0);
     }
   }
-  const re = A(() => j.canUndo.value || I() !== j.current.value), S = A(() => j.canRedo.value && I() === j.current.value);
-  return { ...i, canUndo: re, canRedo: S, undo: () => Z(-1), redo: () => Z(1), pendingLocalChanges: Q, jsonPending: L, blocked: d, confirmation: H.confirmation, decideDiscard: H.decide, guardChanges: N, draft: u, json: f, selected: m, error: s, saving: C, dirty: T, validation: _, lists: x, activeList: t, headerAlignments: V, previewOptions: w, fetcher: z, messages: B, setName: oe, setDescription: X, setColumn: O, applyJson: F, reset: ae, save: ie };
+  const re = A(() => D.canUndo.value || O() !== D.current.value), de = A(() => D.canRedo.value && O() === D.current.value);
+  return { ...i, canUndo: re, canRedo: de, undo: () => ee(-1), redo: () => ee(1), pendingLocalChanges: Q, jsonPending: B, blocked: d, confirmation: P.confirmation, decideDiscard: P.decide, guardChanges: J, draft: c, json: f, selected: m, error: s, saving: w, dirty: T, validation: k, lists: x, activeList: t, headerAlignments: L, previewOptions: S, fetcher: z, messages: $, setName: ae, setDescription: Z, setColumn: V, applyJson: X, reset: G, save: se };
 }
-function Le(c, M, u, b) {
-  const f = $("fields"), s = $(c.value[0]?.index ?? -1), C = A(() => {
-    const p = u.value?.columns[s.value];
+function Ve(v, M, c, y) {
+  const f = j("fields"), s = j(v.value[0]?.index ?? -1), w = A(() => {
+    const p = c.value?.columns[s.value];
     return p ? { column: p, index: s.value } : void 0;
   });
-  W(b, () => {
-    c.value.some((p) => p.index === s.value) || (s.value = c.value[0]?.index ?? -1);
+  W(y, () => {
+    v.value.some((p) => p.index === s.value) || (s.value = v.value[0]?.index ?? -1);
   }), W(M, () => {
-    s.value = c.value[0]?.index ?? -1;
-  }), W(u, (p) => {
-    p?.columns[s.value] || (s.value = c.value[0]?.index ?? -1);
+    s.value = v.value[0]?.index ?? -1;
+  }), W(c, (p) => {
+    p?.columns[s.value] || (s.value = v.value[0]?.index ?? -1);
   });
-  function B(p) {
-    c.value.some((g) => g.index === p) && (s.value = p);
+  function $(p) {
+    v.value.some((g) => g.index === p) && (s.value = p);
   }
-  function w(p) {
-    const g = c.value;
+  function S(p) {
+    const g = v.value;
     if (!g.length) return;
-    const _ = Math.max(
+    const k = Math.max(
       0,
-      g.findIndex((L) => L.index === s.value)
+      g.findIndex((B) => B.index === s.value)
     ), h = {
-      ArrowDown: Math.min(_ + 1, g.length - 1),
-      ArrowUp: Math.max(_ - 1, 0),
+      ArrowDown: Math.min(k + 1, g.length - 1),
+      ArrowUp: Math.max(k - 1, 0),
       Home: 0,
       End: g.length - 1
     }[p];
     if (h !== void 0)
       return s.value = g[h].index, s.value;
   }
-  return { section: f, activeIndex: s, activeColumn: C, activate: B, moveColumn: w };
+  return { section: f, activeIndex: s, activeColumn: w, activate: $, moveColumn: S };
 }
-const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie = { class: "mr-designer-heading" }, Je = { class: "mr-designer-actions" }, Ne = { class: "mr-designer-history" }, Pe = ["aria-label", "title", "disabled"], He = ["aria-label", "title", "disabled"], Ge = ["disabled"], Fe = ["disabled"], Ue = ["aria-label"], ze = { class: "mr-designer-body" }, qe = { class: "mr-designer-inspector" }, Ke = ["aria-label"], We = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], Qe = ["id", "aria-labelledby"], Xe = {
+const Oe = ["aria-label", "aria-busy"], Ie = { class: "mr-designer-bar" }, Je = { class: "mr-designer-heading" }, Ne = { class: "mr-designer-actions" }, Pe = { class: "mr-designer-history" }, He = ["aria-label", "title", "disabled"], Ge = ["aria-label", "title", "disabled"], Fe = ["disabled"], Ue = ["disabled"], ze = ["aria-label"], qe = { class: "mr-designer-body" }, Ke = { class: "mr-designer-inspector" }, We = ["aria-label"], Qe = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], Xe = ["id", "aria-labelledby"], Ye = {
   key: 0,
   class: "mr-designer-area"
-}, Ye = ["value"], Ze = {
+}, Ze = ["value"], et = {
   key: 1,
   class: "mr-designer-columns"
-}, et = { class: "mr-designer-directory-heading" }, tt = { class: "mr-designer-search" }, nt = ["aria-label", "placeholder"], lt = ["aria-label", "title"], ot = { class: "mr-designer-column-tools" }, at = ["disabled"], st = {
+}, tt = { class: "mr-designer-directory-heading" }, nt = { class: "mr-designer-search" }, lt = ["aria-label", "placeholder"], ot = ["aria-label", "title"], at = { class: "mr-designer-column-tools" }, st = ["disabled"], it = {
   key: 1,
   role: "status"
-}, it = { key: 2 }, rt = ["aria-label"], dt = ["aria-label", "checked", "disabled", "onChange"], ut = ["data-column-index", "aria-pressed", "tabindex", "onClick"], ct = { class: "mr-designer-column-number" }, vt = { class: "mr-designer-column-name" }, mt = {
+}, rt = { key: 2 }, dt = ["aria-label"], ut = ["aria-label", "checked", "disabled", "onChange"], ct = ["data-column-index", "aria-pressed", "tabindex", "onClick"], vt = { class: "mr-designer-column-number" }, mt = { class: "mr-designer-column-name" }, ft = {
   key: 0,
   role: "status",
   class: "mr-designer-empty"
-}, ft = {
+}, gt = {
   key: 0,
   class: "mr-designer-batch"
-}, gt = ["aria-label", "disabled"], ht = { value: "" }, pt = { value: "auto" }, bt = { value: "left" }, yt = { value: "center" }, _t = { value: "right" }, kt = { value: "justify" }, Ct = ["aria-label", "disabled"], wt = { value: "" }, St = { value: "left" }, xt = { value: "center" }, Et = { value: "right" }, Mt = { value: "justify" }, Tt = ["disabled"], At = ["value"], Dt = ["value"], jt = ["value"], Rt = ["value"], $t = { value: "identifier" }, Bt = { value: "dimension" }, Lt = { value: "measure" }, Vt = { value: "date" }, Ot = { value: "text" }, It = ["value"], Jt = { value: "auto" }, Nt = { value: "left" }, Pt = { value: "center" }, Ht = { value: "right" }, Gt = { value: "justify" }, Ft = ["value"], Ut = { value: "left" }, zt = { value: "center" }, qt = { value: "right" }, Kt = { value: "justify" }, Wt = { class: "mr-designer-toggle" }, Qt = ["checked"], Xt = {
+}, ht = ["aria-label", "disabled"], pt = { value: "" }, bt = { value: "auto" }, yt = { value: "left" }, _t = { value: "center" }, kt = { value: "right" }, Ct = { value: "justify" }, wt = ["aria-label", "disabled"], St = { value: "" }, xt = { value: "left" }, Et = { value: "center" }, Mt = { value: "right" }, Tt = { value: "justify" }, At = ["disabled"], Dt = ["value"], jt = ["value"], Rt = ["value"], $t = ["value"], Bt = { value: "identifier" }, Lt = { value: "dimension" }, Vt = { value: "measure" }, Ot = { value: "date" }, It = { value: "text" }, Jt = ["value"], Nt = { value: "auto" }, Pt = { value: "left" }, Ht = { value: "center" }, Gt = { value: "right" }, Ft = { value: "justify" }, Ut = ["value"], zt = { value: "left" }, qt = { value: "center" }, Kt = { value: "right" }, Wt = { value: "justify" }, Qt = { class: "mr-designer-toggle" }, Xt = ["checked"], Yt = {
   key: 2,
   role: "status",
   class: "mr-designer-empty"
-}, Yt = { class: "mr-designer-stacked" }, Zt = ["value", "disabled"], en = { class: "mr-designer-stacked" }, tn = ["value", "disabled"], nn = { class: "mr-designer-identity" }, ln = { class: "mr-designer-note" }, on = { class: "mr-designer-note" }, an = { class: "mr-designer-stacked" }, sn = ["aria-label", "disabled"], rn = ["disabled"], dn = {
+}, Zt = { class: "mr-designer-stacked" }, en = ["value", "disabled"], tn = { class: "mr-designer-stacked" }, nn = ["value", "disabled"], ln = { class: "mr-designer-identity" }, on = { class: "mr-designer-note" }, an = { class: "mr-designer-note" }, sn = { class: "mr-designer-stacked" }, rn = ["aria-label", "disabled"], dn = ["disabled"], un = {
   key: 3,
   role: "status",
   class: "mr-designer-note mr-designer-pending"
-}, un = ["aria-label"], cn = {
+}, cn = ["aria-label"], vn = {
   key: 0,
   role: "alert",
   class: "mr-designer-error"
-}, vn = {
+}, mn = {
   key: 1,
   role: "alert",
   class: "mr-designer-error"
-}, mn = {
+}, fn = {
   key: 3,
   class: "mr-designer-note mr-designer-invalid"
-}, fn = /* @__PURE__ */ be({
+}, gn = /* @__PURE__ */ ye({
   __name: "ReportTemplateEditor",
   props: {
     modelValue: {},
@@ -388,53 +388,52 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
     save: { type: Function }
   },
   emits: ["update:modelValue", "saved"],
-  setup(c, { expose: M, emit: u }) {
-    const b = c, f = u, s = Be(b, (S, l) => {
-      f(S === "saved" ? "saved" : "update:modelValue", l);
+  setup(v, { expose: M, emit: c }) {
+    const y = v, f = c, s = Le(y, (u, o) => {
+      f(u === "saved" ? "saved" : "update:modelValue", o);
     }), {
-      draft: C,
-      json: B,
-      selected: w,
+      draft: w,
+      json: $,
+      selected: S,
       error: p,
       saving: g,
-      pendingLocalChanges: _,
+      pendingLocalChanges: k,
       jsonPending: T,
       blocked: h,
-      confirmation: L,
+      confirmation: B,
       canUndo: Q,
-      canRedo: I,
-      validation: j,
-      lists: H,
+      canRedo: O,
+      validation: D,
+      lists: P,
       activeList: d,
       visibleColumns: r,
       query: i,
       selectedColumns: m,
       fetcher: x,
       messages: t
-    } = s, V = Le(
+    } = s, L = Ve(
       r,
-      w,
+      S,
       d,
       i
-    ), { section: O, activeIndex: z, activeColumn: E } = V, G = `mr-designer-${ye()?.uid ?? 0}`, N = ["fields", "template", "advanced"], le = A(
-      () => g.value ? t.value.saving : b.readonly ? t.value.readonly : _.value ? t.value.dirty : t.value.ready
-    ), q = $(null), oe = $(null);
-    W(O, async (S) => {
-      if (S !== "fields") return;
-      await te();
-      const l = oe.value, o = l?.querySelector(
+    ), { section: V, activeIndex: z, activeColumn: E } = L, H = `mr-designer-${_e()?.uid ?? 0}`, J = ["fields", "template", "advanced"], oe = A(
+      () => g.value ? t.value.saving : y.readonly ? t.value.readonly : k.value ? t.value.dirty : t.value.ready
+    ), q = j(null), ae = j(null), Z = j(null);
+    W(V, async (u) => {
+      if (await ne(), Z.value && (Z.value.scrollTop = 0), u !== "fields") return;
+      const o = ae.value, l = o?.querySelector(
         `button[data-column-index="${z.value}"]`
       );
-      if (!l || !o) return;
-      const v = l.getBoundingClientRect(), D = o.getBoundingClientRect(), ee = v.top + l.clientTop, ve = ee + l.clientHeight;
-      D.top < ee ? l.scrollTop += D.top - ee : D.bottom > ve && (l.scrollTop += D.bottom - ve);
+      if (!o || !l) return;
+      const b = o.getBoundingClientRect(), F = l.getBoundingClientRect(), te = b.top + o.clientTop, me = te + o.clientHeight;
+      F.top < te ? o.scrollTop += F.top - te : F.bottom > me && (o.scrollTop += F.bottom - me);
     });
     let X = null;
-    W(L, async (S) => {
-      S ? (X = document.activeElement, await te(), q.value?.focus()) : (await te(), X?.isConnected && X.focus(), X = null);
+    W(B, async (u) => {
+      u ? (X = document.activeElement, await ne(), q.value?.focus()) : (await ne(), X?.isConnected && X.focus(), X = null);
     }), M({
       get pendingLocalChanges() {
-        return _.value;
+        return k.value;
       },
       get saving() {
         return g.value;
@@ -446,75 +445,75 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
       reset: s.reset,
       save: s.save
     });
-    function F(S) {
-      return S.target.value;
+    function G(u) {
+      return u.target.value;
     }
-    function ae(S) {
-      return S.target.checked;
+    function ee(u) {
+      return u.target.checked;
     }
-    function Z(S, l) {
-      const o = S.target;
+    function se(u, o) {
+      const l = u.target;
       s.alignColumns(
-        l,
-        o.value
-      ), o.value = "";
+        o,
+        l.value
+      ), l.value = "";
     }
-    async function ie(S) {
-      const l = V.moveColumn(S.key);
-      if (l === void 0) return;
-      S.preventDefault();
-      const o = S.currentTarget.closest(
+    async function re(u) {
+      const o = L.moveColumn(u.key);
+      if (o === void 0) return;
+      u.preventDefault();
+      const l = u.currentTarget.closest(
         ".mr-designer-column-list"
       );
-      await te();
-      const v = o?.querySelector(
-        `button[data-column-index="${l}"]`
+      await ne();
+      const b = l?.querySelector(
+        `button[data-column-index="${o}"]`
       );
-      v?.focus({ preventScroll: !0 }), v?.scrollIntoView({ block: "nearest" });
+      b?.focus({ preventScroll: !0 }), b?.scrollIntoView({ block: "nearest" });
     }
-    async function re(S) {
-      const o = {
+    async function de(u) {
+      const l = {
         ArrowRight: 1,
         ArrowLeft: -1,
-        Home: -N.length,
-        End: N.length
-      }[S.key];
-      if (o === void 0) return;
-      S.preventDefault();
-      const v = N.indexOf(O.value), D = S.key === "Home" ? 0 : S.key === "End" ? N.length - 1 : (v + o + N.length) % N.length;
-      O.value = N[D];
-      const ee = S.currentTarget.parentElement;
-      await te(), ee?.querySelector(`#${G}-tab-${O.value}`)?.focus();
+        Home: -J.length,
+        End: J.length
+      }[u.key];
+      if (l === void 0) return;
+      u.preventDefault();
+      const b = J.indexOf(V.value), F = u.key === "Home" ? 0 : u.key === "End" ? J.length - 1 : (b + l + J.length) % J.length;
+      V.value = J[F];
+      const te = u.currentTarget.parentElement;
+      await ne(), te?.querySelector(`#${H}-tab-${V.value}`)?.focus();
     }
-    return (S, l) => (y(), k("section", {
+    return (u, o) => (_(), C("section", {
       class: "mr-designer",
       "aria-label": e(t).title,
       "aria-busy": e(g)
     }, [
-      n("header", Oe, [
-        n("div", Ie, [
-          ne(Y, {
+      n("header", Ie, [
+        n("div", Je, [
+          le(Y, {
             name: "columns",
             size: 18
           }),
           n("div", null, [
             n("strong", null, a(e(t).heading), 1),
             n("span", {
-              class: me({ "mr-designer-dirty": e(_) })
-            }, a(le.value), 3)
+              class: fe({ "mr-designer-dirty": e(k) })
+            }, a(oe.value), 3)
           ])
         ]),
-        n("div", Je, [
-          n("div", Ne, [
+        n("div", Ne, [
+          n("div", Pe, [
             n("button", {
               type: "button",
               class: "mr-designer-icon-button",
               "aria-label": e(t).undo,
               title: e(t).undo,
-              disabled: c.readonly || e(h) || !e(Q),
-              onClick: l[0] || (l[0] = //@ts-ignore
-              (...o) => e(s).undo && e(s).undo(...o))
-            }, [...l[25] || (l[25] = [
+              disabled: v.readonly || e(h) || !e(Q),
+              onClick: o[0] || (o[0] = //@ts-ignore
+              (...l) => e(s).undo && e(s).undo(...l))
+            }, [...o[25] || (o[25] = [
               n("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -522,16 +521,16 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
               }, [
                 n("path", { d: "M4 10h10a6 6 0 0 1 0 12M4 10l5-5M4 10l5 5" })
               ], -1)
-            ])], 8, Pe),
+            ])], 8, He),
             n("button", {
               type: "button",
               class: "mr-designer-icon-button",
               "aria-label": e(t).redo,
               title: e(t).redo,
-              disabled: c.readonly || e(h) || !e(I),
-              onClick: l[1] || (l[1] = //@ts-ignore
-              (...o) => e(s).redo && e(s).redo(...o))
-            }, [...l[26] || (l[26] = [
+              disabled: v.readonly || e(h) || !e(O),
+              onClick: o[1] || (o[1] = //@ts-ignore
+              (...l) => e(s).redo && e(s).redo(...l))
+            }, [...o[26] || (o[26] = [
               n("svg", {
                 viewBox: "0 0 24 24",
                 fill: "none",
@@ -539,37 +538,37 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
               }, [
                 n("path", { d: "M20 10H10a6 6 0 0 0 0 12m10-12-5-5m5 5-5 5" })
               ], -1)
-            ])], 8, He)
+            ])], 8, Ge)
           ]),
           n("button", {
             type: "button",
             class: "mr-designer-reset",
-            disabled: c.readonly || e(h) || !e(_),
-            onClick: l[2] || (l[2] = //@ts-ignore
-            (...o) => e(s).reset && e(s).reset(...o))
-          }, a(e(t).reset), 9, Ge),
-          c.save ? (y(), k("button", {
+            disabled: v.readonly || e(h) || !e(k),
+            onClick: o[2] || (o[2] = //@ts-ignore
+            (...l) => e(s).reset && e(s).reset(...l))
+          }, a(e(t).reset), 9, Fe),
+          v.save ? (_(), C("button", {
             key: 0,
             type: "button",
             class: "mr-designer-save",
-            disabled: c.readonly || e(h) || e(T) || !e(j).ok || !e(_),
-            onClick: l[3] || (l[3] = //@ts-ignore
-            (...o) => e(s).save && e(s).save(...o))
+            disabled: v.readonly || e(h) || e(T) || !e(D).ok || !e(k),
+            onClick: o[3] || (o[3] = //@ts-ignore
+            (...l) => e(s).save && e(s).save(...l))
           }, [
-            ne(Y, {
+            le(Y, {
               name: "file",
               size: 14
             }),
             R(a(e(g) ? e(t).saving : e(t).save), 1)
-          ], 8, Fe)) : P("", !0)
+          ], 8, Ue)) : N("", !0)
         ])
       ]),
-      e(L) ? (y(), k("div", {
+      e(B) ? (_(), C("div", {
         key: 0,
         role: "alertdialog",
         "aria-label": e(t).discardTitle,
         class: "mr-designer-confirm",
-        onKeydown: l[6] || (l[6] = _e(ke((o) => e(s).decideDiscard(!1), ["prevent"]), ["esc"]))
+        onKeydown: o[6] || (o[6] = ke(Ce((l) => e(s).decideDiscard(!1), ["prevent"]), ["esc"]))
       }, [
         n("div", null, [
           n("strong", null, a(e(t).discardTitle), 1),
@@ -580,180 +579,182 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
             ref_key: "keepButton",
             ref: q,
             type: "button",
-            onClick: l[4] || (l[4] = (o) => e(s).decideDiscard(!1))
+            onClick: o[4] || (o[4] = (l) => e(s).decideDiscard(!1))
           }, a(e(t).keepEditing), 513),
           n("button", {
             type: "button",
-            onClick: l[5] || (l[5] = (o) => e(s).decideDiscard(!0))
+            onClick: o[5] || (o[5] = (l) => e(s).decideDiscard(!0))
           }, a(e(t).discard), 1)
         ])
-      ], 40, Ue)) : P("", !0),
-      n("div", ze, [
-        n("aside", qe, [
+      ], 40, ze)) : N("", !0),
+      n("div", qe, [
+        n("aside", Ke, [
           n("nav", {
             class: "mr-designer-tabs",
             role: "tablist",
             "aria-label": e(t).sectionsLabel
           }, [
-            (y(), k(K, null, se(N, (o) => n("button", {
-              id: `${G}-tab-${o}`,
-              key: o,
+            (_(), C(K, null, ie(J, (l) => n("button", {
+              id: `${H}-tab-${l}`,
+              key: l,
               type: "button",
               role: "tab",
-              "aria-selected": e(O) === o,
-              "aria-controls": `${G}-panel-${o}`,
-              tabindex: e(O) === o ? 0 : -1,
-              onClick: (v) => O.value = o,
-              onKeydown: re
-            }, a(e(t)[`${o}Section`]), 41, We)), 64))
-          ], 8, Ke),
+              "aria-selected": e(V) === l,
+              "aria-controls": `${H}-panel-${l}`,
+              tabindex: e(V) === l ? 0 : -1,
+              onClick: (b) => V.value = l,
+              onKeydown: de
+            }, a(e(t)[`${l}Section`]), 41, Qe)), 64))
+          ], 8, We),
           n("div", {
-            id: `${G}-panel-${e(O)}`,
+            ref_key: "inspectorPanel",
+            ref: Z,
+            id: `${H}-panel-${e(V)}`,
             class: "mr-designer-panel",
             role: "tabpanel",
-            "aria-labelledby": `${G}-tab-${e(O)}`
+            "aria-labelledby": `${H}-tab-${e(V)}`
           }, [
-            e(O) === "fields" ? (y(), k(K, { key: 0 }, [
-              e(H).length > 1 ? (y(), k("label", Xe, [
+            e(V) === "fields" ? (_(), C(K, { key: 0 }, [
+              e(P).length > 1 ? (_(), C("label", Ye, [
                 R(a(e(t).area), 1),
-                de(n("select", {
-                  "onUpdate:modelValue": l[7] || (l[7] = (o) => ue(w) ? w.value = o : null)
+                ue(n("select", {
+                  "onUpdate:modelValue": o[7] || (o[7] = (l) => ce(S) ? S.value = l : null)
                 }, [
-                  (y(!0), k(K, null, se(e(H), (o, v) => (y(), k("option", {
-                    key: v,
-                    value: v
-                  }, a(o.pageIndex + 1) + " " + a(e(t).page) + " · " + a(o.component.title || o.component.dataset), 9, Ye))), 128))
+                  (_(!0), C(K, null, ie(e(P), (l, b) => (_(), C("option", {
+                    key: b,
+                    value: b
+                  }, a(l.pageIndex + 1) + " " + a(e(t).page) + " · " + a(l.component.title || l.component.dataset), 9, Ze))), 128))
                 ], 512), [
-                  [Ce, e(w)]
+                  [we, e(S)]
                 ])
-              ])) : P("", !0),
-              e(d) ? (y(), k("div", Ze, [
-                n("div", et, [
+              ])) : N("", !0),
+              e(d) ? (_(), C("div", et, [
+                n("div", tt, [
                   n("strong", null, a(e(t).columnDirectory), 1),
                   n("span", null, a(e(d).columns.length) + " " + a(e(t).fieldsCount), 1)
                 ]),
-                n("div", tt, [
-                  ne(Y, {
+                n("div", nt, [
+                  le(Y, {
                     name: "search",
                     size: 15
                   }),
-                  de(n("input", {
-                    "onUpdate:modelValue": l[8] || (l[8] = (o) => ue(i) ? i.value = o : null),
+                  ue(n("input", {
+                    "onUpdate:modelValue": o[8] || (o[8] = (l) => ce(i) ? i.value = l : null),
                     type: "search",
                     "aria-label": e(t).columnsSearch,
                     placeholder: e(t).columnsSearch
-                  }, null, 8, nt), [
-                    [fe, e(i)]
+                  }, null, 8, lt), [
+                    [ge, e(i)]
                   ]),
-                  e(i) ? (y(), k("button", {
+                  e(i) ? (_(), C("button", {
                     key: 0,
                     type: "button",
                     class: "mr-designer-icon-button",
                     "aria-label": e(t).clearSearch,
                     title: e(t).clearSearch,
-                    onClick: l[9] || (l[9] = (o) => i.value = "")
+                    onClick: o[9] || (o[9] = (l) => i.value = "")
                   }, [
-                    ne(Y, {
+                    le(Y, {
                       name: "close",
                       size: 14
                     })
-                  ], 8, lt)) : P("", !0)
+                  ], 8, ot)) : N("", !0)
                 ]),
-                n("div", ot, [
+                n("div", at, [
                   n("button", {
                     type: "button",
-                    disabled: c.readonly || e(h) || e(T) || !e(r).length,
-                    onClick: l[10] || (l[10] = (o) => e(s).selectVisible(!0))
-                  }, a(e(t).selectVisible), 9, at),
-                  e(m).length ? (y(), k("button", {
+                    disabled: v.readonly || e(h) || e(T) || !e(r).length,
+                    onClick: o[10] || (o[10] = (l) => e(s).selectVisible(!0))
+                  }, a(e(t).selectVisible), 9, st),
+                  e(m).length ? (_(), C("button", {
                     key: 0,
                     type: "button",
-                    onClick: l[11] || (l[11] = //@ts-ignore
-                    (...o) => e(s).clearSelection && e(s).clearSelection(...o))
-                  }, a(e(t).clearSelection), 1)) : P("", !0),
-                  e(m).length ? (y(), k("span", st, a(e(t).columnsSelected) + " " + a(e(m).length), 1)) : (y(), k("span", it, a(e(r).length) + " / " + a(e(d).columns.length), 1))
+                    onClick: o[11] || (o[11] = //@ts-ignore
+                    (...l) => e(s).clearSelection && e(s).clearSelection(...l))
+                  }, a(e(t).clearSelection), 1)) : N("", !0),
+                  e(m).length ? (_(), C("span", it, a(e(t).columnsSelected) + " " + a(e(m).length), 1)) : (_(), C("span", rt, a(e(r).length) + " / " + a(e(d).columns.length), 1))
                 ]),
                 n("div", {
                   ref_key: "columnList",
-                  ref: oe,
+                  ref: ae,
                   class: "mr-designer-column-list",
                   "aria-label": e(t).columnDirectory,
                   role: "group"
                 }, [
-                  (y(!0), k(K, null, se(e(r), ({ column: o, index: v }) => (y(), k("div", {
-                    key: v,
-                    class: me(["mr-designer-column-row", { "is-active": e(z) === v }])
+                  (_(!0), C(K, null, ie(e(r), ({ column: l, index: b }) => (_(), C("div", {
+                    key: b,
+                    class: fe(["mr-designer-column-row", { "is-active": e(z) === b }])
                   }, [
                     n("input", {
                       type: "checkbox",
-                      "aria-label": `${e(t).selectColumn} ${o.header}`,
-                      checked: e(m).includes(v),
-                      disabled: c.readonly || e(h) || e(T),
-                      onChange: (D) => e(s).toggleColumn(v, ae(D))
-                    }, null, 40, dt),
+                      "aria-label": `${e(t).selectColumn} ${l.header}`,
+                      checked: e(m).includes(b),
+                      disabled: v.readonly || e(h) || e(T),
+                      onChange: (F) => e(s).toggleColumn(b, ee(F))
+                    }, null, 40, ut),
                     n("button", {
                       type: "button",
-                      "data-column-index": v,
-                      "aria-pressed": e(z) === v,
-                      tabindex: e(z) === v ? 0 : -1,
-                      onClick: (D) => e(V).activate(v),
-                      onKeydown: ie
+                      "data-column-index": b,
+                      "aria-pressed": e(z) === b,
+                      tabindex: e(z) === b ? 0 : -1,
+                      onClick: (F) => e(L).activate(b),
+                      onKeydown: re
                     }, [
-                      n("span", ct, a(v + 1), 1),
-                      n("span", vt, [
-                        n("strong", null, a(o.header), 1),
-                        n("small", null, a(o.field), 1)
+                      n("span", vt, a(b + 1), 1),
+                      n("span", mt, [
+                        n("strong", null, a(l.header), 1),
+                        n("small", null, a(l.field), 1)
                       ]),
-                      e(z) === v ? (y(), ge(Y, {
+                      e(z) === b ? (_(), he(Y, {
                         key: 0,
                         name: "chevron-right",
                         size: 14
-                      })) : P("", !0)
-                    ], 40, ut)
+                      })) : N("", !0)
+                    ], 40, ct)
                   ], 2))), 128)),
-                  e(r).length ? P("", !0) : (y(), k("p", mt, [
-                    ne(Y, {
+                  e(r).length ? N("", !0) : (_(), C("p", ft, [
+                    le(Y, {
                       name: "search",
                       size: 20
                     }),
                     R(a(e(t).noColumns), 1)
                   ]))
-                ], 8, rt),
-                e(m).length ? (y(), k("div", ft, [
+                ], 8, dt),
+                e(m).length ? (_(), C("div", gt, [
                   n("label", null, [
                     R(a(e(t).batchBody), 1),
                     n("select", {
                       "aria-label": e(t).batchBody,
-                      disabled: c.readonly || e(h) || e(T),
-                      onChange: l[12] || (l[12] = (o) => Z(o, "align"))
+                      disabled: v.readonly || e(h) || e(T),
+                      onChange: o[12] || (o[12] = (l) => se(l, "align"))
                     }, [
-                      n("option", ht, a(e(t).chooseAlignment), 1),
-                      n("option", pt, a(e(t).auto), 1),
-                      n("option", bt, a(e(t).left), 1),
-                      n("option", yt, a(e(t).center), 1),
-                      n("option", _t, a(e(t).right), 1),
-                      n("option", kt, a(e(t).justify), 1)
-                    ], 40, gt)
+                      n("option", pt, a(e(t).chooseAlignment), 1),
+                      n("option", bt, a(e(t).auto), 1),
+                      n("option", yt, a(e(t).left), 1),
+                      n("option", _t, a(e(t).center), 1),
+                      n("option", kt, a(e(t).right), 1),
+                      n("option", Ct, a(e(t).justify), 1)
+                    ], 40, ht)
                   ]),
                   n("label", null, [
                     R(a(e(t).batchHeader), 1),
                     n("select", {
                       "aria-label": e(t).batchHeader,
-                      disabled: c.readonly || e(h) || e(T),
-                      onChange: l[13] || (l[13] = (o) => Z(o, "headerAlign"))
+                      disabled: v.readonly || e(h) || e(T),
+                      onChange: o[13] || (o[13] = (l) => se(l, "headerAlign"))
                     }, [
-                      n("option", wt, a(e(t).chooseAlignment), 1),
-                      n("option", St, a(e(t).left), 1),
-                      n("option", xt, a(e(t).center), 1),
-                      n("option", Et, a(e(t).right), 1),
-                      n("option", Mt, a(e(t).justify), 1)
-                    ], 40, Ct)
+                      n("option", St, a(e(t).chooseAlignment), 1),
+                      n("option", xt, a(e(t).left), 1),
+                      n("option", Et, a(e(t).center), 1),
+                      n("option", Mt, a(e(t).right), 1),
+                      n("option", Tt, a(e(t).justify), 1)
+                    ], 40, wt)
                   ])
-                ])) : P("", !0),
-                e(E) ? (y(), k("fieldset", {
+                ])) : N("", !0),
+                e(E) ? (_(), C("fieldset", {
                   key: 1,
                   class: "mr-designer-properties",
-                  disabled: c.readonly || e(h) || e(T)
+                  disabled: v.readonly || e(h) || e(T)
                 }, [
                   n("legend", null, [
                     R(a(e(t).columnProperties) + " ", 1),
@@ -763,23 +764,23 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
                     R(a(e(t).header), 1),
                     n("input", {
                       value: e(E).column.header,
-                      onInput: l[14] || (l[14] = (o) => e(s).setColumn(
+                      onInput: o[14] || (o[14] = (l) => e(s).setColumn(
                         e(E).index,
                         "header",
-                        F(o)
+                        G(l)
                       ))
-                    }, null, 40, At)
+                    }, null, 40, Dt)
                   ]),
                   n("label", null, [
                     R(a(e(t).field), 1),
                     n("input", {
                       value: e(E).column.field,
-                      onChange: l[15] || (l[15] = (o) => e(s).setColumn(
+                      onChange: o[15] || (o[15] = (l) => e(s).setColumn(
                         e(E).index,
                         "field",
-                        F(o)
+                        G(l)
                       ))
-                    }, null, 40, Dt)
+                    }, null, 40, jt)
                   ]),
                   n("label", null, [
                     R(a(e(t).width), 1),
@@ -788,140 +789,140 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
                       min: "0.1",
                       step: "0.5",
                       value: e(E).column.widthMm,
-                      onChange: l[16] || (l[16] = (o) => e(s).setColumn(
+                      onChange: o[16] || (o[16] = (l) => e(s).setColumn(
                         e(E).index,
                         "widthMm",
-                        F(o)
+                        G(l)
                       ))
-                    }, null, 40, jt)
+                    }, null, 40, Rt)
                   ]),
                   n("label", null, [
                     R(a(e(t).semantic), 1),
                     n("select", {
                       value: e(E).column.semanticRole || "text",
-                      onChange: l[17] || (l[17] = (o) => e(s).setColumn(
+                      onChange: o[17] || (o[17] = (l) => e(s).setColumn(
                         e(E).index,
                         "semanticRole",
-                        F(o)
+                        G(l)
                       ))
                     }, [
-                      n("option", $t, a(e(t).identifier), 1),
-                      n("option", Bt, a(e(t).dimension), 1),
-                      n("option", Lt, a(e(t).measure), 1),
-                      n("option", Vt, a(e(t).date), 1),
-                      n("option", Ot, a(e(t).text), 1)
-                    ], 40, Rt)
+                      n("option", Bt, a(e(t).identifier), 1),
+                      n("option", Lt, a(e(t).dimension), 1),
+                      n("option", Vt, a(e(t).measure), 1),
+                      n("option", Ot, a(e(t).date), 1),
+                      n("option", It, a(e(t).text), 1)
+                    ], 40, $t)
                   ]),
                   n("label", null, [
                     R(a(e(t).bodyAlign), 1),
                     n("select", {
                       value: e(E).column.align ?? e(E).column.style?.align ?? e(d).align ?? "left",
-                      onChange: l[18] || (l[18] = (o) => e(s).setColumn(
+                      onChange: o[18] || (o[18] = (l) => e(s).setColumn(
                         e(E).index,
                         "align",
-                        F(o)
+                        G(l)
                       ))
                     }, [
-                      n("option", Jt, a(e(t).auto), 1),
-                      n("option", Nt, a(e(t).left), 1),
-                      n("option", Pt, a(e(t).center), 1),
-                      n("option", Ht, a(e(t).right), 1),
-                      n("option", Gt, a(e(t).justify), 1)
-                    ], 40, It)
+                      n("option", Nt, a(e(t).auto), 1),
+                      n("option", Pt, a(e(t).left), 1),
+                      n("option", Ht, a(e(t).center), 1),
+                      n("option", Gt, a(e(t).right), 1),
+                      n("option", Ft, a(e(t).justify), 1)
+                    ], 40, Jt)
                   ]),
                   n("label", null, [
                     R(a(e(t).headerAlign), 1),
                     n("select", {
                       value: e(s).headerAlignments.value[e(E).index],
-                      onChange: l[19] || (l[19] = (o) => e(s).setColumn(
+                      onChange: o[19] || (o[19] = (l) => e(s).setColumn(
                         e(E).index,
                         "headerAlign",
-                        F(o)
+                        G(l)
                       ))
                     }, [
-                      n("option", Ut, a(e(t).left), 1),
-                      n("option", zt, a(e(t).center), 1),
-                      n("option", qt, a(e(t).right), 1),
-                      n("option", Kt, a(e(t).justify), 1)
-                    ], 40, Ft)
+                      n("option", zt, a(e(t).left), 1),
+                      n("option", qt, a(e(t).center), 1),
+                      n("option", Kt, a(e(t).right), 1),
+                      n("option", Wt, a(e(t).justify), 1)
+                    ], 40, Ut)
                   ]),
-                  n("label", Wt, [
+                  n("label", Qt, [
                     R(a(e(t).editable), 1),
                     n("input", {
                       type: "checkbox",
                       checked: e(E).column.editable === !0,
-                      onChange: l[20] || (l[20] = (o) => e(s).setColumn(
+                      onChange: o[20] || (o[20] = (l) => e(s).setColumn(
                         e(E).index,
                         "editable",
-                        ae(o)
+                        ee(l)
                       ))
-                    }, null, 40, Qt)
+                    }, null, 40, Xt)
                   ])
-                ], 8, Tt)) : P("", !0)
-              ])) : (y(), k("p", Xt, a(e(t).noColumns), 1))
-            ], 64)) : e(O) === "template" ? (y(), k(K, { key: 1 }, [
+                ], 8, At)) : N("", !0)
+              ])) : (_(), C("p", Yt, a(e(t).noColumns), 1))
+            ], 64)) : e(V) === "template" ? (_(), C(K, { key: 1 }, [
               n("h3", null, a(e(t).templateDetails), 1),
-              n("label", Yt, [
+              n("label", Zt, [
                 R(a(e(t).name), 1),
                 n("input", {
-                  value: e(C).name,
-                  disabled: c.readonly || e(h) || e(T),
-                  onInput: l[21] || (l[21] = (o) => e(s).setName(F(o)))
-                }, null, 40, Zt)
+                  value: e(w).name,
+                  disabled: v.readonly || e(h) || e(T),
+                  onInput: o[21] || (o[21] = (l) => e(s).setName(G(l)))
+                }, null, 40, en)
               ]),
-              n("label", en, [
+              n("label", tn, [
                 R(a(e(t).description), 1),
                 n("textarea", {
                   rows: "4",
-                  value: e(C).description,
-                  disabled: c.readonly || e(h) || e(T),
-                  onInput: l[22] || (l[22] = (o) => e(s).setDescription(F(o)))
-                }, null, 40, tn)
+                  value: e(w).description,
+                  disabled: v.readonly || e(h) || e(T),
+                  onInput: o[22] || (o[22] = (l) => e(s).setDescription(G(l)))
+                }, null, 40, nn)
               ]),
-              n("dl", nn, [
+              n("dl", ln, [
                 n("dt", null, a(e(t).templateIdentity), 1),
-                n("dd", null, a(e(C).id), 1),
+                n("dd", null, a(e(w).id), 1),
                 n("dt", null, a(e(t).templateRevision), 1),
-                n("dd", null, a(e(C).revision || e(t).unpublished), 1)
+                n("dd", null, a(e(w).revision || e(t).unpublished), 1)
               ]),
-              n("p", ln, a(e(t).note), 1)
-            ], 64)) : (y(), k(K, { key: 2 }, [
+              n("p", on, a(e(t).note), 1)
+            ], 64)) : (_(), C(K, { key: 2 }, [
               n("h3", null, a(e(t).advancedTitle), 1),
-              n("p", on, a(e(t).advancedDescription), 1),
-              n("label", an, [
+              n("p", an, a(e(t).advancedDescription), 1),
+              n("label", sn, [
                 R(a(e(t).json), 1),
-                de(n("textarea", {
-                  "onUpdate:modelValue": l[23] || (l[23] = (o) => ue(B) ? B.value = o : null),
+                ue(n("textarea", {
+                  "onUpdate:modelValue": o[23] || (o[23] = (l) => ce($) ? $.value = l : null),
                   class: "mr-designer-json",
                   "aria-label": e(t).json,
-                  disabled: c.readonly || e(h),
+                  disabled: v.readonly || e(h),
                   spellcheck: "false"
-                }, null, 8, sn), [
-                  [fe, e(B)]
+                }, null, 8, rn), [
+                  [ge, e($)]
                 ])
               ]),
               n("button", {
                 type: "button",
                 class: "mr-designer-apply-json",
-                disabled: c.readonly || e(h),
-                onClick: l[24] || (l[24] = //@ts-ignore
-                (...o) => e(s).applyJson && e(s).applyJson(...o))
-              }, a(e(t).applyJson), 9, rn)
+                disabled: v.readonly || e(h),
+                onClick: o[24] || (o[24] = //@ts-ignore
+                (...l) => e(s).applyJson && e(s).applyJson(...l))
+              }, a(e(t).applyJson), 9, dn)
             ], 64)),
-            e(T) ? (y(), k("p", dn, a(e(t).jsonPending), 1)) : P("", !0)
-          ], 8, Qe)
+            e(T) ? (_(), C("p", un, a(e(t).jsonPending), 1)) : N("", !0)
+          ], 8, Xe)
         ]),
         n("div", {
           class: "mr-designer-preview",
           "aria-label": e(t).previewTitle
         }, [
-          e(p) ? (y(), k("div", cn, a(e(p)), 1)) : P("", !0),
-          e(j).ok ? P("", !0) : (y(), k("ul", vn, [
-            (y(!0), k(K, null, se(e(j).errors, (o) => (y(), k("li", {
-              key: o.path
-            }, a(o.path) + "：" + a(o.message), 1))), 128))
+          e(p) ? (_(), C("div", vn, a(e(p)), 1)) : N("", !0),
+          e(D).ok ? N("", !0) : (_(), C("ul", mn, [
+            (_(!0), C(K, null, ie(e(D).errors, (l) => (_(), C("li", {
+              key: l.path
+            }, a(l.path) + "：" + a(l.message), 1))), 128))
           ])),
-          e(x) && e(j).ok ? (y(), ge(e(xe), {
+          e(x) && e(D).ok ? (_(), he(e(Ee), {
             key: 2,
             "report-id": "draft",
             fetcher: e(x),
@@ -929,13 +930,13 @@ const Ve = ["aria-label", "aria-busy"], Oe = { class: "mr-designer-bar" }, Ie =
             editable: !1,
             "excel-import": !1,
             height: "100%"
-          }, null, 8, ["fetcher"])) : (y(), k("p", mn, a(e(t).invalid), 1))
-        ], 8, un)
+          }, null, 8, ["fetcher"])) : (_(), C("p", fn, a(e(t).invalid), 1))
+        ], 8, cn)
       ])
-    ], 8, Ve));
+    ], 8, Oe));
   }
-}), yn = /* @__PURE__ */ Ee(fn, [["__scopeId", "data-v-8bbff75e"]]);
+}), _n = /* @__PURE__ */ Me(gn, [["__scopeId", "data-v-c4eab8e7"]]);
 export {
-  yn as ReportTemplateEditor,
-  $e as TEMPLATE_EDITOR_MESSAGES
+  _n as ReportTemplateEditor,
+  Be as TEMPLATE_EDITOR_MESSAGES
 };