chore: enable verbatimModuleSyntax to identify type-only imports and exports

change/@microsoft-fast-element-065d2f58-8e71-46cb-8b0b-7c73b42483eb.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: enable verbatimModuleSyntax to identify type-only imports and exports",
+  "packageName": "@microsoft/fast-element",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

packages/fast-element/src/binding/one-way.ts

@@ -1,6 +1,10 @@
 import type { DOMPolicy } from "../dom.js";
 import type { Subscriber } from "../observation/notifier.js";
-import { Expression, ExpressionObserver, Observable } from "../observation/observable.js";
+import {
+    type Expression,
+    type ExpressionObserver,
+    Observable,
+} from "../observation/observable.js";
 import { Binding } from "./binding.js";
 
 class OneWayBinding<TSource = any, TReturn = any, TParent = any> extends Binding<

packages/fast-element/src/binding/two-way.ts

@@ -3,14 +3,14 @@ import { isString, Message } from "../interfaces.js";
 import type { Subscriber } from "../observation/notifier.js";
 import {
     ExecutionContext,
-    Expression,
-    ExpressionController,
-    ExpressionObserver,
+    type Expression,
+    type ExpressionController,
+    type ExpressionObserver,
     Observable,
-    ObservationRecord,
+    type ObservationRecord,
 } from "../observation/observable.js";
 import { FAST, makeSerializationNoop } from "../platform.js";
-import { Binding, BindingDirective } from "./binding.js";
+import { Binding, type BindingDirective } from "./binding.js";
 
 /**
  * The twoWay binding options.

packages/fast-element/src/components/attributes.ts

@@ -1,4 +1,4 @@
-import { Accessor, Observable } from "../observation/observable.js";
+import { type Accessor, Observable } from "../observation/observable.js";
 import type { Notifier } from "../observation/notifier.js";
 import { isString } from "../interfaces.js";
 import { Updates } from "../observation/update-queue.js";

packages/fast-element/src/components/element-controller.spec.ts

@@ -1,15 +1,15 @@
 import chai, { expect } from "chai";
+import spies from "chai-spies";
+import { toHTML } from "../__test__/helpers.js";
 import { ElementStyles } from "../index.debug.js";
-import type { HostBehavior, HostController } from "../styles/host.js";
 import { observable, Observable } from "../observation/observable.js";
 import { css } from "../styles/css.js";
+import type { HostBehavior, HostController } from "../styles/host.js";
 import { html } from "../templating/template.js";
 import { uniqueElementName } from "../testing/fixture.js";
-import { toHTML } from "../__test__/helpers.js";
 import { deferHydrationAttribute, ElementController, HydratableElementController, needsHydrationAttribute } from "./element-controller.js";
-import { FASTElementDefinition, PartialFASTElementDefinition, TemplateOptions } from "./fast-definitions.js";
+import { FASTElementDefinition, type PartialFASTElementDefinition } from "./fast-definitions.js";
 import { FASTElement } from "./fast-element.js";
-import spies from "chai-spies";
 
 chai.use(spies);
 

packages/fast-element/src/components/element-controller.ts

@@ -1,8 +1,8 @@
-import { Message, Mutable } from "../interfaces.js";
+import { Message, type Mutable } from "../interfaces.js";
 import { PropertyChangeNotifier } from "../observation/notifier.js";
 import {
     ExecutionContext,
-    ExpressionController,
+    type ExpressionController,
     Observable,
     SourceLifetime,
 } from "../observation/observable.js";
@@ -16,7 +16,7 @@ import type { ElementView } from "../templating/view.js";
 import { UnobservableMutationObserver } from "../utilities.js";
 import {
     FASTElementDefinition,
-    ShadowRootOptions,
+    type ShadowRootOptions,
     TemplateOptions,
 } from "./fast-definitions.js";
 import type { FASTElement } from "./fast-element.js";

packages/fast-element/src/components/fast-definitions.ts

@@ -1,7 +1,7 @@
-import { Constructable, isString, KernelServiceId } from "../interfaces.js";
+import { type Constructable, isString, KernelServiceId } from "../interfaces.js";
 import { Observable } from "../observation/observable.js";
 import { createTypeRegistry, FAST, type TypeRegistry } from "../platform.js";
-import { ComposableStyles, ElementStyles } from "../styles/element-styles.js";
+import { type ComposableStyles, ElementStyles } from "../styles/element-styles.js";
 import type { ElementViewTemplate } from "../templating/template.js";
 import { AttributeConfiguration, AttributeDefinition } from "./attributes.js";
 
@@ -18,7 +18,7 @@ export const fastElementRegistry: TypeRegistry<FASTElementDefinition> = FAST.get
     () => createTypeRegistry<FASTElementDefinition>()
 );
 
-export { TypeRegistry };
+export type { TypeRegistry };
 
 /**
  * Shadow root initialization options.

packages/fast-element/src/components/fast-element.ts

@@ -1,8 +1,8 @@
-import { Constructable, isFunction } from "../interfaces.js";
+import { type Constructable, isFunction } from "../interfaces.js";
 import { ElementController } from "./element-controller.js";
 import {
     FASTElementDefinition,
-    PartialFASTElementDefinition,
+    type PartialFASTElementDefinition,
 } from "./fast-definitions.js";
 
 /**

packages/fast-element/src/components/hydration.spec.ts

@@ -1,12 +1,12 @@
 import chai, { expect } from "chai";
+import spies from "chai-spies";
 import "../debug.js";
-import { css, HostBehavior, Updates } from "../index.js";
+import { css, Updates, type HostBehavior } from "../index.js";
 import { html } from "../templating/template.js";
 import { uniqueElementName } from "../testing/exports.js";
 import { ElementController, HydratableElementController } from "./element-controller.js";
-import { FASTElementDefinition, PartialFASTElementDefinition } from "./fast-definitions.js";
+import { FASTElementDefinition, type PartialFASTElementDefinition } from "./fast-definitions.js";
 import { FASTElement } from "./fast-element.js";
-import spies from "chai-spies";
 import { HydrationMarkup } from "./hydration.js";
 
 chai.use(spies)

packages/fast-element/src/context.ts

@@ -1,4 +1,4 @@
-import { Constructable, Message, ParameterDecorator } from "./interfaces.js";
+import { type Constructable, Message, type ParameterDecorator } from "./interfaces.js";
 import { Metadata } from "./metadata.js";
 import { FAST } from "./platform.js";
 

packages/fast-element/src/di/di.ts

@@ -2,8 +2,13 @@
  * Big thanks to https://github.com/fkleuver and the https://github.com/aurelia/aurelia project
  * for the bulk of this code and many of the associated tests.
  */
-import { Context, ContextDecorator, ContextEvent, UnknownContext } from "../context.js";
-import { Class, Constructable, Message } from "../interfaces.js";
+import {
+    Context,
+    type ContextDecorator,
+    ContextEvent,
+    type UnknownContext,
+} from "../context.js";
+import { type Class, type Constructable, Message } from "../interfaces.js";
 import { Metadata } from "../metadata.js";
 import { emptyArray, FAST } from "../platform.js";
 

packages/fast-element/src/dom.ts

@@ -1,4 +1,4 @@
-import { Message, TrustedTypesPolicy } from "./interfaces.js";
+import { Message, type TrustedTypesPolicy } from "./interfaces.js";
 import { FAST } from "./platform.js";
 
 /**