From c5ca27922762507e1598aedc36253c8cd08683de Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sun, 20 Jul 2025 02:44:01 +0200
Subject: [PATCH] fix: support pointer cancelling for other components too

---
 package.json                                | 2 +-
 src/lib/components/ui/player/seekbar.svelte | 3 ++-
 src/lib/components/ui/player/volume.svelte  | 3 ++-
 src/lib/components/ui/player/wrapper.svelte | 3 ++-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 6692c9d..7f33f6d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ui",
-	"version": "6.4.69",
+	"version": "6.4.70",
 	"license": "BUSL-1.1",
 	"private": true,
 	"packageManager": "pnpm@9.15.5",
diff --git a/src/lib/components/ui/player/seekbar.svelte b/src/lib/components/ui/player/seekbar.svelte
index 1657980..ab72b03 100644
--- a/src/lib/components/ui/player/seekbar.svelte
+++ b/src/lib/components/ui/player/seekbar.svelte
@@ -149,7 +149,8 @@
   on:pointerdown={startSeeking}
   on:pointerup={endSeeking}
   on:pointermove={calculatePositionProgress}
-  on:pointerleave={endHover}>
+  on:pointerleave={endHover}
+  on:pointercancel={endHover}>
   {#each segments as chapter, i (chapter)}
     {@const { size, scale, offset } = chapter}
     {@const active = seek && seek > offset && seek < offset + size}
diff --git a/src/lib/components/ui/player/volume.svelte b/src/lib/components/ui/player/volume.svelte
index 82dbe2f..c5a223d 100644
--- a/src/lib/components/ui/player/volume.svelte
+++ b/src/lib/components/ui/player/volume.svelte
@@ -60,7 +60,8 @@
     bind:this={seekbar}
     on:pointerdown={startSeeking}
     on:pointerup={endSeeking}
-    on:pointermove={calculatePositionProgress}>
+    on:pointermove={calculatePositionProgress}
+    on:pointercancel={endSeeking}>
     <div class='w-full h-0.5 overflow-clip rounded-[2px] relative transform-gpu transition-transform -translate-x-full group-select/volume:translate-x-0'>
       <div class='w-full bg-[rgba(217,217,217,0.4)] h-full' />
       <div class='w-full bg-white h-full absolute top-0 left-0 transform-gpu' style:--tw-translate-x='{volume * 100 - 100}%' />
diff --git a/src/lib/components/ui/player/wrapper.svelte b/src/lib/components/ui/player/wrapper.svelte
index 0d0a03e..c724d92 100644
--- a/src/lib/components/ui/player/wrapper.svelte
+++ b/src/lib/components/ui/player/wrapper.svelte
@@ -68,7 +68,8 @@
   on:pointerdown={startDragging}
   on:pointerup|self={endDragging}
   on:pointermove|self={calculatePosition}
-  on:pointerleave|self={endHover}>
+  on:pointerleave|self={endHover}
+  on:pointercancel|self={endHover}>
   <div class={cn(
     'pointer-events-auto w-full',
     isMiniplayer ? 'max-w-80 absolute bottom-0 right-0 rounded-lg overflow-clip miniplayer transition-transform duration-[500ms] ease-[cubic-bezier(0.3,1.5,0.8,1)]' : 'h-full w-full',