https://svh3.com/assets/controllers/tabs_controller-cd2a3978c28cde…651cfc6760a00277495048a6b66f20814acf4103.js

1import {Controller} from "@hotwired/stimulus"
2
3export default class extends Controller {
4  static targets = ["tab", "panel"]
5
6  connect() {
7    this.selectTab(0)
8  }
9
10  select(event) {
11    const index = this.tabTargets.indexOf(event.currentTarget)
12    this.selectTab(index)
13  }
14
15  selectTab(index) {
16    this.tabTargets.forEach((el, i) => {
17	el.classList.toggle("active-tab", i === index)
18    })
19    this.panelTargets.forEach((el, i) => {
20	el.style.display = i == index ? "block" : "none";
21    })
22  }
23};