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 581b6ab7..66474097 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 3c8090ce..0c4e6e1d 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 32ba3d08..5a76ee66 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 a9ff7222..3544ba29 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 142c0580..ed4fc5be 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 f61288e3..19f5519c 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 eba624a4..71aaf6e8 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 e225b3b2..a4ef5414 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 ae0e7fe5..97820ab1 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 491d631f..c0557d10 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 dda0ccb4..4376a0d6 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 90dc4008..b5ce0682 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 489cfcc2..6ce4d3ed 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 3ab264d9..c7184abd 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 444175e3..1fb841bb 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 f60663b1..567f3685 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 117746ca..fd478fd5 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 bb95f0a2..e645e4ab 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 80494118..db3bf28c 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 2546ee5f..005a8e9c 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 32278ebe..9f65c9c7 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 074b22cd..22e22884 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 8ac1b55f..e16919a2 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 fef6afd6..592ae6c4 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 032f272a..1710b42e 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 4c266d45..d46e93fd 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 c1dde3ec..d3411fb7 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 583511de..459e15fa 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 0ae36c07..b6d36294 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 091ad140..74f86f13 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 dca4c061..9547aefe 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 c513617e..8c624347 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 5b5ef2ac..1f3b49dc 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 0122a92c..3936fb44 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 29da45fa..f5a7637b 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 6e681f69..491390ae 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 0d2e5645..96c105a8 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 87eea265..08ea6737 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 bcecbe9f..e6bba734 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 f5fb832c..358bb128 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 d84ec827..f85b43ec 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 07a2f6aa..e50e9083 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 e3f7883d..f1cf464e 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 82e476f8..9b43e498 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 0c15b4e8..0edecc33 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 0ed0154b..18f4255d 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 41d3d098..8ff0aff8 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 d6a0a9fc..1beb1999 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 8d55efbb..9d85cfaf 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 50ce1879..5b1b835e 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 2902a8f6..6d069217 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 a06e3125..13b8d82b 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 9017b3d2..e7371161 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 18819f10..ab39e285 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 ff612212..dbe9537f 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 fe240e2f..0375da6b 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 63034da8..96368792 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 ac82f335..c77959bb 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 f57b560d..23f8b173 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 0f5abc9e..8fac95a6 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 f51353e3..09ca9948 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 112ca637..d01eb258 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 cec161cd..ab9eec67 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 54867bca..f043a27b 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 14e61d42..6e0abb48 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 8447d18e..afdcf3ec 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 d287c4fc..85152cd9 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 5e08aff2..5c59f277 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 efb2e96b..961d0c73 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 378877e5..7cb3f0b2 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 626c97da..711f2480 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 7a93c671..0e82300c 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 e7ebac04..d1e2ddc9 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 279b9dbc..4b26c99e 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 6d35a656..b1660289 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 4d88e260..8fac04a7 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 d54b56ba..b292d546 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 f00ba3dc..33992fcf 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 88662b5d..edc153a2 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