Creating a new component type does not inherit the functions of it's parent type

Hello, I am trying to create a new common trait shared among all components by creating the following plugin

function backgroundColors(editor) {
    editor.DomComponents.getTypes().map(type => {
        var model = type.model;

        editor.DomComponents.addType(type.id, {
            model: {
                defaults: {
                    traits: [{
                        type: 'select',
                        options: [
                            { value: 'gjs_bgColor_teal', name: 'Teal' }
                        ],
                        label: 'Background Color',
                        name: 'bgColor',
                        changeProp: 1
                    }].concat(model.prototype.defaults.traits),
                },
                init() {
                    this.listenTo(this, 'change:bgColor', this.handleBgColorChange);
                },
                handleBgColorChange() {
                    alert('background color changed');
                }
            },

        });
    })
}

on another plugin file I am also creating a new component type same way following the docs, called extendedText which uses the text type as it's basis. While the text type has the handleBgColorChange() as shown below

the new type branching from text does not

how do I pass down the parent type functions?