Custom click action

[HEAVYPOLY]

Hi, Im trying to replace default click detection with my own custom click detection. This prints doc click undefined

Is there a way to get the clickAction function defined in the div?

document.addEventListener('pointerup', function (event) {
  if (getClickState(event)) {
    const target = event.target
    prnt('doc click', target.clickAction)
    target.clickAction()
  } else {
    prnt('doc pointer up')
  }
})

div({
  id: 'ColorMinimal',
  class: 'headerButton',
  style: () => `background-color:${cssCol.val};min-width:6rem;height:100%;border-radius:10rem;`,
  clickAction: () => prnt('click action'),
  onpointerdown: (e) => { setInputMode('valueHue') },
}),

[HEAVYPOLY]

was able to get it using van custom events, very cool!

  div({
    id: 'ColorMinimal',
    class: 'headerButton',
    style: () => `background-color:${cssCol.val};min-width:6rem;height:100%;border-radius:10rem;`,
    onclk: () => toggleUIPanel('MainControls'),
    onpointerdown: (e) => { setInputMode('valueHue') },
  }),
  
  document.addEventListener('pointerup', function (event) {
if (getClickState(event)) {
  const target = event.target
  prnt('doc click')
  target.dispatchEvent(new Event('clk'))
} else {
  prnt('doc pointer up')
}
})