@rpg-engine/long-bow 0.1.792 → 0.1.794

package/dist/long-bow.esm.js

@@ -5998,6 +5998,8 @@ var UIStore = /*#__PURE__*/function () {
         return;
       }
 
+      _this.setDraggablePosition(_this.getOffsets());
+
       switch (slotContainerType) {
         case SlotContainerType.EQUIPMENT_SET:
           _this.setEquipContextMenu({
@@ -6034,6 +6036,8 @@ var UIStore = /*#__PURE__*/function () {
 
     this.handleOnMouseHover = function (event, slotIndex, item, posX, posY, onMouseOver) {
       if (item) {
+        _this.setDraggablePosition(_this.getOffsets());
+
         _this.setItemHoverDetail({
           visible: true,
           posX: posX,
@@ -6047,6 +6051,34 @@ var UIStore = /*#__PURE__*/function () {
       }
     };
 
+    this.getOffsets = function () {
+      var p = {
+        x: 0,
+        y: 0
+      }; // const body = document.getElementsByTagName('body')
+
+      var body = document.querySelector('body');
+
+      if (body != null) {
+        p.x = body.offsetLeft;
+        p.y = body.offsetTop;
+
+        while (body.offsetParent) {
+          console.log("offsetParent: " + body.offsetParent);
+          p.x = p.x + body.offsetLeft;
+          p.y = p.y + body.offsetTop;
+
+          if (body == document.getElementsByTagName("body")[0]) {
+            break;
+          } else {
+            body = body.offsetParent;
+          }
+        }
+      }
+
+      return p;
+    };
+
     makeAutoObservable(this);
   }
 
@@ -6188,7 +6220,8 @@ var EquipmentSet = /*#__PURE__*/observer(function (_ref) {
       setDraggablePosition({
         x: x,
         y: y
-      }); // uiStore.setDraggablePosition({ x, y });
+      });
+      console.log(draggablePosition);
     },
     onOutsideClick: function onOutsideClick() {
       uiStore.clearContextMenu();
@@ -6197,8 +6230,8 @@ var EquipmentSet = /*#__PURE__*/observer(function (_ref) {
   }, React.createElement(EquipmentSetContainer, {
     className: "equipment-container-body"
   }, React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))), (_uiStore$contextMenu = uiStore.contextMenu) != null && _uiStore$contextMenu.visible ? React.createElement(ListMenu, {
-    x: uiStore.contextMenu.posX - draggablePosition.x,
-    y: uiStore.contextMenu.posY - draggablePosition.y,
+    x: uiStore.contextMenu.posX - uiStore.draggablePosition.x,
+    y: uiStore.contextMenu.posY - uiStore.draggablePosition.y,
     options: uiStore.contextMenu.contextActions,
     onSelected: onSelected
   }) : null, (_uiStore$onHoverDetai = uiStore.onHoverDetail) != null && _uiStore$onHoverDetai.visible ? React.createElement(ItemCard, {