feat: migrate image list to typescript

Author: hperrin

packages/image-list/Image.js renamed to packages/image-list/Image.ts

@@ -1,7 +1,8 @@
+import type { SMUIComponent } from '@smui/common';
 import { classAdderBuilder } from '@smui/common/internal';
 import Img from '@smui/common/Img.svelte';
 
 export default classAdderBuilder({
   class: 'mdc-image-list__image',
-  component: Img,
+  component: Img as typeof SMUIComponent,
 });

packages/image-list/ImageAspectContainer.js renamed to packages/image-list/ImageAspectContainer.ts

@@ -1,7 +1,8 @@
+import type { SMUIComponent } from '@smui/common';
 import { classAdderBuilder } from '@smui/common/internal';
 import Div from '@smui/common/Div.svelte';
 
 export default classAdderBuilder({
   class: 'mdc-image-list__image-aspect-container',
-  component: Div,
+  component: Div as typeof SMUIComponent,
 });

packages/image-list/ImageList.svelte

@@ -13,24 +13,25 @@
   <slot />
 </ul>
 
-<script>
+<script lang="ts">
   import { setContext } from 'svelte';
   import { get_current_component } from 'svelte/internal';
   import {
     forwardEventsBuilder,
     classMap,
     useActions,
+    ActionArray,
   } from '@smui/common/internal';
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
-  export let use = [];
+  export let use: ActionArray = [];
   let className = '';
   export { className as class };
   export let masonry = false;
   export let withTextProtection = false;
 
-  let element;
+  let element: HTMLUListElement;
 
   setContext('SMUI:label:context', 'image-list');
 

packages/image-list/Item.js renamed to packages/image-list/Item.ts

@@ -1,7 +1,8 @@
+import type { SMUIComponent } from '@smui/common';
 import { classAdderBuilder } from '@smui/common/internal';
 import Li from '@smui/common/Li.svelte';
 
 export default classAdderBuilder({
   class: 'mdc-image-list__item',
-  component: Li,
+  component: Li as typeof SMUIComponent,
 });

packages/image-list/Supporting.js renamed to packages/image-list/Supporting.ts

@@ -1,7 +1,8 @@
+import type { SMUIComponent } from '@smui/common';
 import { classAdderBuilder } from '@smui/common/internal';
 import Div from '@smui/common/Div.svelte';
 
 export default classAdderBuilder({
   class: 'mdc-image-list__supporting',
-  component: Div,
+  component: Div as typeof SMUIComponent,
 });

packages/image-list/bare.js

@@ -0,0 +1,2 @@
+export * from './index';
+export { default } from './index';

packages/image-list/bare.ts

@@ -1,9 +1,9 @@
 import ImageList from './ImageList.svelte';
 
-import Item from './Item.js';
-import ImageAspectContainer from './ImageAspectContainer.js';
-import Image from './Image.js';
-import Supporting from './Supporting.js';
+import Item from './Item';
+import ImageAspectContainer from './ImageAspectContainer';
+import Image from './Image';
+import Supporting from './Supporting';
 import Label from '@smui/common/CommonLabel.svelte';
 
 export default ImageList;