@rpg-engine/long-bow 0.1.792 → 0.1.794

package/dist/components/store/UI.store.d.ts

@@ -32,6 +32,7 @@ declare class UIStore {
     handleOnMouseHover: (event: any, slotIndex: number, item: IItem | null, posX: number, posY: number, onMouseOver: any) => void;
     onSelected(selectedActionId: ItemSocketEvents | string, onActionSelected: any): void;
     setDraggablePosition(currentPosition: IPosition): void;
+    private getOffsets;
 }
 export declare const uiStore: UIStore;
 export {};

package/dist/long-bow.cjs.development.js

@@ -6000,6 +6000,8 @@ var UIStore = /*#__PURE__*/function () {
         return;
       }
 
+      _this.setDraggablePosition(_this.getOffsets());
+
       switch (slotContainerType) {
         case exports.SlotContainerType.EQUIPMENT_SET:
           _this.setEquipContextMenu({
@@ -6036,6 +6038,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,
@@ -6049,6 +6053,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;
+    };
+
     mobx.makeAutoObservable(this);
   }
 
@@ -6190,7 +6222,8 @@ var EquipmentSet = /*#__PURE__*/mobxReact.observer(function (_ref) {
       setDraggablePosition({
         x: x,
         y: y
-      }); // uiStore.setDraggablePosition({ x, y });
+      });
+      console.log(draggablePosition);
     },
     onOutsideClick: function onOutsideClick() {
       uiStore.clearContextMenu();
@@ -6199,8 +6232,8 @@ var EquipmentSet = /*#__PURE__*/mobxReact.observer(function (_ref) {
   }, React__default.createElement(EquipmentSetContainer, {
     className: "equipment-container-body"
   }, React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))), (_uiStore$contextMenu = uiStore.contextMenu) != null && _uiStore$contextMenu.visible ? React__default.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__default.createElement(ItemCard, {