Bump prettier to v3 and format all files

src/scss/button.scss

@@ -27,71 +27,71 @@ ha-icon-button.button {
 }
 
 @mixin state-icon($element) {
-  #{$element}[data-domain="alert"][data-state="on"],
-  #{$element}[data-domain="automation"][data-state="on"],
-  #{$element}[data-domain="binary_sensor"][data-state="on"],
-  #{$element}[data-domain="calendar"][data-state="on"],
-  #{$element}[data-domain="camera"][data-state="streaming"],
-  #{$element}[data-domain="cover"][data-state="open"],
-  #{$element}[data-domain="fan"][data-state="on"],
-  #{$element}[data-domain="humidifier"][data-state="on"],
-  #{$element}[data-domain="light"][data-state="on"],
-  #{$element}[data-domain="input_boolean"][data-state="on"],
-  #{$element}[data-domain="lock"][data-state="unlocked"],
-  #{$element}[data-domain="media_player"][data-state="on"],
-  #{$element}[data-domain="media_player"][data-state="paused"],
-  #{$element}[data-domain="media_player"][data-state="playing"],
-  #{$element}[data-domain="script"][data-state="on"],
-  #{$element}[data-domain="sun"][data-state="above_horizon"],
-  #{$element}[data-domain="switch"][data-state="on"],
-  #{$element}[data-domain="timer"][data-state="active"],
-  #{$element}[data-domain="vacuum"][data-state="cleaning"],
-  #{$element}[data-domain="group"][data-state="on"],
-  #{$element}[data-domain="group"][data-state="home"],
-  #{$element}[data-domain="group"][data-state="open"],
-  #{$element}[data-domain="group"][data-state="locked"],
-  #{$element}[data-domain="group"][data-state="problem"] {
+  #{$element}[data-domain='alert'][data-state='on'],
+  #{$element}[data-domain='automation'][data-state='on'],
+  #{$element}[data-domain='binary_sensor'][data-state='on'],
+  #{$element}[data-domain='calendar'][data-state='on'],
+  #{$element}[data-domain='camera'][data-state='streaming'],
+  #{$element}[data-domain='cover'][data-state='open'],
+  #{$element}[data-domain='fan'][data-state='on'],
+  #{$element}[data-domain='humidifier'][data-state='on'],
+  #{$element}[data-domain='light'][data-state='on'],
+  #{$element}[data-domain='input_boolean'][data-state='on'],
+  #{$element}[data-domain='lock'][data-state='unlocked'],
+  #{$element}[data-domain='media_player'][data-state='on'],
+  #{$element}[data-domain='media_player'][data-state='paused'],
+  #{$element}[data-domain='media_player'][data-state='playing'],
+  #{$element}[data-domain='script'][data-state='on'],
+  #{$element}[data-domain='sun'][data-state='above_horizon'],
+  #{$element}[data-domain='switch'][data-state='on'],
+  #{$element}[data-domain='timer'][data-state='active'],
+  #{$element}[data-domain='vacuum'][data-state='cleaning'],
+  #{$element}[data-domain='group'][data-state='on'],
+  #{$element}[data-domain='group'][data-state='home'],
+  #{$element}[data-domain='group'][data-state='open'],
+  #{$element}[data-domain='group'][data-state='locked'],
+  #{$element}[data-domain='group'][data-state='problem'] {
     color: var(--paper-item-icon-active-color, #fdd835);
   }
 
-  #{$element}[data-domain="climate"][data-state="cooling"] {
+  #{$element}[data-domain='climate'][data-state='cooling'] {
     color: var(--cool-color, var(--state-climate-cool-color));
   }
 
-  #{$element}[data-domain="climate"][data-state="heating"] {
+  #{$element}[data-domain='climate'][data-state='heating'] {
     color: var(--heat-color, var(--state-climate-heat-color));
   }
 
-  #{$element}[data-domain="climate"][data-state="drying"] {
+  #{$element}[data-domain='climate'][data-state='drying'] {
     color: var(--dry-color, var(--state-climate-dry-color));
   }
 
-  #{$element}[data-domain="alarm_control_panel"] {
+  #{$element}[data-domain='alarm_control_panel'] {
     color: var(--alarm-color-armed, var(--label-badge-red));
   }
-  #{$element}[data-domain="alarm_control_panel"][data-state="disarmed"] {
+  #{$element}[data-domain='alarm_control_panel'][data-state='disarmed'] {
     color: var(--alarm-color-disarmed, var(--label-badge-green));
   }
-  #{$element}[data-domain="alarm_control_panel"][data-state="pending"],
-  #{$element}[data-domain="alarm_control_panel"][data-state="arming"] {
+  #{$element}[data-domain='alarm_control_panel'][data-state='pending'],
+  #{$element}[data-domain='alarm_control_panel'][data-state='arming'] {
     color: var(--alarm-color-pending, var(--label-badge-yellow));
     animation: pulse 1s infinite;
   }
-  #{$element}[data-domain="alarm_control_panel"][data-state="triggered"] {
+  #{$element}[data-domain='alarm_control_panel'][data-state='triggered'] {
     color: var(--alarm-color-triggered, var(--label-badge-red));
     animation: pulse 1s infinite;
   }
 
-  #{$element}[data-domain="plant"][data-state="problem"],
-  #{$element}[data-domain="zwave"][data-state="dead"] {
+  #{$element}[data-domain='plant'][data-state='problem'],
+  #{$element}[data-domain='zwave'][data-state='dead'] {
     color: var(--state-icon-error-color);
   }
 
   /* Color the icon if unavailable */
-  #{$element}[data-state="unavailable"] {
+  #{$element}[data-state='unavailable'] {
     color: var(--state-unavailable-color);
   }
 }
 
