[🚀 esl-event-listener]: add possibility to see event handler code in the browser

[NastaLeo]

As an ESL consumer I want to be able to navigate to source code of exact event handler in the browser (event listeners tab) in case event is subscribed by @listen decorator

Example:

  // We are searching for its method
  @listen('click')
  onClick(): void {
    console.log('click');
  }

[ala-n]

Really good case, thanks a lot @NastaLeo !
We need to see if there is a possibility to make exact handler function acessible with chrome dev tools.

[ala-n]

🎉 This issue has been resolved in version 4.0.0-beta.7 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[ala-n]

The issue was resolved by the possibility of seeing the ESLEventListener object as a DOM Event subscription when getEventListeners($0) is called through the browser console.

It is also enhanced by passing the original bound handler for simple cases (when delegation is not required).
Note: according to the current ESL Event Listeners API, the ESLEventListener instances are considered as low-level API and recommended to be avoided for user cases (including being inaccessible as a second param for listener handlers)

[ala-n]

🎉 This issue has been resolved in version 4.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