Guardado de componentes personalizados

Hola @artf siento ser un fastidio, realmente no quería abrir un ticket de problema, pero llevo días atascado intentando alcanzar mi objetivo final

He creado un plugin sencillo que añade soporte para iconos (fuente: awsom), así que tengo un components.js, un block.js y un main.js con algunas configuraciones

He conseguido que el OnChange funcione, pero no sé cómo actualizar el modal porque al refrescar el icono de nuevo seleccionado vuelve al icono por defecto. Seguro que estoy haciendo algo mal y he mirado todos tus gjs y no consigo entenderlo

block.js

bm.add('icon', {
    etiqueta: 'Icono',
    atributos: {
      título: 'Insertar icono',
      Clase: 'FA FA-asterisco',
    },
    Contenido: '<span data-gjs-custom-name="icon" data-gjs-draggable="*" data-gjs-droppable="false" class="icon"></span>',
  });

component.js

domc.addType('icon', {
    model: defaultModel.extend({
      defaults: Object.assign({}, defaultModel.prototype.defaults, {
        Iconslist: c.icons,
        icono: c.icon,
        arrastrable: '.col',
        Droppable: falso,
        Rasgos: [
          {
            tipo: 'select',
            etiqueta: 'Icono',
            Nombre: 'Iconslist',
            cambioProp: 1,
            Opciones: C.icons
          }],
        script: function() {}
      }),
      init() {
        var icon = this.get('icon');
        console.log('init', icono);
        this.listenTo(this, 'change:iconslist', this.updateIcons);
      },
      updateIcons() {
        var icon = this.get('iconslist');
        this.set('icon',icon);
        vista const = this.view;
        si (ver) {
          var i = view.el.querySelector('[data-js=icon]');
          i.NombreclaseT= "";
          i.classList.add('fa');
          i.classList.add(icon);
        }
      },
    }, {
      isComponent: function(el) {
        si (hasClass(el, 'icon')) {
          return {
            Tipo: 'icono'
          };
        }
      },
    }),
    view: defaultView.extend({
      init() {
        const comps = this.model.get('components');
        if (!comps.length) {
          comps.reset();
          comps.add('
              <i data-js="icon" class="fa ${c.icon}"></i>
          `);
        }
      }
    }),
  });

Y en main.js tengo algunos valores predeterminados configurados (los he reducido)

Sea defaults = {
icono: 'fa-snapchat-fantasma',
Iconos: [
{
        "valor": "fa-glass",
        "nombre": "cristal"
      },
      {
        "valor": "fa-música",
        "Nombre": "Música"
      }
]
}