Как вызвать кастомные события внутри класса?
 

Здравствуйте, как вызвать кастомные события внутри класса?
Допустим есть такой код:

import {LitElement, html} from 'lit-element';

// Create your custom component
export class myButton extends LitElement {
    // Declare properties
    static get properties() {
        return {
       
        };
    }

    // Initialize properties
    constructor() {
        super();

        this.addEventListener('toggle', (e) => {
            console.log(e.detail.message)
        });

        function toggle(m) {
            const event = new CustomEvent('toggle', {
                detail: {
                    message: m
                }
            });
            this.dispatchEvent(event);
        }


    }

    // Define a template
    render() {
        return html`<button>Hello, World!</button>`;
    }
}

// Register the element with the browser
customElements.define('my-button', myButton);

Допустим я подключил файл с этим кодом к index.html, и вывел там <my-button></my-button>
Как мне вызвать событие toggle?