feat(eslint): sort import rule (#6939)

* feat(eslint): sort import rule

* chore(deps): pin dep

* refactor: sort imports

---------

Co-authored-by: Jesse Mazzella <jesse.d.mazzella@nasa.gov>

.eslintrc.js

@@ -9,7 +9,7 @@ module.exports = {
   globals: {
     _: 'readonly'
   },
-  plugins: ['prettier'],
+  plugins: ['prettier', 'simple-import-sort'],
   extends: [
     'eslint:recommended',
     'plugin:compat/recommended',
@@ -28,6 +28,8 @@ module.exports = {
     }
   },
   rules: {
+    'simple-import-sort/imports': 'warn',
+    'simple-import-sort/exports': 'warn',
     'vue/no-deprecated-dollar-listeners-api': 'warn',
     'vue/no-deprecated-events-api': 'warn',
     'vue/no-v-for-template-key': 'off',

example/eventGenerator/plugin.js

@@ -19,8 +19,8 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import EventTelemetryProvider from './EventTelemetryProvider';
 import EventMetadataProvider from './EventMetadataProvider';
+import EventTelemetryProvider from './EventTelemetryProvider';
 
 export default function EventGeneratorPlugin(options) {
   return function install(openmct) {

example/eventGenerator/pluginSpec.js

@@ -19,8 +19,8 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import EventMessageGeneratorPlugin from './plugin.js';
 import { createOpenMct, resetApplicationState } from '../../src/utils/testing';
+import EventMessageGeneratorPlugin from './plugin.js';
 
 describe('the plugin', () => {
   let openmct;

example/exampleUser/ExampleUserProvider.js

@@ -22,6 +22,7 @@
 
 import EventEmitter from 'EventEmitter';
 import { v4 as uuid } from 'uuid';
+
 import createExampleUser from './exampleUserCreator';
 
 const STATUSES = [

example/generator/plugin.js

@@ -20,11 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import GeneratorMetadataProvider from './GeneratorMetadataProvider';
 import GeneratorProvider from './GeneratorProvider';
 import SinewaveLimitProvider from './SinewaveLimitProvider';
 import SinewaveStalenessProvider from './SinewaveStalenessProvider';
 import StateGeneratorProvider from './StateGeneratorProvider';
-import GeneratorMetadataProvider from './GeneratorMetadataProvider';
 
 export default function (openmct) {
   openmct.types.addType('example.state-generator', {

example/simpleVuePlugin/plugin.js

@@ -1,4 +1,5 @@
 import Vue from 'vue';
+
 import HelloWorld from './HelloWorld.vue';
 
 function SimpleVuePlugin() {

package.json

@@ -29,6 +29,7 @@
     "eslint-plugin-compat": "4.1.4",
     "eslint-plugin-playwright": "0.12.0",
     "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-simple-import-sort": "10.0.0",
     "eslint-plugin-vue": "9.15.0",
     "eslint-plugin-you-dont-need-lodash-underscore": "6.12.0",
     "eventemitter3": "1.2.0",

src/api/actions/ActionCollectionSpec.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ActionCollection from './ActionCollection';
 import { createOpenMct, resetApplicationState } from '../../utils/testing';
+import ActionCollection from './ActionCollection';
 
 describe('The ActionCollection', () => {
   let openmct;

src/api/actions/ActionsAPI.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 import EventEmitter from 'EventEmitter';
-import ActionCollection from './ActionCollection';
 import _ from 'lodash';
 
+import ActionCollection from './ActionCollection';
+
 class ActionsAPI extends EventEmitter {
   constructor(openmct) {
     super();

src/api/actions/ActionsAPISpec.js

@@ -20,9 +20,9 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ActionsAPI from './ActionsAPI';
 import { createOpenMct, resetApplicationState } from '../../utils/testing';
 import ActionCollection from './ActionCollection';
+import ActionsAPI from './ActionsAPI';
 
 describe('The Actions API', () => {
   let openmct;

src/api/annotation/AnnotationAPI.js

@@ -20,9 +20,9 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import { v4 as uuid } from 'uuid';
 import EventEmitter from 'EventEmitter';
 import _ from 'lodash';
+import { v4 as uuid } from 'uuid';
 
 /**
  * @readonly

src/api/annotation/AnnotationAPISpec.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import { createOpenMct, resetApplicationState } from '../../utils/testing';
 import ExampleTagsPlugin from '../../../example/exampleTags/plugin';
+import { createOpenMct, resetApplicationState } from '../../utils/testing';
 
 describe('The Annotation API', () => {
   let openmct;

src/api/composition/CompositionAPI.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import DefaultCompositionProvider from './DefaultCompositionProvider';
 import CompositionCollection from './CompositionCollection';
+import DefaultCompositionProvider from './DefaultCompositionProvider';
 
 /**
  * @typedef {import('./CompositionProvider').default} CompositionProvider

src/api/composition/CompositionProvider.js

@@ -20,6 +20,7 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 import _ from 'lodash';
+
 import objectUtils from '../objects/object-utils';
 
 /**

src/api/composition/DefaultCompositionProvider.js

@@ -19,9 +19,10 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+import { toRaw } from 'vue';
+
 import objectUtils from '../objects/object-utils';
 import CompositionProvider from './CompositionProvider';
-import { toRaw } from 'vue';
 
 /**
  * @typedef {import('../objects/ObjectAPI').DomainObject} DomainObject

src/api/forms/FormController.js

@@ -1,6 +1,8 @@
+import mount from 'utils/mount';
+
 import AutoCompleteField from './components/controls/AutoCompleteField.vue';
-import ClockDisplayFormatField from './components/controls/ClockDisplayFormatField.vue';
 import CheckBoxField from './components/controls/CheckBoxField.vue';
+import ClockDisplayFormatField from './components/controls/ClockDisplayFormatField.vue';
 import Datetime from './components/controls/Datetime.vue';
 import FileInput from './components/controls/FileInput.vue';
 import Locator from './components/controls/Locator.vue';
@@ -9,8 +11,6 @@ import SelectField from './components/controls/SelectField.vue';
 import TextAreaField from './components/controls/TextAreaField.vue';
 import TextField from './components/controls/TextField.vue';
 import ToggleSwitchField from './components/controls/ToggleSwitchField.vue';
-
-import mount from 'utils/mount';
 export const DEFAULT_CONTROLS_MAP = {
   autocomplete: AutoCompleteField,
   checkbox: CheckBoxField,

src/api/forms/FormsAPI.js

@@ -20,12 +20,12 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import FormController from './FormController';
-import FormProperties from './components/FormProperties.vue';
-
 import _ from 'lodash';
 import mount from 'utils/mount';
 
+import FormProperties from './components/FormProperties.vue';
+import FormController from './FormController';
+
 export default class FormsAPI {
   constructor(openmct) {
     this.openmct = openmct;

src/api/forms/components/FormProperties.vue

@@ -73,9 +73,10 @@
 </template>
 
 <script>
-import FormRow from '@/api/forms/components/FormRow.vue';
 import { v4 as uuid } from 'uuid';
 
+import FormRow from '@/api/forms/components/FormRow.vue';
+
 export default {
   components: {
     FormRow

src/api/forms/components/controls/ToggleSwitchField.vue

@@ -34,10 +34,11 @@
 </template>
 
 <script>
-import toggleMixin from '../../toggle-check-box-mixin';
+import { v4 as uuid } from 'uuid';
+
 import ToggleSwitch from '@/ui/components/ToggleSwitch.vue';
 
-import { v4 as uuid } from 'uuid';
+import toggleMixin from '../../toggle-check-box-mixin';
 
 export default {
   components: {

src/api/indicators/IndicatorAPI.js

@@ -21,6 +21,7 @@
  *****************************************************************************/
 
 import EventEmitter from 'EventEmitter';
+
 import SimpleIndicator from './SimpleIndicator';
 
 class IndicatorAPI extends EventEmitter {

src/api/indicators/SimpleIndicator.js

@@ -21,9 +21,11 @@
  *****************************************************************************/
 
 import EventEmitter from 'EventEmitter';
-import indicatorTemplate from './res/indicator-template.html';
+
 import { convertTemplateToHTML } from '@/utils/template/templateHelpers';
 
+import indicatorTemplate from './res/indicator-template.html';
+
 const DEFAULT_ICON_CLASS = 'icon-info';
 
 class SimpleIndicator extends EventEmitter {

src/api/menu/MenuAPISpec.js

@@ -20,11 +20,12 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import MenuAPI from './MenuAPI';
-import Menu from './menu';
-import { createOpenMct, createMouseEvent, resetApplicationState } from '../../utils/testing';
 import Vue from 'vue';
 
+import { createMouseEvent, createOpenMct, resetApplicationState } from '../../utils/testing';
+import Menu from './menu';
+import MenuAPI from './MenuAPI';
+
 describe('The Menu API', () => {
   let openmct;
   let appHolder;

src/api/menu/menu.js

@@ -20,10 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 import EventEmitter from 'EventEmitter';
+import mount from 'utils/mount';
+import { h } from 'vue';
+
 import MenuComponent from './components/Menu.vue';
 import SuperMenuComponent from './components/SuperMenu.vue';
-import { h } from 'vue';
-import mount from 'utils/mount';
 
 export const MENU_PLACEMENT = {
   TOP: 'top',

src/api/notifications/NotificationAPI.js

@@ -30,8 +30,8 @@
  *
  * @namespace platform/api/notifications
  */
-import moment from 'moment';
 import EventEmitter from 'eventemitter3';
+import moment from 'moment';
 
 /**
  * @typedef {object} NotificationProperties

src/api/objects/MutableDomainObject.js

@@ -19,9 +19,10 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import _ from 'lodash';
-import utils from './object-utils.js';
 import EventEmitter from 'EventEmitter';
+import _ from 'lodash';
+
+import utils from './object-utils.js';
 
 const ANY_OBJECT_EVENT = 'mutation';
 

src/api/objects/ObjectAPI.js

@@ -20,15 +20,16 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import utils from 'objectUtils';
-import MutableDomainObject from './MutableDomainObject';
-import RootRegistry from './RootRegistry';
-import RootObjectProvider from './RootObjectProvider';
 import EventEmitter from 'EventEmitter';
-import InterceptorRegistry from './InterceptorRegistry';
-import Transaction from './Transaction';
+import utils from 'objectUtils';
+
 import ConflictError from './ConflictError';
 import InMemorySearchProvider from './InMemorySearchProvider';
+import InterceptorRegistry from './InterceptorRegistry';
+import MutableDomainObject from './MutableDomainObject';
+import RootObjectProvider from './RootObjectProvider';
+import RootRegistry from './RootRegistry';
+import Transaction from './Transaction';
 
 /**
  * Uniquely identifies a domain object.

src/api/objects/ObjectAPISpec.js

@@ -1,5 +1,5 @@
-import ObjectAPI from './ObjectAPI.js';
 import { createOpenMct, resetApplicationState } from '../../utils/testing';
+import ObjectAPI from './ObjectAPI.js';
 
 describe('The Object API', () => {
   let objectAPI;

src/api/objects/TransactionSpec.js

@@ -1,6 +1,7 @@
-import Transaction from './Transaction';
 import utils from 'objectUtils';
 
+import Transaction from './Transaction';
+
 let openmct = {};
 let objectAPI;
 let transaction;

src/api/overlays/Dialog.js

@@ -1,6 +1,7 @@
+import mount from 'utils/mount';
+
 import DialogComponent from './components/DialogComponent.vue';
 import Overlay from './Overlay';
-import mount from 'utils/mount';
 
 class Dialog extends Overlay {
   constructor({ iconClass, message, title, hint, timestamp, ...options }) {

src/api/overlays/Overlay.js

@@ -1,7 +1,8 @@
-import OverlayComponent from './components/OverlayComponent.vue';
 import EventEmitter from 'EventEmitter';
 import mount from 'utils/mount';
 
+import OverlayComponent from './components/OverlayComponent.vue';
+
 const cssClasses = {
   large: 'l-overlay-large',
   small: 'l-overlay-small',

src/api/overlays/OverlayAPI.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import Overlay from './Overlay';
 import Dialog from './Dialog';
+import Overlay from './Overlay';
 import ProgressDialog from './ProgressDialog';
 import Selection from './Selection';
 

src/api/overlays/ProgressDialog.js

@@ -1,6 +1,7 @@
+import mount from 'utils/mount';
+
 import ProgressDialogComponent from './components/ProgressDialogComponent.vue';
 import Overlay from './Overlay';
-import mount from 'utils/mount';
 
 let component;
 class ProgressDialog extends Overlay {

src/api/overlays/Selection.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import mount from 'utils/mount';
+
 import SelectionComponent from './components/SelectionComponent.vue';
 import Overlay from './Overlay';
-import mount from 'utils/mount';
 
 class Selection extends Overlay {
   constructor({

src/api/status/StatusAPISpec.js

@@ -1,5 +1,5 @@
-import StatusAPI from './StatusAPI.js';
 import { createOpenMct, resetApplicationState } from '../../utils/testing';
+import StatusAPI from './StatusAPI.js';
 
 describe('The Status API', () => {
   let statusAPI;

src/api/telemetry/TelemetryAPI.js

@@ -20,14 +20,15 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import TelemetryCollection from './TelemetryCollection';
-import TelemetryRequestInterceptorRegistry from './TelemetryRequestInterceptor';
-import CustomStringFormatter from '../../plugins/displayLayout/CustomStringFormatter';
-import TelemetryMetadataManager from './TelemetryMetadataManager';
-import TelemetryValueFormatter from './TelemetryValueFormatter';
-import DefaultMetadataProvider from './DefaultMetadataProvider';
 import objectUtils from 'objectUtils';
 
+import CustomStringFormatter from '../../plugins/displayLayout/CustomStringFormatter';
+import DefaultMetadataProvider from './DefaultMetadataProvider';
+import TelemetryCollection from './TelemetryCollection';
+import TelemetryMetadataManager from './TelemetryMetadataManager';
+import TelemetryRequestInterceptorRegistry from './TelemetryRequestInterceptor';
+import TelemetryValueFormatter from './TelemetryValueFormatter';
+
 /**
  * @typedef {import('../time/TimeContext').TimeContext} TimeContext
  */

src/api/telemetry/TelemetryAPISpec.js

@@ -20,6 +20,7 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 import { createOpenMct, resetApplicationState } from 'utils/testing';
+
 import TelemetryAPI from './TelemetryAPI';
 import TelemetryCollection from './TelemetryCollection';
 

src/api/telemetry/TelemetryCollection.js

@@ -20,10 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import _ from 'lodash';
 import EventEmitter from 'EventEmitter';
-import { LOADED_ERROR, TIMESYSTEM_KEY_NOTIFICATION, TIMESYSTEM_KEY_WARNING } from './constants';
+import _ from 'lodash';
+
 import { TIME_CONTEXT_EVENTS } from '../time/constants';
+import { LOADED_ERROR, TIMESYSTEM_KEY_NOTIFICATION, TIMESYSTEM_KEY_WARNING } from './constants';
 
 /**
  * @typedef {import('../objects/ObjectAPI').DomainObject} DomainObject

src/api/telemetry/TelemetryCollectionSpec.js

@@ -21,6 +21,7 @@
  *****************************************************************************/
 
 import { createOpenMct, resetApplicationState } from 'utils/testing';
+
 import { TIMESYSTEM_KEY_WARNING } from './constants';
 
 describe('Telemetry Collection', () => {

src/api/time/IndependentTimeContext.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import TimeContext from './TimeContext';
 import { MODES, REALTIME_MODE_KEY, TIME_CONTEXT_EVENTS } from './constants';
+import TimeContext from './TimeContext';
 
 /**
  * The IndependentTimeContext handles getting and setting time of the openmct application in general.

src/api/time/TimeAPI.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import GlobalTimeContext from './GlobalTimeContext';
-import IndependentTimeContext from '@/api/time/IndependentTimeContext';
 import { FIXED_MODE_KEY, REALTIME_MODE_KEY } from '@/api/time/constants';
+import IndependentTimeContext from '@/api/time/IndependentTimeContext';
+
+import GlobalTimeContext from './GlobalTimeContext';
 
 /**
  * The public API for setting and querying the temporal state of the

src/api/time/TimeAPISpec.js

@@ -19,9 +19,10 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import TimeAPI from './TimeAPI';
 import { createOpenMct } from 'utils/testing';
 
+import TimeAPI from './TimeAPI';
+
 describe('The Time API', function () {
   let api;
   let timeSystemKey;

src/api/time/TimeContext.js

@@ -21,7 +21,8 @@
  *****************************************************************************/
 
 import EventEmitter from 'EventEmitter';
-import { TIME_CONTEXT_EVENTS, MODES, REALTIME_MODE_KEY, FIXED_MODE_KEY } from './constants';
+
+import { FIXED_MODE_KEY, MODES, REALTIME_MODE_KEY, TIME_CONTEXT_EVENTS } from './constants';
 
 class TimeContext extends EventEmitter {
   constructor() {

src/api/time/independentTimeAPISpec.js

@@ -20,8 +20,9 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import TimeAPI from './TimeAPI';
 import { createOpenMct } from 'utils/testing';
+
+import TimeAPI from './TimeAPI';
 describe('The Independent Time API', function () {
   let api;
   let domainObjectKey;

src/api/tooltips/ToolTip.js

@@ -20,10 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import TooltipComponent from './components/TooltipComponent.vue';
 import EventEmitter from 'EventEmitter';
 import mount from 'utils/mount';
 
+import TooltipComponent from './components/TooltipComponent.vue';
+
 class Tooltip extends EventEmitter {
   constructor(
     { toolTipText, toolTipLocation, parentElement } = {

src/api/user/UserAPI.js

@@ -21,10 +21,11 @@
  *****************************************************************************/
 
 import EventEmitter from 'EventEmitter';
+
 import { MULTIPLE_PROVIDER_ERROR, NO_PROVIDER_ERROR } from './constants';
 import StatusAPI from './StatusAPI';
-import User from './User';
 import StoragePersistance from './StoragePersistance';
+import User from './User';
 
 class UserAPI extends EventEmitter {
   /**

src/api/user/UserAPISpec.js

@@ -20,9 +20,9 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import ExampleUserProvider from '../../../example/exampleUser/ExampleUserProvider';
 import { createOpenMct, resetApplicationState } from '../../utils/testing';
 import { MULTIPLE_PROVIDER_ERROR } from './constants';
-import ExampleUserProvider from '../../../example/exampleUser/ExampleUserProvider';
 
 const USERNAME = 'Test User';
 const EXAMPLE_ROLE = 'flight';

src/exporters/ImageExporter.js

@@ -31,8 +31,8 @@ function replaceDotsWithUnderscores(filename) {
   return filename.replace(regex, '_');
 }
 
-import { saveAs } from 'saveAs';
 import html2canvas from 'html2canvas';
+import { saveAs } from 'saveAs';
 import { v4 as uuid } from 'uuid';
 
 class ImageExporter {

src/exporters/ImageExporterSpec.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ImageExporter from './ImageExporter';
 import { createOpenMct, resetApplicationState } from '../utils/testing';
+import ImageExporter from './ImageExporter';
 
 describe('The Image Exporter', () => {
   let openmct;

src/plugins/CouchDBSearchFolder/pluginSpec.js

@@ -21,6 +21,7 @@
  *****************************************************************************/
 
 import { createOpenMct, resetApplicationState } from 'utils/testing';
+
 import CouchDBSearchFolderPlugin from './plugin';
 
 describe('the plugin', function () {

src/plugins/LADTable/LADTableConfigurationViewProvider.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import LADTableConfigurationComponent from './components/LADTableConfiguration.vue';
 import mount from 'utils/mount';
 
+import LADTableConfigurationComponent from './components/LADTableConfiguration.vue';
+
 export default function LADTableConfigurationViewProvider(openmct) {
   return {
     key: 'lad-table-configuration',

src/plugins/LADTable/LADTableView.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import mount from 'utils/mount';
+
 import LadTable from './components/LADTable.vue';
 import LADTableConfiguration from './LADTableConfiguration';
-import mount from 'utils/mount';
 
 export default class LADTableView {
   constructor(openmct, domainObject, objectPath) {

src/plugins/LADTable/LadTableSetView.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import mount from 'utils/mount';
+
 import LadTableSet from './components/LadTableSet.vue';
 import LADTableConfiguration from './LADTableConfiguration';
-import mount from 'utils/mount';
 
 export default class LadTableSetView {
   constructor(openmct, domainObject, objectPath) {

src/plugins/LADTable/components/LADRow.vue

@@ -49,6 +49,7 @@ const BLANK_VALUE = '---';
 
 import identifierToString from '/src/tools/url';
 import PreviewAction from '@/ui/preview/PreviewAction.js';
+
 import tooltipHelpers from '../../../api/tooltips/tooltipMixins';
 
 export default {

src/plugins/LADTable/components/LADTable.vue

@@ -50,9 +50,11 @@
 
 <script>
 import Vue, { toRaw } from 'vue';
-import LadRow from './LADRow.vue';
+
 import StalenessUtils from '@/utils/staleness';
 
+import LadRow from './LADRow.vue';
+
 export default {
   components: {
     LadRow

src/plugins/LADTable/components/LadTableSet.vue

@@ -56,9 +56,10 @@
 </template>
 
 <script>
-import LadRow from './LADRow.vue';
 import StalenessUtils from '@/utils/staleness';
 
+import LadRow from './LADRow.vue';
+
 export default {
   components: {
     LadRow

src/plugins/LADTable/plugin.js

@@ -19,10 +19,10 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import LADTableViewProvider from './LADTableViewProvider';
-import LADTableSetViewProvider from './LADTableSetViewProvider';
 import ladTableCompositionPolicy from './LADTableCompositionPolicy';
 import LADTableConfigurationViewProvider from './LADTableConfigurationViewProvider';
+import LADTableSetViewProvider from './LADTableSetViewProvider';
+import LADTableViewProvider from './LADTableViewProvider';
 import LADTableViewActions from './ViewActions';
 
 export default function plugin() {

src/plugins/LADTable/pluginSpec.js

@@ -19,16 +19,17 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import LadPlugin from './plugin.js';
-import Vue from 'vue';
 import {
   createOpenMct,
+  getLatestTelemetry,
   getMockObjects,
   getMockTelemetry,
-  getLatestTelemetry,
-  spyOnBuiltins,
-  resetApplicationState
+  resetApplicationState,
+  spyOnBuiltins
 } from 'utils/testing';
+import Vue from 'vue';
+
+import LadPlugin from './plugin.js';
 
 const TABLE_BODY_ROWS = '.js-lad-table__body__row';
 const TABLE_BODY_FIRST_ROW = TABLE_BODY_ROWS + ':first-child';

src/plugins/autoflow/AutoflowTabularPluginSpec.js

@@ -19,12 +19,13 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import AutoflowTabularPlugin from './AutoflowTabularPlugin';
-import AutoflowTabularConstants from './AutoflowTabularConstants';
-import DOMObserver from './dom-observer';
 import { createOpenMct, resetApplicationState, spyOnBuiltins } from 'utils/testing';
 import Vue from 'vue';
 
+import AutoflowTabularConstants from './AutoflowTabularConstants';
+import AutoflowTabularPlugin from './AutoflowTabularPlugin';
+import DOMObserver from './dom-observer';
+
 // TODO lots of its without expects
 xdescribe('AutoflowTabularPlugin', () => {
   let testType;

src/plugins/charts/bar/BarGraphView.vue

@@ -32,9 +32,10 @@
 </template>
 
 <script>
-import BarGraph from './BarGraphPlot.vue';
 import _ from 'lodash';
 
+import BarGraph from './BarGraphPlot.vue';
+
 export default {
   components: {
     BarGraph

src/plugins/charts/bar/BarGraphViewProvider.js

@@ -20,10 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import BarGraphView from './BarGraphView.vue';
-import { BAR_GRAPH_KEY, BAR_GRAPH_VIEW } from './BarGraphConstants';
 import mount from 'utils/mount';
 
+import { BAR_GRAPH_KEY, BAR_GRAPH_VIEW } from './BarGraphConstants';
+import BarGraphView from './BarGraphView.vue';
+
 export default function BarGraphViewProvider(openmct) {
   function isCompactView(objectPath) {
     let isChildOfTimeStrip = objectPath.find((object) => object.type === 'time-strip');

src/plugins/charts/bar/inspector/BarGraphInspectorViewProvider.js

@@ -1,6 +1,7 @@
+import mount from 'utils/mount';
+
 import { BAR_GRAPH_INSPECTOR_KEY, BAR_GRAPH_KEY } from '../BarGraphConstants';
 import BarGraphOptions from './BarGraphOptions.vue';
-import mount from 'utils/mount';
 
 export default function BarGraphInspectorViewProvider(openmct) {
   return {

src/plugins/charts/bar/inspector/BarGraphOptions.vue

@@ -130,9 +130,10 @@
 </template>
 
 <script>
-import SeriesOptions from './SeriesOptions.vue';
 import ColorPalette from '@/ui/color/ColorPalette';
 
+import SeriesOptions from './SeriesOptions.vue';
+
 export default {
   components: {
     SeriesOptions

src/plugins/charts/bar/inspector/SeriesOptions.vue

@@ -51,8 +51,8 @@
 </template>
 
 <script>
-import ColorSwatch from '@/ui/color/ColorSwatch.vue';
 import Color from '@/ui/color/Color';
+import ColorSwatch from '@/ui/color/ColorSwatch.vue';
 
 export default {
   components: {

src/plugins/charts/bar/plugin.js

@@ -19,10 +19,10 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+import BarGraphCompositionPolicy from './BarGraphCompositionPolicy';
 import { BAR_GRAPH_KEY } from './BarGraphConstants';
 import BarGraphViewProvider from './BarGraphViewProvider';
 import BarGraphInspectorViewProvider from './inspector/BarGraphInspectorViewProvider';
-import BarGraphCompositionPolicy from './BarGraphCompositionPolicy';
 
 export default function () {
   return function install(openmct) {

src/plugins/charts/bar/pluginSpec.js

@@ -20,12 +20,13 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import { createOpenMct, resetApplicationState } from 'utils/testing';
-import Vue from 'vue';
-import BarGraphPlugin from './plugin';
 // import BarGraph from './BarGraphPlot.vue';
 import EventEmitter from 'EventEmitter';
-import { BAR_GRAPH_VIEW, BAR_GRAPH_KEY } from './BarGraphConstants';
+import { createOpenMct, resetApplicationState } from 'utils/testing';
+import Vue from 'vue';
+
+import { BAR_GRAPH_KEY, BAR_GRAPH_VIEW } from './BarGraphConstants';
+import BarGraphPlugin from './plugin';
 
 describe('the plugin', function () {
   let element;

src/plugins/charts/scatter/ScatterPlotView.vue

@@ -31,9 +31,10 @@
 </template>
 
 <script>
-import ScatterPlotWithUnderlay from './ScatterPlotWithUnderlay.vue';
 import _ from 'lodash';
 
+import ScatterPlotWithUnderlay from './ScatterPlotWithUnderlay.vue';
+
 export default {
   components: {
     ScatterPlotWithUnderlay

src/plugins/charts/scatter/ScatterPlotViewProvider.js

@@ -20,10 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ScatterPlotView from './ScatterPlotView.vue';
-import { SCATTER_PLOT_KEY, SCATTER_PLOT_VIEW, TIME_STRIP_KEY } from './scatterPlotConstants.js';
 import mount from 'utils/mount';
 
+import { SCATTER_PLOT_KEY, SCATTER_PLOT_VIEW, TIME_STRIP_KEY } from './scatterPlotConstants.js';
+import ScatterPlotView from './ScatterPlotView.vue';
+
 export default function ScatterPlotViewProvider(openmct) {
   function isCompactView(objectPath) {
     let isChildOfTimeStrip = objectPath.find((object) => object.type === TIME_STRIP_KEY);

src/plugins/charts/scatter/inspector/PlotOptionsBrowse.vue

@@ -42,9 +42,9 @@
 </template>
 
 <script>
-import ColorSwatch from '../../../../ui/color/ColorSwatch.vue';
 import Color from '../../../../ui/color/Color';
 import ColorPalette from '../../../../ui/color/ColorPalette';
+import ColorSwatch from '../../../../ui/color/ColorSwatch.vue';
 
 export default {
   components: { ColorSwatch },

src/plugins/charts/scatter/inspector/ScatterPlotInspectorViewProvider.js

@@ -1,5 +1,6 @@
-import { SCATTER_PLOT_INSPECTOR_KEY, SCATTER_PLOT_KEY } from '../scatterPlotConstants';
 import mount from 'utils/mount';
+
+import { SCATTER_PLOT_INSPECTOR_KEY, SCATTER_PLOT_KEY } from '../scatterPlotConstants';
 import PlotOptions from './PlotOptions.vue';
 
 export default function ScatterPlotInspectorViewProvider(openmct) {

src/plugins/charts/scatter/plugin.js

@@ -19,12 +19,13 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import { SCATTER_PLOT_KEY } from './scatterPlotConstants.js';
-import ScatterPlotViewProvider from './ScatterPlotViewProvider';
+import mount from 'utils/mount';
+
 import ScatterPlotInspectorViewProvider from './inspector/ScatterPlotInspectorViewProvider';
 import ScatterPlotCompositionPolicy from './ScatterPlotCompositionPolicy';
+import { SCATTER_PLOT_KEY } from './scatterPlotConstants.js';
 import ScatterPlotForm from './ScatterPlotForm.vue';
-import mount from 'utils/mount';
+import ScatterPlotViewProvider from './ScatterPlotViewProvider';
 
 export default function () {
   return function install(openmct) {

src/plugins/charts/scatter/pluginSpec.js

@@ -20,11 +20,12 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import EventEmitter from 'EventEmitter';
 import { createOpenMct, resetApplicationState } from 'utils/testing';
 import Vue from 'vue';
+
 import ScatterPlotPlugin from './plugin';
-import EventEmitter from 'EventEmitter';
-import { SCATTER_PLOT_VIEW, SCATTER_PLOT_KEY } from './scatterPlotConstants';
+import { SCATTER_PLOT_KEY, SCATTER_PLOT_VIEW } from './scatterPlotConstants';
 
 describe('the plugin', function () {
   let element;

src/plugins/clearData/plugin.js

@@ -19,9 +19,10 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+import mount from 'utils/mount';
+
 import ClearDataAction from './ClearDataAction';
 import GlobalClearIndicator from './components/globalClearIndicator.vue';
-import mount from 'utils/mount';
 
 export default function plugin(appliesToObjects, options = { indicator: true }) {
   let installIndicator = options.indicator;

src/plugins/clearData/pluginSpec.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ClearDataPlugin from './plugin.js';
+import { createMouseEvent, createOpenMct, resetApplicationState } from 'utils/testing';
 import Vue from 'vue';
-import { createOpenMct, resetApplicationState, createMouseEvent } from 'utils/testing';
+
+import ClearDataPlugin from './plugin.js';
 
 describe('The Clear Data Plugin:', () => {
   let clearDataPlugin;

src/plugins/clock/ClockViewProvider.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import Clock from './components/Clock.vue';
 import mount from 'utils/mount';
 
+import Clock from './components/Clock.vue';
+
 export default function ClockViewProvider(openmct) {
   return {
     key: 'clock.view',

src/plugins/clock/plugin.js

@@ -20,12 +20,12 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ClockViewProvider from './ClockViewProvider';
-import ClockIndicator from './components/ClockIndicator.vue';
-
 import momentTimezone from 'moment-timezone';
 import mount from 'utils/mount';
 
+import ClockViewProvider from './ClockViewProvider';
+import ClockIndicator from './components/ClockIndicator.vue';
+
 export default function ClockPlugin(options) {
   return function install(openmct) {
     const CLOCK_INDICATOR_FORMAT = 'YYYY/MM/DD HH:mm:ss';

src/plugins/clock/pluginSpec.js

@@ -20,12 +20,12 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import { createOpenMct, resetApplicationState } from 'utils/testing';
-import clockPlugin from './plugin';
 import EventEmitter from 'EventEmitter';
-
+import { createOpenMct, resetApplicationState } from 'utils/testing';
 import Vue from 'vue';
 
+import clockPlugin from './plugin';
+
 describe('Clock plugin:', () => {
   let openmct;
   let clockDefinition;

src/plugins/condition/Condition.js

@@ -22,11 +22,12 @@
 
 import EventEmitter from 'EventEmitter';
 import { v4 as uuid } from 'uuid';
+
+import AllTelemetryCriterion from './criterion/AllTelemetryCriterion';
 import TelemetryCriterion from './criterion/TelemetryCriterion';
+import { TRIGGER_CONJUNCTION, TRIGGER_LABEL } from './utils/constants';
 import { evaluateResults } from './utils/evaluator';
 import { getLatestTimestamp } from './utils/time';
-import AllTelemetryCriterion from './criterion/AllTelemetryCriterion';
-import { TRIGGER_CONJUNCTION, TRIGGER_LABEL } from './utils/constants';
 
 /*
  * conditionConfiguration = {

src/plugins/condition/ConditionManager.js

@@ -20,10 +20,11 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import EventEmitter from 'EventEmitter';
+import { v4 as uuid } from 'uuid';
+
 import Condition from './Condition';
 import { getLatestTimestamp } from './utils/time';
-import { v4 as uuid } from 'uuid';
-import EventEmitter from 'EventEmitter';
 
 export default class ConditionManager extends EventEmitter {
   constructor(conditionSetDomainObject, openmct) {

src/plugins/condition/ConditionSetViewProvider.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ConditionSet from './components/ConditionSet.vue';
 import mount from 'utils/mount';
 
+import ConditionSet from './components/ConditionSet.vue';
+
 const DEFAULT_VIEW_PRIORITY = 100;
 
 export default class ConditionSetViewProvider {

src/plugins/condition/ConditionSpec.js

@@ -21,8 +21,8 @@
  *****************************************************************************/
 
 import Condition from './Condition';
-import { TRIGGER } from './utils/constants';
 import TelemetryCriterion from './criterion/TelemetryCriterion';
+import { TRIGGER } from './utils/constants';
 
 let openmct = {};
 let testConditionDefinition;

src/plugins/condition/components/Condition.vue

@@ -184,11 +184,13 @@
 </template>
 
 <script>
-import Criterion from './Criterion.vue';
-import ConditionDescription from './ConditionDescription.vue';
-import { TRIGGER, TRIGGER_LABEL } from '@/plugins/condition/utils/constants';
 import { v4 as uuid } from 'uuid';
 
+import { TRIGGER, TRIGGER_LABEL } from '@/plugins/condition/utils/constants';
+
+import ConditionDescription from './ConditionDescription.vue';
+import Criterion from './Criterion.vue';
+
 export default {
   components: {
     Criterion,

src/plugins/condition/components/ConditionCollection.vue

@@ -79,10 +79,11 @@
 </template>
 
 <script>
-import Condition from './Condition.vue';
-import ConditionManager from '../ConditionManager';
 import StalenessUtils from '@/utils/staleness';
 
+import ConditionManager from '../ConditionManager';
+import Condition from './Condition.vue';
+
 export default {
   components: {
     Condition

src/plugins/condition/components/ConditionSet.vue

@@ -55,8 +55,8 @@
 </template>
 
 <script>
-import TestData from './TestData.vue';
 import ConditionCollection from './ConditionCollection.vue';
+import TestData from './TestData.vue';
 
 export default {
   components: {

src/plugins/condition/components/Criterion.vue

@@ -112,8 +112,8 @@
 </template>
 
 <script>
-import { OPERATIONS, INPUT_TYPES } from '../utils/operations';
-import { TRIGGER_CONJUNCTION, IS_OLD_KEY, IS_STALE_KEY } from '../utils/constants';
+import { IS_OLD_KEY, IS_STALE_KEY, TRIGGER_CONJUNCTION } from '../utils/constants';
+import { INPUT_TYPES, OPERATIONS } from '../utils/operations';
 
 export default {
   inject: ['openmct'],

src/plugins/condition/components/inspector/StyleEditor.vue

@@ -86,11 +86,11 @@
 </template>
 
 <script>
-import ToolbarColorPicker from '@/ui/toolbar/components/toolbar-color-picker.vue';
-import ToolbarButton from '@/ui/toolbar/components/toolbar-button.vue';
-import ToolbarToggleButton from '@/ui/toolbar/components/toolbar-toggle-button.vue';
 import { STYLE_CONSTANTS } from '@/plugins/condition/utils/constants';
 import { getStylesWithoutNoneValue } from '@/plugins/condition/utils/styleUtils';
+import ToolbarButton from '@/ui/toolbar/components/toolbar-button.vue';
+import ToolbarColorPicker from '@/ui/toolbar/components/toolbar-color-picker.vue';
+import ToolbarToggleButton from '@/ui/toolbar/components/toolbar-toggle-button.vue';
 
 export default {
   name: 'StyleEditor',

src/plugins/condition/components/inspector/StylesView.vue

@@ -134,16 +134,17 @@
 </template>
 
 <script>
-import FontStyleEditor from '../../../inspectorViews/styles/FontStyleEditor.vue';
-import StyleEditor from './StyleEditor.vue';
-import PreviewAction from '@/ui/preview/PreviewAction.js';
+import ConditionDescription from '@/plugins/condition/components/ConditionDescription.vue';
+import ConditionError from '@/plugins/condition/components/ConditionError.vue';
 import {
   getApplicableStylesForItem,
-  getConsolidatedStyleValues,
-  getConditionSetIdentifierForItem
+  getConditionSetIdentifierForItem,
+  getConsolidatedStyleValues
 } from '@/plugins/condition/utils/styleUtils';
-import ConditionError from '@/plugins/condition/components/ConditionError.vue';
-import ConditionDescription from '@/plugins/condition/components/ConditionDescription.vue';
+import PreviewAction from '@/ui/preview/PreviewAction.js';
+
+import FontStyleEditor from '../../../inspectorViews/styles/FontStyleEditor.vue';
+import StyleEditor from './StyleEditor.vue';
 
 const NON_SPECIFIC = '??';
 const NON_STYLEABLE_CONTAINER_TYPES = ['layout', 'flexible-layout', 'tabs'];

src/plugins/condition/criterion/AllTelemetryCriterion.js

@@ -20,11 +20,12 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import TelemetryCriterion from './TelemetryCriterion';
-import StalenessUtils from '@/utils/staleness';
-import { evaluateResults } from '../utils/evaluator';
-import { getLatestTimestamp, checkIfOld } from '../utils/time';
 import { getOperatorText } from '@/plugins/condition/utils/operations';
+import StalenessUtils from '@/utils/staleness';
+
+import { evaluateResults } from '../utils/evaluator';
+import { checkIfOld, getLatestTimestamp } from '../utils/time';
+import TelemetryCriterion from './TelemetryCriterion';
 
 export default class AllTelemetryCriterion extends TelemetryCriterion {
   /**

src/plugins/condition/criterion/TelemetryCriterion.js

@@ -21,9 +21,11 @@
  *****************************************************************************/
 
 import EventEmitter from 'EventEmitter';
+
 import StalenessUtils from '@/utils/staleness';
+
 import { IS_OLD_KEY, IS_STALE_KEY } from '../utils/constants';
-import { OPERATIONS, getOperatorText } from '../utils/operations';
+import { getOperatorText, OPERATIONS } from '../utils/operations';
 import { checkIfOld } from '../utils/time';
 
 export default class TelemetryCriterion extends EventEmitter {

src/plugins/condition/criterion/TelemetryCriterionSpec.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import TelemetryCriterion from './TelemetryCriterion';
 import { getMockTelemetry } from 'utils/testing';
 
+import TelemetryCriterion from './TelemetryCriterion';
+
 let openmct = {};
 let mockListener;
 let testCriterionDefinition;

src/plugins/condition/plugin.js

@@ -19,11 +19,12 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-import ConditionSetViewProvider from './ConditionSetViewProvider.js';
+import { v4 as uuid } from 'uuid';
+
 import ConditionSetCompositionPolicy from './ConditionSetCompositionPolicy';
 import ConditionSetMetadataProvider from './ConditionSetMetadataProvider';
 import ConditionSetTelemetryProvider from './ConditionSetTelemetryProvider';
-import { v4 as uuid } from 'uuid';
+import ConditionSetViewProvider from './ConditionSetViewProvider.js';
 
 export default function ConditionPlugin() {
   return function install(openmct) {

src/plugins/condition/pluginSpec.js

@@ -21,14 +21,16 @@
  *****************************************************************************/
 
 import { createOpenMct, resetApplicationState } from 'utils/testing';
-import ConditionPlugin from './plugin';
+import Vue from 'vue';
+
+import ConditionManager from '@/plugins/condition/ConditionManager';
+
 import stylesManager from '../inspectorViews/styles/StylesManager';
 import StylesView from './components/inspector/StylesView.vue';
-import Vue from 'vue';
-import { getApplicableStylesForItem } from './utils/styleUtils';
-import ConditionManager from '@/plugins/condition/ConditionManager';
+import ConditionPlugin from './plugin';
 import StyleRuleManager from './StyleRuleManager';
 import { IS_OLD_KEY } from './utils/constants';
+import { getApplicableStylesForItem } from './utils/styleUtils';
 
 describe('the plugin', function () {
   let conditionSetDefinition;

src/plugins/condition/utils/evaluatorSpec.js

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import { evaluateResults } from './evaluator';
 import { TRIGGER } from './constants';
+import { evaluateResults } from './evaluator';
 
 describe('evaluate results', () => {
   // const allTrue = [true, true, true, true, true];

src/plugins/conditionWidget/ConditionWidgetViewProvider.js

@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import ConditionWidgetComponent from './components/ConditionWidget.vue';
 import mount from 'utils/mount';
 
+import ConditionWidgetComponent from './components/ConditionWidget.vue';
+
 export default function ConditionWidget(openmct) {
   return {
     key: 'conditionWidget',

src/plugins/conditionWidget/pluginSpec.js

@@ -1,7 +1,8 @@
 import { createOpenMct, resetApplicationState } from 'utils/testing';
-import ConditionWidgetPlugin from './plugin';
 import Vue from 'vue';
 
+import ConditionWidgetPlugin from './plugin';
+
 describe('the plugin', function () {
   const CONDITION_WIDGET_KEY = 'conditionWidget';
   let objectDef;

src/plugins/displayLayout/AlphanumericFormatViewProvider.js

@@ -20,10 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
-import AlphanumericFormat from './components/AlphanumericFormat.vue';
-
 import mount from 'utils/mount';
 
+import AlphanumericFormat from './components/AlphanumericFormat.vue';
+
 class AlphanumericFormatView {
   constructor(openmct, domainObject, objectPath) {
     this.openmct = openmct;

src/plugins/displayLayout/CustomStringFormatterSpec.js

@@ -1,6 +1,7 @@
-import CustomStringFormatter from './CustomStringFormatter';
 import { createOpenMct, resetApplicationState } from 'utils/testing';
 
+import CustomStringFormatter from './CustomStringFormatter';
+
 const CUSTOM_FORMATS = [
   {
     key: 'sclk',

src/plugins/displayLayout/components/BoxView.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
 import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 export default {
   makeDefinition() {

src/plugins/displayLayout/components/DisplayLayout.vue

@@ -73,17 +73,18 @@
 </template>
 
 <script>
+import _ from 'lodash';
 import { v4 as uuid } from 'uuid';
+
+import BoxView from './BoxView.vue';
+import DisplayLayoutGrid from './DisplayLayoutGrid.vue';
+import EditMarquee from './EditMarquee.vue';
+import EllipseView from './EllipseView.vue';
+import ImageView from './ImageView.vue';
+import LineView from './LineView.vue';
 import SubobjectView from './SubobjectView.vue';
 import TelemetryView from './TelemetryView.vue';
-import BoxView from './BoxView.vue';
-import EllipseView from './EllipseView.vue';
 import TextView from './TextView.vue';
-import LineView from './LineView.vue';
-import ImageView from './ImageView.vue';
-import EditMarquee from './EditMarquee.vue';
-import DisplayLayoutGrid from './DisplayLayoutGrid.vue';
-import _ from 'lodash';
 
 const TELEMETRY_IDENTIFIER_FUNCTIONS = {
   table: (domainObject) => {

src/plugins/displayLayout/components/EllipseView.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
 import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 export default {
   makeDefinition() {

src/plugins/displayLayout/components/ImageView.vue

@@ -33,8 +33,8 @@
 </template>
 
 <script>
-import LayoutFrame from './LayoutFrame.vue';
 import conditionalStylesMixin from '../mixins/objectStyles-mixin';
+import LayoutFrame from './LayoutFrame.vue';
 
 export default {
   makeDefinition(openmct, gridSize, element) {