Angular with Grapesjs

Hi I want to integrate Grapesjs into my angular application.

Suppose I have a custom dropdown component (containing .ts, .html and .scss files) as shown shown below:

CustomDropdown.html----------------------------------
    <div class="cust-dropwodn-container">
          <span>Some header</span>
         <select *ngIf="shouldDropdownBePresent" class="select-class">
                  <option *ngFor="let optionVal of optionsArr">
                            {{ optionVal.value }}
                        </option>
                </select>
           <button (onClick)="callEventFunction()">Some event click</button>
    </div>

CustomDropdown.ts------------------------------ ---
    shouldDropdownBePresent: boolean = false;
    @Output() emitToOutsideWorld= new EventEmitter<any>();
    ngOnInt() {
         //logic to toggle shouldDropdownBePresent value
         //get array data for dropdown 
    }

  callEventFunction() {
        //emitting event to outside world
        emitToOutsideWorld.emit();
   }

CustomDropdown.scss------------------------------------
    .cust-dropwodn-container {
            background: aqua,
            .select-class {
                border: none,
            }
     }

Calling this component anywhere in the application, like calling it in SampleComponent would be this way,  (SampleComponent's html and typescript file shown below)
SampleComponent.html-------------------------------
     <CustomDropdown  [someData]="data" (emitToOutsideWorld)="eventHandlerFunction()" />

SampleComponent.ts----------------------------------
     eventHandlerFunction() {
        //do something when the event fired from CustomDropdown component
    }

I'd like to call CustomDropdown component in canvas of Grapes.js, but Grapesjs expects only html, so how to implement this?
And I would like to invoke methods written in typescript file from canvas or panels or blocks.
Above the events are handled as show below in angular:
    (emitToOutsideWorld)="eventHandlerFunction()"
Is there any way to emit events from grapesjs and have their handler functions outside?