Initial common.js refactor.

src/components/viewer.ts

@@ -1,19 +1,21 @@
+import { Task } from '@lit-labs/task';
+import { EmblaOptionsType, EmblaPluginType } from 'embla-carousel';
 import {
   CSSResultGroup,
+  html,
   LitElement,
   PropertyValues,
   TemplateResult,
-  html,
-  unsafeCSS,
+  unsafeCSS
 } from 'lit';
-import { BrowseMediaUtil } from '../browse-media-util.js';
-import { EmblaOptionsType, EmblaPluginType } from 'embla-carousel';
-import { Task } from '@lit-labs/task';
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { ref } from 'lit/directives/ref.js';
-
-import { AutoMediaPlugin } from './embla-plugins/automedia.js';
+import {
+  dispatchErrorMessageEvent,
+  renderProgressIndicator
+} from '../components/message.js';
+import viewerStyle from '../scss/viewer.scss';
 import type {
   BrowseMediaNeighbors,
   BrowseMediaQueryParameters,
@@ -22,26 +24,21 @@ import type {
   FrigateBrowseMediaSource,
   MediaShowInfo,
   TransitionEffect,
-  ViewerConfig,
+  ViewerConfig
 } from '../types.js';
-import { FrigateCardMediaCarousel, IMG_EMPTY } from './media-carousel.js';
-import { FrigateCardNextPreviousControl } from './next-prev-control.js';
-import { Lazyload, LazyloadType } from './embla-plugins/lazyload.js';
-import { ResolvedMediaCache, ResolvedMediaUtil } from '../resolved-media.js';
+import { stopEventFromActivatingCardWideActions } from '../utils/action.js';
+import { contentsChanged } from '../utils/basic.js';
+import { BrowseMediaUtil } from '../utils/ha/browse-media.js';
+import { createMediaShowInfo } from '../utils/media-info.js';
+import { ResolvedMediaCache, ResolvedMediaUtil } from '../utils/resolved-media.js';
 import { View } from '../view.js';
-import {
-  contentsChanged,
-  createMediaShowInfo,
-  dispatchErrorMessageEvent,
-  stopEventFromActivatingCardWideActions,
-} from '../common.js';
-import { renderProgressIndicator } from '../components/message.js';
-
+import { AutoMediaPlugin } from './embla-plugins/automedia.js';
+import { Lazyload, LazyloadType } from './embla-plugins/lazyload.js';
+import { FrigateCardMediaCarousel, IMG_EMPTY } from './media-carousel.js';
 import './next-prev-control.js';
+import { FrigateCardNextPreviousControl } from './next-prev-control.js';
 import './title-control.js';
 
-import viewerStyle from '../scss/viewer.scss';
-
 @customElement('frigate-card-viewer')
 export class FrigateCardViewer extends LitElement {
   @property({ attribute: false })