Renamed hoverable -> focusable

This commit is contained in:
Vadim
2021-04-20 22:41:07 +03:00
parent 55335dbb48
commit cc82fcf44f
5 changed files with 54 additions and 42 deletions

View File

@@ -1,39 +0,0 @@
import { createDispatcher } from './event'
export function hoverable(node) {
const dispatch = createDispatcher(node)
function handleMouseenter() {
dispatch('hovered', { value: true })
// node.addEventListener('mouseleave', handleMouseleave)
// node.addEventListener('touchend', handleMouseleave)
// node.addEventListener('touchcancel', handleMouseleave)
}
function handleMouseleave() {
dispatch('hovered', { value: false })
// node.removeEventListener('mouseleave', handleMouseleave)
// node.removeEventListener('touchend', handleMouseleave)
// node.removeEventListener('touchcancel', handleMouseleave)
}
node.addEventListener('mouseenter', handleMouseenter)
node.addEventListener('touchstart', handleMouseenter)
node.addEventListener('mouseleave', handleMouseleave)
node.addEventListener('touchend', handleMouseleave)
node.addEventListener('touchcancel', handleMouseleave)
return {
destroy() {
node.removeEventListener('mouseenter', handleMouseenter)
node.removeEventListener('touchstart', handleMouseenter)
node.removeEventListener('mouseleave', handleMouseleave)
node.removeEventListener('touchend', handleMouseleave)
node.removeEventListener('touchcancel', handleMouseleave)
},
}
}