fix: typing/linting issue with newly introduced generics

Author: orefalo

src/lib/VirtualListNew.svelte

@@ -28,6 +28,9 @@
 
     return result;
   })();
+
+  // this line fixes an issue with es-lint and the ItenType generic
+  type ItemType = any;
 </script>
 
 <script lang="ts" generics="ItemType">

src/routes/examples/events/code.svelte

@@ -121,7 +121,7 @@
   sizingCalculator={szCalculator}
   onAfterScroll={(...props) => handleMessage('onAfterScroll:', props)}
   onVisibleRangeUpdate={(...props) => handleMessage('onVisibleRangeUpdate:', props)}>
-  {#snippet vl_slot({ index, item, size }: VLSlotSignature)}
+  {#snippet vl_slot({ index, item, size }: VLSlotSignature<(typeof myModel)[0]>)}
     <div
       style="border: 1px solid rgb(204, 204, 204); line-height: {size}px;"
       class:highlighted={index === scrollToIndex}>

src/routes/examples/horizontal/code.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <VirtualList items={myModel} style="width:100%" isHorizontal={true}>
-  {#snippet vl_slot({ item }: VLSlotSignature)}
+  {#snippet vl_slot({ item }: VLSlotSignature<(typeof myModel)[0]>)}
     <div style="border: 1px solid rgb(204, 204, 204)">
       {item.text}
     </div>

src/routes/examples/positioning/code.svelte

@@ -132,7 +132,7 @@
   {scrollToBehaviour}
   sizingCalculator={szCalculator}
   onVisibleRangeUpdate={handleVisualRangeChange}>
-  {#snippet vl_slot({ index, item, size }: VLSlotSignature)}
+  {#snippet vl_slot({ index, item, size }: VLSlotSignature<(typeof myModel)[0]>)}
     <div
       style="border: 1px solid rgb(204, 204, 204); line-height: {size}px;"
       class:highlighted={index === scrollToIndex}>

src/routes/examples/variablesizing/code.svelte

@@ -24,7 +24,7 @@
 <h2>Horizontal</h2>
 
 <VirtualList items={myModel} style="width:100%" isHorizontal={true} sizingCalculator={calculator}>
-  {#snippet vl_slot({ index, item, size }: VLSlotSignature)}
+  {#snippet vl_slot({ index, item, size }: VLSlotSignature<(typeof myModel)[0]>)}
     <div style="border: 1px solid rgb(204, 204, 204); width: {size}px;">
       #{index}
       {item.text}
@@ -35,7 +35,7 @@
 <h2>Vertical</h2>
 
 <VirtualList items={myModel} style="height:600px" sizingCalculator={calculator}>
-  {#snippet vl_slot({ index, item, size }: VLSlotSignature)}
+  {#snippet vl_slot({ index, item, size }: VLSlotSignature<(typeof myModel)[0]>)}
     <div style="border: 1px solid rgb(204, 204, 204); line-height: {size}px;">
       #{index} Content:{item.text}
     </div>

src/routes/examples/vertical/code.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <VirtualList items={myModel} style="height:600px">
-  {#snippet vl_slot({ item }: VLSlotSignature)}
+  {#snippet vl_slot({ item }: VLSlotSignature<(typeof myModel)[0]>)}
     <div style="border: 1px solid rgb(204, 204, 204)">
       {item.text}
     </div>