feat(SlideGroup): added touch support

TheComputerM · Sep 22, 2020 · d18e33b · d18e33b
1 parent 5305b3d
commit d18e33b
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/svelte-materialify/src/components/SlideGroup/SlideGroup.svelte b/packages/svelte-materialify/src/components/SlideGroup/SlideGroup.svelte
@@ -50,6 +50,15 @@
     x -= wrapperWidth;
   }
 
+  let touchStartX;
+  function touchstart({ touches }) {
+    touchStartX = x + touches[0].clientX;
+  }
+
+  function touchmove({ touches }) {
+    x = touchStartX - touches[0].clientX;
+  }
+
   $: arrowsVisible = wrapperWidth < contentWidth && showArrows;
 </script>
 
@@ -75,7 +84,11 @@
       </slot>
     </div>
   {/if}
-  <div class="s-slide-group__wrapper" bind:clientWidth={wrapperWidth}>
+  <div
+    class="s-slide-group__wrapper"
+    on:touchstart={touchstart}
+    on:touchmove={touchmove}
+    bind:clientWidth={wrapperWidth}>
     <div
       class="s-slide-group__content"
       style="transform:translate(-{x}px)"