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

package/dist/index.js

@@ -336,16 +336,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 +479,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 +578,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 +605,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;
@@ -736,7 +824,7 @@ var ThumbnailPanel = class {
     }
   }
 };
-var FilePreviewViewer = class {
+var FilePreviewViewer = class _FilePreviewViewer {
   plugins = [];
   activeInstance = null;
   abortController = null;
@@ -773,6 +861,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 +871,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 +904,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 +914,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 +935,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 +989,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 +1492,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 +1599,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 +1656,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 +1690,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 +1724,7 @@ var PdfPlugin = class {
         currentRenderTask = null;
       }
     };
-    await renderPage(1);
+    renderPage(1);
     let resizeTimer = null;
     const resizeObserver = new ResizeObserver(() => {
       if (resizeTimer) clearTimeout(resizeTimer);
@@ -1542,7 +1768,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 +2245,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 +2312,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 +2368,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 +2827,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 +3475,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 +4653,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 +4713,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 +5129,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 +5725,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;
@@ -5644,9 +6024,25 @@ var DocPlugin = class {
   heuristicTextExtraction(buffer) {
     return this.extractStringsFromBytes(new Uint8Array(buffer));
   }
+  cleanWordDocFields(text) {
+    if (!text) return "";
+    let cleaned = text.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, "$1");
+    cleaned = cleaned.replace(/\x13[^\x15]*\x15/g, "");
+    cleaned = cleaned.replace(/[\x13\x14\x15]/g, "");
+    return cleaned;
+  }
   splitIntoPages(text) {
     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);
+    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;
@@ -5657,7 +6053,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 plainLine = line.replace(/<[^>]+>/g, "");
+        const vLines = Math.max(1, Math.ceil((plainLine.length || 1) / charsPerLine));
         if (count + vLines > maxLinesPerPage && currentLines.length > 0) {
           finalPages.push(currentLines.join("\n"));
           currentLines = [];
@@ -5733,25 +6130,26 @@ var DocPlugin = class {
         i++;
         continue;
       }
+      const sanitizeOptions = { ADD_TAGS: ["a"], ADD_ATTR: ["href", "target", "rel", "style"] };
       if (line.length < 60 && !line.endsWith(".") && (/^[A-Z0-9\s:_-]+$/.test(line) || line.startsWith("#"))) {
         if (inList) {
           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 +6702,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