Function addResizeHandles

app.js:4326–4357

(elementDiv, el, isOLED, oledCanvasOk)

function addResizeHandles(elementDiv, el, isOLED, oledCanvasOk) {
  const id = el.id;
  if (el.type !== "image" && el.type !== "icon") {
    const handles = [
      { class: "nw", cursor: "nw-resize" },
      { class: "ne", cursor: "ne-resize" },
      { class: "sw", cursor: "sw-resize" },
      { class: "se", cursor: "se-resize" },
      { class: "n", cursor: "n-resize" },
      { class: "s", cursor: "s-resize" },
      { class: "e", cursor: "e-resize" },
      { class: "w", cursor: "w-resize" }
    ];

    handles.forEach((handle) => {
      const handleDiv = document.createElement("div");
      handleDiv.className = `resize-handle ${handle.class}`;
      handleDiv.dataset.handle = handle.class;
      handleDiv.dataset.elementId = id;
      enableResize(handleDiv, id, handle.class);
      elementDiv.appendChild(handleDiv);
    });
  }

  if (elementShowsRotationHandle(el, isOLED, oledCanvasOk)) {
    const rh = document.createElement("div");
    rh.className = "resize-handle rotate-handle";
    rh.title = "Rotate (Shift: 15° steps)";
    enableRotate(rh, id);
    elementDiv.appendChild(rh);
  }
}

function enableResize(handle, elementId, direction) {
  let isResizing = false;