golden-layout
Version:
A multi-screen javascript Layout manager
31 lines • 1.33 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.DropTargetIndicator = void 0;
const utils_1 = require("../utils/utils");
/** @internal */
class DropTargetIndicator {
constructor() {
// Maybe use container instead of Document Body?
this._element = document.createElement('div');
this._element.classList.add("lm_dropTargetIndicator" /* DropTargetIndicator */);
const innerElement = document.createElement('div');
innerElement.classList.add("lm_inner" /* Inner */);
this._element.appendChild(innerElement);
document.body.appendChild(this._element);
}
destroy() {
this._element.remove();
}
highlightArea(area, margin) {
this._element.style.left = (0, utils_1.numberToPixels)(area.x1 + margin);
this._element.style.top = (0, utils_1.numberToPixels)(area.y1 + margin);
this._element.style.width = (0, utils_1.numberToPixels)(area.x2 - area.x1 - margin);
this._element.style.height = (0, utils_1.numberToPixels)(area.y2 - area.y1 - margin);
this._element.style.display = 'block';
}
hide() {
(0, utils_1.setElementDisplayVisibility)(this._element, false);
}
}
exports.DropTargetIndicator = DropTargetIndicator;
//# sourceMappingURL=drop-target-indicator.js.map