trigger custom dom events without the ceremony:

import bubble from 'bubble-event';
document.addEventListener(
    'my-custom-event',
    data => console.log(data.foo) // outputs 'abc' on 'my-custom-event'
);
bubble(
    myElement,
    'my-custom-event',
    {foo: 'abc'}
);