js.foresight-devtools
Version:
Visual debugging tools for ForesightJS - mouse trajectory prediction and element interaction visualization
19 lines (18 loc) • 994 B
JavaScript
export function updateElementOverlays(currentOverlays, newData, showNameTags) {
var expandedOverlay = currentOverlays.expandedOverlay, nameLabel = currentOverlays.nameLabel;
var expandedRect = newData.elementBounds.expandedRect;
var expandedWidth = expandedRect.right - expandedRect.left;
var expandedHeight = expandedRect.bottom - expandedRect.top;
expandedOverlay.style.width = "".concat(expandedWidth, "px");
expandedOverlay.style.height = "".concat(expandedHeight, "px");
expandedOverlay.style.transform = "translate3d(".concat(expandedRect.left, "px, ").concat(expandedRect.top, "px, 0)");
expandedOverlay.style.display = "block";
nameLabel.textContent = newData.name;
if (newData.name === "" || !showNameTags) {
nameLabel.style.display = "none";
}
else {
nameLabel.style.display = "block";
nameLabel.style.transform = "translate3d(".concat(expandedRect.left, "px, ").concat(expandedRect.top - 25, "px, 0)");
}
}