kordoc 3.13.0 → 3.16.0

package/dist/{chunk-33CIKNL4.js → chunk-5RHRQ7HK.js}

@@ -1,62 +1,19 @@
 #!/usr/bin/env node
+import {
+  DEFAULT_CHAR,
+  DEFAULT_PARA_GEOM,
+  MAX_DECOMPRESS_SIZE,
+  createXmlParser,
+  findChildByLocalName,
+  parseRenderStyles
+} from "./chunk-JFNWJFKP.js";
 import {
   KordocError
-} from "./chunk-Q6UXVJXI.js";
+} from "./chunk-IC56KHBL.js";
 
 // src/render/svg-render.ts
 import JSZip from "jszip";
 
-// src/hwpx/parser-shared.ts
-import { DOMParser } from "@xmldom/xmldom";
-var MAX_DECOMPRESS_SIZE = 100 * 1024 * 1024;
-var MAX_ZIP_ENTRIES = 500;
-function clampSpan(val, max) {
-  return Math.max(1, Math.min(val, max));
-}
-var MAX_XML_DEPTH = 200;
-function createSectionShared() {
-  return { numState: /* @__PURE__ */ new Map(), pageText: { headers: [], footers: [] }, track: { deleteDepth: 0, warned: false } };
-}
-function createXmlParser(warnings) {
-  return new DOMParser({
-    onError(level, msg) {
-      if (level === "fatalError") throw new KordocError(`XML \uD30C\uC2F1 \uC2E4\uD328: ${msg}`);
-      warnings?.push({ code: "MALFORMED_XML", message: `XML ${level === "warn" ? "\uACBD\uACE0" : "\uC624\uB958"}: ${msg}` });
-    }
-  });
-}
-function applyPageText(blocks, shared) {
-  const { headers, footers } = shared.pageText;
-  if (headers.length > 0) {
-    blocks.unshift(...headers.map((t) => ({ type: "paragraph", text: t, pageNumber: 1 })));
-  }
-  if (footers.length > 0) {
-    blocks.push(...footers.map((t) => ({ type: "paragraph", text: t })));
-  }
-}
-function findChildByLocalName(parent, name) {
-  const children = parent.childNodes;
-  if (!children) return null;
-  for (let i = 0; i < children.length; i++) {
-    const ch = children[i];
-    if (ch.nodeType !== 1) continue;
-    const tag = (ch.tagName || ch.localName || "").replace(/^[^:]+:/, "");
-    if (tag === name) return ch;
-  }
-  return null;
-}
-function extractTextFromNode(node) {
-  let result = "";
-  const children = node.childNodes;
-  if (!children) return result;
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i];
-    if (child.nodeType === 3) result += child.textContent || "";
-    else if (child.nodeType === 1) result += extractTextFromNode(child);
-  }
-  return result.trim();
-}
-
 // src/render/layout.ts
 function toInt32(v, fallback = 0) {
   if (v == null || v === "") return fallback;
@@ -370,80 +327,162 @@ function fitRatioForFewerLines(text, firstWidth, contWidth, height, baseRatio, m
   return null;
 }
 
-// src/render/head-styles.ts
-var DEFAULT_CHAR = { height: 1e3, bold: false, italic: false, underline: false, ratio: 100, spacing: 0 };
-function borderWidthPt(v) {
-  const n = parseFloat(v ?? "");
-  if (!Number.isFinite(n)) return 0.34;
-  return n * 2.834645;
-}
-function parseEdge(el) {
-  if (!el) return void 0;
-  const type = el.getAttribute("type") ?? "NONE";
-  if (type === "NONE") return void 0;
-  return { type, widthPt: borderWidthPt(el.getAttribute("width")), color: el.getAttribute("color") ?? "#000000" };
-}
-function parseRenderStyles(headXml) {
-  const styles = { charPr: /* @__PURE__ */ new Map(), paraAlign: /* @__PURE__ */ new Map(), borderFill: /* @__PURE__ */ new Map() };
-  const doc = createXmlParser().parseFromString(headXml, "text/xml");
-  const root = doc.documentElement;
-  if (!root) return styles;
-  const walk = (el) => {
-    const tag = (el.tagName || "").replace(/^[^:]+:/, "");
-    if (tag === "charPr") {
-      const id = el.getAttribute("id");
-      if (id != null) {
-        const ratioEl = findChildByLocalName(el, "ratio");
-        const spacingEl = findChildByLocalName(el, "spacing");
-        const underlineEl = findChildByLocalName(el, "underline");
-        const textColor = el.getAttribute("textColor");
-        styles.charPr.set(id, {
-          height: Number(el.getAttribute("height")) || 1e3,
-          bold: findChildByLocalName(el, "bold") != null,
-          italic: findChildByLocalName(el, "italic") != null,
-          underline: underlineEl != null && (underlineEl.getAttribute("type") ?? "NONE") !== "NONE",
-          color: textColor && textColor !== "#000000" && textColor.toLowerCase() !== "none" ? textColor : void 0,
-          ratio: Number(ratioEl?.getAttribute("hangul")) || 100,
-          spacing: Number(spacingEl?.getAttribute("hangul")) || 0
-        });
-      }
-    } else if (tag === "paraPr") {
-      const id = el.getAttribute("id");
-      if (id != null) {
-        const align = findChildByLocalName(el, "align");
-        styles.paraAlign.set(id, align?.getAttribute("horizontal") || "JUSTIFY");
+// src/render/reflow.ts
+var LINESEG_FLAGS = "393216";
+var BASELINE_RATIO = 0.85;
+function ln(el) {
+  return (el.tagName || "").replace(/^[^:]+:/, "");
+}
+function elements(el) {
+  const out = [];
+  const kids = el.childNodes;
+  if (!kids) return out;
+  for (let i = 0; i < kids.length; i++) if (kids[i].nodeType === 1) out.push(kids[i]);
+  return out;
+}
+function num(el, attr, fallback = 0) {
+  return el ? toInt32(el.getAttribute(attr) ?? void 0, fallback) : fallback;
+}
+function shiftParaVert(p, delta) {
+  for (const lsa of elements(p)) {
+    if (ln(lsa) !== "linesegarray") continue;
+    for (const seg of elements(lsa)) {
+      if (ln(seg) !== "lineseg") continue;
+      seg.setAttribute("vertpos", String(num(seg, "vertpos") + delta));
+    }
+  }
+}
+function pitchFor(height, geom) {
+  const v = geom.lineSpacingValue;
+  switch (geom.lineSpacingType) {
+    case "PERCENT":
+      return Math.round(height * v / 100);
+    case "FIXED":
+      return v > 0 ? v : Math.round(height * 1.6);
+    // 고정 줄높이(HWPUNIT)
+    case "AT_LEAST":
+      return Math.max(v, height);
+    default:
+      return Math.round(height * 1.6);
+  }
+}
+function reflowPara(p, doc, styles, areaW, startV, mode) {
+  const m = buildPara(p);
+  if (m.segs.length > 0) return null;
+  const realIdx = [];
+  let text = "";
+  for (let i = 0; i < m.chars.length; i++) {
+    const ch = m.chars[i].ch;
+    if (ch === "") continue;
+    for (let u = 0; u < ch.length; u++) realIdx.push(i);
+    text += ch;
+  }
+  const geom = styles.paraGeom.get(m.paraPrId ?? "") ?? DEFAULT_PARA_GEOM;
+  let domChar = DEFAULT_CHAR;
+  for (const c of m.chars) {
+    if (c.ch !== "" && c.prId != null) {
+      const st = styles.charPr.get(c.prId);
+      if (st) {
+        domChar = st;
+        break;
       }
-    } else if (tag === "borderFill") {
-      const id = el.getAttribute("id");
-      if (id != null) {
-        const bf = {
-          left: parseEdge(findChildByLocalName(el, "leftBorder")),
-          right: parseEdge(findChildByLocalName(el, "rightBorder")),
-          top: parseEdge(findChildByLocalName(el, "topBorder")),
-          bottom: parseEdge(findChildByLocalName(el, "bottomBorder"))
-        };
-        const fillBrush = findChildByLocalName(el, "fillBrush");
-        const winBrush = fillBrush ? findChildByLocalName(fillBrush, "winBrush") : null;
-        const face = winBrush?.getAttribute("faceColor");
-        if (face && face.toLowerCase() !== "none") bf.fill = face;
-        styles.borderFill.set(id, bf);
+    }
+  }
+  const height = domChar.height || 1e3;
+  const ratio = domChar.ratio || 100;
+  const spacingPct = domChar.spacing || 0;
+  const marginL = geom.marginLeft;
+  const avail = Math.max(1e3, areaW - marginL - geom.marginRight);
+  const firstWidth = avail;
+  const contWidth = Math.max(500, avail + Math.min(0, geom.marginIntent));
+  const contHorz = marginL - Math.min(0, geom.marginIntent);
+  const wrap = text.length === 0 ? { lines: 1, starts: [0], lastLineWidth: 0 } : simulateWrap(text, firstWidth, contWidth, height, ratio, mode, { spacingPct });
+  const pitch = pitchFor(height, geom);
+  const baseline = Math.round(height * BASELINE_RATIO);
+  const spacing = Math.max(0, pitch - height);
+  const lsa = doc.createElement("hp:linesegarray");
+  for (let li = 0; li < wrap.starts.length; li++) {
+    const startReal = wrap.starts[li];
+    const textpos = startReal < realIdx.length ? realIdx[startReal] : m.chars.length;
+    const vertpos = startV + li * pitch;
+    const isFirst = li === 0;
+    const seg = doc.createElement("hp:lineseg");
+    seg.setAttribute("textpos", String(textpos));
+    seg.setAttribute("vertpos", String(vertpos));
+    seg.setAttribute("vertsize", String(height));
+    seg.setAttribute("textheight", String(height));
+    seg.setAttribute("baseline", String(baseline));
+    seg.setAttribute("spacing", String(spacing));
+    seg.setAttribute("horzpos", String(isFirst ? marginL : contHorz));
+    seg.setAttribute("horzsize", String(isFirst ? firstWidth : contWidth));
+    seg.setAttribute("flags", LINESEG_FLAGS);
+    lsa.appendChild(seg);
+  }
+  p.appendChild(lsa);
+  const textBottom = startV + wrap.starts.length * pitch;
+  let objBottom = startV;
+  for (const o of m.objs) {
+    const h = o.tag === "tbl" ? Math.max(o.height, measureTableHeight(o.el)) : o.height;
+    objBottom = Math.max(objBottom, startV + h);
+  }
+  return { paraBottom: Math.max(textBottom, objBottom), spaceAfter: geom.spaceAfter };
+}
+function reflowTablesIn(p, doc, styles, mode, counter) {
+  for (const run of elements(p)) {
+    if (ln(run) !== "run") continue;
+    for (const obj of elements(run)) {
+      if (ln(obj) !== "tbl") continue;
+      for (const tr of elements(obj)) {
+        if (ln(tr) !== "tr") continue;
+        for (const tc of elements(tr)) {
+          if (ln(tc) !== "tc") continue;
+          const csz = findChildByLocalName(tc, "cellSz");
+          const cm = findChildByLocalName(tc, "cellMargin");
+          const cellW = num(csz, "width");
+          const mL = cm ? num(cm, "left", 141) : 141;
+          const mR = cm ? num(cm, "right", 141) : 141;
+          const areaW = Math.max(500, cellW - mL - mR);
+          const sub = findChildByLocalName(tc, "subList");
+          if (sub) reflowBlockFlow(sub, doc, styles, areaW, mode, counter, 0);
+        }
       }
     }
-    const children = el.childNodes;
-    for (let i = 0; i < children.length; i++) {
-      const ch = children[i];
-      if (ch.nodeType === 1) walk(ch);
+  }
+}
+function reflowBlockFlow(container, doc, styles, areaW, mode, counter, bodyH) {
+  let cursorV = 0;
+  let prevSpaceAfter = 0;
+  for (const p of elements(container)) {
+    if (ln(p) !== "p") continue;
+    reflowTablesIn(p, doc, styles, mode, counter);
+    const g = styles.paraGeom.get(p.getAttribute("paraPrIDRef") ?? "");
+    const startV = cursorV + prevSpaceAfter + (g?.spaceBefore ?? 0);
+    const res = reflowPara(p, doc, styles, areaW, startV, mode);
+    if (res) {
+      const paraH = res.paraBottom - startV;
+      if (bodyH > 0 && startV > 0 && res.paraBottom > bodyH && paraH <= bodyH) {
+        shiftParaVert(p, -startV);
+        cursorV = paraH;
+      } else {
+        cursorV = res.paraBottom;
+      }
+      prevSpaceAfter = res.spaceAfter;
+      counter.n++;
     }
-  };
-  walk(root);
-  return styles;
+  }
+}
+function reflowSection(root, styles, geom, mode = "keep") {
+  const doc = root.ownerDocument;
+  const counter = { n: 0 };
+  reflowBlockFlow(root, doc, styles, geom.BODY_W, mode, counter, geom.BODY_H);
+  return counter.n;
 }
 
 // src/render/svg-render.ts
-function ln(el) {
+function ln2(el) {
   return (el.tagName || "").replace(/^[^:]+:/, "");
 }
-function elements(el) {
+function elements2(el) {
   const out = [];
   const children = el.childNodes;
   if (!children) return out;
@@ -452,13 +491,13 @@ function elements(el) {
   }
   return out;
 }
-function num(el, attr, fallback = 0) {
+function num2(el, attr, fallback = 0) {
   return el ? toInt32(el.getAttribute(attr) ?? void 0, fallback) : fallback;
 }
 function findFirst(el, name, depth = 0) {
   if (depth > 64) return null;
-  for (const ch of elements(el)) {
-    if (ln(ch) === name) return ch;
+  for (const ch of elements2(el)) {
+    if (ln2(ch) === name) return ch;
     const found = findFirst(ch, name, depth + 1);
     if (found) return found;
   }
@@ -469,59 +508,80 @@ function escapeXml(s) {
 }
 var OBJ_TAGS = /* @__PURE__ */ new Set(["tbl", "pic", "container", "equation", "rect", "ellipse", "polygon", "curv", "line", "arc", "ole", "textart"]);
 var pt = (u) => String(Math.round(u) / 100);
+function emit(ctx, s) {
+  ctx.pages[ctx.page].push(s);
+}
 function warnOnce(ctx, key, msg) {
   if (ctx.warned.has(key)) return;
   ctx.warned.add(key);
   ctx.warnings.push(msg);
 }
-function textOfT(t) {
-  let s = "";
-  const walk = (n, d) => {
-    if (d > 32) return;
-    const kids = n.childNodes;
-    if (!kids) return;
-    for (let i = 0; i < kids.length; i++) {
-      const c = kids[i];
-      if (c.nodeType === 3) s += c.textContent ?? "";
-      else if (c.nodeType === 1) walk(c, d + 1);
+var CHAR_CTRL_1SLOT = /* @__PURE__ */ new Set(["lineBreak", "hyphen", "nbSpace", "fwSpace"]);
+function pushFillers(chars, n, prId) {
+  for (let i = 0; i < n; i++) chars.push({ ch: "", prId });
+}
+function pushTextSlots(t, chars, prId, depth) {
+  if (depth > 32) return;
+  const kids = t.childNodes;
+  if (!kids) return;
+  for (let i = 0; i < kids.length; i++) {
+    const c = kids[i];
+    if (c.nodeType === 3) {
+      for (const cp of c.textContent ?? "") {
+        chars.push({ ch: cp, prId });
+        if (cp.length === 2) chars.push({ ch: "", prId });
+      }
+    } else if (c.nodeType === 1) {
+      const el = c;
+      const tag = ln2(el);
+      if (tag === "tab") {
+        pushFillers(chars, 8, prId);
+      } else if (CHAR_CTRL_1SLOT.has(tag)) {
+        chars.push({ ch: tag === "nbSpace" || tag === "fwSpace" ? " " : "", prId });
+      } else {
+        pushTextSlots(el, chars, prId, depth + 1);
+      }
     }
-  };
-  walk(t, 0);
-  return s;
+  }
 }
 function buildPara(p) {
   const chars = [];
   const objs = [];
   let segs = [];
-  for (const runEl of elements(p)) {
-    const tag = ln(runEl);
+  for (const runEl of elements2(p)) {
+    const tag = ln2(runEl);
     if (tag === "run") {
       const prId = runEl.getAttribute("charPrIDRef");
-      for (const ch of elements(runEl)) {
-        const cn = ln(ch);
+      for (const ch of elements2(runEl)) {
+        const cn = ln2(ch);
         if (cn === "t") {
-          for (const c of textOfT(ch)) chars.push({ ch: c, prId });
+          pushTextSlots(ch, chars, prId, 0);
         } else if (OBJ_TAGS.has(cn)) {
           const sz = findChildByLocalName(ch, "sz");
           const pos = findChildByLocalName(ch, "pos");
+          const w = num2(sz, "width") || num2(findChildByLocalName(ch, "curSz"), "width") || num2(findChildByLocalName(ch, "orgSz"), "width");
+          const h = num2(sz, "height") || num2(findChildByLocalName(ch, "curSz"), "height") || num2(findChildByLocalName(ch, "orgSz"), "height");
           objs.push({
             el: ch,
             tag: cn,
             index: chars.length,
             inline: pos?.getAttribute("treatAsChar") === "1",
-            width: num(sz, "width"),
-            height: num(sz, "height")
+            width: w,
+            height: h
           });
+          pushFillers(chars, 8, prId);
+        } else {
+          pushFillers(chars, 8, prId);
         }
       }
     } else if (tag === "linesegarray") {
-      segs = elements(runEl).filter((s) => ln(s) === "lineseg").map((s) => ({
-        textpos: num(s, "textpos"),
-        vertpos: num(s, "vertpos"),
-        horzpos: num(s, "horzpos"),
-        horzsize: num(s, "horzsize"),
-        textheight: num(s, "textheight", 1e3),
-        baseline: num(s, "baseline", 850)
+      segs = elements2(runEl).filter((s) => ln2(s) === "lineseg").map((s) => ({
+        textpos: num2(s, "textpos"),
+        vertpos: num2(s, "vertpos"),
+        horzpos: num2(s, "horzpos"),
+        horzsize: num2(s, "horzsize"),
+        textheight: num2(s, "textheight", 1e3),
+        baseline: num2(s, "baseline", 850)
       }));
     }
   }
@@ -569,38 +629,41 @@ function advanceTo(m, styles, plan, upto) {
   for (const o of m.objs) if (o.inline && o.index >= plan.start && o.index < upto) x += o.width;
   return x;
 }
-function drawPara(p, ox, oy, areaW, ctx, depth) {
+function drawPara(p, ox, oy, areaW, ctx, depth, segPages) {
   if (depth > 16) {
     warnOnce(ctx, "depth", "\uC911\uCCA9 \uAE4A\uC774 16 \uCD08\uACFC \u2014 \uC774\uD558 \uC0DD\uB7B5");
     return;
   }
   const m = buildPara(p);
   if (m.segs.length === 0) {
+    if (m.chars.some((c) => c.ch !== "")) {
+      warnOnce(ctx, "no-lineseg", "\uC870\uD310 \uCE90\uC2DC \uC5C6\uB294 \uBB38\uB2E8 \uD14D\uC2A4\uD2B8 \uC0DD\uB7B5 \u2014 reflow \uC635\uC158\uC73C\uB85C \uD569\uC131 \uAC00\uB2A5");
+    }
     for (const o of m.objs) drawObject(o, ox, oy, 0, areaW, ctx, depth);
     return;
   }
   const plans = planLines(m, ctx.styles);
   const baseV = m.segs[0].vertpos;
-  for (const plan of plans) {
+  for (let li = 0; li < plans.length; li++) {
+    const plan = plans[li];
+    if (segPages && segPages[li] !== void 0) ctx.page = segPages[li];
     const { seg } = plan;
     let i = plan.start;
     let cursor = ox + seg.horzpos + plan.xoff;
     const y = oy + seg.vertpos + seg.baseline;
     while (i < plan.end && i < m.chars.length) {
+      if (m.chars[i].ch === "") {
+        for (const o of m.objs) if (o.inline && o.index === i) cursor += o.width;
+        i++;
+        continue;
+      }
       const prId = m.chars[i].prId;
       let j = i;
       let piece = "";
-      while (j < plan.end && j < m.chars.length && m.chars[j].prId === prId) {
+      while (j < plan.end && j < m.chars.length && m.chars[j].prId === prId && m.chars[j].ch !== "") {
         piece += m.chars[j].ch;
         j++;
       }
-      for (const o of m.objs) {
-        if (o.inline && o.index > i && o.index < j) {
-          piece = piece.slice(0, o.index - i);
-          j = o.index;
-          break;
-        }
-      }
       {
         const cut = piece.search(/ {2,}/);
         if (cut > 0) {
@@ -613,32 +676,71 @@ function drawPara(p, ox, oy, areaW, ctx, depth) {
         }
       }
       const st = (prId != null ? ctx.styles.charPr.get(prId) : void 0) ?? DEFAULT_CHAR;
-      const w = measureTextWidth(piece, st.height, st.ratio, { spacingPct: st.spacing }) * plan.scale;
-      if (piece.trim().length > 0) {
-        const attrs = [`x="${pt(cursor)}"`, `y="${pt(y)}"`, `font-size="${pt(st.height)}"`];
-        if ([...piece].length > 1 && w > 50) {
-          attrs.push(`textLength="${pt(w)}"`, `lengthAdjust="${plan.scale < 1 ? "spacingAndGlyphs" : "spacing"}"`);
+      const renderSeg = (text, cx, hit) => {
+        const sw = measureTextWidth(text, st.height, st.ratio, { spacingPct: st.spacing }) * plan.scale;
+        if (hit) {
+          emit(ctx, `<rect x="${pt(cx)}" y="${pt(oy + seg.vertpos)}" width="${pt(sw)}" height="${pt(seg.textheight)}" fill="#ffd54f" fill-opacity="0.45"/>`);
+        }
+        if (text.trim().length > 0) {
+          const attrs = [`x="${pt(cx)}"`, `y="${pt(y)}"`, `font-size="${pt(st.height)}"`];
+          if ([...text].length > 1 && sw > 50) {
+            attrs.push(`textLength="${pt(sw)}"`, `lengthAdjust="${plan.scale < 1 ? "spacingAndGlyphs" : "spacing"}"`);
+          }
+          if (st.bold) attrs.push(`font-weight="bold"`);
+          if (st.italic) attrs.push(`font-style="italic"`);
+          if (st.underline) attrs.push(`text-decoration="underline"`);
+          if (st.color) attrs.push(`fill="${escapeXml(st.color)}"`);
+          emit(ctx, `<text ${attrs.join(" ")}>${escapeXml(text)}</text>`);
+          ctx.stats.texts++;
+        }
+        return sw;
+      };
+      const merged = [];
+      if (ctx.highlights.length > 0 && piece.trim().length > 0) {
+        const found = [];
+        const lower = piece.toLowerCase();
+        for (const term of ctx.highlights) {
+          for (let f = lower.indexOf(term); f !== -1; f = lower.indexOf(term, f + term.length)) {
+            found.push([f, f + term.length]);
+          }
+        }
+        found.sort((a, b) => a[0] - b[0]);
+        for (const [s, e] of found) {
+          const tail = merged[merged.length - 1];
+          if (tail && s <= tail[1]) tail[1] = Math.max(tail[1], e);
+          else merged.push([s, e]);
         }
-        if (st.bold) attrs.push(`font-weight="bold"`);
-        if (st.italic) attrs.push(`font-style="italic"`);
-        if (st.underline) attrs.push(`text-decoration="underline"`);
-        if (st.color) attrs.push(`fill="${escapeXml(st.color)}"`);
-        ctx.svg.push(`<text ${attrs.join(" ")}>${escapeXml(piece)}</text>`);
-        ctx.stats.texts++;
       }
-      cursor += w;
-      for (const o of m.objs) if (o.inline && o.index === j) cursor += o.width;
+      if (merged.length === 0) {
+        cursor += renderSeg(piece, cursor, false);
+      } else {
+        let segCur = cursor;
+        let last = 0;
+        for (const [s, e] of merged) {
+          segCur += renderSeg(piece.slice(last, s), segCur, false);
+          segCur += renderSeg(piece.slice(s, e), segCur, true);
+          last = e;
+        }
+        segCur += renderSeg(piece.slice(last), segCur, false);
+        cursor = segCur;
+      }
       i = j;
     }
   }
   for (const o of m.objs) {
     if (o.inline) {
-      let plan = plans[0];
-      for (const pl of plans) if (pl.start <= o.index && (o.index < pl.end || pl === plans[plans.length - 1])) plan = pl;
+      let planIdx = 0;
+      for (let k = 0; k < plans.length; k++) {
+        const pl = plans[k];
+        if (pl.start <= o.index && (o.index < pl.end || k === plans.length - 1)) planIdx = k;
+      }
+      const plan = plans[planIdx];
+      if (segPages && segPages[planIdx] !== void 0) ctx.page = segPages[planIdx];
       const x = ox + plan.seg.horzpos + plan.xoff + advanceTo(m, ctx.styles, plan, o.index);
       const yTop = oy + plan.seg.vertpos + Math.max(0, plan.seg.baseline - o.height);
       drawObject(o, x, yTop, baseV, areaW, ctx, depth);
     } else {
+      if (segPages && segPages[0] !== void 0) ctx.page = segPages[0];
       const { x, y } = anchorObject(o, ox, oy, baseV, areaW, ctx);
       drawObject(o, x, y, baseV, areaW, ctx, depth);
     }
@@ -648,11 +750,11 @@ function anchorObject(o, ox, oy, baseV, areaW, ctx) {
   const { PW, PH, ML, MT, BODY_W, BODY_H } = ctx.geom;
   const pos = findChildByLocalName(o.el, "pos");
   const om = findChildByLocalName(o.el, "outMargin");
-  const omT = num(om, "top"), omB = num(om, "bottom");
+  const omT = num2(om, "top"), omB = num2(om, "bottom");
   const w = o.width, h = o.height;
   if (!pos) return { x: ox, y: oy + baseV };
-  const vo = num(pos, "vertOffset");
-  const ho = num(pos, "horzOffset");
+  const vo = num2(pos, "vertOffset");
+  const ho = num2(pos, "horzOffset");
   const vrel = pos.getAttribute("vertRelTo") ?? "PARA";
   const hrel = pos.getAttribute("horzRelTo") ?? "PARA";
   const va = pos.getAttribute("vertAlign") ?? "TOP";
@@ -684,25 +786,74 @@ function drawObject(o, x, y, baseV, areaW, ctx, depth) {
   if (o.tag === "tbl") drawTable(o.el, x, y, ctx, depth + 1);
   else if (o.tag === "pic") drawPic(o.el, x, y, ctx);
   else if (o.tag === "container") {
-    for (const ch of elements(o.el)) {
-      const tag = ln(ch);
+    for (const ch of elements2(o.el)) {
+      const tag = ln2(ch);
       if (!OBJ_TAGS.has(tag)) continue;
       const sz = findChildByLocalName(ch, "sz");
       const off = findChildByLocalName(ch, "offset");
-      const sub = { el: ch, tag, index: 0, inline: true, width: num(sz, "width"), height: num(sz, "height") };
-      drawObject(sub, x + num(off, "x"), y + num(off, "y"), baseV, areaW, ctx, depth + 1);
+      const sub = { el: ch, tag, index: 0, inline: true, width: num2(sz, "width"), height: num2(sz, "height") };
+      drawObject(sub, x + num2(off, "x"), y + num2(off, "y"), baseV, areaW, ctx, depth + 1);
     }
   } else if (o.tag === "equation") {
     warnOnce(ctx, "equation", "\uC218\uC2DD \uAC1C\uCCB4\uB294 \uB80C\uB354 \uBBF8\uC9C0\uC6D0 \u2014 \uC0DD\uB7B5");
+  } else if (SHAPE_TAGS.has(o.tag)) {
+    drawShape(o, x, y, ctx, depth);
   } else {
-    warnOnce(ctx, `shape:${o.tag}`, `\uB3C4\uD615 \uAC1C\uCCB4(${o.tag}) \uB80C\uB354 \uBBF8\uC9C0\uC6D0 \u2014 \uC0DD\uB7B5`);
+    warnOnce(ctx, `shape:${o.tag}`, `\uAC1C\uCCB4(${o.tag}) \uB80C\uB354 \uBBF8\uC9C0\uC6D0 \u2014 \uC0DD\uB7B5`);
   }
 }
-function cellContentExtent(cell, ctx) {
+var SHAPE_TAGS = /* @__PURE__ */ new Set(["rect", "ellipse", "line", "polygon", "curv", "arc"]);
+function shapeStrokePt(v) {
+  return Math.max(0.2, v / 100 * 2.834645);
+}
+function drawShape(o, x, y, ctx, depth) {
+  const el = o.el;
+  const orgSz = findChildByLocalName(el, "orgSz");
+  const curSz = findChildByLocalName(el, "curSz");
+  const ow = num2(orgSz, "width"), oh = num2(orgSz, "height");
+  const w = num2(curSz, "width") || ow || o.width;
+  const h = num2(curSz, "height") || oh || o.height;
+  const sx = ow > 0 ? w / ow : 1;
+  const sy = oh > 0 ? h / oh : 1;
+  const lineShape = findChildByLocalName(el, "lineShape");
+  const lstyle = lineShape?.getAttribute("style") ?? "SOLID";
+  const strokeCol = lineShape?.getAttribute("color") || "#000000";
+  const hasStroke = lstyle !== "NONE";
+  const strokeW = hasStroke ? shapeStrokePt(lineShape ? num2(lineShape, "width") : 33) : 0;
+  const dash = /DASH|DOT/.test(lstyle) ? ` stroke-dasharray="${lstyle.includes("DOT") ? "1,1.5" : "3,1.5"}"` : "";
+  const strokeAttr = hasStroke ? ` stroke="${escapeXml(strokeCol)}" stroke-width="${strokeW.toFixed(2)}"${dash}` : "";
+  const fillBrush = findChildByLocalName(el, "fillBrush");
+  const winBrush = fillBrush ? findChildByLocalName(fillBrush, "winBrush") : null;
+  const face = winBrush?.getAttribute("faceColor");
+  const fill = face && face.toLowerCase() !== "none" ? face : "none";
+  const fillAttr = ` fill="${fill === "none" ? "none" : escapeXml(fill)}"`;
+  if (o.tag === "rect") {
+    emit(ctx, `<rect x="${pt(x)}" y="${pt(y)}" width="${pt(w)}" height="${pt(h)}"${fillAttr}${strokeAttr}/>`);
+  } else if (o.tag === "ellipse") {
+    emit(ctx, `<ellipse cx="${pt(x + w / 2)}" cy="${pt(y + h / 2)}" rx="${pt(w / 2)}" ry="${pt(h / 2)}"${fillAttr}${strokeAttr}/>`);
+  } else if (o.tag === "line") {
+    const s = findChildByLocalName(el, "startPt"), e = findChildByLocalName(el, "endPt");
+    const x1 = x + num2(s, "x") * sx, y1 = y + num2(s, "y") * sy;
+    const x2 = x + num2(e, "x") * sx, y2 = y + num2(e, "y") * sy;
+    emit(ctx, `<line x1="${pt(x1)}" y1="${pt(y1)}" x2="${pt(x2)}" y2="${pt(y2)}" stroke="${escapeXml(strokeCol)}" stroke-width="${(strokeW || 0.3).toFixed(2)}"${dash}/>`);
+  } else if (o.tag === "polygon" || o.tag === "curv") {
+    const pts = [];
+    for (const c of elements2(el)) if (ln2(c) === "pt") pts.push(`${pt(x + num2(c, "x") * sx)},${pt(y + num2(c, "y") * sy)}`);
+    if (pts.length >= 2) emit(ctx, `<polygon points="${pts.join(" ")}"${fillAttr}${strokeAttr}/>`);
+  } else if (o.tag === "arc") {
+    emit(ctx, `<ellipse cx="${pt(x + w / 2)}" cy="${pt(y + h / 2)}" rx="${pt(w / 2)}" ry="${pt(h / 2)}" fill="none"${strokeAttr || ` stroke="${escapeXml(strokeCol)}" stroke-width="0.3"`}/>`);
+  }
+  const dt = findChildByLocalName(el, "drawText");
+  const sub = dt ? findChildByLocalName(dt, "subList") : null;
+  if (sub) {
+    for (const p of elements2(sub)) if (ln2(p) === "p") drawPara(p, x, y, w, ctx, depth + 1);
+  }
+}
+function cellContentExtent(cell) {
   if (!cell.sub) return 0;
   let ext = 0;
-  for (const p of elements(cell.sub)) {
-    if (ln(p) !== "p") continue;
+  for (const p of elements2(cell.sub)) {
+    if (ln2(p) !== "p") continue;
     const m = buildPara(p);
     for (const s of m.segs) ext = Math.max(ext, s.vertpos + s.textheight);
     const baseV = m.segs[0]?.vertpos ?? 0;
@@ -711,9 +862,9 @@ function cellContentExtent(cell, ctx) {
       const pos = findChildByLocalName(o.el, "pos");
       if ((pos?.getAttribute("vertRelTo") ?? "PARA") !== "PARA") continue;
       const om = findChildByLocalName(o.el, "outMargin");
-      const pushed = baseV - (num(om, "top") + o.height + num(om, "bottom"));
+      const pushed = baseV - (num2(om, "top") + o.height + num2(om, "bottom"));
       const anchor = pushed >= -100 ? pushed : baseV;
-      ext = Math.max(ext, anchor + num(om, "top") + num(pos, "vertOffset") + o.height);
+      ext = Math.max(ext, anchor + num2(om, "top") + num2(pos, "vertOffset") + o.height);
     }
   }
   return ext;
@@ -722,21 +873,15 @@ function edgeLine(x1, y1, x2, y2, e) {
   const dash = /DASH|DOT/.test(e.type) ? ` stroke-dasharray="${e.type.includes("DOT") ? "1,1.5" : "3,1.5"}"` : "";
   return `<line x1="${pt(x1)}" y1="${pt(y1)}" x2="${pt(x2)}" y2="${pt(y2)}" stroke="${escapeXml(e.color)}" stroke-width="${e.widthPt.toFixed(2)}"${dash}/>`;
 }
-function drawTable(tbl, tx, ty, ctx, depth) {
-  if (depth > 16) {
-    warnOnce(ctx, "depth", "\uC911\uCCA9 \uAE4A\uC774 16 \uCD08\uACFC \u2014 \uC774\uD558 \uC0DD\uB7B5");
-    return;
-  }
-  ctx.stats.tables++;
-  const tblSz = findChildByLocalName(tbl, "sz");
+function collectCells(tbl) {
   const inMargin = findChildByLocalName(tbl, "inMargin");
-  const defL = num(inMargin, "left", 141), defR = num(inMargin, "right", 141);
-  const defT = num(inMargin, "top", 141), defB = num(inMargin, "bottom", 141);
+  const defL = num2(inMargin, "left", 141), defR = num2(inMargin, "right", 141);
+  const defT = num2(inMargin, "top", 141), defB = num2(inMargin, "bottom", 141);
   const cells = [];
-  for (const tr of elements(tbl)) {
-    if (ln(tr) !== "tr") continue;
-    for (const tc of elements(tr)) {
-      if (ln(tc) !== "tc") continue;
+  for (const tr of elements2(tbl)) {
+    if (ln2(tr) !== "tr") continue;
+    for (const tc of elements2(tr)) {
+      if (ln2(tc) !== "tc") continue;
       const addr = findChildByLocalName(tc, "cellAddr");
       const span = findChildByLocalName(tc, "cellSpan");
       const csz = findChildByLocalName(tc, "cellSz");
@@ -744,28 +889,50 @@ function drawTable(tbl, tx, ty, ctx, depth) {
       if (!addr || !csz) continue;
       cells.push({
         el: tc,
-        ca: num(addr, "colAddr"),
-        ra: num(addr, "rowAddr"),
-        cs: Math.max(1, num(span, "colSpan", 1)),
-        rs: Math.max(1, num(span, "rowSpan", 1)),
-        w: num(csz, "width"),
-        h: num(csz, "height"),
+        ca: num2(addr, "colAddr"),
+        ra: num2(addr, "rowAddr"),
+        cs: Math.max(1, num2(span, "colSpan", 1)),
+        rs: Math.max(1, num2(span, "rowSpan", 1)),
+        w: num2(csz, "width"),
+        h: num2(csz, "height"),
         bfId: tc.getAttribute("borderFillIDRef"),
         sub: findChildByLocalName(tc, "subList"),
-        marginL: cm ? num(cm, "left", defL) : defL,
-        marginR: cm ? num(cm, "right", defR) : defR,
-        marginT: cm ? num(cm, "top", defT) : defT,
-        marginB: cm ? num(cm, "bottom", defB) : defB
+        marginL: cm ? num2(cm, "left", defL) : defL,
+        marginR: cm ? num2(cm, "right", defR) : defR,
+        marginT: cm ? num2(cm, "top", defT) : defT,
+        marginB: cm ? num2(cm, "bottom", defB) : defB
       });
     }
   }
+  return cells;
+}
+function measureTableHeight(tbl) {
+  const cells = collectCells(tbl);
+  if (cells.length === 0 || cells.length > 4096) return 0;
+  const nRows = Math.max(...cells.map((c) => c.ra + c.rs));
+  const rowH = solveRowHeights(
+    cells.map((c) => ({ rowAddr: c.ra, rowSpan: c.rs, height: c.h, contentH: c.rs === 1 ? cellContentExtent(c) : void 0 })),
+    nRows
+  );
+  let sum = 0;
+  for (const h of rowH) sum += h;
+  return sum;
+}
+function drawTable(tbl, tx, ty, ctx, depth) {
+  if (depth > 16) {
+    warnOnce(ctx, "depth", "\uC911\uCCA9 \uAE4A\uC774 16 \uCD08\uACFC \u2014 \uC774\uD558 \uC0DD\uB7B5");
+    return;
+  }
+  ctx.stats.tables++;
+  const tblSz = findChildByLocalName(tbl, "sz");
+  const cells = collectCells(tbl);
   if (cells.length === 0 || cells.length > 4096) return;
   const nCols = Math.max(...cells.map((c) => c.ca + c.cs));
   const nRows = Math.max(...cells.map((c) => c.ra + c.rs));
   const colCons = cells.map((c) => ({ a: c.ca, b: c.ca + c.cs, size: c.w }));
-  const colX = solveBoundaries(colCons, nCols, num(tblSz, "width") || void 0);
+  const colX = solveBoundaries(colCons, nCols, num2(tblSz, "width") || void 0);
   const rowH = solveRowHeights(
-    cells.map((c) => ({ rowAddr: c.ra, rowSpan: c.rs, height: c.h, contentH: c.rs === 1 ? cellContentExtent(c, ctx) : void 0 })),
+    cells.map((c) => ({ rowAddr: c.ra, rowSpan: c.rs, height: c.h, contentH: c.rs === 1 ? cellContentExtent(c) : void 0 })),
     nRows
   );
   const rowY = [0];
@@ -779,55 +946,69 @@ function drawTable(tbl, tx, ty, ctx, depth) {
   }));
   for (const g of geom) {
     const bf = g.c.bfId != null ? ctx.styles.borderFill.get(g.c.bfId) : void 0;
-    if (bf?.fill) ctx.svg.push(`<rect x="${pt(g.x)}" y="${pt(g.y)}" width="${pt(g.w)}" height="${pt(g.h)}" fill="${escapeXml(bf.fill)}"/>`);
+    if (bf?.fill) emit(ctx, `<rect x="${pt(g.x)}" y="${pt(g.y)}" width="${pt(g.w)}" height="${pt(g.h)}" fill="${escapeXml(bf.fill)}"/>`);
   }
   for (const g of geom) {
     const { c } = g;
     if (!c.sub) continue;
     const innerH = g.h - c.marginT - c.marginB;
-    const extent = cellContentExtent(c, ctx);
+    const extent = cellContentExtent(c);
     const va = c.sub.getAttribute("vertAlign") ?? "TOP";
     let yoff = 0;
     if (va === "CENTER") yoff = Math.max(0, (innerH - extent) / 2);
     else if (va === "BOTTOM") yoff = Math.max(0, innerH - extent);
-    for (const p of elements(c.sub)) {
-      if (ln(p) !== "p") continue;
+    for (const p of elements2(c.sub)) {
+      if (ln2(p) !== "p") continue;
       drawPara(p, g.x + c.marginL, g.y + c.marginT + yoff, g.w - c.marginL - c.marginR, ctx, depth + 1);
     }
   }
   for (const g of geom) {
     const bf = g.c.bfId != null ? ctx.styles.borderFill.get(g.c.bfId) : void 0;
     if (!bf) continue;
-    if (bf.top) ctx.svg.push(edgeLine(g.x, g.y, g.x + g.w, g.y, bf.top));
-    if (bf.bottom) ctx.svg.push(edgeLine(g.x, g.y + g.h, g.x + g.w, g.y + g.h, bf.bottom));
-    if (bf.left) ctx.svg.push(edgeLine(g.x, g.y, g.x, g.y + g.h, bf.left));
-    if (bf.right) ctx.svg.push(edgeLine(g.x + g.w, g.y, g.x + g.w, g.y + g.h, bf.right));
+    if (bf.top) emit(ctx, edgeLine(g.x, g.y, g.x + g.w, g.y, bf.top));
+    if (bf.bottom) emit(ctx, edgeLine(g.x, g.y + g.h, g.x + g.w, g.y + g.h, bf.bottom));
+    if (bf.left) emit(ctx, edgeLine(g.x, g.y, g.x, g.y + g.h, bf.left));
+    if (bf.right) emit(ctx, edgeLine(g.x + g.w, g.y, g.x + g.w, g.y + g.h, bf.right));
   }
 }
+function imageSymbol(loaded, ctx) {
+  if (!loaded.symId) {
+    loaded.symId = `bin${ctx.defs.length}`;
+    ctx.defs.push(
+      `<symbol id="${loaded.symId}" viewBox="0 0 100 100" preserveAspectRatio="none"><image width="100" height="100" preserveAspectRatio="none" href="${loaded.dataUri}"/></symbol>`
+    );
+  }
+  return loaded.symId;
+}
 function drawPic(pic, x, y, ctx) {
   const sz = findChildByLocalName(pic, "sz");
-  const w = num(sz, "width", 5669), h = num(sz, "height", 5669);
+  const w = num2(sz, "width", 5669), h = num2(sz, "height", 5669);
   const img = findFirst(pic, "img");
   const ref = img?.getAttribute("binaryItemIDRef");
   const loaded = ref != null ? ctx.images.get(ref) : void 0;
   if (!loaded) {
-    ctx.svg.push(`<rect x="${pt(x)}" y="${pt(y)}" width="${pt(w)}" height="${pt(h)}" fill="#eee" stroke="#c00" stroke-width="0.5"/>`);
+    emit(ctx, `<rect x="${pt(x)}" y="${pt(y)}" width="${pt(w)}" height="${pt(h)}" fill="#eee" stroke="#c00" stroke-width="0.5"/>`);
     warnOnce(ctx, `img:${ref}`, `\uC774\uBBF8\uC9C0 \uBC14\uC774\uB108\uB9AC \uB204\uB77D: ${ref ?? "(ref \uC5C6\uC74C)"}`);
     return;
   }
   ctx.stats.images++;
-  const orgSz = findChildByLocalName(pic, "orgSz");
   const clip = findChildByLocalName(pic, "imgClip");
-  const orgW = num(orgSz, "width"), orgH = num(orgSz, "height");
-  const cl = num(clip, "left"), ct = num(clip, "top");
-  const cr = num(clip, "right", orgW), cb = num(clip, "bottom", orgH);
-  const cropped = orgW > 0 && orgH > 0 && clip != null && (cl > 0 || ct > 0 || cr < orgW || cb < orgH) && cr > cl && cb > ct;
+  const imgDim = findChildByLocalName(pic, "imgDim");
+  const orgSz = findChildByLocalName(pic, "orgSz");
+  const dimW = num2(imgDim, "dimwidth"), dimH = num2(imgDim, "dimheight");
+  const refW = dimW > 0 ? dimW : num2(orgSz, "width");
+  const refH = dimH > 0 ? dimH : num2(orgSz, "height");
+  const cl = num2(clip, "left"), ct = num2(clip, "top");
+  const cr = num2(clip, "right", refW), cb = num2(clip, "bottom", refH);
+  const cropped = refW > 0 && refH > 0 && clip != null && (cl > 0 || ct > 0 || cr < refW || cb < refH) && cr > cl && cb > ct;
+  const symId = imageSymbol(loaded, ctx);
   if (cropped) {
-    ctx.svg.push(
-      `<svg x="${pt(x)}" y="${pt(y)}" width="${pt(w)}" height="${pt(h)}" viewBox="${pt(cl)} ${pt(ct)} ${pt(cr - cl)} ${pt(cb - ct)}" preserveAspectRatio="none"><image x="0" y="0" width="${pt(orgW)}" height="${pt(orgH)}" preserveAspectRatio="none" href="${loaded.dataUri}"/></svg>`
+    emit(
+      ctx,
+      `<svg x="${pt(x)}" y="${pt(y)}" width="${pt(w)}" height="${pt(h)}" viewBox="${pt(cl)} ${pt(ct)} ${pt(cr - cl)} ${pt(cb - ct)}" preserveAspectRatio="none"><use href="#${symId}" x="0" y="0" width="${pt(refW)}" height="${pt(refH)}"/></svg>`
     );
   } else {
-    ctx.svg.push(`<image x="${pt(x)}" y="${pt(y)}" width="${pt(w)}" height="${pt(h)}" preserveAspectRatio="none" href="${loaded.dataUri}"/>`);
+    emit(ctx, `<use href="#${symId}" x="${pt(x)}" y="${pt(y)}" width="${pt(w)}" height="${pt(h)}"/>`);
   }
 }
 function sniffMime(name, bytes) {
@@ -850,12 +1031,13 @@ async function renderHwpxToSvg(input, options) {
   if (!secFile) throw new KordocError("Contents/section0.xml \uC5C6\uC74C \u2014 HWPX\uAC00 \uC544\uB2C8\uAC70\uB098 \uC190\uC0C1\uB428");
   const secXml = await secFile.async("string");
   if (secXml.length > MAX_DECOMPRESS_SIZE) throw new KordocError("\uC139\uC158 XML\uC774 \uD5C8\uC6A9 \uD06C\uAE30\uB97C \uCD08\uACFC");
-  if (!secXml.includes("linesegarray")) {
-    throw new KordocError("\uC870\uD310 \uCE90\uC2DC(linesegarray) \uC5C6\uC74C \u2014 \uD55C\uCEF4\uC5D0\uC11C \uC800\uC7A5\uD55C HWPX\uB9CC \uB80C\uB354 \uAC00\uB2A5");
+  const hasCache = /<(?:[A-Za-z][\w.-]*:)?linesegarray[\s/>]/.test(secXml);
+  if (!hasCache && !options?.reflow) {
+    throw new KordocError("\uC870\uD310 \uCE90\uC2DC(linesegarray) \uC5C6\uC74C \u2014 \uD55C\uCEF4\uC5D0\uC11C \uC800\uC7A5\uD55C HWPX\uB9CC \uB80C\uB354 \uAC00\uB2A5 (reflow \uC635\uC158\uC73C\uB85C \uD569\uC131 \uB80C\uB354 \uAC00\uB2A5)");
   }
   const warnings = [];
   const headFile = zip.file("Contents/header.xml") ?? zip.file("Contents/head.xml");
-  const styles = headFile ? parseRenderStyles(await headFile.async("string")) : { charPr: /* @__PURE__ */ new Map(), paraAlign: /* @__PURE__ */ new Map(), borderFill: /* @__PURE__ */ new Map() };
+  const styles = headFile ? parseRenderStyles(await headFile.async("string")) : { charPr: /* @__PURE__ */ new Map(), paraAlign: /* @__PURE__ */ new Map(), paraGeom: /* @__PURE__ */ new Map(), borderFill: /* @__PURE__ */ new Map() };
   if (!headFile) warnings.push("header.xml \uC5C6\uC74C \u2014 \uAE30\uBCF8 \uC2A4\uD0C0\uC77C\uB85C \uB80C\uB354");
   const binmap = /* @__PURE__ */ new Map();
   const hpf = zip.file(/content\.hpf$/i)[0];
@@ -864,10 +1046,17 @@ async function renderHwpxToSvg(input, options) {
     for (const m of man.matchAll(/<[^>]*\bid="([^"]+)"[^>]*\bhref="(BinData\/[^"]+)"[^>]*>/g)) binmap.set(m[1], m[2]);
     for (const m of man.matchAll(/<[^>]*\bhref="(BinData\/[^"]+)"[^>]*\bid="([^"]+)"[^>]*>/g)) binmap.set(m[2], m[1]);
   }
+  const MAX_IMAGE_REFS = 256;
+  const MAX_TOTAL_IMAGE_BYTES = 128 * 1024 * 1024;
   const images = /* @__PURE__ */ new Map();
   const refs = /* @__PURE__ */ new Set();
   for (const m of secXml.matchAll(/binaryItemIDRef="([^"]+)"/g)) refs.add(m[1]);
+  let totalImgBytes = 0;
   for (const ref of refs) {
+    if (images.size >= MAX_IMAGE_REFS) {
+      warnings.push(`\uC774\uBBF8\uC9C0 ${refs.size}\uC885 \uC911 ${MAX_IMAGE_REFS}\uC885\uB9CC \uB85C\uB529 \u2014 \uAC1C\uC218 \uD55C\uB3C4 \uCD08\uACFC\uBD84 \uC0DD\uB7B5`);
+      break;
+    }
     let href = binmap.get(ref);
     if (!href) {
       const cand = zip.file(new RegExp(`BinData/.*${ref.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}`, "i"))[0];
@@ -881,6 +1070,11 @@ async function renderHwpxToSvg(input, options) {
       warnings.push(`\uC774\uBBF8\uC9C0 ${href} ${(bytes.length / 1048576).toFixed(1)}MB \u2014 \uD55C\uB3C4 \uCD08\uACFC\uB85C \uC0DD\uB7B5`);
       continue;
     }
+    if (totalImgBytes + bytes.length > MAX_TOTAL_IMAGE_BYTES) {
+      warnings.push(`\uC774\uBBF8\uC9C0 \uB204\uC801 ${Math.round(MAX_TOTAL_IMAGE_BYTES / 1048576)}MB \uD55C\uB3C4 \uCD08\uACFC \u2014 \uC774\uD6C4 \uC0DD\uB7B5`);
+      break;
+    }
+    totalImgBytes += bytes.length;
     images.set(ref, { dataUri: `data:${sniffMime(href, bytes)};base64,${Buffer.from(bytes).toString("base64")}` });
   }
   const doc = createXmlParser().parseFromString(secXml, "text/xml");
@@ -888,44 +1082,71 @@ async function renderHwpxToSvg(input, options) {
   if (!root) throw new KordocError("\uC139\uC158 XML \uD30C\uC2F1 \uC2E4\uD328");
   const pagePr = findFirst(root, "pagePr");
   const margin = pagePr ? findChildByLocalName(pagePr, "margin") : null;
-  const PW = num(pagePr, "width", 59528), PH = num(pagePr, "height", 84188);
-  const ML = num(margin, "left", 8504);
-  const MT = num(margin, "top", 5668) + num(margin, "header", 0);
-  const BODY_H = PH - MT - num(margin, "bottom", 4252) - num(margin, "footer", 0);
-  const BODY_W = PW - ML - num(margin, "right", 8504);
+  const PW = num2(pagePr, "width", 59528), PH = num2(pagePr, "height", 84188);
+  const ML = num2(margin, "left", 8504);
+  const MT = num2(margin, "top", 5668) + num2(margin, "header", 0);
+  const BODY_H = PH - MT - num2(margin, "bottom", 4252) - num2(margin, "footer", 0);
+  const BODY_W = PW - ML - num2(margin, "right", 8504);
+  if (!hasCache) reflowSection(root, styles, { BODY_W, BODY_H }, options?.reflowMode ?? "keep");
+  const colPr = findFirst(root, "colPr");
+  const multiCol = num2(colPr, "colCount", 1) > 1;
+  const paraSegPages = /* @__PURE__ */ new Map();
+  let nPages = 1;
+  let maxTopV = 0;
+  {
+    let prevV = Number.NEGATIVE_INFINITY;
+    let prevH = Number.NEGATIVE_INFINITY;
+    let cur = 0;
+    for (const p of elements2(root)) {
+      if (ln2(p) !== "p") continue;
+      const lsa = findChildByLocalName(p, "linesegarray");
+      const segEls = lsa ? elements2(lsa).filter((s) => ln2(s) === "lineseg") : [];
+      const pagesOf = [];
+      for (const s of segEls) {
+        const v = num2(s, "vertpos");
+        const h = num2(s, "horzpos");
+        if (v < prevV && (!multiCol || h <= prevH)) cur++;
+        pagesOf.push(cur);
+        maxTopV = Math.max(maxTopV, v + num2(s, "textheight", 1e3));
+        prevV = v;
+        prevH = h;
+      }
+      paraSegPages.set(p, pagesOf);
+      nPages = Math.max(nPages, cur + 1);
+    }
+  }
   const ctx = {
-    svg: [],
+    pages: Array.from({ length: nPages }, () => []),
+    page: 0,
     geom: { PW, PH, ML, MT, BODY_W, BODY_H },
     styles,
     images,
+    defs: [],
+    highlights: (options?.highlights ?? []).map((s) => s.trim().toLowerCase()).filter((s) => s.length > 0),
     warnings,
     warned: /* @__PURE__ */ new Set(),
     stats: { texts: 0, images: 0, tables: 0 }
   };
-  for (const p of elements(root)) {
-    if (ln(p) !== "p") continue;
-    const segs = findChildByLocalName(p, "linesegarray");
-    const first = segs ? elements(segs)[0] : null;
-    if (first && num(first, "vertpos") > BODY_H) continue;
-    drawPara(p, ML, MT, BODY_W, ctx, 0);
-  }
-  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${pt(PW)} ${pt(PH)}" width="${pt(PW)}pt" height="${pt(PH)}pt" font-family="'HCR Batang','\uD568\uCD08\uB86C\uBC14\uD0D5','Hancom Batang',AppleMyungjo,'Noto Serif CJK KR',serif" xml:space="preserve">
-<rect width="100%" height="100%" fill="white"/>
-${ctx.svg.join("\n")}
+  for (const p of elements2(root)) {
+    if (ln2(p) !== "p") continue;
+    drawPara(p, ML, MT, BODY_W, ctx, 0, paraSegPages.get(p));
+  }
+  const pageH = nPages === 1 ? Math.max(PH, MT + maxTopV + 2e3) : PH;
+  const GAP = 2400;
+  const totalH = nPages * pageH + (nPages - 1) * GAP;
+  const pagesSvg = ctx.pages.map(
+    (buf, k) => `<g data-page="${k + 1}" transform="translate(0 ${pt(k * (pageH + GAP))})"><rect width="${pt(PW)}" height="${pt(pageH)}" fill="white" stroke="#c9c7c4" stroke-width="0.75"/><g clip-path="url(#pgclip)">
+${buf.join("\n")}
+</g></g>`
+  ).join("\n");
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${pt(PW)} ${pt(totalH)}" width="${pt(PW)}pt" height="${pt(totalH)}pt" font-family="'HCR Batang','\uD568\uCD08\uB86C\uBC14\uD0D5','Hancom Batang',AppleMyungjo,'Noto Serif CJK KR',serif" xml:space="preserve">
+<defs><clipPath id="pgclip"><rect x="0" y="0" width="${pt(PW)}" height="${pt(pageH)}"/></clipPath>${ctx.defs.join("")}</defs>
+${pagesSvg}
 </svg>`;
-  return { svg, width: Math.round(PW) / 100, height: Math.round(PH) / 100, warnings, stats: ctx.stats };
+  return { svg, width: Math.round(PW) / 100, height: Math.round(totalH) / 100, pageCount: nPages, warnings, stats: ctx.stats };
 }
 
 export {
-  MAX_DECOMPRESS_SIZE,
-  MAX_ZIP_ENTRIES,
-  clampSpan,
-  MAX_XML_DEPTH,
-  createSectionShared,
-  createXmlParser,
-  applyPageText,
-  findChildByLocalName,
-  extractTextFromNode,
   charWidthEm1000,
   SPACE_EM_FIXED,
   SPACE_EM_FONT,
@@ -935,4 +1156,4 @@ export {
   fitRatioForFewerLines,
   renderHwpxToSvg
 };
-//# sourceMappingURL=chunk-33CIKNL4.js.map
+//# sourceMappingURL=chunk-5RHRQ7HK.js.map