Jorge Manrubia
42 lines
1.0 KiB
JavaScript
42 lines
1.0 KiB
JavaScript
import { Controller } from "@hotwired/stimulus"
|
|
|
|
export default class extends Controller {
|
|
static targets = [ "label", "item", "hiddenField" ]
|
|
static values = {
|
|
selectPropertyName: { type: String, default: "aria-checked" },
|
|
defaultValue: String
|
|
}
|
|
|
|
connect() {
|
|
this.labelTarget.textContent = this.#selectedLabel
|
|
}
|
|
|
|
change(event) {
|
|
const item = event.target.closest("[role='checkbox']")
|
|
if (item) {
|
|
this.#selectedItem = item
|
|
}
|
|
}
|
|
|
|
get #selectedLabel() {
|
|
return this.#selectedItem?.dataset?.comboboxLabel || ""
|
|
}
|
|
|
|
get #selectedItem() {
|
|
return this.itemTargets.find(item => item.getAttribute(this.selectPropertyNameValue) === "true")
|
|
}
|
|
|
|
set #selectedItem(item) {
|
|
this.#clearSelection()
|
|
item.setAttribute(this.selectPropertyNameValue, "true")
|
|
this.labelTarget.textContent = this.#selectedLabel
|
|
this.hiddenFieldTarget.value = item.dataset.comboboxValue
|
|
}
|
|
|
|
#clearSelection() {
|
|
this.itemTargets.forEach(target => {
|
|
target.setAttribute(this.selectPropertyNameValue, "false")
|
|
})
|
|
}
|
|
}
|