Sending actions from the selectedItemComponent

This is a feature request, but it needs some fleshing out.

I want to be able to interact with the selectedItem in a multiple-select. My particular case needs to allow the user to click/touch the selected items to do “things”.

Using selectedItemComponent makes this easy, however I want to trigger actions from the component and bubble them up.

Should there be a way to pass actions closures into the selectedItemComponent? Or is the right way to do this using Evented or a Service?

[Ramblurr]

Yup, thanks for the support @cibernox.

For those that land here eventually, here is how I was able to interact with my selectedItemComponent without having to extend the trigger. In my case “interact” meant handling click events on the selected items.

// in my-select-component.hbs
{{#power-select-multiple
...
selectedItemComponent=(component "selected-item" onItemClicked=(action "itemClicked") someValues=stuff)
...

Then in selected-item.js

...
  didInsertElement() {
    this._super(...arguments);
    this.element.addEventListener('mousedown', (e) => {
          e.stopPropagation();
          return false;
    });
  },
...

[cibernox]

Contextual components are ideal for this.

{{#power-select options=opts 
  selected=foo onchange=(...) 
  selectedItemComponent=(component "my-custom-component" doStuff=(action "foobar")) as |opt|}}
  {{opt}}
{{/power-select}}