Rename bgStyle to 'background'

src/state/TileStore.ts

@@ -15,7 +15,7 @@ import { type MediaViewModel } from "./media/MediaViewModel";
 import { type UserMediaViewModel } from "./media/UserMediaViewModel";
 import { type RingingMediaViewModel } from "./media/RingingMediaViewModel";
 
-type BackgroundStyle = "solid" | "transparent";
+type SpotlightBackground = "solid" | "transparent";
 
 function debugEntries(entries: GridTileData[]): string[] {
   return entries.map((e) => e.media.displayName$.value);
@@ -41,12 +41,12 @@ class SpotlightTileData {
     this.maximised$.next(value);
   }
 
-  private readonly bgStyle$: BehaviorSubject<BackgroundStyle>;
-  public get bgStyle(): BackgroundStyle {
-    return this.bgStyle$.value;
+  private readonly background$: BehaviorSubject<SpotlightBackground>;
+  public get background(): SpotlightBackground {
+    return this.background$.value;
   }
-  public set bgStyle(value: BackgroundStyle) {
-    this.bgStyle$.next(value);
+  public set background(value: SpotlightBackground) {
+    this.background$.next(value);
   }
 
   public readonly vm: SpotlightTileViewModel;
@@ -54,15 +54,15 @@ class SpotlightTileData {
   public constructor(
     media: MediaViewModel[],
     maximised: boolean,
-    bgStyle: BackgroundStyle,
+    background: SpotlightBackground,
   ) {
     this.media$ = new BehaviorSubject(media);
     this.maximised$ = new BehaviorSubject(maximised);
-    this.bgStyle$ = new BehaviorSubject(bgStyle);
+    this.background$ = new BehaviorSubject(background);
     this.vm = new SpotlightTileViewModel(
       this.media$,
       this.maximised$,
-      this.bgStyle$,
+      this.background$,
     );
   }
 }
@@ -179,7 +179,7 @@ export class TileStoreBuilder {
   public registerSpotlight(
     media: MediaViewModel[],
     maximised: boolean,
-    bgStyle: BackgroundStyle = "solid",
+    background: SpotlightBackground = "solid",
   ): void {
     if (DEBUG_ENABLED)
       logger.debug(
@@ -192,12 +192,12 @@ export class TileStoreBuilder {
 
     // Reuse the previous spotlight tile if it exists
     if (this.prevSpotlight === null) {
-      this.spotlight = new SpotlightTileData(media, maximised, bgStyle);
+      this.spotlight = new SpotlightTileData(media, maximised, background);
     } else {
       this.spotlight = this.prevSpotlight;
       this.spotlight.media = media;
       this.spotlight.maximised = maximised;
-      this.spotlight.bgStyle = bgStyle;
+      this.spotlight.background = background;
     }
   }
 

src/state/TileViewModel.ts

@@ -37,7 +37,7 @@ export class SpotlightTileViewModel {
   public constructor(
     public readonly media$: Behavior<MediaViewModel[]>,
     public readonly maximised$: Behavior<boolean>,
-    public readonly bgStyle$: Behavior<"solid" | "transparent">,
+    public readonly background$: Behavior<"solid" | "transparent">,
   ) {}
 }