ng-bootstrap modal animation : <p>The fade class doesn't appear to work on the ngb-modal.</p>

<p>I've looked at trying to apply my own animation to the modal but the modal template is obviously injected into modal dialogue by ng-bootstrap e.g. I don't have access to the modal dialogue. I only have access to the template:</p>

<pre><code>&lt;template #content let-c="close" let-d="dismiss"&gt;
  &lt;div class="modal-header card-header" style="border-radius: 10px;"&gt;
    &lt;h4 class="modal-title"&gt;Contact Form&lt;/h4&gt;
 &lt;/div&gt;
    &lt;div class="modal-body"&gt; &lt;/div&gt;
...etc
&lt;/template&gt;
</code></pre>

<p>I need to apply my animation to the top level dialogue otherwise just bits of the modal animate. If I apply it to the template it blows up.</p>

<p>Any idea how I would animate the whole modal??</p>
