Lit singleton tests...

color-generator.js

let _color = '#ff0000';

let rnd256 = () => Math.floor(Math.random() * 256);

setInterval(
    () => { colorGenerator.color = `rgb(${rnd256()},${rnd256()},${rnd256()})`;},
    1000
)

export const colorGenerator = {
    _listeners: {
        'color-changed': []
    },

    get color() { return _color; },
    set color(c) { _color = c; this._onColorChange(); },
    
    addListener(e, obj) {
        if(this._listeners[e])
            this._listeners[e].push(obj);
    },

    _onColorChange() {
        if(this._listeners['color-changed'])
            this._listeners['color-changed'].forEach(obj => obj({ detail: this.color }) );
    }
};