refactor(*): minor fixes and changes

Author: simeonoff

src/app/app.config.ts

@@ -1,4 +1,4 @@
-import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
+import { provideHttpClient, withFetch, withInterceptorsFromDi } from "@angular/common/http";
 import { ApplicationConfig, importProvidersFrom } from "@angular/core";
 import { FormsModule } from "@angular/forms";
 import { BrowserModule, HammerModule, provideClientHydration, withEventReplay } from "@angular/platform-browser";
@@ -16,7 +16,7 @@ export const AppConfig: ApplicationConfig = {
             HammerModule,
             NgbModule
         ),
-        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClient(withInterceptorsFromDi(), withFetch()),
         provideAnimations(),
         provideRouter(AppRoutes),
         OverflowService, provideClientHydration(withEventReplay())

src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.html

@@ -7,7 +7,7 @@
       <div class="wrapper">
         <div>
           <igx-avatar icon="person" shape="circle" size="small"></igx-avatar>
-          <igx-badge [icon]="member.icon" shape="square" class="badge-style !light-badge ![background:#FF4E00] ![--border-radius:4px]"></igx-badge>
+          <igx-badge [icon]="member.icon" shape="square" class="badge-style !light-badge ![--background-color:#FF4E00] ![--border-radius:4px]"></igx-badge>
         </div>
         <div class="contact-container">
           <span class="contact-name">{{ member.name }}</span>

src/app/index/index.component.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, inject } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, PLATFORM_ID, inject } from '@angular/core';
 import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
 import { IgxNavigationDrawerComponent, IgxTreeComponent, IgxLayoutDirective, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxInputDirective, IgxSuffixDirective, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxFlexDirective, IgxNavbarComponent } from 'igniteui-angular';
 import { fromEvent, Subscription } from 'rxjs';
@@ -19,6 +19,7 @@ import { servicesRoutesData } from '../services/services-routes-data';
 import { themingRoutesData } from '../theming/theming-routes-data';
 import { treeGridRoutesData } from '../tree-grid/tree-grid-routes-data';
 import { FormsModule } from '@angular/forms';
+import { isPlatformBrowser } from '@angular/common';
 
 
 
@@ -32,7 +33,7 @@ export class IndexComponent implements OnInit, AfterViewInit {
     private router = inject(Router);
     private cdr = inject(ChangeDetectorRef);
     private document = inject<Document>(DOCUMENT);
-
+    private platformId = inject(PLATFORM_ID);
 
     @ViewChild('navdrawer', { read: IgxNavigationDrawerComponent, static: true })
     public navdrawer: IgxNavigationDrawerComponent;
@@ -168,7 +169,7 @@ export class IndexComponent implements OnInit, AfterViewInit {
         const loadedRouteItem = this.appRoutes.filter(
             (route: any) => route.path === this.router.url)[0];
 
-        if (loadedRouteItem) {
+        if (loadedRouteItem && isPlatformBrowser(this.platformId)) {
             // Get parent (INavItem)
             const loadedParentItem = this.currentNavItems.filter(
                 (navItem) => navItem.name === loadedRouteItem.parentName)[0];

src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html

@@ -1 +1 @@
-<igx-avatar class="!light-avatar ![background:#FF4E00]" initials="DY" shape="rounded"></igx-avatar>
+<igx-avatar class="!light-avatar ![--background:#FF4E00]" initials="DY" shape="rounded"></igx-avatar>