AAE-40911 Add adf-icon to core lib (#11471)

* AAE-40911 Add adf-icon

* AAE-40911 Add adf-icon directive to remaining core lib components

* AAE-40911 Fix icon name

* AAE-40911 Remove doc change

* AAE-40911 Add icon module

* AAE-40911 Add icon module

* AAE-40911 Fix export

* AAE-40911 Fix export

lib/core/feature-flags/src/lib/components/flags/flags.component.html

@@ -8,11 +8,8 @@
   <mat-slide-toggle
     [checked]="isEnabled"
     (change)="onEnable($event.checked)" />
-  <button
-    class="adf-feature-flags-overrides-header-close"
-    mat-icon-button
-    mat-dialog-close>
-        <mat-icon>close</mat-icon>
+  <button class="adf-feature-flags-overrides-header-close" mat-icon-button mat-dialog-close>
+    <mat-icon adf-icon="close" />
   </button>
 </mat-toolbar>
 
@@ -20,7 +17,7 @@
   <table mat-table [dataSource]="flags" class="adf-feature-flags-overrides-table mat-elevation-z0">
     <ng-container matColumnDef="icon">
       <th mat-header-cell class="adf-icon-col adf-header-cell" *matHeaderCellDef>
-        <mat-icon class="material-icons-outlined adf-search-icon">search</mat-icon>
+        <mat-icon class="material-icons-outlined adf-search-icon" adf-icon="search" />
       </th>
       <td mat-cell class="adf-icon-col" *matCellDef="let element">
         <button mat-icon-button *ngIf="element.fictive; else flagFromApi" class="adf-fictive-flag-button" (click)="onDelete(element.flag)">
@@ -46,7 +43,7 @@
             <mat-icon class="material-icons-outlined" fontIcon="add_circle" />
           </button>
           <button *ngIf="inputValue" matSuffix mat-icon-button aria-label="Clear" (click)="onClearInput()" class="adf-clear-button">
-            <mat-icon>cancel</mat-icon>
+            <mat-icon adf-icon="cancel" />
           </button>
         </div>
       </th>
@@ -64,6 +61,6 @@
 </ng-container>
 
 <ng-template #flagFromApi>
-  <mat-icon class="material-icons-outlined">cloud</mat-icon>
+  <mat-icon class="material-icons-outlined" adf-icon="cloud" />
 </ng-template>
 

lib/core/feature-flags/src/lib/components/flags/flags.component.ts

@@ -30,7 +30,6 @@ import { debounceTime, map, take, tap } from 'rxjs/operators';
 import { MatTableModule } from '@angular/material/table';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
 import { MatInputModule } from '@angular/material/input';
 import { FormsModule } from '@angular/forms';
@@ -38,6 +37,7 @@ import { FlagsOverrideComponent } from '../feature-override-indicator.component'
 import { MatDialogModule } from '@angular/material/dialog';
 import { TranslatePipe } from '@ngx-translate/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { IconModule } from '@alfresco/adf-core';
 
 @Component({
     selector: 'adf-feature-flags-overrides',
@@ -48,7 +48,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
         MatTableModule,
         MatSlideToggleModule,
         MatToolbarModule,
-        MatIconModule,
+        IconModule,
         MatButtonModule,
         MatInputModule,
         MatDialogModule,