@agile-team/mach-report 2.8.0 → 2.8.2

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 $, 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;
+    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 (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) => {
+      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 _(d, r) {
+    C.value = r ? [.../* @__PURE__ */ new Set([...C.value, d])] : C.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) _(r.index, d);
   }
-  function m() {
-    b.value = [];
+  function h() {
+    C.value = [];
   }
-  function N(r, i, s) {
+  function L(d, r, i) {
     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());
+    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 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 = B.value[f.value];
+    if (!d) return;
+    const r = d.component, i = c.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 I(d, r) {
+    const i = w.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];
+    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 j(d, r) {
+    const i = w.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 });
     }));
   }
-  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 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));
       }
-      h();
+      b();
     }
   }
-  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: C, lists: B, activeList: w, headerAlignments: p, visibleColumns: g, toggleColumn: _, selectVisible: T, clearSelection: h, setColumn: L, alignColumns: H };
 }
-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 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 _(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 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 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 b.value += g, u.value[b.value];
   }
-  return { canUndo: f, canRedo: a, current: b, reset: L, record: _, move: k };
+  return { canUndo: f, canRedo: s, current: C, reset: B, record: w, 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 De(c) {
+  const M = pe(null), u = $(!1);
+  let b, f = 0;
+  function s(w) {
+    b?.(w), b = void 0, M.value = null;
   }
-  function b() {
-    f++, a(!1), u.value = !1;
+  function C() {
+    f++, s(!1), u.value = !1;
   }
-  async function L(_) {
-    b();
-    const k = f, C = c();
+  async function B(w) {
+    C();
+    const p = f, g = c();
     u.value = !0;
     try {
-      const g = await new Promise((E, m) => {
-        if (h = E, !C) {
-          w.value = _;
+      const _ = await new Promise((T, h) => {
+        if (b = T, !g) {
+          M.value = w;
           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(w) : !1).then((L) => {
+          f === p && s(L === !0);
+        }, (L) => {
+          f === p && (b = void 0, M.value = null, h(L));
         });
       });
-      return f === k && g === !0;
+      return f === p && _ === !0;
     } finally {
-      f === k && (u.value = !1);
+      f === p && (u.value = !1);
     }
   }
-  return ae(b), { confirmation: w, pending: u, decide: a, request: L, cancel: b };
+  return he(C), { confirmation: M, pending: u, decide: s, request: B, cancel: C };
 }
-const Ee = {
+const je = {
   title: "报表模板属性编辑器",
   heading: "模板属性",
   unpublished: "未发布",
@@ -149,7 +149,7 @@ const Ee = {
   applyJson: "校验并应用 JSON",
   note: "字段映射应与数据源契约一致。此编辑器维护模板属性；保存由接入方提供的版本服务处理。",
   invalid: "请先修正模板错误，再预览或保存。"
-}, Me = {
+}, Re = {
   undo: "撤销",
   redo: "重做",
   columnsSearch: "搜索列名或字段",
@@ -164,10 +164,27 @@ 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: "实时预览"
+}, $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(() => ({
     showExport: !1,
     showPrint: !1,
     showPdfWindow: !1,
@@ -186,137 +203,180 @@ function je(c, w) {
       ...c.preview?.theme
     }
   }));
-  pe({ get defaults() {
-    return _.value;
+  we({ get defaults() {
+    return w.value;
   } });
-  let k, C = 0;
-  const g = V(() => _e(u.value)), E = V(() => {
+  let p, g = 0;
+  const _ = A(() => Me(u.value)), T = A(() => {
     try {
-      return q(u.value) !== h.value;
+      return U(u.value) !== b.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 = $(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;
+  W(m, () => i.clearSelection());
+  const z = A(() => _.value.ok ? Se({ draft: { template: u.value.template, datasets: c.datasets ?? {}, params: [] } }) : void 0);
+  function E() {
+    g++, p?.abort(), p = void 0, C.value = !1;
   }
-  let W = 0;
-  async function J(p = "replace", O) {
-    if (!K.value) return !0;
-    const M = G();
+  let G = 0;
+  async function N(l = "replace", o) {
+    if (!Q.value) return !0;
+    const v = I();
     try {
-      return await I.request({
-        reason: p,
+      return await H.request({
+        reason: l,
         document: JSON.parse(JSON.stringify(u.value)),
-        replacement: O ? P(O) : void 0,
+        replacement: o ? J(o) : void 0,
         pendingLocalChanges: !0
-      }) && M === G();
-    } catch ($) {
-      return a.value = $ instanceof Error ? $.message : String($), !1;
+      }) && v === I();
+    } catch (D) {
+      return s.value = D instanceof Error ? D.message : String(D), !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 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());
   }
-  te(() => c.modelValue, async (p) => {
-    let O;
+  W(() => c.modelValue, async (l) => {
+    let o;
     try {
-      O = P(p);
-    } catch ($) {
-      a.value = $ instanceof Error ? $.message : String($);
+      o = J(l);
+    } catch (D) {
+      s.value = D instanceof Error ? D.message : String(D);
       return;
     }
     try {
-      if (q(O) === q(u.value)) return;
+      if (U(o) === U(u.value)) return;
     } catch {
     }
-    const M = ++W;
-    if (z(), !await J("replace", O)) {
-      M === W && g.value.ok && w("update:modelValue", P(u.value));
+    const v = ++G;
+    if (E(), !await N("replace", o)) {
+      v === G && _.value.ok && M("update:modelValue", J(u.value));
       return;
     }
-    M === W && d(O);
-  }), ae(() => {
-    W++, z();
+    v === G && le(o);
+  }), he(() => {
+    G++, 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() {
+    H.cancel(), s.value = "", _.value.ok && (f.value = U(u.value), h.value = f.value, M("update:modelValue", J(u.value))), j.record(I());
   }
-  function T(p) {
-    i() && (u.value.name = p, o());
+  function oe(l) {
+    r() && (u.value.name = l, q());
   }
-  function R(p) {
-    i() && (u.value.description = p, o());
+  function X(l) {
+    r() && (u.value.description = l, q());
   }
-  function se() {
-    if (!(c.readonly || r.value))
+  function F() {
+    if (!(c.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 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);
       }
   }
-  async function ie() {
-    r.value || c.readonly || !await J("reset") || (d(P(h.value)), w("update:modelValue", P(u.value)));
+  async function ae() {
+    d.value || c.readonly || !await N("reset") || (le(J(b.value)), M("update:modelValue", J(u.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 Z(l) {
+    if (d.value || c.readonly) return;
+    j.record(I());
+    const o = j.move(l);
+    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));
   }
-  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 ie() {
+    if (!c.save || !r() || !_.value.ok) return;
+    const l = ++g;
+    p = new AbortController(), C.value = !0, s.value = "";
+    const o = J(u.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 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));
     } finally {
-      p === C && (b.value = !1, k = void 0);
+      l === g && (C.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(() => 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 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 Le(c, M, u, b) {
+  const f = $("fields"), s = $(c.value[0]?.index ?? -1), C = A(() => {
+    const p = u.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(M, () => {
+    s.value = c.value[0]?.index ?? -1;
+  }), W(u, (p) => {
+    p?.columns[s.value] || (s.value = c.value[0]?.index ?? -1);
+  });
+  function B(p) {
+    c.value.some((g) => g.index === p) && (s.value = p);
+  }
+  function w(p) {
+    const g = c.value;
+    if (!g.length) return;
+    const _ = Math.max(
+      0,
+      g.findIndex((L) => L.index === s.value)
+    ), h = {
+      ArrowDown: Math.min(_ + 1, g.length - 1),
+      ArrowUp: Math.max(_ - 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 };
+}
+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 = {
+  key: 0,
+  class: "mr-designer-area"
+}, Ye = ["value"], Ze = {
   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 = {
+}, 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 = {
   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 = {
+}, 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 = {
+  key: 0,
+  role: "status",
+  class: "mr-designer-empty"
+}, ft = {
+  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 = {
   key: 2,
   role: "status",
-  class: "mr-designer-note"
-}, Nt = { class: "mr-designer-note" }, Gt = { class: "mr-designer-preview" }, Pt = {
+  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 = {
+  key: 3,
+  role: "status",
+  class: "mr-designer-note mr-designer-pending"
+}, un = ["aria-label"], cn = {
   key: 0,
   role: "alert",
   class: "mr-designer-error"
-}, xt = {
+}, vn = {
   key: 1,
   role: "alert",
   class: "mr-designer-error"
-}, It = {
+}, mn = {
   key: 3,
-  class: "mr-designer-note"
-}, Ft = /* @__PURE__ */ ve({
+  class: "mr-designer-note mr-designer-invalid"
+}, fn = /* @__PURE__ */ be({
   __name: "ReportTemplateEditor",
   props: {
     modelValue: {},
@@ -328,301 +388,554 @@ 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(c, { expose: M, emit: u }) {
+    const b = c, f = u, s = Be(b, (S, l) => {
+      f(S === "saved" ? "saved" : "update:modelValue", l);
+    }), {
+      draft: C,
+      json: B,
+      selected: w,
+      error: p,
+      saving: g,
+      pendingLocalChanges: _,
+      jsonPending: T,
+      blocked: h,
+      confirmation: L,
+      canUndo: Q,
+      canRedo: I,
+      validation: j,
+      lists: H,
+      activeList: d,
+      visibleColumns: r,
+      query: i,
+      selectedColumns: m,
+      fetcher: x,
+      messages: t
+    } = s, V = Le(
+      r,
+      w,
+      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(
+        `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);
+    });
+    let X = null;
+    W(L, async (S) => {
+      S ? (X = document.activeElement, await te(), q.value?.focus()) : (await te(), X?.isConnected && X.focus(), X = null);
+    }), M({
+      get pendingLocalChanges() {
+        return _.value;
+      },
+      get saving() {
+        return g.value;
+      },
+      get blocked() {
+        return h.value;
+      },
+      guardChanges: s.guardChanges,
+      reset: s.reset,
+      save: s.save
+    });
+    function F(S) {
+      return S.target.value;
+    }
+    function ae(S) {
+      return S.target.checked;
     }
-    function z(J) {
-      return J.target.checked;
+    function Z(S, l) {
+      const o = S.target;
+      s.alignColumns(
+        l,
+        o.value
+      ), o.value = "";
     }
-    function W(J, d) {
-      const o = J.target;
-      a.alignColumns(d, o.value), o.value = "";
+    async function ie(S) {
+      const l = V.moveColumn(S.key);
+      if (l === void 0) return;
+      S.preventDefault();
+      const o = S.currentTarget.closest(
+        ".mr-designer-column-list"
+      );
+      await te();
+      const v = o?.querySelector(
+        `button[data-column-index="${l}"]`
+      );
+      v?.focus({ preventScroll: !0 }), v?.scrollIntoView({ block: "nearest" });
     }
-    return (J, d) => (S(), A("section", {
+    async function re(S) {
+      const o = {
+        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();
+    }
+    return (S, l) => (y(), k("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", Oe, [
+        n("div", Ie, [
+          ne(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)
           ])
         ]),
-        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", Je, [
+          n("div", Ne, [
+            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] = [
+              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, Pe),
+            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] = [
+              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, He)
+          ]),
           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: 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", {
             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: 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))
+          }, [
+            ne(Y, {
+              name: "file",
+              size: 14
+            }),
+            R(a(e(g) ? e(t).saving : e(t).save), 1)
+          ], 8, Fe)) : P("", !0)
         ])
       ]),
-      e(N) ? (S(), A("div", {
+      e(L) ? (y(), k("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: l[6] || (l[6] = _e(ke((o) => 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: l[4] || (l[4] = (o) => e(s).decideDiscard(!1))
+          }, a(e(t).keepEditing), 513),
+          n("button", {
+            type: "button",
+            onClick: l[5] || (l[5] = (o) => e(s).decideDiscard(!0))
+          }, a(e(t).discard), 1)
+        ])
+      ], 40, Ue)) : P("", !0),
+      n("div", ze, [
+        n("aside", qe, [
+          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,
+              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),
+          n("div", {
+            id: `${G}-panel-${e(O)}`,
+            class: "mr-designer-panel",
+            role: "tabpanel",
+            "aria-labelledby": `${G}-tab-${e(O)}`
+          }, [
+            e(O) === "fields" ? (y(), k(K, { key: 0 }, [
+              e(H).length > 1 ? (y(), k("label", Xe, [
+                R(a(e(t).area), 1),
+                de(n("select", {
+                  "onUpdate:modelValue": l[7] || (l[7] = (o) => ue(w) ? w.value = o : 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)
+                  (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))
+                ], 512), [
+                  [Ce, e(w)]
                 ])
-              ]),
-              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),
+              ])) : P("", !0),
+              e(d) ? (y(), k("div", Ze, [
+                n("div", et, [
+                  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, {
+                    name: "search",
+                    size: 15
+                  }),
+                  de(n("input", {
+                    "onUpdate:modelValue": l[8] || (l[8] = (o) => ue(i) ? i.value = o : null),
+                    type: "search",
+                    "aria-label": e(t).columnsSearch,
+                    placeholder: e(t).columnsSearch
+                  }, null, 8, nt), [
+                    [fe, e(i)]
+                  ]),
+                  e(i) ? (y(), k("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 = "")
+                  }, [
+                    ne(Y, {
+                      name: "close",
+                      size: 14
+                    })
+                  ], 8, lt)) : P("", !0)
+                ]),
+                n("div", ot, [
+                  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", {
+                    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))
+                ]),
+                n("div", {
+                  ref_key: "columnList",
+                  ref: oe,
+                  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 }])
+                  }, [
+                    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),
+                    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
+                    }, [
+                      n("span", ct, a(v + 1), 1),
+                      n("span", vt, [
+                        n("strong", null, a(o.header), 1),
+                        n("small", null, a(o.field), 1)
+                      ]),
+                      e(z) === v ? (y(), ge(Y, {
+                        key: 0,
+                        name: "chevron-right",
+                        size: 14
+                      })) : P("", !0)
+                    ], 40, ut)
+                  ], 2))), 128)),
+                  e(r).length ? P("", !0) : (y(), k("p", mt, [
+                    ne(Y, {
+                      name: "search",
+                      size: 20
+                    }),
+                    R(a(e(t).noColumns), 1)
+                  ]))
+                ], 8, rt),
+                e(m).length ? (y(), k("div", ft, [
+                  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"))
+                    }, [
+                      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("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"))
+                    }, [
+                      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)
+                  ])
+                ])) : P("", !0),
+                e(E) ? (y(), k("fieldset", {
+                  key: 1,
+                  class: "mr-designer-properties",
+                  disabled: c.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: l[14] || (l[14] = (o) => e(s).setColumn(
+                        e(E).index,
+                        "header",
+                        F(o)
+                      ))
+                    }, null, 40, At)
+                  ]),
+                  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(
+                        e(E).index,
+                        "field",
+                        F(o)
+                      ))
+                    }, null, 40, Dt)
+                  ]),
+                  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: l[16] || (l[16] = (o) => e(s).setColumn(
+                        e(E).index,
+                        "widthMm",
+                        F(o)
+                      ))
+                    }, null, 40, jt)
+                  ]),
+                  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(
+                        e(E).index,
+                        "semanticRole",
+                        F(o)
+                      ))
+                    }, [
+                      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("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(
+                        e(E).index,
+                        "align",
+                        F(o)
+                      ))
+                    }, [
+                      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("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(
+                        e(E).index,
+                        "headerAlign",
+                        F(o)
+                      ))
+                    }, [
+                      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("label", Wt, [
+                    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(
+                        e(E).index,
+                        "editable",
+                        ae(o)
+                      ))
+                    }, null, 40, Qt)
+                  ])
+                ], 8, Tt)) : P("", !0)
+              ])) : (y(), k("p", Xt, a(e(t).noColumns), 1))
+            ], 64)) : e(O) === "template" ? (y(), k(K, { key: 1 }, [
+              n("h3", null, a(e(t).templateDetails), 1),
+              n("label", Yt, [
+                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(C).name,
+                  disabled: c.readonly || e(h) || e(T),
+                  onInput: l[21] || (l[21] = (o) => e(s).setName(F(o)))
+                }, null, 40, Zt)
               ]),
-              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", en, [
+                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)
               ]),
-              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", nn, [
+                n("dt", null, a(e(t).templateIdentity), 1),
+                n("dd", null, a(e(C).id), 1),
+                n("dt", null, a(e(t).templateRevision), 1),
+                n("dd", null, a(e(C).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", ln, a(e(t).note), 1)
+            ], 64)) : (y(), k(K, { key: 2 }, [
+              n("h3", null, a(e(t).advancedTitle), 1),
+              n("p", on, a(e(t).advancedDescription), 1),
+              n("label", an, [
+                R(a(e(t).json), 1),
+                de(n("textarea", {
+                  "onUpdate:modelValue": l[23] || (l[23] = (o) => ue(B) ? B.value = o : null),
+                  class: "mr-designer-json",
+                  "aria-label": e(t).json,
+                  disabled: c.readonly || e(h),
+                  spellcheck: "false"
+                }, null, 8, sn), [
+                  [fe, e(B)]
+                ])
               ]),
-              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: 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)
+            ], 64)),
+            e(T) ? (y(), k("p", dn, a(e(t).jsonPending), 1)) : P("", !0)
+          ], 8, Qe)
         ]),
-        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", {
+        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
-            }, l(o.path) + "：" + l(o.message), 1))), 128))
+            }, a(o.path) + "：" + a(o.message), 1))), 128))
           ])),
-          e(y) && e(j).ok ? (S(), ge(e(ye), {
+          e(x) && e(j).ok ? (y(), ge(e(xe), {
             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"])) : (y(), k("p", mn, a(e(t).invalid), 1))
+        ], 8, un)
       ])
-    ], 8, Te));
+    ], 8, Ve));
   }
-}), Wt = /* @__PURE__ */ Ce(Ft, [["__scopeId", "data-v-e2d0e1d5"]]);
+}), yn = /* @__PURE__ */ Ee(fn, [["__scopeId", "data-v-8bbff75e"]]);
 export {
-  Wt as ReportTemplateEditor,
-  Ae as TEMPLATE_EDITOR_MESSAGES
+  yn as ReportTemplateEditor,
+  $e as TEMPLATE_EDITOR_MESSAGES
 };