From d20aa819828886ffc98c308f4a8a94076c060d4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
 =?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Thu, 30 Jan 2025 15:08:51 +0500
Subject: [PATCH] refactor: add setting "isClickHold" to false on
 "pointerleave" event

---
 src/components/Knob/Knob.vue               | 1 +
 src/components/ProgressBar/ProgressBar.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/Knob/Knob.vue b/src/components/Knob/Knob.vue
index e6da388..5da0e2d 100644
--- a/src/components/Knob/Knob.vue
+++ b/src/components/Knob/Knob.vue
@@ -103,6 +103,7 @@ const onPointerDown = ($event: MouseEvent) => {
     @pointerdown.prevent="!buttons && onPointerDown($event)"
     @pointermove="isClickHold ? setNewValue($event) : ''"
     @pointerup="isClickHold = false"
+    @pointerleave="isClickHold = false"
     class="container containerSize"
     ref="container"
   >
diff --git a/src/components/ProgressBar/ProgressBar.vue b/src/components/ProgressBar/ProgressBar.vue
index 4936a0d..4bc23be 100644
--- a/src/components/ProgressBar/ProgressBar.vue
+++ b/src/components/ProgressBar/ProgressBar.vue
@@ -72,6 +72,7 @@ const onPointerDown = (event: MouseEvent) => {
     @pointerdown.prevent="onPointerDown($event)"
     @pointermove="isClickHold ? setNewValue($event) : ''"
     @pointerup="isClickHold = false"
+    @pointerleave="isClickHold = false"
   >
     <div class="active">
       <span v-show="showLabel" class="value">{{ labelBefore }}{{ value }}{{ labelAfter }}</span>
-- 
GitLab