Convert all major views to separate chunks.

src/components/live/live-ha.ts

@@ -8,6 +8,9 @@ import { CameraConfig, FrigateCardMediaPlayer } from '../../types.js';
 import { getCameraTitle } from '../../utils/camera.js';
 import { dispatchErrorMessageEvent, dispatchMessageEvent } from '../message.js';
 import '../../patches/ha-camera-stream';
+import '../../patches/ha-hls-player.js';
+import '../../patches/ha-web-rtc-player.ts';
+
 
 @customElement('frigate-card-live-ha')
 export class FrigateCardLiveHA extends LitElement {

src/components/live/live.ts

@@ -49,10 +49,8 @@ import {
 import '../next-prev-control.js';
 import '../title-control.js';
 import '../surround.js';
-import '../../patches/ha-camera-stream';
 import { EmblaCarouselPlugins } from '../carousel.js';
 import { classMap } from 'lit/directives/class-map.js';
-import '../image';
 import { updateElementStyleFromMediaLayoutConfig } from '../../utils/media-layout.js';
 import { DataManager } from '../../utils/data-manager.js';
 
@@ -760,6 +758,9 @@ export class FrigateCardLiveProvider extends LitElement {
     }
     if (changedProps.has('liveConfig')) {
       updateElementStyleFromMediaLayoutConfig(this, this.liveConfig?.layout);
+      if (this.liveConfig?.show_image_during_load) {
+        import('../image.js');
+      }
     }
     if (changedProps.has('cameraConfig')) {
       if (this._getResolvedProvider() === 'frigate-jsmpeg') {