@rpg-engine/long-bow 0.3.98 → 0.3.99

package/dist/long-bow.esm.js

@@ -15834,6 +15834,8 @@ var ProgressBar = function ProgressBar(_ref) {
     _ref$minWidth = _ref.minWidth,
     minWidth = _ref$minWidth === void 0 ? 100 : _ref$minWidth,
     style = _ref.style;
+  value = Math.round(value);
+  max = Math.round(max);
   var calculatePercentageValue = function calculatePercentageValue(max, value) {
     if (value > max) {
       value = max;
@@ -16129,7 +16131,7 @@ var Shortcuts = function Shortcuts(_ref) {
       return classBase + " " + (isOnCooldown ? 'onCooldown' : '');
     };
     var isOnShortcutCooldown = shortcutCooldown > 0;
-    if (((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) === ShortcutType.Item) {
+    if (shortcuts && ((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) === ShortcutType.Item) {
       var _shortcuts$i2;
       var _payload = (_shortcuts$i2 = shortcuts[i]) == null ? void 0 : _shortcuts$i2.payload;
       var itemsFromEquipment = [];
@@ -16169,7 +16171,7 @@ var Shortcuts = function Shortcuts(_ref) {
         className: buildClassName('keyboard', isOnShortcutCooldown)
       }, i + 1));
     }
-    var payload = (_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload;
+    var payload = shortcuts && ((_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload); //check if shortcuts exists before using the ? operator.
     var spellCooldown = !payload ? 0 : (_spellCooldowns$paylo = spellCooldowns == null ? void 0 : spellCooldowns[payload.magicWords.replaceAll(' ', '_')]) != null ? _spellCooldowns$paylo : shortcutCooldown;
     var cooldown = spellCooldown > shortcutCooldown ? spellCooldown : shortcutCooldown;
     var isOnCooldown = cooldown > 0 && !!payload;
@@ -16376,6 +16378,9 @@ var SkillsContainer = function SkillsContainer(_ref) {
       var _Object$entries$_i = _Object$entries[_i],
         key = _Object$entries$_i[0],
         value = _Object$entries$_i[1];
+      if (key === 'stamina') {
+        continue;
+      }
       //@ts-ignore
       var skillDetails = skill[key];
       output.push(React.createElement(SkillProgressBar, {
@@ -16422,7 +16427,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
 var SkillsDraggableContainer = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "SkillsContainer__SkillsDraggableContainer",
   componentId: "sc-1g0c67q-0"
-})(["border:1px solid black;width:400px;height:90%;.DraggableContainer__TitleContainer-sc-184mpyl-2{width:auto;height:auto;}"]);
+})(["border:1px solid black;@media screen and (min-width:800px){body{width:800px;}}@media screen and (max-width:800px){body{width:400px;}}height:90%;.DraggableContainer__TitleContainer-sc-184mpyl-2{width:auto;height:auto;}"]);
 var SkillsContainerDiv = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__SkillsContainerDiv",
   componentId: "sc-1g0c67q-1"
@@ -16469,7 +16474,7 @@ var SpellInfo = function SpellInfo(_ref) {
     className: "label"
   }, "Cooldown:"), React.createElement("div", {
     className: "value"
-  }, cooldown)), React.createElement(Statistic$1, null, React.createElement("div", {
+  }, cooldown)), maxDistanceGrid && React.createElement(Statistic$1, null, React.createElement("div", {
     className: "label"
   }, "Max Distance Grid:"), React.createElement("div", {
     className: "value"
@@ -16675,7 +16680,7 @@ var Spell = function Spell(_ref) {
 var Container$p = /*#__PURE__*/styled.button.withConfig({
   displayName: "Spell__Container",
   componentId: "sc-j96fa2-0"
-})(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;height:5rem;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
+})(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
   var isSettingShortcut = _ref2.isSettingShortcut;
   return isSettingShortcut ? 'border-color-change 1s infinite' : 'none';
 }, uiColors.yellow, uiColors.yellow, uiColors.darkGray);