refactor: removes unnecessary implicit imports

Signed-off-by: Pedro Lamas <[email protected]>

.gitignore

@@ -26,3 +26,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+
+*.tsbuildinfo

src/components/settings/cameras/Cameras.vue

@@ -99,11 +99,9 @@ import { Component, Vue } from 'vue-property-decorator'
 import { CameraConfig } from '@/store/cameras/types'
 import CameraConfigDialog from './CameraConfigDialog.vue'
 import { Globals } from '@/globals'
-import AppSetting from '@/components/ui/AppSetting.vue'
 
 @Component({
   components: {
-    AppSetting,
     CameraConfigDialog
   }
 })

src/components/settings/timelapse/subsettings/CustomParkPositionSettings.vue

@@ -53,18 +53,14 @@
 <script lang="ts">
 import { Component, Mixins, Ref } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
-import CollapsableCard from '@/components/common/CollapsableCard.vue'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { ParkPosition, TimelapseSettings } from '@/store/timelapse/types'
 import { SocketActions } from '@/api/socketActions'
-import ParkExtrudeRetractSettings from '@/components/settings/timelapse/subsettings/ParkExtrudeRetractSettings.vue'
+import ParkExtrudeRetractSettings from './ParkExtrudeRetractSettings.vue'
 import { VInput } from '@/types'
 
 @Component({
   components: {
-    ParkExtrudeRetractSettings,
-    AppSetting,
-    CollapsableCard
+    ParkExtrudeRetractSettings
   }
 })
 export default class LayerMacroSettings extends Mixins(StateMixin) {

src/components/settings/timelapse/subsettings/ParkExtrudeRetractSettings.vue

@@ -97,18 +97,11 @@
 <script lang="ts">
 import { Component, Mixins, Ref } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
-import CollapsableCard from '@/components/common/CollapsableCard.vue'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { TimelapseSettings } from '@/store/timelapse/types'
 import { SocketActions } from '@/api/socketActions'
 import { VInput } from '@/types'
 
-@Component({
-  components: {
-    AppSetting,
-    CollapsableCard
-  }
-})
+@Component({})
 export default class LayerMacroSettings extends Mixins(StateMixin) {
   @Ref('parkRetractDistanceElement')
   readonly parkRetractDistanceElement!: VInput

src/components/settings/timelapse/subsettings/ToolheadParkingSettings.vue

@@ -125,18 +125,16 @@
 <script lang="ts">
 import { Component, Mixins, Ref } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { ParkPosition, TimelapseSettings } from '@/store/timelapse/types'
 import { SocketActions } from '@/api/socketActions'
-import ParkExtrudeRetractSettings from '@/components/settings/timelapse/subsettings/ParkExtrudeRetractSettings.vue'
-import CustomParkPositionSettings from '@/components/settings/timelapse/subsettings/CustomParkPositionSettings.vue'
+import ParkExtrudeRetractSettings from './ParkExtrudeRetractSettings.vue'
+import CustomParkPositionSettings from './CustomParkPositionSettings.vue'
 import { VInput } from '@/types'
 
 @Component({
   components: {
     CustomParkPositionSettings,
-    ParkExtrudeRetractSettings,
-    AppSetting
+    ParkExtrudeRetractSettings
   }
 })
 export default class LayerMacroSettings extends Mixins(StateMixin) {

src/components/settings/timelapse/subsettings/modes/HyperlapseSettings.vue

@@ -28,16 +28,11 @@
 <script lang="ts">
 import { Component, Mixins, Ref } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { TimelapseSettings } from '@/store/timelapse/types'
 import { SocketActions } from '@/api/socketActions'
 import { VInput } from '@/types'
 
-@Component({
-  components: {
-    AppSetting
-  }
-})
+@Component({})
 export default class HyperlapseSettings extends Mixins(StateMixin) {
   @Ref('hyperlapseCycleElement')
   readonly hyperlapseCycleElement!: VInput

src/components/widgets/bedmesh/BedMeshControls.vue

@@ -286,12 +286,10 @@ import SaveMeshDialog from './SaveMeshDialog.vue'
 import StateMixin from '@/mixins/state'
 import ToolheadMixin from '@/mixins/toolhead'
 import { KlipperMesh, ProcessedMesh } from '@/store/mesh/types'
-import ManualProbeDialog from '@/components/common/ManualProbeDialog.vue'
 
 @Component({
   components: {
-    SaveMeshDialog,
-    ManualProbeDialog
+    SaveMeshDialog
   }
 })
 export default class BedMesh extends Mixins(StateMixin, ToolheadMixin) {

src/components/widgets/diagnostics/DiagnosticsCard.vue

@@ -33,14 +33,10 @@
 
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator'
-import CollapsableCard from '@/components/common/CollapsableCard.vue'
 import { DiagnosticsCardConfig } from '@/store/diagnostics/types'
-import AppChart from '@/components/ui/AppChart.vue'
 import { EChartsOption } from 'echarts'
 
-@Component({
-  components: { AppChart, CollapsableCard }
-})
+@Component({})
 export default class DiagnosticsCard extends Vue {
   @Prop({ type: Object, required: true })
   readonly config!: DiagnosticsCardConfig

src/components/widgets/diagnostics/config/AxesConfigStep.vue

@@ -100,11 +100,8 @@
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator'
 import { DiagnosticsCardConfig } from '@/store/diagnostics/types'
-import AppSetting from '@/components/ui/AppSetting.vue'
 
-@Component({
-  components: { AppSetting }
-})
+@Component({})
 export default class AxesConfigStep extends Vue {
   @Prop({ type: Object, required: true })
   readonly config!: DiagnosticsCardConfig

src/components/widgets/diagnostics/config/CardConfigStep.vue

@@ -66,12 +66,9 @@
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator'
 import { DiagnosticsCardConfig } from '@/store/diagnostics/types'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { Icons } from '@/globals'
 
-@Component({
-  components: { AppSetting }
-})
+@Component({})
 export default class CardConfigStep extends Vue {
   @Prop({ type: Object, required: true })
   readonly config!: DiagnosticsCardConfig

src/components/widgets/diagnostics/config/MetricsCollectorConfig.vue

@@ -77,12 +77,13 @@
 <script lang="ts">
 import { Component, Vue, Prop, Ref } from 'vue-property-decorator'
 import { Metric } from '@/store/diagnostics/types'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import sandboxedEval from '@/plugins/sandboxedEval'
 import StateExplorer from '@/components/widgets/diagnostics/StateExplorer.vue'
 
 @Component({
-  components: { StateExplorer, AppSetting }
+  components: {
+    StateExplorer
+  }
 })
 export default class MetricsCollectorConfig extends Vue {
   @Prop({ type: Object, required: true })

src/components/widgets/diagnostics/config/MetricsConfigStep.vue

@@ -159,12 +159,13 @@
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator'
 import { DiagnosticsCardConfig, Metric } from '@/store/diagnostics/types'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import MetricsCollectorConfig from './MetricsCollectorConfig.vue'
 import { defaultState } from '@/store/layout/state'
 
 @Component({
-  components: { AppSetting, MetricsCollectorConfig }
+  components: {
+    MetricsCollectorConfig
+  }
 })
 export default class MetricsConfigStep extends Vue {
   @Prop({ type: Object, required: true })

src/components/widgets/filesystem/FileSystemToolbar.vue

@@ -145,11 +145,9 @@ import StatesMixin from '@/mixins/state'
 import FileSystemMenu from './FileSystemMenu.vue'
 import FileSystemFilterMenu from './FileSystemFilterMenu.vue'
 import { AppTableHeader } from '@/types'
-import AppBtnCollapseGroup from '@/components/ui/AppBtnCollapseGroup.vue'
 
 @Component({
   components: {
-    AppBtnCollapseGroup,
     FileSystemMenu,
     FileSystemFilterMenu
   }

src/components/widgets/gcode-preview/GcodePreviewCard.vue

@@ -148,15 +148,13 @@ import { Component, Mixins, Prop, Ref, Watch } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import FilesMixin from '@/mixins/files'
 import GcodePreview from './GcodePreview.vue'
-import GcodePreviewControls from '@/components/widgets/gcode-preview/GcodePreviewControls.vue'
+import GcodePreviewControls from './GcodePreviewControls.vue'
+import GcodePreviewParserProgressDialog from './GcodePreviewParserProgressDialog.vue'
 import { AppFile } from '@/store/files/types'
-import GcodePreviewParserProgressDialog from '@/components/widgets/gcode-preview/GcodePreviewParserProgressDialog.vue'
 import { MinMax } from '@/store/gcodePreview/types'
-import AppBtnCollapseGroup from '@/components/ui/AppBtnCollapseGroup.vue'
 
 @Component({
   components: {
-    AppBtnCollapseGroup,
     GcodePreviewParserProgressDialog,
     GcodePreview,
     GcodePreviewControls

src/components/widgets/timelapse/TimelapseRenderSettingsDialog.vue

@@ -206,14 +206,11 @@
 import { Component, Prop, Mixins, Ref, VModel } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import { SocketActions } from '@/api/socketActions'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { TimelapseLastFrame, TimelapseSettings } from '@/store/timelapse/types'
 import { defaultWritableSettings } from '@/store/timelapse/state'
 import { VInput } from '@/types'
 
-@Component({
-  components: { AppSetting }
-})
+@Component({})
 export default class TimelapseRenderSettingsDialog extends Mixins(StateMixin) {
   @VModel({ type: Boolean, required: true })
     open!: boolean

src/components/widgets/timelapse/TimelapseSettingsCard.vue

@@ -55,13 +55,10 @@
 <script lang="ts">
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { TimelapseSettings } from '@/store/timelapse/types'
 import { SocketActions } from '@/api/socketActions'
 
-@Component({
-  components: { AppSetting }
-})
+@Component({})
 export default class TimelapseSettingsCard extends Mixins(StateMixin) {
   get enabledBlocked () {
     return this.$store.getters['timelapse/isBlockedSetting']('enabled')

src/components/widgets/timelapse/TimelapseStatusCard.vue

@@ -76,21 +76,13 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import FileSystem from '@/components/widgets/filesystem/FileSystem.vue'
-import CollapsableCard from '@/components/common/CollapsableCard.vue'
-import AppSlider from '@/components/ui/AppSlider.vue'
-import AppSetting from '@/components/ui/AppSetting.vue'
 import { RenderStatus, TimelapseLastFrame, TimelapseSettings } from '@/store/timelapse/types'
 import { SocketActions } from '@/api/socketActions'
-import AppBtn from '@/components/ui/AppBtn.vue'
 import CameraItem from '@/components/widgets/camera/CameraItem.vue'
 
 @Component({
   components: {
     CameraItem,
-    AppBtn,
-    AppSetting,
-    AppSlider,
-    CollapsableCard,
     FileSystem
   }
 })

src/components/widgets/toolhead/ToolheadCard.vue

@@ -118,15 +118,11 @@
 import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import ToolheadMixin from '@/mixins/toolhead'
-import Toolhead from '@/components/widgets/toolhead/Toolhead.vue'
-import ManualProbeDialog from '@/components/common/ManualProbeDialog.vue'
-import BedScrewsAdjustDialog from '@/components/common/BedScrewsAdjustDialog.vue'
+import Toolhead from './Toolhead.vue'
 
 @Component({
   components: {
-    Toolhead,
-    ManualProbeDialog,
-    BedScrewsAdjustDialog
+    Toolhead
   }
 })
 export default class ToolheadCard extends Mixins(StateMixin, ToolheadMixin) {

src/views/Configure.vue

@@ -39,7 +39,6 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import FileSystem from '@/components/widgets/filesystem/FileSystem.vue'
-import SystemControl from '@/components/common/SystemControl.vue'
 
 import SystemOverviewCard from '@/components/widgets/system/SystemOverviewCard.vue'
 import SystemUsageCard from '@/components/widgets/system/SystemUsageCard.vue'
@@ -48,7 +47,6 @@ import DiskUsageCard from '@/components/widgets/system/DiskUsageCard.vue'
 @Component({
   components: {
     FileSystem,
-    SystemControl,
     SystemOverviewCard,
     SystemUsageCard,
     DiskUsageCard

src/views/Diagnostics.vue

@@ -79,13 +79,16 @@ import { v4 as uuidv4 } from 'uuid'
 import StateMixin from '@/mixins/state'
 import { DiagnosticsCardConfig, DiagnosticsCardContainer } from '@/store/diagnostics/types'
 import DiagnosticsCard from '@/components/widgets/diagnostics/DiagnosticsCard.vue'
-import CollapsableCard from '@/components/common/CollapsableCard.vue'
 import DiagnosticsCardConfigDialog from '@/components/widgets/diagnostics/DiagnosticsCardConfigDialog.vue'
 import { LayoutConfig } from '@/store/layout/types'
 import { defaultState } from '@/store/layout/state'
 
 @Component({
-  components: { draggable, CollapsableCard, DiagnosticsCard, DiagnosticsCardConfigDialog }
+  components: {
+    draggable,
+    DiagnosticsCard,
+    DiagnosticsCardConfigDialog
+  }
 })
 export default class Diagnostics extends Mixins(StateMixin) {
   dialogState: { active: boolean, card: DiagnosticsCardConfig | null } = {

src/views/History.vue

@@ -11,14 +11,12 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import FileSystem from '@/components/widgets/filesystem/FileSystem.vue'
-import SystemControl from '@/components/common/SystemControl.vue'
 import PrinterStatsCard from '@/components/widgets/stats/PrinterStatsCard.vue'
 import PrinterHistoryCard from '@/components/widgets/history/PrintHistoryCard.vue'
 
 @Component({
   components: {
     FileSystem,
-    SystemControl,
     PrinterStatsCard,
     PrinterHistoryCard
   }

src/views/System.vue

@@ -30,7 +30,6 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import FileSystem from '@/components/widgets/filesystem/FileSystem.vue'
-import SystemControl from '@/components/common/SystemControl.vue'
 
 import SystemOverviewCard from '@/components/widgets/system/SystemOverviewCard.vue'
 import McuCard from '@/components/widgets/system/McuCard.vue'
@@ -40,7 +39,6 @@ import DiskUsageCard from '@/components/widgets/system/DiskUsageCard.vue'
 @Component({
   components: {
     FileSystem,
-    SystemControl,
     SystemOverviewCard,
     McuCard,
     SystemUsageCard,

src/views/Timelapse.vue

@@ -38,15 +38,13 @@
 import { Component, Mixins } from 'vue-property-decorator'
 import StateMixin from '@/mixins/state'
 import FileSystem from '@/components/widgets/filesystem/FileSystem.vue'
-import CollapsableCard from '@/components/common/CollapsableCard.vue'
 import TimelapseStatusCard from '@/components/widgets/timelapse/TimelapseStatusCard.vue'
 import TimelapseSettingsCard from '@/components/widgets/timelapse/TimelapseSettingsCard.vue'
 import TimelapseRenderSettingsDialog from '@/components/widgets/timelapse/TimelapseRenderSettingsDialog.vue'
 
 @Component({
   components: {
     TimelapseRenderSettingsDialog,
-    CollapsableCard,
     FileSystem,
     TimelapseStatusCard,
     TimelapseSettingsCard