fix(api): check platform before accessing nativeElement

Author: cupidi

src/lib/api/ext/class.ts

@@ -25,6 +25,7 @@ import {BaseFxDirective} from '../core/base';
 import {BaseFxDirectiveAdapter} from '../core/base-adapter';
 import {MediaChange} from '../../media-query/media-change';
 import {MediaMonitor} from '../../media-query/media-monitor';
+import {isBrowser} from '../../media-query/match-media';
 import {RendererAdapter} from '../core/renderer-adapter';
 
 /** NgClass allowed inputs **/
@@ -103,7 +104,7 @@ export class ClassDirective extends BaseFxDirective
 
     this._ngClassAdapter = new BaseFxDirectiveAdapter('ngClass', monitor, _ngEl, _renderer);
     this._classAdapter = new BaseFxDirectiveAdapter('class', monitor, _ngEl, _renderer);
-    this._classAdapter.cacheInput('class', _ngEl.nativeElement.getAttribute('class') || '');
+    this._classAdapter.cacheInput('class', isBrowser() ? _ngEl.nativeElement.getAttribute('class') || '' : '');
 
     // Create an instance NgClass Directive instance only if `ngClass=""` has NOT been defined on
     // the same host element; since the responsive variations may be defined...

src/lib/api/ext/img-src.ts

@@ -16,6 +16,7 @@ import {
 
 import {BaseFxDirective} from '../core/base';
 import {MediaMonitor} from '../../media-query/media-monitor';
+import {isBrowser} from '../../media-query/match-media';
 
 /**
  * This directive provides a responsive API for the HTML <img> 'src' attribute
@@ -57,7 +58,7 @@ export class ImgSrcDirective extends BaseFxDirective implements OnInit, OnChange
 
   constructor(elRef: ElementRef, renderer: Renderer2, monitor: MediaMonitor) {
     super(monitor, elRef, renderer);
-    this._cacheInput('src', elRef.nativeElement.getAttribute('src') || '');
+    this._cacheInput('src', isBrowser() ? elRef.nativeElement.getAttribute('src') || '' : '');
   }
 
   /**

src/lib/api/ext/style.ts

@@ -25,6 +25,7 @@ import {BaseFxDirective} from '../core/base';
 import {BaseFxDirectiveAdapter} from '../core/base-adapter';
 import {MediaChange} from '../../media-query/media-change';
 import {MediaMonitor} from '../../media-query/media-monitor';
+import {isBrowser} from '../../media-query/match-media';
 import {extendObject} from '../../utils/object-extend';
 import {DomSanitizer} from '@angular/platform-browser';
 
@@ -113,7 +114,7 @@ export class StyleDirective extends BaseFxDirective
 
     // Build adapter, `cacheInput()` interceptor, and get current inline style if any
     this._buildAdapter(this.monitor, _ngEl, _renderer);
-    this._base.cacheInput('style', _ngEl.nativeElement.getAttribute('style'), true);
+    this._base.cacheInput('style', isBrowser() ? _ngEl.nativeElement.getAttribute('style') || '' : '', true);
 
     // Create an instance NgStyle Directive instance only if `ngStyle=""` has NOT been defined on
     // the same host element; since the responsive versions may be defined...