@rpg-engine/long-bow 0.1.83 → 0.1.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/components/Equipment/EquipmentSet.d.ts +3 -1
  2. package/dist/components/Item/Cards/ItemTooltip.d.ts +6 -0
  3. package/dist/components/Item/Inventory/ItemContainer.d.ts +3 -5
  4. package/dist/components/Item/Inventory/ItemContainerTypes.d.ts +4 -0
  5. package/dist/components/Item/Inventory/ItemSlot.d.ts +4 -7
  6. package/dist/components/PropertySelect/PropertySelect.d.ts +12 -0
  7. package/dist/components/QuestInfo/{index.d.ts → QuestInfo.d.ts} +0 -0
  8. package/dist/components/RelativeListMenu.d.ts +13 -0
  9. package/dist/index.d.ts +1 -1
  10. package/dist/long-bow.cjs.development.js +382 -841
  11. package/dist/long-bow.cjs.development.js.map +1 -1
  12. package/dist/long-bow.cjs.production.min.js +1 -1
  13. package/dist/long-bow.cjs.production.min.js.map +1 -1
  14. package/dist/long-bow.esm.js +377 -838
  15. package/dist/long-bow.esm.js.map +1 -1
  16. package/dist/stories/Button.stories.d.ts +5 -0
  17. package/dist/stories/Chat.stories.d.ts +5 -0
  18. package/dist/stories/CheckButton.stories.d.ts +5 -0
  19. package/dist/stories/DraggableContainer.stories.d.ts +5 -0
  20. package/dist/stories/Dropdown.stories.d.ts +5 -0
  21. package/dist/stories/EquipmentSet.stories.d.ts +5 -0
  22. package/dist/stories/ItemContainer.stories.d.ts +5 -0
  23. package/dist/stories/ListMenu.stories.d.ts +5 -0
  24. package/dist/stories/Multitab.stories.d.ts +6 -0
  25. package/dist/stories/NPCDialog.stories.d.ts +7 -0
  26. package/dist/stories/ProgressBar.stories.d.ts +8 -0
  27. package/dist/stories/PropertySelect.stories.d.ts +5 -0
  28. package/dist/stories/QuestInfo.stories.d.ts +5 -0
  29. package/dist/stories/RPGUIContainers.stories.d.ts +5 -0
  30. package/dist/stories/RadioButton.stories.d.ts +5 -0
  31. package/dist/stories/RangeSlider.stories.d.ts +5 -0
  32. package/dist/stories/ScrollList.stories.d.ts +5 -0
  33. package/dist/stories/SimpleProgressBar.stories.d.ts +5 -0
  34. package/dist/stories/SkillProgressBar.stories.d.ts +5 -0
  35. package/dist/stories/SkillsContainer.stories.d.ts +5 -0
  36. package/dist/stories/Text.stories.d.ts +7 -0
  37. package/package.json +1 -1
  38. package/src/components/Equipment/EquipmentSet.tsx +97 -142
  39. package/src/components/Item/Cards/ItemTooltip.tsx +32 -0
  40. package/src/components/Item/Inventory/ItemContainer.tsx +47 -95
  41. package/src/components/Item/Inventory/ItemContainerTypes.ts +4 -0
  42. package/src/components/Item/Inventory/ItemSlot.tsx +145 -109
  43. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +0 -3
  44. package/src/components/PropertySelect/PropertySelect.tsx +101 -0
  45. package/src/components/PropertySelect/img/ui-arrows/arrow01-left-clicked.png +0 -0
  46. package/src/components/PropertySelect/img/ui-arrows/arrow01-left.png +0 -0
  47. package/src/components/PropertySelect/img/ui-arrows/arrow01-right-clicked.png +0 -0
  48. package/src/components/PropertySelect/img/ui-arrows/arrow01-right.png +0 -0
  49. package/src/components/PropertySelect/img/ui-arrows/arrow02-left-clicked.png +0 -0
  50. package/src/components/PropertySelect/img/ui-arrows/arrow02-left.png +0 -0
  51. package/src/components/PropertySelect/img/ui-arrows/arrow02-right-clicked.png +0 -0
  52. package/src/components/PropertySelect/img/ui-arrows/arrow02-right.png +0 -0
  53. package/src/components/QuestInfo/{index.tsx → QuestInfo.tsx} +4 -8
  54. package/src/components/RelativeListMenu.tsx +83 -0
  55. package/src/index.tsx +1 -1
  56. package/src/mocks/atlas/icons/icons.json +494 -62
  57. package/src/mocks/atlas/icons/icons.png +0 -0
  58. package/src/stories/Button.stories.tsx +36 -0
  59. package/src/stories/Chat.stories.tsx +170 -0
  60. package/src/stories/CheckButton.stories.tsx +48 -0
  61. package/src/stories/DraggableContainer.stories.tsx +28 -0
  62. package/src/stories/Dropdown.stories.tsx +46 -0
  63. package/src/stories/EquipmentSet.stories.tsx +50 -0
  64. package/src/stories/ItemContainer.stories.tsx +50 -0
  65. package/src/stories/ListMenu.stories.tsx +56 -0
  66. package/src/stories/Multitab.stories.tsx +51 -0
  67. package/src/stories/NPCDialog.stories.tsx +130 -0
  68. package/src/stories/ProgressBar.stories.tsx +23 -0
  69. package/src/stories/PropertySelect.stories.tsx +41 -0
  70. package/src/stories/QuestInfo.stories.tsx +76 -0
  71. package/src/stories/RPGUIContainers.stories.tsx +42 -0
  72. package/src/stories/RadioButton.stories.tsx +49 -0
  73. package/src/stories/RangeSlider.stories.tsx +60 -0
  74. package/src/stories/ScrollList.stories.tsx +85 -0
  75. package/src/stories/SimpleProgressBar.stories.tsx +22 -0
  76. package/src/stories/SkillProgressBar.stories.tsx +30 -0
  77. package/src/stories/SkillsContainer.stories.tsx +31 -0
  78. package/src/stories/Text.stories.tsx +42 -0
  79. package/dist/components/Item/Cards/ItemCard.d.ts +0 -9
  80. package/dist/components/shared/SpriteIcon.d.ts +0 -9
  81. package/dist/components/store/UI.store.d.ts +0 -34
  82. package/src/components/Item/Cards/ItemCard.tsx +0 -36
  83. package/src/components/shared/SpriteIcon.tsx +0 -67
  84. package/src/components/store/UI.store.ts +0 -192
@@ -6,9 +6,8 @@ import Draggable from 'react-draggable';
6
6
  import { v4 } from 'uuid';
7
7
  import 'rpgui/rpgui.min.css';
8
8
  import 'rpgui/rpgui.min.js';
9
- import { GRID_WIDTH, GRID_HEIGHT, ItemType, ItemSocketEventsDisplayLabels, ActionsByItemType, ItemSocketEvents, ItemSlotType, getSPForLevel } from '@rpg-engine/shared';
10
- import { observer } from 'mobx-react';
11
- import { makeAutoObservable, toJS } from 'mobx';
9
+ import { GRID_WIDTH, GRID_HEIGHT, ItemType, ItemSocketEventsDisplayLabels, ActionsByItemType, ItemSlotType, getSPForLevel } from '@rpg-engine/shared';
10
+ import { observer } from 'mobx-react-lite';
12
11
 
13
12
  function _extends() {
14
13
  _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -453,23 +452,12 @@ var Dropdown = function Dropdown(_ref) {
453
452
  }));
454
453
  };
455
454
 
456
- var ItemCard = function ItemCard(_ref) {
457
- var item = _ref.item,
458
- x = _ref.x,
459
- y = _ref.y;
460
- return React.createElement(Container$3, {
461
- x: x,
462
- y: y
463
- }, item == null ? void 0 : item.name);
464
- };
465
- var Container$3 = /*#__PURE__*/styled.div.withConfig({
466
- displayName: "ItemCard__Container",
467
- componentId: "sc-170rits-0"
468
- })(["position:absolute;top:", "px;left:", "px;font-size:0.5rem;color:white;background-color:black;border-radius:5px;padding:0.5rem;min-width:20px;opacity:0.5;"], function (props) {
469
- return props.y || 0;
470
- }, function (props) {
471
- return props.x || 0;
472
- });
455
+ var SlotContainerType;
456
+
457
+ (function (SlotContainerType) {
458
+ SlotContainerType["INVENTORY"] = "Inventory";
459
+ SlotContainerType["EQUIPMENT_SET"] = "EquipmentSet";
460
+ })(SlotContainerType || (SlotContainerType = {}));
473
461
 
