From 20968b6fd203f7662dfd33b7ea13a8c1026eaf44 Mon Sep 17 00:00:00 2001
From: Richard Davenport <richard.davenport@mbpnetwork.com>
Date: Fri, 23 Oct 2020 19:14:24 -0500
Subject: [PATCH 1/2] Add ability to pass in css class to spinner and bar

---
 packages/core/src/loading-bar.component.ts | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/loading-bar.component.ts b/packages/core/src/loading-bar.component.ts
index fb8df05..a149e4d 100644
--- a/packages/core/src/loading-bar.component.ts
+++ b/packages/core/src/loading-bar.component.ts
@@ -6,11 +6,17 @@ import { LoadingBarService } from './loading-bar.service';
   template: `
     <ng-container *ngIf="value != null ? value : (value$ | async) as progress">
       <div *ngIf="includeSpinner" class="ngx-spinner">
-        <div [style.width]="diameter" [style.height]="diameter" class="ngx-spinner-icon"></div>
+        <div
+          [style.width]="diameter"
+          [style.height]="diameter"
+          class="ngx-spinner-icon"
+          [ngClass]="{ spinnerClass: spinnerClass }"
+        ></div>
       </div>
       <div
         *ngIf="includeBar"
         class="ngx-bar"
+        [ngClass]="{ barClass: barClass }"
         [style.background]="color"
         [style.height]="height"
         [style.width]="progress + '%'"
@@ -31,6 +37,8 @@ export class LoadingBarComponent {
   @Input() includeBar = true;
   @Input() fixed = true;
   @Input() color = '#29d';
+  @Input() spinnerClass: string;
+  @Input() barClass: string;
   @Input() value: number;
   @Input() ref: string;
   @Input() height: string;

From db8fc84514b6c3e790da87de04b169d227640b28 Mon Sep 17 00:00:00 2001
From: Richard Davenport <richard.davenport@mbpnetwork.com>
Date: Fri, 23 Oct 2020 19:27:33 -0500
Subject: [PATCH 2/2] Don't add background if passing in class

---
 packages/core/src/loading-bar.component.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/loading-bar.component.ts b/packages/core/src/loading-bar.component.ts
index a149e4d..ac98408 100644
--- a/packages/core/src/loading-bar.component.ts
+++ b/packages/core/src/loading-bar.component.ts
@@ -10,14 +10,14 @@ import { LoadingBarService } from './loading-bar.service';
           [style.width]="diameter"
           [style.height]="diameter"
           class="ngx-spinner-icon"
-          [ngClass]="{ spinnerClass: spinnerClass }"
+          [ngClass]="[spinnerClass]"
         ></div>
       </div>
       <div
         *ngIf="includeBar"
         class="ngx-bar"
-        [ngClass]="{ barClass: barClass }"
-        [style.background]="color"
+        [ngClass]="[barClass]"
+        [style.background]="barClass ? null : color"
         [style.height]="height"
         [style.width]="progress + '%'"
       ></div>