Sha256: 085151b5ba92e6e723b97e5d253ef2e47be05ea66c1447068a9668f65d618d5a
Contents?: true
Size: 1 KB
Versions: 12
Compression:
Stored size: 1 KB
Contents
class Select extends HTMLSelectElement {
#select2Element
connectedCallback() {
this.classList.add("alchemy_selectbox")
this.#select2Element = $(this).select2({
minimumResultsForSearch: 5,
dropdownAutoWidth: true
})
}
enable() {
this.removeAttribute("disabled")
this.#updateSelect2()
}
disable() {
this.setAttribute("disabled", "disabled")
this.#updateSelect2()
}
setOptions(data, prompt = undefined) {
let selectedValue = this.value
// reset the old options and insert the placeholder(s) first
this.innerHTML = ""
if (prompt) {
this.add(new Option(prompt, ""))
}
// add the new options to the select
data.forEach((item) => {
this.add(new Option(item.text, item.id, false, item.id === selectedValue))
})
this.#updateSelect2()
}
/**
* inform Select2 to update
*/
#updateSelect2() {
this.#select2Element.trigger("change")
}
}
customElements.define("alchemy-select", Select, { extends: "select" })
Version data entries
12 entries across 12 versions & 1 rubygems