");
}), "\n");
} // Ambiguous state: there multiple values in bucket!
// TODO rename useMax to expectMultipleValues
if (!this.panel.useMax && bucket.multipleValues) {
tooltipHtml += "
Error: ".concat(this.panelCtrl.dataWarnings.multipleValues.title, "
");
} // Discrete mode errors
if (this.panel.color.mode === 'discrete') {
if (bucket.noColorDefined) {
var badValues = this.panelCtrl.discreteExtraSeries.getNotColoredValues(values);
tooltipHtml += "
Error: ".concat(this.panelCtrl.dataWarnings.noColorDefined.title, "\n
not colored values:\n
\n ").concat(_.join(_.map(badValues, function (v) {
return "- ".concat(v, "
");
}), ""), "\n
\n
");
}
}
tooltip.html(tooltipHtml); // Assign mouse event handlers for "frozen" tooltip.
if (frozen) {
// Stop propagation mouse events up to parents to allow interaction with frozen tooltip’s elements.
tooltip.on("click", function () {
d3.event.stopPropagation();
}).on("mousedown", function () {
d3.event.stopPropagation();
}).on("mouseup", function () {
d3.event.stopPropagation();
}); // Activate close button
tooltip.select("a.tooltip-close").on("click", this.removeFrozen.bind(this));
}
} // Move tooltip as absolute positioned element.
}, {
key: "move",
value: function move(pos, tooltip) {
if (!tooltip) {
return;
}
var elem = $(tooltip.node())[0];
var tooltipWidth = elem.clientWidth;
this.tooltipWidth = tooltipWidth;
var tooltipHeight = elem.clientHeight;
var left = pos.pageX + TOOLTIP_PADDING_X;
var top = pos.pageY + TOOLTIP_PADDING_Y;
if (pos.pageX + tooltipWidth + 40 > window.innerWidth) {
left = pos.pageX - tooltipWidth - TOOLTIP_PADDING_X;
}
if (pos.pageY - window.pageYOffset + tooltipHeight + 20 > window.innerHeight) {
top = pos.pageY - tooltipHeight - TOOLTIP_PADDING_Y;
}
return tooltip.style("left", left + "px").style("top", top + "px");
} // Move tooltip relative to svg element of panel.
}, {
key: "moveRelative",
value: function moveRelative(pos, tooltip) {
if (!tooltip) {
return;
}
var panelX = pos.pageX - this.panelElem.offset().left;
var panelY = pos.pageY - this.panelElem.offset().top;
var panelWidth = this.panelElem.width();
var panelHeight = this.panelElem.height(); // 'position: relative' sets tooltip’s width to 100% of panel element.
// Restore width from floating tooltip and add more space for 'Close' button.
var tooltipWidth = this.tooltipWidth + 25; // Left property is clamped so tooltip stays inside panel bound box.
var tooltipLeft = panelX + TOOLTIP_PADDING_X;
if (tooltipLeft + tooltipWidth > panelWidth) {
tooltipLeft = panelWidth - tooltipWidth;
}
if (tooltipLeft < 0) {
tooltipLeft = 0;
} // Frozen tooltip’s root element is appended next to panel’s svg element,
// so top property is adjusted to move tooltip’s root element
// up to the mouse pointer position.
var tooltipTop = -(panelHeight - panelY + TOOLTIP_PADDING_Y);
return tooltip.style("left", tooltipLeft + "px").style("top", tooltipTop + "px").style("width", tooltipWidth + "px");
}
}]);
return StatusmapTooltip;
}());
}
};
});
//# sourceMappingURL=tooltip.js.map