Formatting.
This commit is contained in:
parent
8b9271e5b7
commit
bec6ff0881
|
@ -1,38 +1,42 @@
|
||||||
<script>
|
<script>
|
||||||
import { createEventDispatcher } from 'svelte'
|
import { createEventDispatcher } from "svelte"
|
||||||
import Colorpicker from "@budibase/colorpicker"
|
import Colorpicker from "@budibase/colorpicker"
|
||||||
|
|
||||||
const dispatch = createEventDispatcher();
|
const dispatch = createEventDispatcher()
|
||||||
|
|
||||||
export let value
|
export let value
|
||||||
|
|
||||||
const WAIT = 150;
|
const WAIT = 150
|
||||||
|
|
||||||
function throttle(callback, wait, immediate = false) {
|
function throttle(callback, wait, immediate = false) {
|
||||||
let timeout = null
|
let timeout = null
|
||||||
let initialCall = true
|
let initialCall = true
|
||||||
|
|
||||||
return function() {
|
return function() {
|
||||||
const callNow = immediate && initialCall
|
const callNow = immediate && initialCall
|
||||||
const next = () => {
|
const next = () => {
|
||||||
callback.apply(this, arguments)
|
callback.apply(this, arguments)
|
||||||
timeout = null
|
timeout = null
|
||||||
}
|
}
|
||||||
|
|
||||||
if (callNow) {
|
if (callNow) {
|
||||||
initialCall = false
|
initialCall = false
|
||||||
next()
|
next()
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!timeout) {
|
if (!timeout) {
|
||||||
timeout = setTimeout(next, wait)
|
timeout = setTimeout(next, wait)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const onChange = throttle(e => {
|
const onChange = throttle(
|
||||||
dispatch('change', e.detail)
|
e => {
|
||||||
}, WAIT, true)
|
dispatch("change", e.detail)
|
||||||
|
},
|
||||||
|
WAIT,
|
||||||
|
true
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Colorpicker value={value || '#C4C4C4'} on:change={onChange} />
|
<Colorpicker value={value || '#C4C4C4'} on:change={onChange} />
|
||||||
|
|
Loading…
Reference in New Issue