[Feature request] Twisty Player onclick event

[Dave2ooo]

Goal

In Twisty Player, I want to be able to detect when the user clicks on the element where the puzzle is shown, i.e. div.visualisation-wrapper is clicked.
Dragging the puzzle could also be detected separately.

In my F2L Trainer, I would like to get to the next training case by clicking on the cube in Twisty Player.
Adding a click event listener to the whole Twisty Player would make the controls of Twisty Player unusable.

I imagine using this feature like that:

document.querySelector('twisty-player').addEventListener('"puzzle-click", callbackClick);
document.querySelector('twisty-player').addEventListener('"puzzle-drag", callbackDrag);

Possible solution

Add a click event listener to visualizationWrapperElem that triggers a new event puzzle-click.

I don't know if it would be that simple.

Alternatives

Add the posibility to make the #shadow-root of Twisty Player open.

[lgarron]

This sounds pretty reasonable. I don't know when I could get around to implementing it, but I'd be happy to review a PR.