@agile-team/mach-report 2.8.1 → 2.8.3

package/dist/designer.js

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