feat(adv-filtering): register svg icons #5496

Author: DiyanDimitrov

projects/igniteui-angular/src/lib/grids/filtering/advanced-filtering/advanced-filtering-dialog.component.ts

@@ -786,6 +786,8 @@ export class IgxAdvancedFilteringDialogComponent implements AfterViewInit, OnDes
         this.overlayService = overlayService;
         this.overlayComponentId = overlayComponentId;
 
+        this.filteringService.registerSVGIcons();
+
         // Set pointer-events to none of the overlay content element which blocks the grid interaction after dragging
         this.overlayService.onOpened.pipe(first()).subscribe(() => {
             if (this.element.nativeElement.parentElement) {

projects/igniteui-angular/src/lib/grids/filtering/grid-filtering.service.ts

@@ -39,6 +39,7 @@ export class IgxFilteringService implements OnDestroy {
     private columnToExpressionsMap = new Map<string, ExpressionUI[]>();
     private _datePipe: IgxDatePipeComponent;
     private columnStartIndex = -1;
+    private _filterIconsRegistered = false;
 
     public gridId: string;
     public isFilterRowVisible = false;
@@ -211,10 +212,13 @@ export class IgxFilteringService implements OnDestroy {
      * Register filtering SVG icons in the icon service.
      */
     public registerSVGIcons(): void {
-        for (const icon of icons) {
-            if (!this.iconService.isSvgIconCached(icon.name, FILTERING_ICONS_FONT_SET)) {
-                this.iconService.addSvgIconFromText(icon.name, icon.value, FILTERING_ICONS_FONT_SET);
+        if (!this._filterIconsRegistered) {
+            for (const icon of icons) {
+                if (!this.iconService.isSvgIconCached(icon.name, FILTERING_ICONS_FONT_SET)) {
+                    this.iconService.addSvgIconFromText(icon.name, icon.value, FILTERING_ICONS_FONT_SET);
+                }
             }
+            this._filterIconsRegistered = true;
         }
     }