Initial low performance profile mode.

src/components/gallery.ts

@@ -23,7 +23,7 @@ import {
   getFullDependentBrowseMediaQueryParametersOrDispatchError,
 } from '../utils/ha/browse-media';
 import { changeViewToRecentRecordingForCameraAndDependents } from '../utils/media-to-view.js';
-import { DataManager } from '../utils/data-manager';
+import { DataManager } from '../utils/data-manager.js';
 import { View } from '../view.js';
 import { renderProgressIndicator } from './message.js';
 import './thumbnail.js';

src/components/next-prev-control.ts

@@ -52,9 +52,9 @@ export class FrigateCardNextPreviousControl extends LitElement {
 
     const classes = {
       controls: true,
-      previous: this.direction == 'previous',
-      next: this.direction == 'next',
-      thumbnails: this._controlConfig.style == 'thumbnails',
+      previous: this.direction === 'previous',
+      next: this.direction === 'next',
+      thumbnails: this._controlConfig.style === 'thumbnails',
       icons: ['chevrons', 'icons'].includes(this._controlConfig.style),
       button: ['chevrons', 'icons'].includes(this._controlConfig.style),
     };
@@ -62,7 +62,7 @@ export class FrigateCardNextPreviousControl extends LitElement {
     if (['chevrons', 'icons'].includes(this._controlConfig.style)) {
       let icon: string;
       if (this._controlConfig.style === 'chevrons') {
-        icon = this.direction == 'previous' ? 'mdi:chevron-left' : 'mdi:chevron-right';
+        icon = this.direction === 'previous' ? 'mdi:chevron-left' : 'mdi:chevron-right';
       } else {
         if (!this.icon) {
           return html``;

src/components/surround.ts

@@ -84,7 +84,7 @@ export class FrigateCardSurround extends LitElement {
       this.inBackground ||
       !this.hass ||
       !this.view ||
-      this.view.target ||      
+      this.view.target ||
       !this.thumbnailConfig ||
       this.thumbnailConfig.mode === 'none' ||
       !this.browseMediaParams ||
@@ -200,7 +200,7 @@ export class FrigateCardSurround extends LitElement {
           >
           </frigate-card-thumbnail-carousel>`
         : ''}
-      ${this.timelineConfig && !this.inBackground
+      ${this.timelineConfig?.mode && this.timelineConfig.mode !== 'none' && !this.inBackground
         ? html` <frigate-card-timeline-core
             slot=${this.timelineConfig.mode}
             .hass=${this.hass}