import { Controller } from "@hotwired/stimulus"

// Connects to data-controller="toggle-visibility"
export default class extends Controller {

  static values = { selector: String }

  connect() {
    this.foundElements = document.querySelectorAll(this.selectorValue)
    if (this.foundElements.length == 0)
      console.warn(`${this.identifier}: no element found for CSS selector='${this.selectorValue}'`)
  }

  toggle() {
    this.foundElements.forEach(element => element.hidden = !element.hidden)
  }
}