Sha256: 589e2df73432f7b8e468bc77d08741e8975a809f83de512ae7a15db1c904ce6c
Contents?: true
Size: 1.54 KB
Versions: 32
Compression:
Stored size: 1.54 KB
Contents
import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static targets = [ "option" ]
static values = { index: Number }
connect() {
this.#removeTabstops()
this.#selectFirstOption()
}
reset() {
this.indexValue = 0
this.#selectCurrentOption()
}
navigate(event) {
switch (event.key) {
case "ArrowUp":
event.preventDefault()
this.#prev()
break
case "ArrowDown":
event.preventDefault()
this.#next()
break
case "Enter":
event.preventDefault()
this.#clickSelected()
break
}
}
#prev() {
if (this.indexValue > 0) {
this.indexValue--
this.#selectCurrentOption()
}
}
#next() {
if (this.indexValue < this.#lastIndex) {
this.indexValue++
this.#selectCurrentOption()
}
}
#clickSelected() {
this.#visibleOptions[this.indexValue]?.click()
}
#removeTabstops() {
this.optionTargets.forEach(e => e.tabIndex = -1)
}
#selectFirstOption() {
this.optionTargets.forEach((element, index) => {
element.ariaSelected = index === 0
})
}
#selectCurrentOption() {
this.optionTargets.forEach((element, index) => {
element.ariaSelected = false
})
this.#visibleOptions.forEach((element, index) => {
element.ariaSelected = index === this.indexValue
})
}
get #visibleOptions() {
return this.optionTargets.filter(e => e.offsetParent != null)
}
get #lastIndex() {
return this.#visibleOptions.length -1
}
}
Version data entries
32 entries across 32 versions & 1 rubygems