bnstooltips 1.8.3 → 1.8.4
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/build/index.es.js +36 -24
- package/build/index.es.js.map +1 -1
- package/build/index.js +36 -24
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -5575,7 +5575,7 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
5575
5575
|
|
|
5576
5576
|
var Tippy = index;
|
|
5577
5577
|
|
|
5578
|
-
var css_248z$9 = ".ItemImproveTooltip_PrevCurNext {\n display: flex;\n align-items: center;\n justify-content: center; }\n .ItemImproveTooltip_PrevCurNext_container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 90%; }\n .ItemImproveTooltip_PrevCurNext_container > div {\n margin: 0 .5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChild {\n flex: 3; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra {\n flex: 3.5; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container {\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border: solid 1px rgba(
|
|
5578
|
+
var css_248z$9 = ".ItemImproveTooltip_PrevCurNext {\n display: flex;\n align-items: center;\n justify-content: center; }\n .ItemImproveTooltip_PrevCurNext_container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 90%; }\n .ItemImproveTooltip_PrevCurNext_container > div {\n margin: 0 .5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChild {\n flex: 3; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra {\n flex: 3.5; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container {\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border: solid 1px rgba(108, 108, 108, 0.6);\n border-radius: 3px;\n padding: 1rem 0;\n cursor: pointer;\n opacity: .8; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow:hover {\n opacity: 1;\n filter: brightness(1.5); }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild {\n flex: 1; }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild_arrowButton {\n cursor: pointer;\n opacity: .8; }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild_arrowButton:hover {\n opacity: 1;\n filter: brightness(1.5); }\n\n.ItemImproveTooltip_ItemWithText {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_ItemWithText_icon {\n width: 56px;\n height: 56px; }\n .ItemImproveTooltip_ItemWithText_iconSmall {\n width: 40px;\n height: 40px; }\n .ItemImproveTooltip_ItemWithText_iconPad {\n border-width: 2px;\n border-color: rgba(108, 108, 108, 0.6);\n border-style: solid;\n border-radius: 3px;\n padding: 1px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_ItemWithText_name {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center; }\n\n.ItemImproveUpgradeCost {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-top: 2rem;\n margin-bottom: 1rem; }\n .ItemImproveUpgradeCost_title {\n text-align: center;\n font-size: 18px;\n padding-top: 1rem; }\n .ItemImproveUpgradeCost > div {\n width: 100%; }\n .ItemImproveUpgradeCost_money {\n margin-top: .5rem; }\n\n.SubCostSelector {\n display: flex;\n justify-content: center;\n align-items: stretch;\n margin-top: .5rem;\n margin-bottom: .5rem;\n overflow-x: auto; }\n .SubCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 2; }\n\n.MainCostSelector {\n margin: .33rem 0 .5rem 0;\n display: flex;\n justify-content: center;\n align-items: stretch; }\n .MainCostSelector_or {\n flex: 0 1 0px !important;\n padding: 0 2rem;\n font-size: 18px; }\n .MainCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1; }\n .MainCostSelector_warning {\n min-height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center; }\n .MainCostSelector_warning_active {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: .5rem; }\n .MainCostSelector_container {\n display: flex;\n flex-direction: column;\n padding: 0 .1rem .33rem .1rem; }\n .MainCostSelector_container_space {\n flex: 1;\n margin: 0 0 .1rem 0; }\n";
|
|
5579
5579
|
styleInject(css_248z$9);
|
|
5580
5580
|
|
|
5581
5581
|
var css_248z$8 = ".tippy-box {\n max-width: none !important;\n background-color: transparent !important;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; }\n .tippy-box:hover {\n box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 60px 0px !important; }\n\n.tippy-content {\n padding: 0 !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff0084 !important; }\n";
|
|
@@ -5724,17 +5724,17 @@ function PrevCurNext(_a) {
|
|
|
5724
5724
|
if (nextItem.itemImprove != null)
|
|
5725
5725
|
NavigateTo(nextItem);
|
|
5726
5726
|
} },
|
|
5727
|
-
React__default["default"].createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up"))
|
|
5727
|
+
React__default["default"].createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up")))
|
|
5728
|
+
: null),
|
|
5729
|
+
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, nextItem != null ?
|
|
5730
|
+
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container" },
|
|
5731
|
+
React__default["default"].createElement(ItemWithText, { tooltip: true, small: true, item: nextItem, client: client, region: region }),
|
|
5728
5732
|
GetUpgradeEffects(item, steps, nextItem).length > 0
|
|
5729
5733
|
?
|
|
5730
5734
|
React__default["default"].createElement("div", { style: { cursor: "default" } },
|
|
5731
5735
|
React__default["default"].createElement(ItemImproveEffectsTooltipWrapper, { effectsForName: GetUpgradeEffects(item, steps, nextItem) },
|
|
5732
5736
|
React__default["default"].createElement("span", { style: { fontSize: 16 }, className: "00008130.UI.Label_Green03_12 material-symbols-outlined" }, "help")))
|
|
5733
5737
|
: null)
|
|
5734
|
-
: null),
|
|
5735
|
-
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, nextItem != null ?
|
|
5736
|
-
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container" },
|
|
5737
|
-
React__default["default"].createElement(ItemWithText, { tooltip: true, small: true, item: nextItem, client: client, region: region }))
|
|
5738
5738
|
: null))));
|
|
5739
5739
|
}
|
|
5740
5740
|
function GetUpgradeEffects(item, steps, nextItem) {
|
|
@@ -5794,19 +5794,25 @@ function Money(_a) {
|
|
|
5794
5794
|
|
|
5795
5795
|
function MainCostSelector(_a) {
|
|
5796
5796
|
var options = _a.options, client = _a.client, region = _a.region, selectOption = _a.selectOption, selectedOption = _a.selectedOption;
|
|
5797
|
-
return (React__default["default"].createElement("div",
|
|
5798
|
-
|
|
5799
|
-
React__default["default"].createElement("
|
|
5800
|
-
React__default["default"].createElement("
|
|
5801
|
-
|
|
5802
|
-
|
|
5803
|
-
|
|
5804
|
-
|
|
5805
|
-
|
|
5806
|
-
|
|
5807
|
-
|
|
5808
|
-
|
|
5809
|
-
|
|
5797
|
+
return (React__default["default"].createElement("div", null,
|
|
5798
|
+
React__default["default"].createElement("span", { className: "TooltipBase_upgradeRed MainCostSelector_warning" }, options[selectedOption].isRandom ?
|
|
5799
|
+
React__default["default"].createElement("span", { className: "MainCostSelector_warning_active" },
|
|
5800
|
+
React__default["default"].createElement("span", { style: { fontSize: 16 }, className: "material-symbols-outlined" }, "error"),
|
|
5801
|
+
"\u00A0 This upgrade has a chance to fail!")
|
|
5802
|
+
: null),
|
|
5803
|
+
React__default["default"].createElement("div", { className: "MainCostSelector" }, options.map(function (option, i) {
|
|
5804
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, { key: i },
|
|
5805
|
+
React__default["default"].createElement("div", { className: "MainCostSelector_container" },
|
|
5806
|
+
React__default["default"].createElement("div", { onClick: function () {
|
|
5807
|
+
selectOption(i);
|
|
5808
|
+
} },
|
|
5809
|
+
React__default["default"].createElement(ItemWithText, { tooltip: false, borderClass: i == selectedOption ? "TooltipBase_border-grade-4" : "", itemId: option.mainItemCost.itemId, item: null, itemLevel: option.mainItemCost.itemLevel, client: client, region: region })),
|
|
5810
|
+
React__default["default"].createElement("div", null,
|
|
5811
|
+
React__default["default"].createElement("span", null,
|
|
5812
|
+
"x",
|
|
5813
|
+
option.mainItemCost.max))),
|
|
5814
|
+
i < options.length - 1 ? React__default["default"].createElement("div", { className: "MainCostSelector_or" }, "or") : null));
|
|
5815
|
+
}))));
|
|
5810
5816
|
}
|
|
5811
5817
|
|
|
5812
5818
|
function SubCosts(_a) {
|
|
@@ -5818,11 +5824,11 @@ function SubCosts(_a) {
|
|
|
5818
5824
|
React__default["default"].createElement("div", { className: "MainCostSelector_container" },
|
|
5819
5825
|
React__default["default"].createElement("div", null,
|
|
5820
5826
|
React__default["default"].createElement(ItemWithText, { tooltip: false, small: true, itemId: subItem.itemId, item: null, itemLevel: subItem.itemLevel, client: client, region: region })),
|
|
5827
|
+
React__default["default"].createElement("div", { className: "MainCostSelector_container_space" }),
|
|
5821
5828
|
React__default["default"].createElement("div", null,
|
|
5822
5829
|
React__default["default"].createElement("span", null,
|
|
5823
5830
|
"x",
|
|
5824
|
-
subItem.max)))
|
|
5825
|
-
i < options[selectedOption].subItemCost.length - 1 ? React__default["default"].createElement("div", { className: "MainCostSelector_or" }, "and") : null));
|
|
5831
|
+
subItem.max)))));
|
|
5826
5832
|
})));
|
|
5827
5833
|
}
|
|
5828
5834
|
|
|
@@ -5842,7 +5848,13 @@ function ItemImproveUpgradeCost(_a) {
|
|
|
5842
5848
|
React__default["default"].createElement("div", { className: "ItemImproveUpgradeCost_title 00008130.UI.Label_LightYellow_12" }, "Upgrade Cost"),
|
|
5843
5849
|
React__default["default"].createElement(MainCostSelector, { options: accumulatedCost, client: client, region: region, selectOption: selectOption, selectedOption: selectedOption }),
|
|
5844
5850
|
React__default["default"].createElement(SubCosts, { options: accumulatedCost, client: client, region: region, selectedOption: selectedOption }),
|
|
5845
|
-
|
|
5851
|
+
accumulatedCost[selectedOption].moneyCost > 0 ?
|
|
5852
|
+
React__default["default"].createElement("div", { className: "ItemImproveUpgradeCost_money" },
|
|
5853
|
+
React__default["default"].createElement("span", { style: { fontSize: 16, display: "flex", justifyContent: "center", alignItems: "center" } },
|
|
5854
|
+
React__default["default"].createElement("span", { className: "TooltipBase_grade-6" }, "Money:"),
|
|
5855
|
+
"\u00A0",
|
|
5856
|
+
React__default["default"].createElement(Money, { center: true, money: accumulatedCost[selectedOption].moneyCost })))
|
|
5857
|
+
: null));
|
|
5846
5858
|
}
|
|
5847
5859
|
function GetAccumulatedUpgradeCost(item, steps) {
|
|
5848
5860
|
var result = [];
|
|
@@ -6006,10 +6018,10 @@ function ItemImproveTooltip(_a) {
|
|
|
6006
6018
|
mainInfos: [],
|
|
6007
6019
|
subInfoGroups: [],
|
|
6008
6020
|
fullHeight: fullHeight,
|
|
6009
|
-
widthOverride: "
|
|
6021
|
+
widthOverride: "500px"
|
|
6010
6022
|
};
|
|
6011
6023
|
if (debug) {
|
|
6012
|
-
tooltipBaseProps.subtitle = data.
|
|
6024
|
+
tooltipBaseProps.subtitle = "debug: " + data.id + "-" + data.level;
|
|
6013
6025
|
}
|
|
6014
6026
|
AddPrevCurNext(tooltipBaseProps.subInfoGroups, data, nextItem, prevItem, steps, allPossibleUpgrades, SetCustomStage, NavigateTo, client, region);
|
|
6015
6027
|
AddUpgradeCost(tooltipBaseProps.subInfoGroups, data, nextItem, steps, client, region);
|