@mlola-ui/behavior 1.1.15 → 1.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlola-ui/behavior",
-  "version": "1.1.15",
+  "version": "1.1.18",
   "description": "Framework-free behavior for Mlola UI markup: standard DOM, no runtime peers",
   "type": "module",
   "main": "./src/index.js",

package/src/interaction.js

@@ -69,6 +69,13 @@ export function sliderValueForKey(key, current, { min = 0, max = 100, step = 1 }
  * least `threshold` pixels, and more sideways than up or down. Until then the
  * control changes nothing, so a person scrolling past it does not move it.
  */
+/**
+ * On a touch screen, a finger holds still this long (ms) before a dragged
+ * thing lifts, and may drift this far (px) meanwhile; a finger that moves
+ * sooner is scrolling. Kanban and Gantt share it.
+ */
+export const touchHold = Object.freeze({ delay: 250, slop: 8 });
+
 export function isSidewaysDrag(dx, dy, threshold = 6) {
   return Math.abs(dx) >= threshold && Math.abs(dx) >= Math.abs(dy);
 }

package/src/logic.d.ts

@@ -149,6 +149,9 @@ export function fitMenu(
   options?: { offset?: number; padding?: number },
 ): { side: Side; shift: number };
 
+/** On a touch screen: how long a finger holds still before a drag lifts (ms), and how far it may drift meanwhile (px). */
+export const touchHold: { readonly delay: number; readonly slop: number };
+
 /** A CSS-anchored tooltip's side and its slide along that edge to stay on screen. */
 export function fitTooltip(
   anchor: Rect,