@agile-team/mach-report 0.7.0 → 0.8.0

package/dist/ReportPreview-D8X75aLV.js

@@ -0,0 +1,825 @@
+import { ref as k, computed as E, defineComponent as $e, openBlock as y, createElementBlock as P, createElementVNode as g, toDisplayString as w, Fragment as ve, createCommentVNode as B, normalizeClass as V, inject as ae, provide as Re, useCssVars as Ge, shallowRef as Je, watch as ee, watchEffect as Ee, onMounted as Xe, onUnmounted as Qe, normalizeStyle as K, createVNode as _e, unref as M, createTextVNode as et, renderList as Me, renderSlot as tt } from "vue";
+import { computePageWindow as ot, renderPage as Te, validateRenderPlan as nt, renderPlanToCanvas as rt } from "@agile-team/mach-report";
+import { a as he, b as at, c as st, n as lt, M as it, e as ut } from "./plugin-Bc6Px9Lq.js";
+function ct(e, a, o = {}) {
+  const t = o.pxPerMm ?? 3.7795275590551185, r = o.gapPx ?? 18, s = k(0), c = k(800), d = E(
+    () => (e.value?.pages ?? []).map((i) => i.pageHeightMm * t)
+  ), b = E(() => {
+    const i = e.value?.pages ?? [];
+    let f = 0, p = 0;
+    for (const x of i)
+      f += x.pageHeightMm * t + r, p = Math.max(p, x.pageWidthMm * t);
+    return { w: p, h: f };
+  }), T = E(
+    () => ot({
+      pageHeightsPx: d.value,
+      viewportHeightPx: c.value / a.value,
+      scrollTopPx: s.value / a.value,
+      overscan: 1,
+      gapPx: r
+    })
+  ), $ = E(() => {
+    const i = e.value;
+    if (!i) return [];
+    const { start: f, end: p } = T.value;
+    return p < f ? [] : i.pages.slice(f, p + 1).map((x, C) => ({ page: x, index: f + C }));
+  });
+  function m(i, f) {
+    let p = 0;
+    return (x) => {
+      p || (p = requestAnimationFrame(() => {
+        if (p = 0, s.value = x.scrollTop, c.value = x.clientHeight || 800, f.value <= 0) return;
+        const C = x.querySelectorAll(".mrp-page-holder");
+        if (!C.length) return;
+        const W = x.getBoundingClientRect().top + 56;
+        let F = 1;
+        C.forEach((G) => {
+          G.getBoundingClientRect().top <= W && (F = Number(G.dataset.page ?? 1));
+        }), i.value = Math.max(1, Math.min(f.value, F));
+      }));
+    };
+  }
+  return {
+    pageHeightsPx: d,
+    contentSize: b,
+    windowRange: T,
+    visiblePages: $,
+    scrollTop: s,
+    viewportHeight: c,
+    makeScrollHandler: m,
+    refreshViewport(i) {
+      i && (c.value = i.clientHeight || 800);
+    }
+  };
+}
+function dt(e) {
+  const a = k(1), o = k("fit");
+  function t() {
+    requestAnimationFrame(() => {
+      const s = e();
+      !s || !s.viewport || (a.value = Math.min(
+        1,
+        Math.max(0.3, (s.viewport.clientWidth - 48) / Math.max(1, s.pageWidthPx))
+      ));
+    });
+  }
+  function r(s) {
+    s === "fit" ? (o.value = "fit", t()) : (o.value = "raw", a.value = s / 100);
+  }
+  return { zoom: a, zoomMode: o, applyFitZoom: t, setZoom: r };
+}
+const se = 8;
+function le() {
+  return new Promise((e) => setTimeout(e, 0));
+}
+function te(e) {
+  return `p${Math.round(e.pageWidthMm)}x${Math.round(e.pageHeightMm)}`;
+}
+function ne(e) {
+  const a = /* @__PURE__ */ new Map();
+  e.pages.forEach((c) => {
+    a.has(te(c)) || a.set(te(c), c);
+  });
+  const r = `<!doctype html><html><head><meta charset="utf-8"><style>${`.mr-page{margin:0 auto;page-break-after:always;}
+.mr-page tr{break-inside:avoid;page-break-inside:avoid;}
+.mr-comp{break-inside:avoid;page-break-inside:avoid;}
+${[...a.values()].map(
+    (c) => `@page ${te(c)}{size:${Math.round(c.pageWidthMm)}mm ${Math.round(c.pageHeightMm)}mm;margin:0;}`
+  ).join(`
+`)}
+body{margin:0;background:#fff;}`}</style></head><body>`, s = e.pages.map((c) => {
+    const d = Te(c, 96, {}, document);
+    return d.style.page = te(c), d.outerHTML;
+  });
+  return { head: r, pageChunks: s };
+}
+async function Gt(e, a = {}) {
+  const o = {
+    pages: e.flatMap((c) => c.pages)
+  };
+  if (o.pages.length === 0) return;
+  const { head: t, pageChunks: r } = ne(o), s = document.createElement("iframe");
+  s.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden;", document.body.appendChild(s);
+  try {
+    const c = s.contentDocument;
+    c.open(), c.write(t);
+    for (let d = 0; d < r.length; d++)
+      c.write(r[d]), d % se === se - 1 && (a.onProgress?.(d + 1, r.length), await le());
+    c.write("</body></html>"), c.close(), await le(), a.onProgress?.(r.length, r.length), s.contentWindow?.focus(), s.contentWindow?.print();
+  } finally {
+    setTimeout(() => s.remove(), 6e4);
+  }
+}
+function ft(e, a) {
+  let o = null, t = !1, r = null;
+  function s() {
+    o?.remove(), o = null;
+  }
+  function c(m, i) {
+    const f = URL.createObjectURL(m), p = document.createElement("a");
+    p.href = f, p.download = i, p.click(), setTimeout(() => URL.revokeObjectURL(f), 1e4);
+  }
+  async function d() {
+    if (t) return;
+    const m = e.value;
+    if (!m || m.pages.length === 0) return;
+    t = !0, s();
+    const { head: i, pageChunks: f } = ne(m);
+    o = document.createElement("iframe"), o.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden;", document.body.appendChild(o);
+    const p = o;
+    try {
+      const x = p.contentDocument;
+      x.open(), x.write(i);
+      for (let C = 0; C < f.length; C++)
+        if (x.write(f[C]), C % se === se - 1 && await le(), p !== o) return;
+      x.write("</body></html>"), x.close(), await le(), p.contentWindow?.focus(), p.contentWindow?.print();
+    } catch {
+      a.onError("调用打印失败，请改用导出 PDF");
+    } finally {
+      t = !1;
+    }
+  }
+  async function b() {
+    if (r) return r;
+    const m = e.value;
+    if (!(!m || m.pages.length === 0))
+      return r = (async () => {
+        try {
+          const i = await a.getPdfExporter()(m);
+          c(
+            new Blob([i], { type: "application/pdf" }),
+            "mach-report.pdf"
+          );
+        } catch (i) {
+          a.onError(i instanceof Error ? `PDF 导出失败: ${i.message}` : "PDF 导出失败");
+        } finally {
+          r = null;
+        }
+      })(), r;
+  }
+  function T(m) {
+    const i = e.value;
+    if (!i || i.pages.length === 0) return;
+    if (m === "pdf") {
+      b();
+      return;
+    }
+    const { head: f, pageChunks: p } = ne(i), x = `${f}${p.join("")}</body></html>`;
+    c(new Blob([x], { type: "text/html;charset=utf-8" }), `mach-report.${m === "html" ? "html" : m}`);
+  }
+  function $() {
+    const m = e.value;
+    if (!m || m.pages.length === 0) return;
+    const { head: i, pageChunks: f } = ne(m), p = `${i}${f.join("")}</body></html>`, x = new Blob([p], { type: "text/html;charset=utf-8" }), C = URL.createObjectURL(x), W = window.open(C, "_blank");
+    if (!W) {
+      a.onError("浏览器拦截了弹窗，请允许弹窗后重试"), URL.revokeObjectURL(C);
+      return;
+    }
+    setTimeout(() => W.print(), 400), setTimeout(() => URL.revokeObjectURL(C), 1e4);
+  }
+  return {
+    print: d,
+    exportAs: T,
+    openPdfWindow: $,
+    releasePrintFrame: s
+  };
+}
+const Fe = "mrp-hit";
+function pt(e) {
+  e.querySelectorAll(`mark.${Fe}`).forEach((o) => {
+    const t = o.parentNode;
+    if (t) {
+      for (; o.firstChild; ) t.insertBefore(o.firstChild, o);
+      o.remove(), t.normalize();
+    }
+  });
+}
+function Ce(e, a) {
+  const o = a.trim();
+  if (!o) return 0;
+  const t = o.toLowerCase(), r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, {
+    acceptNode(d) {
+      const b = d.parentElement;
+      return !b || b.closest("mark") || /^(SCRIPT|STYLE)$/.test(b.tagName) ? NodeFilter.FILTER_REJECT : (d.nodeValue ?? "").toLowerCase().includes(t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+    }
+  }), s = [];
+  for (let d = r.nextNode(); d; d = r.nextNode()) s.push(d);
+  let c = 0;
+  for (const d of s) {
+    const b = d.nodeValue ?? "", T = b.toLowerCase(), $ = d.parentElement;
+    if (!$) continue;
+    const m = document.createDocumentFragment();
+    let i = 0, f = T.indexOf(t);
+    for (; f >= 0; ) {
+      f > i && m.appendChild(document.createTextNode(b.slice(i, f)));
+      const p = document.createElement("mark");
+      p.className = Fe, p.textContent = b.slice(f, f + o.length), m.appendChild(p), c++, i = f + o.length, f = T.indexOf(t, i);
+    }
+    i < b.length && m.appendChild(document.createTextNode(b.slice(i))), $.replaceChild(m, d);
+  }
+  return c;
+}
+const mt = { class: "mrp-toolbar" }, vt = { class: "mrp-title" }, ht = ["disabled"], gt = { class: "mrp-pageinfo" }, bt = ["disabled"], wt = {
+  key: 1,
+  class: "mrp-search"
+}, yt = ["placeholder", "value"], Pt = {
+  key: 0,
+  class: "mrp-search-count"
+}, xt = ["disabled"], Et = ["disabled"], Mt = /* @__PURE__ */ $e({
+  __name: "ReportToolbar",
+  props: {
+    pageCount: {},
+    currentPage: {},
+    zoomMode: {},
+    zoom: {},
+    showExport: { type: Boolean },
+    showPrint: { type: Boolean },
+    showPdfWindow: { type: Boolean },
+    messages: {},
+    search: {},
+    thumbsVisible: { type: Boolean }
+  },
+  emits: ["goto", "zoom", "export", "print", "pdf-window", "search-input", "search-nav", "search-toggle", "thumbs-toggle"],
+  setup(e) {
+    function a(o, t, r) {
+      return o.replace("{cur}", String(t)).replace("{total}", String(r));
+    }
+    return (o, t) => (y(), P("div", mt, [
+      g("span", vt, w(e.messages.title), 1),
+      e.pageCount > 0 ? (y(), P(ve, { key: 0 }, [
+        g("button", {
+          class: "mrp-nav",
+          type: "button",
+          disabled: e.currentPage <= 1,
+          onClick: t[0] || (t[0] = (r) => o.$emit("goto", e.currentPage - 1))
+        }, w(e.messages.prevPage), 9, ht),
+        g("span", gt, w(a(e.messages.pageInfo, e.currentPage, e.pageCount)), 1),
+        g("button", {
+          class: "mrp-nav",
+          type: "button",
+          disabled: e.currentPage >= e.pageCount,
+          onClick: t[1] || (t[1] = (r) => o.$emit("goto", e.currentPage + 1))
+        }, w(e.messages.nextPage), 9, bt)
+      ], 64)) : B("", !0),
+      t[14] || (t[14] = g("span", { class: "mrp-spacer" }, null, -1)),
+      e.search.visible ? (y(), P("div", wt, [
+        g("input", {
+          class: "mrp-search-input",
+          type: "text",
+          placeholder: e.messages.searchPlaceholder,
+          value: e.search.query,
+          onInput: t[2] || (t[2] = (r) => o.$emit("search-input", r.target.value))
+        }, null, 40, yt),
+        e.search.query ? (y(), P("span", Pt, w(a(e.messages.matchInfo, e.search.matchIndex + 1, e.search.matchCount)), 1)) : B("", !0),
+        g("button", {
+          class: "mrp-nav",
+          type: "button",
+          disabled: e.search.matchCount === 0,
+          onClick: t[3] || (t[3] = (r) => o.$emit("search-nav", -1))
+        }, w(e.messages.prevMatch), 9, xt),
+        g("button", {
+          class: "mrp-nav",
+          type: "button",
+          disabled: e.search.matchCount === 0,
+          onClick: t[4] || (t[4] = (r) => o.$emit("search-nav", 1))
+        }, w(e.messages.nextMatch), 9, Et)
+      ])) : B("", !0),
+      g("button", {
+        class: V(["mrp-nav", { "mrp-active": e.search.visible }]),
+        type: "button",
+        title: "Ctrl+F",
+        onClick: t[5] || (t[5] = (r) => o.$emit("search-toggle"))
+      }, " 🔍 ", 2),
+      g("button", {
+        class: V(["mrp-nav", { "mrp-active": e.thumbsVisible }]),
+        type: "button",
+        onClick: t[6] || (t[6] = (r) => o.$emit("thumbs-toggle"))
+      }, " ▦ " + w(e.messages.thumbnails), 3),
+      g("button", {
+        class: V(["mrp-nav", { "mrp-active": e.zoomMode === "fit" }]),
+        type: "button",
+        onClick: t[7] || (t[7] = (r) => o.$emit("zoom", "fit"))
+      }, w(e.messages.fitWidth), 3),
+      g("button", {
+        class: V(["mrp-nav", { "mrp-active": e.zoomMode === "raw" && Math.round(e.zoom * 100) === 100 }]),
+        type: "button",
+        onClick: t[8] || (t[8] = (r) => o.$emit("zoom", 100))
+      }, " 100% ", 2),
+      g("button", {
+        class: V(["mrp-nav", { "mrp-active": e.zoomMode === "raw" && Math.round(e.zoom * 100) === 150 }]),
+        type: "button",
+        onClick: t[9] || (t[9] = (r) => o.$emit("zoom", 150))
+      }, " 150% ", 2),
+      e.showExport ? (y(), P("button", {
+        key: 2,
+        class: "mrp-nav",
+        type: "button",
+        onClick: t[10] || (t[10] = (r) => o.$emit("export", "html"))
+      }, w(e.messages.exportHtml), 1)) : B("", !0),
+      e.showExport ? (y(), P("button", {
+        key: 3,
+        class: "mrp-nav",
+        type: "button",
+        onClick: t[11] || (t[11] = (r) => o.$emit("export", "pdf"))
+      }, w(e.messages.exportPdf), 1)) : B("", !0),
+      e.showPrint ? (y(), P("button", {
+        key: 4,
+        class: "mrp-nav",
+        type: "button",
+        onClick: t[12] || (t[12] = (r) => o.$emit("print"))
+      }, w(e.messages.print), 1)) : B("", !0),
+      e.showPdfWindow ? (y(), P("button", {
+        key: 5,
+        class: "mrp-nav",
+        type: "button",
+        onClick: t[13] || (t[13] = (r) => o.$emit("pdf-window"))
+      }, w(e.messages.pdfWindow), 1)) : B("", !0)
+    ]));
+  }
+}), Se = (e, a) => {
+  const o = e.__vccOpts || e;
+  for (const [t, r] of a)
+    o[t] = r;
+  return o;
+}, Ct = /* @__PURE__ */ Se(Mt, [["__scopeId", "data-v-ad937777"]]), kt = {
+  title: "报表预览",
+  prevPage: "‹ 上一页",
+  nextPage: "下一页 ›",
+  pageInfo: "{cur} / {total}",
+  fitWidth: "适宽",
+  exportHtml: "导出 HTML",
+  exportPdf: "导出 PDF",
+  print: "打印",
+  pdfWindow: "PDF 窗口",
+  loading: "报表渲染中…",
+  empty: "暂无预览数据",
+  errorPrefix: "",
+  retry: "重试",
+  searchPlaceholder: "搜索报表内容",
+  matchInfo: "{cur}/{total}",
+  prevMatch: "‹",
+  nextMatch: "›",
+  thumbnails: "缩略图"
+}, $t = {
+  shellBg: "#525659",
+  shellFg: "#e8e8e8",
+  toolbarBg: "#323639",
+  toolbarBorder: "#22252a",
+  toolbarFg: "#e8e8e8",
+  btnFg: "#cfcfcf",
+  btnBorder: "#4a4d52",
+  btnHoverBg: "#414549",
+  btnHoverFg: "#ffffff",
+  btnActiveBg: "#2d5fb8"
+};
+function Jt(e) {
+  return e;
+}
+function Xt(e) {
+  return e;
+}
+const Z = {
+  showExport: !0,
+  showPrint: !0,
+  showPdfWindow: !0,
+  gapPx: 18,
+  pdfFontUrl: "/simhei.ttf"
+};
+function Rt(e, a) {
+  const o = a ? e?.presets?.[a] : e?.defaultPreset ? e?.presets?.[e.defaultPreset] : void 0, t = { ...e?.defaults, ...o };
+  return {
+    showExport: t.showExport ?? Z.showExport,
+    showPrint: t.showPrint ?? Z.showPrint,
+    showPdfWindow: t.showPdfWindow ?? Z.showPdfWindow,
+    gapPx: t.gapPx ?? Z.gapPx,
+    pdfFontUrl: t.pdfFontUrl ?? Z.pdfFontUrl,
+    theme: { ...$t, ...t.theme },
+    messages: { ...kt, ...t.messages }
+  };
+}
+function Tt(e) {
+  const a = {};
+  return e.shellBg != null && (a["--mrp-shell-bg"] = e.shellBg), e.shellFg != null && (a["--mrp-shell-fg"] = e.shellFg), e.toolbarBg != null && (a["--mrp-toolbar-bg"] = e.toolbarBg), e.toolbarBorder != null && (a["--mrp-toolbar-border"] = e.toolbarBorder), e.toolbarFg != null && (a["--mrp-toolbar-fg"] = e.toolbarFg), e.btnFg != null && (a["--mrp-btn-fg"] = e.btnFg), e.btnBorder != null && (a["--mrp-btn-border"] = e.btnBorder), e.btnHoverBg != null && (a["--mrp-btn-hover-bg"] = e.btnHoverBg), e.btnHoverFg != null && (a["--mrp-btn-hover-fg"] = e.btnHoverFg), e.btnActiveBg != null && (a["--mrp-btn-active-bg"] = e.btnActiveBg), a;
+}
+function Qt(e) {
+  const a = ae(he, null), o = E(() => {
+    const t = a?.value ?? null, r = "defaults" in e && "presets" in e ? e : { defaults: e, presets: {} };
+    return t ? {
+      defaults: { ...t.defaults, ...r.defaults },
+      presets: { ...t.presets, ...r.presets },
+      defaultPreset: r.defaultPreset ?? t.defaultPreset
+    } : r;
+  });
+  Re(he, o);
+}
+function Ft() {
+  return ae(he, E(() => null));
+}
+class re extends Error {
+  constructor(a, o, t) {
+    super(o), this.name = "MachReportError", this.code = a, this.cause = t;
+  }
+}
+function St(e) {
+  return e instanceof re ? { code: e.code, cause: e.cause } : { code: "render", cause: e };
+}
+const Bt = { class: "mrp-main" }, zt = {
+  key: 0,
+  class: "mrp-state"
+}, Lt = {
+  key: 1,
+  class: "mrp-state mrp-error"
+}, Wt = {
+  key: 2,
+  class: "mrp-state"
+}, It = ["data-page"], Ht = ["onClick"], Ot = ["data-thumb"], Nt = { class: "mrp-thumb-no" }, At = { class: "mrp-overlay" }, Dt = {
+  key: 0,
+  class: "mrp-debug",
+  "aria-hidden": "true"
+}, oe = 96 / 25.4, ke = "mach-report:ui", Ut = 116, jt = /* @__PURE__ */ $e({
+  __name: "ReportPreview",
+  props: {
+    tempId: {
+      type: [String, Array],
+      default: null
+    },
+    furnitureTempId: { type: String, default: "" },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    height: { type: String, default: "100vh" },
+    autoLoad: { type: Boolean, default: !0 },
+    /** 以下显隐/间距不传时走配置中心（preset > defaults > 内置缺省） */
+    showExport: { type: Boolean, default: void 0 },
+    showPrint: { type: Boolean, default: void 0 },
+    showPdfWindow: { type: Boolean, default: void 0 },
+    /** 页间距（px）；不传走配置中心 */
+    gapPx: { type: Number, default: void 0 },
+    /** 工具栏/状态文案覆写（不传走配置中心 messages） */
+    messages: { type: Object, default: void 0 },
+    /** 启用的 preset 名（不传用配置中心 defaultPreset） */
+    preset: { type: String, default: void 0 },
+    /** 调试面板（也可用 URL ?mrp-debug=1 开启） */
+    debug: { type: Boolean, default: !1 },
+    fetcher: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: ["loaded", "error"],
+  setup(e, { expose: a, emit: o }) {
+    Ge((n) => ({
+      v30a2b5ba: f.value + "px"
+    }));
+    const t = e, r = o, s = Je(null), c = k(!1), d = k(""), b = k(1), T = k(null), $ = k(null), m = k(null), i = k(0), f = E(() => Math.max(0, ge.value)), p = ae(at, null), C = ae(st, null) ?? ut({ fontUrl: "/simhei.ttf" }), W = E(() => lt(t.tempId)), F = E(() => s.value?.pages.length ?? 0), G = Ft(), I = E(() => Rt(G.value, t.preset)), J = E(() => ({
+      ...I.value.messages,
+      ...t.messages
+    })), Be = E(() => t.showExport ?? I.value.showExport), ze = E(() => t.showPrint ?? I.value.showPrint), Le = E(() => t.showPdfWindow ?? I.value.showPdfWindow), ge = E(() => t.gapPx ?? I.value.gapPx), We = E(() => ({
+      height: t.height,
+      ...Tt(I.value.theme)
+    })), { zoom: R, zoomMode: H, applyFitZoom: be, setZoom: ie } = dt(() => ({
+      viewport: $.value,
+      pageWidthPx: (s.value?.pages[0]?.pageWidthMm ?? 210) * oe
+    })), Ie = ct(s, R, {
+      pxPerMm: oe,
+      gapPx: ge.value
+    }), { contentSize: ue, windowRange: O, visiblePages: He, makeScrollHandler: Oe, refreshViewport: we } = Ie, Ne = Oe(b, F);
+    function ce(n) {
+      H.value = "raw", R.value = Math.min(3, Math.max(0.3, n));
+    }
+    function de() {
+      s.value = null, b.value = 1, A.value = "", D.value = 0;
+    }
+    let X = 0;
+    async function N() {
+      const n = ++X, l = t.fetcher ?? p;
+      if (W.value.length === 0) {
+        d.value = "缺少报表模板 ID", de(), r("error", d.value, { code: "param" });
+        return;
+      }
+      if (!l) {
+        d.value = "未提供渲染数据源 fetcher", de(), r("error", d.value, { code: "config" });
+        return;
+      }
+      c.value = !0, d.value = "", de();
+      const u = typeof performance < "u" ? performance.now() : 0;
+      try {
+        const h = await l({
+          tempIds: W.value,
+          furnitureTempId: t.furnitureTempId || void 0,
+          params: { ...t.params }
+        });
+        if (n !== X) return;
+        const v = nt(h);
+        if (!v.ok) {
+          const L = v.errors.slice(0, 3).map((S) => `${S.path}: ${S.message}`).join("; ");
+          throw new re(
+            "validate",
+            `渲染计划校验失败(${v.errors.length} 处): ${L}`
+          );
+        }
+        v.warnings.length > 0 && console.warn("[mach-report] 渲染计划告警:", v.warnings), s.value = h, b.value = 1, i.value = u ? Math.round(performance.now() - u) : 0, $.value && ($.value.scrollTop = 0), H.value === "fit" && be(), r("loaded", h.pages.length);
+      } catch (h) {
+        if (n !== X) return;
+        const v = h instanceof re ? h : new re(
+          "fetch",
+          h instanceof Error ? h.message : "预览加载失败",
+          h
+        );
+        d.value = v.message, r("error", v.message, St(v));
+      } finally {
+        n === X && (c.value = !1);
+      }
+    }
+    function z(n) {
+      if (F.value <= 0) return;
+      const l = Math.max(1, Math.min(F.value, n));
+      b.value = l;
+      const u = $.value;
+      if (!u) return;
+      let h = 0;
+      for (let v = 0; v < l - 1; v++)
+        h += (s.value?.pages[v]?.pageHeightMm ?? 0) * oe + f.value;
+      u.scrollTop = h * R.value;
+    }
+    const { print: fe, exportAs: pe, openPdfWindow: me, releasePrintFrame: Ae } = ft(s, {
+      getPdfExporter: () => C,
+      onError: (n) => r("error", n, { code: "print" })
+    });
+    Re(it, { reload: N, print: fe, exportAs: pe, openPdfWindow: me, gotoPage: z });
+    function De(n) {
+      n.ctrlKey && (n.preventDefault(), ce(R.value * (n.deltaY < 0 ? 1.1 : 1 / 1.1)));
+    }
+    function Ue(n) {
+      if ((n.ctrlKey || n.metaKey) && n.key.toLowerCase() === "f") {
+        n.preventDefault(), Q.value = !0;
+        return;
+      }
+      switch (n.key) {
+        case "PageDown":
+          n.preventDefault(), z(b.value + 1);
+          break;
+        case "PageUp":
+          n.preventDefault(), z(b.value - 1);
+          break;
+        case "Home":
+          n.preventDefault(), z(1);
+          break;
+        case "End":
+          n.preventDefault(), z(F.value);
+          break;
+        case "+":
+        case "=":
+          n.preventDefault(), ce(R.value * 1.1);
+          break;
+        case "-":
+          n.preventDefault(), ce(R.value / 1.1);
+          break;
+      }
+    }
+    function je() {
+      try {
+        localStorage.setItem(
+          ke,
+          JSON.stringify({ zoomMode: H.value === "fit" ? "fit" : Math.round(R.value * 100) })
+        );
+      } catch {
+      }
+    }
+    ee([H, R], je);
+    const Q = k(!1), A = k(""), D = k(0);
+    function ye(n, l) {
+      let u = 0, h = n.toLowerCase().indexOf(l);
+      for (; h >= 0; )
+        u++, h = n.toLowerCase().indexOf(l, h + l.length);
+      return u;
+    }
+    const _ = E(() => {
+      const n = A.value.trim().toLowerCase(), l = s.value;
+      if (!n || !l) return [];
+      const u = [];
+      return l.pages.forEach((h, v) => {
+        for (const L of h.components)
+          if (L.grid) {
+            for (const S of L.grid.cells ?? [])
+              for (const Y of S ?? [])
+                if (typeof Y?.text == "string")
+                  for (let xe = 0; xe < ye(Y.text, n); xe++) u.push(v);
+          } else if (L.kind === "text" && typeof L.text == "string")
+            for (let S = 0; S < ye(L.text, n); S++) u.push(v);
+      }), u;
+    });
+    function Ke(n) {
+      A.value = n, D.value = 0;
+      const l = _.value[0];
+      l != null && l + 1 !== b.value && z(l + 1);
+    }
+    function Ve(n) {
+      const l = _.value.length;
+      l !== 0 && (D.value = (D.value + n + l) % l, z(_.value[D.value] + 1));
+    }
+    Ee(() => {
+      const n = s.value;
+      if (!n) return;
+      const l = T.value;
+      if (!l) return;
+      const u = A.value.trim();
+      l.querySelectorAll(".mrp-page-holder").forEach((v) => {
+        const L = Number(v.dataset.page ?? 0) - 1, S = n.pages[L];
+        if (!S || v.childElementCount > 0) {
+          u && v.firstElementChild && Ce(v.firstElementChild, u);
+          return;
+        }
+        v.style.width = `${S.pageWidthMm * oe}px`;
+        const Y = Te(S, 96, {}, document);
+        u && Ce(Y, u), v.appendChild(Y);
+      });
+    }, { flush: "post" }), ee(A, (n) => {
+      n || T.value?.querySelectorAll(".mrp-page-holder").forEach((l) => {
+        pt(l);
+      });
+    });
+    const q = k(!1);
+    let U = null;
+    function qe(n, l) {
+      const u = s.value;
+      if (!(!u || n.childElementCount > 0))
+        try {
+          const { canvases: h } = rt(u, { start: l, end: l, dpr: 0.2 }), v = h[0];
+          v.style.width = "100%", v.style.height = "100%", v.style.display = "block", n.appendChild(v);
+        } catch {
+        }
+    }
+    Ee(() => {
+      !q.value || !s.value || !m.value || typeof IntersectionObserver > "u" || (U?.disconnect(), U = new IntersectionObserver((n) => {
+        for (const l of n) {
+          if (!l.isIntersecting) continue;
+          const u = l.target;
+          qe(u, Number(u.dataset.thumb ?? 1) - 1), U?.unobserve(u);
+        }
+      }, { root: m.value, rootMargin: "200px" }), m.value.querySelectorAll("[data-thumb]").forEach((n) => {
+        U.observe(n);
+      }));
+    }, { flush: "post" });
+    const Ye = E(
+      () => t.debug || typeof location < "u" && new URLSearchParams(location.search).get("mrp-debug") === "1"
+    ), j = E(() => !Ye.value || !s.value ? null : {
+      pages: F.value,
+      window: `${O.value.start}-${O.value.end}`,
+      zoom: `${Math.round(R.value * 100)}%`,
+      loadMs: `${i.value}ms`,
+      planKB: Math.round(JSON.stringify(s.value).length / 1024)
+    });
+    function Pe() {
+      we($.value), H.value === "fit" && be();
+    }
+    function Ze() {
+      try {
+        const n = JSON.parse(localStorage.getItem(ke) ?? "{}");
+        n.zoomMode === "fit" ? ie("fit") : typeof n.zoomMode == "number" && ie(n.zoomMode);
+      } catch {
+      }
+    }
+    return Xe(() => {
+      window.addEventListener("resize", Pe), we($.value), Ze(), t.autoLoad && N();
+    }), Qe(() => {
+      window.removeEventListener("resize", Pe), U?.disconnect(), U = null, Ae();
+    }), ee(
+      () => [t.tempId, t.furnitureTempId, JSON.stringify(t.params)],
+      () => {
+        t.autoLoad && N();
+      }
+    ), ee(
+      () => t.fetcher ?? p,
+      () => {
+        t.autoLoad && N();
+      }
+    ), a({ reload: N, print: fe, exportAs: pe, openPdfWindow: me, gotoPage: z }), (n, l) => (y(), P("div", {
+      class: "mach-report-preview",
+      style: K(We.value)
+    }, [
+      _e(Ct, {
+        "page-count": F.value,
+        "current-page": b.value,
+        "zoom-mode": M(H),
+        zoom: M(R),
+        "show-export": Be.value,
+        "show-print": ze.value,
+        "show-pdf-window": Le.value,
+        messages: J.value,
+        search: { visible: Q.value, query: A.value, matchIndex: D.value, matchCount: _.value.length },
+        "thumbs-visible": q.value,
+        onGoto: z,
+        onZoom: M(ie),
+        onExport: l[0] || (l[0] = (u) => M(pe)(u)),
+        onPrint: M(fe),
+        onPdfWindow: M(me),
+        onSearchInput: Ke,
+        onSearchNav: Ve,
+        onSearchToggle: l[1] || (l[1] = (u) => Q.value = !Q.value),
+        onThumbsToggle: l[2] || (l[2] = (u) => q.value = !q.value)
+      }, null, 8, ["page-count", "current-page", "zoom-mode", "zoom", "show-export", "show-print", "show-pdf-window", "messages", "search", "thumbs-visible", "onZoom", "onPrint", "onPdfWindow"]),
+      g("div", Bt, [
+        g("div", {
+          ref_key: "viewportRef",
+          ref: $,
+          class: "mrp-body",
+          tabindex: "0",
+          onWheel: De,
+          onKeydown: Ue,
+          onScrollPassive: l[3] || (l[3] = (u) => M(Ne)(u.target))
+        }, [
+          c.value ? (y(), P("div", zt, w(J.value.loading), 1)) : d.value ? (y(), P("div", Lt, [
+            et(w(d.value) + " ", 1),
+            g("button", {
+              class: "mrp-retry",
+              type: "button",
+              onClick: N
+            }, w(J.value.retry), 1)
+          ])) : !s.value || F.value === 0 ? (y(), P("div", Wt, w(J.value.empty), 1)) : (y(), P("div", {
+            key: 3,
+            class: "mrp-scale",
+            style: K({ width: `${M(ue).w * M(R)}px`, height: `${M(ue).h * M(R)}px` })
+          }, [
+            g("div", {
+              ref_key: "containerRef",
+              ref: T,
+              class: "mrp-scale-inner",
+              style: K({ transform: `scale(${M(R)})`, transformOrigin: "top left", width: `${M(ue).w}px` })
+            }, [
+              M(O).padTopPx > 0 ? (y(), P("div", {
+                key: 0,
+                class: "mrp-spacer-top",
+                style: K({ height: `${M(O).padTopPx}px` }),
+                "aria-hidden": "true"
+              }, null, 4)) : B("", !0),
+              (y(!0), P(ve, null, Me(M(He), (u) => (y(), P("div", {
+                key: u.index,
+                class: "mrp-page-holder",
+                "data-page": u.index + 1
+              }, null, 8, It))), 128)),
+              M(O).padBottomPx > 0 ? (y(), P("div", {
+                key: 1,
+                class: "mrp-spacer-bottom",
+                style: K({ height: `${M(O).padBottomPx}px` }),
+                "aria-hidden": "true"
+              }, null, 4)) : B("", !0)
+            ], 4)
+          ], 4))
+        ], 544),
+        q.value && F.value > 0 ? (y(), P("aside", {
+          key: 0,
+          ref_key: "thumbsRef",
+          ref: m,
+          class: "mrp-thumbs"
+        }, [
+          (y(!0), P(ve, null, Me(s.value?.pages ?? [], (u, h) => (y(), P("div", {
+            key: h,
+            class: V(["mrp-thumb", { "mrp-thumb-active": h + 1 === b.value }]),
+            onClick: (v) => z(h + 1)
+          }, [
+            g("div", {
+              class: "mrp-thumb-box",
+              "data-thumb": h + 1,
+              style: K({ height: `${Math.round(u.pageHeightMm / u.pageWidthMm * Ut)}px` })
+            }, null, 12, Ot),
+            g("span", Nt, w(h + 1), 1)
+          ], 10, Ht))), 128))
+        ], 512)) : B("", !0)
+      ]),
+      g("div", At, [
+        tt(n.$slots, "default", {}, void 0, !0)
+      ]),
+      j.value ? (y(), P("div", Dt, [
+        l[4] || (l[4] = g("div", null, "mach-report debug", -1)),
+        g("div", null, "pages: " + w(j.value.pages) + " | window: [" + w(j.value.window) + "]", 1),
+        g("div", null, "zoom: " + w(j.value.zoom) + " | load: " + w(j.value.loadMs), 1),
+        g("div", null, "plan: " + w(j.value.planKB) + "KB", 1)
+      ])) : B("", !0)
+    ], 4));
+  }
+}), Kt = /* @__PURE__ */ Se(jt, [["__scopeId", "data-v-ee759bc4"]]), _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Kt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  kt as D,
+  re as M,
+  Kt as R,
+  $t as a,
+  Ct as b,
+  ne as c,
+  Jt as d,
+  Xt as e,
+  Qt as f,
+  St as g,
+  ct as h,
+  ft as i,
+  dt as j,
+  _t as k,
+  Gt as p,
+  Rt as r,
+  Tt as t,
+  Ft as u
+};