diff --git a/.eslintrc.json b/.eslintrc.json index 63e6edbebc..1bf2a92264 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -113,7 +113,8 @@ ], // TODO Discuss this with the team "lit/no-invalid-html": "off", - "camelcase": "off" + "camelcase": "off", + "@typescript-eslint/consistent-type-imports": "error" } }, { diff --git a/src/components/accordion/accordion.stories.ts b/src/components/accordion/accordion.stories.ts index 71188ba036..7644113b31 100644 --- a/src/components/accordion/accordion.stories.ts +++ b/src/components/accordion/accordion.stories.ts @@ -1,8 +1,15 @@ import { withActions } from '@storybook/addon-actions/decorator'; -import { InputType } from '@storybook/types'; -import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { Decorator } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { InputType } from '@storybook/types'; +import type { + Meta, + StoryObj, + ArgTypes, + Args, + StoryContext, + Decorator, +} from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { repeat } from 'lit/directives/repeat.js'; import { styleMap } from 'lit/directives/style-map.js'; diff --git a/src/components/accordion/accordion.ts b/src/components/accordion/accordion.ts index 800f6e743e..13b9acdaf3 100644 --- a/src/components/accordion/accordion.ts +++ b/src/components/accordion/accordion.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { toggleDatasetEntry } from '../core/dom'; diff --git a/src/components/action-group/action-group.e2e.ts b/src/components/action-group/action-group.e2e.ts index d036d23605..f704b89d0e 100644 --- a/src/components/action-group/action-group.e2e.ts +++ b/src/components/action-group/action-group.e2e.ts @@ -1,9 +1,9 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbButtonElement } from '../button'; +import type { SbbButtonElement } from '../button'; import { waitForLitRender } from '../core/testing'; -import { SbbLinkElement } from '../link'; +import type { SbbLinkElement } from '../link'; import { SbbActionGroupElement } from './action-group'; diff --git a/src/components/action-group/action-group.spec.ts b/src/components/action-group/action-group.spec.ts index 29cc9b06dc..ef9c031064 100644 --- a/src/components/action-group/action-group.spec.ts +++ b/src/components/action-group/action-group.spec.ts @@ -1,9 +1,9 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbButtonElement } from '../button'; +import type { SbbButtonElement } from '../button'; -import { SbbActionGroupElement } from './action-group'; +import type { SbbActionGroupElement } from './action-group'; import '.'; describe('sbb-action-group', () => { diff --git a/src/components/action-group/action-group.stories.ts b/src/components/action-group/action-group.stories.ts index 7cecd98882..42d3f5255f 100644 --- a/src/components/action-group/action-group.stories.ts +++ b/src/components/action-group/action-group.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/action-group/action-group.ts b/src/components/action-group/action-group.ts index a0f6a25f4c..381e8a8f3f 100644 --- a/src/components/action-group/action-group.ts +++ b/src/components/action-group/action-group.ts @@ -1,9 +1,10 @@ -import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { SbbButtonSize } from '../button'; -import { SbbHorizontalFrom, SbbOrientation } from '../core/interfaces'; -import { SbbLinkSize } from '../link'; +import type { SbbButtonSize } from '../button'; +import type { SbbHorizontalFrom, SbbOrientation } from '../core/interfaces'; +import type { SbbLinkSize } from '../link'; import style from './action-group.scss?lit&inline'; diff --git a/src/components/alert/alert-group/alert-group.e2e.ts b/src/components/alert/alert-group/alert-group.e2e.ts index 68502f5cde..796c762437 100644 --- a/src/components/alert/alert-group/alert-group.e2e.ts +++ b/src/components/alert/alert-group/alert-group.e2e.ts @@ -1,7 +1,7 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbButtonElement } from '../../button'; +import type { SbbButtonElement } from '../../button'; import { waitForCondition, EventSpy, waitForLitRender } from '../../core/testing'; import { SbbAlertGroupElement } from './alert-group'; diff --git a/src/components/alert/alert-group/alert-group.stories.ts b/src/components/alert/alert-group/alert-group.stories.ts index b8a5bdbbfc..87ef45bde0 100644 --- a/src/components/alert/alert-group/alert-group.stories.ts +++ b/src/components/alert/alert-group/alert-group.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/alert/alert-group/alert-group.ts b/src/components/alert/alert-group/alert-group.ts index 0f0c964101..8365a938a9 100644 --- a/src/components/alert/alert-group/alert-group.ts +++ b/src/components/alert/alert-group/alert-group.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; diff --git a/src/components/alert/alert/alert.stories.ts b/src/components/alert/alert/alert.stories.ts index adc0c7da6d..a28a68ca78 100644 --- a/src/components/alert/alert/alert.stories.ts +++ b/src/components/alert/alert/alert.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/alert/alert/alert.ts b/src/components/alert/alert/alert.ts index 03e3cb8bd8..6608c9c920 100644 --- a/src/components/alert/alert/alert.ts +++ b/src/components/alert/alert/alert.ts @@ -1,12 +1,13 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; import { LanguageController } from '../../core/common-behaviors'; import { EventEmitter } from '../../core/eventing'; import { i18nCloseAlert, i18nFindOutMore } from '../../core/i18n'; -import { LinkProperties, LinkTargetType } from '../../core/interfaces'; +import type { LinkProperties, LinkTargetType } from '../../core/interfaces'; import type { TitleLevel } from '../../title'; import style from './alert.scss?lit&inline'; diff --git a/src/components/autocomplete/autocomplete.stories.ts b/src/components/autocomplete/autocomplete.stories.ts index a4650646db..d4cf8f7b58 100644 --- a/src/components/autocomplete/autocomplete.stories.ts +++ b/src/components/autocomplete/autocomplete.stories.ts @@ -10,7 +10,8 @@ import type { StoryContext, } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../storybook/testing/wait-for-components-ready'; diff --git a/src/components/autocomplete/autocomplete.ts b/src/components/autocomplete/autocomplete.ts index 76c85883c1..fe88f8e27b 100644 --- a/src/components/autocomplete/autocomplete.ts +++ b/src/components/autocomplete/autocomplete.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -14,11 +15,11 @@ import { isBrowser, } from '../core/dom'; import { ConnectedAbortController, EventEmitter } from '../core/eventing'; +import type { SbbOverlayState } from '../core/overlay'; import { isEventOnElement, overlayGapFixCorners, removeAriaComboBoxAttributes, - SbbOverlayState, setAriaComboBoxAttributes, setOverlayPosition, } from '../core/overlay'; diff --git a/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.stories.ts b/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.stories.ts index e9d3872c85..95c13fba1b 100644 --- a/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.stories.ts +++ b/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.ts b/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.ts index 768e60b2fa..f0aa07e9f0 100644 --- a/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.ts +++ b/src/components/breadcrumb/breadcrumb-group/breadcrumb-group.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, PropertyValues, TemplateResult } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import { getNextElementIndex, isArrowKeyPressed, sbbInputModalityDetector } from '../../core/a11y'; diff --git a/src/components/breadcrumb/breadcrumb/breadcrumb.stories.ts b/src/components/breadcrumb/breadcrumb/breadcrumb.stories.ts index d4d834da53..65ed93affa 100644 --- a/src/components/breadcrumb/breadcrumb/breadcrumb.stories.ts +++ b/src/components/breadcrumb/breadcrumb/breadcrumb.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/breadcrumb/breadcrumb/breadcrumb.ts b/src/components/breadcrumb/breadcrumb/breadcrumb.ts index 893dacf578..e57ac50840 100644 --- a/src/components/breadcrumb/breadcrumb/breadcrumb.ts +++ b/src/components/breadcrumb/breadcrumb/breadcrumb.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -7,11 +8,8 @@ import { LanguageController, SlotChildObserver } from '../../core/common-behavio import { setAttributes } from '../../core/dom'; import { actionElementHandlerAspect, HandlerRepository } from '../../core/eventing'; import { i18nTargetOpensInNewWindow } from '../../core/i18n'; -import { - LinkTargetType, - resolveLinkOrStaticRenderVariables, - targetsNewWindow, -} from '../../core/interfaces'; +import type { LinkTargetType } from '../../core/interfaces'; +import { resolveLinkOrStaticRenderVariables, targetsNewWindow } from '../../core/interfaces'; import style from './breadcrumb.scss?lit&inline'; diff --git a/src/components/button/button.stories.ts b/src/components/button/button.stories.ts index 97f43c0eb1..6ec522ee48 100644 --- a/src/components/button/button.stories.ts +++ b/src/components/button/button.stories.ts @@ -9,7 +9,8 @@ import type { StoryContext, } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/button/button.ts b/src/components/button/button.ts index d0f0c0f5ed..63ec6f141f 100644 --- a/src/components/button/button.ts +++ b/src/components/button/button.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -13,14 +14,13 @@ import { } from '../core/dom'; import { actionElementHandlerAspect, HandlerRepository } from '../core/eventing'; import { i18nTargetOpensInNewWindow } from '../core/i18n'; -import { +import type { ButtonType, IsStaticProperty, LinkButtonProperties, LinkTargetType, - resolveRenderVariables, - targetsNewWindow, } from '../core/interfaces'; +import { resolveRenderVariables, targetsNewWindow } from '../core/interfaces'; import style from './button.scss?lit&inline'; import '../icon'; diff --git a/src/components/calendar/calendar.stories.ts b/src/components/calendar/calendar.stories.ts index 35b153a335..ca56cacb05 100644 --- a/src/components/calendar/calendar.stories.ts +++ b/src/components/calendar/calendar.stories.ts @@ -2,7 +2,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/calendar/calendar.ts b/src/components/calendar/calendar.ts index 1e4ad043e3..7b55393b4a 100644 --- a/src/components/calendar/calendar.ts +++ b/src/components/calendar/calendar.ts @@ -1,11 +1,12 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; import { isArrowKeyOrPageKeysPressed, sbbInputModalityDetector } from '../core/a11y'; import { LanguageController } from '../core/common-behaviors'; +import type { DateAdapter } from '../core/datetime'; import { - DateAdapter, DAYS_PER_ROW, defaultDateAdapter, MONTHS_PER_ROW, @@ -24,7 +25,7 @@ import { i18nPreviousYearRange, i18nYearMonthSelection, } from '../core/i18n'; -import { SbbDateLike } from '../core/interfaces'; +import type { SbbDateLike } from '../core/interfaces'; import '../button'; import '../icon'; diff --git a/src/components/card/card-action/card-action.stories.ts b/src/components/card/card-action/card-action.stories.ts index 94d0d72e8b..2197d5fb5b 100644 --- a/src/components/card/card-action/card-action.stories.ts +++ b/src/components/card/card-action/card-action.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; diff --git a/src/components/card/card-action/card-action.ts b/src/components/card/card-action/card-action.ts index c6b2eca342..6263426515 100644 --- a/src/components/card/card-action/card-action.ts +++ b/src/components/card/card-action/card-action.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -8,14 +9,13 @@ import { LanguageController } from '../../core/common-behaviors'; import { toggleDatasetEntry, setAttribute, setAttributes } from '../../core/dom'; import { HandlerRepository, actionElementHandlerAspect } from '../../core/eventing'; import { i18nTargetOpensInNewWindow } from '../../core/i18n'; -import { +import type { ButtonType, LinkButtonProperties, LinkButtonRenderVariables, LinkTargetType, - resolveRenderVariables, - targetsNewWindow, } from '../../core/interfaces'; +import { resolveRenderVariables, targetsNewWindow } from '../../core/interfaces'; import { AgnosticMutationObserver } from '../../core/observers'; import type { SbbCardElement } from '../card'; diff --git a/src/components/card/card-badge/card-badge.stories.ts b/src/components/card/card-badge/card-badge.stories.ts index 1eeaece009..d03f340a88 100644 --- a/src/components/card/card-badge/card-badge.stories.ts +++ b/src/components/card/card-badge/card-badge.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/card/card-badge/card-badge.ts b/src/components/card/card-badge/card-badge.ts index 41ee15368b..1f1f4783bb 100644 --- a/src/components/card/card-badge/card-badge.ts +++ b/src/components/card/card-badge/card-badge.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { toggleDatasetEntry, getDocumentWritingMode, setAttribute } from '../../core/dom'; diff --git a/src/components/card/card/card.stories.ts b/src/components/card/card/card.stories.ts index 305b022166..8258587833 100644 --- a/src/components/card/card/card.stories.ts +++ b/src/components/card/card/card.stories.ts @@ -8,7 +8,8 @@ import type { Decorator, StoryContext, } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/card/card/card.ts b/src/components/card/card/card.ts index 62e69d0cbf..0a291693bd 100644 --- a/src/components/card/card/card.ts +++ b/src/components/card/card/card.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import style from './card.scss?lit&inline'; diff --git a/src/components/checkbox/checkbox-group/checkbox-group.stories.ts b/src/components/checkbox/checkbox-group/checkbox-group.stories.ts index 9a90f300a7..cf922f3936 100644 --- a/src/components/checkbox/checkbox-group/checkbox-group.stories.ts +++ b/src/components/checkbox/checkbox-group/checkbox-group.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/checkbox/checkbox-group/checkbox-group.ts b/src/components/checkbox/checkbox-group/checkbox-group.ts index f4342a787f..de9e2b1428 100644 --- a/src/components/checkbox/checkbox-group/checkbox-group.ts +++ b/src/components/checkbox/checkbox-group/checkbox-group.ts @@ -1,11 +1,12 @@ -import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { getNextElementIndex, interactivityChecker, isArrowKeyPressed } from '../../core/a11y'; import { NamedSlotStateController } from '../../core/common-behaviors'; import { toggleDatasetEntry } from '../../core/dom'; import { ConnectedAbortController } from '../../core/eventing'; -import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces'; +import type { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces'; import type { SbbCheckboxElement, SbbCheckboxSize } from '../checkbox'; import style from './checkbox-group.scss?lit&inline'; diff --git a/src/components/checkbox/checkbox/checkbox.stories.ts b/src/components/checkbox/checkbox/checkbox.stories.ts index 8115ceb58d..f6c9d3b460 100644 --- a/src/components/checkbox/checkbox/checkbox.stories.ts +++ b/src/components/checkbox/checkbox/checkbox.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/checkbox/checkbox/checkbox.ts b/src/components/checkbox/checkbox/checkbox.ts index a4bfe61e0b..38060c8ef9 100644 --- a/src/components/checkbox/checkbox/checkbox.ts +++ b/src/components/checkbox/checkbox/checkbox.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -17,7 +18,7 @@ import { ConnectedAbortController, } from '../../core/eventing'; import { i18nCollapsed, i18nExpanded } from '../../core/i18n'; -import { +import type { SbbIconPlacement, SbbStateChange, SbbCheckedStateChange, diff --git a/src/components/chip/chip.stories.ts b/src/components/chip/chip.stories.ts index f255d13eab..9dd4e47bb2 100644 --- a/src/components/chip/chip.stories.ts +++ b/src/components/chip/chip.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/chip/chip.ts b/src/components/chip/chip.ts index e3f755d5d4..c6b48403b7 100644 --- a/src/components/chip/chip.ts +++ b/src/components/chip/chip.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import style from './chip.scss?lit&inline'; diff --git a/src/components/clock/clock.stories.ts b/src/components/clock/clock.stories.ts index f8dd9ea0b4..bbbc8fd435 100644 --- a/src/components/clock/clock.stories.ts +++ b/src/components/clock/clock.stories.ts @@ -1,7 +1,8 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/clock/clock.ts b/src/components/clock/clock.ts index 97490d4a04..0684b9dde4 100644 --- a/src/components/clock/clock.ts +++ b/src/components/clock/clock.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; diff --git a/src/components/core/a11y/focus-visible-within-controller.ts b/src/components/core/a11y/focus-visible-within-controller.ts index fb389b5e3b..7396902094 100644 --- a/src/components/core/a11y/focus-visible-within-controller.ts +++ b/src/components/core/a11y/focus-visible-within-controller.ts @@ -1,4 +1,4 @@ -import { ReactiveController, ReactiveControllerHost } from 'lit'; +import type { ReactiveController, ReactiveControllerHost } from 'lit'; import { toggleDatasetEntry } from '../dom'; diff --git a/src/components/core/common-behaviors/language-controller.spec.ts b/src/components/core/common-behaviors/language-controller.spec.ts index 0bc1bdc2f2..db71d63745 100644 --- a/src/components/core/common-behaviors/language-controller.spec.ts +++ b/src/components/core/common-behaviors/language-controller.spec.ts @@ -1,5 +1,5 @@ import { aTimeout, expect } from '@open-wc/testing'; -import { ReactiveControllerHost } from 'lit'; +import type { ReactiveControllerHost } from 'lit'; import { LanguageController } from './language-controller'; diff --git a/src/components/core/common-behaviors/language-controller.ts b/src/components/core/common-behaviors/language-controller.ts index f06f79711b..03f7df8662 100644 --- a/src/components/core/common-behaviors/language-controller.ts +++ b/src/components/core/common-behaviors/language-controller.ts @@ -1,4 +1,4 @@ -import { ReactiveController, ReactiveControllerHost } from 'lit'; +import type { ReactiveController, ReactiveControllerHost } from 'lit'; import { readConfig } from '../config'; import { isBrowser } from '../dom'; diff --git a/src/components/core/common-behaviors/named-slot-state-controller.ts b/src/components/core/common-behaviors/named-slot-state-controller.ts index 2f0dedf7ac..f951ccc24e 100644 --- a/src/components/core/common-behaviors/named-slot-state-controller.ts +++ b/src/components/core/common-behaviors/named-slot-state-controller.ts @@ -1,4 +1,4 @@ -import { ReactiveController, ReactiveControllerHost } from 'lit'; +import type { ReactiveController, ReactiveControllerHost } from 'lit'; /** * This controller checks for slotted children. From these it generates diff --git a/src/components/core/common-behaviors/slot-child-observer.ts b/src/components/core/common-behaviors/slot-child-observer.ts index 2e45095755..577c67cf1e 100644 --- a/src/components/core/common-behaviors/slot-child-observer.ts +++ b/src/components/core/common-behaviors/slot-child-observer.ts @@ -1,8 +1,8 @@ -import { LitElement, PropertyValues } from 'lit'; +import type { LitElement, PropertyValues } from 'lit'; import { ConnectedAbortController } from '../eventing'; -import { Constructor } from './constructor'; +import type { Constructor } from './constructor'; // Define the interface for the mixin export declare class SlotChildObserverType { diff --git a/src/components/core/common-behaviors/update-scheduler.ts b/src/components/core/common-behaviors/update-scheduler.ts index 9a802d8747..2e740352b1 100644 --- a/src/components/core/common-behaviors/update-scheduler.ts +++ b/src/components/core/common-behaviors/update-scheduler.ts @@ -1,6 +1,6 @@ -import { LitElement } from 'lit'; +import type { LitElement } from 'lit'; -import { Constructor } from './constructor'; +import type { Constructor } from './constructor'; // Define the interface for the mixin export declare class UpdateSchedulerType { diff --git a/src/components/core/datetime/native-date-adapter.ts b/src/components/core/datetime/native-date-adapter.ts index 9ae63cac02..460f51b588 100644 --- a/src/components/core/datetime/native-date-adapter.ts +++ b/src/components/core/datetime/native-date-adapter.ts @@ -1,7 +1,7 @@ import { LanguageController } from '../common-behaviors'; -import { SbbDateLike } from '../interfaces'; +import type { SbbDateLike } from '../interfaces'; -import { DateAdapter } from './date-adapter'; +import type { DateAdapter } from './date-adapter'; export const DAYS_PER_ROW: number = 7; export const MONTHS_PER_ROW: number = 4; diff --git a/src/components/core/dom/spread.spec.ts b/src/components/core/dom/spread.spec.ts index 0e34341560..abb2bcbef2 100644 --- a/src/components/core/dom/spread.spec.ts +++ b/src/components/core/dom/spread.spec.ts @@ -1,5 +1,6 @@ import { expect, fixture } from '@open-wc/testing'; -import { html, LitElement, render, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, LitElement, render } from 'lit'; import { sbbSpread } from './spread'; diff --git a/src/components/core/dom/spread.ts b/src/components/core/dom/spread.ts index 35d2ce9a44..58e705284d 100644 --- a/src/components/core/dom/spread.ts +++ b/src/components/core/dom/spread.ts @@ -1,5 +1,7 @@ -import { Directive, directive, DirectiveResult } from 'lit/directive.js'; -import { ElementPart, nothing, Part } from 'lit/html.js'; +import type { DirectiveResult } from 'lit/directive.js'; +import { Directive, directive } from 'lit/directive.js'; +import type { ElementPart, Part } from 'lit/html.js'; +import { nothing } from 'lit/html.js'; import { setAttributes } from './is-valid-attribute'; diff --git a/src/components/core/eventing/action-element-handlers.ts b/src/components/core/eventing/action-element-handlers.ts index 06c02c7347..4d466f752a 100644 --- a/src/components/core/eventing/action-element-handlers.ts +++ b/src/components/core/eventing/action-element-handlers.ts @@ -1,6 +1,6 @@ -import { IsStaticProperty, LinkButtonProperties } from '../interfaces'; +import type { IsStaticProperty, LinkButtonProperties } from '../interfaces'; -import { HandlerAspect } from './handler-repository'; +import type { HandlerAspect } from './handler-repository'; import { isEventPrevented } from './is-event-prevented'; /** diff --git a/src/components/core/eventing/connected-abort-controller.ts b/src/components/core/eventing/connected-abort-controller.ts index 783033f186..c955afa25a 100644 --- a/src/components/core/eventing/connected-abort-controller.ts +++ b/src/components/core/eventing/connected-abort-controller.ts @@ -1,4 +1,4 @@ -import { ReactiveController, ReactiveControllerHost } from 'lit'; +import type { ReactiveController, ReactiveControllerHost } from 'lit'; export class ConnectedAbortController implements ReactiveController { private _abortController = new AbortController(); diff --git a/src/components/core/eventing/form-element-handlers.ts b/src/components/core/eventing/form-element-handlers.ts index 1b9a7a72c1..b54378f0cc 100644 --- a/src/components/core/eventing/form-element-handlers.ts +++ b/src/components/core/eventing/form-element-handlers.ts @@ -1,4 +1,4 @@ -import { HandlerAspect } from './handler-repository'; +import type { HandlerAspect } from './handler-repository'; /** * Prevents scrolling from pressing Space diff --git a/src/components/core/interfaces/link-button-properties.spec.ts b/src/components/core/interfaces/link-button-properties.spec.ts index f93f74f3e8..41b747f038 100644 --- a/src/components/core/interfaces/link-button-properties.spec.ts +++ b/src/components/core/interfaces/link-button-properties.spec.ts @@ -1,9 +1,11 @@ import { expect } from '@open-wc/testing'; -import { +import type { ButtonProperties, LinkButtonProperties, LinkProperties, +} from './link-button-properties'; +import { resolveLinkOrStaticRenderVariables, resolveRenderVariables, } from './link-button-properties'; diff --git a/src/components/core/overlay/overlay.ts b/src/components/core/overlay/overlay.ts index bcb56d12aa..d2563aa6d5 100644 --- a/src/components/core/overlay/overlay.ts +++ b/src/components/core/overlay/overlay.ts @@ -1,4 +1,5 @@ -import { TemplateResult, html } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { toggleDatasetEntry } from '../dom'; diff --git a/src/components/core/overlay/position.spec.ts b/src/components/core/overlay/position.spec.ts index 48f4fa1c59..5edd78a1ec 100644 --- a/src/components/core/overlay/position.spec.ts +++ b/src/components/core/overlay/position.spec.ts @@ -1,5 +1,6 @@ import { expect } from '@open-wc/testing'; -import { createStubInstance, SinonStubbedInstance } from 'sinon'; +import type { SinonStubbedInstance } from 'sinon'; +import { createStubInstance } from 'sinon'; import { getElementPosition } from './position'; diff --git a/src/components/core/testing/test-setup.ts b/src/components/core/testing/test-setup.ts index d150431f24..d82fc3beaf 100644 --- a/src/components/core/testing/test-setup.ts +++ b/src/components/core/testing/test-setup.ts @@ -1,5 +1,6 @@ import { sbbInputModalityDetector } from '../a11y'; -import { mergeConfig, SbbIconConfig } from '../config'; +import type { SbbIconConfig } from '../config'; +import { mergeConfig } from '../config'; function setupIconConfig(): void { const icon: SbbIconConfig = { diff --git a/src/components/core/testing/wait-for-render.ts b/src/components/core/testing/wait-for-render.ts index 2b5b25596d..7ceb23f757 100644 --- a/src/components/core/testing/wait-for-render.ts +++ b/src/components/core/testing/wait-for-render.ts @@ -1,4 +1,4 @@ -import { ReactiveElement } from 'lit'; +import type { ReactiveElement } from 'lit'; /** * Tests if an element is a Lit `ReactiveElement`. diff --git a/src/components/core/timetable/access-leg-helper.spec.ts b/src/components/core/timetable/access-leg-helper.spec.ts index dcc8512154..307661c0c4 100644 --- a/src/components/core/timetable/access-leg-helper.spec.ts +++ b/src/components/core/timetable/access-leg-helper.spec.ts @@ -3,7 +3,7 @@ import { expect } from '@open-wc/testing'; import { defaultTrip, extendedEnterTimeTrip } from '../../timetable-row/timetable-row.sample-data'; import { getDepartureArrivalTimeAttribute } from './access-leg-helper'; -import { Leg } from './timetable-properties'; +import type { Leg } from './timetable-properties'; describe('getDepartureArrivalTimeAttribute', () => { it('should returns correct departure time attribute', () => { diff --git a/src/components/core/timetable/access-leg-helper.ts b/src/components/core/timetable/access-leg-helper.ts index fdc68f81e5..13a7c8062e 100644 --- a/src/components/core/timetable/access-leg-helper.ts +++ b/src/components/core/timetable/access-leg-helper.ts @@ -1,11 +1,12 @@ // This helper file contains several functions related to accessing attributes for the connections. -import { TemplateResult, html, nothing } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { i18nWalkingDistanceArrival, i18nWalkingDistanceDeparture } from '../i18n'; import { extractTimeAndStringFromNoticeText, isConnectionLeg, isRideLeg } from './timetable-helper'; -import { Leg, PtConnectionLeg, PtRideLeg } from './timetable-properties'; +import type { Leg, PtConnectionLeg, PtRideLeg } from './timetable-properties'; import '../../icon'; diff --git a/src/components/core/timetable/timetable-helper.spec.ts b/src/components/core/timetable/timetable-helper.spec.ts index 5c6486d869..6256c099c8 100644 --- a/src/components/core/timetable/timetable-helper.spec.ts +++ b/src/components/core/timetable/timetable-helper.spec.ts @@ -1,7 +1,7 @@ import { expect } from '@open-wc/testing'; import { extractTimeAndStringFromNoticeText } from './timetable-helper'; -import { Notice } from './timetable-properties'; +import type { Notice } from './timetable-properties'; describe('timetable-helper', () => { it('should return duration and text from notice', () => { diff --git a/src/components/core/timetable/timetable-helper.ts b/src/components/core/timetable/timetable-helper.ts index 59202f4da8..8263f0e6c3 100644 --- a/src/components/core/timetable/timetable-helper.ts +++ b/src/components/core/timetable/timetable-helper.ts @@ -1,6 +1,6 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Leg, Notice } from './timetable-properties'; +import type { Leg, Notice } from './timetable-properties'; export const isRideLeg = (leg: any): leg is Extract => { return leg?.__typename === 'PTRideLeg'; diff --git a/src/components/datepicker/datepicker-next-day/datepicker-next-day.e2e.ts b/src/components/datepicker/datepicker-next-day/datepicker-next-day.e2e.ts index c3dc4a37af..a2896a15d5 100644 --- a/src/components/datepicker/datepicker-next-day/datepicker-next-day.e2e.ts +++ b/src/components/datepicker/datepicker-next-day/datepicker-next-day.e2e.ts @@ -2,7 +2,7 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing'; -import { SbbFormFieldElement } from '../../form-field'; +import type { SbbFormFieldElement } from '../../form-field'; import type { SbbDatepickerElement } from '../datepicker'; import { SbbDatepickerNextDayElement } from './datepicker-next-day'; diff --git a/src/components/datepicker/datepicker-next-day/datepicker-next-day.spec.ts b/src/components/datepicker/datepicker-next-day/datepicker-next-day.spec.ts index 42441b4c28..200e6a37e4 100644 --- a/src/components/datepicker/datepicker-next-day/datepicker-next-day.spec.ts +++ b/src/components/datepicker/datepicker-next-day/datepicker-next-day.spec.ts @@ -1,7 +1,7 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbFormFieldElement } from '../../form-field'; +import type { SbbFormFieldElement } from '../../form-field'; import type { SbbDatepickerNextDayElement } from './datepicker-next-day'; diff --git a/src/components/datepicker/datepicker-next-day/datepicker-next-day.stories.ts b/src/components/datepicker/datepicker-next-day/datepicker-next-day.stories.ts index 85fd63e34b..9aaee1933d 100644 --- a/src/components/datepicker/datepicker-next-day/datepicker-next-day.stories.ts +++ b/src/components/datepicker/datepicker-next-day/datepicker-next-day.stories.ts @@ -1,8 +1,15 @@ import { withActions } from '@storybook/addon-actions/decorator'; -import { InputType } from '@storybook/types'; -import type { Meta, StoryObj, Decorator, StoryContext } from '@storybook/web-components'; -import { Args, ArgTypes } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { InputType } from '@storybook/types'; +import type { + Meta, + StoryObj, + Decorator, + StoryContext, + Args, + ArgTypes, +} from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/datepicker/datepicker-next-day/datepicker-next-day.ts b/src/components/datepicker/datepicker-next-day/datepicker-next-day.ts index 21daa857df..330d525d42 100644 --- a/src/components/datepicker/datepicker-next-day/datepicker-next-day.ts +++ b/src/components/datepicker/datepicker-next-day/datepicker-next-day.ts @@ -1,8 +1,10 @@ -import { CSSResultGroup, LitElement, PropertyValues, TemplateResult, html } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { LanguageController } from '../../core/common-behaviors'; -import { DateAdapter, defaultDateAdapter } from '../../core/datetime'; +import type { DateAdapter } from '../../core/datetime'; +import { defaultDateAdapter } from '../../core/datetime'; import { isValidAttribute, setAttribute, setAttributes, toggleDatasetEntry } from '../../core/dom'; import { ConnectedAbortController, @@ -10,14 +12,14 @@ import { actionElementHandlerAspect, } from '../../core/eventing'; import { i18nNextDay, i18nSelectNextDay, i18nToday } from '../../core/i18n'; -import { ButtonProperties, resolveButtonRenderVariables } from '../../core/interfaces'; +import type { ButtonProperties } from '../../core/interfaces'; +import { resolveButtonRenderVariables } from '../../core/interfaces'; import { - InputUpdateEvent, datepickerControlRegisteredEventFactory, findNextAvailableDate, getDatePicker, - type SbbDatepickerElement, } from '../datepicker'; +import type { InputUpdateEvent, SbbDatepickerElement } from '../datepicker'; import '../../icon'; import style from './datepicker-next-day.scss?lit&inline'; diff --git a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.e2e.ts b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.e2e.ts index acfae92ee8..caf733cc9d 100644 --- a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.e2e.ts +++ b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.e2e.ts @@ -2,7 +2,7 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing'; -import { SbbFormFieldElement } from '../../form-field'; +import type { SbbFormFieldElement } from '../../form-field'; import type { SbbDatepickerElement } from '../datepicker'; import { SbbDatepickerPreviousDayElement } from './datepicker-previous-day'; diff --git a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.spec.ts b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.spec.ts index 3d39199301..c7c1a7c281 100644 --- a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.spec.ts +++ b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.spec.ts @@ -1,7 +1,7 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbFormFieldElement } from '../../form-field'; +import type { SbbFormFieldElement } from '../../form-field'; import type { SbbDatepickerPreviousDayElement } from './datepicker-previous-day'; diff --git a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.stories.ts b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.stories.ts index 303d1bf378..a44aca9ac4 100644 --- a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.stories.ts +++ b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.stories.ts @@ -1,8 +1,15 @@ import { withActions } from '@storybook/addon-actions/decorator'; -import { InputType } from '@storybook/types'; -import type { Meta, StoryObj, Decorator, StoryContext } from '@storybook/web-components'; -import { Args, ArgTypes } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { InputType } from '@storybook/types'; +import type { + Meta, + StoryObj, + Decorator, + StoryContext, + Args, + ArgTypes, +} from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.ts b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.ts index 96f9b3921f..57ee78010b 100644 --- a/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.ts +++ b/src/components/datepicker/datepicker-previous-day/datepicker-previous-day.ts @@ -1,8 +1,10 @@ -import { CSSResultGroup, LitElement, PropertyValues, TemplateResult, html } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { LanguageController } from '../../core/common-behaviors'; -import { DateAdapter, defaultDateAdapter } from '../../core/datetime'; +import type { DateAdapter } from '../../core/datetime'; +import { defaultDateAdapter } from '../../core/datetime'; import { isValidAttribute, setAttribute, setAttributes, toggleDatasetEntry } from '../../core/dom'; import { ConnectedAbortController, @@ -10,14 +12,14 @@ import { actionElementHandlerAspect, } from '../../core/eventing'; import { i18nPreviousDay, i18nSelectPreviousDay, i18nToday } from '../../core/i18n'; -import { ButtonProperties, resolveButtonRenderVariables } from '../../core/interfaces'; +import type { ButtonProperties } from '../../core/interfaces'; +import { resolveButtonRenderVariables } from '../../core/interfaces'; import { - InputUpdateEvent, datepickerControlRegisteredEventFactory, findPreviousAvailableDate, getDatePicker, - type SbbDatepickerElement, } from '../datepicker'; +import type { InputUpdateEvent, SbbDatepickerElement } from '../datepicker'; import '../../icon'; import style from './datepicker-previous-day.scss?lit&inline'; diff --git a/src/components/datepicker/datepicker-toggle/datepicker-toggle.e2e.ts b/src/components/datepicker/datepicker-toggle/datepicker-toggle.e2e.ts index 07a957e2da..1c801f708e 100644 --- a/src/components/datepicker/datepicker-toggle/datepicker-toggle.e2e.ts +++ b/src/components/datepicker/datepicker-toggle/datepicker-toggle.e2e.ts @@ -1,10 +1,11 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbCalendarElement } from '../../calendar'; +import type { SbbCalendarElement } from '../../calendar'; import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing'; -import { SbbFormFieldElement } from '../../form-field'; -import { SbbTooltipTriggerElement, SbbTooltipElement } from '../../tooltip'; +import type { SbbFormFieldElement } from '../../form-field'; +import type { SbbTooltipTriggerElement } from '../../tooltip'; +import { SbbTooltipElement } from '../../tooltip'; import type { SbbDatepickerElement } from '../datepicker'; import { SbbDatepickerToggleElement } from './datepicker-toggle'; diff --git a/src/components/datepicker/datepicker-toggle/datepicker-toggle.spec.ts b/src/components/datepicker/datepicker-toggle/datepicker-toggle.spec.ts index 5f9db60593..639484ebbf 100644 --- a/src/components/datepicker/datepicker-toggle/datepicker-toggle.spec.ts +++ b/src/components/datepicker/datepicker-toggle/datepicker-toggle.spec.ts @@ -1,7 +1,7 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbFormFieldElement } from '../../form-field'; +import type { SbbFormFieldElement } from '../../form-field'; import type { SbbDatepickerToggleElement } from './datepicker-toggle'; diff --git a/src/components/datepicker/datepicker-toggle/datepicker-toggle.stories.ts b/src/components/datepicker/datepicker-toggle/datepicker-toggle.stories.ts index c9c0d80c98..392237cdbb 100644 --- a/src/components/datepicker/datepicker-toggle/datepicker-toggle.stories.ts +++ b/src/components/datepicker/datepicker-toggle/datepicker-toggle.stories.ts @@ -10,13 +10,14 @@ import type { StoryContext, } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, nothing, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../../storybook/testing/wait-for-components-ready'; import { waitForStablePosition } from '../../../storybook/testing/wait-for-stable-position'; import { sbbSpread } from '../../core/dom'; -import { SbbTooltipTriggerElement } from '../../tooltip'; +import type { SbbTooltipTriggerElement } from '../../tooltip'; import '../../form-field'; import '../datepicker'; diff --git a/src/components/datepicker/datepicker-toggle/datepicker-toggle.ts b/src/components/datepicker/datepicker-toggle/datepicker-toggle.ts index 55779defe9..d44ffe1b00 100644 --- a/src/components/datepicker/datepicker-toggle/datepicker-toggle.ts +++ b/src/components/datepicker/datepicker-toggle/datepicker-toggle.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, PropertyValues, TemplateResult } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -8,12 +9,8 @@ import { LanguageController } from '../../core/common-behaviors'; import { isValidAttribute, setAttribute } from '../../core/dom'; import { i18nShowCalendar } from '../../core/i18n'; import type { SbbTooltipElement, SbbTooltipTriggerElement } from '../../tooltip'; -import { - datepickerControlRegisteredEventFactory, - getDatePicker, - InputUpdateEvent, - type SbbDatepickerElement, -} from '../datepicker'; +import { datepickerControlRegisteredEventFactory, getDatePicker } from '../datepicker'; +import type { InputUpdateEvent, SbbDatepickerElement } from '../datepicker'; import '../../calendar'; import '../../tooltip'; diff --git a/src/components/datepicker/datepicker/datepicker.e2e.ts b/src/components/datepicker/datepicker/datepicker.e2e.ts index 5d43e3a877..7197a9b686 100644 --- a/src/components/datepicker/datepicker/datepicker.e2e.ts +++ b/src/components/datepicker/datepicker/datepicker.e2e.ts @@ -1,6 +1,6 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; -import { TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; import { html } from 'lit/static-html.js'; import { i18nDateChangedTo } from '../../core/i18n'; diff --git a/src/components/datepicker/datepicker/datepicker.spec.ts b/src/components/datepicker/datepicker/datepicker.spec.ts index 20580be984..92f67672db 100644 --- a/src/components/datepicker/datepicker/datepicker.spec.ts +++ b/src/components/datepicker/datepicker/datepicker.spec.ts @@ -3,10 +3,10 @@ import { html } from 'lit/static-html.js'; import { NativeDateAdapter } from '../../core/datetime'; import { findInput } from '../../core/dom'; -import { SbbFormFieldElement } from '../../form-field'; +import type { SbbFormFieldElement } from '../../form-field'; +import type { SbbDatepickerElement } from './datepicker'; import { - SbbDatepickerElement, getDatePicker, getAvailableDate, findPreviousAvailableDate, diff --git a/src/components/datepicker/datepicker/datepicker.stories.ts b/src/components/datepicker/datepicker/datepicker.stories.ts index 1cdd7817a5..570af98b57 100644 --- a/src/components/datepicker/datepicker/datepicker.stories.ts +++ b/src/components/datepicker/datepicker/datepicker.stories.ts @@ -1,10 +1,17 @@ import { withActions } from '@storybook/addon-actions/decorator'; import { userEvent, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; -import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components'; -import { StoryContext } from '@storybook/web-components'; +import type { + Args, + ArgTypes, + Decorator, + Meta, + StoryObj, + StoryContext, +} from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../../storybook/testing/wait-for-components-ready'; diff --git a/src/components/datepicker/datepicker/datepicker.ts b/src/components/datepicker/datepicker/datepicker.ts index 4d2badf3b3..11a9d1a505 100644 --- a/src/components/datepicker/datepicker/datepicker.ts +++ b/src/components/datepicker/datepicker/datepicker.ts @@ -1,9 +1,11 @@ -import { CSSResultGroup, LitElement, PropertyValues, TemplateResult, html } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { LanguageController } from '../../core/common-behaviors'; import { readConfig } from '../../core/config'; -import { DateAdapter, defaultDateAdapter } from '../../core/datetime'; +import type { DateAdapter } from '../../core/datetime'; +import { defaultDateAdapter } from '../../core/datetime'; import { findInput, findReferencedElement, @@ -12,7 +14,7 @@ import { } from '../../core/dom'; import { ConnectedAbortController, EventEmitter } from '../../core/eventing'; import { i18nDateChangedTo, i18nDatePickerPlaceholder } from '../../core/i18n'; -import { ValidationChangeEvent, SbbDateLike } from '../../core/interfaces'; +import type { ValidationChangeEvent, SbbDateLike } from '../../core/interfaces'; import { AgnosticMutationObserver } from '../../core/observers'; import type { SbbDatepickerNextDayElement } from '../datepicker-next-day'; import type { SbbDatepickerPreviousDayElement } from '../datepicker-previous-day'; diff --git a/src/components/dialog/dialog.stories.ts b/src/components/dialog/dialog.stories.ts index 611a502638..f24bdc084c 100644 --- a/src/components/dialog/dialog.stories.ts +++ b/src/components/dialog/dialog.stories.ts @@ -3,7 +3,8 @@ import { userEvent, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../storybook/testing/wait-for-components-ready'; diff --git a/src/components/dialog/dialog.ts b/src/components/dialog/dialog.ts index 368d15cef8..85c9f95ce6 100644 --- a/src/components/dialog/dialog.ts +++ b/src/components/dialog/dialog.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -14,7 +15,8 @@ import { import { EventEmitter } from '../core/eventing'; import { i18nCloseDialog, i18nDialog, i18nGoBack } from '../core/i18n'; import { AgnosticResizeObserver } from '../core/observers'; -import { applyInertMechanism, removeInertMechanism, SbbOverlayState } from '../core/overlay'; +import type { SbbOverlayState } from '../core/overlay'; +import { applyInertMechanism, removeInertMechanism } from '../core/overlay'; import type { TitleLevel } from '../title'; import '../button'; import '../title'; diff --git a/src/components/divider/divider.stories.ts b/src/components/divider/divider.stories.ts index 829540ca40..705aeb30d3 100644 --- a/src/components/divider/divider.stories.ts +++ b/src/components/divider/divider.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/divider/divider.ts b/src/components/divider/divider.ts index 970117ada1..807dc9c149 100644 --- a/src/components/divider/divider.ts +++ b/src/components/divider/divider.ts @@ -1,8 +1,9 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { setAttribute } from '../core/dom'; -import { SbbOrientation } from '../core/interfaces'; +import type { SbbOrientation } from '../core/interfaces'; import style from './divider.scss?lit&inline'; diff --git a/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.stories.ts b/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.stories.ts index 7b988f6db8..052d456f25 100644 --- a/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.stories.ts +++ b/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; diff --git a/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.ts b/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.ts index c9670acbfb..064dcbbc90 100644 --- a/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.ts +++ b/src/components/expansion-panel/expansion-panel-content/expansion-panel-content.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import { setAttribute } from '../../core/dom'; diff --git a/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.stories.ts b/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.stories.ts index 643af43fbc..8dda9bb9d3 100644 --- a/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.stories.ts +++ b/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; diff --git a/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.ts b/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.ts index 8b9b74bcc9..f64ced2de9 100644 --- a/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.ts +++ b/src/components/expansion-panel/expansion-panel-header/expansion-panel-header.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { NamedSlotStateController } from '../../core/common-behaviors'; diff --git a/src/components/expansion-panel/expansion-panel/expansion-panel.stories.ts b/src/components/expansion-panel/expansion-panel/expansion-panel.stories.ts index 6a09c95e9f..4bcf0e2d2e 100644 --- a/src/components/expansion-panel/expansion-panel/expansion-panel.stories.ts +++ b/src/components/expansion-panel/expansion-panel/expansion-panel.stories.ts @@ -1,5 +1,5 @@ import { withActions } from '@storybook/addon-actions/decorator'; -import { InputType } from '@storybook/types'; +import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, @@ -8,7 +8,8 @@ import type { Decorator, StoryContext, } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/expansion-panel/expansion-panel/expansion-panel.ts b/src/components/expansion-panel/expansion-panel/expansion-panel.ts index 614ac96ba0..99c15d7d2c 100644 --- a/src/components/expansion-panel/expansion-panel/expansion-panel.ts +++ b/src/components/expansion-panel/expansion-panel/expansion-panel.ts @@ -1,10 +1,11 @@ -import { CSSResultGroup, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; import { toggleDatasetEntry } from '../../core/dom'; import { EventEmitter, ConnectedAbortController } from '../../core/eventing'; -import { SbbOverlayState } from '../../core/overlay'; +import type { SbbOverlayState } from '../../core/overlay'; import type { TitleLevel } from '../../title'; import type { SbbExpansionPanelContentElement } from '../expansion-panel-content'; import type { SbbExpansionPanelHeaderElement } from '../expansion-panel-header'; diff --git a/src/components/file-selector/file-selector.e2e.ts b/src/components/file-selector/file-selector.e2e.ts index fb48b96268..12bac44a19 100644 --- a/src/components/file-selector/file-selector.e2e.ts +++ b/src/components/file-selector/file-selector.e2e.ts @@ -1,7 +1,7 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbButtonElement } from '../button'; +import type { SbbButtonElement } from '../button'; import { EventSpy, waitForLitRender } from '../core/testing'; import { SbbFileSelectorElement } from './file-selector'; diff --git a/src/components/file-selector/file-selector.stories.ts b/src/components/file-selector/file-selector.stories.ts index 8169a8e5bd..46b7d0de25 100644 --- a/src/components/file-selector/file-selector.stories.ts +++ b/src/components/file-selector/file-selector.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; -import { InputType } from '@storybook/types'; +import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; import type { SbbFormErrorElement } from '../form-error'; diff --git a/src/components/file-selector/file-selector.ts b/src/components/file-selector/file-selector.ts index 2e6b59cf0b..15db0c5376 100644 --- a/src/components/file-selector/file-selector.ts +++ b/src/components/file-selector/file-selector.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; import { html, unsafeStatic } from 'lit/static-html.js'; diff --git a/src/components/footer/footer.stories.ts b/src/components/footer/footer.stories.ts index b0a6fa1c4a..fc66bcf90f 100644 --- a/src/components/footer/footer.stories.ts +++ b/src/components/footer/footer.stories.ts @@ -8,7 +8,8 @@ import '../link'; import '../link-list'; import '../title'; import './footer'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/footer/footer.ts b/src/components/footer/footer.ts index aaf061dcb8..3159694cfb 100644 --- a/src/components/footer/footer.ts +++ b/src/components/footer/footer.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; diff --git a/src/components/form-error/form-error.stories.ts b/src/components/form-error/form-error.stories.ts index 4d31e393be..98010aacf3 100644 --- a/src/components/form-error/form-error.stories.ts +++ b/src/components/form-error/form-error.stories.ts @@ -1,7 +1,7 @@ import type { InputType } from '@storybook/types'; -import type { Meta, StoryContext, StoryObj } from '@storybook/web-components'; -import { Args, ArgTypes } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { Meta, StoryContext, StoryObj, Args, ArgTypes } from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/form-error/form-error.ts b/src/components/form-error/form-error.ts index e96fae6b19..da88588c19 100644 --- a/src/components/form-error/form-error.ts +++ b/src/components/form-error/form-error.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { assignId } from '../core/a11y'; diff --git a/src/components/form-field/form-field-clear/form-field-clear.stories.ts b/src/components/form-field/form-field-clear/form-field-clear.stories.ts index cd44097c46..4561f948df 100644 --- a/src/components/form-field/form-field-clear/form-field-clear.stories.ts +++ b/src/components/form-field/form-field-clear/form-field-clear.stories.ts @@ -8,7 +8,8 @@ import type { Args, StoryContext, } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/form-field/form-field-clear/form-field-clear.ts b/src/components/form-field/form-field-clear/form-field-clear.ts index bfe33b41ef..1188209b6e 100644 --- a/src/components/form-field/form-field-clear/form-field-clear.ts +++ b/src/components/form-field/form-field-clear/form-field-clear.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../../core/common-behaviors'; @@ -9,7 +10,8 @@ import { ConnectedAbortController, } from '../../core/eventing'; import { i18nClearInput } from '../../core/i18n'; -import { ButtonProperties, resolveButtonRenderVariables } from '../../core/interfaces'; +import type { ButtonProperties } from '../../core/interfaces'; +import { resolveButtonRenderVariables } from '../../core/interfaces'; import type { SbbFormFieldElement } from '../form-field'; import '../../icon'; diff --git a/src/components/form-field/form-field/form-field.stories.ts b/src/components/form-field/form-field/form-field.stories.ts index 6d00570a1f..c089d343d0 100644 --- a/src/components/form-field/form-field/form-field.stories.ts +++ b/src/components/form-field/form-field/form-field.stories.ts @@ -1,7 +1,7 @@ import type { InputType } from '@storybook/types'; -import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { StoryContext } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/form-field/form-field/form-field.ts b/src/components/form-field/form-field/form-field.ts index 21b3bc0fdf..4203dac820 100644 --- a/src/components/form-field/form-field/form-field.ts +++ b/src/components/form-field/form-field/form-field.ts @@ -1,7 +1,9 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; -import { SbbInputModality, sbbInputModalityDetector } from '../../core/a11y'; +import type { SbbInputModality } from '../../core/a11y'; +import { sbbInputModalityDetector } from '../../core/a11y'; import { LanguageController, NamedSlotStateController } from '../../core/common-behaviors'; import { isBrowser, isFirefox, isValidAttribute, toggleDatasetEntry } from '../../core/dom'; import { ConnectedAbortController } from '../../core/eventing'; diff --git a/src/components/header/header-action/header-action.stories.ts b/src/components/header/header-action/header-action.stories.ts index c73bc08af9..5783892db1 100644 --- a/src/components/header/header-action/header-action.stories.ts +++ b/src/components/header/header-action/header-action.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/header/header-action/header-action.ts b/src/components/header/header-action/header-action.ts index a9020423b2..8e9e8b4434 100644 --- a/src/components/header/header-action/header-action.ts +++ b/src/components/header/header-action/header-action.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -7,14 +8,13 @@ import { LanguageController } from '../../core/common-behaviors'; import { toggleDatasetEntry, isBreakpoint, setAttributes } from '../../core/dom'; import { HandlerRepository, actionElementHandlerAspect } from '../../core/eventing'; import { i18nTargetOpensInNewWindow } from '../../core/i18n'; -import { +import type { ButtonType, LinkButtonProperties, LinkTargetType, - resolveRenderVariables, - targetsNewWindow, SbbHorizontalFrom, } from '../../core/interfaces'; +import { resolveRenderVariables, targetsNewWindow } from '../../core/interfaces'; import { AgnosticResizeObserver } from '../../core/observers'; import '../../icon'; diff --git a/src/components/header/header/header.stories.ts b/src/components/header/header/header.stories.ts index c7c84f0e80..18518ead5d 100644 --- a/src/components/header/header/header.stories.ts +++ b/src/components/header/header/header.stories.ts @@ -3,7 +3,8 @@ import { userEvent, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../../storybook/testing/wait-for-components-ready'; diff --git a/src/components/header/header/header.ts b/src/components/header/header/header.ts index 02584d77db..01dee2e691 100644 --- a/src/components/header/header/header.ts +++ b/src/components/header/header/header.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { FocusHandler, FocusVisibleWithinController } from '../../core/a11y'; diff --git a/src/components/icon/icon-base.ts b/src/components/icon/icon-base.ts index e017351948..91b2ac48fd 100644 --- a/src/components/icon/icon-base.ts +++ b/src/components/icon/icon-base.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { property, state } from 'lit/decorators.js'; import { setAttribute } from '../core/dom'; diff --git a/src/components/icon/icon-request.ts b/src/components/icon/icon-request.ts index 865c9d4689..30e3af9f97 100644 --- a/src/components/icon/icon-request.ts +++ b/src/components/icon/icon-request.ts @@ -1,4 +1,5 @@ -import { readConfig, SbbIconConfig } from '../core/config'; +import type { SbbIconConfig } from '../core/config'; +import { readConfig } from '../core/config'; import { validateContent } from './icon-validate'; diff --git a/src/components/icon/icon.spec.ts b/src/components/icon/icon.spec.ts index ab24a03800..6b673f6eca 100644 --- a/src/components/icon/icon.spec.ts +++ b/src/components/icon/icon.spec.ts @@ -1,7 +1,8 @@ import { aTimeout, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbIconConfig, readConfig } from '../core/config'; +import type { SbbIconConfig } from '../core/config'; +import { readConfig } from '../core/config'; import { waitForLitRender } from '../core/testing'; import type { SbbIconElement } from './icon'; diff --git a/src/components/icon/icon.stories.ts b/src/components/icon/icon.stories.ts index 792c01f07b..bef11d7c11 100644 --- a/src/components/icon/icon.stories.ts +++ b/src/components/icon/icon.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/icon/icon.ts b/src/components/icon/icon.ts index f791abf755..da785aa5ed 100644 --- a/src/components/icon/icon.ts +++ b/src/components/icon/icon.ts @@ -1,4 +1,4 @@ -import { PropertyValues } from 'lit'; +import type { PropertyValues } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { SbbIconBase } from './icon-base'; diff --git a/src/components/image/image.stories.ts b/src/components/image/image.stories.ts index 11ba42f21c..77739384b8 100644 --- a/src/components/image/image.stories.ts +++ b/src/components/image/image.stories.ts @@ -1,7 +1,8 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; import images from '../core/images'; diff --git a/src/components/image/image.ts b/src/components/image/image.ts index bbeb979133..4ced971b54 100644 --- a/src/components/image/image.ts +++ b/src/components/image/image.ts @@ -16,17 +16,19 @@ import { SbbBreakpointUltraMax, SbbTypoScaleDefault, } from '@sbb-esta/lyne-design-tokens'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, eventOptions, property, state } from 'lit/decorators.js'; import { classMap } from 'lit/directives/class-map.js'; import { ref } from 'lit/directives/ref.js'; import { hostContext, isBrowser } from '../core/dom'; -import imageHelperGetBreakpoints, { +import type { InterfaceImageAttributes, InterfaceImageAttributesSizesConfigBreakpoint, } from './image.helper'; +import imageHelperGetBreakpoints from './image.helper'; import style from './image.scss?lit&inline'; const eventListenerOptions = { diff --git a/src/components/journey-header/journey-header.stories.ts b/src/components/journey-header/journey-header.stories.ts index 62228f4a8a..0c0ce59b87 100644 --- a/src/components/journey-header/journey-header.stories.ts +++ b/src/components/journey-header/journey-header.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/journey-header/journey-header.ts b/src/components/journey-header/journey-header.ts index 233750a6f8..77ab37eaea 100644 --- a/src/components/journey-header/journey-header.ts +++ b/src/components/journey-header/journey-header.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; diff --git a/src/components/journey-summary/journey-summary.stories.ts b/src/components/journey-summary/journey-summary.stories.ts index 77948853ca..7c14881c8d 100644 --- a/src/components/journey-summary/journey-summary.stories.ts +++ b/src/components/journey-summary/journey-summary.stories.ts @@ -1,7 +1,8 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/journey-summary/journey-summary.ts b/src/components/journey-summary/journey-summary.ts index e8b1adf130..baa9e51e1d 100644 --- a/src/components/journey-summary/journey-summary.ts +++ b/src/components/journey-summary/journey-summary.ts @@ -1,5 +1,6 @@ import { isValid, format } from 'date-fns'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; @@ -9,7 +10,7 @@ import { removeTimezoneFromISOTimeString, } from '../core/datetime'; import { i18nTripDuration } from '../core/i18n'; -import { Leg } from '../core/timetable'; +import type { Leg } from '../core/timetable'; import type { TitleLevel } from '../title'; import '../pearl-chain-time'; import '../journey-header'; diff --git a/src/components/link-list/link-list.stories.ts b/src/components/link-list/link-list.stories.ts index 96051384e0..453182c913 100644 --- a/src/components/link-list/link-list.stories.ts +++ b/src/components/link-list/link-list.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/link-list/link-list.ts b/src/components/link-list/link-list.ts index c563f64b7a..4b8eb35edf 100644 --- a/src/components/link-list/link-list.ts +++ b/src/components/link-list/link-list.ts @@ -1,9 +1,10 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { NamedSlotStateController, SlotChildObserver } from '../core/common-behaviors'; -import { SbbHorizontalFrom, SbbOrientation } from '../core/interfaces'; +import type { SbbHorizontalFrom, SbbOrientation } from '../core/interfaces'; import type { SbbLinkElement, SbbLinkSize } from '../link'; import type { TitleLevel } from '../title'; diff --git a/src/components/link/link.stories.ts b/src/components/link/link.stories.ts index e19341013f..587a26d9a3 100644 --- a/src/components/link/link.stories.ts +++ b/src/components/link/link.stories.ts @@ -8,7 +8,8 @@ import type { Decorator, StoryContext, } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/link/link.ts b/src/components/link/link.ts index 1810f4f9e5..cae8a1feca 100644 --- a/src/components/link/link.ts +++ b/src/components/link/link.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -7,16 +8,15 @@ import { LanguageController, NamedSlotStateController } from '../core/common-beh import { hostContext, ACTION_ELEMENTS, setAttributes } from '../core/dom'; import { HandlerRepository, actionElementHandlerAspect } from '../core/eventing'; import { i18nTargetOpensInNewWindow } from '../core/i18n'; -import { +import type { ButtonType, IsStaticProperty, LinkButtonProperties, LinkButtonRenderVariables, LinkTargetType, - resolveRenderVariables, - targetsNewWindow, SbbIconPlacement, } from '../core/interfaces'; +import { resolveRenderVariables, targetsNewWindow } from '../core/interfaces'; import '../icon'; import style from './link.scss?lit&inline'; diff --git a/src/components/loading-indicator/loading-indicator.stories.ts b/src/components/loading-indicator/loading-indicator.stories.ts index 62c013d790..e3fd08bb15 100644 --- a/src/components/loading-indicator/loading-indicator.stories.ts +++ b/src/components/loading-indicator/loading-indicator.stories.ts @@ -2,7 +2,8 @@ import { userEvent, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/loading-indicator/loading-indicator.ts b/src/components/loading-indicator/loading-indicator.ts index 143487cd74..907a968bb1 100644 --- a/src/components/loading-indicator/loading-indicator.ts +++ b/src/components/loading-indicator/loading-indicator.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { setAttribute } from '../core/dom'; diff --git a/src/components/logo/logo.stories.ts b/src/components/logo/logo.stories.ts index 72351cc1d2..615097b3e4 100644 --- a/src/components/logo/logo.stories.ts +++ b/src/components/logo/logo.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/logo/logo.ts b/src/components/logo/logo.ts index 49a4f7b20e..3afc1ce4d9 100644 --- a/src/components/logo/logo.ts +++ b/src/components/logo/logo.ts @@ -1,7 +1,8 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { SbbProtectiveRoom } from '../core/interfaces'; +import type { SbbProtectiveRoom } from '../core/interfaces'; import style from './logo.scss?lit&inline'; diff --git a/src/components/map-container/map-container.spec.ts b/src/components/map-container/map-container.spec.ts index 35e2ee9911..de6d347c0c 100644 --- a/src/components/map-container/map-container.spec.ts +++ b/src/components/map-container/map-container.spec.ts @@ -1,7 +1,7 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbMapContainerElement } from './map-container'; +import type { SbbMapContainerElement } from './map-container'; import '.'; describe('sbb-map-container', () => { diff --git a/src/components/map-container/map-container.stories.ts b/src/components/map-container/map-container.stories.ts index 6bea8f4409..6f06d11f7e 100644 --- a/src/components/map-container/map-container.stories.ts +++ b/src/components/map-container/map-container.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/map-container/map-container.ts b/src/components/map-container/map-container.ts index 9aea50185a..f7265482d2 100644 --- a/src/components/map-container/map-container.ts +++ b/src/components/map-container/map-container.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; diff --git a/src/components/menu/menu-action/menu-action.stories.ts b/src/components/menu/menu-action/menu-action.stories.ts index aa38d6e249..87ccd49764 100644 --- a/src/components/menu/menu-action/menu-action.stories.ts +++ b/src/components/menu/menu-action/menu-action.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/menu/menu-action/menu-action.ts b/src/components/menu/menu-action/menu-action.ts index fe5b9bf265..962c8bab77 100644 --- a/src/components/menu/menu-action/menu-action.ts +++ b/src/components/menu/menu-action/menu-action.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -7,14 +8,13 @@ import { LanguageController } from '../../core/common-behaviors'; import { setAttributes } from '../../core/dom'; import { HandlerRepository, actionElementHandlerAspect } from '../../core/eventing'; import { i18nTargetOpensInNewWindow } from '../../core/i18n'; -import { +import type { ButtonType, LinkButtonProperties, LinkButtonRenderVariables, LinkTargetType, - resolveRenderVariables, - targetsNewWindow, } from '../../core/interfaces'; +import { resolveRenderVariables, targetsNewWindow } from '../../core/interfaces'; import '../../icon'; import style from './menu-action.scss?lit&inline'; diff --git a/src/components/menu/menu/menu.stories.ts b/src/components/menu/menu/menu.stories.ts index 4f71a9f81a..7e8b7d7b5f 100644 --- a/src/components/menu/menu/menu.stories.ts +++ b/src/components/menu/menu/menu.stories.ts @@ -3,7 +3,8 @@ import { userEvent, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../../storybook/testing/wait-for-components-ready'; diff --git a/src/components/menu/menu/menu.ts b/src/components/menu/menu/menu.ts index 2b8c62dd4b..1a34659a0b 100644 --- a/src/components/menu/menu/menu.ts +++ b/src/components/menu/menu/menu.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -20,13 +21,13 @@ import { setAttribute, } from '../../core/dom'; import { EventEmitter, ConnectedAbortController } from '../../core/eventing'; +import type { SbbOverlayState } from '../../core/overlay'; import { applyInertMechanism, getElementPosition, isEventOnElement, removeAriaOverlayTriggerAttributes, removeInertMechanism, - SbbOverlayState, setAriaOverlayTriggerAttributes, } from '../../core/overlay'; import type { SbbMenuActionElement } from '../menu-action'; diff --git a/src/components/message/message.stories.ts b/src/components/message/message.stories.ts index 185b294d32..f2b5eff501 100644 --- a/src/components/message/message.stories.ts +++ b/src/components/message/message.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/message/message.ts b/src/components/message/message.ts index 94748b5afd..ec1f296f85 100644 --- a/src/components/message/message.ts +++ b/src/components/message/message.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import type { TitleLevel } from '../title'; diff --git a/src/components/navigation/navigation-action/navigation-action.stories.ts b/src/components/navigation/navigation-action/navigation-action.stories.ts index 6fe8790b63..3a4e5ffc40 100644 --- a/src/components/navigation/navigation-action/navigation-action.stories.ts +++ b/src/components/navigation/navigation-action/navigation-action.stories.ts @@ -1,7 +1,9 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; -import { StyleInfo, styleMap } from 'lit/directives/style-map.js'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; +import type { StyleInfo } from 'lit/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/navigation/navigation-action/navigation-action.ts b/src/components/navigation/navigation-action/navigation-action.ts index cc97a96072..2f7f653657 100644 --- a/src/components/navigation/navigation-action/navigation-action.ts +++ b/src/components/navigation/navigation-action/navigation-action.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -11,13 +12,8 @@ import { ConnectedAbortController, } from '../../core/eventing'; import { i18nTargetOpensInNewWindow } from '../../core/i18n'; -import { - ButtonType, - LinkButtonRenderVariables, - LinkTargetType, - resolveRenderVariables, - targetsNewWindow, -} from '../../core/interfaces'; +import type { ButtonType, LinkButtonRenderVariables, LinkTargetType } from '../../core/interfaces'; +import { resolveRenderVariables, targetsNewWindow } from '../../core/interfaces'; import type { SbbNavigationMarkerElement } from '../navigation-marker'; import style from './navigation-action.scss?lit&inline'; diff --git a/src/components/navigation/navigation-list/navigation-list.stories.ts b/src/components/navigation/navigation-list/navigation-list.stories.ts index 0ec60c6315..7def1acaf0 100644 --- a/src/components/navigation/navigation-list/navigation-list.stories.ts +++ b/src/components/navigation/navigation-list/navigation-list.stories.ts @@ -1,7 +1,9 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; -import { styleMap, StyleInfo } from 'lit/directives/style-map.js'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; +import type { StyleInfo } from 'lit/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/navigation/navigation-list/navigation-list.ts b/src/components/navigation/navigation-list/navigation-list.ts index 04b275e0ed..08b67ef680 100644 --- a/src/components/navigation/navigation-list/navigation-list.ts +++ b/src/components/navigation/navigation-list/navigation-list.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { NamedSlotStateController, SlotChildObserver } from '../../core/common-behaviors'; diff --git a/src/components/navigation/navigation-marker/navigation-marker.stories.ts b/src/components/navigation/navigation-marker/navigation-marker.stories.ts index 04742e168e..599c57ff88 100644 --- a/src/components/navigation/navigation-marker/navigation-marker.stories.ts +++ b/src/components/navigation/navigation-marker/navigation-marker.stories.ts @@ -1,7 +1,9 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; -import { StyleInfo, styleMap } from 'lit/directives/style-map.js'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; +import type { StyleInfo } from 'lit/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/navigation/navigation-marker/navigation-marker.ts b/src/components/navigation/navigation-marker/navigation-marker.ts index 5a56ab6047..b90e03be6c 100644 --- a/src/components/navigation/navigation-marker/navigation-marker.ts +++ b/src/components/navigation/navigation-marker/navigation-marker.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { SlotChildObserver } from '../../core/common-behaviors'; diff --git a/src/components/navigation/navigation-section/navigation-section.stories.ts b/src/components/navigation/navigation-section/navigation-section.stories.ts index 2d2fa21699..4f72c08ecd 100644 --- a/src/components/navigation/navigation-section/navigation-section.stories.ts +++ b/src/components/navigation/navigation-section/navigation-section.stories.ts @@ -3,7 +3,8 @@ import { userEvent, waitFor, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { waitForComponentsReady } from '../../../storybook/testing/wait-for-components-ready'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/navigation/navigation-section/navigation-section.ts b/src/components/navigation/navigation-section/navigation-section.ts index 982b620242..e5b41603de 100644 --- a/src/components/navigation/navigation-section/navigation-section.ts +++ b/src/components/navigation/navigation-section/navigation-section.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -21,9 +22,9 @@ import { setAttribute, } from '../../core/dom'; import { i18nGoBack } from '../../core/i18n'; +import type { SbbOverlayState } from '../../core/overlay'; import { removeAriaOverlayTriggerAttributes, - SbbOverlayState, setAriaOverlayTriggerAttributes, } from '../../core/overlay'; import type { SbbNavigationElement } from '../navigation'; diff --git a/src/components/navigation/navigation/navigation.e2e.ts b/src/components/navigation/navigation/navigation.e2e.ts index baef30ad17..10da9ee93b 100644 --- a/src/components/navigation/navigation/navigation.e2e.ts +++ b/src/components/navigation/navigation/navigation.e2e.ts @@ -3,7 +3,7 @@ import { sendKeys } from '@web/test-runner-commands'; import { html } from 'lit/static-html.js'; import '../navigation-marker'; -import { SbbButtonElement } from '../../button'; +import type { SbbButtonElement } from '../../button'; import { waitForCondition, waitForLitRender, EventSpy } from '../../core/testing'; import type { SbbNavigationActionElement } from '../navigation-action'; import '../navigation-action'; diff --git a/src/components/navigation/navigation/navigation.stories.ts b/src/components/navigation/navigation/navigation.stories.ts index bde55c1073..90353e992d 100644 --- a/src/components/navigation/navigation/navigation.stories.ts +++ b/src/components/navigation/navigation/navigation.stories.ts @@ -4,7 +4,8 @@ import { userEvent, waitFor, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { waitForComponentsReady } from '../../../storybook/testing/wait-for-components-ready'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/navigation/navigation/navigation.ts b/src/components/navigation/navigation/navigation.ts index 3f7099f0c7..d8a869b83b 100644 --- a/src/components/navigation/navigation/navigation.ts +++ b/src/components/navigation/navigation/navigation.ts @@ -1,4 +1,5 @@ -import { LitElement, CSSResultGroup, TemplateResult, html } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -13,11 +14,11 @@ import { import { EventEmitter, ConnectedAbortController } from '../../core/eventing'; import { i18nCloseNavigation } from '../../core/i18n'; import { AgnosticMutationObserver } from '../../core/observers'; +import type { SbbOverlayState } from '../../core/overlay'; import { removeAriaOverlayTriggerAttributes, setAriaOverlayTriggerAttributes, isEventOnElement, - SbbOverlayState, applyInertMechanism, removeInertMechanism, } from '../../core/overlay'; diff --git a/src/components/notification/notification.e2e.ts b/src/components/notification/notification.e2e.ts index df388b9ae1..d153d0dd2c 100644 --- a/src/components/notification/notification.e2e.ts +++ b/src/components/notification/notification.e2e.ts @@ -1,7 +1,7 @@ import { aTimeout, assert, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SbbButtonElement } from '../button'; +import type { SbbButtonElement } from '../button'; import { waitForCondition, EventSpy, waitForLitRender } from '../core/testing'; import { SbbNotificationElement } from './notification'; diff --git a/src/components/notification/notification.stories.ts b/src/components/notification/notification.stories.ts index b9c65db4ee..b8b9b7ecd7 100644 --- a/src/components/notification/notification.stories.ts +++ b/src/components/notification/notification.stories.ts @@ -2,7 +2,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components'; import isChromatic from 'chromatic/isChromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { ref } from 'lit/directives/ref.js'; import type { SbbButtonElement } from '../button'; diff --git a/src/components/notification/notification.ts b/src/components/notification/notification.ts index f958bbb408..be3117cbf3 100644 --- a/src/components/notification/notification.ts +++ b/src/components/notification/notification.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { LanguageController, NamedSlotStateController } from '../core/common-behaviors'; diff --git a/src/components/option/optgroup/optgroup.stories.ts b/src/components/option/optgroup/optgroup.stories.ts index 5136156c43..d327c81493 100644 --- a/src/components/option/optgroup/optgroup.stories.ts +++ b/src/components/option/optgroup/optgroup.stories.ts @@ -1,7 +1,14 @@ import type { InputType } from '@storybook/types'; -import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { StoryContext } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { + Meta, + StoryObj, + ArgTypes, + Args, + Decorator, + StoryContext, +} from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import readme from './readme.md?raw'; diff --git a/src/components/option/optgroup/optgroup.ts b/src/components/option/optgroup/optgroup.ts index 85265a1249..b7d07b335d 100644 --- a/src/components/option/optgroup/optgroup.ts +++ b/src/components/option/optgroup/optgroup.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { SlotChildObserver } from '../../core/common-behaviors'; diff --git a/src/components/option/option/option.stories.ts b/src/components/option/option/option.stories.ts index ff2893c2d5..e8cc5f599a 100644 --- a/src/components/option/option/option.stories.ts +++ b/src/components/option/option/option.stories.ts @@ -1,8 +1,16 @@ import type { InputType } from '@storybook/types'; -import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; -import { styleMap, StyleInfo } from 'lit/directives/style-map.js'; +import type { + Meta, + StoryObj, + ArgTypes, + Args, + Decorator, + StoryContext, +} from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; +import type { StyleInfo } from 'lit/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/option/option/option.ts b/src/components/option/option/option.ts index 32929b44ad..b32ef09355 100644 --- a/src/components/option/option/option.ts +++ b/src/components/option/option/option.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { assignId } from '../../core/a11y'; diff --git a/src/components/pearl-chain-time/pearl-chain-time.spec.ts b/src/components/pearl-chain-time/pearl-chain-time.spec.ts index 01f20e99d9..773cd8a48c 100644 --- a/src/components/pearl-chain-time/pearl-chain-time.spec.ts +++ b/src/components/pearl-chain-time/pearl-chain-time.spec.ts @@ -2,7 +2,7 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; import { waitForLitRender } from '../core/testing'; -import { PtRideLeg } from '../core/timetable'; +import type { PtRideLeg } from '../core/timetable'; import type { SbbPearlChainTimeElement } from './pearl-chain-time'; diff --git a/src/components/pearl-chain-time/pearl-chain-time.stories.ts b/src/components/pearl-chain-time/pearl-chain-time.stories.ts index 40ec2245cc..0c53607f15 100644 --- a/src/components/pearl-chain-time/pearl-chain-time.stories.ts +++ b/src/components/pearl-chain-time/pearl-chain-time.stories.ts @@ -1,7 +1,8 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; import { extendedLeg, progressLeg } from '../pearl-chain/pearl-chain.sample-data'; diff --git a/src/components/pearl-chain-time/pearl-chain-time.ts b/src/components/pearl-chain-time/pearl-chain-time.ts index 697435c768..2508039533 100644 --- a/src/components/pearl-chain-time/pearl-chain-time.ts +++ b/src/components/pearl-chain-time/pearl-chain-time.ts @@ -1,11 +1,13 @@ import { format } from 'date-fns'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; import { removeTimezoneFromISOTimeString } from '../core/datetime'; import { i18nDeparture, i18nArrival, i18nTransferProcedures } from '../core/i18n'; -import { getDepartureArrivalTimeAttribute, isRideLeg, Leg, PtRideLeg } from '../core/timetable'; +import type { Leg, PtRideLeg } from '../core/timetable'; +import { getDepartureArrivalTimeAttribute, isRideLeg } from '../core/timetable'; import '../pearl-chain'; import style from './pearl-chain-time.scss?lit&inline'; diff --git a/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.stories.ts b/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.stories.ts index 4089311d88..1dd710d5e8 100644 --- a/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.stories.ts +++ b/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.stories.ts @@ -1,5 +1,6 @@ import type { Args, Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import '../pearl-chain-vertical'; diff --git a/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.ts b/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.ts index 3f79517bc6..5f0c40b752 100644 --- a/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.ts +++ b/src/components/pearl-chain-vertical-item/pearl-chain-vertical-item.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import style from './pearl-chain-vertical-item.scss?lit&inline'; diff --git a/src/components/pearl-chain-vertical/pearl-chain-vertical.stories.ts b/src/components/pearl-chain-vertical/pearl-chain-vertical.stories.ts index 12ed4703f4..ddc565243e 100644 --- a/src/components/pearl-chain-vertical/pearl-chain-vertical.stories.ts +++ b/src/components/pearl-chain-vertical/pearl-chain-vertical.stories.ts @@ -1,7 +1,8 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import './pearl-chain-vertical'; diff --git a/src/components/pearl-chain-vertical/pearl-chain-vertical.ts b/src/components/pearl-chain-vertical/pearl-chain-vertical.ts index 59c49d5315..ddc422741f 100644 --- a/src/components/pearl-chain-vertical/pearl-chain-vertical.ts +++ b/src/components/pearl-chain-vertical/pearl-chain-vertical.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import style from './pearl-chain-vertical.scss?lit&inline'; diff --git a/src/components/pearl-chain/pearl-chain.spec.ts b/src/components/pearl-chain/pearl-chain.spec.ts index 6d31ed8d0f..86ccf23dcb 100644 --- a/src/components/pearl-chain/pearl-chain.spec.ts +++ b/src/components/pearl-chain/pearl-chain.spec.ts @@ -2,7 +2,7 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; import { waitForLitRender } from '../core/testing'; -import { PtRideLeg } from '../core/timetable'; +import type { PtRideLeg } from '../core/timetable'; import type { SbbPearlChainElement } from './pearl-chain'; diff --git a/src/components/pearl-chain/pearl-chain.stories.ts b/src/components/pearl-chain/pearl-chain.stories.ts index 3e3b8810ee..26b97db50a 100644 --- a/src/components/pearl-chain/pearl-chain.stories.ts +++ b/src/components/pearl-chain/pearl-chain.stories.ts @@ -1,7 +1,8 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/pearl-chain/pearl-chain.ts b/src/components/pearl-chain/pearl-chain.ts index 1915afb224..97b6cf9718 100644 --- a/src/components/pearl-chain/pearl-chain.ts +++ b/src/components/pearl-chain/pearl-chain.ts @@ -1,10 +1,12 @@ import { differenceInMinutes, isAfter, isBefore } from 'date-fns'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { styleMap } from 'lit/directives/style-map.js'; import { removeTimezoneFromISOTimeString } from '../core/datetime'; -import { isRideLeg, Leg, PtRideLeg } from '../core/timetable'; +import type { Leg, PtRideLeg } from '../core/timetable'; +import { isRideLeg } from '../core/timetable'; import style from './pearl-chain.scss?lit&inline'; diff --git a/src/components/radio-button/radio-button-group/radio-button-group.stories.ts b/src/components/radio-button/radio-button-group/radio-button-group.stories.ts index 72a0d5ce1e..7f8ac59212 100644 --- a/src/components/radio-button/radio-button-group/radio-button-group.stories.ts +++ b/src/components/radio-button/radio-button-group/radio-button-group.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; import type { SbbFormErrorElement } from '../../form-error'; diff --git a/src/components/radio-button/radio-button-group/radio-button-group.ts b/src/components/radio-button/radio-button-group/radio-button-group.ts index 6dfe23b712..65994c03ca 100644 --- a/src/components/radio-button/radio-button-group/radio-button-group.ts +++ b/src/components/radio-button/radio-button-group/radio-button-group.ts @@ -1,11 +1,12 @@ -import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { isArrowKeyPressed, getNextElementIndex, interactivityChecker } from '../../core/a11y'; import { NamedSlotStateController } from '../../core/common-behaviors'; import { toggleDatasetEntry, setAttribute } from '../../core/dom'; import { EventEmitter, ConnectedAbortController } from '../../core/eventing'; -import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces'; +import type { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces'; import type { SbbSelectionPanelElement } from '../../selection-panel'; import type { SbbRadioButtonElement, diff --git a/src/components/radio-button/radio-button/radio-button.stories.ts b/src/components/radio-button/radio-button/radio-button.stories.ts index 3a24a7aed4..abe380ee73 100644 --- a/src/components/radio-button/radio-button/radio-button.stories.ts +++ b/src/components/radio-button/radio-button/radio-button.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/radio-button/radio-button/radio-button.ts b/src/components/radio-button/radio-button/radio-button.ts index 011d03e33a..934aaf2d36 100644 --- a/src/components/radio-button/radio-button/radio-button.ts +++ b/src/components/radio-button/radio-button/radio-button.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { @@ -14,7 +15,7 @@ import { ConnectedAbortController, } from '../../core/eventing'; import { i18nCollapsed, i18nExpanded } from '../../core/i18n'; -import { +import type { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange, diff --git a/src/components/select/select.stories.ts b/src/components/select/select.stories.ts index 117560f2bb..98eed55cbd 100644 --- a/src/components/select/select.stories.ts +++ b/src/components/select/select.stories.ts @@ -10,8 +10,10 @@ import type { StoryContext, } from '@storybook/web-components'; import isChromatic from 'chromatic/isChromatic'; -import { html, nothing, TemplateResult } from 'lit'; -import { styleMap, StyleInfo } from 'lit/directives/style-map.js'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; +import type { StyleInfo } from 'lit/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../storybook/testing/wait-for-components-ready'; import { waitForStablePosition } from '../../storybook/testing/wait-for-stable-position'; diff --git a/src/components/select/select.ts b/src/components/select/select.ts index f773c56d84..3fb873c912 100644 --- a/src/components/select/select.ts +++ b/src/components/select/select.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -13,12 +14,8 @@ import { isNextjs, } from '../core/dom'; import { ConnectedAbortController, EventEmitter } from '../core/eventing'; -import { - setOverlayPosition, - isEventOnElement, - overlayGapFixCorners, - SbbOverlayState, -} from '../core/overlay'; +import type { SbbOverlayState } from '../core/overlay'; +import { setOverlayPosition, isEventOnElement, overlayGapFixCorners } from '../core/overlay'; import type { SbbOptionElement, SbbOptGroupElement } from '../option'; import style from './select.scss?lit&inline'; diff --git a/src/components/selection-panel/selection-panel.e2e.ts b/src/components/selection-panel/selection-panel.e2e.ts index 3a5a129462..451972e311 100644 --- a/src/components/selection-panel/selection-panel.e2e.ts +++ b/src/components/selection-panel/selection-panel.e2e.ts @@ -1,11 +1,13 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; -import { TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; import { html, unsafeStatic } from 'lit/static-html.js'; -import { SbbCheckboxElement, SbbCheckboxGroupElement } from '../checkbox'; +import type { SbbCheckboxGroupElement } from '../checkbox'; +import { SbbCheckboxElement } from '../checkbox'; import { EventSpy, waitForCondition, waitForLitRender } from '../core/testing'; -import { SbbRadioButtonElement, SbbRadioButtonGroupElement } from '../radio-button'; +import type { SbbRadioButtonGroupElement } from '../radio-button'; +import { SbbRadioButtonElement } from '../radio-button'; import { SbbSelectionPanelElement } from './selection-panel'; import '../link'; diff --git a/src/components/selection-panel/selection-panel.stories.ts b/src/components/selection-panel/selection-panel.stories.ts index cfb1202c70..c19bf8a060 100644 --- a/src/components/selection-panel/selection-panel.stories.ts +++ b/src/components/selection-panel/selection-panel.stories.ts @@ -2,8 +2,10 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; -import { styleMap, StyleInfo } from 'lit/directives/style-map.js'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; +import type { StyleInfo } from 'lit/directives/style-map.js'; +import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; import type { SbbFormErrorElement } from '../form-error'; diff --git a/src/components/selection-panel/selection-panel.ts b/src/components/selection-panel/selection-panel.ts index 00f280f600..825e5d831a 100644 --- a/src/components/selection-panel/selection-panel.ts +++ b/src/components/selection-panel/selection-panel.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; diff --git a/src/components/signet/signet.stories.ts b/src/components/signet/signet.stories.ts index 4a9e94d64a..23f0ab6110 100644 --- a/src/components/signet/signet.stories.ts +++ b/src/components/signet/signet.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/signet/signet.ts b/src/components/signet/signet.ts index 1729eeca01..4eeef69055 100644 --- a/src/components/signet/signet.ts +++ b/src/components/signet/signet.ts @@ -1,7 +1,8 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { SbbProtectiveRoom } from '../core/interfaces'; +import type { SbbProtectiveRoom } from '../core/interfaces'; import style from './signet.scss?lit&inline'; diff --git a/src/components/skiplink-list/skiplink-list.stories.ts b/src/components/skiplink-list/skiplink-list.stories.ts index cb3b106927..3ac50c3e1a 100644 --- a/src/components/skiplink-list/skiplink-list.stories.ts +++ b/src/components/skiplink-list/skiplink-list.stories.ts @@ -2,7 +2,8 @@ import { userEvent, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { waitForComponentsReady } from '../../storybook/testing/wait-for-components-ready'; import { waitForStablePosition } from '../../storybook/testing/wait-for-stable-position'; diff --git a/src/components/skiplink-list/skiplink-list.ts b/src/components/skiplink-list/skiplink-list.ts index 619dca97d6..6463c2e071 100644 --- a/src/components/skiplink-list/skiplink-list.ts +++ b/src/components/skiplink-list/skiplink-list.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ifDefined } from 'lit/directives/if-defined.js'; diff --git a/src/components/slider/slider.stories.ts b/src/components/slider/slider.stories.ts index 0f9cd503a3..db9430961b 100644 --- a/src/components/slider/slider.stories.ts +++ b/src/components/slider/slider.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/slider/slider.ts b/src/components/slider/slider.ts index 2321924539..5d12ee3911 100644 --- a/src/components/slider/slider.ts +++ b/src/components/slider/slider.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult, PropertyValues } from 'lit'; +import type { CSSResultGroup, TemplateResult, PropertyValues } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; import { styleMap } from 'lit/directives/style-map.js'; diff --git a/src/components/status/status.stories.ts b/src/components/status/status.stories.ts index 50721022b5..bfd56ed904 100644 --- a/src/components/status/status.stories.ts +++ b/src/components/status/status.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/status/status.ts b/src/components/status/status.ts index 1f662105cb..8a763b390c 100644 --- a/src/components/status/status.ts +++ b/src/components/status/status.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { NamedSlotStateController } from '../core/common-behaviors'; diff --git a/src/components/tabs/tab-group/tab-group.e2e.ts b/src/components/tabs/tab-group/tab-group.e2e.ts index a00d8b74c2..098b22655f 100644 --- a/src/components/tabs/tab-group/tab-group.e2e.ts +++ b/src/components/tabs/tab-group/tab-group.e2e.ts @@ -3,7 +3,7 @@ import { sendKeys } from '@web/test-runner-commands'; import { html } from 'lit/static-html.js'; import { EventSpy, waitForCondition } from '../../core/testing'; -import { SbbTabTitleElement } from '../tab-title'; +import type { SbbTabTitleElement } from '../tab-title'; import { SbbTabGroupElement } from './tab-group'; diff --git a/src/components/tabs/tab-group/tab-group.spec.ts b/src/components/tabs/tab-group/tab-group.spec.ts index 64542c8718..d494c2d472 100644 --- a/src/components/tabs/tab-group/tab-group.spec.ts +++ b/src/components/tabs/tab-group/tab-group.spec.ts @@ -3,7 +3,7 @@ import { html } from 'lit/static-html.js'; import { waitForLitRender } from '../../core/testing'; -import { SbbTabGroupElement } from './tab-group'; +import type { SbbTabGroupElement } from './tab-group'; import '.'; import '../tab-title'; diff --git a/src/components/tabs/tab-group/tab-group.stories.ts b/src/components/tabs/tab-group/tab-group.stories.ts index 8b13925d69..c9da132494 100644 --- a/src/components/tabs/tab-group/tab-group.stories.ts +++ b/src/components/tabs/tab-group/tab-group.stories.ts @@ -1,8 +1,15 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; -import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { + Meta, + StoryObj, + ArgTypes, + Args, + Decorator, + StoryContext, +} from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/tabs/tab-group/tab-group.ts b/src/components/tabs/tab-group/tab-group.ts index eefc6e862e..c16b415f71 100644 --- a/src/components/tabs/tab-group/tab-group.ts +++ b/src/components/tabs/tab-group/tab-group.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; diff --git a/src/components/tabs/tab-title/tab-title.stories.ts b/src/components/tabs/tab-title/tab-title.stories.ts index 3f4d65f97c..70d2cfe9a5 100644 --- a/src/components/tabs/tab-title/tab-title.stories.ts +++ b/src/components/tabs/tab-title/tab-title.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/tabs/tab-title/tab-title.ts b/src/components/tabs/tab-title/tab-title.ts index c7afd5d930..4538683100 100644 --- a/src/components/tabs/tab-title/tab-title.ts +++ b/src/components/tabs/tab-title/tab-title.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; diff --git a/src/components/tag/tag-group/tag-group.stories.ts b/src/components/tag/tag-group/tag-group.stories.ts index 09423c4e2d..4026b090d3 100644 --- a/src/components/tag/tag-group/tag-group.stories.ts +++ b/src/components/tag/tag-group/tag-group.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { repeat } from 'lit/directives/repeat.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/tag/tag-group/tag-group.ts b/src/components/tag/tag-group/tag-group.ts index b22b3fa97d..ac1ae58fd1 100644 --- a/src/components/tag/tag-group/tag-group.ts +++ b/src/components/tag/tag-group/tag-group.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult, nothing } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { SlotChildObserver } from '../../core/common-behaviors'; diff --git a/src/components/tag/tag/tag.stories.ts b/src/components/tag/tag/tag.stories.ts index 396193caa6..8f0b30e60c 100644 --- a/src/components/tag/tag/tag.stories.ts +++ b/src/components/tag/tag/tag.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/tag/tag/tag.ts b/src/components/tag/tag/tag.ts index 67a3a27b56..7e687cf43d 100644 --- a/src/components/tag/tag/tag.ts +++ b/src/components/tag/tag/tag.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, PropertyValues, TemplateResult } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { NamedSlotStateController } from '../../core/common-behaviors'; @@ -9,13 +10,13 @@ import { EventEmitter, ConnectedAbortController, } from '../../core/eventing'; -import { +import type { ButtonProperties, - resolveButtonRenderVariables, SbbCheckedStateChange, SbbStateChange, SbbValueStateChange, } from '../../core/interfaces'; +import { resolveButtonRenderVariables } from '../../core/interfaces'; import type { SbbTagGroupElement } from '../tag-group'; import style from './tag.scss?lit&inline'; diff --git a/src/components/teaser-hero/teaser-hero.stories.ts b/src/components/teaser-hero/teaser-hero.stories.ts index ea05fd03eb..91873163f2 100644 --- a/src/components/teaser-hero/teaser-hero.stories.ts +++ b/src/components/teaser-hero/teaser-hero.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; import sampleImages from '../core/images'; diff --git a/src/components/teaser-hero/teaser-hero.ts b/src/components/teaser-hero/teaser-hero.ts index b9b2548d98..0681e78df4 100644 --- a/src/components/teaser-hero/teaser-hero.ts +++ b/src/components/teaser-hero/teaser-hero.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -7,12 +8,8 @@ import { LanguageController } from '../core/common-behaviors'; import { setAttributes } from '../core/dom'; import { HandlerRepository, linkHandlerAspect } from '../core/eventing'; import { i18nTargetOpensInNewWindow } from '../core/i18n'; -import { - LinkProperties, - LinkTargetType, - resolveLinkOrStaticRenderVariables, - targetsNewWindow, -} from '../core/interfaces'; +import type { LinkProperties, LinkTargetType } from '../core/interfaces'; +import { resolveLinkOrStaticRenderVariables, targetsNewWindow } from '../core/interfaces'; import '../link'; import '../image'; diff --git a/src/components/teaser/teaser.e2e.ts b/src/components/teaser/teaser.e2e.ts index 9e9c376e4f..c6542fa8d0 100644 --- a/src/components/teaser/teaser.e2e.ts +++ b/src/components/teaser/teaser.e2e.ts @@ -3,7 +3,7 @@ import { html } from 'lit/static-html.js'; import { waitForLitRender } from '../core/testing'; -import { SbbTeaserElement } from './teaser'; +import type { SbbTeaserElement } from './teaser'; import '.'; describe('sbb-teaser', () => { diff --git a/src/components/teaser/teaser.stories.ts b/src/components/teaser/teaser.stories.ts index 96ad431cb0..1d9f6e9fec 100644 --- a/src/components/teaser/teaser.stories.ts +++ b/src/components/teaser/teaser.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { repeat } from 'lit/directives/repeat.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/teaser/teaser.ts b/src/components/teaser/teaser.ts index a381680a23..5498abdeb8 100644 --- a/src/components/teaser/teaser.ts +++ b/src/components/teaser/teaser.ts @@ -1,5 +1,6 @@ import { spread } from '@open-wc/lit-helpers'; -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -7,12 +8,8 @@ import { LanguageController } from '../core/common-behaviors'; import { setAttributes } from '../core/dom'; import { HandlerRepository, linkHandlerAspect } from '../core/eventing'; import { i18nTargetOpensInNewWindow } from '../core/i18n'; -import { - LinkProperties, - LinkTargetType, - resolveLinkOrStaticRenderVariables, - targetsNewWindow, -} from '../core/interfaces'; +import type { LinkProperties, LinkTargetType } from '../core/interfaces'; +import { resolveLinkOrStaticRenderVariables, targetsNewWindow } from '../core/interfaces'; import type { TitleLevel } from '../title'; import '../title'; diff --git a/src/components/time-input/time-input.e2e.ts b/src/components/time-input/time-input.e2e.ts index 7425092179..b291bde900 100644 --- a/src/components/time-input/time-input.e2e.ts +++ b/src/components/time-input/time-input.e2e.ts @@ -3,7 +3,7 @@ import { sendKeys } from '@web/test-runner-commands'; import { html } from 'lit/static-html.js'; import { i18nTimeInputChange } from '../core/i18n'; -import { ValidationChangeEvent } from '../core/interfaces'; +import type { ValidationChangeEvent } from '../core/interfaces'; import { EventSpy, waitForLitRender } from '../core/testing'; import { SbbTimeInputElement } from './time-input'; diff --git a/src/components/time-input/time-input.stories.ts b/src/components/time-input/time-input.stories.ts index 236e1ef02d..92f3354085 100644 --- a/src/components/time-input/time-input.stories.ts +++ b/src/components/time-input/time-input.stories.ts @@ -1,8 +1,15 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; -import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components'; -import { StoryContext } from '@storybook/web-components'; -import { html, nothing, TemplateResult } from 'lit'; +import type { + Args, + ArgTypes, + Decorator, + Meta, + StoryObj, + StoryContext, +} from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/time-input/time-input.ts b/src/components/time-input/time-input.ts index 60733f7b44..7ebe8ab2ae 100644 --- a/src/components/time-input/time-input.ts +++ b/src/components/time-input/time-input.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -6,7 +7,7 @@ import { LanguageController } from '../core/common-behaviors'; import { findInput, isValidAttribute, toggleDatasetEntry } from '../core/dom'; import { forwardEventToHost, EventEmitter } from '../core/eventing'; import { i18nTimeInputChange } from '../core/i18n'; -import { ValidationChangeEvent, SbbDateLike } from '../core/interfaces'; +import type { ValidationChangeEvent, SbbDateLike } from '../core/interfaces'; import style from './time-input.scss?lit&inline'; diff --git a/src/components/timetable-barrier-free/timetable-barrier-free.stories.ts b/src/components/timetable-barrier-free/timetable-barrier-free.stories.ts index a0c0ba01ab..d9f5e002b3 100644 --- a/src/components/timetable-barrier-free/timetable-barrier-free.stories.ts +++ b/src/components/timetable-barrier-free/timetable-barrier-free.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-barrier-free.sample-data'; diff --git a/src/components/timetable-barrier-free/timetable-barrier-free.ts b/src/components/timetable-barrier-free/timetable-barrier-free.ts index a646909794..91542b1c11 100644 --- a/src/components/timetable-barrier-free/timetable-barrier-free.ts +++ b/src/components/timetable-barrier-free/timetable-barrier-free.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; diff --git a/src/components/timetable-duration/timetable-duration.stories.ts b/src/components/timetable-duration/timetable-duration.stories.ts index 493e7db5c2..7c4970a47a 100644 --- a/src/components/timetable-duration/timetable-duration.stories.ts +++ b/src/components/timetable-duration/timetable-duration.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-duration.sample-data'; diff --git a/src/components/timetable-duration/timetable-duration.ts b/src/components/timetable-duration/timetable-duration.ts index c405cad308..d5e10a31ed 100644 --- a/src/components/timetable-duration/timetable-duration.ts +++ b/src/components/timetable-duration/timetable-duration.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; diff --git a/src/components/timetable-occupancy-icon/timetable-occupancy-icon.e2e.ts b/src/components/timetable-occupancy-icon/timetable-occupancy-icon.e2e.ts index be1ff8f284..b7f739e0ba 100644 --- a/src/components/timetable-occupancy-icon/timetable-occupancy-icon.e2e.ts +++ b/src/components/timetable-occupancy-icon/timetable-occupancy-icon.e2e.ts @@ -1,6 +1,7 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { SinonStub, stub } from 'sinon'; +import type { SinonStub } from 'sinon'; +import { stub } from 'sinon'; import { i18nOccupancy } from '../core/i18n'; diff --git a/src/components/timetable-occupancy-icon/timetable-occupancy-icon.stories.ts b/src/components/timetable-occupancy-icon/timetable-occupancy-icon.stories.ts index 9465d21380..fac10fcbca 100644 --- a/src/components/timetable-occupancy-icon/timetable-occupancy-icon.stories.ts +++ b/src/components/timetable-occupancy-icon/timetable-occupancy-icon.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType, StoryContext } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/timetable-occupancy-icon/timetable-occupancy-icon.ts b/src/components/timetable-occupancy-icon/timetable-occupancy-icon.ts index 9ca94df083..38b34b7831 100644 --- a/src/components/timetable-occupancy-icon/timetable-occupancy-icon.ts +++ b/src/components/timetable-occupancy-icon/timetable-occupancy-icon.ts @@ -1,10 +1,10 @@ -import { CSSResultGroup, PropertyValues } from 'lit'; +import type { CSSResultGroup, PropertyValues } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; import { ConnectedAbortController } from '../core/eventing'; import { i18nOccupancy } from '../core/i18n'; -import { SbbOccupancy } from '../core/interfaces'; +import type { SbbOccupancy } from '../core/interfaces'; import { SbbIconBase } from '../icon'; import style from './timetable-occupancy-icon.scss?lit&inline'; diff --git a/src/components/timetable-occupancy/timetable-occupancy.spec.ts b/src/components/timetable-occupancy/timetable-occupancy.spec.ts index d35ed352b4..7fdb916fb1 100644 --- a/src/components/timetable-occupancy/timetable-occupancy.spec.ts +++ b/src/components/timetable-occupancy/timetable-occupancy.spec.ts @@ -1,6 +1,6 @@ import { expect, fixture } from '@open-wc/testing'; -import { Args } from '@storybook/web-components'; -import { TemplateResult } from 'lit'; +import type { Args } from '@storybook/web-components'; +import type { TemplateResult } from 'lit'; import { html } from 'lit/static-html.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/timetable-occupancy/timetable-occupancy.stories.ts b/src/components/timetable-occupancy/timetable-occupancy.stories.ts index 72d06f5242..0c3b4245df 100644 --- a/src/components/timetable-occupancy/timetable-occupancy.stories.ts +++ b/src/components/timetable-occupancy/timetable-occupancy.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, Args, StoryContext, ArgTypes } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/timetable-occupancy/timetable-occupancy.ts b/src/components/timetable-occupancy/timetable-occupancy.ts index d1e72be2bc..5e2abd12bc 100644 --- a/src/components/timetable-occupancy/timetable-occupancy.ts +++ b/src/components/timetable-occupancy/timetable-occupancy.ts @@ -1,9 +1,10 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; import { i18nClass } from '../core/i18n'; -import { SbbOccupancy } from '../core/interfaces'; +import type { SbbOccupancy } from '../core/interfaces'; import '../timetable-occupancy-icon'; import style from './timetable-occupancy.scss?lit&inline'; diff --git a/src/components/timetable-park-and-rail/timetable-park-and-rail.stories.ts b/src/components/timetable-park-and-rail/timetable-park-and-rail.stories.ts index d2778d63a8..e36b373be7 100644 --- a/src/components/timetable-park-and-rail/timetable-park-and-rail.stories.ts +++ b/src/components/timetable-park-and-rail/timetable-park-and-rail.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-park-and-rail.sample-data'; diff --git a/src/components/timetable-park-and-rail/timetable-park-and-rail.ts b/src/components/timetable-park-and-rail/timetable-park-and-rail.ts index 654d133e17..d1d5270422 100644 --- a/src/components/timetable-park-and-rail/timetable-park-and-rail.ts +++ b/src/components/timetable-park-and-rail/timetable-park-and-rail.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; diff --git a/src/components/timetable-row-column-headers/timetable-row-column-headers.stories.ts b/src/components/timetable-row-column-headers/timetable-row-column-headers.stories.ts index b419c4ec35..c59b9c7b49 100644 --- a/src/components/timetable-row-column-headers/timetable-row-column-headers.stories.ts +++ b/src/components/timetable-row-column-headers/timetable-row-column-headers.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-row-column-headers.sample-data'; diff --git a/src/components/timetable-row-column-headers/timetable-row-column-headers.ts b/src/components/timetable-row-column-headers/timetable-row-column-headers.ts index 9e5e0df1b5..0da2b14818 100644 --- a/src/components/timetable-row-column-headers/timetable-row-column-headers.ts +++ b/src/components/timetable-row-column-headers/timetable-row-column-headers.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import style from './timetable-row-column-headers.scss?lit&inline'; diff --git a/src/components/timetable-row-day-change/timetable-row-day-change.stories.ts b/src/components/timetable-row-day-change/timetable-row-day-change.stories.ts index 6882ba9b42..7e38daa3c7 100644 --- a/src/components/timetable-row-day-change/timetable-row-day-change.stories.ts +++ b/src/components/timetable-row-day-change/timetable-row-day-change.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-row-day-change.sample-data'; diff --git a/src/components/timetable-row-day-change/timetable-row-day-change.ts b/src/components/timetable-row-day-change/timetable-row-day-change.ts index 72fbc6c0c1..9c20b83d4f 100644 --- a/src/components/timetable-row-day-change/timetable-row-day-change.ts +++ b/src/components/timetable-row-day-change/timetable-row-day-change.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; diff --git a/src/components/timetable-row-header/timetable-row-header.stories.ts b/src/components/timetable-row-header/timetable-row-header.stories.ts index 74c48a187d..95df111b71 100644 --- a/src/components/timetable-row-header/timetable-row-header.stories.ts +++ b/src/components/timetable-row-header/timetable-row-header.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-row-header.sample-data'; diff --git a/src/components/timetable-row-header/timetable-row-header.ts b/src/components/timetable-row-header/timetable-row-header.ts index efd081bf22..3edbf7fa7f 100644 --- a/src/components/timetable-row-header/timetable-row-header.ts +++ b/src/components/timetable-row-header/timetable-row-header.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import style from './timetable-row-header.scss?lit&inline'; diff --git a/src/components/timetable-row/timetable-row.sample-data.ts b/src/components/timetable-row/timetable-row.sample-data.ts index 1b8821d721..94de33e80b 100644 --- a/src/components/timetable-row/timetable-row.sample-data.ts +++ b/src/components/timetable-row/timetable-row.sample-data.ts @@ -1,4 +1,4 @@ -import { ITripItem } from '../core/timetable'; +import type { ITripItem } from '../core/timetable'; import { cancelledLeg, extendedLeg, diff --git a/src/components/timetable-row/timetable-row.spec.ts b/src/components/timetable-row/timetable-row.spec.ts index 337cc87d23..f5e23fddfe 100644 --- a/src/components/timetable-row/timetable-row.spec.ts +++ b/src/components/timetable-row/timetable-row.spec.ts @@ -2,10 +2,10 @@ import { expect, fixture } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; import { waitForLitRender } from '../core/testing'; -import { ITripItem, Notice, PtSituation } from '../core/timetable'; +import type { ITripItem, Notice, PtSituation } from '../core/timetable'; +import type { SbbTimetableRowElement } from './timetable-row'; import { - SbbTimetableRowElement, filterNotices, getCus, getHimIcon, diff --git a/src/components/timetable-row/timetable-row.stories.ts b/src/components/timetable-row/timetable-row.stories.ts index 1611c8f3b0..3753a98b45 100644 --- a/src/components/timetable-row/timetable-row.stories.ts +++ b/src/components/timetable-row/timetable-row.stories.ts @@ -2,7 +2,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/timetable-row/timetable-row.ts b/src/components/timetable-row/timetable-row.ts index 20e400811e..83707ab7e8 100644 --- a/src/components/timetable-row/timetable-row.ts +++ b/src/components/timetable-row/timetable-row.ts @@ -1,5 +1,6 @@ import { format } from 'date-fns'; -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; @@ -23,15 +24,8 @@ import { i18nTripDuration, i18nTripQuayChange, } from '../core/i18n'; -import { - getDepartureArrivalTimeAttribute, - isRideLeg, - ITripItem, - Notice, - PtRideLeg, - PtSituation, - VehicleModeEnum, -} from '../core/timetable'; +import type { ITripItem, Notice, PtRideLeg, PtSituation, VehicleModeEnum } from '../core/timetable'; +import { getDepartureArrivalTimeAttribute, isRideLeg } from '../core/timetable'; import '../card'; import '../icon'; import '../pearl-chain-time'; diff --git a/src/components/timetable-transportation-number/timetable-transportation-number.stories.ts b/src/components/timetable-transportation-number/timetable-transportation-number.stories.ts index ab66be2d69..4ec613d299 100644 --- a/src/components/timetable-transportation-number/timetable-transportation-number.stories.ts +++ b/src/components/timetable-transportation-number/timetable-transportation-number.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-transportation-number.sample-data'; diff --git a/src/components/timetable-transportation-number/timetable-transportation-number.ts b/src/components/timetable-transportation-number/timetable-transportation-number.ts index f77b73f06f..1f706b507a 100644 --- a/src/components/timetable-transportation-number/timetable-transportation-number.ts +++ b/src/components/timetable-transportation-number/timetable-transportation-number.ts @@ -1,7 +1,8 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { SbbTimetableAppearance } from '../core/interfaces'; +import type { SbbTimetableAppearance } from '../core/interfaces'; import icons from '../core/timetable/icons.json'; import style from './timetable-transportation-number.scss?lit&inline'; diff --git a/src/components/timetable-transportation-time/timetable-transportation-time.stories.ts b/src/components/timetable-transportation-time/timetable-transportation-time.stories.ts index abd727f5c2..e9a0fb27f6 100644 --- a/src/components/timetable-transportation-time/timetable-transportation-time.stories.ts +++ b/src/components/timetable-transportation-time/timetable-transportation-time.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-transportation-time.sample-data'; diff --git a/src/components/timetable-transportation-time/timetable-transportation-time.ts b/src/components/timetable-transportation-time/timetable-transportation-time.ts index cd19b4e4a5..0d6fabae7c 100644 --- a/src/components/timetable-transportation-time/timetable-transportation-time.ts +++ b/src/components/timetable-transportation-time/timetable-transportation-time.ts @@ -1,9 +1,10 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; import { i18nArrival, i18nDeparture } from '../core/i18n'; -import { SbbTimetableAppearance } from '../core/interfaces'; +import type { SbbTimetableAppearance } from '../core/interfaces'; import style from './timetable-transportation-time.scss?lit&inline'; diff --git a/src/components/timetable-travel-hints/timetable-travel-hints.stories.ts b/src/components/timetable-travel-hints/timetable-travel-hints.stories.ts index 6cd7ac1408..144555c158 100644 --- a/src/components/timetable-travel-hints/timetable-travel-hints.stories.ts +++ b/src/components/timetable-travel-hints/timetable-travel-hints.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import sampleData from './timetable-travel-hints.sample-data'; diff --git a/src/components/timetable-travel-hints/timetable-travel-hints.ts b/src/components/timetable-travel-hints/timetable-travel-hints.ts index ca89eec502..980587329b 100644 --- a/src/components/timetable-travel-hints/timetable-travel-hints.ts +++ b/src/components/timetable-travel-hints/timetable-travel-hints.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { LanguageController } from '../core/common-behaviors'; diff --git a/src/components/title/title.stories.ts b/src/components/title/title.stories.ts index cb1a164253..6284d49f19 100644 --- a/src/components/title/title.stories.ts +++ b/src/components/title/title.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/title/title.ts b/src/components/title/title.ts index b8d1b733d2..bf355f4941 100644 --- a/src/components/title/title.ts +++ b/src/components/title/title.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; diff --git a/src/components/toast/toast.stories.ts b/src/components/toast/toast.stories.ts index 9cf3634f3f..c7b954c696 100644 --- a/src/components/toast/toast.stories.ts +++ b/src/components/toast/toast.stories.ts @@ -3,7 +3,8 @@ import { within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, nothing, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html, nothing } from 'lit'; import { waitForComponentsReady } from '../../storybook/testing/wait-for-components-ready'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/toast/toast.ts b/src/components/toast/toast.ts index d9b9b15b8f..ff7be08da4 100644 --- a/src/components/toast/toast.ts +++ b/src/components/toast/toast.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import type { SbbButtonElement } from '../button'; @@ -6,7 +7,7 @@ import { LanguageController, NamedSlotStateController } from '../core/common-beh import { isFirefox, isValidAttribute, setAttribute } from '../core/dom'; import { composedPathHasAttribute, EventEmitter, ConnectedAbortController } from '../core/eventing'; import { i18nCloseAlert } from '../core/i18n'; -import { SbbOverlayState } from '../core/overlay'; +import type { SbbOverlayState } from '../core/overlay'; import type { SbbLinkElement } from '../link'; import '../button'; import '../icon'; diff --git a/src/components/toggle-check/toggle-check.stories.ts b/src/components/toggle-check/toggle-check.stories.ts index 9149aec9fa..9c5df2c638 100644 --- a/src/components/toggle-check/toggle-check.stories.ts +++ b/src/components/toggle-check/toggle-check.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/toggle-check/toggle-check.ts b/src/components/toggle-check/toggle-check.ts index 447ba4cb2f..2c74b6f754 100644 --- a/src/components/toggle-check/toggle-check.ts +++ b/src/components/toggle-check/toggle-check.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { findShadowInput, setAttributes } from '../core/dom'; diff --git a/src/components/toggle/toggle-option/toggle-option.stories.ts b/src/components/toggle/toggle-option/toggle-option.stories.ts index efe79136d1..565aa6590e 100644 --- a/src/components/toggle/toggle-option/toggle-option.stories.ts +++ b/src/components/toggle/toggle-option/toggle-option.stories.ts @@ -1,7 +1,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/toggle/toggle-option/toggle-option.ts b/src/components/toggle/toggle-option/toggle-option.ts index c0669cb22b..120275ee3a 100644 --- a/src/components/toggle/toggle-option/toggle-option.ts +++ b/src/components/toggle/toggle-option/toggle-option.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, TemplateResult, html, nothing } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, html, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { NamedSlotStateController } from '../../core/common-behaviors'; diff --git a/src/components/toggle/toggle/toggle.stories.ts b/src/components/toggle/toggle/toggle.stories.ts index 789b55fa4c..3ccf05aaed 100644 --- a/src/components/toggle/toggle/toggle.stories.ts +++ b/src/components/toggle/toggle/toggle.stories.ts @@ -2,7 +2,8 @@ import { withActions } from '@storybook/addon-actions/decorator'; import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, Decorator } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/toggle/toggle/toggle.ts b/src/components/toggle/toggle/toggle.ts index 1fbebcc20e..d85ede8f38 100644 --- a/src/components/toggle/toggle/toggle.ts +++ b/src/components/toggle/toggle/toggle.ts @@ -1,11 +1,16 @@ -import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; import { isArrowKeyPressed, getNextElementIndex, interactivityChecker } from '../../core/a11y'; import { toggleDatasetEntry, setAttribute, isBrowser } from '../../core/dom'; import { EventEmitter, ConnectedAbortController } from '../../core/eventing'; -import { SbbCheckedStateChange, SbbStateChange, SbbValueStateChange } from '../../core/interfaces'; +import type { + SbbCheckedStateChange, + SbbStateChange, + SbbValueStateChange, +} from '../../core/interfaces'; import { AgnosticResizeObserver } from '../../core/observers'; import type { SbbToggleOptionElement } from '../toggle-option'; diff --git a/src/components/tooltip/tooltip-trigger/tooltip-trigger.stories.ts b/src/components/tooltip/tooltip-trigger/tooltip-trigger.stories.ts index c364380082..579a0e1e2e 100644 --- a/src/components/tooltip/tooltip-trigger/tooltip-trigger.stories.ts +++ b/src/components/tooltip/tooltip-trigger/tooltip-trigger.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/tooltip/tooltip-trigger/tooltip-trigger.ts b/src/components/tooltip/tooltip-trigger/tooltip-trigger.ts index 2b0d21dba3..14386b807b 100644 --- a/src/components/tooltip/tooltip-trigger/tooltip-trigger.ts +++ b/src/components/tooltip/tooltip-trigger/tooltip-trigger.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, TemplateResult, html, nothing } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, html, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import { hostContext, isValidAttribute, setAttributes, toggleDatasetEntry } from '../../core/dom'; diff --git a/src/components/tooltip/tooltip/tooltip.e2e.ts b/src/components/tooltip/tooltip/tooltip.e2e.ts index 03b6eb833e..fd48cfbfc2 100644 --- a/src/components/tooltip/tooltip/tooltip.e2e.ts +++ b/src/components/tooltip/tooltip/tooltip.e2e.ts @@ -2,7 +2,7 @@ import { assert, expect, fixture, fixtureCleanup } from '@open-wc/testing'; import { sendKeys, sendMouse, setViewport } from '@web/test-runner-commands'; import { html } from 'lit/static-html.js'; -import { SbbButtonElement } from '../../button'; +import type { SbbButtonElement } from '../../button'; import { waitForCondition, waitForLitRender, EventSpy } from '../../core/testing'; import '../../link'; diff --git a/src/components/tooltip/tooltip/tooltip.stories.ts b/src/components/tooltip/tooltip/tooltip.stories.ts index 65dfb37f7b..f37babdf63 100644 --- a/src/components/tooltip/tooltip/tooltip.stories.ts +++ b/src/components/tooltip/tooltip/tooltip.stories.ts @@ -3,7 +3,8 @@ import { userEvent, within } from '@storybook/testing-library'; import type { InputType } from '@storybook/types'; import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { waitForComponentsReady } from '../../../storybook/testing/wait-for-components-ready'; diff --git a/src/components/tooltip/tooltip/tooltip.ts b/src/components/tooltip/tooltip/tooltip.ts index d9ce9f0368..d676cb2ed8 100644 --- a/src/components/tooltip/tooltip/tooltip.ts +++ b/src/components/tooltip/tooltip/tooltip.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, PropertyValues, TemplateResult, html, nothing } from 'lit'; +import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; +import { LitElement, html, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; @@ -13,9 +14,8 @@ import { LanguageController } from '../../core/common-behaviors'; import { findReferencedElement, isValidAttribute, setAttribute } from '../../core/dom'; import { EventEmitter, composedPathHasAttribute } from '../../core/eventing'; import { i18nCloseTooltip } from '../../core/i18n'; +import type { Alignment, SbbOverlayState } from '../../core/overlay'; import { - Alignment, - SbbOverlayState, getElementPosition, isEventOnElement, removeAriaOverlayTriggerAttributes, diff --git a/src/components/train/train-blocked-passage/train-blocked-passage.stories.ts b/src/components/train/train-blocked-passage/train-blocked-passage.stories.ts index 0763d323e5..cf5ad28c48 100644 --- a/src/components/train/train-blocked-passage/train-blocked-passage.stories.ts +++ b/src/components/train/train-blocked-passage/train-blocked-passage.stories.ts @@ -1,5 +1,6 @@ import type { Args, Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/train/train-blocked-passage/train-blocked-passage.ts b/src/components/train/train-blocked-passage/train-blocked-passage.ts index ac7c80eba1..a56d154f05 100644 --- a/src/components/train/train-blocked-passage/train-blocked-passage.ts +++ b/src/components/train/train-blocked-passage/train-blocked-passage.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; import style from './train-blocked-passage.scss?lit&inline'; diff --git a/src/components/train/train-formation/train-formation.e2e.ts b/src/components/train/train-formation/train-formation.e2e.ts index fb0605026d..f562263665 100644 --- a/src/components/train/train-formation/train-formation.e2e.ts +++ b/src/components/train/train-formation/train-formation.e2e.ts @@ -1,5 +1,5 @@ import { assert, expect, fixture } from '@open-wc/testing'; -import { TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; import { html } from 'lit/static-html.js'; import { waitForLitRender } from '../../core/testing'; diff --git a/src/components/train/train-formation/train-formation.stories.ts b/src/components/train/train-formation/train-formation.stories.ts index 2f9edbf32e..3773afa7d5 100644 --- a/src/components/train/train-formation/train-formation.stories.ts +++ b/src/components/train/train-formation/train-formation.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/train/train-formation/train-formation.ts b/src/components/train/train-formation/train-formation.ts index e5295a943f..9ebbb2552a 100644 --- a/src/components/train/train-formation/train-formation.ts +++ b/src/components/train/train-formation/train-formation.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { ref } from 'lit/directives/ref.js'; diff --git a/src/components/train/train-wagon/train-wagon.spec.ts b/src/components/train/train-wagon/train-wagon.spec.ts index cee3f69b34..2d0ee4d592 100644 --- a/src/components/train/train-wagon/train-wagon.spec.ts +++ b/src/components/train/train-wagon/train-wagon.spec.ts @@ -3,7 +3,7 @@ import { html } from 'lit/static-html.js'; import { waitForLitRender } from '../../core/testing'; -import { SbbTrainWagonElement } from './train-wagon'; +import type { SbbTrainWagonElement } from './train-wagon'; import '.'; import '../../icon'; import '../../timetable-occupancy-icon'; diff --git a/src/components/train/train-wagon/train-wagon.stories.ts b/src/components/train/train-wagon/train-wagon.stories.ts index 96300f0576..cf57e4d3c8 100644 --- a/src/components/train/train-wagon/train-wagon.stories.ts +++ b/src/components/train/train-wagon/train-wagon.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/train/train-wagon/train-wagon.ts b/src/components/train/train-wagon/train-wagon.ts index 40ab2c91a6..41e02a651c 100644 --- a/src/components/train/train-wagon/train-wagon.ts +++ b/src/components/train/train-wagon/train-wagon.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; @@ -15,7 +16,7 @@ import { i18nWagonLabel, i18nWagonLabelNumber, } from '../../core/i18n'; -import { SbbOccupancy } from '../../core/interfaces'; +import type { SbbOccupancy } from '../../core/interfaces'; import type { SbbIconElement } from '../../icon'; import '../../timetable-occupancy-icon'; diff --git a/src/components/train/train/train.stories.ts b/src/components/train/train/train.stories.ts index 54049836f9..86a1167d32 100644 --- a/src/components/train/train/train.stories.ts +++ b/src/components/train/train/train.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { sbbSpread } from '../../core/dom'; diff --git a/src/components/train/train/train.ts b/src/components/train/train/train.ts index e7e1d228b7..f5c98d0e75 100644 --- a/src/components/train/train/train.ts +++ b/src/components/train/train/train.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, LitElement, nothing, TemplateResult } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { LitElement, nothing } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; import { html, unsafeStatic } from 'lit/static-html.js'; diff --git a/src/components/visual-checkbox/visual-checkbox.stories.ts b/src/components/visual-checkbox/visual-checkbox.stories.ts index 01cce61a36..555fb6328b 100644 --- a/src/components/visual-checkbox/visual-checkbox.stories.ts +++ b/src/components/visual-checkbox/visual-checkbox.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args, StoryContext } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import { sbbSpread } from '../core/dom'; diff --git a/src/components/visual-checkbox/visual-checkbox.ts b/src/components/visual-checkbox/visual-checkbox.ts index 3c2b984220..85bc3df2ef 100644 --- a/src/components/visual-checkbox/visual-checkbox.ts +++ b/src/components/visual-checkbox/visual-checkbox.ts @@ -1,4 +1,5 @@ -import { CSSResultGroup, html, LitElement, TemplateResult, nothing } from 'lit'; +import type { CSSResultGroup, TemplateResult } from 'lit'; +import { html, LitElement, nothing } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import style from './visual-checkbox.scss?lit&inline'; diff --git a/src/components/vite.config.ts b/src/components/vite.config.ts index 66ea9b6ca7..8d1631133c 100644 --- a/src/components/vite.config.ts +++ b/src/components/vite.config.ts @@ -2,7 +2,8 @@ import { dirname, join } from 'path'; import { cli } from '@custom-elements-manifest/analyzer/cli'; import * as sass from 'sass'; -import { PluginOption, ResolvedConfig, UserConfig, defineConfig, mergeConfig } from 'vite'; +import type { PluginOption, ResolvedConfig, UserConfig } from 'vite'; +import { defineConfig, mergeConfig } from 'vite'; import dts from 'vite-plugin-dts'; import rootConfig, { diff --git a/src/react/core/ssr-extensions.ts b/src/react/core/ssr-extensions.ts index 298f35d198..abfd212451 100644 --- a/src/react/core/ssr-extensions.ts +++ b/src/react/core/ssr-extensions.ts @@ -1,11 +1,6 @@ import { isServer } from 'lit'; -import react, { - Children, - ComponentType, - JSXElementConstructor, - ReactNode, - isValidElement, -} from 'react'; +import type { ComponentType, JSXElementConstructor, ReactNode } from 'react'; +import react, { Children, isValidElement } from 'react'; type WithChildren = T & { children: ReactNode[] }; diff --git a/src/react/vite.config.ts b/src/react/vite.config.ts index 9c41201540..282b31d201 100644 --- a/src/react/vite.config.ts +++ b/src/react/vite.config.ts @@ -18,7 +18,8 @@ import type { Module, Package, } from 'custom-elements-manifest/schema'; -import { PluginOption, UserConfig, defineConfig, mergeConfig } from 'vite'; +import type { PluginOption, UserConfig } from 'vite'; +import { defineConfig, mergeConfig } from 'vite'; import dts from 'vite-plugin-dts'; import rootConfig, { diff --git a/src/storybook/pages/home/home--logged-in.stories.ts b/src/storybook/pages/home/home--logged-in.stories.ts index 2925933a43..7339070a7b 100644 --- a/src/storybook/pages/home/home--logged-in.stories.ts +++ b/src/storybook/pages/home/home--logged-in.stories.ts @@ -1,7 +1,8 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import type { SbbDialogElement } from '../../../components/dialog'; diff --git a/src/storybook/pages/home/home.common.ts b/src/storybook/pages/home/home.common.ts index ac574fe0fc..9986f69da4 100644 --- a/src/storybook/pages/home/home.common.ts +++ b/src/storybook/pages/home/home.common.ts @@ -1,6 +1,7 @@ -import { StoryContext } from '@storybook/web-components'; +import type { StoryContext } from '@storybook/web-components'; import isChromatic from 'chromatic'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { ref } from 'lit/directives/ref.js'; import { sbbSpread } from '../../../components/core/dom'; diff --git a/src/storybook/pages/home/home.stories.ts b/src/storybook/pages/home/home.stories.ts index d1b84f9301..d634bed721 100644 --- a/src/storybook/pages/home/home.stories.ts +++ b/src/storybook/pages/home/home.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { styleMap } from 'lit/directives/style-map.js'; import '../../../components/alert'; diff --git a/src/storybook/styles/layout/layout.stories.ts b/src/storybook/styles/layout/layout.stories.ts index 402d2e49f0..2f64558d7a 100644 --- a/src/storybook/styles/layout/layout.stories.ts +++ b/src/storybook/styles/layout/layout.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import { repeat } from 'lit/directives/repeat.js'; import '../../../components/link'; diff --git a/src/storybook/styles/list/list.stories.ts b/src/storybook/styles/list/list.stories.ts index 87464533e8..c4757dbd1c 100644 --- a/src/storybook/styles/list/list.stories.ts +++ b/src/storybook/styles/list/list.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; diff --git a/src/storybook/styles/scrollbar/scrollbar.stories.ts b/src/storybook/styles/scrollbar/scrollbar.stories.ts index 1399edfd01..246b6977a6 100644 --- a/src/storybook/styles/scrollbar/scrollbar.stories.ts +++ b/src/storybook/styles/scrollbar/scrollbar.stories.ts @@ -1,6 +1,7 @@ import type { InputType } from '@storybook/types'; import type { Meta, StoryObj, ArgTypes, Args } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import readme from './readme.md?raw'; import './scrollbar-internal.scss'; diff --git a/src/storybook/styles/typography/typography.stories.ts b/src/storybook/styles/typography/typography.stories.ts index 20a58e6067..0e1e90d062 100644 --- a/src/storybook/styles/typography/typography.stories.ts +++ b/src/storybook/styles/typography/typography.stories.ts @@ -1,5 +1,6 @@ import type { Meta, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import '../../../components/title'; diff --git a/src/storybook/testing/chromatic.ts b/src/storybook/testing/chromatic.ts index 10cc199201..1469b96a1c 100644 --- a/src/storybook/testing/chromatic.ts +++ b/src/storybook/testing/chromatic.ts @@ -1,5 +1,6 @@ import type { Args, Meta, StoryContext, StoryObj } from '@storybook/web-components'; -import { html, TemplateResult } from 'lit'; +import type { TemplateResult } from 'lit'; +import { html } from 'lit'; import '../../components/title'; // eslint-disable-next-line @typescript-eslint/naming-convention diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts index 09a94a9ef8..08145b02fc 100644 --- a/src/vite-env.d.ts +++ b/src/vite-env.d.ts @@ -1,4 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ +/* eslint-disable @typescript-eslint/consistent-type-imports */ /// declare module '*?lit&inline' { diff --git a/tools/eslint/custom-element-class-name-rule.ts b/tools/eslint/custom-element-class-name-rule.ts index a5ace4a6c4..a383606dad 100644 --- a/tools/eslint/custom-element-class-name-rule.ts +++ b/tools/eslint/custom-element-class-name-rule.ts @@ -1,5 +1,6 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { ESLintUtils, TSESLint, TSESTree, AST_NODE_TYPES } from '@typescript-eslint/utils'; +import type { TSESLint, TSESTree } from '@typescript-eslint/utils'; +import { ESLintUtils, AST_NODE_TYPES } from '@typescript-eslint/utils'; const createRule = ESLintUtils.RuleCreator( (name) => diff --git a/tools/eslint/missing-component-documentation-rule.ts b/tools/eslint/missing-component-documentation-rule.ts index 6fed8320a6..b104bf2563 100644 --- a/tools/eslint/missing-component-documentation-rule.ts +++ b/tools/eslint/missing-component-documentation-rule.ts @@ -1,5 +1,6 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { ESLintUtils, TSESLint, TSESTree } from '@typescript-eslint/utils'; +import type { TSESLint, TSESTree } from '@typescript-eslint/utils'; +import { ESLintUtils } from '@typescript-eslint/utils'; import { parse, stringify } from 'comment-parser'; const createRule = ESLintUtils.RuleCreator( diff --git a/tsconfig.json b/tsconfig.json index c4125cb57b..c7d10d6820 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -47,7 +47,8 @@ "no-unknown-attribute": "off" } } - ] + ], + "verbatimModuleSyntax": true }, "include": [".storybook/**/*.ts", "src/**/*.ts", "tools/**/*.ts", "scripts/**/*.ts"], "exclude": ["node_modules/"] diff --git a/vite.config.ts b/vite.config.ts index aecdf4d9f6..ed39193c39 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -3,7 +3,8 @@ import { join } from 'path'; import * as glob from 'glob'; import postcssLit from 'rollup-plugin-postcss-lit'; -import { ConfigEnv, PluginOption, ResolvedConfig, defineConfig } from 'vite'; +import type { ConfigEnv, PluginOption, ResolvedConfig } from 'vite'; +import { defineConfig } from 'vite'; export const root = new URL('.', import.meta.url);