2019-10-16 06:38:45 +02:00
|
|
|
<script>
|
2020-04-23 14:22:41 +02:00
|
|
|
export let id = ""
|
2020-02-03 10:50:30 +01:00
|
|
|
export let value = ""
|
|
|
|
export let className = ""
|
|
|
|
export let type = "text"
|
2020-04-23 14:22:41 +02:00
|
|
|
export let label = ""
|
|
|
|
export let checked = false
|
2019-10-16 06:38:45 +02:00
|
|
|
|
2020-02-03 10:50:30 +01:00
|
|
|
export let _bb
|
2019-10-16 06:38:45 +02:00
|
|
|
|
2020-02-03 10:50:30 +01:00
|
|
|
let actualValue = ""
|
2019-10-16 06:38:45 +02:00
|
|
|
|
2020-02-03 10:50:30 +01:00
|
|
|
const onchange = ev => {
|
|
|
|
if (_bb) {
|
2020-08-11 11:31:41 +02:00
|
|
|
const val = type === "checkbox" ? ev.target.checked : ev.target.value
|
|
|
|
_bb.setBinding("value", val)
|
2020-02-03 10:50:30 +01:00
|
|
|
}
|
|
|
|
}
|
2019-10-16 06:38:45 +02:00
|
|
|
</script>
|
|
|
|
|
2020-04-23 14:22:41 +02:00
|
|
|
<label for={id}>{label}</label>
|
|
|
|
<input {id} class={className} {type} {value} {checked} on:change={onchange} />
|