From 8614d041a6a8b329099c40009cff9c9ae63aceac Mon Sep 17 00:00:00 2001 From: John Kreitlow <863023+radium-v@users.noreply.github.com> Date: Tue, 29 Oct 2024 10:40:04 -0700 Subject: [PATCH] chore(web-components): identify type-only imports and exports (#33160) --- ...omponents-ee3cdda9-b12f-45d0-aede-ede164c72ea4.json | 7 +++++++ packages/web-components/docs/api-report.md | 2 +- .../src/accordion-item/accordion-item.template.ts | 4 ++-- .../src/accordion-item/accordion-item.ts | 2 +- .../web-components/src/accordion/accordion.template.ts | 2 +- .../src/anchor-button/anchor-button.options.ts | 2 +- .../src/anchor-button/anchor-button.template.ts | 2 +- packages/web-components/src/avatar/avatar.spec.ts | 2 +- packages/web-components/src/avatar/avatar.template.ts | 2 +- packages/web-components/src/avatar/avatar.ts | 10 +++++----- packages/web-components/src/badge/badge.options.ts | 2 +- packages/web-components/src/badge/badge.template.ts | 2 +- packages/web-components/src/badge/badge.ts | 2 +- packages/web-components/src/button/button.options.ts | 2 +- packages/web-components/src/button/button.template.ts | 4 ++-- .../web-components/src/checkbox/checkbox.stories.ts | 2 +- packages/web-components/src/checkbox/checkbox.ts | 2 +- .../src/compound-button/compound-button.options.ts | 2 +- .../src/compound-button/compound-button.template.ts | 2 +- .../src/counter-badge/counter-badge.options.ts | 2 +- .../src/counter-badge/counter-badge.template.ts | 8 ++++---- .../web-components/src/counter-badge/counter-badge.ts | 2 +- .../src/dialog-body/dialog-body.template.ts | 2 +- packages/web-components/src/dialog/dialog.spec.ts | 2 +- packages/web-components/src/dialog/dialog.stories.ts | 2 +- packages/web-components/src/dialog/dialog.template.ts | 2 +- packages/web-components/src/divider/divider.spec.ts | 2 +- .../web-components/src/divider/divider.template.ts | 2 +- .../src/drawer-body/drawer-body.template.ts | 2 +- packages/web-components/src/drawer/drawer.template.ts | 2 +- packages/web-components/src/field/field.spec.ts | 2 +- packages/web-components/src/field/field.template.ts | 2 +- packages/web-components/src/field/field.ts | 2 +- packages/web-components/src/image/image.template.ts | 2 +- packages/web-components/src/image/image.ts | 2 +- packages/web-components/src/label/label.template.ts | 4 ++-- packages/web-components/src/label/label.ts | 2 +- packages/web-components/src/link/link.spec.ts | 2 +- packages/web-components/src/link/link.template.ts | 2 +- packages/web-components/src/link/link.ts | 2 +- .../src/menu-button/menu-button.template.ts | 2 +- packages/web-components/src/menu-item/menu-item.ts | 4 ++-- .../web-components/src/menu-list/menu-list.spec.ts | 3 +-- .../web-components/src/menu-list/menu-list.template.ts | 2 +- packages/web-components/src/menu/menu.template.ts | 2 +- packages/web-components/src/menu/menu.ts | 2 +- .../src/message-bar/message-bar.stories.ts | 3 +-- .../src/message-bar/message-bar.template.ts | 2 +- packages/web-components/src/message-bar/message-bar.ts | 2 +- packages/web-components/src/patterns/start-end.ts | 2 +- .../src/progress-bar/progress-bar.options.ts | 3 +-- .../web-components/src/progress-bar/progress-bar.ts | 2 +- .../src/radio-group/radio-group.template.ts | 2 +- packages/web-components/src/radio/radio.template.ts | 2 +- .../src/rating-display/rating-display.spec.ts | 4 ++-- .../src/rating-display/rating-display.template.ts | 2 +- .../src/rating-display/rating-display.ts | 2 +- packages/web-components/src/slider/slider.ts | 2 +- packages/web-components/src/spinner/spinner.stories.ts | 2 +- .../web-components/src/spinner/spinner.template.ts | 2 +- packages/web-components/src/switch/switch.template.ts | 4 ++-- .../web-components/src/tab-panel/tab-panel.template.ts | 4 ++-- packages/web-components/src/tab/tab.template.ts | 2 +- packages/web-components/src/tab/tab.ts | 5 +++-- .../web-components/src/tablist/tablist.template.ts | 2 +- packages/web-components/src/tablist/tablist.ts | 6 +++--- packages/web-components/src/tabs/tabs.options.ts | 4 ++-- packages/web-components/src/tabs/tabs.template.ts | 6 +++--- packages/web-components/src/tabs/tabs.ts | 6 +++--- packages/web-components/src/text/text.template.ts | 2 +- .../web-components/src/textarea/textarea.stories.ts | 4 ++-- .../web-components/src/textarea/textarea.template.ts | 2 +- .../src/toggle-button/toggle-button.template.ts | 2 +- packages/web-components/src/utils/template-helpers.ts | 8 ++++++-- 74 files changed, 109 insertions(+), 100 deletions(-) create mode 100644 change/@fluentui-web-components-ee3cdda9-b12f-45d0-aede-ede164c72ea4.json diff --git a/change/@fluentui-web-components-ee3cdda9-b12f-45d0-aede-ede164c72ea4.json b/change/@fluentui-web-components-ee3cdda9-b12f-45d0-aede-ede164c72ea4.json new file mode 100644 index 00000000000000..fd5f982658d091 --- /dev/null +++ b/change/@fluentui-web-components-ee3cdda9-b12f-45d0-aede-ede164c72ea4.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "identify type-only imports and exports", + "packageName": "@fluentui/web-components", + "email": "863023+radium-v@users.noreply.github.com", + "dependentChangeType": "none" +} diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md index a08b7e53ebdabe..e1de583574f961 100644 --- a/packages/web-components/docs/api-report.md +++ b/packages/web-components/docs/api-report.md @@ -15,7 +15,7 @@ import type { HostBehavior } from '@microsoft/fast-element'; import type { HostController } from '@microsoft/fast-element'; import { HTMLDirective } from '@microsoft/fast-element'; import { Orientation } from '@microsoft/fast-web-utilities'; -import type { SyntheticViewTemplate } from '@microsoft/fast-element'; +import { SyntheticViewTemplate } from '@microsoft/fast-element'; import { ViewTemplate } from '@microsoft/fast-element'; // @public diff --git a/packages/web-components/src/accordion-item/accordion-item.template.ts b/packages/web-components/src/accordion-item/accordion-item.template.ts index 285f119bb58f4f..d144372a752308 100644 --- a/packages/web-components/src/accordion-item/accordion-item.template.ts +++ b/packages/web-components/src/accordion-item/accordion-item.template.ts @@ -1,5 +1,5 @@ -import { ElementViewTemplate, html, ref } from '@microsoft/fast-element'; -import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js'; +import { type ElementViewTemplate, html, ref } from '@microsoft/fast-element'; +import { startSlotTemplate } from '../patterns/index.js'; import { staticallyCompose } from '../utils/index.js'; import type { AccordionItem, AccordionItemOptions } from './accordion-item.js'; diff --git a/packages/web-components/src/accordion-item/accordion-item.ts b/packages/web-components/src/accordion-item/accordion-item.ts index 1bdcaefad2fe76..23ae62eb2e4c75 100644 --- a/packages/web-components/src/accordion-item/accordion-item.ts +++ b/packages/web-components/src/accordion-item/accordion-item.ts @@ -5,7 +5,7 @@ import { StartEnd } from '../patterns/index.js'; import type { StartEndOptions } from '../patterns/index.js'; import { applyMixins } from '../utils/apply-mixins.js'; import { toggleState } from '../utils/element-internals.js'; -import { AccordionItemMarkerPosition, AccordionItemSize } from './accordion-item.options.js'; +import type { AccordionItemMarkerPosition, AccordionItemSize } from './accordion-item.options.js'; /** * Accordion Item configuration options diff --git a/packages/web-components/src/accordion/accordion.template.ts b/packages/web-components/src/accordion/accordion.template.ts index 2f181ac6c1456d..cda0e844bad26e 100644 --- a/packages/web-components/src/accordion/accordion.template.ts +++ b/packages/web-components/src/accordion/accordion.template.ts @@ -1,4 +1,4 @@ -import { elements, ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; +import { elements, type ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; import type { Accordion } from './accordion.js'; /** diff --git a/packages/web-components/src/anchor-button/anchor-button.options.ts b/packages/web-components/src/anchor-button/anchor-button.options.ts index ffe8da74b46bc9..ba92bb5d2c29a5 100644 --- a/packages/web-components/src/anchor-button/anchor-button.options.ts +++ b/packages/web-components/src/anchor-button/anchor-button.options.ts @@ -38,7 +38,7 @@ export const AnchorButtonSize = ButtonSize; */ export type AnchorButtonSize = ValuesOf; -export { AnchorOptions as AnchorButtonOptions }; +export type { AnchorOptions as AnchorButtonOptions }; /** * Anchor target values. diff --git a/packages/web-components/src/anchor-button/anchor-button.template.ts b/packages/web-components/src/anchor-button/anchor-button.template.ts index 46770804823883..4eae4cd47282f0 100644 --- a/packages/web-components/src/anchor-button/anchor-button.template.ts +++ b/packages/web-components/src/anchor-button/anchor-button.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, ViewTemplate } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, type ViewTemplate } from '@microsoft/fast-element'; import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js'; import type { AnchorButton, AnchorOptions } from './anchor-button.js'; diff --git a/packages/web-components/src/avatar/avatar.spec.ts b/packages/web-components/src/avatar/avatar.spec.ts index 18e38a1bb38e47..09ba2484c82d78 100644 --- a/packages/web-components/src/avatar/avatar.spec.ts +++ b/packages/web-components/src/avatar/avatar.spec.ts @@ -1,7 +1,7 @@ import { test } from '@playwright/test'; import { expect, fixtureURL } from '../helpers.tests.js'; import type { Avatar } from './avatar.js'; -import { AvatarAppearance, AvatarColor, AvatarSize } from './avatar.options.js'; +import type { AvatarAppearance, AvatarColor, AvatarSize } from './avatar.options.js'; test.describe('Avatar Component', () => { test.beforeEach(async ({ page }) => { diff --git a/packages/web-components/src/avatar/avatar.template.ts b/packages/web-components/src/avatar/avatar.template.ts index ab66060a560008..67cee009a0a572 100644 --- a/packages/web-components/src/avatar/avatar.template.ts +++ b/packages/web-components/src/avatar/avatar.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import type { Avatar } from './avatar.js'; const defaultIconTemplate = html`; diff --git a/packages/web-components/src/checkbox/checkbox.ts b/packages/web-components/src/checkbox/checkbox.ts index 29445a4999d014..9e6707e588eaba 100644 --- a/packages/web-components/src/checkbox/checkbox.ts +++ b/packages/web-components/src/checkbox/checkbox.ts @@ -1,6 +1,6 @@ import { attr, FASTElement, Observable, observable } from '@microsoft/fast-element'; import { toggleState } from '../utils/element-internals.js'; -import { CheckboxShape, CheckboxSize } from './checkbox.options.js'; +import type { CheckboxShape, CheckboxSize } from './checkbox.options.js'; /** * The base class for a component with a toggleable checked state. diff --git a/packages/web-components/src/compound-button/compound-button.options.ts b/packages/web-components/src/compound-button/compound-button.options.ts index 79237e66a90cc9..fab11f206e327c 100644 --- a/packages/web-components/src/compound-button/compound-button.options.ts +++ b/packages/web-components/src/compound-button/compound-button.options.ts @@ -38,4 +38,4 @@ export const CompoundButtonSize = ButtonSize; */ export type CompoundButtonSize = ValuesOf; -export { ButtonOptions as CompoundButtonOptions }; +export type { ButtonOptions as CompoundButtonOptions }; diff --git a/packages/web-components/src/compound-button/compound-button.template.ts b/packages/web-components/src/compound-button/compound-button.template.ts index 106c638d992d95..0b075cd1053902 100644 --- a/packages/web-components/src/compound-button/compound-button.template.ts +++ b/packages/web-components/src/compound-button/compound-button.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js'; import type { CompoundButton } from './compound-button.js'; import type { CompoundButtonOptions } from './compound-button.options.js'; diff --git a/packages/web-components/src/counter-badge/counter-badge.options.ts b/packages/web-components/src/counter-badge/counter-badge.options.ts index 3045d52e75c9f1..3e7d671a8b7c60 100644 --- a/packages/web-components/src/counter-badge/counter-badge.options.ts +++ b/packages/web-components/src/counter-badge/counter-badge.options.ts @@ -1,4 +1,4 @@ -import { BadgeOptions } from '../badge/badge.options.js'; +import type { BadgeOptions } from '../badge/badge.options.js'; import type { ValuesOf } from '../utils/index.js'; /** diff --git a/packages/web-components/src/counter-badge/counter-badge.template.ts b/packages/web-components/src/counter-badge/counter-badge.template.ts index 338fab4220c0b2..ed9e66b87ba393 100644 --- a/packages/web-components/src/counter-badge/counter-badge.template.ts +++ b/packages/web-components/src/counter-badge/counter-badge.template.ts @@ -1,8 +1,8 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import { badgeTemplate } from '../badge/badge.template.js'; -import { Badge } from '../badge/badge.js'; -import { CounterBadge } from './counter-badge.js'; -import { CounterBadgeOptions } from './counter-badge.options.js'; +import type { Badge } from '../badge/badge.js'; +import type { CounterBadge } from './counter-badge.js'; +import type { CounterBadgeOptions } from './counter-badge.options.js'; function composeTemplate(options: CounterBadgeOptions = {}): ElementViewTemplate { return badgeTemplate({ diff --git a/packages/web-components/src/counter-badge/counter-badge.ts b/packages/web-components/src/counter-badge/counter-badge.ts index e8366201100b64..fd418237cdce7f 100644 --- a/packages/web-components/src/counter-badge/counter-badge.ts +++ b/packages/web-components/src/counter-badge/counter-badge.ts @@ -3,7 +3,7 @@ import { attr, FASTElement, nullableNumberConverter } from '@microsoft/fast-elem import { applyMixins } from '../utils/apply-mixins.js'; import { StartEnd } from '../patterns/index.js'; import { toggleState } from '../utils/element-internals.js'; -import { +import type { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, diff --git a/packages/web-components/src/dialog-body/dialog-body.template.ts b/packages/web-components/src/dialog-body/dialog-body.template.ts index f8d636956d90f5..8daf2327f0f7ea 100644 --- a/packages/web-components/src/dialog-body/dialog-body.template.ts +++ b/packages/web-components/src/dialog-body/dialog-body.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, ref } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, ref } from '@microsoft/fast-element'; import { DialogType } from '../dialog/dialog.options.js'; const dismissed16Regular = html.partial(` diff --git a/packages/web-components/src/dialog/dialog.spec.ts b/packages/web-components/src/dialog/dialog.spec.ts index 15d2ec0ae824df..1beb0413ce2ff4 100644 --- a/packages/web-components/src/dialog/dialog.spec.ts +++ b/packages/web-components/src/dialog/dialog.spec.ts @@ -1,7 +1,7 @@ import { expect, test } from '@playwright/test'; import type { Locator } from '@playwright/test'; import { fixtureURL } from '../helpers.tests.js'; -import { Dialog } from './dialog.js'; +import type { Dialog } from './dialog.js'; async function getPointOutside(element: Locator) { // Get the bounding box of the element diff --git a/packages/web-components/src/dialog/dialog.stories.ts b/packages/web-components/src/dialog/dialog.stories.ts index a4fb81470c6620..c741241df40312 100644 --- a/packages/web-components/src/dialog/dialog.stories.ts +++ b/packages/web-components/src/dialog/dialog.stories.ts @@ -1,6 +1,6 @@ import { css, html, ref } from '@microsoft/fast-element'; import type { DialogBody as FluentDialogBody } from '../dialog-body/dialog-body.js'; -import { generateImage, Meta, renderComponent, type StoryArgs, type StoryObj } from '../helpers.stories.js'; +import { generateImage, type Meta, renderComponent, type StoryArgs, type StoryObj } from '../helpers.stories.js'; import { definition } from './dialog.definition.js'; import type { Dialog as FluentDialog } from './dialog.js'; import { DialogType } from './dialog.options.js'; diff --git a/packages/web-components/src/dialog/dialog.template.ts b/packages/web-components/src/dialog/dialog.template.ts index 75308feba212b6..548b340cf9d8af 100644 --- a/packages/web-components/src/dialog/dialog.template.ts +++ b/packages/web-components/src/dialog/dialog.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, ref } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, ref } from '@microsoft/fast-element'; import type { Dialog } from './dialog.js'; import { DialogType } from './dialog.options.js'; diff --git a/packages/web-components/src/divider/divider.spec.ts b/packages/web-components/src/divider/divider.spec.ts index b4e4d237f57e11..5d61d6601a9cff 100644 --- a/packages/web-components/src/divider/divider.spec.ts +++ b/packages/web-components/src/divider/divider.spec.ts @@ -1,6 +1,6 @@ import { test } from '@playwright/test'; import { expect, fixtureURL } from '../helpers.tests.js'; -import { Divider } from './divider.js'; +import type { Divider } from './divider.js'; test.describe('Divider', () => { test.beforeEach(async ({ page }) => { diff --git a/packages/web-components/src/divider/divider.template.ts b/packages/web-components/src/divider/divider.template.ts index 015704d068044f..2e901253605c71 100644 --- a/packages/web-components/src/divider/divider.template.ts +++ b/packages/web-components/src/divider/divider.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import type { Divider } from './divider.js'; export function dividerTemplate(): ElementViewTemplate { diff --git a/packages/web-components/src/drawer-body/drawer-body.template.ts b/packages/web-components/src/drawer-body/drawer-body.template.ts index eb515759e7a761..e0b500022bb2d3 100644 --- a/packages/web-components/src/drawer-body/drawer-body.template.ts +++ b/packages/web-components/src/drawer-body/drawer-body.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import type { DrawerBody } from './drawer-body.js'; /** diff --git a/packages/web-components/src/drawer/drawer.template.ts b/packages/web-components/src/drawer/drawer.template.ts index b223c8de96911a..53bc14ae92c692 100644 --- a/packages/web-components/src/drawer/drawer.template.ts +++ b/packages/web-components/src/drawer/drawer.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, ref } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, ref } from '@microsoft/fast-element'; import type { Drawer } from './drawer.js'; /** diff --git a/packages/web-components/src/field/field.spec.ts b/packages/web-components/src/field/field.spec.ts index d661608b8a2e4c..2637f52870fa98 100644 --- a/packages/web-components/src/field/field.spec.ts +++ b/packages/web-components/src/field/field.spec.ts @@ -1,6 +1,6 @@ import { test } from '@playwright/test'; import { expect, fixtureURL } from '../helpers.tests.js'; -import { TextInput } from '../index.js'; +import type { TextInput } from '../index.js'; import type { Field } from './field.js'; test.describe('Field', () => { diff --git a/packages/web-components/src/field/field.template.ts b/packages/web-components/src/field/field.template.ts index a7f4a5d2655d90..27cfead4b8d458 100644 --- a/packages/web-components/src/field/field.template.ts +++ b/packages/web-components/src/field/field.template.ts @@ -1,4 +1,4 @@ -import { children, elements, ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; +import { children, elements, type ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; import type { Field } from './field.js'; /** diff --git a/packages/web-components/src/field/field.ts b/packages/web-components/src/field/field.ts index b47fe604498781..eab51e895e7017 100644 --- a/packages/web-components/src/field/field.ts +++ b/packages/web-components/src/field/field.ts @@ -1,7 +1,7 @@ import { attr, FASTElement, observable } from '@microsoft/fast-element'; import { uniqueId } from '@microsoft/fast-web-utilities'; import { toggleState } from '../utils/element-internals.js'; -import { LabelPosition, SlottableInput, ValidationFlags } from './field.options.js'; +import { LabelPosition, type SlottableInput, ValidationFlags } from './field.options.js'; /** * A Field Custom HTML Element. diff --git a/packages/web-components/src/image/image.template.ts b/packages/web-components/src/image/image.template.ts index 9307a3c7d72eac..b6df3661d1ffa9 100644 --- a/packages/web-components/src/image/image.template.ts +++ b/packages/web-components/src/image/image.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import type { Image } from './image.js'; /** diff --git a/packages/web-components/src/image/image.ts b/packages/web-components/src/image/image.ts index a561dd74c1427c..c8032f0c4566b3 100644 --- a/packages/web-components/src/image/image.ts +++ b/packages/web-components/src/image/image.ts @@ -1,6 +1,6 @@ import { attr, FASTElement } from '@microsoft/fast-element'; import { toggleState } from '../utils/element-internals.js'; -import { ImageFit, ImageShape } from './image.options.js'; +import type { ImageFit, ImageShape } from './image.options.js'; /** * The base class used for constucting a fluent image custom element diff --git a/packages/web-components/src/label/label.template.ts b/packages/web-components/src/label/label.template.ts index b6d3e5ec3d84b7..01ff05aa724e5f 100644 --- a/packages/web-components/src/label/label.template.ts +++ b/packages/web-components/src/label/label.template.ts @@ -1,5 +1,5 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; -import { Label } from './label.js'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; +import type { Label } from './label.js'; /** * The template for the Fluent label web-component. diff --git a/packages/web-components/src/label/label.ts b/packages/web-components/src/label/label.ts index 0ae400a5b72e73..2259bf236cb7c0 100644 --- a/packages/web-components/src/label/label.ts +++ b/packages/web-components/src/label/label.ts @@ -1,6 +1,6 @@ import { attr, FASTElement } from '@microsoft/fast-element'; import { toggleState } from '../utils/element-internals.js'; -import { LabelSize, LabelWeight } from './label.options.js'; +import type { LabelSize, LabelWeight } from './label.options.js'; /** * The base class used for constructing a fluent-label custom element diff --git a/packages/web-components/src/link/link.spec.ts b/packages/web-components/src/link/link.spec.ts index f71399fe13723e..1092d1f6edf56d 100644 --- a/packages/web-components/src/link/link.spec.ts +++ b/packages/web-components/src/link/link.spec.ts @@ -1,7 +1,7 @@ import { spinalCase } from '@microsoft/fast-web-utilities'; import { test } from '@playwright/test'; import { expect, fixtureURL } from '../helpers.tests.js'; -import { Link } from './link.js'; +import type { Link } from './link.js'; const proxyAttributes = { href: 'href', diff --git a/packages/web-components/src/link/link.template.ts b/packages/web-components/src/link/link.template.ts index b657f0b6575206..ef4b72fdaf6ca0 100644 --- a/packages/web-components/src/link/link.template.ts +++ b/packages/web-components/src/link/link.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, ViewTemplate } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, ViewTemplate } from '@microsoft/fast-element'; import type { Link } from './link.js'; /** diff --git a/packages/web-components/src/link/link.ts b/packages/web-components/src/link/link.ts index 5de15caa5542f0..875f32e0906c41 100644 --- a/packages/web-components/src/link/link.ts +++ b/packages/web-components/src/link/link.ts @@ -1,7 +1,7 @@ import { attr } from '@microsoft/fast-element'; import { BaseAnchor } from '../anchor-button/anchor-button.js'; import { toggleState } from '../utils/element-internals.js'; -import { type LinkAppearance } from './link.options.js'; +import type { LinkAppearance } from './link.options.js'; /** * An Anchor Custom HTML Element. diff --git a/packages/web-components/src/menu-button/menu-button.template.ts b/packages/web-components/src/menu-button/menu-button.template.ts index e937e691008382..a39337d3b8f51f 100644 --- a/packages/web-components/src/menu-button/menu-button.template.ts +++ b/packages/web-components/src/menu-button/menu-button.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import { buttonTemplate } from '../button/button.template.js'; import type { MenuButton } from './menu-button.js'; diff --git a/packages/web-components/src/menu-item/menu-item.ts b/packages/web-components/src/menu-item/menu-item.ts index de751a9d6fffee..cdae6b3e8f4b9a 100644 --- a/packages/web-components/src/menu-item/menu-item.ts +++ b/packages/web-components/src/menu-item/menu-item.ts @@ -1,6 +1,6 @@ -import { attr, ElementsFilter, FASTElement, observable } from '@microsoft/fast-element'; +import { attr, type ElementsFilter, FASTElement, observable } from '@microsoft/fast-element'; import { keyArrowLeft, keyArrowRight, keyEnter, keySpace } from '@microsoft/fast-web-utilities'; -import { MenuList } from '../menu-list/menu-list.js'; +import type { MenuList } from '../menu-list/menu-list.js'; import type { StartEndOptions } from '../patterns/start-end.js'; import { StartEnd } from '../patterns/start-end.js'; import { applyMixins } from '../utils/apply-mixins.js'; diff --git a/packages/web-components/src/menu-list/menu-list.spec.ts b/packages/web-components/src/menu-list/menu-list.spec.ts index c099c3138bce64..67bf0de03c0c53 100644 --- a/packages/web-components/src/menu-list/menu-list.spec.ts +++ b/packages/web-components/src/menu-list/menu-list.spec.ts @@ -1,8 +1,7 @@ -import { once } from 'events'; import { test } from '@playwright/test'; import { expect, fixtureURL } from '../helpers.tests.js'; +import type { MenuItem } from '../menu-item/menu-item.js'; import { MenuItemRole } from '../menu-item/menu-item.options.js'; -import { MenuItem } from '../menu-item/menu-item.js'; test.describe('Menu', () => { test.beforeEach(async ({ page }) => { diff --git a/packages/web-components/src/menu-list/menu-list.template.ts b/packages/web-components/src/menu-list/menu-list.template.ts index 512b09ec325bca..6c5b222d636100 100644 --- a/packages/web-components/src/menu-list/menu-list.template.ts +++ b/packages/web-components/src/menu-list/menu-list.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; import type { MenuList } from './menu-list.js'; export function menuTemplate(): ElementViewTemplate { diff --git a/packages/web-components/src/menu/menu.template.ts b/packages/web-components/src/menu/menu.template.ts index def9709edff5c2..c934c1f90b50be 100644 --- a/packages/web-components/src/menu/menu.template.ts +++ b/packages/web-components/src/menu/menu.template.ts @@ -1,4 +1,4 @@ -import { elements, ElementViewTemplate, html, ref, slotted } from '@microsoft/fast-element'; +import { elements, type ElementViewTemplate, html, ref, slotted } from '@microsoft/fast-element'; import type { Menu } from './menu.js'; export function menuTemplate(): ElementViewTemplate { diff --git a/packages/web-components/src/menu/menu.ts b/packages/web-components/src/menu/menu.ts index 8ab76766d81d2e..a117e7999514c1 100644 --- a/packages/web-components/src/menu/menu.ts +++ b/packages/web-components/src/menu/menu.ts @@ -1,6 +1,6 @@ import { attr, FASTElement, observable, Updates } from '@microsoft/fast-element'; import { keyEnter, keyEscape, keySpace, keyTab } from '@microsoft/fast-web-utilities'; -import { MenuList } from '../menu-list/menu-list.js'; +import type { MenuList } from '../menu-list/menu-list.js'; import { MenuItem } from '../menu-item/menu-item.js'; import { MenuItemRole } from '../menu-item/menu-item.options.js'; diff --git a/packages/web-components/src/message-bar/message-bar.stories.ts b/packages/web-components/src/message-bar/message-bar.stories.ts index b198bcfd661096..7d168dff86397c 100644 --- a/packages/web-components/src/message-bar/message-bar.stories.ts +++ b/packages/web-components/src/message-bar/message-bar.stories.ts @@ -1,8 +1,7 @@ import { html, repeat } from '@microsoft/fast-element'; import { type Meta, renderComponent, type StoryArgs, type StoryObj } from '../helpers.stories.js'; -import { MessageBar as FluentMessageBar } from './message-bar.js'; +import type { MessageBar as FluentMessageBar } from './message-bar.js'; import { MessageBarIntent, MessageBarLayout, MessageBarShape } from './message-bar.options.js'; -import './define'; type Story = StoryObj; diff --git a/packages/web-components/src/message-bar/message-bar.template.ts b/packages/web-components/src/message-bar/message-bar.template.ts index db049657c4882e..bc9ed59aafccf7 100644 --- a/packages/web-components/src/message-bar/message-bar.template.ts +++ b/packages/web-components/src/message-bar/message-bar.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import type { MessageBar } from './message-bar.js'; /** diff --git a/packages/web-components/src/message-bar/message-bar.ts b/packages/web-components/src/message-bar/message-bar.ts index df2c04b22dc8a5..31e066299506e2 100644 --- a/packages/web-components/src/message-bar/message-bar.ts +++ b/packages/web-components/src/message-bar/message-bar.ts @@ -1,6 +1,6 @@ import { attr, FASTElement } from '@microsoft/fast-element'; import { toggleState } from '../utils/element-internals.js'; -import { MessageBarIntent, MessageBarLayout, MessageBarShape } from './message-bar.options.js'; +import type { MessageBarIntent, MessageBarLayout, MessageBarShape } from './message-bar.options.js'; /** * A Message Bar Custom HTML Element. diff --git a/packages/web-components/src/patterns/start-end.ts b/packages/web-components/src/patterns/start-end.ts index f8c4cb4642e7a3..3999056adde597 100644 --- a/packages/web-components/src/patterns/start-end.ts +++ b/packages/web-components/src/patterns/start-end.ts @@ -1,6 +1,6 @@ //Copied from @microsoft/fast-foundation -import { CaptureType, html, ref } from '@microsoft/fast-element'; +import { type CaptureType, html, ref } from '@microsoft/fast-element'; import type { StaticallyComposableHTML } from '../utils/index.js'; import { staticallyCompose } from '../utils/index.js'; diff --git a/packages/web-components/src/progress-bar/progress-bar.options.ts b/packages/web-components/src/progress-bar/progress-bar.options.ts index 9b1e5a27e13c96..6c4e48cb3f3437 100644 --- a/packages/web-components/src/progress-bar/progress-bar.options.ts +++ b/packages/web-components/src/progress-bar/progress-bar.options.ts @@ -1,5 +1,4 @@ -import type { StaticallyComposableHTML, ValuesOf } from '../utils/index.js'; -import { ProgressBar } from './progress-bar.js'; +import type { ValuesOf } from '../utils/index.js'; /** * ProgressBarThickness Constants diff --git a/packages/web-components/src/progress-bar/progress-bar.ts b/packages/web-components/src/progress-bar/progress-bar.ts index bb13fa57909cb3..9b1fb66a8f322f 100644 --- a/packages/web-components/src/progress-bar/progress-bar.ts +++ b/packages/web-components/src/progress-bar/progress-bar.ts @@ -1,6 +1,6 @@ import { attr, FASTElement, nullableNumberConverter, volatile } from '@microsoft/fast-element'; import { toggleState } from '../utils/element-internals.js'; -import { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js'; +import type { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js'; /** * A Progress HTML Element. diff --git a/packages/web-components/src/radio-group/radio-group.template.ts b/packages/web-components/src/radio-group/radio-group.template.ts index fb446e67de2cd7..c867979738c643 100644 --- a/packages/web-components/src/radio-group/radio-group.template.ts +++ b/packages/web-components/src/radio-group/radio-group.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import type { RadioGroup } from './radio-group.js'; export function radioGroupTemplate(): ElementViewTemplate { diff --git a/packages/web-components/src/radio/radio.template.ts b/packages/web-components/src/radio/radio.template.ts index 9ae83e6a078a60..8f3448a0db4b6d 100644 --- a/packages/web-components/src/radio/radio.template.ts +++ b/packages/web-components/src/radio/radio.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import { staticallyCompose } from '../utils/index.js'; import type { Radio } from './radio.js'; import type { RadioOptions } from './radio.options.js'; diff --git a/packages/web-components/src/rating-display/rating-display.spec.ts b/packages/web-components/src/rating-display/rating-display.spec.ts index 4215afb18bf950..8cb709821172c1 100644 --- a/packages/web-components/src/rating-display/rating-display.spec.ts +++ b/packages/web-components/src/rating-display/rating-display.spec.ts @@ -1,7 +1,7 @@ -import { Locator, test } from '@playwright/test'; +import { type Locator, test } from '@playwright/test'; import { expect, fixtureURL } from '../helpers.tests.js'; import { RatingDisplaySize } from './rating-display.options.js'; -import { RatingDisplay } from './rating-display.js'; +import type { RatingDisplay } from './rating-display.js'; test.describe('Rating Display', () => { let element: Locator; diff --git a/packages/web-components/src/rating-display/rating-display.template.ts b/packages/web-components/src/rating-display/rating-display.template.ts index 08e4187d846214..71d4a88e650b1d 100644 --- a/packages/web-components/src/rating-display/rating-display.template.ts +++ b/packages/web-components/src/rating-display/rating-display.template.ts @@ -1,4 +1,4 @@ -import { elements, ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; +import { elements, type ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; import { staticallyCompose } from '../utils/template-helpers.js'; import type { RatingDisplay } from './rating-display.js'; diff --git a/packages/web-components/src/rating-display/rating-display.ts b/packages/web-components/src/rating-display/rating-display.ts index 253104381fc061..cb28dc8f536825 100644 --- a/packages/web-components/src/rating-display/rating-display.ts +++ b/packages/web-components/src/rating-display/rating-display.ts @@ -1,6 +1,6 @@ import { attr, FASTElement, nullableNumberConverter, observable } from '@microsoft/fast-element'; import { toggleState } from '../utils/element-internals.js'; -import { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js'; +import type { RatingDisplayColor, RatingDisplaySize } from './rating-display.options.js'; /** * The base class used for constructing a fluent-rating-display custom element diff --git a/packages/web-components/src/slider/slider.ts b/packages/web-components/src/slider/slider.ts index 009f079488e96a..fd7ad37a091666 100644 --- a/packages/web-components/src/slider/slider.ts +++ b/packages/web-components/src/slider/slider.ts @@ -14,7 +14,7 @@ import { import { numberLikeStringConverter } from '../utils/converters.js'; import { getDirection } from '../utils/direction.js'; import { toggleState } from '../utils/element-internals.js'; -import { SliderConfiguration, SliderMode, SliderOrientation, SliderSize } from './slider.options.js'; +import { type SliderConfiguration, SliderMode, SliderOrientation, SliderSize } from './slider.options.js'; import { convertPixelToPercent } from './slider-utilities.js'; /** diff --git a/packages/web-components/src/spinner/spinner.stories.ts b/packages/web-components/src/spinner/spinner.stories.ts index 522c4bcb2842e4..8193a8467db617 100644 --- a/packages/web-components/src/spinner/spinner.stories.ts +++ b/packages/web-components/src/spinner/spinner.stories.ts @@ -1,7 +1,7 @@ import { html, repeat } from '@microsoft/fast-element'; import { type Meta, renderComponent, type StoryArgs, type StoryObj } from '../helpers.stories.js'; import { SpinnerAppearance, SpinnerSize } from './spinner.options.js'; -import { Spinner as FluentSpinner } from './spinner.js'; +import type { Spinner as FluentSpinner } from './spinner.js'; type Story = StoryObj; diff --git a/packages/web-components/src/spinner/spinner.template.ts b/packages/web-components/src/spinner/spinner.template.ts index 595e88f61fd540..52cd5cee51739c 100644 --- a/packages/web-components/src/spinner/spinner.template.ts +++ b/packages/web-components/src/spinner/spinner.template.ts @@ -1,5 +1,5 @@ import { html } from '@microsoft/fast-element'; -import { Spinner } from './spinner.js'; +import type { Spinner } from './spinner.js'; export const template = html` diff --git a/packages/web-components/src/switch/switch.template.ts b/packages/web-components/src/switch/switch.template.ts index affb808e6e9716..4af13aeebdf7ec 100644 --- a/packages/web-components/src/switch/switch.template.ts +++ b/packages/web-components/src/switch/switch.template.ts @@ -1,6 +1,6 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import { staticallyCompose } from '../utils/index.js'; -import { Switch, SwitchOptions } from './switch.js'; +import type { Switch, SwitchOptions } from './switch.js'; export function switchTemplate(options: SwitchOptions = {}): ElementViewTemplate { return html` diff --git a/packages/web-components/src/tab-panel/tab-panel.template.ts b/packages/web-components/src/tab-panel/tab-panel.template.ts index 1ea75e0bebe688..8c38ed1cb9548d 100644 --- a/packages/web-components/src/tab-panel/tab-panel.template.ts +++ b/packages/web-components/src/tab-panel/tab-panel.template.ts @@ -1,5 +1,5 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; -import { TabPanel } from './tab-panel.js'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; +import type { TabPanel } from './tab-panel.js'; export function tabPanelTemplate(): ElementViewTemplate { return html` diff --git a/packages/web-components/src/tab/tab.template.ts b/packages/web-components/src/tab/tab.template.ts index 5f82b359bb648c..29322914291858 100644 --- a/packages/web-components/src/tab/tab.template.ts +++ b/packages/web-components/src/tab/tab.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js'; import type { Tab, TabOptions } from './tab.js'; diff --git a/packages/web-components/src/tab/tab.ts b/packages/web-components/src/tab/tab.ts index d059e0dd88562f..49479a810f8c0b 100644 --- a/packages/web-components/src/tab/tab.ts +++ b/packages/web-components/src/tab/tab.ts @@ -1,5 +1,6 @@ -import { attr, css, ElementStyles, FASTElement } from '@microsoft/fast-element'; -import { StartEnd, StartEndOptions } from '../patterns/index.js'; +import { attr, css, type ElementStyles, FASTElement } from '@microsoft/fast-element'; +import type { StartEndOptions } from '../patterns/start-end.js'; +import { StartEnd } from '../patterns/start-end.js'; import { applyMixins } from '../utils/apply-mixins.js'; /** diff --git a/packages/web-components/src/tablist/tablist.template.ts b/packages/web-components/src/tablist/tablist.template.ts index ee814a7eb4a1a5..967b0fccc5a960 100644 --- a/packages/web-components/src/tablist/tablist.template.ts +++ b/packages/web-components/src/tablist/tablist.template.ts @@ -1,5 +1,5 @@ import { html, slotted } from '@microsoft/fast-element'; -import { Tablist } from './tablist.js'; +import type { Tablist } from './tablist.js'; /** * @public diff --git a/packages/web-components/src/tablist/tablist.ts b/packages/web-components/src/tablist/tablist.ts index 6c870412d61d9b..2c30f5624b8d36 100644 --- a/packages/web-components/src/tablist/tablist.ts +++ b/packages/web-components/src/tablist/tablist.ts @@ -1,5 +1,4 @@ import { attr, FASTElement, observable } from '@microsoft/fast-element'; -import { wrapInBounds } from '@microsoft/fast-web-utilities'; import { keyArrowDown, keyArrowLeft, @@ -8,12 +7,13 @@ import { keyEnd, keyHome, uniqueId, + wrapInBounds, } from '@microsoft/fast-web-utilities'; import { getDirection } from '../utils/index.js'; import { toggleState } from '../utils/element-internals.js'; import { isFocusableElement } from '../utils/focusable-element.js'; -import { Tab } from '../index.js'; -import { TablistAppearance, TablistOrientation, TablistSize } from './tablist.options.js'; +import type { Tab } from '../tab/tab.js'; +import { TablistAppearance, TablistOrientation, type TablistSize } from './tablist.options.js'; type TabData = Omit; diff --git a/packages/web-components/src/tabs/tabs.options.ts b/packages/web-components/src/tabs/tabs.options.ts index c236c1ec53e677..57feb931a2c3e4 100644 --- a/packages/web-components/src/tabs/tabs.options.ts +++ b/packages/web-components/src/tabs/tabs.options.ts @@ -1,7 +1,7 @@ import { Orientation } from '@microsoft/fast-web-utilities'; -import { StartEndOptions } from '../patterns/index.js'; +import type { StartEndOptions } from '../patterns/start-end.js'; import type { ValuesOf } from '../utils/index.js'; -import { Tabs } from './tabs.js'; +import type { Tabs } from './tabs.js'; export const TabsAppearance = { subtle: 'subtle', diff --git a/packages/web-components/src/tabs/tabs.template.ts b/packages/web-components/src/tabs/tabs.template.ts index 6371533df2bbcb..ce216dbd5ea0f3 100644 --- a/packages/web-components/src/tabs/tabs.template.ts +++ b/packages/web-components/src/tabs/tabs.template.ts @@ -1,7 +1,7 @@ -import { ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, slotted } from '@microsoft/fast-element'; import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js'; -import { Tabs } from './tabs.js'; -import { TabsOptions } from './tabs.options.js'; +import type { Tabs } from './tabs.js'; +import type { TabsOptions } from './tabs.options.js'; export function tabsTemplate(options: TabsOptions = {}): ElementViewTemplate { return html` diff --git a/packages/web-components/src/tabs/tabs.ts b/packages/web-components/src/tabs/tabs.ts index 80565f1122902d..a932e50c7785ec 100644 --- a/packages/web-components/src/tabs/tabs.ts +++ b/packages/web-components/src/tabs/tabs.ts @@ -1,4 +1,4 @@ -import { attr, css, ElementStyles, FASTElement, observable } from '@microsoft/fast-element'; +import { attr, css, type ElementStyles, FASTElement, observable } from '@microsoft/fast-element'; import { keyArrowDown, keyArrowLeft, @@ -9,10 +9,10 @@ import { limit, uniqueId, } from '@microsoft/fast-web-utilities'; -import { Tab } from '../index.js'; +import type { Tab } from '../tab/tab.js'; import { applyMixins } from '../utils/apply-mixins.js'; import { StartEnd } from '../patterns/index.js'; -import { TabsAppearance, TabsOrientation, TabsSize } from './tabs.options.js'; +import { TabsAppearance, TabsOrientation, type TabsSize } from './tabs.options.js'; type TabData = Omit; diff --git a/packages/web-components/src/text/text.template.ts b/packages/web-components/src/text/text.template.ts index 14985791818545..36cd6985e6a881 100644 --- a/packages/web-components/src/text/text.template.ts +++ b/packages/web-components/src/text/text.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html } from '@microsoft/fast-element'; import type { Text } from './text.js'; /** diff --git a/packages/web-components/src/textarea/textarea.stories.ts b/packages/web-components/src/textarea/textarea.stories.ts index a18ac24e643835..28c58518da628b 100644 --- a/packages/web-components/src/textarea/textarea.stories.ts +++ b/packages/web-components/src/textarea/textarea.stories.ts @@ -1,7 +1,7 @@ -import { html, when } from '@microsoft/fast-element'; +import { html } from '@microsoft/fast-element'; import { type Meta, renderComponent, type StoryArgs, type StoryObj } from '../helpers.stories.js'; import { colorNeutralBackground1, colorNeutralBackground3 } from '../theme/design-tokens.js'; -import { TextArea as FluentTextArea } from './textarea.js'; +import type { TextArea as FluentTextArea } from './textarea.js'; import { TextAreaAppearance, TextAreaResize, TextAreaSize } from './textarea.options.js'; type Story = StoryObj; diff --git a/packages/web-components/src/textarea/textarea.template.ts b/packages/web-components/src/textarea/textarea.template.ts index 4ec2734ebb8c18..350600ec7d669a 100644 --- a/packages/web-components/src/textarea/textarea.template.ts +++ b/packages/web-components/src/textarea/textarea.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate, html, ref, slotted } from '@microsoft/fast-element'; +import { type ElementViewTemplate, html, ref, slotted } from '@microsoft/fast-element'; import { whitespaceFilter } from '../utils/index.js'; import type { TextArea } from './textarea.js'; diff --git a/packages/web-components/src/toggle-button/toggle-button.template.ts b/packages/web-components/src/toggle-button/toggle-button.template.ts index bd9de49545bc56..7ec57064f96f53 100644 --- a/packages/web-components/src/toggle-button/toggle-button.template.ts +++ b/packages/web-components/src/toggle-button/toggle-button.template.ts @@ -1,4 +1,4 @@ -import { ElementViewTemplate } from '@microsoft/fast-element'; +import type { ElementViewTemplate } from '@microsoft/fast-element'; import { buttonTemplate } from '../button/button.template.js'; import type { ToggleButton } from './toggle-button.js'; diff --git a/packages/web-components/src/utils/template-helpers.ts b/packages/web-components/src/utils/template-helpers.ts index f9e8d19f45618a..f270dd7c573243 100644 --- a/packages/web-components/src/utils/template-helpers.ts +++ b/packages/web-components/src/utils/template-helpers.ts @@ -1,7 +1,11 @@ //Copied from @microsoft/fast-foundation -import { CaptureType, HTMLDirective, InlineTemplateDirective } from '@microsoft/fast-element'; -import type { SyntheticViewTemplate } from '@microsoft/fast-element'; +import { + type CaptureType, + type HTMLDirective, + InlineTemplateDirective, + type SyntheticViewTemplate, +} from '@microsoft/fast-element'; /** * A value that can be statically composed into a