474
462
  var frames = {
475
463
  "helmets/brass-helmet.png": {
@@ -5691,6 +5679,56 @@ var atlasJSON = {
5691
5679
 
5692
5680
  var img = 'data:image/png;base64,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';
5693
5681
 
5682
+ var RelativeListMenu = function RelativeListMenu(_ref) {
5683
+ var options = _ref.options,
5684
+ onSelected = _ref.onSelected,
5685
+ onOutsideClick = _ref.onOutsideClick,
5686
+ _ref$fontSize = _ref.fontSize,
5687
+ fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize;
5688
+ var ref = useRef(null);
5689
+ useOutsideClick(ref, 'relative-context-menu');
5690
+ useEffect(function () {
5691
+ document.addEventListener('clickOutside', function (event) {
5692
+ var e = event;
5693
+
5694
+ if (e.detail.id === 'relative-context-menu') {
5695
+ if (onOutsideClick) {
5696
+ onOutsideClick();
5697
+ }
5698
+ }
5699
+ });
5700
+ return function () {
5701
+ document.removeEventListener('clickOutside', function (_e) {});
5702
+ };
5703
+ }, []);
5704
+ return React.createElement(Container$3, {
5705
+ fontSize: fontSize,
5706
+ ref: ref
5707
+ }, React.createElement("ul", {
5708
+ className: "rpgui-list-imp",
5709
+ style: {
5710
+ overflow: 'hidden'
5711
+ }
5712
+ }, options.map(function (params, index) {
5713
+ return React.createElement(ListElement, {
5714
+ key: (params == null ? void 0 : params.id) || index,
5715
+ onClick: function onClick() {
5716
+ onSelected(params == null ? void 0 : params.id);
5717
+ }
5718
+ }, (params == null ? void 0 : params.text) || 'No text');
5719
+ })));
5720
+ };
5721
+ var Container$3 = /*#__PURE__*/styled.div.withConfig({
5722
+ displayName: "RelativeListMenu__Container",
5723
+ componentId: "sc-7hohf-0"
5724
+ })(["position:absolute;top:1rem;left:4rem;display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
5725
+ return props.fontSize;
5726
+ });
5727
+ var ListElement = /*#__PURE__*/styled.li.withConfig({
5728
+ displayName: "RelativeListMenu__ListElement",
5729
+ componentId: "sc-7hohf-1"
5730
+ })(["margin-right:0.5rem;"]);
5731
+
5694
5732
  var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
5695
5733
  var atlasJSON = _ref.atlasJSON,
5696
5734
  atlasIMG = _ref.atlasIMG,
@@ -5758,12 +5796,55 @@ var ImgSprite = /*#__PURE__*/styled.div.withConfig({
5758
5796
  return props.opacity;
5759
5797
  });
5760
5798
 
5761
- var SlotContainerType;
5799
+ var ItemTooltip = function ItemTooltip(_ref) {
5800
+ var label = _ref.label;
5801
+ return React.createElement(Container$5, null, React.createElement("div", null, label));
5802
+ };
5803
+ var Container$5 = /*#__PURE__*/styled.div.withConfig({
5804
+ displayName: "ItemTooltip__Container",
5805
+ componentId: "sc-11d9r7x-0"
5806
+ })(["z-index:2;position:absolute;top:1rem;left:4rem;font-size:0.5rem;color:white;background-color:black;border-radius:5px;padding:0.5rem;min-width:20px;width:100%;text-align:center;opacity:0.75;"]);
5762
5807
 
5763
- (function (SlotContainerType) {
5764
- SlotContainerType["INVENTORY"] = "Inventory";
5765
- SlotContainerType["EQUIPMENT_SET"] = "EquipmentSet";
5766
- })(SlotContainerType || (SlotContainerType = {}));
5808
+ var ContainerType;
5809
+
5810
+ (function (ContainerType) {
5811
+ ContainerType["INVENTORY"] = "Inventory";
5812
+ ContainerType["EQUIPMENT_SET"] = "EquipmentSet";
5813
+ })(ContainerType || (ContainerType = {})); // TODO: Refactor this file
5814
+
5815
+
5816
+ var generateContextList = function generateContextList(actionsByTypeList) {
5817
+ var contextMenu = actionsByTypeList.map(function (action) {
5818
+ return {
5819
+ id: action,
5820
+ text: ItemSocketEventsDisplayLabels[action]
5821
+ };
5822
+ });
5823
+ return contextMenu;
5824
+ };
5825
+ var handleEquipmentContextMenuList = function handleEquipmentContextMenuList(itemType) {
5826
+ var contextActionMenu = [];
5827
+
5828
+ switch (itemType) {
5829
+ case ItemType.Weapon:
5830
+ case ItemType.Armor:
5831
+ case ItemType.Accessory:
5832
+ case ItemType.Jewelry:
5833
+ case ItemType.Tool:
5834
+ contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5835
+ break;
5836
+
5837
+ case ItemType.Container:
5838
+ contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetContainer);
5839
+ break;
5840
+
5841
+ default:
5842
+ contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5843
+ break;
5844
+ }
5845
+
5846
+ return contextActionMenu;
5847
+ };
5767
5848
 
5768
5849
  var EquipmentSlotSpriteByType = {
5769
5850
  Neck: 'accessories/corruption-necklace.png',
@@ -5777,7 +5858,7 @@ var EquipmentSlotSpriteByType = {
5777
5858
  RightHand: 'shields/plate-shield.png',
5778
5859
  Accessory: 'gloves/plate-gloves.png'
5779
5860
  };
5780
- var ItemSlot = function ItemSlot(_ref) {
5861
+ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
5781
5862
  var slotIndex = _ref.slotIndex,
5782
5863
  item = _ref.item,
5783
5864
  slotContainerType = _ref.slotContainerType,
@@ -5785,7 +5866,25 @@ var ItemSlot = function ItemSlot(_ref) {
5785
5866
  _onMouseOver = _ref.onMouseOver,
5786
5867
  _onMouseOut = _ref.onMouseOut,
5787
5868
  _onClick = _ref.onClick,
5788
- onCancelContextMenu = _ref.onCancelContextMenu;
5869
+ _onSelected = _ref.onSelected;
5870
+
5871
+ var _useState = useState(false),
5872
+ isTooltipVisible = _useState[0],
5873
+ setTooltipVisible = _useState[1];
5874
+
5875
+ var _useState2 = useState(false),
5876
+ isContextMenuVisible = _useState2[0],
5877
+ setIsContextMenuVisible = _useState2[1];
5878
+
5879
+ var _useState3 = useState([]),
5880
+ contextActions = _useState3[0],
5881
+ setContextActions = _useState3[1];
5882
+
5883
+ useEffect(function () {
5884
+ if (item) {
5885
+ setContextActions(handleEquipmentContextMenuList(item.type));
5886
+ }
5887
+ }, [item]);
5789
5888
 
5790
5889
  var getLeftPositionValue = function getLeftPositionValue(quantity) {
5791
5890
  if (quantity > 0 && quantity < 10) return '2.5rem';else if (quantity > 9 && quantity < 100) return '2.0rem';else if (quantity > 99) return '1rem';
@@ -5820,7 +5919,7 @@ var ItemSlot = function ItemSlot(_ref) {
5820
5919
 
5821
5920
  if (itemToRender != null && itemToRender.texturePath && (_itemToRender$allowed = itemToRender.allowedEquipSlotType) != null && _itemToRender$allowed.includes(slotSpriteMask)) {
5822
5921
  return React.createElement(SpriteFromAtlas, {
5823
- key: Math.random(),
5922
+ key: itemToRender._id,
5824
5923
  atlasIMG: img,
5825
5924
  atlasJSON: atlasJSON,
5826
5925
  spriteKey: itemToRender.texturePath,
@@ -5843,27 +5942,47 @@ var ItemSlot = function ItemSlot(_ref) {
5843
5942
  return renderItem(itemToRender);
5844
5943
  };
5845
5944
 
5846
- return React.createElement(Container$5, {
5945
+ return React.createElement(Container$6, {
5847
5946
  className: "rpgui-icon empty-slot",
5848
5947
  onMouseOver: function onMouseOver(event) {
5849
5948
  return _onMouseOver(event, slotIndex, item, event.clientX, event.clientY);
5850
5949
  },
5851
5950
  onMouseOut: function onMouseOut() {
5852
- return _onMouseOut();
5951
+ if (_onMouseOut) _onMouseOut();
5952
+ },
5953
+ onMouseEnter: function onMouseEnter() {
5954
+ return setTooltipVisible(true);
5955
+ },
5956
+ onMouseLeave: function onMouseLeave() {
5957
+ return setTooltipVisible(false);
5853
5958
  },
5854
- onClick: function onClick(e) {
5959
+ onClick: function onClick() {
5960
+ setTooltipVisible(false);
5961
+
5855
5962
  if (item) {
5856
- _onClick(item, e.clientX, e.clientY, slotContainerType);
5857
- } else {
5858
- onCancelContextMenu();
5963
+ setIsContextMenuVisible(!isContextMenuVisible);
5964
+
5965
+ _onClick(item, slotContainerType);
5859
5966
  }
5860
5967
  }
5861
- }, onRenderSlot(item));
5862
- };
5863
- var Container$5 = /*#__PURE__*/styled.div.withConfig({
5968
+ }, isContextMenuVisible && contextActions && React.createElement(RelativeListMenu, {
5969
+ options: contextActions,
5970
+ onSelected: function onSelected(optionId) {
5971
+ setIsContextMenuVisible(false);
5972
+
5973
+ _onSelected(optionId);
5974
+ },
5975
+ onOutsideClick: function onOutsideClick() {
5976
+ setIsContextMenuVisible(false);
5977
+ }
5978
+ }), isTooltipVisible && item && React.createElement(ItemTooltip, {
5979
+ label: item.name
5980
+ }), onRenderSlot(item));
5981
+ });
5982
+ var Container$6 = /*#__PURE__*/styled.div.withConfig({
5864
5983
  displayName: "ItemSlot__Container",
5865
5984
  componentId: "sc-l2j5ef-0"
5866
- })(["margin:0.1rem;.sprite-from-atlas-img{position:relative;top:1.5rem;left:1.5rem;}"]);
5985
+ })(["margin:0.1rem;.sprite-from-atlas-img{position:relative;top:1.5rem;left:1.5rem;}position:relative;"]);
5867
5986
  var ItemQty = /*#__PURE__*/styled.span.withConfig({
5868
5987
  displayName: "ItemSlot__ItemQty",
5869
5988
  componentId: "sc-l2j5ef-1"
@@ -5871,6 +5990,150 @@ var ItemQty = /*#__PURE__*/styled.span.withConfig({
5871
5990
  return props.left;
5872
5991
  });
5873
5992
 
5993
+ var EquipmentSet = function EquipmentSet(_ref) {
5994
+ var equipmentSet = _ref.equipmentSet,
5995
+ onClose = _ref.onClose,
5996
+ _onMouseOver = _ref.onMouseOver,
5997
+ _onSelected = _ref.onSelected,
5998
+ onItemClick = _ref.onItemClick;
5999
+ var neck = equipmentSet.neck,
6000
+ leftHand = equipmentSet.leftHand,
6001
+ ring = equipmentSet.ring,
6002
+ head = equipmentSet.head,
6003
+ armor = equipmentSet.armor,
6004
+ legs = equipmentSet.legs,
6005
+ boot = equipmentSet.boot,
6006
+ inventory = equipmentSet.inventory,
6007
+ rightHand = equipmentSet.rightHand,
6008
+ accessory = equipmentSet.accessory;
6009
+ var equipmentData = [neck, leftHand, ring, head, armor, legs, boot, inventory, rightHand, accessory];
6010
+ var equipmentMaskSlots = [ItemSlotType.Neck, ItemSlotType.LeftHand, ItemSlotType.Ring, ItemSlotType.Head, ItemSlotType.Torso, ItemSlotType.Legs, ItemSlotType.Feet, ItemSlotType.Inventory, ItemSlotType.RightHand, ItemSlotType.Accessory];
6011
+
6012
+ var onRenderEquipmentSlotRange = function onRenderEquipmentSlotRange(start, end) {
6013
+ var equipmentRange = equipmentData.slice(start, end);
6014
+ var slotMaksRange = equipmentMaskSlots.slice(start, end);
6015
+ return equipmentRange.map(function (data, i) {
6016
+ var _ref2;
6017
+
6018
+ var item = data;
6019
+ var itemContainer = (_ref2 = item && item.itemContainer) != null ? _ref2 : null;
6020
+ return React.createElement(ItemSlot, {
6021
+ key: i,
6022
+ slotIndex: i,
6023
+ item: item,
6024
+ itemContainer: itemContainer,
6025
+ slotContainerType: SlotContainerType.EQUIPMENT_SET,
6026
+ slotSpriteMask: slotMaksRange[i],
6027
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
6028
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
6029
+ },
6030
+ onClick: function onClick(item, slotContainerType) {
6031
+ if (onItemClick) onItemClick(item, slotContainerType);
6032
+ },
6033
+ onSelected: function onSelected(optionId) {
6034
+ if (_onSelected) _onSelected(optionId);
6035
+ }
6036
+ });
6037
+ });
6038
+ };
6039
+
6040
+ return React.createElement(DraggableContainer, {
6041
+ title: 'Equipments',
6042
+ type: RPGUIContainerTypes.Framed,
6043
+ onCloseButton: function onCloseButton() {
6044
+ if (onClose) onClose();
6045
+ },
6046
+ width: "330px",
6047
+ cancelDrag: ".equipment-container-body"
6048
+ }, React.createElement(EquipmentSetContainer, {
6049
+ className: "equipment-container-body"
6050
+ }, React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))));
6051
+ };
6052
+ var EquipmentSetContainer = /*#__PURE__*/styled.div.withConfig({
6053
+ displayName: "EquipmentSet__EquipmentSetContainer",
6054
+ componentId: "sc-1wuddg2-0"
6055
+ })(["width:inherit;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;"]);
6056
+ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
6057
+ displayName: "EquipmentSet__EquipmentColumn",
6058
+ componentId: "sc-1wuddg2-1"
6059
+ })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;"]);
6060
+
6061
+ var SlotsContainer = function SlotsContainer(_ref) {
6062
+ var children = _ref.children,
6063
+ title = _ref.title,
6064
+ onClose = _ref.onClose,
6065
+ _onPositionChange = _ref.onPositionChange,
6066
+ onOutsideClick = _ref.onOutsideClick;
6067
+ return React.createElement(DraggableContainer, {
6068
+ title: title,
6069
+ type: RPGUIContainerTypes.Framed,
6070
+ onCloseButton: function onCloseButton() {
6071
+ if (onClose) {
6072
+ onClose();
6073
+ }
6074
+ },
6075
+ width: "330px",
6076
+ cancelDrag: ".item-container-body",
6077
+ onPositionChange: function onPositionChange(_ref2) {
6078
+ var x = _ref2.x,
6079
+ y = _ref2.y;
6080
+
6081
+ if (_onPositionChange) {
6082
+ _onPositionChange({
6083
+ x: x,
6084
+ y: y
6085
+ });
6086
+ }
6087
+ },
6088
+ onOutsideClick: onOutsideClick
6089
+ }, children);
6090
+ };
6091
+
6092
+ var ItemContainer = function ItemContainer(_ref) {
6093
+ var itemContainer = _ref.itemContainer,
6094
+ onClose = _ref.onClose,
6095
+ _onMouseOver = _ref.onMouseOver,
6096
+ _onSelected = _ref.onSelected,
6097
+ onItemClick = _ref.onItemClick;
6098
+
6099
+ var onRenderSlots = function onRenderSlots() {
6100
+ var slots = [];
6101
+
6102
+ for (var i = 0; i < itemContainer.slotQty; i++) {
6103
+ var _itemContainer$slots;
6104
+
6105
+ slots.push(React.createElement(ItemSlot, {
6106
+ key: i,
6107
+ slotIndex: i,
6108
+ item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
6109
+ slotContainerType: SlotContainerType.INVENTORY,
6110
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
6111
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
6112
+ },
6113
+ onClick: function onClick(item, slotContainerType) {
6114
+ if (onItemClick) onItemClick(item, slotContainerType);
6115
+ },
6116
+ onSelected: function onSelected(optionId) {
6117
+ if (_onSelected) _onSelected(optionId);
6118
+ }
6119
+ }));
6120
+ }
6121
+
6122
+ return slots;
6123
+ };
6124
+
6125
+ return React.createElement(SlotsContainer, {
6126
+ title: itemContainer.name || 'Container',
6127
+ onClose: onClose
6128
+ }, React.createElement(ItemsContainer, {
6129
+ className: "item-container-body"
6130
+ }, onRenderSlots()));
6131
+ };
6132
+ var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
6133
+ displayName: "ItemContainer__ItemsContainer",
6134
+ componentId: "sc-15y5p9l-0"
6135
+ })(["max-width:280px;display:flex;justify-content:center;flex-wrap:wrap;"]);
6136
+
5874
6137
  var ListMenu = function ListMenu(_ref) {
5875
6138
  var options = _ref.options,
5876
6139
  onSelected = _ref.onSelected,
@@ -5878,7 +6141,7 @@ var ListMenu = function ListMenu(_ref) {
5878
6141
  y = _ref.y,
5879
6142
  _ref$fontSize = _ref.fontSize,
5880
6143
  fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize;
5881
- return React.createElement(Container$6, {
6144
+ return React.createElement(Container$7, {
5882
6145
  x: x,
5883
6146
  y: y,
5884
6147
  fontSize: fontSize
@@ -5888,7 +6151,7 @@ var ListMenu = function ListMenu(_ref) {
5888
6151
  overflow: 'hidden'
5889
6152
  }
5890
6153
  }, options.map(function (params, index) {
5891
- return React.createElement(ListElement, {
6154
+ return React.createElement(ListElement$1, {
5892
6155
  key: (params == null ? void 0 : params.id) || index,
5893
6156
  onClick: function onClick() {
5894
6157
  onSelected(params == null ? void 0 : params.id);
@@ -5896,7 +6159,7 @@ var ListMenu = function ListMenu(_ref) {
5896
6159
  }, (params == null ? void 0 : params.text) || 'No text');
5897
6160
  })));
5898
6161
  };
5899
- var Container$6 = /*#__PURE__*/styled.div.withConfig({
6162
+ var Container$7 = /*#__PURE__*/styled.div.withConfig({
5900
6163
  displayName: "ListMenu__Container",
5901
6164
  componentId: "sc-i9097t-0"
5902
6165
  })(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", "em;}"], function (props) {
@@ -5906,448 +6169,12 @@ var Container$6 = /*#__PURE__*/styled.div.withConfig({
5906
6169
  }, function (props) {
5907
6170
  return props.fontSize;
5908
6171
  });
5909
- var ListElement = /*#__PURE__*/styled.li.withConfig({
6172
+ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
5910
6173
  displayName: "ListMenu__ListElement",
5911
6174
  componentId: "sc-i9097t-1"
5912
6175
  })(["margin-right:0.5rem;"]);
5913
6176
 
5914
- var ContainerType;
5915
-
5916
- (function (ContainerType) {
5917
- ContainerType["INVENTORY"] = "Inventory";
5918
- ContainerType["EQUIPMENT_SET"] = "EquipmentSet";
5919
- })(ContainerType || (ContainerType = {})); // TODO: Refactor this file
5920
-
5921
-
5922
- var generateContextList = function generateContextList(actionsByTypeList) {
5923
- var contextMenu = actionsByTypeList.map(function (action) {
5924
- return {
5925
- id: action,
5926
- text: ItemSocketEventsDisplayLabels[action]
5927
- };
5928
- });
5929
- return contextMenu;
5930
- };
5931
-
5932
- var handleContextMenuList = function handleContextMenuList(itemType) {
5933
- var contextActionMenu = [];
5934
-
5935
- switch (itemType) {
5936
- case ItemType.Weapon:
5937
- case ItemType.Armor:
5938
- case ItemType.Accessory:
5939
- case ItemType.Jewelry:
5940
- case ItemType.Tool:
5941
- contextActionMenu = generateContextList(ActionsByItemType.Equipment);
5942
- break;
5943
-
5944
- case ItemType.Consumable:
5945
- contextActionMenu = generateContextList(ActionsByItemType.Consumable);
5946
- break;
5947
-
5948
- case ItemType.CraftMaterial:
5949
- contextActionMenu = generateContextList(ActionsByItemType.CraftMaterial);
5950
- break;
5951
-
5952
- case ItemType.Other:
5953
- case ItemType.Information:
5954
- case ItemType.Quest:
5955
- case ItemType.Container:
5956
- contextActionMenu = generateContextList(ActionsByItemType.Other);
5957
- break;
5958
-
5959
- default:
5960
- contextActionMenu = generateContextList(ActionsByItemType.Other);
5961
- break;
5962
- }
5963
-
5964
- return contextActionMenu;
5965
- };
5966
- var handleEquipmentContextMenuList = function handleEquipmentContextMenuList(itemType) {
5967
- var contextActionMenu = [];
5968
-
5969
- switch (itemType) {
5970
- case ItemType.Weapon:
5971
- case ItemType.Armor:
5972
- case ItemType.Accessory:
5973
- case ItemType.Jewelry:
5974
- case ItemType.Tool:
5975
- contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5976
- break;
5977
-
5978
- case ItemType.Container:
5979
- contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetContainer);
5980
- break;
5981
-
5982
- default:
5983
- contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5984
- break;
5985
- }
5986
-
5987
- return contextActionMenu;
5988
- };
5989
-
5990
- var initialState = {
5991
- visible: false,
5992
- posX: 0,
5993
- posY: 0,
5994
- contextActions: [],
5995
- slotItem: null
5996
- };
5997
- var initialHoverState = {
5998
- visible: false,
5999
- posX: 0,
6000
- posY: 0,
6001
- item: null
6002
- };
6003
-
6004
- var UIStore = /*#__PURE__*/function () {
6005
- function UIStore() {
6006
- var _this = this;
6007
-
6008
- this.contextMenu = initialState;
6009
- this.onHoverDetail = initialHoverState;
6010
-
6011
- this.handleOnItemClick = function (item, posX, posY, slotContainerType) {
6012
- var _this$contextMenu;
6013
-
6014
- if (!item || JSON.stringify((_this$contextMenu = _this.contextMenu) == null ? void 0 : _this$contextMenu.slotItem) === JSON.stringify(item)) {
6015
- _this.clearContextMenu();
6016
-
6017
- _this.clearItemHoverDetail();
6018
-
6019
- return;
6020
- }
6021
-
6022
- switch (slotContainerType) {
6023
- case SlotContainerType.EQUIPMENT_SET:
6024
- _this.setEquipContextMenu({
6025
- visible: true,
6026
- posX: posX,
6027
- posY: posY,
6028
- slotItem: item
6029
- }, item.type, item.isItemContainer);
6030
-
6031
- break;
6032
-
6033
- case SlotContainerType.INVENTORY:
6034
- _this.setContextMenu({
6035
- visible: true,
6036
- posX: posX,
6037
- posY: posY,
6038
- slotItem: item
6039
- }, item.type);
6040
-
6041
- break;
6042
-
6043
- default:
6044
- _this.setContextMenu({
6045
- visible: true,
6046
- posX: posX,
6047
- posY: posY,
6048
- slotItem: item
6049
- }, item.type);
6050
-
6051
- }
6052
-
6053
- _this.clearItemHoverDetail();
6054
- };
6055
-
6056
- this.handleOnMouseHover = function (event, slotIndex, item, posX, posY, onMouseOver) {
6057
- if (item) {
6058
- _this.setItemHoverDetail({
6059
- visible: true,
6060
- posX: posX,
6061
- posY: posY,
6062
- item: item
6063
- });
6064
- }
6065
-
6066
- if (onMouseOver) {
6067
- onMouseOver(event, slotIndex, item);
6068
- }
6069
- };
6070
-
6071
- makeAutoObservable(this);
6072
- }
6073
-
6074
- var _proto = UIStore.prototype;
6075
-
6076
- _proto.setContextMenu = function setContextMenu(contextMenu, itemType) {
6077
- var contextActions = handleContextMenuList(itemType);
6078
- this.contextMenu = _extends({}, contextMenu, {
6079
- contextActions: contextActions
6080
- });
6081
- console.log(toJS(this.contextMenu));
6082
- };
6083
-
6084
- _proto.setEquipContextMenu = function setEquipContextMenu(contextMenu, itemType, isItemContainer) {
6085
- var contextActions = handleEquipmentContextMenuList(itemType);
6086
- if (isItemContainer) contextActions.push({
6087
- id: ItemSocketEvents.ContainerOpen,
6088
- text: ItemSocketEventsDisplayLabels[ItemSocketEvents.ContainerOpen]
6089
- });
6090
- this.contextMenu = _extends({}, contextMenu, {
6091
- contextActions: contextActions
6092
- });
6093
- console.log(toJS(this.contextMenu));
6094
- };
6095
-
6096
- _proto.clearContextMenu = function clearContextMenu() {
6097
- this.contextMenu = initialState;
6098
- };
6099
-
6100
- _proto.setItemHoverDetail = function setItemHoverDetail(hoverDetail) {
6101
- if ((hoverDetail == null ? void 0 : hoverDetail.item) === null) this.clearItemHoverDetail();
6102
- this.onHoverDetail = _extends({}, hoverDetail);
6103
- };
6104
-
6105
- _proto.clearItemHoverDetail = function clearItemHoverDetail() {
6106
- this.onHoverDetail = initialHoverState;
6107
- };
6108
-
6109
- _proto.onSelected = function onSelected(selectedActionId, onActionSelected) {
6110
- var _this$contextMenu2;
6111
-
6112
- var payloadData = {
6113
- actionType: selectedActionId,
6114
- item: (_this$contextMenu2 = this.contextMenu) == null ? void 0 : _this$contextMenu2.slotItem
6115
- };
6116
-
6117
- if (onActionSelected) {
6118
- onActionSelected(payloadData);
6119
- }
6120
-
6121
- this.clearContextMenu();
6122
- };
6123
-
6124
- return UIStore;
6125
- }();
6126
-
6127
- var uiStore = /*#__PURE__*/new UIStore();
6128
-
6129
- var EquipmentSet = /*#__PURE__*/observer(function (_ref) {
6130
- var _uiStore$contextMenu, _uiStore$onHoverDetai;
6131
-
6132
- var equipmentSet = _ref.equipmentSet,
6133
- onClose = _ref.onClose,
6134
- onMouseOver = _ref.onMouseOver,
6135
- onActionSelected = _ref.onActionSelected,
6136
- _ref$initialPosition = _ref.initialPosition,
6137
- initialPosition = _ref$initialPosition === void 0 ? {
6138
- x: 0,
6139
- y: 0
6140
- } : _ref$initialPosition;
6141
- var neck = equipmentSet.neck,
6142
- leftHand = equipmentSet.leftHand,
6143
- ring = equipmentSet.ring,
6144
- head = equipmentSet.head,
6145
- armor = equipmentSet.armor,
6146
- legs = equipmentSet.legs,
6147
- boot = equipmentSet.boot,
6148
- inventory = equipmentSet.inventory,
6149
- rightHand = equipmentSet.rightHand,
6150
- accessory = equipmentSet.accessory;
6151
- var equipmentData = [neck, leftHand, ring, head, armor, legs, boot, inventory, rightHand, accessory];
6152
- var equipmentMaskSlots = [ItemSlotType.Neck, ItemSlotType.LeftHand, ItemSlotType.Ring, ItemSlotType.Head, ItemSlotType.Torso, ItemSlotType.Legs, ItemSlotType.Feet, ItemSlotType.Inventory, ItemSlotType.RightHand, ItemSlotType.Accessory]; // we use this draggable position to offset the menu position, after the container is dragged (otherwise, it bugs!)
6153
-
6154
- var _useState = useState(initialPosition),
6155
- draggablePosition = _useState[0],
6156
- setDraggablePosition = _useState[1];
6157
-
6158
- var handleOnMouseHover = function handleOnMouseHover(event, slotIndex, item, x, y) {
6159
- uiStore.handleOnMouseHover(event, slotIndex, item, x, y, onMouseOver);
6160
- };
6161
-
6162
- var onSelected = function onSelected(selectedActionId) {
6163
- uiStore.onSelected(selectedActionId, onActionSelected);
6164
- };
6165
-
6166
- var onRenderEquipmentSlotRange = function onRenderEquipmentSlotRange(start, end) {
6167
- var equipmentRange = equipmentData.slice(start, end);
6168
- var slotMaksRange = equipmentMaskSlots.slice(start, end);
6169
- return equipmentRange.map(function (data, i) {
6170
- var _ref2;
6171
-
6172
- var item = data;
6173
- var itemContainer = (_ref2 = item && item.itemContainer) != null ? _ref2 : null;
6174
- return React.createElement(ItemSlot, {
6175
- key: i,
6176
- slotIndex: i,
6177
- item: item,
6178
- itemContainer: itemContainer,
6179
- slotContainerType: SlotContainerType.EQUIPMENT_SET,
6180
- slotSpriteMask: slotMaksRange[i],
6181
- onMouseOver: handleOnMouseHover,
6182
- onMouseOut: function onMouseOut() {
6183
- uiStore.clearItemHoverDetail();
6184
- },
6185
- onClick: uiStore.handleOnItemClick,
6186
- onCancelContextMenu: function onCancelContextMenu() {
6187
- uiStore.clearContextMenu();
6188
- }
6189
- });
6190
- });
6191
- };
6192
-
6193
- return React.createElement(DraggableContainer, {
6194
- title: 'Equipments',
6195
- type: RPGUIContainerTypes.Framed,
6196
- onCloseButton: function onCloseButton() {
6197
- if (onClose) onClose();
6198
- },
6199
- width: "330px",
6200
- cancelDrag: ".equipment-container-body",
6201
- onPositionChange: function onPositionChange(_ref3) {
6202
- var x = _ref3.x,
6203
- y = _ref3.y;
6204
- setDraggablePosition({
6205
- x: x,
6206
- y: y
6207
- });
6208
- },
6209
- onOutsideClick: function onOutsideClick() {
6210
- uiStore.clearContextMenu();
6211
- uiStore.clearItemHoverDetail();
6212
- }
6213
- }, React.createElement(EquipmentSetContainer, {
6214
- className: "equipment-container-body"
6215
- }, 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, {
6216
- x: uiStore.contextMenu.posX - draggablePosition.x,
6217
- y: uiStore.contextMenu.posY - draggablePosition.y,
6218
- options: uiStore.contextMenu.contextActions,
6219
- onSelected: onSelected
6220
- }) : null, (_uiStore$onHoverDetai = uiStore.onHoverDetail) != null && _uiStore$onHoverDetai.visible ? React.createElement(ItemCard, {
6221
- item: uiStore.onHoverDetail.item,
6222
- x: uiStore.onHoverDetail.posX - draggablePosition.x,
6223
- y: uiStore.onHoverDetail.posY - draggablePosition.y
6224
- }) : null);
6225
- });
6226
- var EquipmentSetContainer = /*#__PURE__*/styled.div.withConfig({
6227
- displayName: "EquipmentSet__EquipmentSetContainer",
6228
- componentId: "sc-1wuddg2-0"
6229
- })(["width:inherit;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;"]);
6230
- var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
6231
- displayName: "EquipmentSet__EquipmentColumn",
6232
- componentId: "sc-1wuddg2-1"
6233
- })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;"]);
6234
-
6235
- var SlotsContainer = function SlotsContainer(_ref) {
6236
- var children = _ref.children,
6237
- title = _ref.title,
6238
- onClose = _ref.onClose,
6239
- _onPositionChange = _ref.onPositionChange,
6240
- onOutsideClick = _ref.onOutsideClick;
6241
- return React.createElement(DraggableContainer, {
6242
- title: title,
6243
- type: RPGUIContainerTypes.Framed,
6244
- onCloseButton: function onCloseButton() {
6245
- if (onClose) {
6246
- onClose();
6247
- }
6248
- },
6249
- width: "330px",
6250
- cancelDrag: ".item-container-body",
6251
- onPositionChange: function onPositionChange(_ref2) {
6252
- var x = _ref2.x,
6253
- y = _ref2.y;
6254
-
6255
- if (_onPositionChange) {
6256
- _onPositionChange({
6257
- x: x,
6258
- y: y
6259
- });
6260
- }
6261
- },
6262
- onOutsideClick: onOutsideClick
6263
- }, children);
6264
- };
6265
-
6266
- var ItemContainer = /*#__PURE__*/observer(function (_ref) {
6267
- var _uiStore$contextMenu, _uiStore$onHoverDetai;
6268
-
6269
- var itemContainer = _ref.itemContainer,
6270
- onClose = _ref.onClose,
6271
- onMouseOver = _ref.onMouseOver,
6272
- onActionSelected = _ref.onActionSelected,
6273
- _ref$initialPosition = _ref.initialPosition,
6274
- initialPosition = _ref$initialPosition === void 0 ? {
6275
- x: 0,
6276
- y: 0
6277
- } : _ref$initialPosition;
6278
-
6279
- // we use this draggable position to offset the menu position, after the container is dragged (otherwise, it bugs!)
6280
- var _useState = useState(initialPosition),
6281
- draggablePosition = _useState[0],
6282
- setDraggablePosition = _useState[1];
6283
-
6284
- var handleOnMouseHover = function handleOnMouseHover(event, slotIndex, item, x, y) {
6285
- uiStore.handleOnMouseHover(event, slotIndex, item, x, y, onMouseOver);
6286
- };
6287
-
6288
- var onSelected = function onSelected(selectedActionId) {
6289
- uiStore.onSelected(selectedActionId, onActionSelected);
6290
- };
6291
-
6292
- var onRenderSlots = function onRenderSlots() {
6293
- var slots = [];
6294
-
6295
- for (var i = 0; i < itemContainer.slotQty; i++) {
6296
- var _itemContainer$slots;
6297
-
6298
- slots.push(React.createElement(ItemSlot, {
6299
- key: i,
6300
- slotIndex: i,
6301
- item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
6302
- slotContainerType: SlotContainerType.INVENTORY,
6303
- onMouseOver: handleOnMouseHover,
6304
- onClick: uiStore.handleOnItemClick,
6305
- onMouseOut: function onMouseOut() {
6306
- uiStore.clearItemHoverDetail();
6307
- },
6308
- onCancelContextMenu: function onCancelContextMenu() {
6309
- uiStore.clearContextMenu();
6310
- }
6311
- }));
6312
- }
6313
-
6314
- return slots;
6315
- };
6316
-
6317
- return React.createElement(SlotsContainer, {
6318
- title: itemContainer.name || 'Container',
6319
- onPositionChange: function onPositionChange(_ref2) {
6320
- var x = _ref2.x,
6321
- y = _ref2.y;
6322
- setDraggablePosition({
6323
- x: x,
6324
- y: y
6325
- });
6326
- },
6327
- onOutsideClick: function onOutsideClick() {
6328
- uiStore.clearContextMenu();
6329
- uiStore.clearItemHoverDetail();
6330
- },
6331
- onClose: onClose
6332
- }, React.createElement(ItemsContainer, {
6333
- className: "item-container-body"
6334
- }, onRenderSlots()), (_uiStore$contextMenu = uiStore.contextMenu) != null && _uiStore$contextMenu.visible ? React.createElement(ListMenu, {
6335
- x: uiStore.contextMenu.posX - draggablePosition.x,
6336
- y: uiStore.contextMenu.posY - draggablePosition.y,
6337
- options: uiStore.contextMenu.contextActions,
6338
- onSelected: onSelected
6339
- }) : null, (_uiStore$onHoverDetai = uiStore.onHoverDetail) != null && _uiStore$onHoverDetai.visible ? React.createElement(ItemCard, {
6340
- item: uiStore.onHoverDetail.item,
6341
- x: uiStore.onHoverDetail.posX - draggablePosition.x,
6342
- y: uiStore.onHoverDetail.posY - draggablePosition.y
6343
- }) : null);
6344
- });
6345
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
6346
- displayName: "ItemContainer__ItemsContainer",
6347
- componentId: "sc-15y5p9l-0"
6348
- })(["max-width:280px;display:flex;justify-content:center;flex-wrap:wrap;"]);
6349
-
6350
- var img$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
6177
+ var img$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
6351
6178
 
6352
6179
  var img$2 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
6353
6180
 
@@ -6428,13 +6255,13 @@ var NPCDialogText = function NPCDialogText(_ref) {
6428
6255
  return document.removeEventListener('keydown', onHandleSpacePress);
6429
6256
  };
6430
6257
  }, [chunkIndex]);
6431
- return React.createElement(Container$7, null, React.createElement(DynamicText, {
6258
+ return React.createElement(Container$8, null, React.createElement(DynamicText, {
6432
6259
  text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
6433
6260
  onFinish: onEndStep,
6434
6261
  onStart: onStartStep
6435
6262
  }));
6436
6263
  };
6437
- var Container$7 = /*#__PURE__*/styled.div.withConfig({
6264
+ var Container$8 = /*#__PURE__*/styled.div.withConfig({
6438
6265
  displayName: "NPCDialogText__Container",
6439
6266
  componentId: "sc-1cxkdh9-0"
6440
6267
  })([""]);
@@ -6606,7 +6433,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
6606
6433
  });
6607
6434
  };
6608
6435
 
6609
- return React.createElement(Container$8, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
6436
+ return React.createElement(Container$9, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
6610
6437
  text: currentQuestion.text,
6611
6438
  onStart: function onStart() {
6612
6439
  return setCanShowAnswers(false);
@@ -6616,7 +6443,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
6616
6443
  }
6617
6444
  })), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
6618
6445
  };
6619
- var Container$8 = /*#__PURE__*/styled.div.withConfig({
6446
+ var Container$9 = /*#__PURE__*/styled.div.withConfig({
6620
6447
  displayName: "QuestionDialog__Container",
6621
6448
  componentId: "sc-bxc5u0-0"
6622
6449
  })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
@@ -6682,7 +6509,7 @@ var NPCDialog = function NPCDialog(_ref) {
6682
6509
  }
6683
6510
  })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
6684
6511
  src: imagePath || img$1
6685
- }))) : React.createElement(React.Fragment, null, React.createElement(Container$9, null, React.createElement(TextContainer$1, {
6512
+ }))) : React.createElement(React.Fragment, null, React.createElement(Container$a, null, React.createElement(TextContainer$1, {
6686
6513
  flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
6687
6514
  }, React.createElement(NPCDialogText, {
6688
6515
  onStartStep: function onStartStep() {
@@ -6704,7 +6531,7 @@ var NPCDialog = function NPCDialog(_ref) {
6704
6531
  src: img$2
6705
6532
  })));
6706
6533
  };
6707
- var Container$9 = /*#__PURE__*/styled.div.withConfig({
6534
+ var Container$a = /*#__PURE__*/styled.div.withConfig({
6708
6535
  displayName: "NPCDialog__Container",
6709
6536
  componentId: "sc-1b4aw74-0"
6710
6537
  })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
@@ -6751,7 +6578,7 @@ var ProgressBar = function ProgressBar(_ref) {
6751
6578
  return value * 100 / max;
6752
6579
  };
6753
6580
 
6754
- return React.createElement(Container$a, {
6581
+ return React.createElement(Container$b, {
6755
6582
  className: "rpgui-progress",
6756
6583
  "data-value": calculatePercentageValue(max, value) / 100,
6757
6584
  "data-rpguitype": "progress",
@@ -6780,7 +6607,7 @@ var TextOverlay = /*#__PURE__*/styled.div.withConfig({
6780
6607
  displayName: "ProgressBar__TextOverlay",
6781
6608
  componentId: "sc-qa6fzh-1"
6782
6609
  })(["width:100%;position:relative;"]);
6783
- var Container$a = /*#__PURE__*/styled.div.withConfig({
6610
+ var Container$b = /*#__PURE__*/styled.div.withConfig({
6784
6611
  displayName: "ProgressBar__Container",
6785
6612
  componentId: "sc-qa6fzh-2"
6786
6613
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -6791,6 +6618,64 @@ var Container$a = /*#__PURE__*/styled.div.withConfig({
6791
6618
  return props.style;
6792
6619
  });
6793
6620
 
6621
+ var img$3 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASRJREFUWIXtl7EKwjAQhn8llg4dOig4uApu+gaib+Fj+CL6MO6Kk6N1ExRdHDJ06NChFEEnL6kmGkE5wf7TJVzbn+96uRb4d1VcE+tB62VO4HkUp3l+MeWEvk/P3Md7VF0NfEvsBsT9hg21C940zynuNZvG+0RS6tdW2AmwGxBAEXvo+xQnWUa4XPAOOmdtpeLF9qHSJHYC7AYEYMfuhtosHXskJcWB59FBFOMHCLAbEIAduwvqd6V3E/ADBNgN3LqA3kz9rJ6MQkqcre2HyTvSZ0rZBYDqAtrot2tUjuE0MY7d+Tg0bT+R6qxyHN9LAECcnmhjuSt8EVE5ui3VBbbS6LKVKZLFNTsBdgMf/S/Qy7Q5nY1lajfUOF4dD/wE2A2UYtcVzKJVOti5A44AAAAASUVORK5CYII=';
6622
+
6623
+ var img$4 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASZJREFUWIVjYBjpgJFYhSI8MgTVGBoJwNnnz334j02Nk5MY3M5Vm84xMBHrAFqBAXcARhTgCmpighcZHDvhhFXcymIfnP3myxPGAQ+BAXcAIwMDarA7OYnB2fv2vcIa1LiC98fKc1jFOcKN4OzRKEAHLAwMuIOd1KDGBZCD3dBIAJ7zdh96MvAhMOAOYGFgwB3spAY1MeD8uQ8o/AEPgQF3ACwXwFOmlcU+eHTsKxTApocioC/DAmfvvTEIQmDAHYBRF9irssLZB2//xloXFDqIEDTY1/APVnGnfkQuGK0LGBigueDNlydwgYO3UVpE8NwhI4CImv4Dbwi2iBgYCEcTA8MgCIEBdwBV+wXI0fTkA/YcpCrKBrfz+P17Ax8CA+6AUTDgAACD+FSXdO/L2QAAAABJRU5ErkJggg==';
6624
+
6625
+ var img$5 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARlJREFUWIXtl78KwjAQxr9IFIcODh0cuigKburoJLr7bD6S+ga6CV07CHZw6FCqoFPzp1w0g3KK/abjeinH78s1DfDvEgAwCAcqccnzO1UYtFqijLOiePniNEu8Gmh4VX1Q7A1IwMY+6XbJwv3pRFpjyrQJQUTWVK1hJ8DegHz2cDG6GXGo4s2RXuayqdNua2ugrUmzhJ8AewMSsHevjVFPhG2Hjm29niDTjjT7AgLsDUjA79vuIx9rKpMi2AmwN1BOgUq8y47VVNux3qYqrqegKgEAYRCRx7G5q02kLi3XFzI/HzYV9l18Vfn6LACI49iF3YXX1DiSCvUh0Wur2E2xE2BvQADArNdXifhckH81Lrwu1feCWj+jBx1LX0kx8GexAAAAAElFTkSuQmCC';
6626
+
6627
+ var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAS5JREFUWIXtl7Fqw0AMhv8LLmTI4KFk8pJAtkKJpzRDCoasHZvnyJP0OZqx3Y90KZ3OdM7qKfHgIUNpAu1U+TA654YGUXr/JGRx/vmEdDbw36UA4P4upYTW2y+ucJzG6ifOTXXy4HJfeBnoeFWdUeIGFABc9hLC/vqWsYXTiT55mE+bmq0RJyBuIGp7+PFoKNbLmOLuIuXKMZ1odoKyrE+t0VYny30hT0DcgAKA+eyKErmpCKON3UctraHYbsfqycgTEDcQAX673Uf21Niyl1tjUpQ4AXEDEQBcJ/U+ei+Ov/4S9xSERcRcx67l85y3XhsAgId1yeZvRxeE/WVzoHy4CwDmOnahduG1lcQ16qKqUTex2xInIG5AAcDNYEiJze6T/apx4XUp/BcE/Rl9A77uW6caXAGtAAAAAElFTkSuQmCC';
6628
+
6629
+ var PropertySelect = function PropertySelect(_ref) {
6630
+ var availableProperties = _ref.availableProperties;
6631
+
6632
+ var _useState = useState(0),
6633
+ currentIndex = _useState[0],
6634
+ setCurrentIndex = _useState[1];
6635
+
6636
+ var propertiesLength = availableProperties.length - 1;
6637
+
6638
+ var onLeftClick = function onLeftClick() {
6639
+ if (currentIndex === 0) setCurrentIndex(propertiesLength);else setCurrentIndex(function (index) {
6640
+ return index - 1;
6641
+ });
6642
+ };
6643
+
6644
+ var onRightClick = function onRightClick() {
6645
+ if (currentIndex === propertiesLength) setCurrentIndex(0);else setCurrentIndex(function (index) {
6646
+ return index + 1;
6647
+ });
6648
+ };
6649
+
6650
+ return React.createElement(Container$c, null, React.createElement(TextOverlay$1, null, React.createElement(Item, null, availableProperties[currentIndex].name)), React.createElement("div", {
6651
+ className: "rpgui-progress-track"
6652
+ }), React.createElement(LeftArrow, {
6653
+ onClick: onLeftClick
6654
+ }), React.createElement(RightArrow, {
6655
+ onClick: onRightClick
6656
+ }));
6657
+ };
6658
+ var Item = /*#__PURE__*/styled.span.withConfig({
6659
+ displayName: "PropertySelect__Item",
6660
+ componentId: "sc-12uqx6s-0"
6661
+ })(["font-size:1rem;color:white;text-align:center;z-index:1;position:absolute;left:50%;transform:translateX(-50%);top:12px;"]);
6662
+ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
6663
+ displayName: "PropertySelect__TextOverlay",
6664
+ componentId: "sc-12uqx6s-1"
6665
+ })(["width:100%;position:relative;"]);
6666
+ var Container$c = /*#__PURE__*/styled.div.withConfig({
6667
+ displayName: "PropertySelect__Container",
6668
+ componentId: "sc-12uqx6s-2"
6669
+ })(["position:relative;display:flex;flex-direction:column;justify-content:start;align-items:flex-start;min-width:100px;width:40%;"]);
6670
+ var LeftArrow = /*#__PURE__*/styled.div.withConfig({
6671
+ displayName: "PropertySelect__LeftArrow",
6672
+ componentId: "sc-12uqx6s-3"
6673
+ })(["background-image:url(", ");background-size:100% 100%;left:0;position:absolute;width:40px;height:42px;:active{background-image:url(", ");}"], img$4, img$3);
6674
+ var RightArrow = /*#__PURE__*/styled.div.withConfig({
6675
+ displayName: "PropertySelect__RightArrow",
6676
+ componentId: "sc-12uqx6s-4"
6677
+ })(["background-image:url(", ");right:0;position:absolute;width:40px;background-size:100% 100%;height:42px;:active{background-image:url(", ");}"], img$6, img$5);
6678
+
6794
6679
  var InputRadio = function InputRadio(_ref) {
6795
6680
  var name = _ref.name,
6796
6681
  items = _ref.items,
@@ -6882,359 +6767,13 @@ var Input$1 = /*#__PURE__*/styled.input.withConfig({
6882
6767
  componentId: "sc-v8mte9-0"
6883
6768
  })(["opacity:0;"]);
6884
6769
 
6885
- var frames$1 = {
6886
- "metamask-large.png": {
6887
- frame: {
6888
- x: 0,
6889
- y: 0,
6890
- w: 33,
6891
- h: 30
6892
- },
6893
- rotated: false,
6894
- trimmed: false,
6895
- spriteSourceSize: {
6896
- x: 0,
6897
- y: 0,
6898
- w: 33,
6899
- h: 30
6900
- },
6901
- sourceSize: {
6902
- w: 33,
6903
- h: 30
6904
- },
6905
- pivot: {
6906
- x: 0.5,
6907
- y: 0.5
6908
- }
6909
- },
6910
- "chat-large.png": {
6911
- frame: {
6912
- x: 0,
6913
- y: 30,
6914
- w: 31,
6915
- h: 29
6916
- },
6917
- rotated: false,
6918
- trimmed: true,
6919
- spriteSourceSize: {
6920
- x: 1,
6921
- y: 3,
6922
- w: 31,
6923
- h: 29
6924
- },
6925
- sourceSize: {
6926
- w: 32,
6927
- h: 32
6928
- },
6929
- pivot: {
6930
- x: 0.5,
6931
- y: 0.5
6932
- }
6933
- },
6934
- "equipment.png": {
6935
- frame: {
6936
- x: 33,
6937
- y: 0,
6938
- w: 17,
6939
- h: 16
6940
- },
6941
- rotated: false,
6942
- trimmed: false,
6943
- spriteSourceSize: {
6944
- x: 0,
6945
- y: 0,
6946
- w: 17,
6947
- h: 16
6948
- },
6949
- sourceSize: {
6950
- w: 17,
6951
- h: 16
6952
- },
6953
- pivot: {
6954
- x: 0.5,
6955
- y: 0.5
6956
- }
6957
- },
6958
- "inventory.png": {
6959
- frame: {
6960
- x: 33,
6961
- y: 16,
6962
- w: 17,
6963
- h: 16
6964
- },
6965
- rotated: false,
6966
- trimmed: false,
6967
- spriteSourceSize: {
6968
- x: 0,
6969
- y: 0,
6970
- w: 17,
6971
- h: 16
6972
- },
6973
- sourceSize: {
6974
- w: 17,
6975
- h: 16
6976
- },
6977
- pivot: {
6978
- x: 0.5,
6979
- y: 0.5
6980
- }
6981
- },
6982
- "icon-base-blue.png": {
6983
- frame: {
6984
- x: 31,
6985
- y: 32,
6986
- w: 16,
6987
- h: 16
6988
- },
6989
- rotated: false,
6990
- trimmed: false,
6991
- spriteSourceSize: {
6992
- x: 0,
6993
- y: 0,
6994
- w: 16,
6995
- h: 16
6996
- },
6997
- sourceSize: {
6998
- w: 16,
6999
- h: 16
7000
- },
7001
- pivot: {
7002
- x: 0.5,
7003
- y: 0.5
7004
- }
7005
- },
7006
- "icon-base-brown.png": {
7007
- frame: {
7008
- x: 50,
7009
- y: 0,
7010
- w: 16,
7011
- h: 16
7012
- },
7013
- rotated: false,
7014
- trimmed: false,
7015
- spriteSourceSize: {
7016
- x: 0,
7017
- y: 0,
7018
- w: 16,
7019
- h: 16
7020
- },
7021
- sourceSize: {
7022
- w: 16,
7023
- h: 16
7024
- },
7025
- pivot: {
7026
- x: 0.5,
7027
- y: 0.5
7028
- }
7029
- },
7030
- "chat-small.png": {
7031
- frame: {
7032
- x: 50,
7033
- y: 16,
7034
- w: 16,
7035
- h: 16
7036
- },
7037
- rotated: false,
7038
- trimmed: true,
7039
- spriteSourceSize: {
7040
- x: 1,
7041
- y: 0,
7042
- w: 16,
7043
- h: 16
7044
- },
7045
- sourceSize: {
7046
- w: 17,
7047
- h: 16
7048
- },
7049
- pivot: {
7050
- x: 0.5,
7051
- y: 0.5
7052
- }
7053
- },
7054
- "icon-base-gold.png": {
7055
- frame: {
7056
- x: 47,
7057
- y: 32,
7058
- w: 16,
7059
- h: 16
7060
- },
7061
- rotated: false,
7062
- trimmed: false,
7063
- spriteSourceSize: {
7064
- x: 0,
7065
- y: 0,
7066
- w: 16,
7067
- h: 16
7068
- },
7069
- sourceSize: {
7070
- w: 16,
7071
- h: 16
7072
- },
7073
- pivot: {
7074
- x: 0.5,
7075
- y: 0.5
7076
- }
7077
- },
7078
- "equipment-raw.png": {
7079
- frame: {
7080
- x: 0,
7081
- y: 59,
7082
- w: 15,
7083
- h: 13
7084
- },
7085
- rotated: false,
7086
- trimmed: true,
7087
- spriteSourceSize: {
7088
- x: 0,
7089
- y: 0,
7090
- w: 15,
7091
- h: 13
7092
- },
7093
- sourceSize: {
7094
- w: 16,
7095
- h: 13
7096
- },
7097
- pivot: {
7098
- x: 0.5,
7099
- y: 0.5
7100
- }
7101
- },
7102
- "metamask-small.png": {
7103
- frame: {
7104
- x: 31,
7105
- y: 48,
7106
- w: 15,
7107
- h: 15
7108
- },
7109
- rotated: false,
7110
- trimmed: true,
7111
- spriteSourceSize: {
7112
- x: 1,
7113
- y: 0,
7114
- w: 15,
7115
- h: 15
7116
- },
7117
- sourceSize: {
7118
- w: 16,
7119
- h: 16
7120
- },
7121
- pivot: {
7122
- x: 0.5,
7123
- y: 0.5
7124
- }
7125
- },
7126
- "settings.png": {
7127
- frame: {
7128
- x: 46,
7129
- y: 48,
7130
- w: 14,
7131
- h: 14
7132
- },
7133
- rotated: false,
7134
- trimmed: true,
7135
- spriteSourceSize: {
7136
- x: 1,
7137
- y: 1,
7138
- w: 14,
7139
- h: 14
7140
- },
7141
- sourceSize: {
7142
- w: 16,
7143
- h: 16
7144
- },
7145
- pivot: {
7146
- x: 0.5,
7147
- y: 0.5
7148
- }
7149
- },
7150
- "inventory-raw.png": {
7151
- frame: {
7152
- x: 15,
7153
- y: 59,
7154
- w: 13,
7155
- h: 13
7156
- },
7157
- rotated: false,
7158
- trimmed: true,
7159
- spriteSourceSize: {
7160
- x: 1,
7161
- y: 2,
7162
- w: 13,
7163
- h: 13
7164
- },
7165
- sourceSize: {
7166
- w: 16,
7167
- h: 16
7168
- },
7169
- pivot: {
7170
- x: 0.5,
7171
- y: 0.5
7172
- }
7173
- }
7174
- };
7175
- var meta$1 = {
7176
- app: "http://free-tex-packer.com",
7177
- version: "0.6.7",
7178
- image: "icons.png",
7179
- format: "RGBA8888",
7180
- size: {
7181
- w: 66,
7182
- h: 72
7183
- },
7184
- scale: 1
7185
- };
7186
- var iconsAtlasJSON = {
7187
- frames: frames$1,
7188
- meta: meta$1
7189
- };
7190
-
7191
- var img$3 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABICAMAAAB1EdO8AAAAkFBMVEUAAADtgCT////1hB92PhridiXX19dVPioVFRXQt0W2nSuIdWScgxFuW0mpfFInt+iGmqJ7UTEUpNXEmWxUanQBZolmZmLj+P/MYiguIhhtZWVOMRxNLRWWlpG7vrq6vbmoqKjArJ3VwLQWFhZ7eXl6ZlTq7OzutCkhM0eqfVHBrZ6/q5z/5HjKYSj83SDxgSCOHfTqAAAAAnRSTlMADpEr4D8AAAN0SURBVFjDrdcBW9owEAbgGyNtF2m1CDhBtDIR1Dn//7/b3TXtl6SUtTz7HmlusrxPEgqcRN+oP/rsLAxRGoQkU2PoVIyZEgs/wszSqyCpCFM2zAnA8DNM2B+r1UomyyhEHhIiwIgECRN2tX1aifC0rYm8Q6gRIkYEEE9iyNUReUTA+N5EBRcm1KgFR+Qe4QQYEEA4QwVH5D6BgHAACLcXj8hjAgYEEBsWamMDIgfhxxHTkNiUG3cWXIHIGyI0lAh+Q7KKggXZS4FVSEB0NxITZbGxIpUgNB3CNIRvkG6Ef9wgBFIT1AIggBDNZLrVVVhhhEBAyERHoHIET0XcKhAlSKZ1CQ3RsDc75pmoVCKNp2RBvEX8lGipVbuM9CpMmlWJlyoDYZqJdQGCj6yUpOn9vRJJMmmTJJkIzvg6Hh1xPH6pIGEiLwuNGEpMvIBoHH1oQOzL4va2uK2NLgEhJJCUhTogXqqJewwn/vwOiZeJewhhJHqWnwbSp56oJt3vy/JwkPPs2YhneB85ECjd80kcDrd8HP8gjEza/ZLs9B8+wekhkoAwu11N8GjOEZXOxa0F48MjPlqhS1AmQnCDN/+X3p93zxy+vnu/TvOiUKAAwQIFwZfQc53gibS5OfUWvxIiFrJzUSIvJSrkuRCxUCX9qdTofD6EApOcyakknIyWQeIPIEdM+pNky+s7L9fLWdRsDCHurr3cLWf2AmIeEfYCYh4R9gJiHhF2NMGJCHuCSNbrdXcEMY8I2yVeqqRa87gORxDziLBdIpkkOjUaQcwjwo5chSYi7Miz0ESEHfWKuESEHU4gEWEHEvPobWb9DCD+y5udpmjNzdQViwUhAwgxnDCtpy9ubhZgQPR8akUNrU5vHi2BL5ZuKiHUUEGJNiAyFqqsJ9Q2xXVBaiwWENTQrybqSdsUG6OE7uD1VfcSEtQbXoEQepF9iED0qsVAgqR9Y0JaOeojzguygKORB1fUs5HzgoaJugiPEwYNJ7ovqob/gPXHtk1t/tpsG1qucWuFxPZxJcPjVga0qTB20reIcPIG17li6FUJtKk10XYdQnTeZjAg1AHhWpemRrqGChS0qTQsMEiDNnUE8cCCGlxR0KYOFsoHdxZcERrEUat4c6/I2wNdSpQ8V6QSxOiN8E8zBG3qcIEvUmjttakj9hHWpWSU8BfjYZgnq0kqDAAAAABJRU5ErkJggg==';
7192
-
7193
- var SpriteIcon = function SpriteIcon(_ref) {
7194
- var onClick = _ref.onClick,
7195
- spriteKey = _ref.spriteKey,
7196
- baseSpriteKey = _ref.baseSpriteKey,
7197
- imgStyle = _ref.imgStyle;
7198
- return React.createElement(Container$b, null, baseSpriteKey && React.createElement(Slot, null, React.createElement(SpriteFromAtlas, {
7199
- onClick: onClick,
7200
- atlasJSON: iconsAtlasJSON,
7201
- atlasIMG: img$3,
7202
- spriteKey: baseSpriteKey,
7203
- width: 32,
7204
- height: 32,
7205
- containerStyle: {
7206
- zIndex: -1
7207
- }
7208
- })), React.createElement(Slot, null, React.createElement(SpriteFromAtlas, {
7209
- onClick: onClick,
7210
- atlasJSON: iconsAtlasJSON,
7211
- atlasIMG: img$3,
7212
- spriteKey: spriteKey,
7213
- width: 28,
7214
- height: 28,
7215
- containerStyle: {
7216
- zIndex: 0
7217
- },
7218
- imgScale: baseSpriteKey ? 1.5 : 2,
7219
- imgStyle: imgStyle
7220
- })));
7221
- };
7222
- var Container$b = /*#__PURE__*/styled.div.withConfig({
7223
- displayName: "SpriteIcon__Container",
7224
- componentId: "sc-vi5t1x-0"
7225
- })(["position:relative;width:32px;height:32px;display:flex;justify-content:center;align-items:center;"]);
7226
- var Slot = /*#__PURE__*/styled.div.withConfig({
7227
- displayName: "SpriteIcon__Slot",
7228
- componentId: "sc-vi5t1x-1"
7229
- })(["position:absolute;"]);
7230
-
7231
6770
  var SimpleProgressBar = function SimpleProgressBar(_ref) {
7232
6771
  var value = _ref.value,
7233
6772
  _ref$bgColor = _ref.bgColor,
7234
6773
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
7235
6774
  _ref$margin = _ref.margin,
7236
6775
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
7237
- return React.createElement(Container$c, {
6776
+ return React.createElement(Container$d, {
7238
6777
  className: "simple-progress-bar"
7239
6778
  }, React.createElement(ProgressBarContainer, {
7240
6779
  margin: margin
@@ -7243,7 +6782,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
7243
6782
  bgColor: bgColor
7244
6783
  }))));
7245
6784
  };
7246
- var Container$c = /*#__PURE__*/styled.div.withConfig({
6785
+ var Container$d = /*#__PURE__*/styled.div.withConfig({
7247
6786
  displayName: "SimpleProgressBar__Container",
7248
6787
  componentId: "sc-mbeil3-0"
7249
6788
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -7486,16 +7025,16 @@ var Truncate = function Truncate(_ref) {
7486
7025
  var _ref$maxLines = _ref.maxLines,
7487
7026
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
7488
7027
  children = _ref.children;
7489
- return React.createElement(Container$d, {
7028
+ return React.createElement(Container$e, {
7490
7029
  maxLines: maxLines
7491
7030
  }, children);
7492
7031
  };
7493
- var Container$d = /*#__PURE__*/styled.div.withConfig({
7032
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
7494
7033
  displayName: "Truncate__Container",
7495
7034
  componentId: "sc-6x00qb-0"
7496
7035
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
7497
7036
  return props.maxLines;
7498
7037
  });
7499
7038
 
7500
- export { Button, ButtonTypes, Chat, CheckButton, DraggableContainer, Dropdown, DynamicText, EquipmentSet, Input, InputRadio, ItemContainer, ItemSlot, ListMenu, NPCDialog, NPCDialogType, ProgressBar, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SkillProgressBar, SkillsContainer, SlotContainerType, SpriteFromAtlas, SpriteIcon, TextArea, Truncate, _RPGUI, useEventListener };
7039
+ export { Button, ButtonTypes, Chat, CheckButton, DraggableContainer, Dropdown, DynamicText, EquipmentSet, Input, InputRadio, ItemContainer, ItemSlot, ListMenu, NPCDialog, NPCDialogType, ProgressBar, PropertySelect, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SkillProgressBar, SkillsContainer, SpriteFromAtlas, TextArea, Truncate, _RPGUI, useEventListener };
7501
7040
  //# sourceMappingURL=long-bow.esm.js.map