@rpg-engine/long-bow 0.8.88 → 0.8.89
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.
- package/dist/long-bow.cjs.development.js +4 -3
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +4 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ProgressBar.tsx +5 -4
package/dist/long-bow.esm.js
CHANGED
|
@@ -36047,8 +36047,6 @@ var ProgressBar$1 = function ProgressBar(_ref) {
|
|
|
36047
36047
|
minWidth = _ref$minWidth === void 0 ? 100 : _ref$minWidth,
|
|
36048
36048
|
style = _ref.style,
|
|
36049
36049
|
mobileScale = _ref.mobileScale;
|
|
36050
|
-
value = Math.round(value);
|
|
36051
|
-
max = Math.round(max);
|
|
36052
36050
|
var calculatePercentageValue = function calculatePercentageValue(max, value) {
|
|
36053
36051
|
if (value > max) {
|
|
36054
36052
|
value = max;
|
|
@@ -36056,6 +36054,9 @@ var ProgressBar$1 = function ProgressBar(_ref) {
|
|
|
36056
36054
|
var percentage = value * 100 / max;
|
|
36057
36055
|
return Math.min(99.99, percentage);
|
|
36058
36056
|
};
|
|
36057
|
+
// Round only for display, not for calculation
|
|
36058
|
+
var displayValue = Math.round(value);
|
|
36059
|
+
var displayMax = Math.round(max);
|
|
36059
36060
|
return React.createElement(Container$B, {
|
|
36060
36061
|
className: "rpgui-progress",
|
|
36061
36062
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
@@ -36064,7 +36065,7 @@ var ProgressBar$1 = function ProgressBar(_ref) {
|
|
|
36064
36065
|
minWidth: minWidth,
|
|
36065
36066
|
style: style,
|
|
36066
36067
|
mobileScale: mobileScale
|
|
36067
|
-
}, displayText && React.createElement(TextOverlay$1, null, React.createElement(ProgressBarText, null,
|
|
36068
|
+
}, displayText && React.createElement(TextOverlay$1, null, React.createElement(ProgressBarText, null, displayValue, "/", displayMax)), React.createElement("div", {
|
|
36068
36069
|
className: " rpgui-progress-track"
|
|
36069
36070
|
}, React.createElement("div", {
|
|
36070
36071
|
className: "rpgui-progress-fill " + color + " ",
|