wordinweb 0.1.20 → 0.1.21

package/dist/index.d.ts

@@ -1530,6 +1530,8 @@ interface TextItem {
      * the bookmark's page number (Word recomputes PAGEREF on open; the docx
      * cached result is stale in real TOCs). */
     pageRef?: string;
+    /** DOCX bookmarks that begin on this text item. */
+    bookmarks?: string[];
     /** Source m:oMath element when this text is a piece of an equation. */
     mathSrc?: XmlElement;
     href?: string;

package/dist/index.js

@@ -14427,6 +14427,7 @@ var Engine = class {
       }
       floatOffset = clearBannerForLine(line2, li, floatOffset);
       this.y += floatOffset;
+      const lineItemStart = this.cur.items.length;
       this.emitLine(line2, this.cur, this.colX, this.y);
       if (props.tabs) {
         for (const t of props.tabs) {
@@ -14448,12 +14449,16 @@ var Engine = class {
       if (li === 0 && para.bookmarks) {
         const pg = this.cur.physIndex === -1 ? this.lastRealPage : this.cur;
         if (pg) {
+          const target = this.cur.physIndex === -1 ? void 0 : this.cur.items.slice(lineItemStart).find((item) => item.kind === "text");
+          const targets = [];
           for (const bm of para.bookmarks) {
             if (!this.bookmarkPages.has(bm)) {
               this.bookmarkPages.set(bm, formatNumber(pg.displayNumber, PAGE_FMT[pg.sp.pageNumberFormat ?? "decimal"] ?? "decimal"));
               this.bookmarkPageIndices.set(bm, pg.physIndex - 1);
+              targets.push(bm);
             }
           }
+          if (target && targets.length > 0) target.bookmarks = targets;
         }
       }
       if (li === 0 && this.styleRefTrack && this.styleRefTrack.size > 0) {
@@ -17797,6 +17802,12 @@ function renderPageShell(page, zoom, options) {
   el16.dataset.bodyTop = String(page.bodyTop);
   el16.dataset.bodyBottom = String(page.bodyBottom);
   el16.dataset.columnBands = JSON.stringify(page.columnBands);
+  const bookmarks = {};
+  for (const item of page.items) {
+    if (item.kind !== "text" || !item.bookmarks) continue;
+    for (const name of item.bookmarks) bookmarks[name] = (item.glyphTop ?? item.lineTop) * zoom;
+  }
+  if (Object.keys(bookmarks).length > 0) el16.dataset.bookmarks = JSON.stringify(bookmarks);
   return el16;
 }
 function renderEmptyPageRecord(page, zoom, options) {
@@ -19431,17 +19442,22 @@ function renderText(item, interactive) {
   }
   if (item.href) {
     const anchor = el16;
+    const bookmark = item.href.startsWith("#") ? item.href.slice(1) : void 0;
     anchor.href = item.href;
-    anchor.target = "_blank";
-    anchor.rel = "noreferrer noopener";
+    if (!bookmark) {
+      anchor.target = "_blank";
+      anchor.rel = "noreferrer noopener";
+    }
     anchor.title = item.href;
-    if (interactive) {
+    if (interactive || bookmark) {
       anchor.addEventListener("mouseup", (event) => {
         if (event.metaKey || event.ctrlKey) event.stopPropagation();
       });
       anchor.addEventListener("click", (event) => {
         event.preventDefault();
-        if (event.metaKey || event.ctrlKey) {
+        if (bookmark && (!interactive || event.metaKey || event.ctrlKey)) {
+          scrollToBookmark(anchor, bookmark);
+        } else if (!bookmark && (event.metaKey || event.ctrlKey)) {
           window.open(anchor.href, "_blank", "noopener,noreferrer");
         }
       });
@@ -19456,6 +19472,20 @@ function renderText(item, interactive) {
   setItemLayer(el16, item);
   return el16;
 }
+function scrollToBookmark(anchor, bookmark) {
+  const root = anchor.closest(".dxw-pages");
+  const container = root?.parentElement;
+  if (!root || !container) return;
+  for (const page of Array.from(root.children)) {
+    if (!(page instanceof HTMLElement) || !page.dataset.bookmarks) continue;
+    const bookmarks = JSON.parse(page.dataset.bookmarks);
+    const y = bookmarks[bookmark];
+    if (y === void 0) continue;
+    const pageTop = page.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop;
+    container.scrollTo({ top: Math.max(0, pageTop + y - 24) });
+    return;
+  }
+}
 function renderEdge(x1, y1, x2, y2, border, rotate) {
   const el16 = document.createElement("div");
   el16.dataset.dxwEdge = "1";