refactor(density): further optimizations

Author: simeonoff

projects/igniteui-angular/src/lib/core/density.ts

@@ -81,22 +81,18 @@ export class DisplayDensityBase implements DoCheck, OnInit {
      */
     @Input()
     public get displayDensity(): DisplayDensity {
-        if (!this.size) {
-            return (
-                this._displayDensity ??
-                this.displayDensityOptions?.displayDensity ??
-                DisplayDensity.comfortable
-            );
-        }
-
         switch (this.size) {
             case '1':
                 return DisplayDensity.compact;
             case '2':
                 return DisplayDensity.cosy;
             case '3':
             default:
-                return DisplayDensity.comfortable;
+                return (
+                    this._displayDensity ??
+                    this.displayDensityOptions?.displayDensity ??
+                    DisplayDensity.comfortable
+                );
         }
     }
 
@@ -118,7 +114,7 @@ export class DisplayDensityBase implements DoCheck, OnInit {
     }
 
     public get size() {
-        return globalThis.document.defaultView
+        return globalThis.document?.defaultView
             .getComputedStyle(this._host.nativeElement)
             .getPropertyValue('--ig-size')
             .trim();
@@ -131,7 +127,8 @@ export class DisplayDensityBase implements DoCheck, OnInit {
 
     protected oldDisplayDensityOptions: IDisplayDensityOptions = {
         displayDensity: DisplayDensity.comfortable,
-    };
+    }
+
     protected _displayDensity: DisplayDensity;
 
     constructor(

projects/igniteui-angular/src/lib/core/utils.ts

@@ -831,11 +831,11 @@ export const formatCurrency = new CurrencyPipe(undefined).transform;
 
 /** Converts pixel values to their rem counterparts for a base value */
 export const rem = (value: number | string) => {
-    const base = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--ig-base-font-size'))
+    const base = parseFloat(getComputedStyle(globalThis.document?.documentElement).getPropertyValue('--ig-base-font-size'))
     return Number(value) / base;
 }
 
 /** Get the size of the component as derived from the CSS size variable */
 export function getComponentSize(el: Element) {
-    return window.getComputedStyle(el).getPropertyValue('--component-size');
+    return globalThis.window?.getComputedStyle(el).getPropertyValue('--component-size');
 }