@files-preview-app/preview-file 1.2.9 → 1.3.1

package/dist/index.js

@@ -1,6 +1,7 @@
 import DOMPurify6 from 'dompurify';
 import * as pdfjsLib from 'pdfjs-dist';
 import * as docx from 'docx-preview';
+import * as fflate from 'fflate';
 import { unzipSync, strFromU8, unzip } from 'fflate';
 import * as XLSX from 'xlsx';
 import hljs from 'highlight.js';
@@ -336,16 +337,21 @@ async function sourceToArrayBuffer(source, signal) {
     metadata.mimeType = source.type || void 0;
     metadata.extension = extractExtension(source.name);
     buffer = await source.arrayBuffer();
-  } else if (source instanceof Blob) {
+  } else if (source instanceof Blob || source && typeof source.arrayBuffer === "function" && typeof source.size === "number") {
     metadata.size = source.size;
     metadata.mimeType = source.type || void 0;
+    if (source.name) {
+      metadata.name = source.name;
+      metadata.extension = extractExtension(source.name);
+    }
     buffer = await source.arrayBuffer();
-  } else if (source instanceof ArrayBuffer) {
+  } else if (source instanceof ArrayBuffer || Object.prototype.toString.call(source) === "[object ArrayBuffer]" || source && typeof source.byteLength === "number" && typeof source.slice === "function") {
     buffer = source;
-  } else if (source instanceof Uint8Array) {
-    buffer = source.buffer.slice(
-      source.byteOffset,
-      source.byteOffset + source.byteLength
+  } else if (source instanceof Uint8Array || ArrayBuffer.isView(source)) {
+    const view = source;
+    buffer = view.buffer.slice(
+      view.byteOffset,
+      view.byteOffset + view.byteLength
     );
   } else {
     throw new Error("Unsupported file source type");
@@ -474,6 +480,86 @@ function createElement(tag, attrs, ...children) {
   }
   return el;
 }
+var DB_NAME = "PreviewFileTransferDB";
+var DB_STORE = "transfers";
+function openDB() {
+  return new Promise((resolve, reject) => {
+    if (typeof indexedDB === "undefined") {
+      return reject(new Error("IndexedDB is not available"));
+    }
+    const req = indexedDB.open(DB_NAME, 1);
+    req.onupgradeneeded = () => {
+      const db = req.result;
+      if (!db.objectStoreNames.contains(DB_STORE)) {
+        db.createObjectStore(DB_STORE, { keyPath: "id" });
+      }
+    };
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+  });
+}
+async function saveTransferPayload(id, payload) {
+  if (typeof window !== "undefined") {
+    try {
+      window[id] = payload;
+      window.__lastTransfer = payload;
+    } catch {
+    }
+  }
+  try {
+    const db = await openDB();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(DB_STORE, "readwrite");
+      const store = tx.objectStore(DB_STORE);
+      store.put({ id, ...payload, timestamp: Date.now() });
+      tx.oncomplete = () => resolve();
+      tx.onerror = () => reject(tx.error);
+    });
+  } catch (e) {
+    console.warn("[saveTransferPayload] IndexedDB store warning:", e);
+  }
+}
+async function getTransferPayload(id) {
+  if (typeof window !== "undefined") {
+    try {
+      if (window.opener && window.opener[id]) {
+        return window.opener[id];
+      }
+      if (window[id]) {
+        return window[id];
+      }
+      if (window.opener && window.opener.__lastTransfer) {
+        return window.opener.__lastTransfer;
+      }
+      if (window.__lastTransfer) {
+        return window.__lastTransfer;
+      }
+    } catch {
+    }
+  }
+  try {
+    const db = await openDB();
+    return new Promise((resolve) => {
+      const tx = db.transaction(DB_STORE, "readonly");
+      const store = tx.objectStore(DB_STORE);
+      const req = store.get(id);
+      req.onsuccess = () => {
+        if (req.result && req.result.buffer) {
+          resolve({
+            buffer: req.result.buffer,
+            metadata: req.result.metadata,
+            options: req.result.options
+          });
+        } else {
+          resolve(null);
+        }
+      };
+      req.onerror = () => resolve(null);
+    });
+  } catch {
+    return null;
+  }
+}
 var ICON_ZOOM_IN = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>`;
 var ICON_ZOOM_OUT = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>`;
 var ICON_FIT_PAGE = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line><polyline points="11 9 8 12 11 15"></polyline><polyline points="13 9 16 12 13 15"></polyline></svg>`;
@@ -493,6 +579,7 @@ var ICON_COPY = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" str
 var ICON_FAST_FORWARD = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 19 22 12 13 5 13 19"></polygon><polygon points="2 19 11 12 2 5 2 19"></polygon></svg>`;
 var ICON_REWIND = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 19 2 12 11 5 11 19"></polygon><polygon points="22 19 13 12 22 5 22 19"></polygon></svg>`;
 var ICON_SPEED = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>`;
+var ICON_EXTERNAL_WINDOW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>`;
 var ICON_MAP = {
   "zoom-in": ICON_ZOOM_IN,
   "zoom-out": ICON_ZOOM_OUT,
@@ -519,7 +606,9 @@ var ICON_MAP = {
   "forward-10": ICON_FAST_FORWARD,
   "rewind": ICON_REWIND,
   "replay-10": ICON_REWIND,
-  "speed": ICON_SPEED
+  "speed": ICON_SPEED,
+  "open-window": ICON_EXTERNAL_WINDOW,
+  "external-window": ICON_EXTERNAL_WINDOW
 };
 var ToolbarController = class {
   el;
@@ -662,9 +751,11 @@ var ToolbarController = class {
       type: "button",
       "data-action-id": id
     });
-    const svg = ICON_MAP[iconHtml] || ICON_MAP[id] || (iconHtml && iconHtml.startsWith("<svg") ? iconHtml : null);
-    if (svg) {
-      btn.innerHTML = sanitizeSVG(svg);
+    const internalSvg = ICON_MAP[iconHtml] || ICON_MAP[id];
+    if (internalSvg) {
+      btn.innerHTML = internalSvg;
+    } else if (iconHtml && iconHtml.startsWith("<svg")) {
+      btn.innerHTML = sanitizeSVG(iconHtml);
     } else {
       btn.textContent = title || id;
     }
@@ -736,7 +827,7 @@ var ThumbnailPanel = class {
     }
   }
 };
