chore: enable verbatimModuleSyntax for web platform

.changeset/nasty-llamas-lie.md

@@ -0,0 +1,2 @@
+---
+---

packages/web-platform/tsconfig.json

@@ -9,7 +9,6 @@
     "esModuleInterop": false,
     "exactOptionalPropertyTypes": false,
     "isolatedDeclarations": false,
-    "verbatimModuleSyntax": false,
   },
   "references": [
     /** packages-start */

packages/web-platform/web-elements-compat/src/LinearContainer/LinearContainer.ts

@@ -3,7 +3,7 @@
 // LICENSE file in the root directory of this source tree.
 import './linear-compat.css';
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   WebComponentClass,
 } from '@lynx-js/web-elements';

packages/web-platform/web-elements/src/ScrollView/FadeEdgeLengthAttribute.ts

@@ -4,13 +4,13 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToStyle,
   genDomGetter,
   registerAttributeHandler,
   registerStyleChangeHandler,
 } from '@lynx-js/web-elements-reactive';
-import { ScrollView } from './ScrollView.js';
+import type { ScrollView } from './ScrollView.js';
 
 export class FadeEdgeLengthAttribute
   implements InstanceType<AttributeReactiveClass<typeof ScrollView>>

packages/web-platform/web-elements/src/ScrollView/ScrollAttributes.ts

@@ -4,11 +4,10 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
-  genDomGetter,
+  type AttributeReactiveClass,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
-import { ScrollView } from './ScrollView.js';
+import type { ScrollView } from './ScrollView.js';
 
 export class ScrollAttributes
   implements InstanceType<AttributeReactiveClass<typeof ScrollView>>

packages/web-platform/web-elements/src/ScrollView/ScrollIntoView.ts

@@ -3,11 +3,8 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import {
-  AttributeReactiveClass,
-  genDomGetter,
-} from '@lynx-js/web-elements-reactive';
-import { ScrollView } from './ScrollView.js';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import type { ScrollView } from './ScrollView.js';
 
 export class ScrollIntoView
   implements InstanceType<AttributeReactiveClass<typeof ScrollView>>

packages/web-platform/web-elements/src/ScrollView/ScrollViewEvents.ts

@@ -10,7 +10,7 @@ import {
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
-import { ScrollView } from './ScrollView.js';
+import type { ScrollView } from './ScrollView.js';
 import { bindToIntersectionObserver } from '../common/bindToIntersectionObserver.js';
 import { useScrollEnd } from '../common/constants.js';
 

packages/web-platform/web-elements/src/XAudioTT/XAudioAttribute.ts

@@ -5,7 +5,7 @@
 */
 
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   genDomGetter,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XAudioTT/XAudioEvents.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   genDomGetter,
 } from '@lynx-js/web-elements-reactive';
 import {

packages/web-platform/web-elements/src/XCanvas/CanvasAttributes.ts

@@ -4,13 +4,13 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
-import { XCanvas } from './XCanvas.js';
+import type { XCanvas } from './XCanvas.js';
 
 export class CanvasAttributes
   implements InstanceType<AttributeReactiveClass<typeof XCanvas>>

packages/web-platform/web-elements/src/XFoldViewNg/XFoldviewHeaderNgFeatures.ts

@@ -4,8 +4,8 @@
 // LICENSE file in the root directory of this source tree.
 */
 import type { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XFoldviewHeaderNg } from './XFoldviewHeaderNg.js';
-import { XFoldviewNg } from './XFoldviewNg.js';
+import type { XFoldviewHeaderNg } from './XFoldviewHeaderNg.js';
+import type { XFoldviewNg } from './XFoldviewNg.js';
 
 export class XFoldviewHeaderNgFeatures
   implements InstanceType<AttributeReactiveClass<typeof XFoldviewHeaderNg>>

packages/web-platform/web-elements/src/XFoldViewNg/XFoldviewNgEvents.ts

@@ -4,11 +4,11 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
-import { XFoldviewNg } from './XFoldviewNg.js';
+import type { XFoldviewNg } from './XFoldviewNg.js';
 
 export class XFoldviewNgEvents
   implements InstanceType<AttributeReactiveClass<typeof XFoldviewNg>>

packages/web-platform/web-elements/src/XFoldViewNg/XFoldviewSlotNgTouchEventsHandler.ts

@@ -4,8 +4,8 @@
 // LICENSE file in the root directory of this source tree.
 */
 import type { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XFoldviewNg } from './XFoldviewNg.js';
-import { XFoldviewSlotNg } from './XFoldviewSlotNg.js';
+import type { XFoldviewNg } from './XFoldviewNg.js';
+import type { XFoldviewSlotNg } from './XFoldviewSlotNg.js';
 import { isChromium } from '../common/constants.js';
 export class XFoldviewSlotNgTouchEventsHandler
   implements InstanceType<AttributeReactiveClass<typeof XFoldviewSlotNg>>

packages/web-platform/web-elements/src/XImage/DropShadow.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToStyle,
   genDomGetter,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XImage/ImageEvents.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';

packages/web-platform/web-elements/src/XInput/InputBaseAttributes.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   genDomGetter,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XInput/Placeholder.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   bindToStyle,
   genDomGetter,

packages/web-platform/web-elements/src/XInput/XInputAttribute.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   genDomGetter,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XInput/XInputEvents.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';

packages/web-platform/web-elements/src/XList/XListAttributes.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToStyle,
   boostedQueueMicrotask,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XList/XListEvents.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';

packages/web-platform/web-elements/src/XOverlayNg/XOverlayAttributes.ts

@@ -4,9 +4,9 @@
 // LICENSE file in the root directory of this source tree.
 */
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
-import { XOverlayNg } from './XOverlayNg.js';
+import type { XOverlayNg } from './XOverlayNg.js';
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   registerAttributeHandler,
   genDomGetter,
 } from '@lynx-js/web-elements-reactive';

