Refactor main types.ts .

src/components/carousel.ts

@@ -9,8 +9,8 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { Ref, createRef, ref } from 'lit/directives/ref.js';
+import { TransitionEffect } from '../config/types';
 import carouselStyle from '../scss/carousel.scss';
-import { TransitionEffect } from '../types';
 import {
   CarouselController,
   CarouselDirection,

src/components/diagnostics.ts

@@ -1,9 +1,9 @@
 import { HomeAssistant } from 'custom-card-helpers';
 import { CSSResultGroup, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { RawFrigateCardConfig } from '../config/types';
 import { localize } from '../localize/localize';
 import basicBlockStyle from '../scss/basic-block.scss';
-import { RawFrigateCardConfig } from '../types';
 import { Diagnostics, getDiagnostics } from '../utils/diagnostics';
 import { renderMessage } from './message';
 

src/components/elements.ts

@@ -1,31 +1,31 @@
 import { HASSDomEvent, HomeAssistant } from 'custom-card-helpers';
 import {
   CSSResultGroup,
-  html,
   LitElement,
   PropertyValues,
   TemplateResult,
+  html,
   unsafeCSS,
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { actionHandler } from '../action-handler-directive.js';
-import { localize } from '../localize/localize.js';
-import ptzStyle from '../scss/elements-ptz.scss';
-import elementsStyle from '../scss/elements.scss';
 import {
   Actions,
   ActionsConfig,
-  FrigateCardError,
   FrigateCardPTZConfig,
   FrigateConditional,
-  MenuButton,
   MenuIcon,
+  MenuItem,
   MenuStateIcon,
   MenuSubmenu,
   MenuSubmenuSelect,
   PictureElements,
-} from '../types.js';
+} from '../config/types.js';
+import { localize } from '../localize/localize.js';
+import ptzStyle from '../scss/elements-ptz.scss';
+import elementsStyle from '../scss/elements.scss';
+import { FrigateCardError } from '../types.js';
 import {
   frigateCardHandleActionConfig,
   frigateCardHasAction,
@@ -184,11 +184,7 @@ export class FrigateCardElements extends LitElement {
   protected _menuRemoveHandler(ev: Event): void {
     // Re-dispatch event from this element (instead of the disconnected one, as
     // there is no parent of the disconnected element).
-    dispatchFrigateCardEvent<MenuButton>(
-      this,
-      'menu-remove',
-      (ev as CustomEvent).detail,
-    );
+    dispatchFrigateCardEvent<MenuItem>(this, 'menu-remove', (ev as CustomEvent).detail);
   }
 
   /**
@@ -196,7 +192,7 @@ export class FrigateCardElements extends LitElement {
    * @param ev The event.
    */
   protected _menuAddHandler(ev: Event): void {
-    ev = ev as CustomEvent<MenuButton>;
+    ev = ev as CustomEvent<MenuItem>;
     const path = ev.composedPath();
     if (!path.length) {
       return;

src/components/gallery.ts

@@ -7,37 +7,37 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import galleryStyle from '../scss/gallery.scss';
-import galleryCoreStyle from '../scss/gallery-core.scss';
+import { classMap } from 'lit/directives/class-map.js';
+import { createRef, ref, Ref } from 'lit/directives/ref.js';
+import throttle from 'lodash-es/throttle';
+import { CameraManager, ExtendedMediaQueryResult } from '../camera-manager/manager.js';
+import { EventQuery, MediaQuery, RecordingQuery } from '../camera-manager/types';
 import {
   CardWideConfig,
-  ExtendedHomeAssistant,
   frigateCardConfigDefaults,
   GalleryConfig,
   THUMBNAIL_WIDTH_MAX,
-} from '../types.js';
+} from '../config/types';
+import { localize } from '../localize/localize';
+import galleryCoreStyle from '../scss/gallery-core.scss';
+import galleryStyle from '../scss/gallery.scss';
+import { ExtendedHomeAssistant } from '../types.js';
 import { stopEventFromActivatingCardWideActions } from '../utils/action.js';
+import { errorToConsole, sleep } from '../utils/basic';
 import {
   changeViewToRecentEventsForCameraAndDependents,
   changeViewToRecentRecordingForCameraAndDependents,
 } from '../utils/media-to-view.js';
-import { CameraManager, ExtendedMediaQueryResult } from '../camera-manager/manager.js';
+import { ViewMedia } from '../view/media';
+import { EventMediaQueries, RecordingMediaQueries } from '../view/media-queries';
+import { MediaQueriesClassifier } from '../view/media-queries-classifier';
+import { MediaQueriesResults } from '../view/media-queries-results';
 import { View } from '../view/view.js';
+import './media-filter';
 import { renderMessage, renderProgressIndicator } from './message.js';
+import './surround-basic';
 import './thumbnail.js';
 import { THUMBNAIL_DETAILS_WIDTH_MIN } from './thumbnail.js';
-import { createRef, ref, Ref } from 'lit/directives/ref.js';
-import { MediaQueriesClassifier } from '../view/media-queries-classifier';
-import { EventMediaQueries, RecordingMediaQueries } from '../view/media-queries';
-import { EventQuery, MediaQuery, RecordingQuery } from '../camera-manager/types';
-import { MediaQueriesResults } from '../view/media-queries-results';
-import { errorToConsole, sleep } from '../utils/basic';
-import './media-filter';
-import './surround-basic';
-import { ViewMedia } from '../view/media';
-import { localize } from '../localize/localize';
-import throttle from 'lodash-es/throttle';
-import { classMap } from 'lit/directives/class-map.js';
 
 const GALLERY_MEDIA_FILTER_MENU_ICONS = {
   closed: 'mdi:filter-cog-outline',

src/components/image.ts

@@ -6,29 +6,25 @@ import {
   LitElement,
   PropertyValues,
   TemplateResult,
-  unsafeCSS
+  unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
 import isEqual from 'lodash-es/isEqual';
 import { CachedValueController } from '../cached-value-controller.js';
+import { CameraConfig, ImageViewConfig } from '../config/types.js';
 import defaultImage from '../images/frigate-bird-in-sky.jpg';
 import { localize } from '../localize/localize.js';
 import imageStyle from '../scss/image.scss';
-import {
-  CameraConfig,
-  FrigateCardMediaPlayer,
-  ImageViewConfig,
-  MediaLoadedInfo
-} from '../types.js';
+import { FrigateCardMediaPlayer, MediaLoadedInfo } from '../types.js';
 import { contentsChanged } from '../utils/basic.js';
 import { isHassDifferent } from '../utils/ha';
 import {
   createMediaLoadedInfo,
   dispatchExistingMediaLoadedInfoAsEvent,
   dispatchMediaPauseEvent,
-  dispatchMediaPlayEvent
+  dispatchMediaPlayEvent,
 } from '../utils/media-info.js';
 import { updateElementStyleFromMediaLayoutConfig } from '../utils/media-layout.js';
 import { View } from '../view/view.js';

src/components/live/live-go2rtc.ts

@@ -8,14 +8,10 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { CameraEndpoints } from '../../camera-manager/types.js';
+import { CameraConfig, MicrophoneConfig } from '../../config/types.js';
 import { localize } from '../../localize/localize';
 import liveMSEStyle from '../../scss/live-go2rtc.scss';
-import {
-  CameraConfig,
-  ExtendedHomeAssistant,
-  FrigateCardMediaPlayer,
-  MicrophoneConfig,
-} from '../../types.js';
+import { ExtendedHomeAssistant, FrigateCardMediaPlayer } from '../../types.js';
 import { getEndpointAddressOrDispatchError } from '../../utils/endpoint';
 import { setControlsOnVideo } from '../../utils/media.js';
 import { screenshotMedia } from '../../utils/screenshot.js';

src/components/live/live-ha.ts

@@ -2,12 +2,13 @@ import { HomeAssistant } from 'custom-card-helpers';
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
-import liveHAStyle from '../../scss/live-ha.scss';
-import { CameraConfig, FrigateCardMediaPlayer } from '../../types.js';
-import { getStateObjOrDispatchError } from './live.js';
+import { CameraConfig } from '../../config/types';
 import '../../patches/ha-camera-stream';
 import '../../patches/ha-hls-player.js';
 import '../../patches/ha-web-rtc-player.ts';
+import liveHAStyle from '../../scss/live-ha.scss';
+import { FrigateCardMediaPlayer } from '../../types.js';
+import { getStateObjOrDispatchError } from './live.js';
 
 @customElement('frigate-card-live-ha')
 export class FrigateCardLiveHA extends LitElement implements FrigateCardMediaPlayer {
@@ -55,7 +56,7 @@ export class FrigateCardLiveHA extends LitElement implements FrigateCardMediaPla
   }
 
   public async getScreenshotURL(): Promise<string | null> {
-    return await this._playerRef.value?.getScreenshotURL() ?? null;
+    return (await this._playerRef.value?.getScreenshotURL()) ?? null;
   }
 
   protected render(): TemplateResult | void {

src/components/live/live-image.ts

@@ -2,8 +2,9 @@ import { HomeAssistant } from 'custom-card-helpers';
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+import { CameraConfig } from '../../config/types';
 import basicBlockStyle from '../../scss/basic-block.scss';
-import { CameraConfig, FrigateCardMediaPlayer } from '../../types.js';
+import { FrigateCardMediaPlayer } from '../../types.js';
 import '../image.js';
 import { getStateObjOrDispatchError } from './live.js';
 

src/components/live/live-jsmpeg.ts

@@ -4,22 +4,18 @@ import { customElement, property } from 'lit/decorators.js';
 import { until } from 'lit/directives/until.js';
 import { CameraEndpoints } from '../../camera-manager/types.js';
 import { renderProgressIndicator } from '../../components/message.js';
+import { CameraConfig, CardWideConfig } from '../../config/types.js';
 import { localize } from '../../localize/localize.js';
 import liveJSMPEGStyle from '../../scss/live-jsmpeg.scss';
-import {
-  CameraConfig,
-  CardWideConfig,
-  ExtendedHomeAssistant,
-  FrigateCardMediaPlayer,
-} from '../../types.js';
+import { ExtendedHomeAssistant, FrigateCardMediaPlayer } from '../../types.js';
 import { getEndpointAddressOrDispatchError } from '../../utils/endpoint.js';
 import {
   dispatchMediaLoadedEvent,
   dispatchMediaPauseEvent,
   dispatchMediaPlayEvent,
 } from '../../utils/media-info.js';
-import { dispatchErrorMessageEvent } from '../message.js';
 import { Timer } from '../../utils/timer.js';
+import { dispatchErrorMessageEvent } from '../message.js';
 
 // Number of seconds a signed URL is valid for.
 const JSMPEG_URL_SIGN_EXPIRY_SECONDS = 24 * 60 * 60;

src/components/live/live-webrtc-card.ts

@@ -3,14 +3,10 @@ import { HomeAssistant } from 'custom-card-helpers';
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { CameraEndpoints } from '../../camera-manager/types.js';
+import { CameraConfig, CardWideConfig } from '../../config/types.js';
 import { localize } from '../../localize/localize.js';
 import liveWebRTCCardStyle from '../../scss/live-webrtc-card.scss';
-import {
-  CameraConfig,
-  CardWideConfig,
-  FrigateCardError,
-  FrigateCardMediaPlayer,
-} from '../../types.js';
+import { FrigateCardError, FrigateCardMediaPlayer } from '../../types.js';
 import { mayHaveAudio } from '../../utils/audio.js';
 import {
   dispatchMediaLoadedEvent,

src/components/live/live.ts

@@ -17,28 +17,30 @@ import { createRef, Ref, ref } from 'lit/directives/ref.js';
 import { CameraManager } from '../../camera-manager/manager.js';
 import { CameraConfigs, CameraEndpoints } from '../../camera-manager/types.js';
 import {
-  ConditionsManagerEpoch,
-  getOverriddenConfig,
-} from '../../utils/card-controller/conditions-manager.js';
+  CameraConfig,
+  CardWideConfig,
+  frigateCardConfigDefaults,
+  LiveConfig,
+  LiveOverrides,
+  LiveProvider,
+  TransitionEffect,
+} from '../../config/types.js';
 import { localize } from '../../localize/localize.js';
 import basicBlockStyle from '../../scss/basic-block.scss';
 import liveCarouselStyle from '../../scss/live-carousel.scss';
 import liveProviderStyle from '../../scss/live-provider.scss';
 import {
-  CameraConfig,
-  CardWideConfig,
   ExtendedHomeAssistant,
-  frigateCardConfigDefaults,
   FrigateCardMediaPlayer,
-  LiveConfig,
-  LiveOverrides,
-  LiveProvider,
   MediaLoadedInfo,
   Message,
-  TransitionEffect,
 } from '../../types.js';
 import { stopEventFromActivatingCardWideActions } from '../../utils/action.js';
 import { contentsChanged } from '../../utils/basic.js';
+import {
+  ConditionsManagerEpoch,
+  getOverriddenConfig,
+} from '../../utils/card-controller/conditions-manager.js';
 import { CarouselSelected } from '../../utils/embla/carousel-controller.js';
 import { AutoLazyLoad } from '../../utils/embla/plugins/auto-lazy-load/auto-lazy-load.js';
 import { AutoMediaActions } from '../../utils/embla/plugins/auto-media-actions/auto-media-actions.js';

src/components/media-filter.ts

@@ -1,3 +1,15 @@
+import { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';
+import { HomeAssistant } from 'custom-card-helpers';
+import endOfDay from 'date-fns/endOfDay';
+import endOfMonth from 'date-fns/endOfMonth';
+import endOfYesterday from 'date-fns/endOfYesterday';
+import endOfToday from 'date-fns/esm/endOfToday';
+import startOfToday from 'date-fns/esm/startOfToday';
+import format from 'date-fns/format';
+import parse from 'date-fns/parse';
+import startOfDay from 'date-fns/startOfDay';
+import startOfYesterday from 'date-fns/startOfYesterday';
+import sub from 'date-fns/sub';
 import {
   CSSResultGroup,
   html,
@@ -10,35 +22,23 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+import isEqual from 'lodash-es/isEqual';
+import orderBy from 'lodash-es/orderBy';
+import uniqWith from 'lodash-es/uniqWith';
+import { CameraManager } from '../camera-manager/manager';
 import { DateRange } from '../camera-manager/range';
+import { DataQuery, MediaMetadata, QueryType } from '../camera-manager/types';
+import { CardWideConfig } from '../config/types';
 import { localize } from '../localize/localize';
 import mediaFilterStyle from '../scss/media-filter.scss';
-import { executeMediaQueryForViewWithErrorDispatching } from '../utils/media-to-view.js';
 import { errorToConsole, formatDate, prettifyTitle } from '../utils/basic';
-import { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';
-import './select';
-import { FrigateCardSelect, SelectOption, SelectValues } from './select';
-import uniqWith from 'lodash-es/uniqWith';
-import sub from 'date-fns/sub';
-import endOfDay from 'date-fns/endOfDay';
-import endOfYesterday from 'date-fns/endOfYesterday';
-import endOfToday from 'date-fns/esm/endOfToday';
-import startOfToday from 'date-fns/esm/startOfToday';
-import startOfDay from 'date-fns/startOfDay';
-import startOfYesterday from 'date-fns/startOfYesterday';
-import parse from 'date-fns/parse';
+import { executeMediaQueryForViewWithErrorDispatching } from '../utils/media-to-view.js';
+import { EventMediaQueries, RecordingMediaQueries } from '../view/media-queries';
 import { MediaQueriesClassifier } from '../view/media-queries-classifier';
 import { View } from '../view/view';
-import { CameraManager } from '../camera-manager/manager';
-import { HomeAssistant } from 'custom-card-helpers';
-import { DataQuery, MediaMetadata, QueryType } from '../camera-manager/types';
-import format from 'date-fns/format';
-import endOfMonth from 'date-fns/endOfMonth';
-import isEqual from 'lodash-es/isEqual';
-import { EventMediaQueries, RecordingMediaQueries } from '../view/media-queries';
+import './select';
+import { FrigateCardSelect, SelectOption, SelectValues } from './select';
 import './select.js';
-import orderBy from 'lodash-es/orderBy';
-import { CardWideConfig } from '../types';
 
 interface MediaFilterCoreDefaults {
   cameraIDs?: string[];

src/components/media-grid.ts

@@ -8,8 +8,8 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+import { ViewDisplayConfig } from '../config/types';
 import mediaGridStyle from '../scss/media-grid.scss';
-import { ViewDisplayConfig } from '../types.js';
 import { MediaGridController } from '../utils/media-grid-controller.js';
 
 @customElement('frigate-card-media-grid')

src/components/menu.ts

@@ -1,10 +1,10 @@
 import { HASSDomEvent, HomeAssistant } from 'custom-card-helpers';
 import {
   CSSResultGroup,
-  html,
   LitElement,
   PropertyValues,
   TemplateResult,
+  html,
   unsafeCSS,
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
@@ -12,26 +12,25 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { actionHandler } from '../action-handler-directive.js';
-import menuStyle from '../scss/menu.scss';
+import { FRIGATE_ICON_SVG_PATH } from '../camera-manager/frigate/icon.js';
 import type {
-  ActionsConfig,
   ActionType,
-  MenuButton,
+  ActionsConfig,
   MenuConfig,
   MenuItem,
-  StateParameters,
-} from '../types.js';
+} from '../config/types.js';
+import { FRIGATE_BUTTON_MENU_ICON } from '../const.js';
+import menuStyle from '../scss/menu.scss';
+import type { StateParameters } from '../types.js';
 import {
   convertActionToFrigateCardCustomAction,
   frigateCardHandleActionConfig,
   frigateCardHasAction,
   getActionConfigGivenAction,
 } from '../utils/action.js';
-import { FRIGATE_ICON_SVG_PATH } from '../camera-manager/frigate/icon.js';
 import { refreshDynamicStateParameters } from '../utils/ha';
-import './submenu.js';
 import { EntityRegistryManager } from '../utils/ha/entity-registry/index.js';
-import { FRIGATE_BUTTON_MENU_ICON } from '../const.js';
+import './submenu.js';
 
 /**
  * A menu for the FrigateCard.
@@ -62,7 +61,7 @@ export class FrigateCardMenu extends LitElement {
   protected _menuConfig?: MenuConfig;
 
   @property({ attribute: false })
-  public buttons: MenuButton[] = [];
+  public buttons: MenuItem[] = [];
 
   @property({ attribute: false })
   public entityRegistryManager?: EntityRegistryManager;
@@ -228,7 +227,7 @@ export class FrigateCardMenu extends LitElement {
    * @param button The button configuration to render.
    * @returns A rendered template or void.
    */
-  protected _renderButton(button: MenuButton): TemplateResult | void {
+  protected _renderButton(button: MenuItem): TemplateResult | void {
     if (button.type === 'custom:frigate-card-menu-submenu') {
       return html` <frigate-card-submenu
         .hass=${this.hass}

src/components/message.ts

@@ -2,10 +2,11 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { ClassInfo, classMap } from 'lit/directives/class-map.js';
 import { ref, Ref } from 'lit/directives/ref.js';
+import { CardWideConfig } from '../config/types.js';
 import { TROUBLESHOOTING_URL } from '../const.js';
 import { localize } from '../localize/localize.js';
 import messageStyle from '../scss/message.scss';
-import { CardWideConfig, FrigateCardError, Message, MessageType } from '../types.js';
+import { FrigateCardError, Message, MessageType } from '../types.js';
 import { dispatchFrigateCardEvent } from '../utils/basic.js';
 
 @customElement('frigate-card-message')

src/components/next-prev-control.ts

@@ -1,13 +1,11 @@
+import { HomeAssistant } from 'custom-card-helpers';
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-
-import { NextPreviousControlConfig } from '../types.js';
-
+import { NextPreviousControlConfig } from '../config/types.js';
 import controlStyle from '../scss/next-previous-control.scss';
-import { createFetchThumbnailTask } from '../utils/thumbnail.js';
-import { HomeAssistant } from 'custom-card-helpers';
 import { renderTask } from '../utils/task.js';
+import { createFetchThumbnailTask } from '../utils/thumbnail.js';
 
 @customElement('frigate-card-next-previous-control')
 export class FrigateCardNextPreviousControl extends LitElement {

src/components/submenu.ts

@@ -11,13 +11,9 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { StyleInfo, styleMap } from 'lit/directives/style-map.js';
 import { actionHandler } from '../action-handler-directive.js';
+import { MenuSubmenu, MenuSubmenuItem, MenuSubmenuSelect } from '../config/types.js';
 import submenuStyle from '../scss/submenu.scss';
-import {
-  MenuSubmenu,
-  MenuSubmenuItem,
-  MenuSubmenuSelect,
-  StateParameters,
-} from '../types.js';
+import { StateParameters } from '../types.js';
 import {
   frigateCardHasAction,
   stopEventFromActivatingCardWideActions,
@@ -39,7 +35,9 @@ export class FrigateCardSubmenu extends LitElement {
     if (!this.hass) {
       return;
     }
-    const stateParameters = refreshDynamicStateParameters(this.hass, { ...item } as StateParameters);
+    const stateParameters = refreshDynamicStateParameters(this.hass, {
+      ...item,
+    } as StateParameters);
     const getIcon = (stateParameters: StateParameters): TemplateResult => {
       if (stateParameters.icon) {
         return html` <ha-icon
@@ -95,7 +93,7 @@ export class FrigateCardSubmenu extends LitElement {
         @click=${(ev) => stopEventFromActivatingCardWideActions(ev)}
       >
         <ha-icon-button
-          style="${styleMap(this.submenu.style as StyleInfo || {})}"
+          style="${styleMap((this.submenu.style as StyleInfo) || {})}"
           class="button"
           slot="trigger"
           .label=${this.submenu.title || ''}

src/components/surround.ts

@@ -8,14 +8,13 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { CameraManager } from '../camera-manager/manager.js';
-import basicBlockStyle from '../scss/basic-block.scss';
 import {
   CardWideConfig,
-  ClipsOrSnapshotsOrAll,
-  ExtendedHomeAssistant,
   MiniTimelineControlConfig,
   ThumbnailsControlConfig,
-} from '../types.js';
+} from '../config/types.js';
+import basicBlockStyle from '../scss/basic-block.scss';
+import { ClipsOrSnapshotsOrAll, ExtendedHomeAssistant } from '../types.js';
 import { contentsChanged, dispatchFrigateCardEvent } from '../utils/basic.js';
 import { getAllDependentCameras } from '../utils/camera.js';
 import { changeViewToRecentEventsForCameraAndDependents } from '../utils/media-to-view';

src/components/thumbnail-carousel.ts

@@ -9,8 +9,9 @@ import {
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { CameraManager } from '../camera-manager/manager.js';
+import { ThumbnailsControlConfig } from '../config/types.js';
 import thumbnailCarouselStyle from '../scss/thumbnail-carousel.scss';
-import { ExtendedHomeAssistant, ThumbnailsControlConfig } from '../types.js';
+import { ExtendedHomeAssistant } from '../types.js';
 import { stopEventFromActivatingCardWideActions } from '../utils/action.js';
 import { dispatchFrigateCardEvent } from '../utils/basic.js';
 import { CarouselDirection } from '../utils/embla/carousel-controller.js';

src/components/timeline-core.ts

@@ -30,17 +30,17 @@ import { CameraManager } from '../camera-manager/manager';
 import { rangesOverlap } from '../camera-manager/range';
 import { MediaQuery } from '../camera-manager/types';
 import { convertRangeToCacheFriendlyTimes } from '../camera-manager/util';
-import { localize } from '../localize/localize';
-import timelineCoreStyle from '../scss/timeline-core.scss';
 import {
   CameraConfig,
   CardWideConfig,
-  ExtendedHomeAssistant,
   frigateCardConfigDefaults,
   FrigateCardView,
   ThumbnailsControlBaseConfig,
   TimelineCoreConfig,
-} from '../types';
+} from '../config/types';
+import { localize } from '../localize/localize';
+import timelineCoreStyle from '../scss/timeline-core.scss';
+import { ExtendedHomeAssistant } from '../types';
 import { stopEventFromActivatingCardWideActions } from '../utils/action';
 import {
   contentsChanged,

src/components/timeline.ts

@@ -1,8 +1,9 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { CameraManager } from '../camera-manager/manager';
+import { CardWideConfig, TimelineConfig } from '../config/types';
 import basicBlockStyle from '../scss/basic-block.scss';
-import { CardWideConfig, ExtendedHomeAssistant, TimelineConfig } from '../types';
+import { ExtendedHomeAssistant } from '../types';
 import { View } from '../view/view';
 import './surround.js';
 import './timeline-core.js';

src/components/title-control.ts

@@ -1,8 +1,8 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
+import { TitleControlConfig } from '../config/types';
 import titleStyle from '../scss/title-control.scss';
-import { TitleControlConfig } from '../types.js';
 import { Timer } from '../utils/timer';
 import { View } from '../view/view.js';
 

src/components/viewer.ts

@@ -16,6 +16,12 @@ import {
   renderMessage,
   renderProgressIndicator,
 } from '../components/message.js';
+import {
+  CardWideConfig,
+  frigateCardConfigDefaults,
+  TransitionEffect,
+  ViewerConfig,
+} from '../config/types.js';
 import { localize } from '../localize/localize.js';
 import '../patches/ha-hls-player';
 import basicBlockStyle from '../scss/basic-block.scss';
@@ -23,13 +29,9 @@ import viewerCarouselStyle from '../scss/viewer-carousel.scss';
 import viewerProviderStyle from '../scss/viewer-provider.scss';
 import viewerStyle from '../scss/viewer.scss';
 import {
-  CardWideConfig,
   ExtendedHomeAssistant,
-  frigateCardConfigDefaults,
   FrigateCardMediaPlayer,
   MediaLoadedInfo,
-  TransitionEffect,
-  ViewerConfig,
 } from '../types.js';
 import { stopEventFromActivatingCardWideActions } from '../utils/action.js';
 import { mayHaveAudio } from '../utils/audio.js';