refactor(sidebar-nav): IconDirective imports

Author: xidedix

projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-group.component.html

@@ -2,7 +2,7 @@
    [cHtmlAttr]="item.attributes"
    class="nav-link nav-group-toggle"
    href>
-  <ng-container *ngTemplateOutlet="iconTemplate ; context: {$implicit: item}"></ng-container>
+  <ng-container *ngTemplateOutlet="iconTemplate ; context: {$implicit: item}" />
   <ng-container>{{ item.name }}</ng-container>
   <span *ngIf="helper.hasBadge(item)" [ngClass]="item | cSidebarNavBadge">{{ item.badge.text }}</span>
 </a>
@@ -14,8 +14,7 @@
   [groupItems]="true"
   [navItems]="navItems"
   [ngStyle]="display"
->
-</c-sidebar-nav>
+/>
 
 <ng-template #iconTemplate let-item>
   <i *ngIf="item?.icon" [ngClass]="item | cSidebarNavIcon"></i>
@@ -24,7 +23,7 @@
       [cIcon]="item.iconComponent?.content"
       [customClasses]="item | cSidebarNavIcon"
       [name]="item.iconComponent?.name"
-    ></svg>
+    />
   </ng-template>
   <span *ngIf="!item?.icon && !item?.iconComponent" [ngClass]="item | cSidebarNavIcon"></span>
 </ng-template>

projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-link.component.ts

@@ -11,7 +11,7 @@ import { INavData } from './sidebar-nav';
 import { SidebarNavLinkPipe } from './sidebar-nav-link.pipe';
 import { SidebarNavBadgePipe } from './sidebar-nav-badge.pipe';
 import { SidebarNavIconPipe } from './sidebar-nav-icon.pipe';
-import { IconModule } from '@coreui/icons-angular'
+import { IconDirective } from '@coreui/icons-angular';
 
 @Component({
   selector: 'c-sidebar-nav-link-content',
@@ -37,7 +37,16 @@ export class SidebarNavLinkContentComponent {
   templateUrl: './sidebar-nav-link.component.html',
   providers: [SidebarNavHelper],
   standalone: true,
-  imports: [CommonModule, RouterModule, HtmlAttributesDirective, SidebarNavLinkContentComponent, SidebarNavLinkPipe, SidebarNavBadgePipe, SidebarNavIconPipe, IconModule]
+  imports: [
+    CommonModule,
+    RouterModule,
+    HtmlAttributesDirective,
+    IconDirective,
+    SidebarNavLinkContentComponent,
+    SidebarNavLinkPipe,
+    SidebarNavBadgePipe,
+    SidebarNavIconPipe
+  ]
 })
 export class SidebarNavLinkComponent implements OnInit, OnDestroy {
 

projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav.component.ts

@@ -33,14 +33,14 @@ import { INavData } from './sidebar-nav';
 import { SidebarNavHelper } from './sidebar-nav.service';
 import { SidebarNavGroupService } from './sidebar-nav-group.service';
 import { HtmlAttributesDirective } from '../../shared';
-import { IconModule } from '@coreui/icons-angular';
 import { SidebarNavIconPipe } from './sidebar-nav-icon.pipe';
 import { SidebarNavBadgePipe } from './sidebar-nav-badge.pipe';
 import { SidebarNavLinkComponent } from './sidebar-nav-link.component';
 import { SidebarNavLabelComponent } from './sidebar-nav-label.component';
 import { SidebarNavTitleComponent } from './sidebar-nav-title.component';
 import { SidebarNavDividerComponent } from './sidebar-nav-divider.component';
 import { SidebarNavItemClassPipe } from './sidebar-nav-item-class.pipe';
+import { IconDirective } from '@coreui/icons-angular';
 
 @Component({
   selector: 'c-sidebar-nav-group',
@@ -50,10 +50,10 @@ import { SidebarNavItemClassPipe } from './sidebar-nav-item-class.pipe';
   standalone: true,
   imports: [
     HtmlAttributesDirective,
+    IconDirective,
     NgTemplateOutlet,
     NgIf,
     NgClass,
-    IconModule,
     SidebarNavIconPipe,
     SidebarNavBadgePipe,
     forwardRef(() => SidebarNavComponent),