refactor(docs-callout): use control flow

Author: xidedix

Diff for: src/components/docs-callout/docs-callout.component.html

@@ -1,16 +1,19 @@
 <c-callout class="bg-white:dark:bg-transparent" color="info">
-  <ng-container *ngTemplateOutlet="default"></ng-container>
+  <ng-container *ngTemplateOutlet="default" />
 </c-callout>
 
 <ng-template #default>
-  <p *ngIf="!!name">
-  An Angular {{name}} component{{plural ? 's' : ''}} {{plural ? 'have' : 'has'}} been created as a native Angular
-  version
-  of Bootstrap {{name}}. {{name}} {{plural ? 'are' : 'is'}} delivered with some new features,
-  variants, and unique design that matches CoreUI Design System requirements.
-  </p>
+  @if (!!name) {
+    <p>
+      An Angular {{ name }} component{{ plural ? 's' : '' }} {{ plural ? 'have' : 'has' }} been created as a native
+      Angular
+      version
+      of Bootstrap {{ name }}. {{ name }} {{ plural ? 'are' : 'is' }} delivered with some new features,
+      variants, and unique design that matches CoreUI Design System requirements.
+    </p>
+  }
 
-  <ng-content></ng-content>
+  <ng-content />
 
   <br>
   For more information please visit our official <a href="{{href}}" target="_blank">documentation of CoreUI Components Library for Angular.</a>

Diff for: src/components/docs-callout/docs-callout.component.ts

@@ -1,14 +1,14 @@
 import { Component, Input } from '@angular/core';
 import packageJson from '../../../package.json';
-import { NgTemplateOutlet, NgIf } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import { CalloutComponent } from '@coreui/angular';
 
 @Component({
-    selector: 'app-docs-callout',
-    templateUrl: './docs-callout.component.html',
-    styleUrls: ['./docs-callout.component.scss'],
-    standalone: true,
-    imports: [CalloutComponent, NgTemplateOutlet, NgIf]
+  selector: 'app-docs-callout',
+  templateUrl: './docs-callout.component.html',
+  styleUrls: ['./docs-callout.component.scss'],
+  standalone: true,
+  imports: [CalloutComponent, NgTemplateOutlet]
 })
 export class DocsCalloutComponent {