-@include state-icon("ha-icon");
-@include state-icon("ha-icon-button");
+@include state-icon('ha-icon');
+@include state-icon('ha-icon-button');

src/scss/const.scss

@@ -3,4 +3,4 @@
   --frigate-card-thumbnail-details-width: calc(
     var(--frigate-card-thumbnail-size) + 200px
   );
-}
+}

src/scss/drawer.scss

@@ -27,10 +27,12 @@ div.control-surround {
   }
   right: 100%;
 }
-:host([empty]), :host([empty]) > * {
+:host([empty]),
+:host([empty]) > * {
   visibility: hidden;
 }
-:host(:not([empty])), :host(:not([empty])) > * {
+:host(:not([empty])),
+:host(:not([empty])) > * {
   visibility: visible;
 }
 
@@ -47,7 +49,8 @@ ha-icon.control {
   transition: opacity 0.5s ease;
 }
 
-:host([open]) ha-icon.control, ha-icon.control:hover {
+:host([open]) ha-icon.control,
+ha-icon.control:hover {
   // When the drawer is open or hovered make the button to close it more
   // prominent.
   opacity: 1;

src/scss/elements.scss

@@ -18,4 +18,4 @@
 hui-error-card.element {
   inset: 0px;
   transform: unset;
-}
+}

src/scss/image.scss

@@ -6,4 +6,4 @@ img {
   display: block;
 
   @include media-layout.media-layout();
-}
+}

src/scss/key-assigner.scss

@@ -76,4 +76,4 @@ div.key + div.key:before {
   margin-right: 5px;
 
   content: ' + ';
-}
+}

src/scss/live-ha-components.scss

@@ -1,5 +1,6 @@
-@use 'media-layout.scss'; 
+@use 'media-layout.scss';
 
-img, video {
+img,
+video {
   @include media-layout.media-layout();
-}
+}

src/scss/live-ha.scss

@@ -2,4 +2,4 @@
   width: 100%;
   height: 100%;
   display: block;
-}
+}

src/scss/media-filter.scss

@@ -44,4 +44,4 @@ div.when frigate-card-date-picker.selected {
 }
 div.when frigate-card-date-picker.hidden {
   width: 0px;
-}
+}

src/scss/menu.scss

@@ -154,7 +154,7 @@ div.opposing {
  ********************************************/
 
 :host([data-style='overlay']),
-:host([data-style*=hover]),
+:host([data-style*='hover']),
 :host([data-style='hidden']) {
   position: absolute;
   overflow: hidden;

src/scss/submenu.scss

@@ -4,6 +4,6 @@
   pointer-events: auto;
 }
 
-mwc-list-item {  
+mwc-list-item {
   z-index: 20;
 }

src/scss/thumbnail-feature-event.scss

@@ -14,7 +14,7 @@ img {
 }
 
 img,
-ha-icon { 
+ha-icon {
   // Safari will occasionally not load thumbnails correctly with display block.
   display: inline-block;
 
@@ -22,7 +22,10 @@ ha-icon {
   vertical-align: top;
   margin: 0;
 
-  border-radius: var(--frigate-card-css-border-radius, var(--ha-card-border-radius, 4px));
+  border-radius: var(
+    --frigate-card-css-border-radius,
+    var(--ha-card-border-radius, 4px)
+  );
 
   max-width: var(--frigate-card-thumbnail-size);
   max-height: 100%;

src/scss/thumbnail-feature-recording.scss

@@ -12,7 +12,10 @@
 
   border: 1px solid var(--secondary-color);
   background-color: var(--secondary-background-color);
-  border-radius: var(--frigate-card-css-border-radius, var(--ha-card-border-radius, 4px));
+  border-radius: var(
+    --frigate-card-css-border-radius,
+    var(--ha-card-border-radius, 4px)
+  );
   box-sizing: border-box;
 
   color: var(--primary-text-color);

src/scss/thumbnail.scss

@@ -16,7 +16,10 @@
 
 :host([details]) {
   border: 1px solid var(--primary-color);
-  border-radius: var(--frigate-card-css-border-radius, var(--ha-card-border-radius, 4px));
+  border-radius: var(
+    --frigate-card-css-border-radius,
+    var(--ha-card-border-radius, 4px)
+  );
   padding: 2px;
 
   // When details are enabled, use a background color so that the details have
@@ -36,10 +39,12 @@ ha-icon {
 
   cursor: pointer;
 
-  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
+  transition:
+    opacity 0.2s ease-in-out,
+    color 0.2s ease-in-out;
 }
 ha-icon:hover {
-  opacity: 1.0;
+  opacity: 1;
 }
 
 ha-icon.star {
@@ -60,6 +65,7 @@ ha-icon.download {
   bottom: 3px;
 }
 
-frigate-card-thumbnail-details-event, frigate-card-thumbnail-details-recording {
+frigate-card-thumbnail-details-event,
+frigate-card-thumbnail-details-recording {
   flex: 1;
-}
+}

src/scss/timeline-core.scss

@@ -59,7 +59,9 @@ div.timeline {
   color: var(--primary-text-color);
   background-color: var(--primary-color);
 
-  transition: background-color ease-in-out 1s, border-color ease-in-out 1s,
+  transition:
+    background-color ease-in-out 1s,
+    border-color ease-in-out 1s,
     box-shadow ease-in-out 1s;
 }
 .vis-item.vis-selected {

src/scss/viewer-provider.scss

@@ -19,4 +19,4 @@ frigate-card-ha-hls-player {
 frigate-card-progress-indicator {
   padding: 30px;
   box-sizing: border-box;
-}
+}

src/scss/viewer.scss

@@ -9,4 +9,4 @@
 frigate-card-viewer-carousel {
   flex: 1;
   min-height: 0;
-}
+}