fix: Treat a un/selection of grid items as selected for auto media actions (#1623)

This is a slight behavioral change vs earlier v6 betas, but makes the media actions less surprising. This also allows for automated unmuting in a grid when a camera is selected, without having _every_ camera automatically unmuted.

src/components/live/live.ts

@@ -325,13 +325,17 @@ export class FrigateCardLiveCarousel extends LitElement {
   }
 
   protected _getSelectedCameraIndex(): number {
-    const cameraIDs = this.cameraManager?.getStore().getCameraIDsWithCapability('live');
-    const view = this.viewManagerEpoch?.manager.getView();
-    if (!cameraIDs?.size || !view || this.viewFilterCameraID) {
+    if (this.viewFilterCameraID) {
       // If the carousel is limited to a single cameraID, the first (only)
       // element is always the selected one.
       return 0;
     }
+
+    const cameraIDs = this.cameraManager?.getStore().getCameraIDsWithCapability('live');
+    const view = this.viewManagerEpoch?.manager.getView();
+    if (!cameraIDs?.size || !view) {
+      return 0;
+    }
     return Math.max(0, Array.from(cameraIDs).indexOf(view.camera));
   }
 
@@ -364,13 +368,19 @@ export class FrigateCardLiveCarousel extends LitElement {
     }
 
     if (changedProps.has('viewManagerEpoch')) {
-      if (
-        this.viewFilterCameraID &&
-        this.viewManagerEpoch?.manager.getView()?.camera !== this.viewFilterCameraID
-      ) {
-        this._mediaActionsController.unselectAll();
+      const view = this.viewManagerEpoch?.manager.getView();
+      const selectedCameraIndex = this._getSelectedCameraIndex();
+
+      if (this.viewFilterCameraID) {
+        this._mediaActionsController.setTarget(
+          selectedCameraIndex,
+          // Camera in this carousel is only selected if the camera from the
+          // view matches the filtered camera.
+          view?.camera === this.viewFilterCameraID,
+        );
       } else {
-        this._mediaActionsController.select(this._getSelectedCameraIndex());
+        // Carousel is not filtered, so the targeted camera is always selected.
+        this._mediaActionsController.setTarget(selectedCameraIndex, true);
       }
     }
   }

src/components/viewer.ts

@@ -386,10 +386,21 @@ export class FrigateCardViewerCarousel extends LitElement {
         this._selected = newSelected;
       }
 
-      if (!newMedia) {
-        this._mediaActionsController.unselectAll();
+      if (!newMedia?.length) {
+        // No media will be rendered.
+        this._mediaActionsController.unsetTarget();
       } else {
-        this._mediaActionsController.select(newSelected);
+        if (this.viewFilterCameraID) {
+          this._mediaActionsController.setTarget(
+            newSelected,
+            // Camera in this carousel is only selected if the camera from the
+            // view matches the filtered camera.
+            view?.camera === this.viewFilterCameraID,
+          );
+        } else {
+          // Carousel is not filtered, so the targeted camera is always selected.
+          this._mediaActionsController.setTarget(newSelected, true);
+        }
       }
     }
   }