Color picker improvements

This commit is contained in:
barsdeveloper
2022-10-16 13:56:38 +02:00
parent 0b19d89416
commit 192f2a4c11
23 changed files with 500 additions and 231 deletions

View File

@@ -15,7 +15,7 @@ export default class BoolPinTemplate extends PinTemplate {
super.firstUpdated(changedProperties)
this.#input = this.element.querySelector(".ueb-pin-input")
let self = this
this.onChangeHandler = _ => this.element.setDefaultValue(self.#input.checked ? true : false)
this.onChangeHandler = _ => this.element.setDefaultValue(self.#input.checked)
this.#input.addEventListener("change", this.onChangeHandler)
}
@@ -31,22 +31,10 @@ export default class BoolPinTemplate extends PinTemplate {
]
}
getInputs() {
return [this.#input.checked ? "true" : "false"]
}
/**
* @param {Boolean[]} values
* @param {String[]} rawValues
*/
setDefaultValue(values = [], rawValues) {
this.element.setDefaultValue(values[0])
}
renderInput() {
if (this.element.isInput()) {
return html`
<input type="checkbox" class="ueb-pin-input" checked="${this.element.defaultValue ? "" : nothing}" />
<input type="checkbox" class="ueb-pin-input" ?checked="${this.element.defaultValue ? "" : nothing}" />
`
}
return super.renderInput()