@ziadshalaby/ngx-zs-component 3.1.6 → 3.1.7

package/fesm2022/ziadshalaby-ngx-zs-component.mjs

@@ -1929,7 +1929,7 @@ class ThemeToggle {
     setManualTheme = input(null, ...(ngDevMode ? [{ debugName: "setManualTheme" }] : []));
     fromTop = input(1 / 4, ...(ngDevMode ? [{ debugName: "fromTop" }] : []));
     panelTop = linkedSignal(() => window.innerHeight * this.fromTop(), ...(ngDevMode ? [{ debugName: "panelTop" }] : []));
-    lastPanelTop = signal(this.panelTop(), ...(ngDevMode ? [{ debugName: "lastPanelTop" }] : []));
+    pressTop = signal(0, ...(ngDevMode ? [{ debugName: "pressTop" }] : []));
     isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : []));
     startY = 0;
     startTop = 0;
@@ -1944,7 +1944,6 @@ class ThemeToggle {
         const savedTop = localStorage.getItem('themeToggleTop');
         if (savedTop) {
             this.panelTop.set(+savedTop);
-            this.lastPanelTop.set(+savedTop);
         }
         // ① تهيئة الثيم
         const savedTheme = localStorage.getItem('theme');
@@ -1999,10 +1998,10 @@ class ThemeToggle {
     // Component Methods
     // ==============================================
     isDragged() {
-        const p = this.panelTop;
-        const l = this.lastPanelTop;
-        if (p() !== l()) {
-            l.set(p());
+        const DRAG_THRESHOLD = 6; // px
+        const moved = Math.abs(this.panelTop() - this.pressTop()) > DRAG_THRESHOLD;
+        if (moved) {
+            this.pressTop.set(this.panelTop());
             return true;
         }
         return false;
@@ -2025,6 +2024,7 @@ class ThemeToggle {
         this.isDragging.set(true);
         this.startY = event.clientY;
         this.startTop = this.panelTop();
+        this.pressTop.set(this.panelTop());
         event.target.setPointerCapture(event.pointerId);
     }
     onDragMove(event) {