diff --git a/src/components/checkbox/checkbox-group/checkbox-group.ts b/src/components/checkbox/checkbox-group/checkbox-group.ts index 5ffd4cd8d0e..b2ce2fa61ff 100644 --- a/src/components/checkbox/checkbox-group/checkbox-group.ts +++ b/src/components/checkbox/checkbox-group/checkbox-group.ts @@ -13,8 +13,8 @@ import { } from '../../core/controllers/index.js'; import type { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces/index.js'; import { SbbDisabledMixin } from '../../core/mixins/index.js'; -import type { SbbCheckboxPanelElement } from '../checkbox-panel'; import type { SbbCheckboxElement, SbbCheckboxSize } from '../checkbox/index.js'; +import type { SbbCheckboxPanelElement } from '../checkbox-panel/index.js'; import style from './checkbox-group.scss?lit&inline'; diff --git a/src/components/checkbox/checkbox-panel/checkbox-panel.e2e.ts b/src/components/checkbox/checkbox-panel/checkbox-panel.e2e.ts index edefd6c0f5a..06f012c7d0b 100644 --- a/src/components/checkbox/checkbox-panel/checkbox-panel.e2e.ts +++ b/src/components/checkbox/checkbox-panel/checkbox-panel.e2e.ts @@ -3,12 +3,12 @@ import { a11ySnapshot, sendKeys } from '@web/test-runner-commands'; import { html } from 'lit/static-html.js'; import type { Context } from 'mocha'; -import { isChromium, isFirefox } from '../../core/dom'; -import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing'; -import { fixture } from '../../core/testing/private'; -import type { SbbVisualCheckboxElement } from '../../visual-checkbox'; +import { isChromium, isFirefox } from '../../core/dom/index.js'; +import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing/index.js'; +import { fixture } from '../../core/testing/private/index.js'; +import type { SbbVisualCheckboxElement } from '../../visual-checkbox/index.js'; -import { SbbCheckboxPanelElement } from './checkbox-panel'; +import { SbbCheckboxPanelElement } from './checkbox-panel.js'; interface CheckboxAccessibilitySnapshot { checked: boolean; diff --git a/src/components/checkbox/checkbox-panel/checkbox-panel.spec.ts b/src/components/checkbox/checkbox-panel/checkbox-panel.spec.ts index d5ca6b40816..6b84b3297d3 100644 --- a/src/components/checkbox/checkbox-panel/checkbox-panel.spec.ts +++ b/src/components/checkbox/checkbox-panel/checkbox-panel.spec.ts @@ -1,9 +1,9 @@ import { assert, expect } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { fixture, testA11yTreeSnapshot } from '../../core/testing/private'; +import { fixture, testA11yTreeSnapshot } from '../../core/testing/private/index.js'; -import { SbbCheckboxPanelElement } from './checkbox-panel'; +import { SbbCheckboxPanelElement } from './checkbox-panel.js'; describe('sbb-checkbox-panel', () => { let element: SbbCheckboxPanelElement; diff --git a/src/components/checkbox/checkbox-panel/checkbox-panel.stories.ts b/src/components/checkbox/checkbox-panel/checkbox-panel.stories.ts index 1956e8aee39..02ee0bfb995 100644 --- a/src/components/checkbox/checkbox-panel/checkbox-panel.stories.ts +++ b/src/components/checkbox/checkbox-panel/checkbox-panel.stories.ts @@ -3,12 +3,12 @@ import type { InputType } from '@storybook/types'; import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components'; import { html, type TemplateResult } from 'lit'; -import { sbbSpread } from '../../../storybook/helpers/spread'; +import { sbbSpread } from '../../../storybook/helpers/spread.js'; -import '../../button'; -import '../../card'; -import '../../icon'; -import './checkbox-panel'; +import '../../button/index.js'; +import '../../card/index.js'; +import '../../icon/index.js'; +import './checkbox-panel.js'; import readme from './readme.md?raw'; diff --git a/src/components/checkbox/checkbox-panel/checkbox-panel.ts b/src/components/checkbox/checkbox-panel/checkbox-panel.ts index 6eb2796588d..a0bbf209e49 100644 --- a/src/components/checkbox/checkbox-panel/checkbox-panel.ts +++ b/src/components/checkbox/checkbox-panel/checkbox-panel.ts @@ -7,20 +7,20 @@ import { } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers'; -import { EventEmitter } from '../../core/eventing'; -import { i18nCollapsed, i18nExpanded } from '../../core/i18n'; -import { SbbUpdateSchedulerMixin } from '../../core/mixins'; -import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel'; +import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers/index.js'; +import { EventEmitter } from '../../core/eventing/index.js'; +import { i18nCollapsed, i18nExpanded } from '../../core/i18n/index.js'; +import { SbbUpdateSchedulerMixin } from '../../core/mixins/index.js'; +import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel/index.js'; import { SbbCheckboxCommonElementMixin, checkboxPanelStyle, commonStyle, type SbbCheckboxStateChange, -} from '../common'; +} from '../common/index.js'; -import '../../screen-reader-only'; -import '../../visual-checkbox'; +import '../../screen-reader-only/index.js'; +import '../../visual-checkbox/index.js'; /** * Describe the purpose of the component with a single short sentence. diff --git a/src/components/checkbox/checkbox-panel/index.ts b/src/components/checkbox/checkbox-panel/index.ts index b23a9e2f47b..5a7cb755bd2 100644 --- a/src/components/checkbox/checkbox-panel/index.ts +++ b/src/components/checkbox/checkbox-panel/index.ts @@ -1 +1 @@ -export * from './checkbox-panel'; +export * from './checkbox-panel.js'; diff --git a/src/components/checkbox/checkbox/checkbox.ts b/src/components/checkbox/checkbox/checkbox.ts index f39089497d0..ddf3fb61595 100644 --- a/src/components/checkbox/checkbox/checkbox.ts +++ b/src/components/checkbox/checkbox/checkbox.ts @@ -3,10 +3,8 @@ import { customElement, property } from 'lit/decorators.js'; import { SbbSlotStateController } from '../../core/controllers/index.js'; import { EventEmitter } from '../../core/eventing/index.js'; -import { SbbCheckboxCommonElementMixin } from '../common'; import commonStyle from '../common/checkbox-common.scss?lit&inline'; - -import { checkboxStyle } from '../common'; +import { SbbCheckboxCommonElementMixin, checkboxStyle } from '../common/index.js'; import '../../screen-reader-only/index.js'; import '../../visual-checkbox/index.js'; diff --git a/src/components/checkbox/common/checkbox-common.ts b/src/components/checkbox/common/checkbox-common.ts index 56316eb12bf..d066685a31e 100644 --- a/src/components/checkbox/common/checkbox-common.ts +++ b/src/components/checkbox/common/checkbox-common.ts @@ -6,7 +6,7 @@ import type { SbbDisabledStateChange, SbbIconPlacement, SbbStateChange, -} from '../../core/interfaces'; +} from '../../core/interfaces/index.js'; import { SbbFormAssociatedCheckboxMixin, SbbHydrationMixin, @@ -15,9 +15,9 @@ import { type SbbFormAssociatedCheckboxMixinType, type SbbHydrationMixinType, type SbbRequiredMixinType, -} from '../../core/mixins'; -import { SbbIconNameMixin, type SbbIconNameMixinType } from '../../icon'; -import type { SbbCheckboxGroupElement } from '../checkbox-group'; +} from '../../core/mixins/index.js'; +import { SbbIconNameMixin, type SbbIconNameMixinType } from '../../icon/index.js'; +import type { SbbCheckboxGroupElement } from '../checkbox-group/index.js'; export type SbbCheckboxStateChange = Extract< SbbStateChange, diff --git a/src/components/checkbox/common/index.ts b/src/components/checkbox/common/index.ts index e3d660e4fe9..d92b53326b5 100644 --- a/src/components/checkbox/common/index.ts +++ b/src/components/checkbox/common/index.ts @@ -1,4 +1,4 @@ -export * from './checkbox-common'; +export * from './checkbox-common.js'; export { default as commonStyle } from './checkbox-common.scss?lit&inline'; export { default as checkboxPanelStyle } from './checkbox-panel.scss?lit&inline'; diff --git a/src/components/radio-button/common/index.ts b/src/components/radio-button/common/index.ts index e0d213752d0..d37e6c6856e 100644 --- a/src/components/radio-button/common/index.ts +++ b/src/components/radio-button/common/index.ts @@ -1,4 +1,4 @@ -export * from './radio-button-common'; +export * from './radio-button-common.js'; export { default as commonStyle } from './radio-button-common.scss?lit&inline'; export { default as radioButtonPanelStyle } from './radio-button-panel.scss?lit&inline'; diff --git a/src/components/radio-button/common/radio-button-common.ts b/src/components/radio-button/common/radio-button-common.ts index 2cc28f2f569..7b56dd4722d 100644 --- a/src/components/radio-button/common/radio-button-common.ts +++ b/src/components/radio-button/common/radio-button-common.ts @@ -1,16 +1,16 @@ import type { LitElement, PropertyValues } from 'lit'; import { property } from 'lit/decorators.js'; -import { SbbConnectedAbortController } from '../../core/controllers'; -import { hostAttributes } from '../../core/decorators'; -import { HandlerRepository, formElementHandlerAspect } from '../../core/eventing'; +import { SbbConnectedAbortController } from '../../core/controllers/index.js'; +import { hostAttributes } from '../../core/decorators/index.js'; +import { HandlerRepository, formElementHandlerAspect } from '../../core/eventing/index.js'; import type { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange, -} from '../../core/interfaces'; -import type { AbstractConstructor } from '../../core/mixins'; -import type { SbbRadioButtonGroupElement } from '../radio-button-group'; +} from '../../core/interfaces/index.js'; +import type { AbstractConstructor } from '../../core/mixins/index.js'; +import type { SbbRadioButtonGroupElement } from '../radio-button-group/index.js'; export type SbbRadioButtonStateChange = Extract< SbbStateChange, 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 7267f756349..2a202a58100 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 @@ -15,10 +15,10 @@ import type { SbbStateChange, } from '../../core/interfaces/index.js'; import { SbbDisabledMixin } from '../../core/mixins/index.js'; -import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel'; -import type { SbbRadioButtonStateChange } from '../common'; -import type { SbbRadioButtonElement, SbbRadioButtonSize } from '../radio-button'; -import type { SbbRadioButtonPanelElement } from '../radio-button-panel'; +import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel/index.js'; +import type { SbbRadioButtonStateChange } from '../common/index.js'; +import type { SbbRadioButtonElement, SbbRadioButtonSize } from '../radio-button/index.js'; +import type { SbbRadioButtonPanelElement } from '../radio-button-panel/index.js'; import style from './radio-button-group.scss?lit&inline'; diff --git a/src/components/radio-button/radio-button-panel/index.ts b/src/components/radio-button/radio-button-panel/index.ts index f76c5fc1659..082c6a73062 100644 --- a/src/components/radio-button/radio-button-panel/index.ts +++ b/src/components/radio-button/radio-button-panel/index.ts @@ -1 +1 @@ -export * from './radio-button-panel'; +export * from './radio-button-panel.js'; diff --git a/src/components/radio-button/radio-button-panel/radio-button-panel.e2e.ts b/src/components/radio-button/radio-button-panel/radio-button-panel.e2e.ts index aac9bf99994..f0ff0deb664 100644 --- a/src/components/radio-button/radio-button-panel/radio-button-panel.e2e.ts +++ b/src/components/radio-button/radio-button-panel/radio-button-panel.e2e.ts @@ -2,12 +2,12 @@ import { assert, expect, fixture } from '@open-wc/testing'; import { sendKeys } from '@web/test-runner-commands'; import { html } from 'lit/static-html.js'; -import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing'; -import { SbbRadioButtonGroupElement } from '../radio-button-group'; +import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing/index.js'; +import { SbbRadioButtonGroupElement } from '../radio-button-group/index.js'; -import type { SbbRadioButtonPanelElement } from './radio-button-panel'; +import type { SbbRadioButtonPanelElement } from './radio-button-panel.js'; -import '../index'; +import '../index.js'; describe('sbb-radio-button-panel', () => { let element: SbbRadioButtonGroupElement; diff --git a/src/components/radio-button/radio-button-panel/radio-button-panel.spec.ts b/src/components/radio-button/radio-button-panel/radio-button-panel.spec.ts index 28175e4654f..87915d2c887 100644 --- a/src/components/radio-button/radio-button-panel/radio-button-panel.spec.ts +++ b/src/components/radio-button/radio-button-panel/radio-button-panel.spec.ts @@ -1,9 +1,9 @@ import { assert, expect } from '@open-wc/testing'; import { html } from 'lit/static-html.js'; -import { fixture, testA11yTreeSnapshot } from '../../core/testing/private'; +import { fixture, testA11yTreeSnapshot } from '../../core/testing/private/index.js'; -import { SbbRadioButtonPanelElement } from './radio-button-panel'; +import { SbbRadioButtonPanelElement } from './radio-button-panel.js'; describe('sbb-radio-button-panel', () => { let element: SbbRadioButtonPanelElement; diff --git a/src/components/radio-button/radio-button-panel/radio-button-panel.stories.ts b/src/components/radio-button/radio-button-panel/radio-button-panel.stories.ts index 388dd7665c3..b4510f283e3 100644 --- a/src/components/radio-button/radio-button-panel/radio-button-panel.stories.ts +++ b/src/components/radio-button/radio-button-panel/radio-button-panel.stories.ts @@ -3,9 +3,9 @@ import type { InputType } from '@storybook/types'; import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components'; import { html, type TemplateResult } from 'lit'; -import { sbbSpread } from '../../../storybook/helpers/spread'; +import { sbbSpread } from '../../../storybook/helpers/spread.js'; -import { SbbRadioButtonPanelElement } from './radio-button-panel'; +import { SbbRadioButtonPanelElement } from './radio-button-panel.js'; import readme from './readme.md?raw'; const value: InputType = { diff --git a/src/components/radio-button/radio-button-panel/radio-button-panel.ts b/src/components/radio-button/radio-button-panel/radio-button-panel.ts index d76cf0f3e83..27a48f96920 100644 --- a/src/components/radio-button/radio-button-panel/radio-button-panel.ts +++ b/src/components/radio-button/radio-button-panel/radio-button-panel.ts @@ -1,20 +1,20 @@ import { LitElement, html, nothing, type CSSResultGroup, type TemplateResult } from 'lit'; import { customElement, state } from 'lit/decorators.js'; -import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers'; -import { setAttribute } from '../../core/dom'; -import { EventEmitter } from '../../core/eventing'; -import { i18nCollapsed, i18nExpanded } from '../../core/i18n'; -import { SbbUpdateSchedulerMixin } from '../../core/mixins'; -import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel'; +import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers/index.js'; +import { setAttribute } from '../../core/dom/index.js'; +import { EventEmitter } from '../../core/eventing/index.js'; +import { i18nCollapsed, i18nExpanded } from '../../core/i18n/index.js'; +import { SbbUpdateSchedulerMixin } from '../../core/mixins/index.js'; +import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel/index.js'; import { SbbRadioButtonCommonElementMixin, commonStyle, radioButtonPanelStyle, type SbbRadioButtonStateChange, -} from '../common'; +} from '../common/index.js'; -import '../../screen-reader-only'; +import '../../screen-reader-only/index.js'; /** /** diff --git a/src/components/radio-button/radio-button/radio-button.ts b/src/components/radio-button/radio-button/radio-button.ts index 335d989ff66..0e25343e04d 100644 --- a/src/components/radio-button/radio-button/radio-button.ts +++ b/src/components/radio-button/radio-button/radio-button.ts @@ -5,13 +5,12 @@ import { customElement, property } from 'lit/decorators.js'; import { SbbSlotStateController } from '../../core/controllers/index.js'; import { setAttribute } from '../../core/dom/index.js'; import { EventEmitter } from '../../core/eventing/index.js'; - -import { SbbRadioButtonCommonElementMixin, type SbbRadioButtonStateChange } from '../common'; -import commonStyle from '../common/radio-button-common.scss?lit&inline'; - +import { radioButtonStyle } from '../common/index.js'; import { - radioButtonStyle -} from '../common'; + SbbRadioButtonCommonElementMixin, + type SbbRadioButtonStateChange, +} from '../common/index.js'; +import commonStyle from '../common/radio-button-common.scss?lit&inline'; export type SbbRadioButtonSize = 's' | 'm'; diff --git a/src/components/selection-expansion-panel/index.ts b/src/components/selection-expansion-panel/index.ts index b9fd4366a21..9e927891313 100644 --- a/src/components/selection-expansion-panel/index.ts +++ b/src/components/selection-expansion-panel/index.ts @@ -1 +1 @@ -export * from './selection-expansion-panel'; +export * from './selection-expansion-panel.js'; diff --git a/src/components/selection-expansion-panel/selection-expansion-panel.e2e.ts b/src/components/selection-expansion-panel/selection-expansion-panel.e2e.ts index 198dfaa7e7d..fe89d9acf7d 100644 --- a/src/components/selection-expansion-panel/selection-expansion-panel.e2e.ts +++ b/src/components/selection-expansion-panel/selection-expansion-panel.e2e.ts @@ -3,19 +3,19 @@ import { sendKeys } from '@web/test-runner-commands'; import type { TemplateResult } from 'lit'; import { html, unsafeStatic } from 'lit/static-html.js'; -import type { SbbCheckboxGroupElement } from '../checkbox/index.js'; -import { SbbCheckboxElement } from '../checkbox/index.js'; +import type { SbbCheckboxElement, SbbCheckboxGroupElement } from '../checkbox/index.js'; +import { SbbCheckboxPanelElement } from '../checkbox/index.js'; import { EventSpy, waitForCondition, waitForLitRender } from '../core/testing/index.js'; import { fixture } from '../core/testing/private/index.js'; -import type { SbbRadioButtonGroupElement } from '../radio-button/index.js'; -import { SbbRadioButtonElement } from '../radio-button/index.js'; +import type { + SbbRadioButtonGroupElement, + SbbRadioButtonElement, + SbbRadioButtonPanelElement, +} from '../radio-button/index.js'; -import { SbbCheckboxPanelElement } from '../checkbox'; import '../link/block-link-button/index.js'; -import { SbbRadioButtonPanelElement } from '../radio-button/index.js'; -import '../link/block-link-button'; -import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel'; +import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel.js'; describe(`sbb-selection-expansion-panel with ${fixture.name}`, () => { let elements: SbbSelectionExpansionPanelElement[]; diff --git a/src/components/selection-expansion-panel/selection-expansion-panel.spec.ts b/src/components/selection-expansion-panel/selection-expansion-panel.spec.ts index edc50dbc31f..f5049dde1b9 100644 --- a/src/components/selection-expansion-panel/selection-expansion-panel.spec.ts +++ b/src/components/selection-expansion-panel/selection-expansion-panel.spec.ts @@ -5,14 +5,11 @@ import { fixture, testA11yTreeSnapshot } from '../core/testing/private/index.js' import '../card/card-badge/index.js'; import '../checkbox/index.js'; -import './selection-panel.js'; -import type { SbbSelectionExpansionPanelElement } from './selection-expansion-panel'; +import type { SbbSelectionExpansionPanelElement } from './selection-expansion-panel.js'; -import '../card/card-badge'; -import '../checkbox/checkbox-panel'; -import './selection-expansion-panel'; -import './selection-panel'; +import '../checkbox/checkbox-panel/index.js'; +import './selection-expansion-panel.js'; describe(`sbb-selection-expansion-panel`, () => { let element: SbbSelectionExpansionPanelElement; diff --git a/src/components/selection-expansion-panel/selection-expansion-panel.stories.ts b/src/components/selection-expansion-panel/selection-expansion-panel.stories.ts index d5a24884cb8..f3e314bd695 100644 --- a/src/components/selection-expansion-panel/selection-expansion-panel.stories.ts +++ b/src/components/selection-expansion-panel/selection-expansion-panel.stories.ts @@ -24,7 +24,7 @@ import '../popover/index.js'; import '../radio-button/index.js'; import '../title/index.js'; import readme from './readme.md?raw'; -import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel'; +import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel.js'; const color: InputType = { control: { diff --git a/src/components/selection-expansion-panel/selection-expansion-panel.ts b/src/components/selection-expansion-panel/selection-expansion-panel.ts index 8c292855e96..5604ebbe75a 100644 --- a/src/components/selection-expansion-panel/selection-expansion-panel.ts +++ b/src/components/selection-expansion-panel/selection-expansion-panel.ts @@ -2,11 +2,11 @@ import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit'; import { LitElement, html } from 'lit'; import { customElement, property, state } from 'lit/decorators.js'; -import type { SbbCheckboxPanelElement } from '../checkbox'; +import type { SbbCheckboxPanelElement } from '../checkbox/index.js'; import { SbbConnectedAbortController, SbbSlotStateController } from '../core/controllers/index.js'; import { EventEmitter } from '../core/eventing/index.js'; import type { SbbOpenedClosedState, SbbStateChange } from '../core/interfaces/index.js'; -import type { SbbRadioButtonPanelElement } from '../radio-button'; +import type { SbbRadioButtonPanelElement } from '../radio-button/index.js'; import style from './selection-expansion-panel.scss?lit&inline';