Cat-angular: *catTooltip doesn't work good with dynamic content

[ianovalena]

Describe the bug
When the tooltip can be dynamically shown or hidden, the <cat-tooltip> component works well, but the *catTooltip directive can be hidden when it should appear

To Reproduce
Steps to reproduce the behavior:

1. Add code like this, where tooltipVisible is initially false, but then becomes true

<cat-tooltip [content]="tooltipVisible() ? content() : ''">
  <p>
    {{ content() }}
  </p>
</cat-tooltip>

<p *catTooltip="tooltipVisible() ? content() : ''">
  {{ content() }}
</p>

2. Test tooltips

Expected behavior
*catTooltip works the same as <cat-tooltip>

Screenshots

screen-capture.7.webm

Desktop

• OS: MacOS
• Browser Chrome
• Version 13.0.0