Don't render thumbnail carousel if there are no thumbnails.

src/components/viewer.ts

@@ -16,7 +16,7 @@ import type {
   ViewerConfig,
 } from '../types.js';
 import { FrigateCardCarousel } from './carousel.js';
-import { FrigateCardThumbnailCarouselCore, ThumbnailCarouselTap } from './thumbnail-carousel.js';
+import { FrigateCardThumbnailCarousel, ThumbnailCarouselTap } from './thumbnail-carousel.js';
 import { ResolvedMediaCache, ResolvedMediaUtil } from '../resolved-media.js';
 import { View } from '../view.js';
 import { actionHandler } from '../action-handler-directive.js';
@@ -165,7 +165,7 @@ export class FrigateCardViewerCore extends LitElement {
   protected resolvedMediaCache?: ResolvedMediaCache;
 
   protected _mediaCarouselRef: Ref<FrigateCardMediaCarousel> = createRef();
-  protected _thumbnailCarouselRef: Ref<FrigateCardThumbnailCarouselCore> = createRef();
+  protected _thumbnailCarouselRef: Ref<FrigateCardThumbnailCarousel> = createRef();
 
   protected _syncThumbnailCarousel(): void {
     const mediaSelected = this._mediaCarouselRef.value?.carouselSelected();
@@ -179,7 +179,7 @@ export class FrigateCardViewerCore extends LitElement {
       return html``;
     }
 
-    return html` <frigate-card-thumbnail-carousel-core
+    return html` <frigate-card-thumbnail-carousel
       ${ref(this._thumbnailCarouselRef)}
       .target=${this.view.target}
       .config=${this.viewerConfig.controls.thumbnails}
@@ -188,7 +188,7 @@ export class FrigateCardViewerCore extends LitElement {
       }}
       @frigate-card:carousel:init=${this._syncThumbnailCarousel.bind(this)}
     >
-    </frigate-card-thumbnail-carousel-core>`;
+    </frigate-card-thumbnail-carousel>`;
   }
 
   protected render(): TemplateResult | void {