Sha256: ac1a06c4a32c480b1212ca22f894221e1a870a21fbd812a5db72a166451f7b9b
Contents?: true
Size: 1.06 KB
Versions: 23
Compression:
Stored size: 1.06 KB
Contents
import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static targets = [ "button", "tab" ]
static values = { index: Number }
connect() {
this.#showCurrentTab()
}
select({ target }) {
this.indexValue = this.buttonTargets.indexOf(target)
this.#showCurrentTab()
}
prev() {
if (this.indexValue > 0) {
this.indexValue--
this.#showCurrentTab()
this.#focusCurrentButton()
}
}
next() {
if (this.indexValue < this.#lastIndex) {
this.indexValue++
this.#showCurrentTab()
this.#focusCurrentButton()
}
}
#showCurrentTab(shouldFocus) {
this.buttonTargets.forEach((element, index) => {
element.ariaSelected = index === this.indexValue
element.tabIndex = index === this.indexValue ? 0 : -1
})
this.tabTargets.forEach((element, index) => {
element.hidden = index !== this.indexValue
})
}
#focusCurrentButton() {
this.buttonTargets[this.indexValue].focus()
}
get #lastIndex() {
return this.tabTargets.length -1
}
}
Version data entries
23 entries across 23 versions & 1 rubygems