From 3c2f5ec48e0b2461edecb484cb301d2a6e8b5240 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Fri, 13 Jan 2023 15:43:55 -0500 Subject: [PATCH] sort this, eslint --- .eslintrc.cjs | 31 +++++++++---------- .vscode/settings.json | 2 +- cspell.json | 1 + package-lock.json | 17 ++++++++++ package.json | 1 + src/components/alert/alert.ts | 20 ++++++------ .../animated-image/animated-image.ts | 8 ++--- src/components/animation/animation.ts | 10 +++--- src/components/avatar/avatar.ts | 10 +++--- src/components/badge/badge.ts | 4 +-- .../breadcrumb-item/breadcrumb-item.ts | 6 ++-- src/components/breadcrumb/breadcrumb.ts | 10 +++--- .../button-group/button-group.test.ts | 2 +- src/components/button-group/button-group.ts | 2 +- src/components/button/button.ts | 20 ++++++------ src/components/card/card.ts | 6 ++-- src/components/checkbox/checkbox.test.ts | 2 +- src/components/checkbox/checkbox.ts | 14 ++++----- .../color-picker/color-picker.test.ts | 4 +-- src/components/color-picker/color-picker.ts | 28 ++++++++--------- src/components/details/details.ts | 18 +++++------ src/components/dialog/dialog.ts | 26 ++++++++-------- src/components/divider/divider.ts | 2 +- src/components/drawer/drawer.ts | 28 ++++++++--------- src/components/dropdown/dropdown.ts | 26 ++++++++-------- .../format-bytes/format-bytes.test.ts | 2 +- src/components/format-bytes/format-bytes.ts | 2 +- src/components/format-date/format-date.ts | 4 +-- src/components/format-number/format-number.ts | 2 +- src/components/icon-button/icon-button.ts | 10 +++--- src/components/icon/icon.ts | 10 +++--- .../image-comparer/image-comparer.ts | 18 +++++------ src/components/include/include.test.ts | 2 +- src/components/include/include.ts | 8 ++--- src/components/input/input.test.ts | 4 +-- src/components/input/input.ts | 16 +++++----- src/components/menu-item/menu-item.test.ts | 2 +- src/components/menu-item/menu-item.ts | 12 +++---- src/components/menu-label/menu-label.ts | 2 +- src/components/menu/menu.test.ts | 10 +++--- src/components/menu/menu.ts | 4 +-- .../mutation-observer/mutation-observer.ts | 4 +-- src/components/option/option.test.ts | 2 +- src/components/option/option.ts | 12 +++---- src/components/popup/popup.ts | 4 +-- src/components/progress-bar/progress-bar.ts | 6 ++-- src/components/progress-ring/progress-ring.ts | 4 +-- src/components/qr-code/qr-code.ts | 4 +-- .../radio-button/radio-button.test.ts | 2 +- src/components/radio-button/radio-button.ts | 8 ++--- .../radio-group/radio-group.test.ts | 2 +- src/components/radio-group/radio-group.ts | 20 ++++++------ src/components/radio/radio.test.ts | 2 +- src/components/radio/radio.ts | 10 +++--- src/components/range/range.test.ts | 4 +-- src/components/range/range.ts | 14 ++++----- src/components/rating/rating.test.ts | 2 +- src/components/rating/rating.ts | 12 +++---- src/components/relative-time/relative-time.ts | 4 +-- .../resize-observer/resize-observer.ts | 4 +-- src/components/select/select.test.ts | 4 +-- src/components/select/select.ts | 28 ++++++++--------- src/components/skeleton/skeleton.ts | 4 +-- src/components/spinner/spinner.ts | 4 +-- src/components/split-panel/split-panel.ts | 12 +++---- src/components/switch/switch.ts | 12 +++---- src/components/tab-group/tab-group.ts | 18 +++++------ src/components/tab-panel/tab-panel.ts | 6 ++-- src/components/tab/tab.ts | 12 +++---- src/components/tag/tag.ts | 10 +++--- src/components/textarea/textarea.test.ts | 2 +- src/components/textarea/textarea.ts | 12 +++---- src/components/tooltip/tooltip.ts | 20 ++++++------ src/components/tree-item/tree-item.ts | 20 ++++++------ src/components/tree/tree.test.ts | 2 +- src/components/tree/tree.ts | 8 ++--- .../visually-hidden/visually-hidden.ts | 2 +- src/internal/form.ts | 4 +-- src/utilities/localize.ts | 4 +-- 79 files changed, 364 insertions(+), 346 deletions(-) diff --git a/.eslintrc.cjs b/.eslintrc.cjs index 581b6ab74..664740974 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -1,7 +1,16 @@ /* eslint-env node */ module.exports = { - plugins: ['@typescript-eslint', 'wc', 'lit', 'lit-a11y', 'chai-expect', 'chai-friendly', 'import'], + plugins: [ + '@typescript-eslint', + 'wc', + 'lit', + 'lit-a11y', + 'chai-expect', + 'chai-friendly', + 'import', + 'sort-imports-es6-autofix' + ], extends: [ 'eslint:recommended', 'plugin:wc/recommended', @@ -171,22 +180,12 @@ module.exports = { } ], 'import/no-duplicates': 'warn', - 'import/order': [ - 'warn', + 'sort-imports-es6-autofix/sort-imports-es6': [ + 2, { - groups: ['builtin', 'external', 'internal', 'unknown', 'parent', 'sibling', 'index', 'object', 'type'], - pathGroups: [ - { - pattern: 'dist/**', - group: 'external' - } - ], - alphabetize: { - order: 'asc', - caseInsensitive: true - }, - 'newlines-between': 'never', - warnOnUnassignedImports: true + ignoreCase: true, + ignoreMemberSort: false, + memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'] } ], 'wc/guard-super-call': 'off' diff --git a/.vscode/settings.json b/.vscode/settings.json index 3c8090ce3..0c4e6e1d5 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -2,6 +2,6 @@ "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.codeActionsOnSave": { - "source.fixAll.eslint": false + "source.fixAll.eslint": true } } diff --git a/cspell.json b/cspell.json index 32ba3d08a..5a76ee66d 100644 --- a/cspell.json +++ b/cspell.json @@ -8,6 +8,7 @@ "apos", "atrule", "autocorrect", + "autofix", "autoplay", "bezier", "boxicons", diff --git a/package-lock.json b/package-lock.json index a9ff72229..3544ba29f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -45,6 +45,7 @@ "eslint-plugin-lit": "^1.8.2", "eslint-plugin-lit-a11y": "^2.3.0", "eslint-plugin-markdown": "^3.0.0", + "eslint-plugin-sort-imports-es6-autofix": "^0.6.0", "eslint-plugin-wc": "^1.4.0", "front-matter": "^4.0.2", "get-port": "^6.1.2", @@ -6391,6 +6392,15 @@ "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, + "node_modules/eslint-plugin-sort-imports-es6-autofix": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-sort-imports-es6-autofix/-/eslint-plugin-sort-imports-es6-autofix-0.6.0.tgz", + "integrity": "sha512-2NVaBGF9NN+727Fyq+jJYihdIeegjXeUUrZED9Q8FVB8MsV3YQEyXG96GVnXqWt0pmn7xfCZOZf3uKnIhBrfeQ==", + "dev": true, + "peerDependencies": { + "eslint": ">=7.7.0" + } + }, "node_modules/eslint-plugin-wc": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/eslint-plugin-wc/-/eslint-plugin-wc-1.4.0.tgz", @@ -20441,6 +20451,13 @@ "mdast-util-from-markdown": "^0.8.5" } }, + "eslint-plugin-sort-imports-es6-autofix": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-sort-imports-es6-autofix/-/eslint-plugin-sort-imports-es6-autofix-0.6.0.tgz", + "integrity": "sha512-2NVaBGF9NN+727Fyq+jJYihdIeegjXeUUrZED9Q8FVB8MsV3YQEyXG96GVnXqWt0pmn7xfCZOZf3uKnIhBrfeQ==", + "dev": true, + "requires": {} + }, "eslint-plugin-wc": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/eslint-plugin-wc/-/eslint-plugin-wc-1.4.0.tgz", diff --git a/package.json b/package.json index 142c0580d..ed4fc5be3 100644 --- a/package.json +++ b/package.json @@ -98,6 +98,7 @@ "eslint-plugin-lit": "^1.8.2", "eslint-plugin-lit-a11y": "^2.3.0", "eslint-plugin-markdown": "^3.0.0", + "eslint-plugin-sort-imports-es6-autofix": "^0.6.0", "eslint-plugin-wc": "^1.4.0", "front-matter": "^4.0.2", "get-port": "^6.1.2", diff --git a/src/components/alert/alert.ts b/src/components/alert/alert.ts index f61288e3d..19f5519c0 100644 --- a/src/components/alert/alert.ts +++ b/src/components/alert/alert.ts @@ -1,14 +1,14 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { animateTo, stopAnimations } from '../../internal/animate'; -import { waitForEvent } from '../../internal/event'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { HasSlotController } from '../../internal/slot'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../icon-button/icon-button'; +import { animateTo, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './alert.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/animated-image/animated-image.ts b/src/components/animated-image/animated-image.ts index eba624a49..71aaf6e85 100644 --- a/src/components/animated-image/animated-image.ts +++ b/src/components/animated-image/animated-image.ts @@ -1,8 +1,8 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; import '../icon/icon'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { html } from 'lit'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './animated-image.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/animation/animation.ts b/src/components/animation/animation.ts index e225b3b2c..a4ef54141 100644 --- a/src/components/animation/animation.ts +++ b/src/components/animation/animation.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; -import { customElement, property, queryAsync } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import styles from './animation.styles'; import { animations } from './animations'; +import { customElement, property, queryAsync } from 'lit/decorators.js'; +import { html } from 'lit'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; +import styles from './animation.styles'; import type { CSSResultGroup } from 'lit'; /** diff --git a/src/components/avatar/avatar.ts b/src/components/avatar/avatar.ts index ae0e7fe51..97820ab15 100644 --- a/src/components/avatar/avatar.ts +++ b/src/components/avatar/avatar.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; -import { customElement, property, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; import '../icon/icon'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, state } from 'lit/decorators.js'; +import { html } from 'lit'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './avatar.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/badge/badge.ts b/src/components/badge/badge.ts index 491d631f9..c0557d10d 100644 --- a/src/components/badge/badge.ts +++ b/src/components/badge/badge.ts @@ -1,6 +1,6 @@ -import { html } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property } from 'lit/decorators.js'; +import { html } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element'; import styles from './badge.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/breadcrumb-item/breadcrumb-item.ts b/src/components/breadcrumb-item/breadcrumb-item.ts index dda0ccb45..4376a0d67 100644 --- a/src/components/breadcrumb-item/breadcrumb-item.ts +++ b/src/components/breadcrumb-item/breadcrumb-item.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property } from 'lit/decorators.js'; +import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; import { ifDefined } from 'lit/directives/if-defined.js'; import ShoelaceElement from '../../internal/shoelace-element'; -import { HasSlotController } from '../../internal/slot'; import styles from './breadcrumb-item.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/breadcrumb/breadcrumb.ts b/src/components/breadcrumb/breadcrumb.ts index 90dc40080..b5ce0682f 100644 --- a/src/components/breadcrumb/breadcrumb.ts +++ b/src/components/breadcrumb/breadcrumb.ts @@ -1,11 +1,11 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { LocalizeController } from '../../utilities/localize'; import '../icon/icon'; +import { customElement, property, query } from 'lit/decorators.js'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './breadcrumb.styles'; -import type SlBreadcrumbItem from '../breadcrumb-item/breadcrumb-item'; import type { CSSResultGroup } from 'lit'; +import type SlBreadcrumbItem from '../breadcrumb-item/breadcrumb-item'; /** * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy. diff --git a/src/components/button-group/button-group.test.ts b/src/components/button-group/button-group.test.ts index 489cfcc2c..6ce4d3ed0 100644 --- a/src/components/button-group/button-group.test.ts +++ b/src/components/button-group/button-group.test.ts @@ -1,4 +1,4 @@ -import { expect, fixture, html, elementUpdated } from '@open-wc/testing'; +import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; import type SlButtonGroup from './button-group'; describe('', () => { diff --git a/src/components/button-group/button-group.ts b/src/components/button-group/button-group.ts index 3ab264d92..c7184abde 100644 --- a/src/components/button-group/button-group.ts +++ b/src/components/button-group/button-group.ts @@ -1,5 +1,5 @@ -import { html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; +import { html } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element'; import styles from './button-group.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/button/button.ts b/src/components/button/button.ts index 444175e38..1fb841bbb 100644 --- a/src/components/button/button.ts +++ b/src/components/button/button.ts @@ -1,17 +1,17 @@ -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { html, literal } from 'lit/static-html.js'; -import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { HasSlotController } from '../../internal/slot'; -import { watch } from '../../internal/watch'; -import { LocalizeController } from '../../utilities/localize'; import '../icon/icon'; import '../spinner/spinner'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { FormControlController } from '../../internal/form'; +import { HasSlotController } from '../../internal/slot'; +import { html, literal } from 'lit/static-html.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { LocalizeController } from '../../utilities/localize'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './button.styles'; -import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type { CSSResultGroup } from 'lit'; +import type { ShoelaceFormControl } from '../../internal/shoelace-element'; /** * @summary Buttons represent actions that are available to the user. diff --git a/src/components/card/card.ts b/src/components/card/card.ts index f60663b15..567f3685c 100644 --- a/src/components/card/card.ts +++ b/src/components/card/card.ts @@ -1,8 +1,8 @@ -import { html } from 'lit'; -import { customElement } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { customElement } from 'lit/decorators.js'; import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './card.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/checkbox/checkbox.test.ts b/src/components/checkbox/checkbox.test.ts index 117746ca6..fd478fd53 100644 --- a/src/components/checkbox/checkbox.test.ts +++ b/src/components/checkbox/checkbox.test.ts @@ -1,7 +1,7 @@ +import { clickOnElement } from '../../internal/test'; import { expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; import sinon from 'sinon'; -import { clickOnElement } from '../../internal/test'; import type SlCheckbox from './checkbox'; describe('', () => { diff --git a/src/components/checkbox/checkbox.ts b/src/components/checkbox/checkbox.ts index bb95f0a23..e645e4abf 100644 --- a/src/components/checkbox/checkbox.ts +++ b/src/components/checkbox/checkbox.ts @@ -1,16 +1,16 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; +import '../icon/icon'; import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { live } from 'lit/directives/live.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { defaultValue } from '../../internal/default-value'; import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { watch } from '../../internal/watch'; -import '../icon/icon'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './checkbox.styles'; -import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type { CSSResultGroup } from 'lit'; +import type { ShoelaceFormControl } from '../../internal/shoelace-element'; /** * @summary Checkboxes allow the user to toggle an option on or off. diff --git a/src/components/color-picker/color-picker.test.ts b/src/components/color-picker/color-picker.test.ts index 804941181..db3bf28ca 100644 --- a/src/components/color-picker/color-picker.test.ts +++ b/src/components/color-picker/color-picker.test.ts @@ -1,8 +1,8 @@ import { aTimeout, expect, fixture, html, oneEvent } from '@open-wc/testing'; -import { sendKeys } from '@web/test-runner-commands'; -import sinon from 'sinon'; import { clickOnElement } from '../../internal/test'; +import { sendKeys } from '@web/test-runner-commands'; import { serialize } from '../../utilities/form'; +import sinon from 'sinon'; import type SlColorPicker from './color-picker'; describe('', () => { diff --git a/src/components/color-picker/color-picker.ts b/src/components/color-picker/color-picker.ts index 2546ee5fb..005a8e9c7 100644 --- a/src/components/color-picker/color-picker.ts +++ b/src/components/color-picker/color-picker.ts @@ -1,27 +1,27 @@ -import { TinyColor } from '@ctrl/tinycolor'; -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { styleMap } from 'lit/directives/style-map.js'; -import { defaultValue } from '../../internal/default-value'; -import { drag } from '../../internal/drag'; -import { FormControlController } from '../../internal/form'; -import { clamp } from '../../internal/math'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { LocalizeController } from '../../utilities/localize'; import '../button-group/button-group'; import '../button/button'; import '../dropdown/dropdown'; import '../icon/icon'; import '../input/input'; import '../visually-hidden/visually-hidden'; +import { clamp } from '../../internal/math'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { defaultValue } from '../../internal/default-value'; +import { drag } from '../../internal/drag'; +import { FormControlController } from '../../internal/form'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { LocalizeController } from '../../utilities/localize'; +import { styleMap } from 'lit/directives/style-map.js'; +import { TinyColor } from '@ctrl/tinycolor'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './color-picker.styles'; +import type { CSSResultGroup } from 'lit'; import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type SlDropdown from '../dropdown/dropdown'; import type SlInput from '../input/input'; -import type { CSSResultGroup } from 'lit'; const hasEyeDropper = 'EyeDropper' in window; diff --git a/src/components/details/details.ts b/src/components/details/details.ts index 32278ebea..9f65c9c79 100644 --- a/src/components/details/details.ts +++ b/src/components/details/details.ts @@ -1,13 +1,13 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate'; -import { waitForEvent } from '../../internal/event'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../icon/icon'; +import { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './details.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/dialog/dialog.ts b/src/components/dialog/dialog.ts index 074b22cd7..22e228846 100644 --- a/src/components/dialog/dialog.ts +++ b/src/components/dialog/dialog.ts @@ -1,17 +1,17 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { animateTo, stopAnimations } from '../../internal/animate'; -import { waitForEvent } from '../../internal/event'; -import Modal from '../../internal/modal'; -import { lockBodyScrolling, unlockBodyScrolling } from '../../internal/scroll'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { HasSlotController } from '../../internal/slot'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../icon-button/icon-button'; +import { animateTo, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { LocalizeController } from '../../utilities/localize'; +import { lockBodyScrolling, unlockBodyScrolling } from '../../internal/scroll'; +import { waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import Modal from '../../internal/modal'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './dialog.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/divider/divider.ts b/src/components/divider/divider.ts index 8ac1b55f2..e16919a2c 100644 --- a/src/components/divider/divider.ts +++ b/src/components/divider/divider.ts @@ -1,6 +1,6 @@ import { customElement, property } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './divider.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/drawer/drawer.ts b/src/components/drawer/drawer.ts index fef6afd6c..592ae6c45 100644 --- a/src/components/drawer/drawer.ts +++ b/src/components/drawer/drawer.ts @@ -1,18 +1,18 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { animateTo, stopAnimations } from '../../internal/animate'; -import { waitForEvent } from '../../internal/event'; -import Modal from '../../internal/modal'; -import { lockBodyScrolling, unlockBodyScrolling } from '../../internal/scroll'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { HasSlotController } from '../../internal/slot'; -import { uppercaseFirstLetter } from '../../internal/string'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../icon-button/icon-button'; +import { animateTo, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { LocalizeController } from '../../utilities/localize'; +import { lockBodyScrolling, unlockBodyScrolling } from '../../internal/scroll'; +import { uppercaseFirstLetter } from '../../internal/string'; +import { waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import Modal from '../../internal/modal'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './drawer.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/dropdown/dropdown.ts b/src/components/dropdown/dropdown.ts index 032f272a8..1710b42e4 100644 --- a/src/components/dropdown/dropdown.ts +++ b/src/components/dropdown/dropdown.ts @@ -1,22 +1,22 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { animateTo, stopAnimations } from '../../internal/animate'; -import { waitForEvent } from '../../internal/event'; -import { scrollIntoView } from '../../internal/scroll'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { getTabbableBoundary } from '../../internal/tabbable'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../popup/popup'; +import { animateTo, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { getTabbableBoundary } from '../../internal/tabbable'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { scrollIntoView } from '../../internal/scroll'; +import { waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './dropdown.styles'; +import type { CSSResultGroup } from 'lit'; import type SlButton from '../button/button'; import type SlIconButton from '../icon-button/icon-button'; -import type SlMenuItem from '../menu-item/menu-item'; import type SlMenu from '../menu/menu'; +import type SlMenuItem from '../menu-item/menu-item'; import type SlPopup from '../popup/popup'; -import type { CSSResultGroup } from 'lit'; /** * @summary Dropdowns expose additional content that "drops down" in a panel. diff --git a/src/components/format-bytes/format-bytes.test.ts b/src/components/format-bytes/format-bytes.test.ts index 4c266d459..d46e93fdc 100644 --- a/src/components/format-bytes/format-bytes.test.ts +++ b/src/components/format-bytes/format-bytes.test.ts @@ -1,4 +1,4 @@ -import { expect, fixture, html, elementUpdated } from '@open-wc/testing'; +import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; import type SlFormatBytes from './format-bytes'; describe('', () => { diff --git a/src/components/format-bytes/format-bytes.ts b/src/components/format-bytes/format-bytes.ts index c1dde3ec4..d3411fb74 100644 --- a/src/components/format-bytes/format-bytes.ts +++ b/src/components/format-bytes/format-bytes.ts @@ -1,6 +1,6 @@ import { customElement, property } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; /** * @summary Formats a number as a human readable bytes value. diff --git a/src/components/format-date/format-date.ts b/src/components/format-date/format-date.ts index 583511dee..459e15fa8 100644 --- a/src/components/format-date/format-date.ts +++ b/src/components/format-date/format-date.ts @@ -1,7 +1,7 @@ -import { html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; /** * @summary Formats a date/time using the specified locale and options. diff --git a/src/components/format-number/format-number.ts b/src/components/format-number/format-number.ts index 0ae36c072..b6d362947 100644 --- a/src/components/format-number/format-number.ts +++ b/src/components/format-number/format-number.ts @@ -1,6 +1,6 @@ import { customElement, property } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; /** * @summary Formats a number using the specified locale and options. diff --git a/src/components/icon-button/icon-button.ts b/src/components/icon-button/icon-button.ts index 091ad1405..74f86f13b 100644 --- a/src/components/icon-button/icon-button.ts +++ b/src/components/icon-button/icon-button.ts @@ -1,9 +1,9 @@ -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { html, literal } from 'lit/static-html.js'; -import ShoelaceElement from '../../internal/shoelace-element'; import '../icon/icon'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { html, literal } from 'lit/static-html.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './icon-button.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/icon/icon.ts b/src/components/icon/icon.ts index dca4c0617..9547aefe9 100644 --- a/src/components/icon/icon.ts +++ b/src/components/icon/icon.ts @@ -1,11 +1,11 @@ -import { html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; -import { unsafeSVG } from 'lit/directives/unsafe-svg.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import styles from './icon.styles'; import { getIconLibrary, unwatchIcon, watchIcon } from './library'; +import { html } from 'lit'; import { requestIcon } from './request'; +import { unsafeSVG } from 'lit/directives/unsafe-svg.js'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; +import styles from './icon.styles'; import type { CSSResultGroup } from 'lit'; let parser: DOMParser; diff --git a/src/components/image-comparer/image-comparer.ts b/src/components/image-comparer/image-comparer.ts index c513617e3..8c6243476 100644 --- a/src/components/image-comparer/image-comparer.ts +++ b/src/components/image-comparer/image-comparer.ts @@ -1,13 +1,13 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { styleMap } from 'lit/directives/style-map.js'; -import { drag } from '../../internal/drag'; -import { clamp } from '../../internal/math'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { LocalizeController } from '../../utilities/localize'; import '../icon/icon'; +import { clamp } from '../../internal/math'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { drag } from '../../internal/drag'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { styleMap } from 'lit/directives/style-map.js'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './image-comparer.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/include/include.test.ts b/src/components/include/include.test.ts index 5b5ef2acd..1f3b49dc5 100644 --- a/src/components/include/include.test.ts +++ b/src/components/include/include.test.ts @@ -1,4 +1,4 @@ -import { expect, fixture, html, waitUntil, aTimeout } from '@open-wc/testing'; +import { aTimeout, expect, fixture, html, waitUntil } from '@open-wc/testing'; import sinon from 'sinon'; import type SlInclude from './include'; diff --git a/src/components/include/include.ts b/src/components/include/include.ts index 0122a92c4..3936fb44e 100644 --- a/src/components/include/include.ts +++ b/src/components/include/include.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import styles from './include.styles'; +import { html } from 'lit'; import { requestInclude } from './request'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; +import styles from './include.styles'; import type { CSSResultGroup } from 'lit'; /** diff --git a/src/components/input/input.test.ts b/src/components/input/input.test.ts index 29da45fa2..f5a7637b2 100644 --- a/src/components/input/input.test.ts +++ b/src/components/input/input.test.ts @@ -1,9 +1,9 @@ // eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment import { expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing'; +import { getFormControls } from '../../../dist/utilities/form.js'; import { sendKeys } from '@web/test-runner-commands'; +import { serialize } from '../../utilities/form'; // must come from the same module import sinon from 'sinon'; -import { getFormControls } from '../../../dist/utilities/form.js'; // must come from the same module -import { serialize } from '../../utilities/form'; import type SlInput from './input'; describe('', () => { diff --git a/src/components/input/input.ts b/src/components/input/input.ts index 6e681f69c..491390ae3 100644 --- a/src/components/input/input.ts +++ b/src/components/input/input.ts @@ -1,18 +1,18 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; +import '../icon/icon'; import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { live } from 'lit/directives/live.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { defaultValue } from '../../internal/default-value'; import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; import { HasSlotController } from '../../internal/slot'; -import { watch } from '../../internal/watch'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { LocalizeController } from '../../utilities/localize'; -import '../icon/icon'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './input.styles'; -import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type { CSSResultGroup } from 'lit'; +import type { ShoelaceFormControl } from '../../internal/shoelace-element'; // // It's currently impossible to hide Firefox's built-in clear icon when using , so we need this diff --git a/src/components/menu-item/menu-item.test.ts b/src/components/menu-item/menu-item.test.ts index 0d2e5645d..96c105a8f 100644 --- a/src/components/menu-item/menu-item.test.ts +++ b/src/components/menu-item/menu-item.test.ts @@ -1,4 +1,4 @@ -import { expect, fixture, html, waitUntil, aTimeout } from '@open-wc/testing'; +import { aTimeout, expect, fixture, html, waitUntil } from '@open-wc/testing'; import sinon from 'sinon'; import type SlMenuItem from './menu-item'; diff --git a/src/components/menu-item/menu-item.ts b/src/components/menu-item/menu-item.ts index 87eea265a..08ea67372 100644 --- a/src/components/menu-item/menu-item.ts +++ b/src/components/menu-item/menu-item.ts @@ -1,10 +1,10 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { getTextContent } from '../../internal/slot'; -import { watch } from '../../internal/watch'; import '../icon/icon'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { getTextContent } from '../../internal/slot'; +import { html } from 'lit'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './menu-item.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/menu-label/menu-label.ts b/src/components/menu-label/menu-label.ts index bcecbe9f9..e6bba734a 100644 --- a/src/components/menu-label/menu-label.ts +++ b/src/components/menu-label/menu-label.ts @@ -1,5 +1,5 @@ -import { html } from 'lit'; import { customElement } from 'lit/decorators.js'; +import { html } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element'; import styles from './menu-label.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/menu/menu.test.ts b/src/components/menu/menu.test.ts index f5fb832cb..358bb1289 100644 --- a/src/components/menu/menu.test.ts +++ b/src/components/menu/menu.test.ts @@ -1,10 +1,10 @@ -import { expect, fixture } from '@open-wc/testing'; -import { sendKeys } from '@web/test-runner-commands'; -import { html } from 'lit'; -import sinon from 'sinon'; import { clickOnElement } from '../../internal/test'; -import type SlMenuItem from '../menu-item/menu-item'; +import { expect, fixture } from '@open-wc/testing'; +import { html } from 'lit'; +import { sendKeys } from '@web/test-runner-commands'; +import sinon from 'sinon'; import type SlMenu from './menu'; +import type SlMenuItem from '../menu-item/menu-item'; describe('', () => { it('emits sl-select with the correct event detail when clicking an item', async () => { diff --git a/src/components/menu/menu.ts b/src/components/menu/menu.ts index d84ec8279..f85b43ecb 100644 --- a/src/components/menu/menu.ts +++ b/src/components/menu/menu.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; import { customElement, query } from 'lit/decorators.js'; +import { html } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element'; import styles from './menu.styles'; -import type SlMenuItem from '../menu-item/menu-item'; import type { CSSResultGroup } from 'lit'; +import type SlMenuItem from '../menu-item/menu-item'; export interface MenuSelectEventDetail { item: SlMenuItem; } diff --git a/src/components/mutation-observer/mutation-observer.ts b/src/components/mutation-observer/mutation-observer.ts index 07a2f6aae..e50e9083d 100644 --- a/src/components/mutation-observer/mutation-observer.ts +++ b/src/components/mutation-observer/mutation-observer.ts @@ -1,7 +1,7 @@ -import { html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './mutation-observer.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/option/option.test.ts b/src/components/option/option.test.ts index e3f7883d8..f1cf464eb 100644 --- a/src/components/option/option.test.ts +++ b/src/components/option/option.test.ts @@ -1,4 +1,4 @@ -import { expect, fixture, html, waitUntil, aTimeout } from '@open-wc/testing'; +import { aTimeout, expect, fixture, html, waitUntil } from '@open-wc/testing'; import sinon from 'sinon'; import type SlOption from './option'; diff --git a/src/components/option/option.ts b/src/components/option/option.ts index 82e476f8c..9b43e498f 100644 --- a/src/components/option/option.ts +++ b/src/components/option/option.ts @@ -1,10 +1,10 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { LocalizeController } from '../../utilities/localize'; import '../icon/icon'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './option.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/popup/popup.ts b/src/components/popup/popup.ts index 0c15b4e89..0edecc332 100644 --- a/src/components/popup/popup.ts +++ b/src/components/popup/popup.ts @@ -1,7 +1,7 @@ import { arrow, autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'; -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { html } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element'; import styles from './popup.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/progress-bar/progress-bar.ts b/src/components/progress-bar/progress-bar.ts index 0ed0154bb..18f4255d9 100644 --- a/src/components/progress-bar/progress-bar.ts +++ b/src/components/progress-bar/progress-bar.ts @@ -1,10 +1,10 @@ -import { html } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property } from 'lit/decorators.js'; +import { html } from 'lit'; import { ifDefined } from 'lit/directives/if-defined.js'; +import { LocalizeController } from '../../utilities/localize'; import { styleMap } from 'lit/directives/style-map.js'; import ShoelaceElement from '../../internal/shoelace-element'; -import { LocalizeController } from '../../utilities/localize'; import styles from './progress-bar.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/progress-ring/progress-ring.ts b/src/components/progress-ring/progress-ring.ts index 41d3d098a..8ff0aff85 100644 --- a/src/components/progress-ring/progress-ring.ts +++ b/src/components/progress-ring/progress-ring.ts @@ -1,7 +1,7 @@ -import { html } from 'lit'; import { customElement, property, query, state } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './progress-ring.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/qr-code/qr-code.ts b/src/components/qr-code/qr-code.ts index d6a0a9fc9..1beb1999d 100644 --- a/src/components/qr-code/qr-code.ts +++ b/src/components/qr-code/qr-code.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; import { customElement, property, query } from 'lit/decorators.js'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; +import { watch } from '../../internal/watch'; import QrCreator from 'qr-creator'; import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; import styles from './qr-code.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/radio-button/radio-button.test.ts b/src/components/radio-button/radio-button.test.ts index 8d55efbb1..9d85cfaff 100644 --- a/src/components/radio-button/radio-button.test.ts +++ b/src/components/radio-button/radio-button.test.ts @@ -1,6 +1,6 @@ import { expect, fixture, html } from '@open-wc/testing'; -import type SlRadioGroup from '../radio-group/radio-group'; import type SlRadioButton from './radio-button'; +import type SlRadioGroup from '../radio-group/radio-group'; describe('', () => { it('should not get checked when disabled', async () => { diff --git a/src/components/radio-button/radio-button.ts b/src/components/radio-button/radio-button.ts index 50ce18792..5b1b835eb 100644 --- a/src/components/radio-button/radio-button.ts +++ b/src/components/radio-button/radio-button.ts @@ -1,10 +1,10 @@ -import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { html } from 'lit/static-html.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit/static-html.js'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './radio-button.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/radio-group/radio-group.test.ts b/src/components/radio-group/radio-group.test.ts index 2902a8f67..6d0692170 100644 --- a/src/components/radio-group/radio-group.test.ts +++ b/src/components/radio-group/radio-group.test.ts @@ -1,7 +1,7 @@ import { aTimeout, expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing'; +import { clickOnElement } from '../../internal/test'; import { sendKeys } from '@web/test-runner-commands'; import sinon from 'sinon'; -import { clickOnElement } from '../../internal/test'; import type SlRadio from '../radio/radio'; import type SlRadioGroup from './radio-group'; diff --git a/src/components/radio-group/radio-group.ts b/src/components/radio-group/radio-group.ts index a06e31255..13b8d82b5 100644 --- a/src/components/radio-group/radio-group.ts +++ b/src/components/radio-group/radio-group.ts @@ -1,16 +1,16 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { HasSlotController } from '../../internal/slot'; -import { watch } from '../../internal/watch'; import '../button-group/button-group'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { FormControlController } from '../../internal/form'; +import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './radio-group.styles'; -import type { ShoelaceFormControl } from '../../internal/shoelace-element'; -import type SlRadioButton from '../radio-button/radio-button'; -import type SlRadio from '../radio/radio'; import type { CSSResultGroup } from 'lit'; +import type { ShoelaceFormControl } from '../../internal/shoelace-element'; +import type SlRadio from '../radio/radio'; +import type SlRadioButton from '../radio-button/radio-button'; /** * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control. diff --git a/src/components/radio/radio.test.ts b/src/components/radio/radio.test.ts index 9017b3d2d..e73711619 100644 --- a/src/components/radio/radio.test.ts +++ b/src/components/radio/radio.test.ts @@ -1,6 +1,6 @@ import { expect, fixture, html } from '@open-wc/testing'; -import type SlRadioGroup from '../radio-group/radio-group'; import type SlRadio from './radio'; +import type SlRadioGroup from '../radio-group/radio-group'; describe('', () => { it('should not get checked when disabled', async () => { diff --git a/src/components/radio/radio.ts b/src/components/radio/radio.ts index 18819f101..ab39e285d 100644 --- a/src/components/radio/radio.ts +++ b/src/components/radio/radio.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; -import { customElement, property, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; import '../icon/icon'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, state } from 'lit/decorators.js'; +import { html } from 'lit'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './radio.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/range/range.test.ts b/src/components/range/range.test.ts index ff6122128..dbe9537f5 100644 --- a/src/components/range/range.test.ts +++ b/src/components/range/range.test.ts @@ -1,8 +1,8 @@ +import { clickOnElement } from '../../internal/test'; import { expect, fixture, html, oneEvent } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; -import sinon from 'sinon'; -import { clickOnElement } from '../../internal/test'; import { serialize } from '../../utilities/form'; +import sinon from 'sinon'; import type SlRange from './range'; describe('', () => { diff --git a/src/components/range/range.ts b/src/components/range/range.ts index fe240e2fe..0375da6b8 100644 --- a/src/components/range/range.ts +++ b/src/components/range/range.ts @@ -1,17 +1,17 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { live } from 'lit/directives/live.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { defaultValue } from '../../internal/default-value'; import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; import { HasSlotController } from '../../internal/slot'; -import { watch } from '../../internal/watch'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { LocalizeController } from '../../utilities/localize'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './range.styles'; -import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type { CSSResultGroup } from 'lit'; +import type { ShoelaceFormControl } from '../../internal/shoelace-element'; /** * @summary Ranges allow the user to select a single value within a given range using a slider. diff --git a/src/components/rating/rating.test.ts b/src/components/rating/rating.test.ts index 63034da8a..963687926 100644 --- a/src/components/rating/rating.test.ts +++ b/src/components/rating/rating.test.ts @@ -1,7 +1,7 @@ +import { clickOnElement } from '../../internal/test'; import { expect, fixture, html } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; import sinon from 'sinon'; -import { clickOnElement } from '../../internal/test'; import type SlRating from './rating'; describe('', () => { diff --git a/src/components/rating/rating.ts b/src/components/rating/rating.ts index ac82f335c..c77959bbe 100644 --- a/src/components/rating/rating.ts +++ b/src/components/rating/rating.ts @@ -1,13 +1,13 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; +import '../icon/icon'; +import { clamp } from '../../internal/math'; import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; import { styleMap } from 'lit/directives/style-map.js'; import { unsafeHTML } from 'lit/directives/unsafe-html.js'; -import { clamp } from '../../internal/math'; -import ShoelaceElement from '../../internal/shoelace-element'; import { watch } from '../../internal/watch'; -import { LocalizeController } from '../../utilities/localize'; -import '../icon/icon'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './rating.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/relative-time/relative-time.ts b/src/components/relative-time/relative-time.ts index f57b560de..23f8b1739 100644 --- a/src/components/relative-time/relative-time.ts +++ b/src/components/relative-time/relative-time.ts @@ -1,7 +1,7 @@ -import { html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; interface UnitConfig { max: number; diff --git a/src/components/resize-observer/resize-observer.ts b/src/components/resize-observer/resize-observer.ts index 0f5abc9eb..8fac95a6f 100644 --- a/src/components/resize-observer/resize-observer.ts +++ b/src/components/resize-observer/resize-observer.ts @@ -1,7 +1,7 @@ -import { html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './resize-observer.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/select/select.test.ts b/src/components/select/select.test.ts index f51353e30..09ca9948a 100644 --- a/src/components/select/select.test.ts +++ b/src/components/select/select.test.ts @@ -1,8 +1,8 @@ import { aTimeout, expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing'; -import { sendKeys } from '@web/test-runner-commands'; -import sinon from 'sinon'; import { clickOnElement } from '../../internal/test'; +import { sendKeys } from '@web/test-runner-commands'; import { serialize } from '../../utilities/form'; +import sinon from 'sinon'; import type SlOption from '../option/option'; import type SlSelect from './select'; diff --git a/src/components/select/select.ts b/src/components/select/select.ts index 112ca6377..d01eb2580 100644 --- a/src/components/select/select.ts +++ b/src/components/select/select.ts @@ -1,24 +1,24 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { scrollIntoView } from 'src/internal/scroll'; -import { animateTo, stopAnimations } from '../../internal/animate'; -import { defaultValue } from '../../internal/default-value'; -import { waitForEvent } from '../../internal/event'; -import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { HasSlotController } from '../../internal/slot'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../icon/icon'; import '../popup/popup'; import '../tag/tag'; +import { animateTo, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { defaultValue } from '../../internal/default-value'; +import { FormControlController } from '../../internal/form'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { scrollIntoView } from 'src/internal/scroll'; +import { waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './select.styles'; +import type { CSSResultGroup } from 'lit'; import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type SlOption from '../option/option'; import type SlPopup from '../popup/popup'; -import type { CSSResultGroup } from 'lit'; /** * @summary Selects allow you to choose items from a menu of predefined options. diff --git a/src/components/skeleton/skeleton.ts b/src/components/skeleton/skeleton.ts index cec161cd8..ab9eec67b 100644 --- a/src/components/skeleton/skeleton.ts +++ b/src/components/skeleton/skeleton.ts @@ -1,6 +1,6 @@ -import { html } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property } from 'lit/decorators.js'; +import { html } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element'; import styles from './skeleton.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/spinner/spinner.ts b/src/components/spinner/spinner.ts index 54867bcaf..f043a27b7 100644 --- a/src/components/spinner/spinner.ts +++ b/src/components/spinner/spinner.ts @@ -1,7 +1,7 @@ -import { html } from 'lit'; import { customElement } from 'lit/decorators.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './spinner.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/split-panel/split-panel.ts b/src/components/split-panel/split-panel.ts index 14e61d423..6e0abb485 100644 --- a/src/components/split-panel/split-panel.ts +++ b/src/components/split-panel/split-panel.ts @@ -1,11 +1,11 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { drag } from '../../internal/drag'; import { clamp } from '../../internal/math'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; +import { customElement, property, query } from 'lit/decorators.js'; +import { drag } from '../../internal/drag'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; import { LocalizeController } from '../../utilities/localize'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './split-panel.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/switch/switch.ts b/src/components/switch/switch.ts index 8447d18e1..afdcf3ec9 100644 --- a/src/components/switch/switch.ts +++ b/src/components/switch/switch.ts @@ -1,15 +1,15 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { live } from 'lit/directives/live.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { defaultValue } from '../../internal/default-value'; import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './switch.styles'; -import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type { CSSResultGroup } from 'lit'; +import type { ShoelaceFormControl } from '../../internal/shoelace-element'; /** * @summary Switches allow the user to toggle an option on or off. diff --git a/src/components/tab-group/tab-group.ts b/src/components/tab-group/tab-group.ts index d287c4fc7..85152cd9a 100644 --- a/src/components/tab-group/tab-group.ts +++ b/src/components/tab-group/tab-group.ts @@ -1,15 +1,15 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { scrollIntoView } from '../../internal/scroll'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { LocalizeController } from '../../utilities/localize'; import '../icon-button/icon-button'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { scrollIntoView } from '../../internal/scroll'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './tab-group.styles'; -import type SlTabPanel from '../tab-panel/tab-panel'; -import type SlTab from '../tab/tab'; import type { CSSResultGroup } from 'lit'; +import type SlTab from '../tab/tab'; +import type SlTabPanel from '../tab-panel/tab-panel'; /** * @summary Tab groups organize content into a container that shows one section at a time. diff --git a/src/components/tab-panel/tab-panel.ts b/src/components/tab-panel/tab-panel.ts index 5e08aff28..5c59f2775 100644 --- a/src/components/tab-panel/tab-panel.ts +++ b/src/components/tab-panel/tab-panel.ts @@ -1,8 +1,8 @@ -import { html } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; +import { customElement, property } from 'lit/decorators.js'; +import { html } from 'lit'; import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './tab-panel.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/tab/tab.ts b/src/components/tab/tab.ts index efb2e96be..961d0c735 100644 --- a/src/components/tab/tab.ts +++ b/src/components/tab/tab.ts @@ -1,10 +1,10 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { LocalizeController } from '../../utilities/localize'; import '../icon-button/icon-button'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './tab.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/tag/tag.ts b/src/components/tag/tag.ts index 378877e5f..7cb3f0b24 100644 --- a/src/components/tag/tag.ts +++ b/src/components/tag/tag.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; -import { customElement, property } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { LocalizeController } from '../../utilities/localize'; import '../icon-button/icon-button'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property } from 'lit/decorators.js'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './tag.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/textarea/textarea.test.ts b/src/components/textarea/textarea.test.ts index 626c97da8..711f24801 100644 --- a/src/components/textarea/textarea.test.ts +++ b/src/components/textarea/textarea.test.ts @@ -1,7 +1,7 @@ import { expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; -import sinon from 'sinon'; import { serialize } from '../../utilities/form'; +import sinon from 'sinon'; import type SlTextarea from './textarea'; describe('', () => { diff --git a/src/components/textarea/textarea.ts b/src/components/textarea/textarea.ts index 7a93c6716..0e82300ce 100644 --- a/src/components/textarea/textarea.ts +++ b/src/components/textarea/textarea.ts @@ -1,16 +1,16 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; -import { ifDefined } from 'lit/directives/if-defined.js'; -import { live } from 'lit/directives/live.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; import { defaultValue } from '../../internal/default-value'; import { FormControlController } from '../../internal/form'; -import ShoelaceElement from '../../internal/shoelace-element'; import { HasSlotController } from '../../internal/slot'; +import { html } from 'lit'; +import { ifDefined } from 'lit/directives/if-defined.js'; +import { live } from 'lit/directives/live.js'; import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './textarea.styles'; -import type { ShoelaceFormControl } from '../../internal/shoelace-element'; import type { CSSResultGroup } from 'lit'; +import type { ShoelaceFormControl } from '../../internal/shoelace-element'; /** * @summary Textareas collect data from the user and allow multiple lines of text. diff --git a/src/components/tooltip/tooltip.ts b/src/components/tooltip/tooltip.ts index e7ebac04b..d1e2ddc9e 100644 --- a/src/components/tooltip/tooltip.ts +++ b/src/components/tooltip/tooltip.ts @@ -1,16 +1,16 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { animateTo, parseDuration, stopAnimations } from '../../internal/animate'; -import { waitForEvent } from '../../internal/event'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../popup/popup'; +import { animateTo, parseDuration, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query } from 'lit/decorators.js'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { html } from 'lit'; +import { LocalizeController } from '../../utilities/localize'; +import { waitForEvent } from '../../internal/event'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './tooltip.styles'; -import type SlPopup from '../popup/popup'; import type { CSSResultGroup } from 'lit'; +import type SlPopup from '../popup/popup'; /** * @summary Tooltips display additional information based on a specific action. diff --git a/src/components/tree-item/tree-item.ts b/src/components/tree-item/tree-item.ts index 279b9dbcd..4b26c99e4 100644 --- a/src/components/tree-item/tree-item.ts +++ b/src/components/tree-item/tree-item.ts @@ -1,16 +1,16 @@ -import { html } from 'lit'; -import { customElement, property, query, state } from 'lit/decorators.js'; -import { classMap } from 'lit/directives/class-map.js'; -import { live } from 'lit/directives/live.js'; -import { when } from 'lit/directives/when.js'; -import { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; -import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; -import { LocalizeController } from '../../utilities/localize'; import '../checkbox/checkbox'; import '../icon/icon'; import '../spinner/spinner'; +import { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../../internal/animate'; +import { classMap } from 'lit/directives/class-map.js'; +import { customElement, property, query, state } from 'lit/decorators.js'; +import { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry'; +import { html } from 'lit'; +import { live } from 'lit/directives/live.js'; +import { LocalizeController } from '../../utilities/localize'; +import { watch } from '../../internal/watch'; +import { when } from 'lit/directives/when.js'; +import ShoelaceElement from '../../internal/shoelace-element'; import styles from './tree-item.styles'; import type { CSSResultGroup, PropertyValueMap } from 'lit'; diff --git a/src/components/tree/tree.test.ts b/src/components/tree/tree.test.ts index 6d35a656c..b16602898 100644 --- a/src/components/tree/tree.test.ts +++ b/src/components/tree/tree.test.ts @@ -1,8 +1,8 @@ import { expect, fixture, html, triggerBlurFor, triggerFocusFor } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; import sinon from 'sinon'; -import type SlTreeItem from '../tree-item/tree-item'; import type SlTree from './tree'; +import type SlTreeItem from '../tree-item/tree-item'; describe('', () => { let el: SlTree; diff --git a/src/components/tree/tree.ts b/src/components/tree/tree.ts index 4d88e2607..8fac04a7d 100644 --- a/src/components/tree/tree.ts +++ b/src/components/tree/tree.ts @@ -1,9 +1,9 @@ -import { html } from 'lit'; -import { customElement, property, query } from 'lit/decorators.js'; import { clamp } from '../../internal/math'; -import ShoelaceElement from '../../internal/shoelace-element'; -import { watch } from '../../internal/watch'; +import { customElement, property, query } from 'lit/decorators.js'; +import { html } from 'lit'; import { LocalizeController } from '../../utilities/localize'; +import { watch } from '../../internal/watch'; +import ShoelaceElement from '../../internal/shoelace-element'; import SlTreeItem from '../tree-item/tree-item'; import styles from './tree.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/components/visually-hidden/visually-hidden.ts b/src/components/visually-hidden/visually-hidden.ts index d54b56ba0..b292d5462 100644 --- a/src/components/visually-hidden/visually-hidden.ts +++ b/src/components/visually-hidden/visually-hidden.ts @@ -1,5 +1,5 @@ -import { html } from 'lit'; import { customElement } from 'lit/decorators.js'; +import { html } from 'lit'; import ShoelaceElement from '../../internal/shoelace-element'; import styles from './visually-hidden.styles'; import type { CSSResultGroup } from 'lit'; diff --git a/src/internal/form.ts b/src/internal/form.ts index f00ba3dcf..33992fcf5 100644 --- a/src/internal/form.ts +++ b/src/internal/form.ts @@ -1,6 +1,6 @@ -import type SlButton from '../components/button/button'; -import type { ShoelaceFormControl } from '../internal/shoelace-element'; import type { ReactiveController, ReactiveControllerHost } from 'lit'; +import type { ShoelaceFormControl } from '../internal/shoelace-element'; +import type SlButton from '../components/button/button'; // // We store a WeakMap of forms + controls so we can keep references to all Shoelace controls within a given form. As diff --git a/src/utilities/localize.ts b/src/utilities/localize.ts index 88662b5d9..edc153a24 100644 --- a/src/utilities/localize.ts +++ b/src/utilities/localize.ts @@ -1,5 +1,5 @@ -import { LocalizeController as DefaultLocalizationController } from '@shoelace-style/localize'; -import '../translations/en'; // Register English as the default/fallback language +import '../translations/en'; +import { LocalizeController as DefaultLocalizationController } from '@shoelace-style/localize'; // Register English as the default/fallback language import type { Translation as DefaultTranslation } from '@shoelace-style/localize'; // Extend the controller and apply our own translation interface for better typings