add reached-end CustomEvent

Author: DialBird

fixed-layout.js

@@ -301,6 +301,7 @@ export class FixedLayout extends HTMLElement {
     }
     async next() {
         const s = this.rtl ? this.#goLeft() : this.#goRight()
+        if (!s && this.atEnd) this.dispatchEvent(new CustomEvent("reached-end"));
         if (s) this.#reportLocation('page')
         else return this.goToSpread(this.#index + 1, this.rtl ? 'right' : 'left', 'page')
     }

paginator.js

@@ -1034,7 +1034,10 @@ export class Paginator extends HTMLElement {
                 Math.min(this.viewSize, distance ? this.start + distance : this.end), null, true)
             return true
         }
-        if (this.atEnd) return
+        if (this.atEnd) {
+            this.dispatchEvent(new CustomEvent('reached-end'))
+            return
+        }
         const page = this.page + 1
         const pages = this.pages
         return this.#scrollToPage(page, 'page', true).then(() => page >= pages - 1)

view.js

@@ -259,6 +259,7 @@ export class View extends HTMLElement {
         this.renderer.setAttribute('exportparts', 'head,foot,filter')
         this.renderer.addEventListener('load', e => this.#onLoad(e.detail))
         this.renderer.addEventListener('relocate', e => this.#onRelocate(e.detail))
+        this.renderer.addEventListener('reached-end', () => this.#onReachedEnd())
         this.renderer.addEventListener('create-overlayer', e =>
             e.detail.attach(this.#createOverlayer(e.detail)))
         this.renderer.open(book)
@@ -345,6 +346,9 @@ export class View extends HTMLElement {
 
         this.#emit('load', { doc, index })
     }
+    #onReachedEnd() {
+        this.#emit('reached-end')
+    }
     #handleLinks(doc, index) {
         const { book } = this
         const section = book.sections[index]