¿Es posible extender el rasgo select?

Estoy buscando crear un rasgo llamado colores. Este rasgo tiene un desplegable de colores que se pueden seleccionar. Cuando se selecciona un color, me gustaría modificar la clase del elemento para incluir el color seleccionado y eliminar otros colores. La modificación de la clase debería ser bastante sencilla, pero quiero extender el comportamiento predeterminado del rasgo 'select' en lugar de tener que duplicarlo para rasgos basándose en una entrada select.

He probado varias cosas.

Extender el tipo 'select' al añadir el nuevo tipo al gestor de rasgos.

const selectTrait = editor. TraitManager.getType('select');
trm.addType('colours', selectTrait.extend({
    Opciones: [
        {valor: '', nombre: 'default'},
        {valor: 'Black', nombre: 'Black'},
        {valor: 'Blue', nombre: 'Blue'},
        etcétera...
    ],
    onValueChange: función () {
        console.log('onValueChange', this.model.get('value'));
    }
}));

Y he intentado cambiar la función 'onValueChange' (sé que es privada 😉) al crear el componente.

Rasgos: [
    {
        tipo: 'select',
        etiqueta: 'colores',
        Opciones: [
            {valor: '', nombre: 'default'},
            {valor: 'Black', nombre: 'Black'},
            {valor: 'Blue', nombre: 'Blue'},
           etcétera...
        ],
        /**
         * Al cambiar la llamada
         * @private
         */
        onValueChange(model, value, opts = {}) {
            const mod = this.model;
            const trg = this.target;
            nombre de const = mod.get('name');
            console.log(mod);
            console.log(trg);
            console.log(nombre);

if (opts.fromTarget) {
                this.setInputValue(mod.get('value'));
            } else {
                valor const = esto.getValueForTarget();
                mod.setTargetValue(value);
            }
        },
    }

Ninguno parece llamar a mi función 'onValueChange'. Cualquier ayuda sería muy apreciada. Gracias