Function updateDragMode

src/components/shapes/draw.js:386–422

(evt)

    }

    function updateDragMode(evt) {
        if (shouldSkipEdits(gd)) {
            dragMode = null;
            return;
        }

        if (isLine) {
            if (evt.target.tagName === 'path') {
                dragMode = 'move';
            } else {
                dragMode =
                    evt.target.attributes['data-line-point'].value === 'start-point'
                        ? 'resize-over-start-point'
                        : 'resize-over-end-point';
            }
        } else {
            // element might not be on screen at time of setup,
            // so obtain bounding box here
            var dragBBox = dragOptions.element.getBoundingClientRect();

            // choose 'move' or 'resize'
            // based on initial position of cursor within the drag element
            var w = dragBBox.right - dragBBox.left;
            var h = dragBBox.bottom - dragBBox.top;
            var x = evt.clientX - dragBBox.left;
            var y = evt.clientY - dragBBox.top;
            var cursor =
                !isPath && w > MINWIDTH && h > MINHEIGHT && !evt.shiftKey
                    ? dragElement.getCursor(x / w, 1 - y / h)
                    : 'move';

            setCursor(shapePath, cursor);

            // possible values 'move', 'sw', 'w', 'se', 'e', 'ne', 'n', 'nw' and 'w'
            dragMode = cursor.split('-')[0];
        }
    }

    function startDrag(evt) {
        if (shouldSkipEdits(gd)) return;