Allow dragging/swiping to be disabled.

src/components/viewer.ts

@@ -197,7 +197,7 @@ export class FrigateCardViewerCore extends LitElement {
       '.embla__viewport',
     ) as HTMLElement;
 
-    if (carouselNode) {
+    if (carouselNode && this.viewerConfig) {
       this._loadedCarousel = true;
 
       // Start the carousel on the selected child number.
@@ -209,6 +209,7 @@ export class FrigateCardViewerCore extends LitElement {
 
       this._carousel = EmblaCarousel(carouselNode, {
         startIndex: isNaN(startIndex) ? undefined : startIndex,
+        draggable: this.viewerConfig.draggable,
       });
       // Update views and dispatch media-show events based on slide selections.
       this._carousel.on('select', this._selectSlideSetViewHandler.bind(this));

src/editor.ts

@@ -585,6 +585,17 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
                   @change=${this._valueChangedHandler}
                 ></ha-switch>
               </ha-formfield>
+              <ha-formfield .label=${localize('config.event_viewer.draggable')}>
+                <ha-switch
+                  .checked=${getConfigValue(
+                    this._config,
+                    'event_viewer.draggable',
+                    defaults.event_viewer.draggable,
+                  )}
+                  .configValue=${'event_viewer.draggable'}
+                  @change=${this._valueChangedHandler}
+                ></ha-switch>
+              </ha-formfield>
               <ha-formfield .label=${localize('config.event_viewer.lazy_load')}>
                 <ha-switch
                   .checked=${getConfigValue(

src/localize/languages/en.json

@@ -31,6 +31,7 @@
     },
     "event_viewer": {
       "autoplay_clip": "Autoplay most recent clip (In 'clip' view)",
+      "draggable": "Event viewer can be dragged/swiped",
       "lazy_load": "Lazily load event media",
       "controls": {
         "next_previous": {

src/types.ts

@@ -384,6 +384,7 @@ export type MenuConfig = z.infer<typeof menuConfigSchema>;
 const viewerConfigDefault = {
   autoplay_clip: false,
   lazy_load: true,
+  draggable: true,
   controls: {
     next_previous: {
       size: '48px',
@@ -405,6 +406,7 @@ const viewerConfigSchema = z
   .object({
     autoplay_clip: z.boolean().default(viewerConfigDefault.autoplay_clip),
     lazy_load: z.boolean().default(viewerConfigDefault.lazy_load),
+    draggable: z.boolean().default(viewerConfigDefault.draggable),
     controls: z
       .object({
         next_previous: nextPreviousControlConfigSchema,