Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Turn View into a custom element, and use DOM events

Browse Source 
Also change "relocated" -> "relocate"
This commit is contained in:
John Factotum
2023-05-15 15:27:18 +08:00
parent 6f6f6b4969
commit 4acfc050ea
5 changed files with 82 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fixed-layout.js
+5 -5
View File
@@ -181,10 +181,10 @@ export class FixedLayout {
#spreads
#index = -1
#container = new Container()
constructor({ book, onLoad, onRelocated }) {
constructor({ book, onLoad, onRelocate }) {
this.book = book
this.#container.onLoad = onLoad
this.onRelocated = onRelocated
this.onRelocate = onRelocate
const { rendition } = book
this.#container.spread = rendition?.spread
@@ -266,7 +266,7 @@ export class FixedLayout {
const right = { index: indexR, src: srcR }
await this.#container.showSpread({ left, right, side })
}
this.onRelocated?.(null, this.index, 0, 1)
this.onRelocate?.(null, this.index, 0, 1)
}
async select(target) {
await this.goTo(target)
@@ -282,12 +282,12 @@ export class FixedLayout {
}
async next() {
const s = this.rtl ? this.#container.goLeft() : this.#container.goRight()
if (s) this.onRelocated?.(null, this.index, 0, 1)
if (s) this.onRelocate?.(null, this.index, 0, 1)
else return this.goToSpread(this.#index + 1, this.rtl ? 'right' : 'left')
}
async prev() {
const s = this.rtl ? this.#container.goRight() : this.#container.goLeft()
if (s) this.onRelocated?.(null, this.index, 0, 1)
if (s) this.onRelocate?.(null, this.index, 0, 1)
else return this.goToSpread(this.#index - 1, this.rtl ? 'left' : 'right')
}
deselect() {