notesnook/packages/editor/dist/utils/position.js

var mousePosition = { x: 0, y: 0, actualX: 0, actualY: 0 };
window.addEventListener("mousemove", function (e) {
    var _a = getMousePosition(e), x = _a.x, y = _a.y, actualX = _a.actualX, actualY = _a.actualY;
    mousePosition.x = x;
    mousePosition.y = y;
    mousePosition.actualX = actualX;
    mousePosition.actualY = actualY;
});
export function getPosition(element, options) {
    var _a = options || {}, _b = _a.target, target = _b === void 0 ? "mouse" : _b, _c = _a.isTargetAbsolute, isTargetAbsolute = _c === void 0 ? false : _c, _d = _a.location, location = _d === void 0 ? undefined : _d, _e = _a.yOffset, yOffset = _e === void 0 ? 0 : _e, _f = _a.xOffset, xOffset = _f === void 0 ? 0 : _f, _g = _a.align, align = _g === void 0 ? "start" : _g, _h = _a.parent, parent = _h === void 0 ? document.body : _h, yAnchor = _a.yAnchor;
    var _j = target === "mouse"
        ? mousePosition
        : getElementPosition(target, isTargetAbsolute), x = _j.x, y = _j.y, width = _j.width, height = _j.height, actualX = _j.actualX, actualY = _j.actualY;
    var elementWidth = element.offsetWidth;
    var elementHeight = element.offsetHeight;
    var windowWidth = parent.clientWidth;
    var windowHeight = parent.clientHeight;
    var position = { top: 0, left: 0 };
    if (windowWidth - actualX < elementWidth) {
        var xDiff = actualX - x;
        position.left = windowWidth - elementWidth;
        position.left -= xDiff;
    }
    else {
        position.left = x;
    }
    if (width && location === "right") {
        position.left += width;
    }
    else if (location === "left")
        position.left -= elementWidth;
    if (actualY + elementHeight > windowHeight) {
        position.top = windowHeight - elementHeight;
    }
    else {
        position.top = y;
    }
    if (height) {
        if (location === "below")
            position.top += height;
        else if (location === "top")
            position.top = y - elementHeight;
    }
    if (width && target !== "mouse" && align === "center" && elementWidth > 0) {
        position.left -= elementWidth / 2 - width / 2;
    }
    else if (width &&
        target !== "mouse" &&
        align === "end" &&
        elementWidth > 0) {
        position.left -= elementWidth - width;
    }
    // Adjust menu height
    if (elementHeight > windowHeight - position.top) {
        element.style.maxHeight = "".concat(windowHeight - 20, "px");
    }
    if (yAnchor) {
        var anchorY = getElementPosition(yAnchor, isTargetAbsolute);
        position.top = anchorY.y - elementHeight;
    }
    position.top = isTargetAbsolute && position.top < 0 ? 0 : position.top;
    position.left = isTargetAbsolute && position.left < 0 ? 0 : position.left;
    position.top += location === "below" ? yOffset : -yOffset;
    position.left += xOffset;
    return position;
}
function getMousePosition(e) {
    var posx = 0;
    var posy = 0;
    if (!e && window.event)
        e = window.event;
    if (e.pageX || e.pageY) {
        posx = e.pageX;
        posy = e.pageY;
    }
    else if (e.clientX || e.clientY) {
        posx =
            e.clientX +
                document.body.scrollLeft +
                document.documentElement.scrollLeft;
        posy =
            e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }
    return {
        x: posx,
        y: posy,
        actualY: posy,
        actualX: posx,
    };
}
export function getElementPosition(element, absolute) {
    var rect = element.getBoundingClientRect();
    var position = {
        x: element.offsetLeft,
        y: element.offsetTop,
        width: rect.width,
        height: rect.height,
        actualY: rect.y,
        actualX: rect.x,
    };
    if (absolute) {
        position.x = position.actualX;
        position.y = position.actualY;
    }
    return position;
}