Angular con Grapesjs

Hola, quiero integrar Grapesjs en mi aplicación angular.

Supongamos que tengo un desplegable personalizado (que contiene archivos .ts, .html y .scss) como se muestra a continuación:

CustomDropdown.html----------------------------------
    <div class="cust-dropwodn-container">
          <span>Un encabezado</span>
         <select *ngIf="shouldDropdownBePresent" class="select-class">
                  <opción *ngFor="let optionVal of optionsArr">
                            {{ optionVal.value }}
                        </option>
                </select>
           <botón (onClick)="callEventFunction()">Algún evento clic</button>
    </div>

CustomDropdown.ts------------------------------ ---
    shouldDropdownBePresent: boolean = false;
    @Output() emitToOutsideWorld= nuevo <any>EventEmitter();
    ngOnInt() {
         logic para activar el valor shouldDropdownBePresent
         obtener datos de arrays para el desplegable 
    }

callEventFunction() {
        Evento de emisión al mundo exterior
        emitToOutsideWorld.emit();
   }

CustomDropdown.scss------------------------------------
    .cust-dropwodn-container {
            Antecedentes: Aqua,
            .select-class {
                frontera: ninguna,
            }
     }

Llamar a este componente en cualquier parte de la aplicación, como llamarlo en SampleComponent, sería así, (el archivo html y typescript de SampleComponent se muestra más abajo)
SampleComponent.html-------------------------------
     <CustomDropdown [someData]="data" (emitToOutsideWorld)="eventHandlerFunction()" />

SampleComponent.ts----------------------------------
     eventHandlerFunction() {
        hacer algo cuando el evento se activó desde el componente CustomDropdown
    }

Me gustaría llamar a CustomDropdown componente en canvas de Grapes.js, pero Grapesjs solo espera html, así que ¿cómo implementar esto?
Y me gustaría invocar métodos escritos en archivo typescript desde lienzo, paneles o bloques.
Arriba, los eventos se gestionan como se muestra a continuación en angular:
    (emitToOutsideWorld)="eventHandlerFunction()"
¿Hay alguna forma de emitir eventos desde grapesjs y que su manejador funcione fuera?