packages/web-platform/web-elements/src/XRefreshView/XRefreshSubElementIntersectionObserver.ts

@@ -3,9 +3,9 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XRefreshFooter } from './XRefreshFooter.js';
-import { XRefreshHeader } from './XRefreshHeader.js';
+import type { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import type { XRefreshFooter } from './XRefreshFooter.js';
+import type { XRefreshHeader } from './XRefreshHeader.js';
 
 export class XRefreshIntersectionObserverEvent extends Event {
   static EventName = 'x-refresh-view-intersecting';

packages/web-platform/web-elements/src/XRefreshView/XRefreshViewEventsEmitter.ts

@@ -8,9 +8,9 @@ import {
   registerAttributeHandler,
   genDomGetter,
 } from '@lynx-js/web-elements-reactive';
-import { XRefreshHeader } from './XRefreshHeader.js';
+import type { XRefreshHeader } from './XRefreshHeader.js';
 import { XRefreshIntersectionObserverEvent } from './XRefreshSubElementIntersectionObserver.js';
-import { XRefreshView } from './XRefreshView.js';
+import type { XRefreshView } from './XRefreshView.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 
 export class XRefreshViewEventsEmitter

packages/web-platform/web-elements/src/XSvg/XSvg.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   Component,
   bindToStyle,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XSwiper/XSwiperAutoScroll.ts

@@ -4,10 +4,10 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
-import { XSwiper } from './XSwiper.js';
+import type { XSwiper } from './XSwiper.js';
 
 export class XSwiperAutoScroll
   implements InstanceType<AttributeReactiveClass<typeof XSwiper>>

packages/web-platform/web-elements/src/XSwiper/XSwiperCircular.ts

@@ -4,12 +4,12 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindSwitchToEventListener,
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
-import { XSwiper } from './XSwiper.js';
+import type { XSwiper } from './XSwiper.js';
 
 export class XSwiperCircular
   implements InstanceType<AttributeReactiveClass<typeof XSwiper>>

packages/web-platform/web-elements/src/XSwiper/XSwiperEvents.ts

@@ -9,7 +9,7 @@ import {
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
-import { XSwiper } from './XSwiper.js';
+import type { XSwiper } from './XSwiper.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 import { useScrollEnd } from '../common/constants.js';
 

packages/web-platform/web-elements/src/XSwiper/XSwiperIndicator.ts

@@ -4,13 +4,13 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   genDomGetter,
   registerAttributeHandler,
   bindToStyle,
   boostedQueueMicrotask,
 } from '@lynx-js/web-elements-reactive';
-import { XSwiper } from './XSwiper.js';
+import type { XSwiper } from './XSwiper.js';
 
 export class XSwiperIndicator
   implements InstanceType<AttributeReactiveClass<typeof XSwiper>>

packages/web-platform/web-elements/src/XText/InlineImage.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   Component,
   genDomGetter,
   html,

packages/web-platform/web-elements/src/XText/XTextTruncation.ts

@@ -10,7 +10,7 @@ import {
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
-import { XText } from './XText.js';
+import type { XText } from './XText.js';
 type NodeInfo = {
   node: Text | Element;
   start: number;

packages/web-platform/web-elements/src/XTextarea/Placeholder.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   bindToStyle,
   genDomGetter,

packages/web-platform/web-elements/src/XTextarea/TextareaBaseAttributes.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   genDomGetter,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XTextarea/XTextareaAttributes.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   bindToAttribute,
   genDomGetter,
   registerAttributeHandler,

packages/web-platform/web-elements/src/XTextarea/XTextareaEvents.ts

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';

packages/web-platform/web-elements/src/XView/BlurRadius.ts

@@ -4,11 +4,11 @@
 // LICENSE file in the root directory of this source tree.
 */
 import {
-  AttributeReactiveClass,
+  type AttributeReactiveClass,
   genDomGetter,
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
-import { XBlurView } from './XBlurView.js';
+import type { XBlurView } from './XBlurView.js';
 
 export class BlurRadius
   implements InstanceType<AttributeReactiveClass<typeof XBlurView>>

packages/web-platform/web-elements/src/XViewpagerNg/XViewpagerNgEvents.ts

@@ -9,7 +9,7 @@ import {
   registerAttributeHandler,
 } from '@lynx-js/web-elements-reactive';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
-import { XViewpagerNg } from './XViewpagerNg.js';
+import type { XViewpagerNg } from './XViewpagerNg.js';
 import { useScrollEnd } from '../common/constants.js';
 
 export class XViewpagerNgEvents