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

Paginator: make scrollToAnchor() public

Browse Source
This commit is contained in:
John Factotum
2023-09-27 02:15:09 +08:00
parent 0a9c418711
commit 3833ce5702
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
paginator.js
+9 -9
View File
@@ -519,7 +519,7 @@ export class Paginator extends HTMLElement {
if (this.#view) this.#container.removeChild(this.#view.element) if (this.#view) this.#container.removeChild(this.#view.element)
this.#view = new View({ this.#view = new View({
container: this, container: this,
onExpand: this.#scrollToAnchor.bind(this), onExpand: () => this.scrollToAnchor(this.#anchor),
}) })
this.#container.append(this.#view.element) this.#container.append(this.#view.element)
return this.#view return this.#view
@@ -607,7 +607,7 @@ export class Paginator extends HTMLElement {
vertical: this.#vertical, vertical: this.#vertical,
rtl: this.#rtl, rtl: this.#rtl,
})) }))
this.#scrollToAnchor() this.scrollToAnchor(this.#anchor)
} }
get scrolled() { get scrolled() {
return this.getAttribute('flow') === 'scrolled' return this.getAttribute('flow') === 'scrolled'
@@ -766,8 +766,9 @@ export class Paginator extends HTMLElement {
const offset = this.size * (this.#rtl ? -page : page) const offset = this.size * (this.#rtl ? -page : page)
return this.#scrollTo(offset, reason, smooth) return this.#scrollTo(offset, reason, smooth)
} }
async #scrollToAnchor(select) { async scrollToAnchor(anchor, select) {
const rects = uncollapse(this.#anchor)?.getClientRects?.() this.#anchor = anchor
const rects = uncollapse(anchor)?.getClientRects?.()
// if anchor is an element or a range // if anchor is an element or a range
if (rects) { if (rects) {
// when the start of the range is immediately after a hyphen in the // when the start of the range is immediately after a hyphen in the
@@ -781,13 +782,13 @@ export class Paginator extends HTMLElement {
} }
// if anchor is a fraction // if anchor is a fraction
if (this.scrolled) { if (this.scrolled) {
await this.#scrollTo(this.#anchor * this.viewSize, 'anchor') await this.#scrollTo(anchor * this.viewSize, 'anchor')
return return
} }
const { pages } = this const { pages } = this
if (!pages) return if (!pages) return
const textPages = pages - 2 const textPages = pages - 2
const newPage = Math.round(this.#anchor * (textPages - 1)) const newPage = Math.round(anchor * (textPages - 1))
await this.#scrollToPage(newPage + 1, 'anchor') await this.#scrollToPage(newPage + 1, 'anchor')
} }
#selectAnchor() { #selectAnchor() {
@@ -847,9 +848,8 @@ export class Paginator extends HTMLElement {
})) }))
this.#view = view this.#view = view
} }
this.#anchor = (typeof anchor === 'function' await this.scrollToAnchor((typeof anchor === 'function'
? anchor(this.#view.document) : anchor) ?? 0 ? anchor(this.#view.document) : anchor) ?? 0, select)
await this.#scrollToAnchor(select)
} }
#canGoToIndex(index) { #canGoToIndex(index) {
return index >= 0 && index <= this.sections.length - 1 return index >= 0 && index <= this.sections.length - 1