Function updateDistanceHintsForDrag

app.js:526–588

(excludeId, x, y, w, h)

}

function updateDistanceHintsForDrag(excludeId, x, y, w, h) {
  clearDistanceHints();
  const scale = parseFloat(preview.dataset.scale || "1");
  const cap = 200;
  let bestH = null;
  let bestV = null;

  function considerHorizontal(other) {
    const ox = other.x;
    const oy = other.y;
    const ow = other.w;
    const oh = other.h;
    const yOverlap = !(y + h <= oy || y >= oy + oh);
    if (!yOverlap) return;
    if (ox >= x + w) {
      const g = ox - (x + w);
      if (g >= 0 && g <= cap && (!bestH || g < bestH.g))
        bestH = { g, mx: (x + w + ox) / 2, my: (Math.max(y, oy) + Math.min(y + h, oy + oh)) / 2 };
    }
    if (ox + ow <= x) {
      const g = x - (ox + ow);
      if (g >= 0 && g <= cap && (!bestH || g < bestH.g))
        bestH = { g, mx: (ox + ow + x) / 2, my: (Math.max(y, oy) + Math.min(y + h, oy + oh)) / 2 };
    }
  }

  function considerVertical(other) {
    const ox = other.x;
    const oy = other.y;
    const ow = other.w;
    const oh = other.h;
    const xOverlap = !(x + w <= ox || x >= ox + ow);
    if (!xOverlap) return;
    if (oy >= y + h) {
      const g = oy - (y + h);
      if (g >= 0 && g <= cap && (!bestV || g < bestV.g))
        bestV = { g, mx: (Math.max(x, ox) + Math.min(x + w, ox + ow)) / 2, my: (y + h + oy) / 2 };
    }
    if (oy + oh <= y) {
      const g = y - (oy + oh);
      if (g >= 0 && g <= cap && (!bestV || g < bestV.g))
        bestV = { g, mx: (Math.max(x, ox) + Math.min(x + w, ox + ow)) / 2, my: (oy + oh + y) / 2 };
    }
  }

  for (const o of elements) {
    if (o.id === excludeId || o.hidden) continue;
    considerHorizontal(o);
    considerVertical(o);
  }

  function place(val, ax, ay) {
    const s = document.createElement("div");
    s.className = "distance-hint";
    s.textContent = String(Math.round(val));
    s.style.left = ax * scale + "px";
    s.style.top = ay * scale + "px";
    preview.appendChild(s);