Don't re-render the whole card for conditionState.

src/components/elements.ts

@@ -156,10 +156,10 @@ export class FrigateCardElements extends LitElement {
   public hass?: HomeAssistant;
 
   @property({ attribute: false })
-  protected elements: PictureElements;
+  public conditionState?: ConditionState;
 
   @property({ attribute: false })
-  protected conditionState?: ConditionState;
+  protected elements: PictureElements;
 
   protected _boundMenuRemoveHandler = this._menuRemoveHandler.bind(this);
 

src/components/live.ts

@@ -61,6 +61,9 @@ const URL_SIGN_REFRESH_THRESHOLD_SECONDS = 1 * 60 * 60;
 
 @customElement('frigate-card-live')
 export class FrigateCardLive extends LitElement {
+  @property({ attribute: false })
+  public conditionState?: ConditionState;
+
   @property({ attribute: false })
   protected hass?: ExtendedHomeAssistant;
 
@@ -76,9 +79,6 @@ export class FrigateCardLive extends LitElement {
   @property({ attribute: false, hasChanged: contentsChanged })
   protected liveOverrides?: LiveOverrides;
 
-  @property({ attribute: false })
-  protected conditionState?: ConditionState;
-
   set preloaded(preloaded: boolean) {
     this._preloaded = preloaded;