Merge pull request #10611 from IgniteUI/simeonoff/icon-service-ssr

fix(icon-service): don't initialize DOMParser in SSR mode

Author: kdinev

projects/igniteui-angular/src/lib/combo/combo.component.spec.ts

@@ -95,7 +95,7 @@ describe('igxCombo', () => {
             get: mockNgControl
         });
         mockSelection.get.and.returnValue(new Set([]));
-        const mockIconService = new IgxIconService(null, null, null);
+        const mockIconService = new IgxIconService(null, null, null, null);
         it('should correctly implement interface methods - ControlValueAccessor ', () => {
             combo = new IgxComboComponent(elementRef, mockCdr, mockSelection as any, mockComboService,
                 mockIconService, null, null, mockInjector);

projects/igniteui-angular/src/lib/icon/icon.service.ts

@@ -3,6 +3,7 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { DOCUMENT } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { Observable, Subject } from 'rxjs';
+import { PlatformUtil } from '../core/utils';
 
 /**
  * Event emitted when a SVG icon is loaded through
@@ -48,14 +49,19 @@ export class IgxIconService {
     private _familyAliases = new Map<string, string>();
     private _cachedSvgIcons = new Map<string, Map<string, SafeHtml>>();
     private _iconLoaded = new Subject<IgxIconLoadedEvent>();
-    private _domParser = new DOMParser();
+    private _domParser: DOMParser;
 
     constructor(
         @Optional() private _sanitizer: DomSanitizer,
         @Optional() private _httpClient: HttpClient,
-        @Optional() @Inject(DOCUMENT) private _document: any
+        @Optional() private _platformUtil: PlatformUtil,
+        @Optional() @Inject(DOCUMENT) private _document: any,
     ) {
         this.iconLoaded = this._iconLoaded.asObservable();
+
+        if(this._platformUtil?.isBrowser) {
+            this._domParser = new DOMParser();
+        }
     }
 
     /**
@@ -188,7 +194,7 @@ export class IgxIconService {
     private cacheSvgIcon(name: string, value: string, family = this._family, stripMeta: boolean) {
         family = !!family ? family : this._family;
 
-        if (name && value) {
+        if (this._platformUtil?.isBrowser && name && value) {
             const doc = this._domParser.parseFromString(value, 'image/svg+xml');
             const svg = doc.querySelector('svg') as SVGElement;