https://www.millsborochamber.com/assets/controllers/site_navigation_item_form_controller-fe30de5c.js

1import { Controller } from "@hotwired/stimulus"
2
3export default class extends Controller {
4  static targets = ["kind", "builtInWrap", "pageWrap", "externalWrap"]
5
6  connect() {
7    this.refresh()
8  }
9
10  refresh() {
11    if (!this.hasKindTarget) return
12    const kind = this.kindTarget.value
13
14    this.toggle(this.hasBuiltInWrapTarget ? this.builtInWrapTarget : null, kind === "built_in")
15    this.toggle(this.hasPageWrapTarget ? this.pageWrapTarget : null, kind === "page")
16    this.toggle(this.hasExternalWrapTarget ? this.externalWrapTarget : null, kind === "external_url")
17  }
18
19  toggle(node, show) {
20    if (!node) return
21    node.classList.toggle("hidden", !show)
22
23    node.querySelectorAll("input, select, textarea").forEach((field) => {
24      if (!(field instanceof HTMLElement)) return
25      field.disabled = !show
26    })
27  }
28}