Bump prettier to v3 and format all files

src/components/date-picker.ts

@@ -30,7 +30,7 @@ export class FrigateCardDatePicker extends LitElement {
   protected render(): TemplateResult {
     const changed = () => {
       const value = this._refInput.value?.value;
-      
+
       dispatchFrigateCardEvent<DatePickerEvent>(this, 'date-picker:change', {
         date: value ? new Date(value) : null,
       });

src/components/gallery.ts

@@ -90,8 +90,8 @@ export class FrigateCardGallery extends LitElement {
         const eventsMediaType = this.view.is('snapshots')
           ? 'snapshots'
           : this.view.is('clips')
-          ? 'clips'
-          : null;
+            ? 'clips'
+            : null;
         changeViewToRecentEventsForCameraAndDependents(
           this,
           this.cameraManager,
@@ -358,8 +358,8 @@ export class FrigateCardGalleryCore extends LitElement {
       const newMediaQueries = MediaQueriesClassifier.areEventQueries(query)
         ? new EventMediaQueries(extension.queries as EventQuery[])
         : MediaQueriesClassifier.areRecordingQueries(query)
-        ? new RecordingMediaQueries(extension.queries as RecordingQuery[])
-        : null;
+          ? new RecordingMediaQueries(extension.queries as RecordingQuery[])
+          : null;
 
       if (newMediaQueries) {
         this.view

src/components/live/live.ts

@@ -947,42 +947,42 @@ export class FrigateCardLiveProvider
           >
           </frigate-card-live-ha>`
         : provider === 'go2rtc'
-        ? html`<frigate-card-live-go2rtc
-            ${ref(this._refProvider)}
-            class=${classMap(providerClasses)}
-            .hass=${this.hass}
-            .cameraConfig=${this.cameraConfig}
-            .cameraEndpoints=${this.cameraEndpoints}
-            .microphoneStream=${this.microphoneStream}
-            .microphoneConfig=${this.liveConfig.microphone}
-            ?controls=${this.liveConfig.controls.builtin}
-            @frigate-card:media:loaded=${this._videoMediaShowHandler.bind(this)}
-          >
-          </frigate-card-live-go2rtc>`
-        : provider === 'webrtc-card'
-        ? html`<frigate-card-live-webrtc-card
-            ${ref(this._refProvider)}
-            class=${classMap(providerClasses)}
-            .hass=${this.hass}
-            .cameraConfig=${this.cameraConfig}
-            .cameraEndpoints=${this.cameraEndpoints}
-            .cardWideConfig=${this.cardWideConfig}
-            ?controls=${this.liveConfig.controls.builtin}
-            @frigate-card:media:loaded=${this._videoMediaShowHandler.bind(this)}
-          >
-          </frigate-card-live-webrtc-card>`
-        : provider === 'jsmpeg'
-        ? html` <frigate-card-live-jsmpeg
-            ${ref(this._refProvider)}
-            class=${classMap(providerClasses)}
-            .hass=${this.hass}
-            .cameraConfig=${this.cameraConfig}
-            .cameraEndpoints=${this.cameraEndpoints}
-            .cardWideConfig=${this.cardWideConfig}
-            @frigate-card:media:loaded=${this._videoMediaShowHandler.bind(this)}
-          >
-          </frigate-card-live-jsmpeg>`
-        : html``}
+          ? html`<frigate-card-live-go2rtc
+              ${ref(this._refProvider)}
+              class=${classMap(providerClasses)}
+              .hass=${this.hass}
+              .cameraConfig=${this.cameraConfig}
+              .cameraEndpoints=${this.cameraEndpoints}
+              .microphoneStream=${this.microphoneStream}
+              .microphoneConfig=${this.liveConfig.microphone}
+              ?controls=${this.liveConfig.controls.builtin}
+              @frigate-card:media:loaded=${this._videoMediaShowHandler.bind(this)}
+            >
+            </frigate-card-live-go2rtc>`
+          : provider === 'webrtc-card'
+            ? html`<frigate-card-live-webrtc-card
+                ${ref(this._refProvider)}
+                class=${classMap(providerClasses)}
+                .hass=${this.hass}
+                .cameraConfig=${this.cameraConfig}
+                .cameraEndpoints=${this.cameraEndpoints}
+                .cardWideConfig=${this.cardWideConfig}
+                ?controls=${this.liveConfig.controls.builtin}
+                @frigate-card:media:loaded=${this._videoMediaShowHandler.bind(this)}
+              >
+              </frigate-card-live-webrtc-card>`
+            : provider === 'jsmpeg'
+              ? html` <frigate-card-live-jsmpeg
+                  ${ref(this._refProvider)}
+                  class=${classMap(providerClasses)}
+                  .hass=${this.hass}
+                  .cameraConfig=${this.cameraConfig}
+                  .cameraEndpoints=${this.cameraEndpoints}
+                  .cardWideConfig=${this.cardWideConfig}
+                  @frigate-card:media:loaded=${this._videoMediaShowHandler.bind(this)}
+                >
+                </frigate-card-live-jsmpeg>`
+              : html``}
     `)}
     ${showImageDuringLoading && !this._isVideoMediaLoaded
       ? html`<ha-icon

src/components/message.ts

@@ -204,10 +204,7 @@ export function dispatchFrigateCardErrorEvent(
 export interface FrigateCardMessageEventTarget extends EventTarget {
   addEventListener(
     event: 'frigate-card:message',
-    listener: (
-      this: FrigateCardMessageEventTarget,
-      ev: CustomEvent<Message>,
-    ) => void,
+    listener: (this: FrigateCardMessageEventTarget, ev: CustomEvent<Message>) => void,
     options?: AddEventListenerOptions | boolean,
   ): void;
   addEventListener(
@@ -217,10 +214,7 @@ export interface FrigateCardMessageEventTarget extends EventTarget {
   ): void;
   removeEventListener(
     event: 'frigate-card:message',
-    listener: (
-      this: FrigateCardMessageEventTarget,
-      ev: CustomEvent<Message>,
-    ) => void,
+    listener: (this: FrigateCardMessageEventTarget, ev: CustomEvent<Message>) => void,
     options?: boolean | EventListenerOptions,
   ): void;
   removeEventListener(

src/components/thumbnail-carousel.ts

@@ -92,31 +92,33 @@ export class FrigateCardThumbnailCarousel extends LitElement {
         'slide-selected': selectedIndex === index,
       };
 
-      slides.push(html` <frigate-card-thumbnail
-        class="${classMap(classes)}"
-        .cameraManager=${this.cameraManager}
-        .hass=${this.hass}
-        .media=${media}
-        .view=${this.view}
-        .seek=${seekTarget && media.includesTime(seekTarget) ? seekTarget : undefined}
-        ?details=${!!this.config?.show_details}
-        ?show_favorite_control=${this.config?.show_favorite_control}
-        ?show_timeline_control=${this.config?.show_timeline_control}
-        ?show_download_control=${this.config?.show_download_control}
-        @click=${(ev: Event) => {
-          if (this.view && this.view.queryResults) {
-            dispatchFrigateCardEvent<ThumbnailCarouselTap>(
-              this,
-              'thumbnail-carousel:tap',
-              {
-                queryResults: this.view.queryResults.clone().selectIndex(index),
-              },
-            );
-          }
-          stopEventFromActivatingCardWideActions(ev);
-        }}
-      >
-      </frigate-card-thumbnail>`);
+      slides.push(
+        html` <frigate-card-thumbnail
+          class="${classMap(classes)}"
+          .cameraManager=${this.cameraManager}
+          .hass=${this.hass}
+          .media=${media}
+          .view=${this.view}
+          .seek=${seekTarget && media.includesTime(seekTarget) ? seekTarget : undefined}
+          ?details=${!!this.config?.show_details}
+          ?show_favorite_control=${this.config?.show_favorite_control}
+          ?show_timeline_control=${this.config?.show_timeline_control}
+          ?show_download_control=${this.config?.show_download_control}
+          @click=${(ev: Event) => {
+            if (this.view && this.view.queryResults) {
+              dispatchFrigateCardEvent<ThumbnailCarouselTap>(
+                this,
+                'thumbnail-carousel:tap',
+                {
+                  queryResults: this.view.queryResults.clone().selectIndex(index),
+                },
+              );
+            }
+            stopEventFromActivatingCardWideActions(ev);
+          }}
+        >
+        </frigate-card-thumbnail>`,
+      );
     }
     return slides;
   }

src/components/thumbnail.ts

@@ -418,13 +418,13 @@ export class FrigateCardThumbnail extends LitElement {
             .thumbnail=${thumbnail ?? undefined}
           ></frigate-card-thumbnail-feature-event>`
         : ViewMediaClassifier.isRecording(this.media)
-        ? html`<frigate-card-thumbnail-feature-recording
-            aria-label="${title ?? ''}"
-            title="${title ?? ''}"
-            .cameraTitle=${this.details ? undefined : cameraTitle}
-            .date=${this.media.getStartTime() ?? undefined}
-          ></frigate-card-thumbnail-feature-recording>`
-        : html``}
+          ? html`<frigate-card-thumbnail-feature-recording
+              aria-label="${title ?? ''}"
+              title="${title ?? ''}"
+              .cameraTitle=${this.details ? undefined : cameraTitle}
+              .date=${this.media.getStartTime() ?? undefined}
+            ></frigate-card-thumbnail-feature-recording>`
+          : html``}
       ${shouldShowFavoriteControl
         ? html` <ha-icon
             class="${classMap(starClasses)}"
@@ -454,12 +454,12 @@ export class FrigateCardThumbnail extends LitElement {
             .seek=${this.seek}
           ></frigate-card-thumbnail-details-event>`
         : this.details && ViewMediaClassifier.isRecording(this.media)
-        ? html`<frigate-card-thumbnail-details-recording
-            .media=${this.media ?? undefined}
-            .cameraTitle=${cameraTitle}
-            .seek=${this.seek}
-          ></frigate-card-thumbnail-details-recording>`
-        : html``}
+          ? html`<frigate-card-thumbnail-details-recording
+              .media=${this.media ?? undefined}
+              .cameraTitle=${cameraTitle}
+              .seek=${this.seek}
+            ></frigate-card-thumbnail-details-recording>`
+          : html``}
       ${shouldShowTimelineControl
         ? html`<ha-icon
             class="timeline"

src/components/timeline-core.ts

@@ -283,18 +283,18 @@ export class FrigateCardTimelineCore extends LitElement {
       panMode === 'pan'
         ? localize('config.common.controls.timeline.pan_modes.pan')
         : panMode === 'seek'
-        ? localize('config.common.controls.timeline.pan_modes.seek')
-        : panMode === 'seek-in-media'
-        ? localize('config.common.controls.timeline.pan_modes.seek-in-media')
-        : localize('config.common.controls.timeline.pan_modes.seek-in-camera');
+          ? localize('config.common.controls.timeline.pan_modes.seek')
+          : panMode === 'seek-in-media'
+            ? localize('config.common.controls.timeline.pan_modes.seek-in-media')
+            : localize('config.common.controls.timeline.pan_modes.seek-in-camera');
     const panIcon =
       panMode === 'pan'
         ? 'mdi:pan-horizontal'
         : panMode === 'seek'
-        ? 'mdi:filmstrip-box-multiple'
-        : panMode === 'seek-in-media'
-        ? 'mdi:play-box-lock'
-        : 'mdi:camera-lock';
+          ? 'mdi:filmstrip-box-multiple'
+          : panMode === 'seek-in-media'
+            ? 'mdi:play-box-lock'
+            : 'mdi:camera-lock';
 
     return html` <div
       @frigate-card:timeline:thumbnail-data-request=${this._handleThumbnailDataRequest.bind(
@@ -312,10 +312,10 @@ export class FrigateCardTimelineCore extends LitElement {
                   panMode === 'pan'
                     ? 'seek'
                     : panMode === 'seek'
-                    ? 'seek-in-media'
-                    : panMode === 'seek-in-media'
-                    ? 'seek-in-camera'
-                    : 'pan';
+                      ? 'seek-in-media'
+                      : panMode === 'seek-in-media'
+                        ? 'seek-in-camera'
+                        : 'pan';
               }}
               aria-label="${panTitle}"
               title="${panTitle}"

src/components/views.ts

@@ -141,16 +141,16 @@ export class FrigateCardViews extends LitElement {
     const thumbnailConfig = this.view?.is('live')
       ? this.overriddenConfig.live.controls.thumbnails
       : this.view?.isViewerView()
-      ? this.overriddenConfig.media_viewer.controls.thumbnails
-      : this.view?.is('timeline')
-      ? this.overriddenConfig.timeline.controls.thumbnails
-      : undefined;
+        ? this.overriddenConfig.media_viewer.controls.thumbnails
+        : this.view?.is('timeline')
+          ? this.overriddenConfig.timeline.controls.thumbnails
+          : undefined;
 
     const miniTimelineConfig = this.view?.is('live')
       ? this.overriddenConfig.live.controls.timeline
       : this.view?.isViewerView()
-      ? this.overriddenConfig.media_viewer.controls.timeline
-      : undefined;
+        ? this.overriddenConfig.media_viewer.controls.timeline
+        : undefined;
 
     const cameraConfig = this.view
       ? this.cameraManager?.getStore().getCameraConfig(this.view.camera) ?? null