@sequent-org/ifc-viewer 1.2.4-ci.57.0 → 1.2.4-ci.59.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sequent-org/ifc-viewer",
   "private": false,
-  "version": "1.2.4-ci.57.0",
+  "version": "1.2.4-ci.59.0",
   "type": "module",
   "description": "IFC 3D model viewer component for web applications - fully self-contained with local IFCLoader",
   "main": "src/index.js",

package/src/ui/LabelPlacementController.js

@@ -53,6 +53,8 @@ export class LabelPlacementController {
     this._labelDrag = {
       active: false,
       moved: false,
+      // true => призрак живёт в document.body и позиционируется по viewport
+      ghostInBody: false,
       pointerId: null,
       id: null,
       start: { x: 0, y: 0 },
@@ -182,9 +184,7 @@ export class LabelPlacementController {
   }
 
   #log(event, payload) {
-    try {
-      this.logger?.log?.("[LabelPlacement]", event, payload);
-    } catch (_) {}
+    // no-op: debug logging disabled
   }
 
   #dispatchLabelEvent(name, detail, legacyName = null) {
@@ -617,6 +617,8 @@ export class LabelPlacementController {
     const dragGhost = document.createElement("div");
     dragGhost.className = "ifc-label-ghost ifc-label-ghost--drag";
     dragGhost.setAttribute("aria-hidden", "true");
+    // Фиксируем позицию, чтобы призрак не обрезался контейнером viewer
+    dragGhost.style.position = "fixed";
     dragGhost.style.display = "none";
     dragGhost.style.left = "0px";
     dragGhost.style.top = "0px";
@@ -675,7 +677,14 @@ export class LabelPlacementController {
     // Важно: container должен быть position:relative (в index.html уже так).
     this.container.appendChild(this._ui.btn);
     this.container.appendChild(this._ui.ghost);
-    this.container.appendChild(this._ui.dragGhost);
+    // Призрак перетаскивания добавляем в body, чтобы не обрезался overflow контейнера
+    if (document?.body) {
+      document.body.appendChild(this._ui.dragGhost);
+      this._labelDrag.ghostInBody = true;
+    } else {
+      this.container.appendChild(this._ui.dragGhost);
+      this._labelDrag.ghostInBody = false;
+    }
     this.container.appendChild(this._ui.menu);
     this.container.appendChild(this._ui.canvasMenu);
   }
@@ -797,21 +806,7 @@ export class LabelPlacementController {
         ? target.closest(".ifc-label-marker")
         : null;
       if (!closestMarker) return;
-      const payload = {
-        type: e?.type,
-        target,
-        closestMarker,
-        button: e?.button,
-        buttons: e?.buttons,
-        clientX: e?.clientX,
-        clientY: e?.clientY,
-        defaultPrevented: !!e?.defaultPrevented,
-      };
-      try {
-        this.logger?.log?.("[LabelDnD]", scope, payload);
-      } catch (_) {
-        try { console.log("[LabelDnD]", scope, payload); } catch (_) {}
-      }
+      // debug logging disabled
     };
 
     this._onDbgDocPointerDown = (e) => logDnDEvent("document", e);
@@ -958,9 +953,13 @@ export class LabelPlacementController {
 
   #updateDragGhostFromClient(clientX, clientY) {
     this._labelDrag.last = { x: clientX, y: clientY };
-    if (!this._containerOffsetValid) this.#refreshContainerOffset();
-    const x = (clientX - this._containerOffset.left);
-    const y = (clientY - this._containerOffset.top);
+    let x = clientX;
+    let y = clientY;
+    if (!this._labelDrag.ghostInBody) {
+      if (!this._containerOffsetValid) this.#refreshContainerOffset();
+      x = (clientX - this._containerOffset.left);
+      y = (clientY - this._containerOffset.top);
+    }
     this._labelDrag.ghostPos.x = x;
     this._labelDrag.ghostPos.y = y;
     this.#applyDragGhostTransform();
@@ -1024,6 +1023,11 @@ export class LabelPlacementController {
     const moved = !!this._labelDrag.moved;
     const clientX = e?.clientX ?? this._labelDrag.last.x;
     const clientY = e?.clientY ?? this._labelDrag.last.y;
+    this.logger?.log?.("[LabelClickDbg]", {
+      phase: "finish",
+      moved: !!moved,
+      id: marker?.id ?? this._labelDrag.id,
+    });
 
     this._labelDrag.active = false;
     this._labelDrag.moved = false;
@@ -1279,22 +1283,18 @@ export class LabelPlacementController {
     this._markers.push(marker);
 
     const onMarkerPointerDown = (e) => {
+      this.logger?.log?.("[LabelClickDbg]", {
+        phase: "down",
+        button: e?.button,
+        buttons: e?.buttons,
+        clientX: e?.clientX,
+        clientY: e?.clientY,
+        pointerId: e?.pointerId,
+      });
       // Важно: не даём клику попасть в canvas/OrbitControls
       try { e.preventDefault(); } catch (_) {}
       try { e.stopPropagation(); } catch (_) {}
       try { e.stopImmediatePropagation?.(); } catch (_) {}
-      try {
-        this.logger?.log?.("[LabelDnD]", "marker", {
-          type: e?.type,
-          target: e?.target || null,
-          closestMarker: e?.target?.closest?.(".ifc-label-marker") || null,
-          button: e?.button,
-          buttons: e?.buttons,
-          clientX: e?.clientX,
-          clientY: e?.clientY,
-          defaultPrevented: !!e?.defaultPrevented,
-        });
-      } catch (_) {}
       // если были в режиме постановки — выходим
       try { this.cancelPlacement(); } catch (_) {}
 
@@ -1309,49 +1309,21 @@ export class LabelPlacementController {
       try { marker.el.addEventListener("pointerdown", onMarkerPointerDown); } catch (_) {}
     }
     const onMarkerPointerUp = (e) => {
-      try {
-        this.logger?.log?.("[LabelDnD]", "marker", {
-          type: e?.type,
-          target: e?.target || null,
-          closestMarker: e?.target?.closest?.(".ifc-label-marker") || null,
-          button: e?.button,
-          buttons: e?.buttons,
-          clientX: e?.clientX,
-          clientY: e?.clientY,
-          defaultPrevented: !!e?.defaultPrevented,
-        });
-      } catch (_) {}
+      this.logger?.log?.("[LabelClickDbg]", {
+        phase: "up",
+        button: e?.button,
+        buttons: e?.buttons,
+        clientX: e?.clientX,
+        clientY: e?.clientY,
+        pointerId: e?.pointerId,
+      });
     };
     try { marker.el.addEventListener("pointerup", onMarkerPointerUp, { capture: true, passive: true }); } catch (_) {
       try { marker.el.addEventListener("pointerup", onMarkerPointerUp); } catch (_) {}
     }
     const onMarkerDragStart = (e) => {
-      try {
-        this.logger?.log?.("[LabelDnD]", "marker", {
-          type: e?.type,
-          target: e?.target || null,
-          closestMarker: e?.target?.closest?.(".ifc-label-marker") || null,
-          button: e?.button,
-          buttons: e?.buttons,
-          clientX: e?.clientX,
-          clientY: e?.clientY,
-          defaultPrevented: !!e?.defaultPrevented,
-        });
-      } catch (_) {}
     };
     const onMarkerDragEnd = (e) => {
-      try {
-        this.logger?.log?.("[LabelDnD]", "marker", {
-          type: e?.type,
-          target: e?.target || null,
-          closestMarker: e?.target?.closest?.(".ifc-label-marker") || null,
-          button: e?.button,
-          buttons: e?.buttons,
-          clientX: e?.clientX,
-          clientY: e?.clientY,
-          defaultPrevented: !!e?.defaultPrevented,
-        });
-      } catch (_) {}
     };
     try { marker.el.addEventListener("dragstart", onMarkerDragStart); } catch (_) {}
     try { marker.el.addEventListener("dragend", onMarkerDragEnd); } catch (_) {}
@@ -1414,7 +1386,6 @@ export class LabelPlacementController {
    * @deprecated используйте setLabelMarkers
    */
   setCardMarkers(items) {
-    try { this.logger?.warn?.("[LabelPlacement] setCardMarkers is deprecated, use setLabelMarkers"); } catch (_) {}
     this.setLabelMarkers(items);
   }
 
@@ -1422,7 +1393,6 @@ export class LabelPlacementController {
    * @deprecated используйте getLabelMarkers
    */
   getCardMarkers() {
-    try { this.logger?.warn?.("[LabelPlacement] getCardMarkers is deprecated, use getLabelMarkers"); } catch (_) {}
     return this.getLabelMarkers();
   }