Function _wireDrag

static/js/sections.js:117–154

(el, section)

// ─── Drag to move ─────────────────────────────────────────

function _wireDrag(el, section) {
  let active = false;
  let startX = 0;
  let origStart = 0;

  el.addEventListener("pointerdown", (e) => {
    if (e.target.closest(".section-handle,.section-del")) return;
    active = true;
    startX = e.clientX;
    origStart = section.start;
    el.setPointerCapture(e.pointerId);
    el.classList.add("sec-dragging");
    e.preventDefault();
  });

  el.addEventListener("pointermove", (e) => {
    if (!active) return;
    const cw = _container.getBoundingClientRect().width;
    if (!cw) return;
    const dt = ((e.clientX - startX) / cw) * _duration;
    const w = section.end - section.start;
    section.start = _clampMove(section.id, origStart + dt, w);
    section.end = section.start + w;
    el.style.left = `${(section.start / _duration) * 100}%`;
  });

  el.addEventListener("pointerup", () => {
    if (!active) return;
    active = false;
    el.classList.remove("sec-dragging");
    _scheduleSave();
  });

  el.addEventListener("pointercancel", () => {
    active = false;
    el.classList.remove("sec-dragging");
  });
}

// ─── Resize handles ───────────────────────────────────────