-var FilePreviewViewer = class {
+var FilePreviewViewer = class _FilePreviewViewer {
   plugins = [];
   activeInstance = null;
   abortController = null;
@@ -773,6 +864,7 @@ var FilePreviewViewer = class {
    * Preview a file in the given container element.
    */
   async preview(container, source, options = {}) {
+    this.currentOptions = options;
     this.abort();
     this.abortController = new AbortController();
     const { signal } = this.abortController;
@@ -782,7 +874,10 @@ var FilePreviewViewer = class {
     this.showLoading();
     try {
       const { buffer, metadata } = await sourceToArrayBuffer(source, signal);
-      this.currentBuffer = buffer;
+      if (options.metadata) {
+        Object.assign(metadata, options.metadata);
+      }
+      this.currentBuffer = buffer.slice(0);
       this.currentMetadata = metadata;
       if (signal.aborted) throw new DOMException("Aborted", "AbortError");
       const fileInfo = { metadata, buffer };
@@ -812,6 +907,7 @@ var FilePreviewViewer = class {
         }
       });
       this.activeInstance = instance;
+      instance.openInSeparateWindow = () => this.openInSeparateWindow();
       this.hideLoading();
       this.eventEmitter.emit("loaded", { metadata, plugin: matchedPlugin.id });
       if (options.showToolbar !== false && this.toolbar) {
@@ -821,26 +917,16 @@ var FilePreviewViewer = class {
           actions.push({
             id: "fullscreen",
             icon: "fullscreen",
-            label: "Toggle Fullscreen",
+            label: "Fullscreen",
             type: "button",
             group: "view",
-            execute: async () => {
+            execute: () => {
               try {
-                const isNativeFs = !!document.fullscreenElement;
-                const isCssFs = this.wrapperEl?.classList.contains("fp-fullscreen-active");
-                if (!isNativeFs && !isCssFs) {
-                  if (this.wrapperEl?.requestFullscreen) {
-                    await this.wrapperEl.requestFullscreen().catch(() => {
-                      this.wrapperEl?.classList.add("fp-fullscreen-active");
-                    });
-                  } else {
-                    this.wrapperEl?.classList.add("fp-fullscreen-active");
-                  }
+                if (!document.fullscreenElement) {
+                  this.wrapperEl?.requestFullscreen?.();
+                  this.wrapperEl?.classList.add("fp-fullscreen-active");
                 } else {
-                  if (document.fullscreenElement) {
-                    await document.exitFullscreen().catch(() => {
-                    });
-                  }
+                  document.exitFullscreen?.();
                   this.wrapperEl?.classList.remove("fp-fullscreen-active");
                 }
               } catch {
@@ -852,6 +938,28 @@ var FilePreviewViewer = class {
             }
           });
         }
+        const openWinAction = actions.find((a) => a.id === "open-window");
+        if (openWinAction) {
+          if (options?._isSeparateWindow) {
+            const idx = actions.indexOf(openWinAction);
+            if (idx !== -1) actions.splice(idx, 1);
+          } else {
+            openWinAction.execute = () => {
+              this.openInSeparateWindow();
+            };
+          }
+        } else if (!options?._isSeparateWindow) {
+          actions.push({
+            id: "open-window",
+            icon: "open-window",
+            label: "Open in Separate Full Window",
+            type: "button",
+            group: "actions",
+            execute: () => {
+              this.openInSeparateWindow();
+            }
+          });
+        }
         this.toolbar.update(actions);
         this.toolbar.show();
       }
@@ -884,6 +992,104 @@ var FilePreviewViewer = class {
       throw error;
     }
   }
+  /**
+   * Opens the current file preview in a separate full browser window.
+   */
+  openInSeparateWindow() {
+    if (!this.currentBuffer) {
+      console.warn("[FilePreviewViewer] No active file buffer to open in separate window");
+      return null;
+    }
+    if (this.currentOptions.onOpenSeparateWindow) {
+      return this.currentOptions.onOpenSeparateWindow({
+        buffer: this.currentBuffer,
+        metadata: this.currentMetadata || { name: "Document" },
+        options: this.currentOptions
+      });
+    }
+    const transferId = "fp_win_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8);
+    let clonedBuffer;
+    try {
+      clonedBuffer = this.currentBuffer.slice(0);
+    } catch {
+      clonedBuffer = this.currentBuffer;
+    }
+    const payload = {
+      buffer: clonedBuffer,
+      metadata: this.currentMetadata ? { ...this.currentMetadata } : void 0,
+      options: { ...this.currentOptions, _isSeparateWindow: true }
+    };
+    if (typeof window !== "undefined") {
+      try {
+        window[transferId] = payload;
+        window.__lastTransfer = payload;
+      } catch {
+      }
+    }
+    saveTransferPayload(transferId, payload).catch((err) => {
+      console.warn("[FilePreviewViewer] Transfer payload save warning:", err);
+    });
+    let targetUrl = null;
+    if (this.currentOptions.standaloneViewerUrl) {
+      const u = new URL(this.currentOptions.standaloneViewerUrl, window.location.href);
+      u.searchParams.set("mode", "fullscreen");
+      u.searchParams.set("transferId", transferId);
+      targetUrl = u.toString();
+    } else if (typeof window !== "undefined" && window.location?.href && !window.location.href.startsWith("about:")) {
+      const u = new URL(window.location.href);
+      u.searchParams.set("mode", "fullscreen");
+      u.searchParams.set("transferId", transferId);
+      targetUrl = u.toString();
+    }
+    if (targetUrl) {
+      const newWin2 = window.open(targetUrl, "_blank");
+      if (!newWin2) {
+        alert("Popup blocker prevented opening the preview in a separate window. Please allow popups for this site.");
+        return null;
+      }
+      return newWin2;
+    }
+    const title = (this.currentMetadata?.name || "Document Preview") + " - Full Preview";
+    const newWin = window.open("", "_blank");
+    if (!newWin) {
+      alert("Popup blocker prevented opening the preview in a separate window. Please allow popups for this site.");
+      return null;
+    }
+    newWin.document.title = title;
+    newWin.document.body.style.margin = "0";
+    newWin.document.body.style.padding = "0";
+    newWin.document.body.style.width = "100vw";
+    newWin.document.body.style.height = "100vh";
+    newWin.document.body.style.overflow = "hidden";
+    newWin.document.body.style.backgroundColor = "#f8fafc";
+    const headNodes = document.querySelectorAll('link[rel="stylesheet"], style');
+    headNodes.forEach((node) => {
+      newWin.document.head.appendChild(node.cloneNode(true));
+    });
+    const root = newWin.document.createElement("div");
+    root.id = "full-window-preview-root";
+    root.style.width = "100%";
+    root.style.height = "100%";
+    root.style.overflow = "hidden";
+    newWin.document.body.appendChild(root);
+    const separateViewer = new _FilePreviewViewer();
+    for (const plugin of this.plugins) {
+      separateViewer.registerPlugin(plugin);
+    }
+    separateViewer.preview(root, this.currentBuffer.slice(0), {
+      ...this.currentOptions,
+      showToolbar: true,
+      toolbarPosition: "top",
+      metadata: this.currentMetadata || void 0,
+      _isSeparateWindow: true
+    }).catch((err) => {
+      console.error("[FilePreviewViewer] Error rendering in separate window:", err);
+    });
+    newWin.addEventListener("beforeunload", () => {
+      separateViewer.destroy();
+    });
+    return newWin;
+  }
   /**
    * Subscribe to viewer events.
    */
@@ -1289,8 +1495,20 @@ var CfbfReader = class {
   }
 };
 if (typeof window !== "undefined" && pdfjsLib.GlobalWorkerOptions) {
-  if (!pdfjsLib.GlobalWorkerOptions.workerSrc) {
-    pdfjsLib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/build/pdf.worker.min.mjs`;
+  if (!pdfjsLib.GlobalWorkerOptions.workerPort && !pdfjsLib.GlobalWorkerOptions.workerSrc) {
+    const customWorker = window.__PDF_WORKER_SRC__;
+    if (customWorker) {
+      pdfjsLib.GlobalWorkerOptions.workerSrc = customWorker;
+    } else {
+      try {
+        pdfjsLib.GlobalWorkerOptions.workerPort = new Worker(
+          new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url),
+          { type: "module" }
+        );
+      } catch {
+        pdfjsLib.GlobalWorkerOptions.workerSrc = "./pdf.worker.min.mjs";
+      }
+    }
   }
 }
 var PdfPlugin = class {
@@ -1384,6 +1602,14 @@ var PdfPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     ];
   }
@@ -1433,18 +1659,21 @@ var PdfPlugin = class {
     indicator.style.pointerEvents = "none";
     container.appendChild(indicator);
     ctx.container.appendChild(container);
+    const standardFontsUrl = typeof window !== "undefined" && window.__PDF_STANDARD_FONTS_URL__ || "./standard_fonts/";
+    const cmapsUrl = typeof window !== "undefined" && window.__PDF_CMAPS_URL__ || "./cmaps/";
     const loadingTask = pdfjsLib.getDocument({
-      data: new Uint8Array(ctx.buffer),
-      cMapUrl: `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/cmaps/`,
+      data: new Uint8Array(ctx.buffer.slice(0)),
+      cMapUrl: cmapsUrl,
       cMapPacked: true,
-      standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/standard_fonts/`
+      standardFontDataUrl: standardFontsUrl,
+      verbosity: 0
     });
     const pdfDoc = await loadingTask.promise;
     const totalPages = Math.max(1, pdfDoc.numPages);
     let currentPage = 1;
     let zoomScale = 1;
     let rotation = 0;
-    let fitMode = "width";
+    let fitMode = "page";
     let currentRenderTask = null;
     const renderPage = async (pageNum) => {
       if (currentRenderTask) {
@@ -1464,15 +1693,15 @@ var PdfPlugin = class {
       const containerWidth = container.clientWidth || 900;
       const containerHeight = container.clientHeight || 700;
       const unscaledVp = page.getViewport({ scale: 1, rotation });
-      const availWidth = Math.max(280, containerWidth - 48);
-      const availHeight = Math.max(280, containerHeight - 88);
+      const availWidth = Math.max(320, containerWidth - 48);
+      const availHeight = Math.max(550, containerHeight - 88);
       const scaleW = availWidth / unscaledVp.width;
       const scaleH = availHeight / unscaledVp.height;
       let fitScale;
       if (fitMode === "page") {
-        fitScale = Math.max(0.5, Math.min(scaleW, scaleH));
+        fitScale = Math.max(0.4, Math.min(scaleW, scaleH));
       } else {
-        fitScale = Math.max(0.65, Math.min(1.15, scaleW));
+        fitScale = Math.max(0.65, Math.min(1.25, scaleW));
       }
       const effectiveScale = (fitScale > 0 ? fitScale : 1) * zoomScale;
       const pixelRatio = window.devicePixelRatio || 1;
@@ -1498,7 +1727,7 @@ var PdfPlugin = class {
         currentRenderTask = null;
       }
     };
-    await renderPage(1);
+    renderPage(1);
     let resizeTimer = null;
     const resizeObserver = new ResizeObserver(() => {
       if (resizeTimer) clearTimeout(resizeTimer);
@@ -1542,7 +1771,7 @@ var PdfPlugin = class {
         renderPage(currentPage);
       },
       fitToPage: () => {
-        fitMode = fitMode === "width" ? "page" : "width";
+        fitMode = fitMode === "page" ? "width" : "page";
         zoomScale = 1;
         rotation = 0;
         renderPage(currentPage);
@@ -2019,6 +2248,14 @@ var DocxPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -2078,6 +2315,31 @@ var DocxPlugin = class {
       }
       if (wrapper.children.length > 0 && (wrapper.textContent?.trim().length ?? 0) > 0) {
         renderedSuccessfully = true;
+        try {
+          const unzipped = unzipSync(new Uint8Array(ctx.buffer));
+          const chartKeys = Object.keys(unzipped).filter((k) => k.replace(/^[./\\]+/, "").toLowerCase().startsWith("word/charts/chart") && k.endsWith(".xml")).sort();
+          if (chartKeys.length > 0) {
+            const allDivs = Array.from(wrapper.querySelectorAll("div"));
+            const emptyContainers = allDivs.filter((div) => {
+              const st = div.getAttribute("style") || "";
+              return st.includes("width:") && st.includes("height:") && div.children.length === 0 && (div.textContent?.trim().length ?? 0) === 0;
+            });
+            chartKeys.forEach((cKey, idx) => {
+              const target = emptyContainers[idx];
+              if (target) {
+                const xmlStr = strFromU8(unzipped[cKey]);
+                const svg = this.parseAndRenderChartSvg(xmlStr);
+                if (svg) {
+                  target.innerHTML = svg;
+                  target.style.display = "block";
+                  target.style.margin = "12px auto";
+                }
+              }
+            });
+          }
+        } catch (chartErr) {
+          console.warn("[DocxPlugin] Non-critical error rendering DrawingML charts:", chartErr);
+        }
       }
     } catch (err) {
       console.warn("[DocxPlugin] docx-preview failed, triggering native fallback:", err);
@@ -2109,64 +2371,74 @@ var DocxPlugin = class {
     }
     let sections = Array.from(wrapper.querySelectorAll("section.docx"));
     const cards = Array.from(wrapper.querySelectorAll(".fp-docx-page-card"));
-    if (sections.length === 1 && cards.length === 0) {
-      const singleSec = sections[0];
-      const contentContainer = singleSec.querySelector("article") || singleSec;
-      const children = Array.from(contentContainer.children);
-      const pageH = singleSec.offsetHeight > 1300 ? 1122 : Math.max(1056, singleSec.offsetHeight);
-      const secH = singleSec.offsetHeight || singleSec.scrollHeight;
-      if (secH > pageH * 1.25 && children.length > 1) {
-        const childHeights = children.map((c) => {
-          const rectH = c.getBoundingClientRect().height;
-          const offH = c.offsetHeight;
-          const textLen = c.textContent?.trim().length || 0;
-          const estH = Math.max(24, Math.ceil(textLen / 80) * 22 + 16);
-          return Math.max(rectH, offH, estH);
-        });
-        const parent = singleSec.parentElement || wrapper;
-        const newSections = [singleSec];
-        const headerEl = singleSec.querySelector("header");
-        const footerEl = singleSec.querySelector("footer");
-        contentContainer.innerHTML = "";
-        singleSec.style.minHeight = `${pageH}px`;
-        singleSec.style.boxSizing = "border-box";
-        let curContent = contentContainer;
-        let curH = 0;
-        const maxH = pageH - 140;
-        for (let i = 0; i < children.length; i++) {
-          const child = children[i];
-          const chH = childHeights[i];
-          curContent.appendChild(child);
-          curH += chH;
-          if (curH >= maxH && i < children.length - 1) {
-            const nextSec = document.createElement("section");
-            nextSec.className = singleSec.className;
-            nextSec.style.cssText = singleSec.style.cssText;
-            nextSec.style.minHeight = `${pageH}px`;
-            nextSec.style.boxSizing = "border-box";
-            nextSec.style.backgroundColor = "#ffffff";
-            nextSec.style.boxShadow = "0 4px 24px rgba(0, 0, 0, 0.08)";
-            nextSec.style.borderRadius = "4px";
-            nextSec.style.marginBottom = "24px";
-            if (headerEl) {
-              nextSec.appendChild(headerEl.cloneNode(true));
-            }
-            const nextArticle = document.createElement("article");
-            if (contentContainer.tagName.toLowerCase() === "article") {
-              nextArticle.style.cssText = contentContainer.style.cssText;
-            }
-            nextSec.appendChild(nextArticle);
-            if (footerEl) {
-              nextSec.appendChild(footerEl.cloneNode(true));
+    if (sections.length > 0 && cards.length === 0) {
+      const finalSections = [];
+      for (const singleSec of sections) {
+        const contentContainer = singleSec.querySelector("article") || singleSec;
+        const children = Array.from(contentContainer.children);
+        const pageH = singleSec.offsetHeight > 1300 ? 1122 : Math.max(1056, singleSec.offsetHeight);
+        const secH = singleSec.scrollHeight || singleSec.offsetHeight;
+        if (secH > pageH * 1.25 && children.length > 1) {
+          const childHeights = children.map((c) => {
+            const rectH = c.getBoundingClientRect().height;
+            const offH = c.offsetHeight;
+            const textLen = c.textContent?.trim().length || 0;
+            const estH = Math.max(24, Math.ceil(textLen / 80) * 22 + 16);
+            return Math.max(rectH, offH, estH);
+          });
+          const parent = singleSec.parentElement || wrapper;
+          const headerEl = singleSec.querySelector("header");
+          const footerEl = singleSec.querySelector("footer");
+          contentContainer.innerHTML = "";
+          singleSec.style.minHeight = `${pageH}px`;
+          singleSec.style.boxSizing = "border-box";
+          let curContent = contentContainer;
+          let curSec = singleSec;
+          let curH = 0;
+          const maxH = pageH - 140;
+          finalSections.push(singleSec);
+          for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            const chH = childHeights[i];
+            curContent.appendChild(child);
+            curH += chH;
+            if (curH >= maxH && i < children.length - 1) {
+              const nextSec = document.createElement("section");
+              nextSec.className = singleSec.className;
+              nextSec.style.cssText = singleSec.style.cssText;
+              nextSec.style.minHeight = `${pageH}px`;
+              nextSec.style.boxSizing = "border-box";
+              nextSec.style.backgroundColor = "#ffffff";
+              nextSec.style.boxShadow = "0 4px 24px rgba(0, 0, 0, 0.08)";
+              nextSec.style.borderRadius = "4px";
+              nextSec.style.marginBottom = "24px";
+              if (headerEl) {
+                nextSec.appendChild(headerEl.cloneNode(true));
+              }
+              const nextArticle = document.createElement("article");
+              if (contentContainer.tagName.toLowerCase() === "article") {
+                nextArticle.style.cssText = contentContainer.style.cssText;
+              }
+              nextSec.appendChild(nextArticle);
+              if (footerEl) {
+                nextSec.appendChild(footerEl.cloneNode(true));
+              }
+              if (curSec.nextSibling) {
+                parent.insertBefore(nextSec, curSec.nextSibling);
+              } else {
+                parent.appendChild(nextSec);
+              }
+              finalSections.push(nextSec);
+              curSec = nextSec;
+              curContent = nextArticle;
+              curH = 0;
             }
-            parent.appendChild(nextSec);
-            newSections.push(nextSec);
-            curContent = nextArticle;
-            curH = 0;
           }
+        } else {
+          finalSections.push(singleSec);
         }
-        sections = newSections;
       }
+      sections = finalSections;
     }
     const pageElements = sections.length > 0 ? sections : cards;
     const totalPages = Math.max(1, pageElements.length);
@@ -2558,6 +2830,88 @@ var DocxPlugin = class {
     }
     return result;
   }
+  parseAndRenderChartSvg(xmlStr, width = 500, height = 260) {
+    const catMatches = [...xmlStr.matchAll(/<c:cat>[\s\S]*?<c:strCache>([\s\S]*?)<\/c:strCache>/g)];
+    let categories = [];
+    if (catMatches.length > 0) {
+      categories = [...catMatches[0][1].matchAll(/<c:v>([^<]+)<\/c:v>/g)].map((m) => m[1]);
+    }
+    if (categories.length === 0) {
+      categories = ["Category 1", "Category 2", "Category 3", "Category 4"];
+    }
+    const defaultColors = ["#004586", "#ff420e", "#ffd320", "#579d1c", "#7e0021", "#83caff"];
+    const sers = [...xmlStr.matchAll(/<c:ser>([\s\S]*?)<\/c:ser>/g)];
+    const series = [];
+    sers.forEach((s, sIdx) => {
+      const titleMatch = s[1].match(/<c:tx>[\s\S]*?<c:v>([^<]+)<\/c:v>/);
+      const title = titleMatch ? titleMatch[1] : `Series ${sIdx + 1}`;
+      const clrMatch = s[1].match(/<a:srgbClr\s+val="([^"]+)"/);
+      const color = clrMatch ? "#" + clrMatch[1] : defaultColors[sIdx % defaultColors.length];
+      const valMatch = s[1].match(/<c:val>[\s\S]*?<c:numCache>([\s\S]*?)<\/c:numCache>/);
+      let values = [];
+      if (valMatch) {
+        values = [...valMatch[1].matchAll(/<c:pt\s+idx="(\d+)">\s*<c:v>([^<]+)<\/c:v>/g)].sort((a, b) => parseInt(a[1], 10) - parseInt(b[1], 10)).map((m) => parseFloat(m[2]) || 0);
+      }
+      series.push({ title, color, values });
+    });
+    if (series.length === 0) return "";
+    let maxVal = 10;
+    series.forEach((s) => s.values.forEach((v) => {
+      if (v > maxVal) maxVal = v;
+    }));
+    maxVal = Math.ceil(maxVal * 1.15);
+    if (maxVal % 2 !== 0) maxVal++;
+    const padLeft = 45;
+    const padBottom = 55;
+    const padTop = 20;
+    const padRight = 20;
+    const plotW = width - padLeft - padRight;
+    const plotH = height - padTop - padBottom;
+    const yTicks = 5;
+    let gridLines = "";
+    for (let i = 0; i <= yTicks; i++) {
+      const val = maxVal / yTicks * i;
+      const y = padTop + plotH - val / maxVal * plotH;
+      gridLines += `<line x1="${padLeft}" y1="${y}" x2="${padLeft + plotW}" y2="${y}" stroke="#e2e8f0" stroke-width="1" />`;
+      gridLines += `<text x="${padLeft - 8}" y="${y + 4}" text-anchor="end" font-size="11" fill="#64748b" font-family="Calibri, sans-serif">${Math.round(val)}</text>`;
+    }
+    const numCats = categories.length;
+    const numSers = series.length;
+    const groupW = plotW / numCats;
+    const barW = Math.max(8, Math.min(28, groupW * 0.7 / numSers));
+    const groupPad = (groupW - barW * numSers) / 2;
+    let bars = "";
+    let catLabels = "";
+    for (let c = 0; c < numCats; c++) {
+      const catX = padLeft + c * groupW;
+      catLabels += `<text x="${catX + groupW / 2}" y="${padTop + plotH + 18}" text-anchor="middle" font-size="11" fill="#334155" font-family="Calibri, sans-serif">${categories[c]}</text>`;
+      for (let s = 0; s < numSers; s++) {
+        const val = series[s].values[c] ?? 0;
+        const bH = Math.max(0, val / maxVal * plotH);
+        const bX = catX + groupPad + s * barW;
+        const bY = padTop + plotH - bH;
+        bars += `<rect x="${bX}" y="${bY}" width="${barW - 2}" height="${bH}" fill="${series[s].color}" rx="1" />`;
+      }
+    }
+    let legend = "";
+    const legY = height - 12;
+    let legX = padLeft + (plotW - numSers * 100) / 2;
+    series.forEach((s) => {
+      legend += `<rect x="${legX}" y="${legY - 9}" width="10" height="10" fill="${s.color}" rx="2" />`;
+      legend += `<text x="${legX + 15}" y="${legY}" font-size="11" fill="#475569" font-family="Calibri, sans-serif">${s.title}</text>`;
+      legX += 95;
+    });
+    return `
+      <svg viewBox="0 0 ${width} ${height}" width="100%" height="100%" style="background:#ffffff; border-radius:4px; overflow:visible;" xmlns="http://www.w3.org/2000/svg">
+        ${gridLines}
+        <line x1="${padLeft}" y1="${padTop + plotH}" x2="${padLeft + plotW}" y2="${padTop + plotH}" stroke="#94a3b8" stroke-width="1.5" />
+        <line x1="${padLeft}" y1="${padTop}" x2="${padLeft}" y2="${padTop + plotH}" stroke="#94a3b8" stroke-width="1.5" />
+        ${bars}
+        ${catLabels}
+        ${legend}
+      </svg>
+    `.trim();
+  }
 };
 function docxPlugin() {
   return new DocxPlugin();
@@ -3124,6 +3478,16 @@ var CodePlugin = class {
         execute: () => {
           instance.print?.();
         }
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => {
+          instance.openInSeparateWindow?.();
+        }
       }
     );
     return actions;
@@ -4292,6 +4656,14 @@ var RtfPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -4344,59 +4716,54 @@ var RtfPlugin = class {
       }
       const doc = new RTFJS.Document(ctx.buffer, {});
       const htmlElements = await doc.render();
-      if (htmlElements.length === 1) {
-        const singleEl = htmlElements[0];
-        wrapper.appendChild(singleEl);
-        const children = Array.from(singleEl.children);
-        const secH = singleEl.offsetHeight || singleEl.scrollHeight;
-        if (secH > 1300 && children.length > 1) {
-          const childHeights = children.map((c) => {
-            const rectH = c.getBoundingClientRect().height;
-            const offH = c.offsetHeight;
-            const textLen = c.textContent?.trim().length || 0;
-            const estH = Math.max(24, Math.ceil(textLen / 80) * 22 + 16);
-            return Math.max(rectH, offH, estH);
-          });
-          wrapper.innerHTML = "";
-          const createRtfCard = () => {
-            const card = document.createElement("div");
-            card.className = "fp-rtf-page-card";
-            card.style.backgroundColor = "#ffffff";
-            card.style.boxShadow = "0 4px 24px rgba(0,0,0,0.08)";
-            card.style.borderRadius = "4px";
-            card.style.padding = "72px 56px";
-            card.style.width = "816px";
-            card.style.minHeight = "1056px";
-            card.style.boxSizing = "border-box";
-            card.style.marginBottom = "24px";
-            return card;
-          };
-          let curCard = createRtfCard();
-          wrapper.appendChild(curCard);
-          pageElements = [curCard];
-          let curH = 0;
-          const maxH = 920;
-          for (let i = 0; i < children.length; i++) {
-            const child = children[i];
-            const chH = childHeights[i];
-            curCard.appendChild(child);
-            curH += chH;
-            if (curH >= maxH && i < children.length - 1) {
-              curCard = createRtfCard();
-              wrapper.appendChild(curCard);
-              pageElements.push(curCard);
-              curH = 0;
-            }
-          }
+      const contentNodes = [];
+      for (const item of htmlElements) {
+        if (item.children && item.children.length > 0 && !item.tagName.toLowerCase().startsWith("table")) {
+          contentNodes.push(...Array.from(item.children));
         } else {
-          pageElements = [singleEl];
+          contentNodes.push(item);
         }
-      } else {
-        pageElements = htmlElements;
-        for (let i = 0; i < htmlElements.length; i++) {
-          const el = htmlElements[i];
-          el.style.display = i === 0 ? "block" : "none";
-          wrapper.appendChild(el);
+      }
+      wrapper.innerHTML = "";
+      contentNodes.forEach((node) => wrapper.appendChild(node));
+      const childHeights = contentNodes.map((c) => {
+        const rectH = c.getBoundingClientRect ? c.getBoundingClientRect().height : 0;
+        const offH = c.offsetHeight || 0;
+        const textLen = c.textContent?.trim().length || 0;
+        const estH = Math.max(24, Math.ceil(textLen / 75) * 22 + 14);
+        return Math.max(rectH, offH, estH);
+      });
+      wrapper.innerHTML = "";
+      const createRtfCard = () => {
+        const card = document.createElement("div");
+        card.className = "fp-rtf-page-card";
+        card.style.backgroundColor = "#ffffff";
+        card.style.boxShadow = "0 4px 24px rgba(0,0,0,0.08)";
+        card.style.borderRadius = "4px";
+        card.style.padding = "72px 56px";
+        card.style.width = "816px";
+        card.style.minHeight = "1056px";
+        card.style.boxSizing = "border-box";
+        card.style.marginBottom = "24px";
+        card.style.fontFamily = 'Calibri, "Segoe UI", Arial, sans-serif';
+        card.style.lineHeight = "1.6";
+        return card;
+      };
+      let curCard = createRtfCard();
+      wrapper.appendChild(curCard);
+      pageElements = [curCard];
+      let curH = 0;
+      const maxH = 912;
+      for (let i = 0; i < contentNodes.length; i++) {
+        const child = contentNodes[i];
+        const chH = childHeights[i];
+        curCard.appendChild(child);
+        curH += chH;
+        if (curH >= maxH && i < contentNodes.length - 1) {
+          curCard = createRtfCard();
+          wrapper.appendChild(curCard);
+          pageElements.push(curCard);
+          curH = 0;
         }
       }
     } catch (err) {
@@ -4765,6 +5132,14 @@ var OpenDocumentPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -5353,6 +5728,14 @@ var DocPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -5372,8 +5755,17 @@ var DocPlugin = class {
     let scale = 1;
     let extractedRawText = "";
     let isFallback = false;
+    let chartSvg = "";
     try {
       const cfbf = new CfbfReader(ctx.buffer);
+      try {
+        const pkg = cfbf.readStream("package_stream");
+        if (pkg && pkg.length > 100) {
+          chartSvg = this.parseOdfChartToSvg(pkg);
+        }
+      } catch (chartErr) {
+        console.warn("[DocPlugin] Chart stream parsing info:", chartErr);
+      }
       const wordDocStream = cfbf.readStream("WordDocument");
       if (!wordDocStream || wordDocStream.length < 512) {
         throw new Error("WordDocument stream not found or invalid in CFBF archive");
@@ -5391,7 +5783,7 @@ var DocPlugin = class {
       extractedRawText = fallback;
       isFallback = true;
     }
-    const rawPages = this.splitIntoPages(extractedRawText);
+    const rawPages = this.splitIntoPages(extractedRawText, chartSvg);
     const totalPages = Math.max(1, rawPages.length);
     let currentPage = 1;
     const pageCards = [];
@@ -5633,7 +6025,7 @@ var DocPlugin = class {
     for (const run of [...ansiRuns, ...utf16Runs]) {
       const trimmed = run.trim();
       if (trimmed.length >= 4 && /[a-zA-Z]/.test(trimmed) && !seen.has(trimmed)) {
-        if (!trimmed.includes("Normal.dot") && !trimmed.includes("Microsoft Word") && !trimmed.includes("Times New Roman") && !trimmed.startsWith("\xD0\xCF\xE0\xA1\xB1\xE1") && !/^[\W_0-9]+$/.test(trimmed)) {
+        if (!trimmed.includes("Normal.dot") && !trimmed.includes("Microsoft Word") && !trimmed.includes("Times New Roman") && !trimmed.startsWith("\xD0\xCF\xE0\xA1\xB1\xE1") && !/^EMBED\b/i.test(trimmed) && !trimmed.includes("ChartDocument") && !/^[\W_0-9]+$/.test(trimmed)) {
           seen.add(trimmed);
           candidateLines.push(trimmed);
         }
@@ -5644,12 +6036,138 @@ var DocPlugin = class {
   heuristicTextExtraction(buffer) {
     return this.extractStringsFromBytes(new Uint8Array(buffer));
   }
-  splitIntoPages(text) {
+  /**
+   * Parses an embedded OpenDocument Chart package into a vector SVG bar/column chart
+   */
+  parseOdfChartToSvg(zipBytes) {
+    try {
+      const unzipped = fflate.unzipSync(zipBytes);
+      const contentXml = unzipped["content.xml"] ? new TextDecoder("utf-8").decode(unzipped["content.xml"]) : "";
+      if (!contentXml) return "";
+      const rowsMatch = contentXml.match(/<table:table-row[\s\S]*?<\/table:table-row>/g) || [];
+      if (rowsMatch.length < 2) return "";
+      const headers = [];
+      const firstRow = rowsMatch[0];
+      const headerCells = firstRow ? firstRow.match(/<text:p>([^<]+)<\/text:p>/g) || [] : [];
+      for (const h of headerCells) {
+        headers.push(h.replace(/<\/?text:p>/g, "").trim());
+      }
+      const categories = [];
+      const seriesValues = headers.map(() => []);
+      for (let r = 1; r < rowsMatch.length; r++) {
+        const rowStr = rowsMatch[r];
+        if (!rowStr) continue;
+        const cells = rowStr.match(/<table:table-cell[\s\S]*?<\/table:table-cell>/g) || [];
+        if (cells.length > 0 && cells[0]) {
+          const catMatch = cells[0].match(/<text:p>([^<]+)<\/text:p>/);
+          categories.push(catMatch ? catMatch[1] : "Row " + r);
+          for (let c = 1; c < cells.length && c - 1 < headers.length; c++) {
+            const cellStr = cells[c];
+            if (!cellStr) continue;
+            const valMatch = cellStr.match(/office:value="([0-9.]+)"/) || cellStr.match(/<text:p>([0-9.]+)<\/text:p>/);
+            const series = seriesValues[c - 1];
+            if (series) {
+              series.push(valMatch ? parseFloat(valMatch[1]) : 0);
+            }
+          }
+        }
+      }
+      const colors = ["#004586", "#ff420e", "#ffd320", "#579d1c", "#7e0021"];
+      const colorMatches = contentXml.matchAll(/draw:fill-color="(#[0-9a-fA-F]{6})"/g);
+      let cIdx = 0;
+      for (const cm of colorMatches) {
+        if (cIdx < colors.length) colors[cIdx] = cm[1];
+        cIdx++;
+      }
+      let maxVal = 10;
+      for (const s of seriesValues) {
+        for (const v of s) {
+          if (v > maxVal) maxVal = v;
+        }
+      }
+      maxVal = Math.ceil(maxVal * 1.15);
+      const width = 560;
+      const height = 280;
+      const padLeft = 45;
+      const padRight = 100;
+      const padTop = 20;
+      const padBottom = 40;
+      const chartW = width - padLeft - padRight;
+      const chartH = height - padTop - padBottom;
+      let svg = `<svg viewBox="0 0 ${width} ${height}" width="100%" height="auto" style="max-width: 560px; height: 280px; margin: 16px auto; display: block; font-family: Calibri, sans-serif; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);">`;
+      for (let step = 0; step <= 4; step++) {
+        const yVal = (maxVal / 4 * step).toFixed(1);
+        const yPos = padTop + chartH - step / 4 * chartH;
+        svg += `<line x1="${padLeft}" y1="${yPos}" x2="${padLeft + chartW}" y2="${yPos}" stroke="#e2e8f0" stroke-dasharray="2,2" />`;
+        svg += `<text x="${padLeft - 8}" y="${yPos + 4}" font-size="11" fill="#64748b" text-anchor="end">${yVal}</text>`;
+      }
+      const numCats = categories.length;
+      const numSeries = headers.length;
+      const groupW = chartW / numCats;
+      const barW = Math.max(8, groupW * 0.7 / numSeries);
+      const groupPad = (groupW - barW * numSeries) / 2;
+      for (let catIdx = 0; catIdx < numCats; catIdx++) {
+        const groupX = padLeft + catIdx * groupW + groupPad;
+        for (let sIdx = 0; sIdx < numSeries; sIdx++) {
+          const val = seriesValues[sIdx][catIdx] || 0;
+          const barH = val / maxVal * chartH;
+          const barX = groupX + sIdx * barW;
+          const barY = padTop + chartH - barH;
+          const col = colors[sIdx % colors.length];
+          svg += `<rect x="${barX}" y="${barY}" width="${barW - 2}" height="${barH}" fill="${col}" rx="2"><title>${headers[sIdx]}: ${val}</title></rect>`;
+        }
+        const catX = padLeft + catIdx * groupW + groupW / 2;
+        svg += `<text x="${catX}" y="${padTop + chartH + 18}" font-size="11" fill="#475569" text-anchor="middle">${categories[catIdx]}</text>`;
+      }
+      let legendY = padTop + 20;
+      for (let sIdx = 0; sIdx < numSeries; sIdx++) {
+        const col = colors[sIdx % colors.length];
+        svg += `<rect x="${padLeft + chartW + 15}" y="${legendY}" width="12" height="12" fill="${col}" rx="2" />`;
+        svg += `<text x="${padLeft + chartW + 32}" y="${legendY + 10}" font-size="11" fill="#334155">${headers[sIdx]}</text>`;
+        legendY += 20;
+      }
+      svg += "</svg>";
+      return svg;
+    } catch (e) {
+      console.warn("[DocPlugin] Error generating chart SVG:", e);
+      return "";
+    }
+  }
+  cleanWordDocFields(text, chartSvg = "") {
+    if (!text) return "";
+    let cleaned = text.replace(
+      /\x13\s*EMBED\b[\s\S]*?\x15/gi,
+      () => chartSvg ? `
+
+${chartSvg}
+
+` : ""
+    );
+    cleaned = cleaned.replace(
+      /\x13\s*HYPERLINK\s*"?([^"\x14]+)"?\s*\x14([\s\S]*?)\x15/gi,
+      (_match, url, label) => {
+        const cleanUrl = url.trim();
+        const cleanLabel = label.trim() || cleanUrl;
+        return `<a href="${cleanUrl}" target="_blank" rel="noopener noreferrer" style="color: #2563eb; text-decoration: underline;">${cleanLabel}</a>`;
+      }
+    );
+    cleaned = cleaned.replace(/\x13[^\x14\x15]*\x14([^\x15]*)\x15/g, (_m, res) => {
+      if (/[\x00-\x1F]/.test(res)) return "";
+      return res.trim();
+    });
+    cleaned = cleaned.replace(/\x13[^\x15]*\x15/g, "");
+    cleaned = cleaned.replace(/[\x13\x14\x15]/g, "");
+    cleaned = cleaned.replace(/[\x00-\x08\x0B-\x0C\x0E-\x1F\x7F]/g, "");
+    cleaned = cleaned.replace(/EMBED\s+LibreOffice\.ChartDocument\.[0-9]+/gi, chartSvg || "");
+    return cleaned;
+  }
+  splitIntoPages(text, chartSvg = "") {
     if (!text) return [""];
-    const normalized = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").replace(/\x07\n/g, "\n").replace(/\x07/g, "	");
+    const cleanedText = this.cleanWordDocFields(text, chartSvg);
+    const normalized = cleanedText.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").replace(/\x07\n/g, "\n").replace(/\x07/g, "	");
     const explicitParts = normalized.split(/[\x0C\f]|\n\s*[-=_]{3,}\s*(?:PAGE|Page|page break)[\s\d\w-]*[-=_]{3,}\s*\n/i).map((p) => p.trim()).filter((p) => p.length > 0);
     if (explicitParts.length === 0) explicitParts.push(normalized);
-    const maxLinesPerPage = 32;
+    const maxLinesPerPage = 34;
     const charsPerLine = 80;
     const finalPages = [];
     for (const part of explicitParts) {
@@ -5657,7 +6175,8 @@ var DocPlugin = class {
       let currentLines = [];
       let count = 0;
       for (const line of lines) {
-        const vLines = Math.max(1, Math.ceil((line.length || 1) / charsPerLine));
+        const isSvg = line.includes("<svg");
+        const vLines = isSvg ? 12 : Math.max(1, Math.ceil((line.replace(/<[^>]+>/g, "").length || 1) / charsPerLine));
         if (count + vLines > maxLinesPerPage && currentLines.length > 0) {
           finalPages.push(currentLines.join("\n"));
           currentLines = [];
@@ -5697,9 +6216,44 @@ var DocPlugin = class {
         tableLines = [];
       }
     };
+    const sanitizeOptions = {
+      ADD_TAGS: ["a", "svg", "g", "path", "line", "rect", "circle", "text", "title"],
+      ADD_ATTR: [
+        "href",
+        "target",
+        "rel",
+        "style",
+        "viewBox",
+        "width",
+        "height",
+        "x",
+        "y",
+        "x1",
+        "y1",
+        "x2",
+        "y2",
+        "fill",
+        "stroke",
+        "stroke-width",
+        "stroke-dasharray",
+        "rx",
+        "font-size",
+        "text-anchor"
+      ]
+    };
     let i = 0;
     while (i < lines.length) {
       let line = lines[i];
+      if (line.includes("<svg")) {
+        if (inList) {
+          html += "</ul>";
+          inList = false;
+        }
+        flushTable();
+        html += line;
+        i++;
+        continue;
+      }
       let tabCount = (line.match(/\t/g) || []).length;
       if (tabCount > 0) {
         let j = i;
@@ -5738,20 +6292,20 @@ var DocPlugin = class {
           html += "</ul>";
           inList = false;
         }
-        html += `<h2 style="font-size: 16px; font-weight: 700; color: #1e3a8a; margin: 16px 0 8px; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px;">${DOMPurify6.sanitize(line)}</h2>`;
+        html += `<h2 style="font-size: 16px; font-weight: 700; color: #1e3a8a; margin: 16px 0 8px; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px;">${DOMPurify6.sanitize(line, sanitizeOptions)}</h2>`;
       } else if (line.startsWith("\u2022") || line.startsWith("-") || line.startsWith("*")) {
         if (!inList) {
           html += '<ul style="margin: 8px 0; padding-left: 24px;">';
           inList = true;
         }
         const bulletText = line.replace(/^[•\-\*]\s*/, "");
-        html += `<li style="margin: 4px 0; line-height: 1.15; font-size: 12pt;">${DOMPurify6.sanitize(bulletText)}</li>`;
+        html += `<li style="margin: 4px 0; line-height: 1.15; font-size: 12pt;">${DOMPurify6.sanitize(bulletText, sanitizeOptions)}</li>`;
       } else {
         if (inList) {
           html += "</ul>";
           inList = false;
         }
-        html += `<p style="line-height: 1.15; margin: 0; font-size: 12pt; text-align: justify;">${DOMPurify6.sanitize(line)}</p>`;
+        html += `<p style="line-height: 1.15; margin: 0; font-size: 12pt; text-align: justify;">${DOMPurify6.sanitize(line, sanitizeOptions)}</p>`;
       }
       i++;
     }
@@ -6304,6 +6858,6 @@ var FilePreviewViewer2 = class extends FilePreviewViewer {
   }
 };
 
-export { CfbfReader, EventEmitter, FilePreviewViewer2 as FilePreviewViewer, ThumbnailPanel, ToolbarController, archivePlugin, clamp, codePlugin, createElement, csvPlugin, debounce, detectMagicBytes, detectOoxmlType, docPlugin, docxPlugin, downloadFile, excelPlugin, extractExtension, formatFileSize, getDefaultPlugins, htmlPreviewPlugin, markdownPlugin, mediaPlugin, mimeFromExtension, openDocumentPlugin, pdfPlugin, pptPlugin, pptxPlugin, printElement, rtfPlugin, sanitizeHTML, sanitizeSVG, sourceToArrayBuffer, threeDPlugin };
+export { CfbfReader, EventEmitter, FilePreviewViewer2 as FilePreviewViewer, ThumbnailPanel, ToolbarController, archivePlugin, clamp, codePlugin, createElement, csvPlugin, debounce, detectMagicBytes, detectOoxmlType, docPlugin, docxPlugin, downloadFile, excelPlugin, extractExtension, formatFileSize, getDefaultPlugins, getTransferPayload, htmlPreviewPlugin, markdownPlugin, mediaPlugin, mimeFromExtension, openDocumentPlugin, pdfPlugin, pptPlugin, pptxPlugin, printElement, rtfPlugin, sanitizeHTML, sanitizeSVG, saveTransferPayload, sourceToArrayBuffer, threeDPlugin };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map