161 lines
6.1 KiB
JavaScript
161 lines
6.1 KiB
JavaScript
var __defProp = Object.defineProperty;
|
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
class PositionManager {
|
|
constructor(stateManager, panelElement) {
|
|
__publicField(this, "stateManager");
|
|
__publicField(this, "panelElement");
|
|
this.stateManager = stateManager;
|
|
this.panelElement = panelElement;
|
|
}
|
|
positionPanel() {
|
|
if (!this.panelElement) return;
|
|
if (this.stateManager.state.isPanelPinned) {
|
|
this.applyPinnedPosition();
|
|
return;
|
|
}
|
|
this.calculateNormalPosition();
|
|
}
|
|
applyPinnedPosition() {
|
|
if (!this.panelElement) return;
|
|
let { x, y } = this.stateManager.state.pinnedPosition;
|
|
if (x === 0 && y === 0) {
|
|
this.calculateNormalPosition();
|
|
if (this.panelElement) {
|
|
const rect = this.panelElement.getBoundingClientRect();
|
|
this.stateManager.state.pinnedPosition = { x: rect.left, y: rect.top };
|
|
}
|
|
return;
|
|
}
|
|
const panelWidth = this.panelElement.offsetWidth || 300;
|
|
const panelHeight = this.panelElement.offsetHeight || 400;
|
|
const margin = 4;
|
|
const boundedX = Math.max(margin, Math.min(x, window.innerWidth - panelWidth - margin));
|
|
const boundedY = Math.max(margin, Math.min(y, window.innerHeight - panelHeight - margin));
|
|
this.panelElement.style.left = `${boundedX}px`;
|
|
this.panelElement.style.top = `${boundedY}px`;
|
|
}
|
|
calculateNormalPosition() {
|
|
var _a, _b, _c;
|
|
const magnifyGlass = window.comfyUIMagnifyGlass;
|
|
if (!magnifyGlass || !this.panelElement) return;
|
|
const settings = this.stateManager.state.settings;
|
|
const panelWidth = Number(settings["🔍MagnifyGlass.InfoPanelWidth"]) || 300;
|
|
const panelHeight = this.panelElement.offsetHeight || 400;
|
|
let left;
|
|
let top;
|
|
const margin = 4;
|
|
const glassRect = (_a = magnifyGlass.ui.glassDiv) == null ? void 0 : _a.getBoundingClientRect();
|
|
const hasValidGlassRect = glassRect && (glassRect.right > 0 || glassRect.top > 0);
|
|
const mouseX = ((_b = magnifyGlass.lastKnownMousePosition) == null ? void 0 : _b.x) || 0;
|
|
const mouseY = ((_c = magnifyGlass.lastKnownMousePosition) == null ? void 0 : _c.y) || 0;
|
|
const hasValidMousePosition = mouseX > 0 || mouseY > 0;
|
|
if (!this.stateManager.state.isGlassPreviewVisible) {
|
|
if (hasValidMousePosition) {
|
|
left = mouseX - panelWidth / 2;
|
|
top = mouseY - 20;
|
|
} else {
|
|
left = window.innerWidth - panelWidth - 50;
|
|
top = 100;
|
|
}
|
|
} else if (hasValidGlassRect) {
|
|
const position = settings["🔍MagnifyGlass.InfoPanelPosition"];
|
|
switch (position) {
|
|
case "Right":
|
|
left = glassRect.right + margin;
|
|
top = glassRect.top;
|
|
break;
|
|
case "Left":
|
|
left = glassRect.left - panelWidth - margin;
|
|
top = glassRect.top;
|
|
break;
|
|
case "Top":
|
|
left = glassRect.left;
|
|
top = glassRect.top - panelHeight - margin;
|
|
break;
|
|
case "Bottom":
|
|
left = glassRect.left;
|
|
top = glassRect.bottom + margin;
|
|
break;
|
|
default:
|
|
left = glassRect.right + margin;
|
|
top = glassRect.top;
|
|
break;
|
|
}
|
|
} else if (hasValidMousePosition) {
|
|
left = mouseX - panelWidth / 2;
|
|
top = mouseY - 20;
|
|
} else {
|
|
left = window.innerWidth - panelWidth - 50;
|
|
top = 100;
|
|
}
|
|
left = Math.max(4, Math.min(left, window.innerWidth - panelWidth - 4));
|
|
top = Math.max(4, Math.min(top, window.innerHeight - panelHeight - 4));
|
|
this.panelElement.style.left = `${left}px`;
|
|
this.panelElement.style.top = `${top}px`;
|
|
}
|
|
/**
|
|
* Position the floating controls relative to the panel.
|
|
*/
|
|
positionFloatingControls(controlsElement) {
|
|
if (!controlsElement) return;
|
|
const settings = this.stateManager.state.settings;
|
|
if (settings["🔍MagnifyGlass.ShowHoveringControls"] === false) {
|
|
controlsElement.style.display = "none";
|
|
return;
|
|
}
|
|
const isPanelVisible = this.stateManager.state.isPanelVisible;
|
|
const magnifyGlass = window.comfyUIMagnifyGlass;
|
|
let referenceRect = null;
|
|
if (isPanelVisible && this.panelElement) {
|
|
referenceRect = this.panelElement.getBoundingClientRect();
|
|
} else if (magnifyGlass && magnifyGlass.ui && magnifyGlass.ui.glassDiv) {
|
|
referenceRect = magnifyGlass.ui.glassDiv.getBoundingClientRect();
|
|
if (referenceRect.width === 0 || referenceRect.height === 0) {
|
|
controlsElement.style.display = "none";
|
|
return;
|
|
}
|
|
}
|
|
if (!referenceRect) return;
|
|
const controlsPosition = this.stateManager.state.settings["🔍MagnifyGlass.ControlsPosition"] || "right";
|
|
const margin = 4;
|
|
let left;
|
|
let top;
|
|
switch (controlsPosition) {
|
|
case "left":
|
|
left = referenceRect.left - controlsElement.offsetWidth - margin;
|
|
top = referenceRect.top;
|
|
break;
|
|
case "right":
|
|
left = referenceRect.right + margin;
|
|
top = referenceRect.top;
|
|
break;
|
|
case "top":
|
|
left = referenceRect.left;
|
|
top = referenceRect.top - controlsElement.offsetHeight - margin;
|
|
break;
|
|
case "bottom":
|
|
left = referenceRect.left;
|
|
top = referenceRect.bottom + margin;
|
|
break;
|
|
case "top-right":
|
|
left = referenceRect.right - controlsElement.offsetWidth;
|
|
top = referenceRect.top - controlsElement.offsetHeight - margin;
|
|
break;
|
|
default:
|
|
left = referenceRect.right + margin;
|
|
top = referenceRect.top;
|
|
}
|
|
left = Math.max(10, Math.min(left, window.innerWidth - controlsElement.offsetWidth - 10));
|
|
top = Math.max(10, Math.min(top, window.innerHeight - controlsElement.offsetHeight - 10));
|
|
controlsElement.style.left = `${left}px`;
|
|
controlsElement.style.top = `${top}px`;
|
|
controlsElement.style.display = "flex";
|
|
controlsElement.style.visibility = "visible";
|
|
}
|
|
}
|
|
export {
|
|
PositionManager
|
|
};
|
|
//# sourceMappingURL=PositionManager.js.map
|