Can a createRender component within a cell function return values to the parent script?

[brucegl]

I have a table with a "Cleared" check mark button. I'd like the button to be enabled when the table row action is not cleared, and disabled when it is cleared. When the enabled button is clicked, I need to make an API call and, if the call is successful, I'd like the button to be disabled. I also, want to set a couple of variables indicating that the table row has been cleared and by whom.

Is this possible and what's the best approach? I tried but couldn't figure out the syntax to link to my simple custom event, as below.

In +page.svelte

const columns = table.createColumns([
  alarmsTable.column({
    accessor: ({ ...rest }) => {
      return { ...rest };
    },
    header: 'Clear',
    cell: ({ value }) =>
      createRender(TableClearActions, {
        id: JSON.stringify(value),
        username: data.username!
      })}).on('dispatchClearEvent', (event) => console.log('event', event))
  })
]};

In table-clear-actions.svelte

<script lang="ts">
...
const dispatchClearEvent = createEventDispatcher();
...
response = await fetch(...
...
if (response.ok) {
  dispatchClearEvent('hello');
}
...
</script>

Thanks
Gary