Function bindScrubLabel

app.js:6484–6508

Drag numeric labels horizontally to scrub values (Figma-like).

(labelEl, inputEl, opts)

/** Drag numeric labels horizontally to scrub values (Figma-like). */
function bindScrubLabel(labelEl, inputEl, opts) {
  const isRotation = !!(opts && opts.isRotation);
  if (!labelEl || !inputEl) return;
  labelEl.addEventListener("mousedown", (e) => {
    if (e.button !== 0) return;
    e.preventDefault();
    const startX = e.clientX;
    const base = isRotation ? (parseFloat(inputEl.value) || 0) : (parseInt(inputEl.value, 10) || 0);
    function onMove(ev) {
      const dx = ev.clientX - startX;
      const scale = ev.shiftKey ? 2 : ev.altKey ? 0.25 : 1;
      const next = isRotation
        ? Math.round(base + dx * 0.35 * scale)
        : Math.round(base + dx * 0.12 * scale);
      inputEl.value = String(next);
      inputEl.dispatchEvent(new Event("input", { bubbles: true }));
    }
    function onUp() {
      document.removeEventListener("mousemove", onMove);
      document.removeEventListener("mouseup", onUp);
    }
    document.addEventListener("mousemove", onMove);
    document.addEventListener("mouseup", onUp);
  });
}

bindNumeric(propX, "x");
bindNumeric(propY, "y");