109 lines
3.3 KiB
JavaScript
109 lines
3.3 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
exports.__esModule = true;
|
||
|
|
var _element = require("../../helpers/dom/element");
|
||
|
|
/**
|
||
|
|
* Helper class for checking if element will fit at the desired side of cursor.
|
||
|
|
*
|
||
|
|
* @private
|
||
|
|
* @class Cursor
|
||
|
|
*/
|
||
|
|
class Cursor {
|
||
|
|
constructor(object, rootWindow) {
|
||
|
|
const windowScrollTop = (0, _element.getWindowScrollTop)(rootWindow);
|
||
|
|
const windowScrollLeft = (0, _element.getWindowScrollLeft)(rootWindow);
|
||
|
|
let top;
|
||
|
|
let topRelative;
|
||
|
|
let left;
|
||
|
|
let leftRelative;
|
||
|
|
let cellHeight;
|
||
|
|
let cellWidth;
|
||
|
|
this.rootWindow = rootWindow;
|
||
|
|
this.type = this.getSourceType(object);
|
||
|
|
if (this.type === 'literal') {
|
||
|
|
top = parseInt(object.top, 10);
|
||
|
|
left = parseInt(object.left, 10);
|
||
|
|
cellHeight = object.height || 0;
|
||
|
|
cellWidth = object.width || 0;
|
||
|
|
topRelative = top;
|
||
|
|
leftRelative = left;
|
||
|
|
top += windowScrollTop;
|
||
|
|
left += windowScrollLeft;
|
||
|
|
} else if (this.type === 'event') {
|
||
|
|
top = parseInt(object.pageY, 10);
|
||
|
|
left = parseInt(object.pageX, 10);
|
||
|
|
cellHeight = object.target.clientHeight;
|
||
|
|
cellWidth = object.target.clientWidth;
|
||
|
|
topRelative = top - windowScrollTop;
|
||
|
|
leftRelative = left - windowScrollLeft;
|
||
|
|
}
|
||
|
|
this.top = top;
|
||
|
|
this.topRelative = topRelative;
|
||
|
|
this.left = left;
|
||
|
|
this.leftRelative = leftRelative;
|
||
|
|
this.scrollTop = windowScrollTop;
|
||
|
|
this.scrollLeft = windowScrollLeft;
|
||
|
|
this.cellHeight = cellHeight;
|
||
|
|
this.cellWidth = cellWidth;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get source type name.
|
||
|
|
*
|
||
|
|
* @param {*} object Event or Object with coordinates.
|
||
|
|
* @returns {string} Returns one of this values: `'literal'`, `'event'`.
|
||
|
|
*/
|
||
|
|
getSourceType(object) {
|
||
|
|
let type = 'literal';
|
||
|
|
if (object instanceof Event) {
|
||
|
|
type = 'event';
|
||
|
|
}
|
||
|
|
return type;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Checks if element can be placed above the cursor.
|
||
|
|
*
|
||
|
|
* @param {HTMLElement} element Element to check if it's size will fit above the cursor.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
fitsAbove(element) {
|
||
|
|
return this.topRelative >= element.offsetHeight;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Checks if element can be placed below the cursor.
|
||
|
|
*
|
||
|
|
* @param {HTMLElement} element Element to check if it's size will fit below the cursor.
|
||
|
|
* @param {number} [viewportHeight] The viewport height.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
fitsBelow(element) {
|
||
|
|
let viewportHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.rootWindow.innerHeight;
|
||
|
|
return this.topRelative + element.offsetHeight <= viewportHeight;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Checks if element can be placed on the right of the cursor.
|
||
|
|
*
|
||
|
|
* @param {HTMLElement} element Element to check if it's size will fit on the right of the cursor.
|
||
|
|
* @param {number} [viewportWidth] The viewport width.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
fitsOnRight(element) {
|
||
|
|
let viewportWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.rootWindow.innerWidth;
|
||
|
|
return this.leftRelative + this.cellWidth + element.offsetWidth <= viewportWidth;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Checks if element can be placed on the left on the cursor.
|
||
|
|
*
|
||
|
|
* @param {HTMLElement} element Element to check if it's size will fit on the left of the cursor.
|
||
|
|
* @returns {boolean}
|
||
|
|
*/
|
||
|
|
fitsOnLeft(element) {
|
||
|
|
return this.leftRelative >= element.offsetWidth;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var _default = Cursor;
|
||
|
|
exports.default = _default;
|