Function getMultiAxisClipRect

src/components/shapes/draw.js:258–284

(gd, xref, yref)

}

function getMultiAxisClipRect(gd, xref, yref) {
    const gs = gd._fullLayout._size;

    function getBounds(refs, isVertical) {
        // Retrieve all existing axes from the references
        const axes = (Array.isArray(refs) ? refs : [refs]).map((r) => Axes.getFromId(gd, r)).filter(Boolean);

        // If no valid axes, return the bounds of the larger plot area
        if (!axes.length) {
            return isVertical ? [gs.t, gs.t + gs.h] : [gs.l, gs.l + gs.w];
        }

        // Otherwise, we find all find and return the smallest start point
        // and largest end point to be used as the clip bounds
        const startBounds = axes.map(function (ax) {
            return ax._offset;
        });
        const endBounds = axes.map(function (ax) {
            return ax._offset + ax._length;
        });
        return [Math.min(...startBounds), Math.max(...endBounds)];
    }

    const xb = getBounds(xref, false);
    const yb = getBounds(yref, true);
    return { x: xb[0], y: yb[0], width: xb[1] - xb[0], height: yb[1] - yb[0] };
}

function setupDragElement(gd, shapePath, shapeOptions, index, shapeLayer, editHelpers) {
    var MINWIDTH = 10;