@ajuarezso/sui-design-system 0.2.5 → 0.2.6

package/fesm2022/ajuarezso-sui-design-system.mjs

@@ -14619,6 +14619,11 @@ class SuiTable {
         });
     }
     bindTouchScroll(el) {
+        /* X NATIVO también en Android: el bug de Chromium es solo con el gesto
+           VERTICAL (no delega al scroll de la página). `touch-action: pan-x` deja
+           que el browser haga el pan/fling horizontal nativo (fluido de verdad) y
+           nos entrega los gestos verticales para manejarlos por JS. */
+        el.style.touchAction = 'pan-x';
         let sx = 0, sy = 0, lx = 0, ly = 0;
         let axis = null;
         let pageScroller = null;
@@ -14626,7 +14631,7 @@ class SuiTable {
            ventana de samples (~100ms) tipo VelocityTracker de Android — NO con el
            último move suelto: el dedo siempre desacelera antes de soltar, así que
            la velocidad instantánea final es ~0 y el fling moría → scroll "lento". */
-        let vy = 0, vx = 0, momentumRaf = 0, momentumTs = 0;
+        let vy = 0, momentumRaf = 0, momentumTs = 0;
         const samples = [];
         const VELOCITY_WINDOW_MS = 100;
         const findPageScroller = () => {
@@ -14679,9 +14684,13 @@ class SuiTable {
                 axis = canScrollX && dx > dy ? 'x' : 'y';
             }
             if (axis === 'x') {
-                el.scrollLeft -= t.clientX - lx;
+                /* Horizontal: NO interceptar — con touch-action:pan-x el browser hace el
+                   scroll X nativo (momentum incluido). Solo actualizamos refs. */
+                lx = t.clientX;
+                ly = t.clientY;
+                return;
             }
-            else if (pageScroller) {
+            if (pageScroller) {
                 pageScroller.scrollTop -= t.clientY - ly;
             }
             samples.push({ x: t.clientX, y: t.clientY, t: e.timeStamp });
@@ -14701,23 +14710,6 @@ class SuiTable {
             const first = samples[0];
             const last = samples[samples.length - 1];
             const win = last && first ? last.t - first.t : 0;
-            if (axis === 'x') {
-                vx = win > 0 ? (last.x - first.x) / win : 0;
-                if (Math.abs(vx) < 0.05)
-                    return;
-                momentumTs = 0;
-                const stepX = (ts) => {
-                    if (!momentumTs)
-                        momentumTs = ts;
-                    const dt = Math.min(ts - momentumTs, 32);
-                    momentumTs = ts;
-                    el.scrollLeft -= vx * dt;
-                    vx *= Math.pow(0.95, dt / 16);
-                    momentumRaf = Math.abs(vx) > 0.02 ? requestAnimationFrame(stepX) : 0;
-                };
-                momentumRaf = requestAnimationFrame(stepX);
-                return;
-            }
             if (!pageScroller)
                 return;
             vy = win > 0 ? (last.y - first.y) / win : 0;