@embedpdf-editor/vue3-chapter-viewer 1.0.5 → 1.0.6

package/dist/index.js

@@ -99,7 +99,7 @@ let Fe$1 = class Fe {
     return this.cb(e14, t2);
   }
 };
-const Re$1 = "chapter-manager", Ve$1 = { id: Re$1, name: "Chapter Manager Plugin", version: "0.1.0", provides: ["chapter-manager"], requires: ["document-manager"], optional: [], defaultConfig: { manifest: { chapters: [] }, prefetchChapters: 1, unloadTimeoutMs: 6e4, autoActivateOnLoad: true } };
+const Ve$1 = "chapter-manager", Re$1 = { id: Ve$1, name: "Chapter Manager Plugin", version: "0.1.0", provides: ["chapter-manager"], requires: ["document-manager"], optional: [], defaultConfig: { manifest: { chapters: [] }, prefetchChapters: 1, unloadTimeoutMs: 6e4, autoActivateOnLoad: true } };
 function _e$1(e14) {
   const [t2, s2] = e14.localPageRange;
   return s2 - t2 + 1;
@@ -574,7 +574,7 @@ const st$1 = class e extends BasePlugin {
 };
 st$1.id = "chapter-manager";
 let rt$1 = st$1;
-const nt$1 = { manifest: Ve$1, create: (e14) => new rt$1(Re$1, e14), reducer: (e14) => e14, initialState: {} }, at$1 = "chapter-scroll", ot = { id: at$1, name: "Chapter Scroll Plugin", version: "0.1.0", provides: ["chapter-scroll"], requires: ["chapter-manager"], optional: [], defaultConfig: { placeholderPageHeight: 1200, placeholderPageWidth: 900, bufferSize: 2, pageGap: 20 } };
+const nt$1 = { manifest: Re$1, create: (e14) => new rt$1(Ve$1, e14), reducer: (e14) => e14, initialState: {} }, at$1 = "chapter-scroll", ot = { id: at$1, name: "Chapter Scroll Plugin", version: "0.1.0", provides: ["chapter-scroll"], requires: ["chapter-manager"], optional: [], defaultConfig: { placeholderPageHeight: 1200, placeholderPageWidth: 900, bufferSize: 2, pageGap: 20 } };
 function it(e14) {
   return !!e14 && "urls" in e14 && Array.isArray(e14.urls);
 }
@@ -1116,7 +1116,12 @@ const $t$1 = class $t extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -1226,6 +1231,12 @@ const $t$1 = class $t extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -1233,7 +1244,9 @@ const $t$1 = class $t extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -1244,7 +1257,7 @@ const $t$1 = class $t extends BasePlugin {
       const e15 = this.offsets[l2], r10 = e15 + this.getPageSize(l2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = l2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -1329,7 +1342,7 @@ function Gt$1(e14) {
   }
   return { chapterId: e14.chapterId, threshold: t2, pageCount: s2, segments: a2 };
 }
-function Rt$1(e14, t2) {
+function Vt$1(e14, t2) {
   const s2 = Gt$1(e14);
   if (!s2) return { documentId: e14.chapterId, pageIndex: t2 };
   const r9 = s2.segments.find((e15) => t2 >= e15.localPageStart && t2 <= e15.localPageEnd);
@@ -1339,7 +1352,7 @@ function Rt$1(e14, t2) {
   }
   return { documentId: r9.documentId, pageIndex: t2 - r9.localPageStart };
 }
-function Vt$1(e14, t2) {
+function Rt$1(e14, t2) {
   const s2 = Gt$1(e14);
   if (!s2) return 0;
   const r9 = s2.segments.find((e15) => t2 >= e15.localPageStart && t2 <= e15.localPageEnd);
@@ -1461,7 +1474,7 @@ const jt$1 = class e3 extends BasePlugin {
       t2 && (this.overlapStrategy = t2), this.setManifestInternal(e14);
     }, getManifest: () => this.manifest, getVirtualPageMap: () => this.virtualPageMap, setVisibleGlobalPages: (e14) => this.handleVisibleChange(e14), ensureChapterLoaded: (e14) => this.ensureChapterLoaded(e14), ensureSegmentLoaded: (e14, t2) => this.ensureSegmentLoaded(e14, t2), ensureAllSegmentsLoaded: (e14) => this.ensureAllSegmentsLoaded(e14), resolvePageDocument: (e14, t2) => {
       const s2 = this.findChapter(e14);
-      return s2 ? Rt$1(s2, t2) : null;
+      return s2 ? Vt$1(s2, t2) : null;
     }, getSegmentPlan: (e14) => {
       const t2 = this.findChapter(e14);
       return t2 ? Gt$1(t2) : null;
@@ -1564,7 +1577,7 @@ const jt$1 = class e3 extends BasePlugin {
       r9.add(e15.chapterId);
       const t3 = this.findChapter(e15.chapterId);
       if (!t3) continue;
-      const s3 = Vt$1(t3, e15.localPageIndex);
+      const s3 = Rt$1(t3, e15.localPageIndex);
       n2.add(`${e15.chapterId}:${s3}`), n2.add(`${e15.chapterId}:${s3 + 1}`);
     }
     if (0 === r9.size) return;
@@ -1584,7 +1597,7 @@ const jt$1 = class e3 extends BasePlugin {
     if (this.config.autoActivateOnLoad ?? 1) {
       const t3 = e14[0], s3 = null != t3 ? this.virtualPageMap.atIndex(t3) : null;
       if (s3) {
-        const e15 = Rt$1(this.findChapter(s3.chapterId), s3.localPageIndex);
+        const e15 = Vt$1(this.findChapter(s3.chapterId), s3.localPageIndex);
         if (this.documentManager.provides().isDocumentOpen(e15.documentId)) {
           this.documentManager.provides().getActiveDocumentId() !== e15.documentId && this.documentManager.provides().setActiveDocument(e15.documentId);
         }
@@ -2309,7 +2322,12 @@ const fs$1 = class fs extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -2419,6 +2437,12 @@ const fs$1 = class fs extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -2426,7 +2450,9 @@ const fs$1 = class fs extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -2437,7 +2463,7 @@ const fs$1 = class fs extends BasePlugin {
       const e15 = this.offsets[l2], r10 = e15 + this.getPageSize(l2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = l2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -3074,10 +3100,10 @@ const Ns$1 = class e6 extends BasePlugin {
 };
 Ns$1.id = "chapter-manager";
 let Gs$1 = Ns$1;
-function Rs$1(e14) {
+function Vs$1(e14) {
   return !!e14 && "urls" in e14 && Array.isArray(e14.urls);
 }
-function Vs$1(e14, t2) {
+function Rs$1(e14, t2) {
   return `${e14}#s${t2}`;
 }
 function _s$1(e14) {
@@ -3090,7 +3116,7 @@ function qs$1(e14) {
   const t2 = (function(e15) {
     if (null != e15.segmentPageThreshold && e15.segmentPageThreshold > 0) return e15.segmentPageThreshold;
     const t3 = e15.source;
-    return Rs$1(t3) ? t3.segmentPageThreshold : null;
+    return Vs$1(t3) ? t3.segmentPageThreshold : null;
   })(e14);
   if (!t2) return null;
   const s2 = (function(e15) {
@@ -3098,25 +3124,25 @@ function qs$1(e14) {
     return s3 - t3 + 1;
   })(e14), r9 = (function(e15, t3) {
     return e15 <= 0 || t3 <= 0 ? 0 : Math.ceil(e15 / t3);
-  })(s2, t2), n2 = Rs$1(e14.source) ? e14.source.urls : void 0, a2 = [];
+  })(s2, t2), n2 = Vs$1(e14.source) ? e14.source.urls : void 0, a2 = [];
   for (let o2 = 0; o2 < r9; o2++) {
     const r10 = o2 * t2, i2 = Math.min(r10 + t2 - 1, s2 - 1);
     if (r10 >= s2) break;
-    a2.push({ index: o2, url: (null == n2 ? void 0 : n2[o2]) ?? "", localPageStart: r10, localPageEnd: i2, documentId: Vs$1(e14.chapterId, o2) });
+    a2.push({ index: o2, url: (null == n2 ? void 0 : n2[o2]) ?? "", localPageStart: r10, localPageEnd: i2, documentId: Rs$1(e14.chapterId, o2) });
   }
   return { chapterId: e14.chapterId, threshold: t2, pageCount: s2, segments: a2 };
 }
-function Ws(e14) {
+function Ws$1(e14) {
   const [t2, s2] = e14.localPageRange;
   return s2 - t2 + 1;
 }
-function Hs$1(e14) {
+function Hs(e14) {
   return !!e14 && "urls" in e14 && Array.isArray(e14.urls);
 }
 function Bs$1(e14) {
   if (null != e14.segmentPageThreshold && e14.segmentPageThreshold > 0) return e14.segmentPageThreshold;
   const t2 = e14.source;
-  return Hs$1(t2) ? t2.segmentPageThreshold : null;
+  return Hs(t2) ? t2.segmentPageThreshold : null;
 }
 function js(e14, t2) {
   return `${e14}#s${t2}`;
@@ -3133,7 +3159,7 @@ function Ys(e14, t2) {
 function Xs(e14) {
   const t2 = Bs$1(e14);
   if (!t2) return null;
-  const s2 = Ws(e14), r9 = Ys(s2, t2), n2 = Hs$1(e14.source) ? e14.source.urls : void 0, a2 = [];
+  const s2 = Ws$1(e14), r9 = Ys(s2, t2), n2 = Hs(e14.source) ? e14.source.urls : void 0, a2 = [];
   for (let o2 = 0; o2 < r9; o2++) {
     const r10 = o2 * t2, i2 = Math.min(r10 + t2 - 1, s2 - 1);
     if (r10 >= s2) break;
@@ -3161,10 +3187,10 @@ function Js(e14) {
   var t2;
   const s2 = Bs$1(e14);
   if (!s2) return [];
-  const r9 = [], { chapterId: n2 } = e14, a2 = Ws(e14);
+  const r9 = [], { chapterId: n2 } = e14, a2 = Ws$1(e14);
   s2 <= 0 && r9.push(`${n2}: segmentPageThreshold must be > 0`);
   const o2 = e14.source;
-  if (!Hs$1(o2)) return r9;
+  if (!Hs(o2)) return r9;
   0 === o2.urls.length && r9.push(`${n2}: source.urls must not be empty`);
   const i2 = Ys(a2, s2);
   o2.urls.length !== i2 && r9.push(`${n2}: source.urls.length (${o2.urls.length}) must equal ceil(pageCount/threshold) (${i2})`);
@@ -3458,7 +3484,7 @@ const nr = class e7 extends BasePlugin {
     if (r9) return r9;
     const n2 = (async () => {
       const s3 = e14.source;
-      if (Hs$1(s3)) {
+      if (Hs(s3)) {
         const e15 = [...s3.urls];
         return this.chapterUrlsCache.set(t2, e15), e15;
       }
@@ -3486,14 +3512,14 @@ const nr = class e7 extends BasePlugin {
   async resolvePdfPayload(t2, s2) {
     const r9 = t2.source, n2 = this.config.chapterPdfLoader, a2 = Bs$1(t2);
     if (a2) {
-      const r10 = Ys(Ws(t2), a2);
+      const r10 = Ys(Ws$1(t2), a2);
       if (s2 < 0 || s2 >= r10) throw new Error(`Chapter "${t2.chapterId}" invalid segmentIndex ${s2} (expected 0..${r10 - 1})`);
       const n3 = await this.resolveChapterUrls(t2);
       return n3.length !== r10 && this.logger.warn(e7.id, "SegmentUrlCount", `Chapter "${t2.chapterId}" urls.length (${n3.length}) != expected (${r10})`), this.openPayloadFromUrl(t2, s2, n3);
     }
     if (0 !== s2) throw new Error(`Chapter "${t2.chapterId}" is not segmented`);
     if (r9) {
-      if (Hs$1(r9)) {
+      if (Hs(r9)) {
         const e14 = await this.resolveChapterUrls(t2);
         return this.openPayloadFromUrl(t2, s2, e14);
       }
@@ -3615,7 +3641,12 @@ const ir = class extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -3725,6 +3756,12 @@ const ir = class extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -3732,7 +3769,9 @@ const ir = class extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -3743,7 +3782,7 @@ const ir = class extends BasePlugin {
       const e15 = this.offsets[l2], r10 = e15 + this.getPageSize(l2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = l2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -4167,10 +4206,10 @@ function Gr(a2, o2, i2) {
     return false !== ((_a2 = o2.value) == null ? void 0 : _a2.enabled);
   }, minZoom: b2, maxZoom: I2 };
 }
-function Rr(e14, t2, s2) {
+function Vr(e14, t2, s2) {
   return Math.min(s2, Math.max(t2, e14));
 }
-function Vr(e14, t2) {
+function Rr(e14, t2) {
   if (!e14 || false === t2.enabled) return () => {
   };
   let s2 = null, r9 = null, n2 = 0;
@@ -4179,7 +4218,7 @@ function Vr(e14, t2) {
     return !!r10 && (s2 == null ? void 0 : s2(), s2 = (function({ container: e15, getScale: t3, setScale: s3, minZoom: r11 = 0.5, maxZoom: n3 = 3 }) {
       let a3 = 0, o2 = 1, i2 = null, l2 = 1, h2 = 1;
       const d2 = (e16) => {
-        (e16.ctrlKey || e16.metaKey) && (e16.preventDefault(), null === i2 ? (h2 = t3(), l2 = 1) : clearTimeout(i2), l2 *= 1 - 0.01 * e16.deltaY, l2 = Rr(l2, 0.1, 10), s3(Rr(h2 * l2, r11, n3)), i2 = setTimeout(() => {
+        (e16.ctrlKey || e16.metaKey) && (e16.preventDefault(), null === i2 ? (h2 = t3(), l2 = 1) : clearTimeout(i2), l2 *= 1 - 0.01 * e16.deltaY, l2 = Vr(l2, 0.1, 10), s3(Vr(h2 * l2, r11, n3)), i2 = setTimeout(() => {
           i2 = null;
         }, 120));
       }, c2 = /* @__PURE__ */ new Map(), u2 = (e16) => {
@@ -4191,7 +4230,7 @@ function Vr(e14, t2) {
         if (c2.has(e16.pointerId) && (c2.set(e16.pointerId, { x: e16.clientX, y: e16.clientY }), 2 === c2.size && a3 > 0)) {
           e16.preventDefault();
           const [t4, i3] = [...c2.values()], l3 = Math.hypot(i3.x - t4.x, i3.y - t4.y);
-          s3(Rr(o2 * (l3 / a3), r11, n3));
+          s3(Vr(o2 * (l3 / a3), r11, n3));
         }
       }, g2 = (e16) => {
         c2.delete(e16.pointerId), c2.size < 2 && (a3 = 0);
@@ -4221,7 +4260,7 @@ function qr(e14) {
     watch([e15, t2], () => {
       s2 == null ? void 0 : s2();
       const r9 = t2.value;
-      s2 = Vr(e15.value ?? null, { enabled: r9.enabled, getScale: r9.getScale, setScale: r9.setScale, minZoom: r9.minZoom, maxZoom: r9.maxZoom });
+      s2 = Rr(e15.value ?? null, { enabled: r9.enabled, getScale: r9.getScale, setScale: r9.setScale, minZoom: r9.minZoom, maxZoom: r9.maxZoom });
     }, { deep: true, flush: "post" }), onBeforeUnmount(() => s2 == null ? void 0 : s2());
   })(a2, computed(() => ({ enabled: c2(), getScale: () => h2.value, setScale: d2, minZoom: u2.value, maxZoom: p2.value }))), { hostRef: a2, scale: h2, setScale: d2, zoomEnabled: c2 };
 }
@@ -4766,7 +4805,12 @@ const un = class extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -4876,6 +4920,12 @@ const un = class extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -4883,7 +4933,9 @@ const un = class extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -4894,7 +4946,7 @@ const un = class extends BasePlugin {
       const e15 = this.offsets[l2], r10 = e15 + this.getPageSize(l2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = l2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -5483,10 +5535,10 @@ function Gn(e14) {
   const t2 = e14.source;
   return Nn(t2) ? t2.segmentPageThreshold : null;
 }
-function Rn(e14, t2) {
+function Vn(e14, t2) {
   return `${e14}#s${t2}`;
 }
-function Vn(e14) {
+function Rn(e14) {
   const t2 = e14.lastIndexOf("#s");
   if (-1 === t2) return { chapterId: e14, segmentIndex: null };
   const s2 = e14.slice(0, t2), r9 = Number.parseInt(e14.slice(t2 + 2), 10);
@@ -5502,7 +5554,7 @@ function qn(e14) {
   for (let o2 = 0; o2 < r9; o2++) {
     const r10 = o2 * t2, i2 = Math.min(r10 + t2 - 1, s2 - 1);
     if (r10 >= s2) break;
-    a2.push({ index: o2, url: (null == n2 ? void 0 : n2[o2]) ?? "", localPageStart: r10, localPageEnd: i2, documentId: Rn(e14.chapterId, o2) });
+    a2.push({ index: o2, url: (null == n2 ? void 0 : n2[o2]) ?? "", localPageStart: r10, localPageEnd: i2, documentId: Vn(e14.chapterId, o2) });
   }
   return { chapterId: e14.chapterId, threshold: t2, pageCount: s2, segments: a2 };
 }
@@ -5620,13 +5672,13 @@ const Kn = class e11 extends BasePlugin {
   }
   async initialize(e14) {
     if (this.config = e14, this.passwordProvider = e14.passwordProvider, this.overlapStrategy = e14.overlapStrategy ?? jn, this.documentManagerUnsubs.push(this.documentManager.provides().onDocumentOpened((e15) => {
-      const { chapterId: t2 } = Vn(e15.id);
+      const { chapterId: t2 } = Rn(e15.id);
       this.findChapter(t2) && (this.passwordAttempts.delete(t2), this.syncChapterStatusFromDocuments(t2));
     }), this.documentManager.provides().onDocumentClosed((e15) => {
-      const { chapterId: t2 } = Vn(e15);
+      const { chapterId: t2 } = Rn(e15);
       this.findChapter(t2) && this.syncChapterStatusFromDocuments(t2);
     }), this.documentManager.provides().onDocumentError((e15) => {
-      const { chapterId: t2 } = Vn(e15.documentId);
+      const { chapterId: t2 } = Rn(e15.documentId);
       this.findChapter(t2) && this.handleDocumentError(e15.documentId, t2, e15.code, e15.message);
     })), this.setManifestInternal(e14.manifest), e14.unloadTimeoutMs && e14.unloadTimeoutMs > 0) {
       const t2 = Math.max(5e3, Math.floor(e14.unloadTimeoutMs / 4));
@@ -5906,7 +5958,7 @@ const Kn = class e11 extends BasePlugin {
   async handleDocumentError(t2, s2, r9, n2) {
     if (this.pendingSegmentLoadPromises.has(t2)) return;
     if (r9 !== PdfErrorCode.Password) {
-      const e14 = this.getSegmentPlanForChapter(s2), { segmentIndex: r10 } = Vn(t2);
+      const e14 = this.getSegmentPlanForChapter(s2), { segmentIndex: r10 } = Rn(t2);
       return void (e14 && 0 !== r10 && null !== r10 || this.updateStatus(s2, "error"));
     }
     if (!this.passwordProvider) return void this.updateStatus(s2, "password-required");
@@ -5980,7 +6032,12 @@ const ea = class extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -6090,6 +6147,12 @@ const ea = class extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -6097,7 +6160,9 @@ const ea = class extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -6108,7 +6173,7 @@ const ea = class extends BasePlugin {
       const e15 = this.offsets[l2], r10 = e15 + this.getPageSize(l2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = l2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -6647,14 +6712,14 @@ const Ga = /* @__PURE__ */ defineComponent({ __name: "PdfChapterViewport", props
     var _a2, _b, _c, _d;
     return [createVNode(ya, { item: t3, features: e14.features, "show-note-markers": p2.value, "show-bookmark-markers": m2.value, "show-redaction-layer": e14.showRedactionLayer, "note-marker-ui": (_b = (_a2 = e14.features) == null ? void 0 : _a2.notes) == null ? void 0 : _b.marker, "bookmark-marker-ui": (_d = (_c = e14.features) == null ? void 0 : _c.bookmarks) == null ? void 0 : _d.marker, "build-selection-menu": w2.value, "create-note": unref(o2), "annotation-selection-menu": e14.annotationSelectionMenu, "redaction-selection-menu": e14.redactionSelectionMenu, "render-page-overlay": x }, null, 8, ["item", "features", "show-note-markers", "show-bookmark-markers", "show-redaction-layer", "note-marker-ui", "bookmark-marker-ui", "build-selection-menu", "create-note", "annotation-selection-menu", "redaction-selection-menu"])];
   }), _: 1 }, 8, ["class", "style"]), renderSlot(t2.$slots, "default")], 6));
-} }), Ra = { key: 0, style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0, width: "100%" } }, Va = /* @__PURE__ */ defineComponent({ __name: "ChapterPdfViewer", props: { engine: {}, options: {}, editorOptions: {}, features: {}, className: {}, viewportClassName: {}, onExtraSelectionAction: { type: Function } }, setup(e14) {
+} }), Va = { key: 0, style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0, width: "100%" } }, Ra = /* @__PURE__ */ defineComponent({ __name: "ChapterPdfViewer", props: { engine: {}, options: {}, editorOptions: {}, features: {}, className: {}, viewportClassName: {}, onExtraSelectionAction: { type: Function } }, setup(e14) {
   const s2 = e14, r9 = computed(() => (function(e15) {
     if (e15.options) return Ur(e15.options);
     if (!e15.editorOptions) throw new Error("ChapterPdfViewer: 请传入 `options`（推荐），或同时传入 `editorOptions` 与 `features`");
     const t2 = De$1(e15.features), { plugins: s3 } = Lr({ ...e15.editorOptions, features: t2 });
     return { plugins: s3, features: t2, editorOptions: { ...e15.editorOptions, features: t2 } };
   })({ engine: s2.engine, options: s2.options, editorOptions: s2.editorOptions, features: s2.features }));
-  return (t2, s3) => (openBlock(), createElementBlock("div", { class: normalizeClass(e14.className), style: normalizeStyle(e14.className ? void 0 : unref(Pe$1)) }, [createVNode(unref(EmbedPDF), { engine: e14.engine, plugins: r9.value.plugins }, { default: withCtx(({ pluginsReady: s4 }) => [s4 ? (openBlock(), createElementBlock("div", Ra, [renderSlot(t2.$slots, "prepend"), createVNode(Ga, { class: normalizeClass(e14.viewportClassName), style: { flex: 1, minHeight: 0 }, features: r9.value.features, "on-extra-selection-action": e14.onExtraSelectionAction }, null, 8, ["class", "features", "on-extra-selection-action"]), renderSlot(t2.$slots, "default")])) : createCommentVNode("", true)]), _: 3 }, 8, ["engine", "plugins"])], 6));
+  return (t2, s3) => (openBlock(), createElementBlock("div", { class: normalizeClass(e14.className), style: normalizeStyle(e14.className ? void 0 : unref(Pe$1)) }, [createVNode(unref(EmbedPDF), { engine: e14.engine, plugins: r9.value.plugins }, { default: withCtx(({ pluginsReady: s4 }) => [s4 ? (openBlock(), createElementBlock("div", Va, [renderSlot(t2.$slots, "prepend"), createVNode(Ga, { class: normalizeClass(e14.viewportClassName), style: { flex: 1, minHeight: 0 }, features: r9.value.features, "on-extra-selection-action": e14.onExtraSelectionAction }, null, 8, ["class", "features", "on-extra-selection-action"]), renderSlot(t2.$slots, "default")])) : createCommentVNode("", true)]), _: 3 }, 8, ["engine", "plugins"])], 6));
 } }), _a = { class: "chapter-tree-row" }, qa = ["aria-expanded"], Wa = { key: 1, class: "chapter-tree-toggle-spacer", "aria-hidden": "" }, Ha = { class: "chapter-tree-label" }, Ba = { class: "chapter-tree-meta" }, ja = { key: 0 }, Za = (e14, t2) => {
   const s2 = e14.__vccOpts || e14;
   for (const [r9, n2] of t2) s2[r9] = n2;
@@ -6694,7 +6759,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Va), normalizeProps(guardReactiveProps(_ctx.$props)), createSlots({
+      return openBlock(), createBlock(unref(Ra), normalizeProps(guardReactiveProps(_ctx.$props)), createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -6829,7 +6894,7 @@ let z = class {
     return s2 ? this._pages.indexOf(s2) : -1;
   }
 };
-function R$1(e14, t2 = N) {
+function V(e14, t2 = N) {
   const s2 = (function(e15, t3 = N) {
     const s3 = /* @__PURE__ */ new Map();
     for (const n3 of e15.chapters) {
@@ -6854,7 +6919,7 @@ function R$1(e14, t2 = N) {
   }
   return new z(a2);
 }
-const V = class r extends BasePlugin {
+const R$1 = class r extends BasePlugin {
   constructor(e14, r9) {
     super(e14, r9), this.statusChange$ = createBehaviorEmitter(), this.manifestChange$ = createEmitter(), this.overlapStrategy = N, this.chapterStatus = /* @__PURE__ */ new Map(), this.chapterErrorMessages = /* @__PURE__ */ new Map(), this.chapterLastUsed = /* @__PURE__ */ new Map(), this.passwordAttempts = /* @__PURE__ */ new Map(), this.pendingChapterLoadPromises = /* @__PURE__ */ new Map(), this.pendingSegmentLoadPromises = /* @__PURE__ */ new Map(), this.chapterUrlsCache = /* @__PURE__ */ new Map(), this.pendingChapterUrlsPromises = /* @__PURE__ */ new Map(), this.unloadTimer = null, this.documentManagerUnsubs = [], this.documentManager = this.registry.getPlugin(DocumentManagerPlugin.id);
   }
@@ -6921,7 +6986,7 @@ const V = class r extends BasePlugin {
     const n2 = new Set(this.chapterStatus.keys()), a2 = new Set(t2.chapters.map((e15) => e15.chapterId));
     for (const r9 of n2) a2.has(r9) || (this.closeChapter(r9), this.chapterStatus.delete(r9), this.chapterErrorMessages.delete(r9), this.chapterUrlsCache.delete(r9), this.pendingChapterUrlsPromises.delete(r9));
     for (const r9 of t2.chapters) this.chapterStatus.has(r9.chapterId) || this.chapterStatus.set(r9.chapterId, "idle");
-    this.manifest = t2, this.virtualPageMap = R$1(t2, this.overlapStrategy), this.manifestChange$.emit({ manifest: t2, map: this.virtualPageMap }), this.eagerPrefetchFromManifest();
+    this.manifest = t2, this.virtualPageMap = V(t2, this.overlapStrategy), this.manifestChange$.emit({ manifest: t2, map: this.virtualPageMap }), this.eagerPrefetchFromManifest();
   }
   eagerPrefetchFromManifest() {
     const e14 = this.config.prefetchChapters ?? 0;
@@ -7183,9 +7248,9 @@ const V = class r extends BasePlugin {
     "error" === t2 && s2 ? this.chapterErrorMessages.set(e14, s2) : "loading" !== t2 && "loaded" !== t2 || this.chapterErrorMessages.delete(e14), r9 !== t2 && (this.chapterStatus.set(e14, t2), this.statusChange$.emit({ chapterId: e14, status: t2, ..."error" === t2 && s2 ? { error: { message: s2 } } : {} }));
   }
 };
-V.id = "chapter-manager";
-let _$1 = V;
-function W(e14) {
+R$1.id = "chapter-manager";
+let _$1 = R$1;
+function H(e14) {
   return !!e14 && "urls" in e14 && Array.isArray(e14.urls);
 }
 function j(e14, t2) {
@@ -7201,7 +7266,7 @@ function J(e14) {
   const t2 = (function(e15) {
     if (null != e15.segmentPageThreshold && e15.segmentPageThreshold > 0) return e15.segmentPageThreshold;
     const t3 = e15.source;
-    return W(t3) ? t3.segmentPageThreshold : null;
+    return H(t3) ? t3.segmentPageThreshold : null;
   })(e14);
   if (!t2) return null;
   const s2 = (function(e15) {
@@ -7209,7 +7274,7 @@ function J(e14) {
     return s3 - t3 + 1;
   })(e14), r9 = (function(e15, t3) {
     return e15 <= 0 || t3 <= 0 ? 0 : Math.ceil(e15 / t3);
-  })(s2, t2), n2 = W(e14.source) ? e14.source.urls : void 0, a2 = [];
+  })(s2, t2), n2 = H(e14.source) ? e14.source.urls : void 0, a2 = [];
   for (let o2 = 0; o2 < r9; o2++) {
     const r10 = o2 * t2, i2 = Math.min(r10 + t2 - 1, s2 - 1);
     if (r10 >= s2) break;
@@ -7726,7 +7791,12 @@ const pe = class extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -7836,6 +7906,12 @@ const pe = class extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -7843,7 +7919,9 @@ const pe = class extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -7854,7 +7932,7 @@ const pe = class extends BasePlugin {
       const e15 = this.offsets[h2], r10 = e15 + this.getPageSize(h2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = h2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -8414,12 +8492,12 @@ function Ge(e14) {
 function ze(e14) {
   return !!e14 && "urls" in e14 && Array.isArray(e14.urls);
 }
-function Re(e14) {
+function Ve(e14) {
   if (null != e14.segmentPageThreshold && e14.segmentPageThreshold > 0) return e14.segmentPageThreshold;
   const t2 = e14.source;
   return ze(t2) ? t2.segmentPageThreshold : null;
 }
-function Ve(e14, t2) {
+function Re(e14, t2) {
   return `${e14}#s${t2}`;
 }
 function _e(e14) {
@@ -8431,19 +8509,19 @@ function _e(e14) {
 function qe(e14, t2) {
   return e14 <= 0 || t2 <= 0 ? 0 : Math.ceil(e14 / t2);
 }
-function He(e14) {
-  const t2 = Re(e14);
+function Be(e14) {
+  const t2 = Ve(e14);
   if (!t2) return null;
   const s2 = Ge(e14), r9 = qe(s2, t2), n2 = ze(e14.source) ? e14.source.urls : void 0, a2 = [];
   for (let o2 = 0; o2 < r9; o2++) {
     const r10 = o2 * t2, i2 = Math.min(r10 + t2 - 1, s2 - 1);
     if (r10 >= s2) break;
-    a2.push({ index: o2, url: (null == n2 ? void 0 : n2[o2]) ?? "", localPageStart: r10, localPageEnd: i2, documentId: Ve(e14.chapterId, o2) });
+    a2.push({ index: o2, url: (null == n2 ? void 0 : n2[o2]) ?? "", localPageStart: r10, localPageEnd: i2, documentId: Re(e14.chapterId, o2) });
   }
   return { chapterId: e14.chapterId, threshold: t2, pageCount: s2, segments: a2 };
 }
-function Be(e14, t2) {
-  const s2 = He(e14);
+function We(e14, t2) {
+  const s2 = Be(e14);
   if (!s2) return { documentId: e14.chapterId, pageIndex: t2 };
   const r9 = s2.segments.find((e15) => t2 >= e15.localPageStart && t2 <= e15.localPageEnd);
   if (!r9) {
@@ -8452,15 +8530,15 @@ function Be(e14, t2) {
   }
   return { documentId: r9.documentId, pageIndex: t2 - r9.localPageStart };
 }
-function We(e14, t2) {
-  const s2 = He(e14);
+function He(e14, t2) {
+  const s2 = Be(e14);
   if (!s2) return 0;
   const r9 = s2.segments.find((e15) => t2 >= e15.localPageStart && t2 <= e15.localPageEnd);
   return (null == r9 ? void 0 : r9.index) ?? Math.floor(t2 / s2.threshold);
 }
 function je(e14) {
   var t2;
-  const s2 = Re(e14);
+  const s2 = Ve(e14);
   if (!s2) return [];
   const r9 = [], { chapterId: n2 } = e14, a2 = Ge(e14);
   s2 <= 0 && r9.push(`${n2}: segmentPageThreshold must be > 0`);
@@ -8574,10 +8652,10 @@ const Xe = class r4 extends BasePlugin {
       t2 && (this.overlapStrategy = t2), this.setManifestInternal(e14);
     }, getManifest: () => this.manifest, getVirtualPageMap: () => this.virtualPageMap, setVisibleGlobalPages: (e14) => this.handleVisibleChange(e14), ensureChapterLoaded: (e14) => this.ensureChapterLoaded(e14), ensureSegmentLoaded: (e14, t2) => this.ensureSegmentLoaded(e14, t2), ensureAllSegmentsLoaded: (e14) => this.ensureAllSegmentsLoaded(e14), resolvePageDocument: (e14, t2) => {
       const s2 = this.findChapter(e14);
-      return s2 ? Be(s2, t2) : null;
+      return s2 ? We(s2, t2) : null;
     }, getSegmentPlan: (e14) => {
       const t2 = this.findChapter(e14);
-      return t2 ? He(t2) : null;
+      return t2 ? Be(t2) : null;
     }, isSegmentLoaded: (e14, t2) => this.isSegmentDocumentOpen(e14, t2), isSegmentLoadPending: (e14, t2) => this.isSegmentLoadPending(e14, t2), getChapterErrorMessage: (e14) => this.chapterErrorMessages.get(e14), getChapterStatus: (e14) => this.chapterStatus.get(e14) ?? "idle", getChapter: (e14) => this.findChapter(e14), onChapterStatusChange: this.statusChange$.on, onManifestChange: this.manifestChange$.on };
   }
   destroy() {
@@ -8635,7 +8713,7 @@ const Xe = class r4 extends BasePlugin {
   }
   getSegmentPlanForChapter(e14) {
     const t2 = this.findChapter(e14);
-    return t2 ? He(t2) : null;
+    return t2 ? Be(t2) : null;
   }
   isSegmentDocumentOpen(e14, t2) {
     const s2 = this.getSegmentPlanForChapter(e14), r9 = this.documentManager.provides();
@@ -8677,7 +8755,7 @@ const Xe = class r4 extends BasePlugin {
       r9.add(e15.chapterId);
       const t3 = this.findChapter(e15.chapterId);
       if (!t3) continue;
-      const s3 = We(t3, e15.localPageIndex);
+      const s3 = He(t3, e15.localPageIndex);
       n2.add(`${e15.chapterId}:${s3}`), n2.add(`${e15.chapterId}:${s3 + 1}`);
     }
     if (0 === r9.size) return;
@@ -8697,7 +8775,7 @@ const Xe = class r4 extends BasePlugin {
     if (this.config.autoActivateOnLoad ?? 1) {
       const t3 = e14[0], s3 = null != t3 ? this.virtualPageMap.atIndex(t3) : null;
       if (s3) {
-        const e15 = Be(this.findChapter(s3.chapterId), s3.localPageIndex);
+        const e15 = We(this.findChapter(s3.chapterId), s3.localPageIndex);
         if (this.documentManager.provides().isDocumentOpen(e15.documentId)) {
           this.documentManager.provides().getActiveDocumentId() !== e15.documentId && this.documentManager.provides().setActiveDocument(e15.documentId);
         }
@@ -8729,7 +8807,7 @@ const Xe = class r4 extends BasePlugin {
   ensureSegmentLoaded(e14, t2) {
     const s2 = this.findChapter(e14);
     if (!s2) return Promise.resolve("error");
-    const r9 = He(s2);
+    const r9 = Be(s2);
     if (!r9) return 0 !== t2 ? Promise.resolve(this.isSegmentDocumentOpen(e14, 0) ? "loaded" : "error") : this.ensureSingleDocumentChapter(s2);
     if (t2 < 0 || t2 >= r9.segments.length) return Promise.resolve("error");
     const n2 = r9.segments[t2], a2 = n2.documentId;
@@ -8785,7 +8863,7 @@ const Xe = class r4 extends BasePlugin {
     return (null == n2 ? void 0 : n2.openPdf) ? n2.openPdf(a2) : { url: r9 };
   }
   async resolvePdfPayload(e14, t2) {
-    const s2 = e14.source, n2 = this.config.chapterPdfLoader, a2 = Re(e14);
+    const s2 = e14.source, n2 = this.config.chapterPdfLoader, a2 = Ve(e14);
     if (a2) {
       const s3 = qe(Ge(e14), a2);
       if (t2 < 0 || t2 >= s3) throw new Error(`Chapter "${e14.chapterId}" invalid segmentIndex ${t2} (expected 0..${s3 - 1})`);
@@ -8863,7 +8941,7 @@ const Xe = class r4 extends BasePlugin {
     });
   }
   closeChapter(e14) {
-    const t2 = this.findChapter(e14), s2 = this.documentManager.provides(), r9 = t2 ? He(t2) : null, n2 = (e15) => {
+    const t2 = this.findChapter(e14), s2 = this.documentManager.provides(), r9 = t2 ? Be(t2) : null, n2 = (e15) => {
       if (s2.isDocumentOpen(e15)) {
         s2.closeDocument(e15).wait(() => {
         }, () => {
@@ -8916,7 +8994,12 @@ const tt = class extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -9026,6 +9109,12 @@ const tt = class extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -9033,7 +9122,9 @@ const tt = class extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -9044,7 +9135,7 @@ const tt = class extends BasePlugin {
       const e15 = this.offsets[h2], r10 = e15 + this.getPageSize(h2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = h2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -9778,7 +9869,7 @@ function Gt(e14) {
   return r9;
 }
 const zt = { kind: "first-wins" };
-function Rt(e14, t2, s2) {
+function Vt(e14, t2, s2) {
   if (1 === t2.length) return t2[0].chapterId;
   switch (s2.kind) {
     case "first-wins":
@@ -9796,7 +9887,7 @@ function Rt(e14, t2, s2) {
       return s2.resolve(e14, t2);
   }
 }
-class Vt {
+class Rt {
   constructor(e14) {
     this._pages = e14, this._byChapter = /* @__PURE__ */ new Map(), this._byGlobalNumber = /* @__PURE__ */ new Map();
     for (const t2 of e14) {
@@ -9841,7 +9932,7 @@ function _t(e14, t2 = zt) {
       }
     }
     const r10 = /* @__PURE__ */ new Map();
-    for (const [n3, a3] of s3) r10.set(n3, Rt(n3, a3, t3));
+    for (const [n3, a3] of s3) r10.set(n3, Vt(n3, a3, t3));
     return r10;
   })(e14, t2), r9 = /* @__PURE__ */ new Map();
   for (const i2 of e14.chapters) r9.set(i2.chapterId, i2);
@@ -9853,7 +9944,7 @@ function _t(e14, t2 = zt) {
     const [n3] = t3.globalPageRange, [h2] = t3.localPageRange, d2 = h2 + (i2 - n3);
     a2.push({ globalPageIndex: o2++, globalPageNumber: i2, chapterId: e15, localPageIndex: d2 });
   }
-  return new Vt(a2);
+  return new Rt(a2);
 }
 const qt = class r7 extends BasePlugin {
   constructor(e14, r9) {
@@ -10185,8 +10276,8 @@ const qt = class r7 extends BasePlugin {
   }
 };
 qt.id = "chapter-manager";
-let Ht2 = qt;
-function Bt(e14, t2) {
+let Bt = qt;
+function Wt(e14, t2) {
   if (e14 === t2) return true;
   if (e14.totalHeight !== t2.totalHeight || e14.totalWidth !== t2.totalWidth || e14.pageGap !== t2.pageGap || e14.items.length !== t2.items.length) return false;
   for (let s2 = 0; s2 < e14.items.length; s2++) {
@@ -10195,9 +10286,9 @@ function Bt(e14, t2) {
   }
   return true;
 }
-const Wt = class extends BasePlugin {
+const Ht2 = class extends BasePlugin {
   constructor(e14, s2) {
-    super(e14, s2), this.layoutChange$ = createBehaviorEmitter(void 0, Bt), this.visibleChange$ = createBehaviorEmitter(), this.virtualPageMap = null, this.pageSizes = /* @__PURE__ */ new Map(), this.offsets = [], this.totalHeight = 0, this.totalWidth = 0, this.viewportEl = null, this.viewportObservers = null, this.currentVisible = [], this.currentGlobalPageIndex = 0, this.chapterManagerUnsubs = [], this.chapterManager = this.registry.getPlugin(Ht2.id), this.documentManager = this.registry.getPlugin(DocumentManagerPlugin.id);
+    super(e14, s2), this.layoutChange$ = createBehaviorEmitter(void 0, Wt), this.visibleChange$ = createBehaviorEmitter(), this.virtualPageMap = null, this.pageSizes = /* @__PURE__ */ new Map(), this.offsets = [], this.totalHeight = 0, this.totalWidth = 0, this.viewportEl = null, this.viewportObservers = null, this.currentVisible = [], this.currentGlobalPageIndex = 0, this.chapterManagerUnsubs = [], this.chapterManager = this.registry.getPlugin(Bt.id), this.documentManager = this.registry.getPlugin(DocumentManagerPlugin.id);
   }
   async initialize(e14) {
     this.config = { placeholderPageHeight: e14.placeholderPageHeight ?? 1200, placeholderPageWidth: e14.placeholderPageWidth ?? 900, bufferSize: e14.bufferSize ?? 2, pageGap: e14.pageGap ?? 20 }, this.virtualPageMap = this.chapterManager.provides().getVirtualPageMap(), this.rebuildOffsets(), this.chapterManagerUnsubs.push(this.chapterManager.provides().onManifestChange(({ map: e15 }) => {
@@ -10221,7 +10312,12 @@ const Wt = class extends BasePlugin {
     return !s2.isSegmentLoaded(e14, n2);
   }
   refreshLayout() {
-    this.layoutChange$.emit(this.computeLayout());
+    this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
+  }
+  pushVisibleLoads() {
+    if (!this.virtualPageMap || 0 === this.currentVisible.length) return;
+    const e14 = this.expandIndicesWithBuffer(this.currentVisible, this.virtualPageMap.totalPages);
+    0 !== e14.length && this.chapterManager.provides().setVisibleGlobalPages(e14);
   }
   syncReadyChapterSizes() {
     for (const e14 of this.chapterManager.provides().getManifest().chapters) {
@@ -10331,6 +10427,12 @@ const Wt = class extends BasePlugin {
       requestAnimationFrame(() => this.recomputeVisible());
     });
   }
+  expandIndicesWithBuffer(e14, t2) {
+    if (0 === e14.length || t2 <= 0) return [];
+    const s2 = this.config.bufferSize, r9 = Math.max(0, e14[0] - s2), n2 = Math.min(t2 - 1, e14[e14.length - 1] + s2), a2 = [];
+    for (let o2 = r9; o2 <= n2; o2++) a2.push(o2);
+    return a2;
+  }
   recomputeVisible() {
     if (!this.viewportEl || !this.virtualPageMap) return;
     const e14 = this.virtualPageMap.totalPages;
@@ -10338,7 +10440,9 @@ const Wt = class extends BasePlugin {
     const t2 = this.viewportEl.scrollTop, s2 = t2 + this.viewportEl.clientHeight, r9 = this.findFirstVisibleIndex(t2);
     let n2 = r9;
     for (; n2 < e14; ) {
-      const e15 = this.getPageSize(n2), t3 = this.offsets[n2];
+      const e15 = this.getPageSize(n2);
+      if (e15.height <= 0) break;
+      const t3 = this.offsets[n2];
       if (e15.height, t3 >= s2) break;
       n2++;
     }
@@ -10349,7 +10453,7 @@ const Wt = class extends BasePlugin {
       const e15 = this.offsets[h2], r10 = e15 + this.getPageSize(h2).height, n3 = Math.max(0, Math.min(r10, s2) - Math.max(e15, t2));
       n3 > i2 && (i2 = n3, o2 = h2);
     }
-    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.chapterManager.provides().setVisibleGlobalPages(a2), this.layoutChange$.emit(this.computeLayout());
+    this.currentVisible = a2, this.currentGlobalPageIndex = o2, this.visibleChange$.emit({ visibleGlobalPageIndices: a2, currentGlobalPageIndex: o2 }), this.pushVisibleLoads(), this.layoutChange$.emit(this.computeLayout());
   }
   findFirstVisibleIndex(e14) {
     let t2 = 0, s2 = this.offsets.length - 1, r9 = 0;
@@ -10395,8 +10499,8 @@ const Wt = class extends BasePlugin {
     s2 && this.scrollToIndex(s2.globalPageIndex, t2);
   }
 };
-Wt.id = "chapter-scroll";
-let jt = Wt;
+Ht2.id = "chapter-scroll";
+let jt = Ht2;
 function Kt(e14) {
   const t2 = e14[e14.length - 1];
   return { x: t2.origin.x + t2.size.width, y: t2.origin.y + t2.size.height };
@@ -10699,12 +10803,12 @@ async function Gs(e14, t2, s2) {
 function zs(e14) {
   return JSON.stringify(e14, null, 2);
 }
-function Rs(e14) {
+function Vs(e14) {
   const t2 = JSON.parse(e14);
   if (!t2 || "object" != typeof t2 || !t2.chapters) throw new Error("无效的章节标注 JSON");
   return t2;
 }
-function Vs(e14) {
+function Rs(e14) {
   return JSON.stringify(e14, null, 2);
 }
 function _s(e14) {
@@ -10716,11 +10820,11 @@ function qs(e14, t2) {
   const s2 = new Blob([t2], { type: "application/json;charset=utf-8" }), r9 = URL.createObjectURL(s2), n2 = document.createElement("a");
   n2.href = r9, n2.download = e14, n2.click(), URL.revokeObjectURL(r9);
 }
-function Hs(e14, t2 = "chapter-annotations.json") {
+function Bs(e14, t2 = "chapter-annotations.json") {
   qs(t2, zs(e14));
 }
-function Bs(e14, t2) {
-  qs(t2 ?? `chapter-annotations-${e14.chapterId}.json`, Vs(e14));
+function Ws(e14, t2) {
+  qs(t2 ?? `chapter-annotations-${e14.chapterId}.json`, Rs(e14));
 }
 const DEFAULT_CHAPTER_TEXT_SELECTION_BACKGROUND = "rgba(33, 150, 243)";
 ({
@@ -11532,7 +11636,7 @@ export {
   G as buildChapterViewerCatalog,
   pr as buildParagraphBookmarkAnchor,
   zs as chapterAnnotationsArchiveToJson,
-  Vs as chapterAnnotationsSnapshotToJson,
+  Rs as chapterAnnotationsSnapshotToJson,
   _ as chapterDescriptorFromTreeNode,
   Ms as copyTextToClipboard,
   Ur as createChapterViewerBundle,
@@ -11540,8 +11644,8 @@ export {
   Tr as createChapterViewerEditorOptions,
   Sr as createPdfChapterEditor,
   P as defaultOverlapStrategy,
-  Hs as downloadChapterAnnotationsArchive,
-  Bs as downloadChapterAnnotationsSnapshot,
+  Bs as downloadChapterAnnotationsArchive,
+  Ws as downloadChapterAnnotationsSnapshot,
   qs as downloadJsonFile,
   As2 as exportAllChapterAnnotations,
   Os as exportChapterAnnotations,
@@ -11549,7 +11653,7 @@ export {
   Ns as importChapterAnnotations,
   Gs as importChapterAnnotationsArchive,
   v as overlapStrategyForSamePageOwner,
-  Rs as parseChapterAnnotationsArchiveJson,
+  Vs as parseChapterAnnotationsArchiveJson,
   _s as parseChapterAnnotationsSnapshotJson,
   C as toChapterTreeNodes,
   useCapability2 as useCapability,