Passing inputs to tippyService when dynamically instantiating a component ?

[vzakharov-rxnt]

I'm submitting a...

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[ ] Performance issue
[ ] Feature request
[x] Documentation issue or request
[ ] Support request
[ ] Other... Please describe:

Current behavior

I don't know how to pass inputs with tippyService, it's not specified in the docs, nor it is evident from implementation.

Expected behavior

It should be possible to pass some input to components created using TippyService.

Minimal reproduction of the problem with instructions

I am using it with fullcalendar / eventDidMount. It creates the component without inputs no problem. Problem is when I want to pass inputs to it.

This has no effect:

eventDidMount: info => {
  this.tippyService.create(info.el, TooltipContainerComponent, {
    data: 'data',
    context: 'context'
  });
}

// component is defined like this
export class TooltipContainerComponent {
  @Input() data: string = '';
  @Input() context: string = '';
}

// template
<p>tooltip-container works! {{ data }} {{ context }}</p>

What is the motivation / use case for changing the behavior?

Passing components as content is a lot less useful without inputs.

Environment

Angular version: 17


Browser:
- [x] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: 18
- Platform: Windows