locize/dist/cjs/ui/elements/highlightBox.js

This package adds the incontext editor to your i18next setup.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function HighlightBox(ele, borderColor, shadowColor) {
  var rect = ele.getBoundingClientRect();
  var box = document.createElement('div');
  box.classList.add('i18next-editor-highlight');
  box.style = "position: absolute; z-index: 99999; pointer-events: none; top: ".concat(rect.top - 2 + window.scrollY, "px; left: ").concat(rect.left - 2 + window.scrollX, "px; height: ").concat(rect.height + 4, "px; width: ").concat(rect.width + 4, "px; border: 1px solid ").concat(borderColor, "; border-radius: 2px; ").concat(shadowColor ? "box-shadow: 0 0 20px 0 ".concat(shadowColor, ";") : '');
  box.setAttribute('data-i18next-editor-element', 'true');
  return box;
}

exports.HighlightBox = HighlightBox;