chore: Enforce import order via @ianvs/prettier-plugin-sort-imports (#2542)

src/components/call-controls.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { dispatchActionExecutionRequest } from '../card-controller/actions/utils/execution-request.js';
 import { MicrophoneState } from '../card-controller/types.js';
 import { ActionConfig } from '../config/schema/actions/types.js';

src/components/carousel.ts

@@ -1,14 +1,15 @@
 import { CreatePluginType, LoosePluginType } from 'embla-carousel/components/Plugins';
 import {
   CSSResultGroup,
+  html,
   LitElement,
   PropertyValues,
   TemplateResult,
-  html,
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { Ref, createRef, ref } from 'lit/directives/ref.js';
+import { createRef, Ref, ref } from 'lit/directives/ref.js';
+
 import { TransitionEffect } from '../config/schema/common/transition-effect';
 import carouselStyle from '../scss/carousel.scss';
 import {

src/components/date-picker.ts

@@ -1,10 +1,12 @@
 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 { localize } from '../localize/localize';
 import datePickerStyle from '../scss/date-picker.scss';
 import { stopEventFromActivatingCardWideActions } from '../utils/action';
 import { fireAdvancedCameraCardEvent } from '../utils/fire-advanced-camera-card-event';
+
 import './icon';
 
 export interface DatePickerEvent {

src/components/diagnostics.ts

@@ -1,6 +1,7 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { until } from 'lit/directives/until.js';
+
 import { IssuePresence } from '../card-controller/issues/types';
 import { RawAdvancedCameraCardConfig } from '../config/types';
 import { DeviceRegistryManager } from '../ha/registry/device';
@@ -9,6 +10,7 @@ import { localize } from '../localize/localize';
 import basicBlockStyle from '../scss/basic-block.scss';
 import { getDiagnostics } from '../utils/diagnostics';
 import { renderNotificationBlockFromText } from './notification/block';
+
 @customElement('advanced-camera-card-diagnostics')
 export class AdvancedCameraCardDiagnostics extends LitElement {
   // Not a reactive property to avoid multiple diagnostics fetches.

src/components/drawer.ts

@@ -8,8 +8,11 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import 'side-drawer';
+
 import { SideDrawer } from 'side-drawer';
+
 import drawerInjectStyle from '../scss/drawer-inject.scss';
 import drawerStyle from '../scss/drawer.scss';
 import { stopEventFromActivatingCardWideActions } from '../utils/action.js';
@@ -18,6 +21,7 @@ import {
   getChildrenFromElement,
   isHoverableDevice,
 } from '../utils/basic.js';
+
 import './icon.js';
 
 export interface DrawerIcons {

src/components/effects/base.ts

@@ -1,5 +1,6 @@
 import { CSSResultGroup, LitElement, PropertyValues, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
+
 import effectBaseStyle from '../../scss/effect-base.scss';
 import { forceReflow } from '../../utils/basic';
 

src/components/effects/check.ts

@@ -1,6 +1,7 @@
 import { CSSResultGroup, html, TemplateResult, unsafeCSS } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+
 import checkCircleSVG from '../../images/check-circle.svg';
 import checkStyle from '../../scss/check.scss';
 import { BaseEffectComponent } from './base';

src/components/effects/effects.ts

@@ -1,5 +1,6 @@
 import { LitElement, PropertyValues, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { EffectsManager } from '../../card-controller/effects/effects-manager';
 import effectsStyle from '../../scss/effects.scss';
 

src/components/effects/firework-burst.ts

@@ -1,7 +1,9 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
+
 import fireworkBurstStyle from '../../scss/firework-burst.scss';
+
 import './firework-particle';
 
 const BASE_PARTICLE_COUNT = 36;

src/components/effects/firework-particle.ts

@@ -1,5 +1,6 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import fireworkParticleStyle from '../../scss/firework-particle.scss';
 
 @customElement('advanced-camera-card-firework-particle')

src/components/effects/fireworks.ts

@@ -1,8 +1,10 @@
 import { html, TemplateResult } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
+
 import { Timer } from '../../utils/timer';
 import { BaseEffectComponent } from './base';
+
 import './firework-burst';
 
 const INITIAL_BURST_COUNT = 3;

src/components/effects/ghost.ts

@@ -1,7 +1,8 @@
 import { CSSResultGroup, html, TemplateResult, unsafeCSS } from 'lit';
 import { customElement } from 'lit/decorators.js';
-import { BaseEffectComponent } from './base';
+
 import ghostStyle from '../../scss/ghost.scss';
+import { BaseEffectComponent } from './base';
 
 @customElement('advanced-camera-card-effect-ghost')
 export class AdvancedCameraCardEffectGhost extends BaseEffectComponent {

src/components/effects/heart.ts

@@ -1,5 +1,6 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import heartStyle from '../../scss/heart.scss';
 
 @customElement('advanced-camera-card-heart')

src/components/effects/hearts.ts

@@ -1,7 +1,9 @@
 import { html, TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
+
 import { BaseEffectComponent } from './base';
+
 import './heart';
 
 const HEART_CHARS = ['❤️', '💖', '💕', '💗', '💓'];

src/components/effects/shamrock.ts

@@ -1,5 +1,6 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import shamrockStyle from '../../scss/shamrock.scss';
 
 @customElement('advanced-camera-card-shamrock')

src/components/effects/shamrocks.ts

@@ -1,7 +1,9 @@
 import { html, TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
+
 import { BaseEffectComponent } from './base';
+
 import './shamrock';
 
 const SHAMROCK_COUNT = 10;

src/components/effects/snow.ts

@@ -1,7 +1,9 @@
 import { html, TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
+
 import { BaseEffectComponent } from './base';
+
 import './snowflake';
 
 const SNOWFLAKE_CHARS = ['❄', '❅', '❆'];

src/components/effects/snowflake.ts

@@ -1,5 +1,6 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import snowflakeStyle from '../../scss/snowflake.scss';
 
 @customElement('advanced-camera-card-snowflake')

src/components/elements.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { isEqual } from 'lodash-es';
+
 import { IssueTriggerEventData } from '../card-controller/issues/types.js';
 import { TemplateRenderer } from '../card-controller/templates/index.js';
 import { ConditionsManager } from '../condition-trigger/conditions/conditions-manager.js';

src/components/gallery/gallery-core.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import {
   GalleryColumnCountRoundMethod,
   GalleryCoreController,
@@ -16,7 +17,9 @@ import { THUMBNAIL_WIDTH_DEFAULT } from '../../config/schema/common/controls/thu
 import { CardWideConfig } from '../../config/schema/types.js';
 import { HomeAssistant } from '../../ha/types.js';
 import galleryCoreStyle from '../../scss/gallery-core.scss';
+
 import '../progress-indicator.js';
+
 import { renderProgressIndicator } from '../progress-indicator.js';
 
 @customElement('advanced-camera-card-gallery-core')

src/components/gallery/gallery.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { FoldersManager } from '../../card-controller/folders/manager.js';
 import { ViewItemManager } from '../../card-controller/view/item-manager.js';
@@ -34,11 +35,15 @@ import { ViewFolder, ViewItem } from '../../view/item.js';
 import { UnifiedQueryBuilder } from '../../view/unified-query-builder.js';
 import { UnifiedQueryRunner } from '../../view/unified-query-runner.js';
 import { getReviewedQueryFilterFromQuery } from '../../view/utils/query-filter.js';
+
 import '../media-filter.js';
+
 import { renderNoMedia } from '../notification/no-media.js';
+
 import '../surround-basic.js';
 import '../thumbnail/thumbnail.js';
 import './gallery-core.js';
+
 import { GalleryExtendEvent } from './types.js';
 
 const GALLERY_FILTER_MENU_ICONS = {

src/components/icon.ts

@@ -7,6 +7,7 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { IconController } from '../components-lib/icon-controller';
 import { InternalIcon } from '../config/schema/common/icon.js';
 import { HomeAssistant } from '../ha/types';

src/components/image-player.ts

@@ -2,6 +2,7 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import { MediaLoadedInfoSourceController } from '../components-lib/media-loaded-info-source-controller.js';
 import { ImageMediaPlayerController } from '../components-lib/media-player/image';
 import imagePlayerStyle from '../scss/image-player.scss';

src/components/image-updating-player.ts

@@ -10,6 +10,7 @@ import {
 import { customElement, property, state } from 'lit/decorators.js';
 import { live } from 'lit/directives/live.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import { getCameraEntityFromConfig } from '../camera-manager/utils/camera-entity-from-config.js';
 import { IssueTriggerEventData } from '../card-controller/issues/types.js';
 import { CachedValueController } from '../components-lib/cached-value-controller.js';
@@ -19,7 +20,7 @@ import { dataToContext } from '../components-lib/notification/data-to-context.js
 import { SignedURLController } from '../components-lib/signed-url-controller.js';
 import { Notification } from '../config/schema/actions/types.js';
 import { CameraConfig } from '../config/schema/cameras.js';
-import { type ImageBaseConfig, ImageMode } from '../config/schema/common/image.js';
+import { ImageMode, type ImageBaseConfig } from '../config/schema/common/image.js';
 import { EnabledProxyConfig } from '../config/schema/common/proxy.js';
 import { TROUBLESHOOTING_URL } from '../const.js';
 import { isHassDifferent } from '../ha/is-hass-different.js';

src/components/image.ts

@@ -3,14 +3,15 @@ import { customElement, property } from 'lit/decorators.js';
 import { guard } from 'lit/directives/guard.js';
 import { keyed } from 'lit/directives/keyed.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import { CameraManager } from '../camera-manager/manager';
 import { ViewManagerEpoch } from '../card-controller/view/types';
 import { ZoomSettingsObserved } from '../components-lib/zoom/types';
 import { handleZoomSettingsObservedEvent } from '../components-lib/zoom/zoom-view-context';
 import { CameraConfig } from '../config/schema/cameras';
 import {
-  type EnabledProxyConfig,
   resolveProxyConfig,
+  type EnabledProxyConfig,
 } from '../config/schema/common/proxy';
 import { ImageViewConfig, type ImageViewProxyConfig } from '../config/schema/image';
 import { HomeAssistant } from '../ha/types';
@@ -18,10 +19,15 @@ import { localize } from '../localize/localize.js';
 import imageStyle from '../scss/image.scss';
 import { MediaPlayer, MediaPlayerController, MediaPlayerElement } from '../types.js';
 import { IMAGE_VIEW_TARGET_ID_SENTINEL } from '../view/target-id.js';
+
 import './image-updating-player';
+
 import { resolveImageMode } from './image-updating-player';
+
 import './media-dimensions-container';
+
 import { renderNotificationBlockFromText } from './notification/block.js';
+
 import './zoomer.js';
 
 @customElement('advanced-camera-card-image')

src/components/key-assigner.ts

@@ -7,10 +7,12 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { KeyAssignerController } from '../components-lib/key-assigner-controller';
 import { KeyboardShortcut } from '../config/schema/view';
 import { localize } from '../localize/localize';
 import keyAssignerStyle from '../scss/key-assigner.scss';
+
 import './icon';
 
 @customElement('advanced-camera-card-key-assigner')

src/components/live/carousel.ts

@@ -9,6 +9,7 @@ import {
 import { customElement, property } from 'lit/decorators.js';
 import { keyed } from 'lit/directives/keyed.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { CameraManagerCameraMetadata } from '../../camera-manager/types.js';
 import { CallSession } from '../../card-controller/call/types.js';
@@ -35,6 +36,7 @@ import { CarouselSelected } from '../../utils/embla/carousel-controller.js';
 import { getTextDirection } from '../../utils/text-direction.js';
 import { getStreamCameraID } from '../../view/substream.js';
 import { View } from '../../view/view.js';
+
 import '../call-controls.js';
 import '../carousel';
 import '../next-prev-control.js';

src/components/live/grid.ts

@@ -8,16 +8,18 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
+import { CallSession } from '../../card-controller/call/types.js';
 import { MicrophoneState } from '../../card-controller/types.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
-import { CallSession } from '../../card-controller/call/types.js';
 import { MediaGridSelected } from '../../components-lib/media-grid-controller.js';
 import { LiveConfig } from '../../config/schema/live.js';
 import { CardWideConfig } from '../../config/schema/types.js';
 import { HomeAssistant } from '../../ha/types.js';
 import liveGridStyle from '../../scss/live-grid.scss';
 import { contentsChanged } from '../../utils/basic.js';
+
 import './carousel.js';
 
 @customElement('advanced-camera-card-live-grid')

src/components/live/index.ts

@@ -7,18 +7,22 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
+import { CallSession } from '../../card-controller/call/types.js';
 import { MicrophoneManager } from '../../card-controller/microphone-manager.js';
 import { MicrophoneState } from '../../card-controller/types.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
-import { CallSession } from '../../card-controller/call/types.js';
 import { MicrophoneActionsController } from '../../components-lib/live/microphone-actions-controller.js';
+
 import '../../components-lib/live/types.js';
+
 import { LiveConfig } from '../../config/schema/live.js';
 import { CardWideConfig } from '../../config/schema/types.js';
 import { HomeAssistant } from '../../ha/types.js';
 import basicBlockStyle from '../../scss/basic-block.scss';
 import { contentsChanged } from '../../utils/basic.js';
+
 import './grid.js';
 
 @customElement('advanced-camera-card-live')

src/components/live/provider.ts

@@ -10,6 +10,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { guard } from 'lit/directives/guard.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
+
 import { Camera } from '../../camera-manager/camera.js';
 import { LazyLoadController } from '../../components-lib/lazy-load-controller.js';
 import { dispatchLiveErrorEvent } from '../../components-lib/live/utils/dispatch-live-error.js';
@@ -23,8 +24,11 @@ import liveProviderStyle from '../../scss/live-provider.scss';
 import { MediaPlayer, MediaPlayerController, MediaPlayerElement } from '../../types.js';
 import { fireAdvancedCameraCardEvent } from '../../utils/fire-advanced-camera-card-event.js';
 import { getResolvedLiveProvider } from '../../utils/live-provider.js';
+
 import '../icon.js';
+
 import { renderNotificationBlockFromText } from '../notification/block.js';
+
 import './../media-dimensions-container';
 
 @customElement('advanced-camera-card-live-provider')

src/components/live/providers/go2rtc/index.ts

@@ -7,6 +7,7 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { Camera } from '../../../../camera-manager/camera.js';
 import { dispatchLiveErrorEvent } from '../../../../components-lib/live/utils/dispatch-live-error.js';
 import { VideoMediaPlayerController } from '../../../../components-lib/media-player/video.js';

src/components/live/providers/go2rtc/video-rtc.js

@@ -1,3 +1,4 @@
+import { getTechnologyForVideoRTC } from '../../../../components-lib/live/utils/get-technology-for-video-rtc.js';
 import {
   addAudioTracksMuteStateListener,
   has2WayAudio,
@@ -14,7 +15,6 @@ import {
   dispatchMediaPlayEvent,
   dispatchMediaVolumeChangeEvent,
 } from '../../../../utils/media-info';
-import { getTechnologyForVideoRTC } from '../../../../components-lib/live/utils/get-technology-for-video-rtc.js';
 
 /**
  * VideoRTC v1.6.0 - Video player for go2rtc streaming application.

src/components/live/providers/ha.ts

@@ -1,11 +1,14 @@
 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 { Camera } from '../../../camera-manager/camera.js';
 import { HomeAssistant } from '../../../ha/types';
+
 import '../../../patches/ha-camera-stream';
 import '../../../patches/ha-hls-player.js';
 import '../../../patches/ha-web-rtc-player.js';
+
 import liveHAStyle from '../../../scss/live-ha.scss';
 import {
   MediaPlayer,

src/components/live/providers/image.ts

@@ -1,6 +1,7 @@
 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 { Camera } from '../../../camera-manager/camera.js';
 import { HomeAssistant } from '../../../ha/types';
 import basicBlockStyle from '../../../scss/basic-block.scss';
@@ -9,6 +10,7 @@ import {
   MediaPlayerController,
   MediaPlayerElement,
 } from '../../../types.js';
+
 import '../../image-updating-player.js';
 
 @customElement('advanced-camera-card-live-image')

src/components/live/providers/jsmpeg.ts

@@ -9,6 +9,7 @@ import {
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { until } from 'lit/directives/until.js';
+
 import { Camera } from '../../../camera-manager/camera.js';
 import { dispatchLiveErrorEvent } from '../../../components-lib/live/utils/dispatch-live-error.js';
 import { MediaLoadedInfoSourceController } from '../../../components-lib/media-loaded-info-source-controller.js';
@@ -28,9 +29,13 @@ import {
   dispatchMediaPlayEvent,
 } from '../../../utils/media-info.js';
 import { Timer } from '../../../utils/timer.js';
+
 import '../../notification/block.js';
+
 import { renderNotificationBlock } from '../../notification/block.js';
+
 import '../../progress-indicator.js';
+
 import { renderProgressIndicator } from '../../progress-indicator.js';
 
 // Number of seconds a signed URL is valid for.

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

@@ -8,6 +8,7 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+
 import { Camera } from '../../../camera-manager/camera.js';
 import { dispatchLiveErrorEvent } from '../../../components-lib/live/utils/dispatch-live-error.js';
 import { getTechnologyForVideoRTC } from '../../../components-lib/live/utils/get-technology-for-video-rtc.js';
@@ -38,9 +39,13 @@ import {
   dispatchMediaVolumeChangeEvent,
 } from '../../../utils/media-info.js';
 import { renderTask } from '../../../utils/task.js';
+
 import '../../notification/block.js';
+
 import { renderNotificationBlock } from '../../notification/block.js';
+
 import '../../progress-indicator.js';
+
 import { renderProgressIndicator } from '../../progress-indicator.js';
 import { VideoRTC } from './go2rtc/video-rtc.js';
 

src/components/loading.ts

@@ -1,8 +1,10 @@
-import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
+import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import loadingStyle from '../scss/loading.scss';
 import { EffectName, EffectsManagerInterface } from '../types';
 import { getReleaseVersion } from '../utils/diagnostics';
+
 import './icon';
 
 // Map of "MM-DD" to effect name for special dates.

src/components/media-dimensions-container.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import { MediaDimensionsContainerController } from '../components-lib/media-dimensions-container-controller.js';
 import { CameraDimensionsConfig } from '../config/schema/cameras';
 import mediaDimensionsContainerStyle from '../scss/media-dimensions-container.scss';

src/components/media-filter.ts

@@ -10,6 +10,7 @@ import {
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import { CameraManager } from '../camera-manager/manager';
 import { FoldersManager } from '../card-controller/folders/manager';
 import { ViewManagerEpoch } from '../card-controller/view/types';
@@ -22,8 +23,11 @@ import { HomeAssistant } from '../ha/types';
 import { localize } from '../localize/localize';
 import mediaFilterStyle from '../scss/media-filter.scss';
 import { AdvancedCameraCardDatePicker } from './date-picker';
+
 import './date-picker.js';
+
 import { AdvancedCameraCardSelect } from './select';
+
 import './select.js';
 
 @customElement('advanced-camera-card-media-filter')

src/components/media-grid.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import { MediaGridController } from '../components-lib/media-grid-controller.js';
 import { ViewDisplayConfig } from '../config/schema/common/display.js';
 import mediaGridStyle from '../scss/media-grid.scss';

src/components/menu.ts

@@ -1,6 +1,7 @@
-import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
+import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+
 import { actionHandler } from '../action-handler-directive.js';
 import type { LockManagerEpoch } from '../card-controller/lock/types';
 import type { AutoHideState } from '../components-lib/auto-hide.js';
@@ -13,6 +14,7 @@ import type { HomeAssistant } from '../ha/types.js';
 import menuStyle from '../scss/menu.scss';
 import { hasAction } from '../utils/action.js';
 import { contentsChanged } from '../utils/basic.js';
+
 import './icon.js';
 import './submenu/select-button.js';
 import './submenu/submenu-button';

src/components/next-prev-control.ts

@@ -1,6 +1,7 @@
-import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
+import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { AutoHideState, isAutoHidden } from '../components-lib/auto-hide.js';
 import { NextPreviousControlConfig } from '../config/schema/common/controls/next-previous.js';
 import { Icon } from '../config/schema/common/icon.js';

src/components/notification/block.ts

@@ -1,12 +1,13 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { handleControlAction } from '../../components-lib/notification/action.js';
-import { localize } from '../../localize/localize.js';
 import {
   createNotificationFromText,
   NotificationOptions,
 } from '../../components-lib/notification/factory.js';
 import { Notification } from '../../config/schema/actions/types.js';
+import { localize } from '../../localize/localize.js';
 import notificationBlockStyle from '../../scss/notification-block.scss';
 import {
   renderControl,

src/components/notification/common-rendering.ts

@@ -1,5 +1,6 @@
 import { html, TemplateResult } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { actionHandler } from '../../action-handler-directive.js';
 import {
   Notification,
@@ -10,6 +11,7 @@ import {
   hasAction,
   stopEventFromActivatingCardWideActions,
 } from '../../utils/action.js';
+
 import '../icon.js';
 
 export function renderDetail(

src/components/notification/no-media.ts

@@ -1,4 +1,5 @@
 import { TemplateResult } from 'lit';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { localize } from '../../localize/localize.js';
 import { renderNotificationBlock } from './block.js';

src/components/notification/popup.ts

@@ -1,6 +1,7 @@
 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 { handleControlAction } from '../../components-lib/notification/action.js';
 import { Notification } from '../../config/schema/actions/types.js';
 import { localize } from '../../localize/localize.js';

src/components/overlay.ts

@@ -1,5 +1,6 @@
-import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
+import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement } from 'lit/decorators.js';
+
 import overlayStyle from '../scss/overlay.scss';
 
 @customElement('advanced-camera-card-overlay')

src/components/progress-indicator.ts

@@ -2,8 +2,10 @@ 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/schema/types';
 import progressIndicatorStyle from '../scss/progress-indicator.scss';
+
 import './icon.js';
 
 type AdvancedCameraCardProgressIndicatorSize = 'tiny' | 'small' | 'medium' | 'large';

src/components/ptz.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { actionHandler } from '../action-handler-directive.js';
 import { CameraManager } from '../camera-manager/manager.js';
 import { PTZController } from '../components-lib/ptz/ptz-controller.js';
@@ -23,8 +24,10 @@ import ptzStyle from '../scss/ptz.scss';
 import { Interaction } from '../types.js';
 import { hasAction } from '../utils/action.js';
 import { prettifyTitle } from '../utils/basic.js';
+
 import './icon.js';
 import './submenu';
+
 import { SubmenuInteraction, SubmenuItem } from './submenu/types.js';
 
 @customElement('advanced-camera-card-ptz')

src/components/select.ts

@@ -1,3 +1,4 @@
+import { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';
 import {
   CSSResultGroup,
   html,
@@ -8,12 +9,13 @@ import {
 } from 'lit';
 import { property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+import { isEqual } from 'lodash-es';
+
+import { grSelectElements } from '../scoped-elements/gr-select';
 import selectStyle from '../scss/select.scss';
 import { contentsChanged } from '../utils/basic';
 import { fireAdvancedCameraCardEvent } from '../utils/fire-advanced-camera-card-event';
-import { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';
-import { grSelectElements } from '../scoped-elements/gr-select';
-import { isEqual } from 'lodash-es';
+
 import '../scoped-elements/gr-select';
 
 export interface SelectOption {

src/components/status-bar.ts

@@ -1,14 +1,15 @@
 import {
   CSSResultGroup,
+  html,
   LitElement,
+  nothing,
   PropertyValues,
   TemplateResult,
-  html,
-  nothing,
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { actionHandler } from '../action-handler-directive.js';
 import type { AutoHideState } from '../components-lib/auto-hide.js';
 import { StatusBarController } from '../components-lib/status-bar-controller';
@@ -17,6 +18,7 @@ import { StatusBarConfig } from '../config/schema/status-bar.js';
 import statusStyle from '../scss/status.scss';
 import { hasAction } from '../utils/action';
 import { contentsChanged } from '../utils/basic.js';
+
 import './icon.js';
 
 @customElement('advanced-camera-card-status-bar')

src/components/submenu/index.ts

@@ -1,6 +1,7 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+
 import { actionHandler } from '../../action-handler-directive.js';
 import type { LockManagerEpoch } from '../../card-controller/lock/types';
 import { getEntityTitle } from '../../ha/get-entity-title.js';
@@ -11,7 +12,9 @@ import {
   stopEventFromActivatingCardWideActions,
 } from '../../utils/action.js';
 import { contentsChanged } from '../../utils/basic.js';
+
 import '../icon.js';
+
 import type { SubmenuInteraction, SubmenuItem } from './types.js';
 
 @customElement('advanced-camera-card-submenu')

src/components/submenu/select-button.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+
 import { actionHandler } from '../../action-handler-directive.js';
 import type { LockManagerEpoch } from '../../card-controller/lock/types';
 import type { InternalIcon } from '../../config/schema/common/icon.js';
@@ -21,6 +22,7 @@ import type { EntityRegistryManager } from '../../ha/registry/entity/types.js';
 import type { HomeAssistant } from '../../ha/types.js';
 import menuButtonStyle from '../../scss/menu-button.scss';
 import { createSelectOptionAction, hasAction } from '../../utils/action.js';
+
 import '../icon.js';
 import './index.js';
 

src/components/submenu/submenu-button.ts

@@ -1,12 +1,14 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+
 import { actionHandler } from '../../action-handler-directive.js';
 import type { LockManagerEpoch } from '../../card-controller/lock/types';
 import type { MenuSubmenu } from '../../config/schema/elements/custom/menu/submenu.js';
 import type { HomeAssistant } from '../../ha/types.js';
 import menuButtonStyle from '../../scss/menu-button.scss';
 import { hasAction } from '../../utils/action.js';
+
 import '../icon.js';
 import './index.js';
 

src/components/surround-basic.ts

@@ -1,9 +1,12 @@
 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 surroundBasicStyle from '../scss/surround-basic.scss';
 import { contentsChanged } from '../utils/basic.js';
+
 import './drawer.js';
+
 import { AdvancedCameraCardDrawer, DrawerIcons } from './drawer.js';
 
 interface AdvancedCameraCardDrawerOpen {

src/components/surround.ts

@@ -7,6 +7,7 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { CameraManager } from '../camera-manager/manager.js';
 import { FoldersManager } from '../card-controller/folders/manager.js';
 import { ViewItemManager } from '../card-controller/view/item-manager.js';
@@ -19,6 +20,7 @@ import { HomeAssistant } from '../ha/types.js';
 import basicBlockStyle from '../scss/basic-block.scss';
 import { contentsChanged } from '../utils/basic.js';
 import { fireAdvancedCameraCardEvent } from '../utils/fire-advanced-camera-card-event.js';
+
 import './surround-basic.js';
 import './thumbnail-carousel';
 

src/components/thumbnail-carousel.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { CameraManager } from '../camera-manager/manager.js';
 import { FoldersManager } from '../card-controller/folders/manager.js';
 import { ViewItemManager } from '../card-controller/view/item-manager.js';
@@ -32,6 +33,7 @@ import { ViewItemClassifier } from '../view/item-classifier.js';
 import { ViewItem, ViewMedia } from '../view/item.js';
 import { UnifiedQueryBuilder } from '../view/unified-query-builder.js';
 import { getReviewedQueryFilterFromQuery } from '../view/utils/query-filter.js';
+
 import './carousel.js';
 import './thumbnail/thumbnail.js';
 

src/components/thumbnail/details.ts

@@ -1,20 +1,22 @@
 import {
   CSSResult,
+  html,
   LitElement,
   PropertyValues,
   TemplateResult,
-  html,
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+
 import { CameraManager } from '../../camera-manager/manager';
 import { MediaNotificationController } from '../../components-lib/media/notification-controller';
 import { NotificationDetail } from '../../config/schema/actions/types';
 import { HomeAssistant } from '../../ha/types';
 import thumbnailDetailsStyle from '../../scss/thumbnail-details.scss';
 import { ViewItem } from '../../view/item';
+
 import '../icon';
 
 @customElement('advanced-camera-card-thumbnail-details')

src/components/thumbnail/feature/feature.ts

@@ -1,13 +1,14 @@
 import {
   CSSResult,
+  html,
   LitElement,
   PropertyValues,
   TemplateResult,
-  html,
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { CameraManager } from '../../../camera-manager/manager';
 import { dispatchActionExecutionRequest } from '../../../card-controller/actions/utils/execution-request';
 import { ViewItemManager } from '../../../card-controller/view/item-manager';
@@ -32,6 +33,7 @@ import {
 } from '../../../utils/media-actions';
 import { ViewItem } from '../../../view/item';
 import { ViewItemClassifier } from '../../../view/item-classifier';
+
 import '../../icon.js';
 import './thumbnail.js';
 

src/components/thumbnail/feature/thumbnail.ts

@@ -1,20 +1,21 @@
 import { Task, TaskStatus } from '@lit-labs/task';
 import {
   CSSResult,
+  html,
   LitElement,
   PropertyValues,
   TemplateResult,
-  html,
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { HomeAssistant } from '../../../ha/types';
 import { localize } from '../../../localize/localize';
 import thumbnailFeatureThumbnailStyle from '../../../scss/thumbnail-feature-thumbnail.scss';
 import { renderTask } from '../../../utils/task';
 import {
-  FetchThumbnailTaskArgs,
   createFetchThumbnailTask,
+  FetchThumbnailTaskArgs,
 } from '../../../utils/thumbnail';
 
 @customElement('advanced-camera-card-thumbnail-feature-thumbnail')

src/components/thumbnail/thumbnail.ts

@@ -1,5 +1,6 @@
 import { CSSResult, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { FoldersManager } from '../../card-controller/folders/manager.js';
 import { ViewItemManager } from '../../card-controller/view/item-manager.js';
@@ -7,6 +8,7 @@ import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { HomeAssistant } from '../../ha/types.js';
 import thumbnailStyle from '../../scss/thumbnail.scss';
 import { ViewItem } from '../../view/item.js';
+
 import './details.js';
 import './feature/feature.js';
 import './feature/thumbnail.js';

src/components/timeline-core.ts

@@ -1,14 +1,15 @@
 import {
   CSSResultGroup,
+  html,
   LitElement,
   PropertyValues,
   TemplateResult,
-  html,
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import { Ref, createRef, ref } from 'lit/directives/ref.js';
+import { createRef, Ref, ref } from 'lit/directives/ref.js';
 import type { IdType } from 'vis-timeline/esnext';
+
 import { CameraManager } from '../camera-manager/manager';
 import { FoldersManager } from '../card-controller/folders/manager';
 import { ViewItemManager } from '../card-controller/view/item-manager';
@@ -27,10 +28,15 @@ import { HomeAssistant } from '../ha/types';
 import { localize } from '../localize/localize';
 import timelineCoreStyle from '../scss/timeline-core.scss';
 import { contentsChanged } from '../utils/basic';
+
 import './date-picker.js';
+
 import { AdvancedCameraCardDatePicker, DatePickerEvent } from './date-picker.js';
+
 import './icon';
+
 import { renderNotificationBlockFromText } from './notification/block';
+
 import './thumbnail/thumbnail.js';
 
 /**

src/components/timeline.ts

@@ -1,5 +1,6 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { CameraManager } from '../camera-manager/manager';
 import { FoldersManager } from '../card-controller/folders/manager';
 import { ViewItemManager } from '../card-controller/view/item-manager';
@@ -9,6 +10,7 @@ import { TimelineConfig } from '../config/schema/timeline';
 import { CardWideConfig } from '../config/schema/types';
 import { HomeAssistant } from '../ha/types';
 import basicBlockStyle from '../scss/basic-block.scss';
+
 import './surround.js';
 import './timeline-core.js';
 

src/components/video-player.ts

@@ -2,6 +2,7 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
+
 import { MediaLoadedInfoSourceController } from '../components-lib/media-loaded-info-source-controller.js';
 import { VideoMediaPlayerController } from '../components-lib/media-player/video';
 import videoPlayerStyle from '../scss/video-player.scss';

src/components/viewer/carousel.ts

@@ -10,6 +10,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { guard } from 'lit/directives/guard.js';
 import { keyed } from 'lit/directives/keyed.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { RemoveContextPropertyViewModifier } from '../../card-controller/view/modifiers/remove-context-property.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
@@ -23,7 +24,9 @@ import { ViewerConfig } from '../../config/schema/viewer.js';
 import { ResolvedMediaCache } from '../../ha/resolved-media.js';
 import { HomeAssistant } from '../../ha/types.js';
 import { localize } from '../../localize/localize.js';
+
 import '../../patches/ha-hls-player.js';
+
 import viewerCarouselStyle from '../../scss/viewer-carousel.scss';
 import { stopEventFromActivatingCardWideActions } from '../../utils/action.js';
 import { contentsChanged } from '../../utils/basic.js';
@@ -31,9 +34,12 @@ import { CarouselSelected } from '../../utils/embla/carousel-controller.js';
 import { getTextDirection } from '../../utils/text-direction.js';
 import { ViewItemClassifier } from '../../view/item-classifier.js';
 import { ViewMedia } from '../../view/item.js';
+
 import '../carousel';
 import '../next-prev-control.js';
+
 import { renderNoMedia } from '../notification/no-media.js';
+
 import '../ptz.js';
 import './provider.js';
 

src/components/viewer/grid.ts

@@ -8,6 +8,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { ViewItemManager } from '../../card-controller/view/item-manager.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
@@ -16,8 +17,11 @@ import { CardWideConfig } from '../../config/schema/types.js';
 import { ViewerConfig } from '../../config/schema/viewer.js';
 import { ResolvedMediaCache } from '../../ha/resolved-media.js';
 import { HomeAssistant } from '../../ha/types.js';
+
 import '../../patches/ha-hls-player.js';
+
 import basicBlockStyle from '../../scss/basic-block.scss';
+
 import './carousel';
 
 @customElement('advanced-camera-card-viewer-grid')

src/components/viewer/index.ts

@@ -7,6 +7,7 @@ import {
   unsafeCSS,
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { ViewItemManager } from '../../card-controller/view/item-manager.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
@@ -14,10 +15,13 @@ import { CardWideConfig } from '../../config/schema/types.js';
 import { ViewerConfig } from '../../config/schema/viewer.js';
 import { ResolvedMediaCache } from '../../ha/resolved-media.js';
 import { HomeAssistant } from '../../ha/types.js';
+
 import '../../patches/ha-hls-player.js';
+
 import viewerStyle from '../../scss/viewer.scss';
 import { ViewItemClassifier } from '../../view/item-classifier.js';
 import { renderNoMedia } from '../notification/no-media.js';
+
 import './grid';
 
 export interface MediaViewerViewContext {

src/components/viewer/provider.ts

@@ -9,6 +9,7 @@ import {
 import { customElement, property } from 'lit/decorators.js';
 import { guard } from 'lit/directives/guard.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
+
 import { CameraManager } from '../../camera-manager/manager.js';
 import { QueryType } from '../../camera-manager/types.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
@@ -24,16 +25,21 @@ import { isHARelativeURL } from '../../ha/is-ha-relative-url.js';
 import { ResolvedMediaCache, resolveMedia } from '../../ha/resolved-media.js';
 import { HomeAssistant, ResolvedMedia } from '../../ha/types.js';
 import { localize } from '../../localize/localize.js';
+
 import '../../patches/ha-hls-player.js';
+
 import viewerProviderStyle from '../../scss/viewer-provider.scss';
 import { MediaPlayer, MediaPlayerController, MediaPlayerElement } from '../../types.js';
 import { classifyMimeType } from '../../utils/mime-type.js';
 import { ViewItemClassifier } from '../../view/item-classifier.js';
 import { ViewMedia } from '../../view/item.js';
 import { UnifiedQueryTransformer } from '../../view/unified-query-transformer.js';
+
 import '../image-player.js';
+
 import { renderNotificationBlockFromText } from '../notification/block.js';
 import { renderProgressIndicator } from '../progress-indicator.js';
+
 import '../video-player.js';
 import './../media-dimensions-container';
 

src/components/views.ts

@@ -8,14 +8,15 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
+
 import { CameraManager } from '../camera-manager/manager.js';
+import { CallSession } from '../card-controller/call/types.js';
 import { FoldersManager } from '../card-controller/folders/manager.js';
 import { IssuePresence } from '../card-controller/issues/types.js';
 import { MicrophoneManager } from '../card-controller/microphone-manager.js';
 import { MicrophoneState } from '../card-controller/types.js';
 import { ViewItemManager } from '../card-controller/view/item-manager.js';
 import { ViewManagerEpoch } from '../card-controller/view/types.js';
-import { CallSession } from '../card-controller/call/types.js';
 import { ConditionStateManagerReadonlyInterface } from '../condition-trigger/conditions/types.js';
 import { AdvancedCameraCardConfig, CardWideConfig } from '../config/schema/types.js';
 import { RawAdvancedCameraCardConfig } from '../config/types.js';
@@ -24,8 +25,8 @@ import { ResolvedMediaCache } from '../ha/resolved-media.js';
 import { HomeAssistant } from '../ha/types.js';
 import viewsStyle from '../scss/views.scss';
 import { contentsChanged } from '../utils/basic.js';
-import './surround.js';
 
+import './surround.js';
 // As a special case: The diagnostics view is not dynamically loaded in case
 // something goes wrong.
 import './diagnostics.js';

src/components/zoomer.ts

@@ -7,8 +7,9 @@ import {
   TemplateResult,
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { ZoomController } from '../components-lib/zoom/zoom-controller.js';
+
 import { PartialZoomSettings } from '../components-lib/zoom/types.js';
+import { ZoomController } from '../components-lib/zoom/zoom-controller.js';
 
 @customElement('advanced-camera-card-zoomer')
 export class AdvancedCameraCardZoomer extends LitElement {