bnstooltips 1.6.2 → 1.6.5
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/NpcTooltip/NpcTooltip.d.ts +5 -0
- package/build/NpcTooltip/NpcTooltip.types.d.ts +11 -0
- package/build/NpcTooltip/SubComponents/ItemBuyLimit.d.ts +6 -0
- package/build/NpcTooltip/SubComponents/Money.d.ts +5 -0
- package/build/NpcTooltip/SubComponents/NpcStoreEntry.d.ts +8 -0
- package/build/NpcTooltip/SubComponents/NpcStores.d.ts +9 -0
- package/build/NpcTooltip/SubComponents/StoreItemBuyPriceEntry.d.ts +8 -0
- package/build/NpcTooltip/SubComponents/StoreTogge.d.ts +8 -0
- package/build/NpcTooltip/SubComponents/StoreToggleBar.d.ts +8 -0
- package/build/Utilities/Helpers.d.ts +6 -0
- package/build/Utilities/INpc.d.ts +39 -0
- package/build/Utilities/ItemDownloadClient.d.ts +1 -1
- package/build/Utilities/Models.d.ts +2 -1
- package/build/index.d.ts +2 -0
- package/build/index.es.js +289 -17
- package/build/index.es.js.map +1 -1
- package/build/index.js +289 -16
- package/build/index.js.map +1 -1
- package/build/itemapiclient/api.d.ts +12 -0
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -58,8 +58,8 @@ function styleInject(css, ref) {
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
var css_248z$
|
|
62
|
-
styleInject(css_248z$
|
|
61
|
+
var css_248z$7 = "*[class*=\"00008130.UI.Label_LightYellow_12\"] {\n color: #ecd967 !important; }\n\n*[class*=\"00008130.UI.Vital_LightBlue\"] {\n color: #46bee1 !important;\n font-weight: 500 !important; }\n\n*[class*=\"00008130.UI.Label_Green03_12\"] {\n color: #58ff77 !important; }\n\n.TooltipBase_grade-none {\n color: #c2cadc; }\n\n.TooltipBase_grade-1 {\n color: #6c6c6c !important; }\n\n.TooltipBase_border-grade-1 {\n border-color: #6c6c6c !important; }\n\n.TooltipBase_border-hover-grade-1:hover {\n border-color: #6c6c6c !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_1\"] {\n color: #6c6c6c !important;\n border-color: #6c6c6c !important; }\n\n.TooltipBase_grade-2 {\n color: #ffffff !important; }\n\n.TooltipBase_border-grade-2 {\n border-color: #ffffff !important; }\n\n.TooltipBase_border-hover-grade-2:hover {\n border-color: #ffffff !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_2\"] {\n color: #ffffff !important;\n border-color: #ffffff !important; }\n\n.TooltipBase_grade-3 {\n color: #58ff77 !important; }\n\n.TooltipBase_border-grade-3 {\n border-color: #58ff77 !important; }\n\n.TooltipBase_border-hover-grade-3:hover {\n border-color: #58ff77 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_3\"] {\n color: #58ff77 !important;\n border-color: #58ff77 !important; }\n\n.TooltipBase_grade-4 {\n color: #46bee1 !important; }\n\n.TooltipBase_border-grade-4 {\n border-color: #46bee1 !important; }\n\n.TooltipBase_border-hover-grade-4:hover {\n border-color: #46bee1 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_4\"] {\n color: #46bee1 !important;\n border-color: #46bee1 !important; }\n\n.TooltipBase_grade-5 {\n color: #d739ff !important; }\n\n.TooltipBase_border-grade-5 {\n border-color: #d739ff !important; }\n\n.TooltipBase_border-hover-grade-5:hover {\n border-color: #d739ff !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_5\"] {\n color: #d739ff !important;\n border-color: #d739ff !important; }\n\n.TooltipBase_grade-6 {\n color: #f1b248 !important; }\n\n.TooltipBase_border-grade-6 {\n border-color: #f1b248 !important; }\n\n.TooltipBase_border-hover-grade-6:hover {\n border-color: #f1b248 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_6\"] {\n color: #f1b248 !important;\n border-color: #f1b248 !important; }\n\n.TooltipBase_grade-7 {\n color: #ff770a !important; }\n\n.TooltipBase_border-grade-7 {\n border-color: #ff770a !important; }\n\n.TooltipBase_border-hover-grade-7:hover {\n border-color: #ff770a !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_7\"] {\n color: #ff770a !important;\n border-color: #ff770a !important; }\n\n.TooltipBase_grade-8 {\n color: #ff0084 !important; }\n\n.TooltipBase_border-grade-8 {\n border-color: #ff0084 !important; }\n\n.TooltipBase_border-hover-grade-8:hover {\n border-color: #ff0084 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_8\"] {\n color: #ff0084 !important;\n border-color: #ff0084 !important; }\n\n.TooltipBase_iconbg-grade-1 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_1.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-2 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_2.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-3 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_3.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-4 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_4.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-5 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_5.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-6 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_6.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-7 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_7.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-8 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_9.png\") no-repeat; }\n\n.TooltipBase_iconbg-grade-9 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_9.png\") no-repeat; }\n\n.TooltipBase_container {\n box-sizing: border-box;\n font-family: \"Montserrat\", sans-serif !important;\n scroll-behavior: smooth;\n touch-action: manipulation;\n -webkit-overflow-scrolling: touch;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n display: inline-flex;\n flex-direction: column;\n background-color: rgba(3, 3, 3, 0.9);\n backdrop-filter: brightness(1.5) blur(5px);\n -webkit-backdrop-filter: brightness(1.5) blur(5px);\n padding: 1rem;\n border: 1px solid;\n border-color: #6c6c6c;\n font-weight: 500;\n font-size: 16px;\n text-decoration: none;\n color: #fff;\n width: 380px;\n max-height: calc(100vh - 50px);\n overflow-y: auto;\n -ms-overflow-style: none;\n /* IE and Edge */\n scrollbar-width: none;\n /* Firefox */\n border-radius: 3px;\n text-shadow: black 1px 1px 0; }\n\n.TooltipBase_containerFullHeight {\n height: 99%; }\n\n.TooltipBase_container::-webkit-scrollbar {\n display: none; }\n\n@media only screen and (max-width: 380px) {\n .TooltipBase_container {\n width: 100%; } }\n\n@supports not (backdrop-filter: brightness(1.5) blur(5px)) {\n .TooltipBase_container {\n background-color: rgba(0, 0, 0, 0.95); }\n .TooltipBase_container-loading {\n background-color: rgba(0, 0, 0, 0.95); } }\n\n.TooltipBase_container-loading {\n background-color: rgba(3, 3, 3, 0.9);\n backdrop-filter: brightness(1.5) blur(5px);\n -webkit-backdrop-filter: brightness(1.5) blur(5px);\n padding: 1rem; }\n\n.TooltipBase_titlesubtitle {\n display: flex;\n justify-content: space-between;\n margin-bottom: 1rem; }\n\n.TooltipBase_title {\n flex: 1;\n overflow: hidden;\n padding-right: 1rem; }\n\n.TooltipBase_title_text {\n font-size: 18px;\n text-shadow: black 1px 1px 0;\n font-weight: 500; }\n\n.TooltipBase_subtitle {\n text-align: end;\n font-size: 12px; }\n\n.TooltipBase_iconmaininfo {\n display: flex;\n margin-bottom: 0.8rem; }\n\n.TooltipBase_iconcontainer {\n margin-right: 0.5rem;\n margin-bottom: 0.25rem;\n float: left;\n position: relative; }\n\n.TooltipBase_iconBg {\n width: 64px;\n height: 64px;\n background-origin: content-box !important; }\n\n.TooltipBase_icon {\n width: calc(64px - (0px * 2));\n height: calc(64px - (0px * 2));\n padding: 0px; }\n\n.TooltipBase_maininfocontainer {\n font-size: 16px;\n font-weight: 500; }\n\n.TooltipBase_maininfocontainer > div:not(:last-child) {\n margin-bottom: 0.2rem; }\n\n.TooltipBase_fullwidthContainer {\n line-height: 17px; }\n\n.TooltipBase_fullwidthContainer > div:not(:last-child) {\n margin-bottom: 0.5rem; }\n\n.TooltipBase_fullwidthContainer-subContainer {\n font-size: 12px; }\n\n.TooltipBase_fullwidthContainer-subContainer > div:not(:last-child) {\n margin-bottom: 0.1rem; }\n\n.TooltipBase_flex {\n display: flex;\n align-items: center; }\n\n.TooltipBase_flex-col {\n display: flex;\n justify-content: center;\n flex-direction: column; }\n\n.TooltipBase_descriptions-description-title {\n font-weight: 500; }\n";
|
|
62
|
+
styleInject(css_248z$7);
|
|
63
63
|
|
|
64
64
|
function TooltipBase(_a) {
|
|
65
65
|
var title = _a.title, category = _a.subtitle, grade = _a.grade, _b = _a.icon, icon = _b === void 0 ? "" : _b, _c = _a.mainInfos, mainTexts = _c === void 0 ? [] : _c, _d = _a.subInfoGroups, subTexts = _d === void 0 ? [] : _d, id = _a.id, _e = _a.fullHeight, fullHeight = _e === void 0 ? false : _e;
|
|
@@ -161,8 +161,8 @@ function __generator(thisArg, body) {
|
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
163
|
|
|
164
|
-
var css_248z$
|
|
165
|
-
styleInject(css_248z$
|
|
164
|
+
var css_248z$6 = ".ItemTooltip_itemIconLoading {\n width: 50px;\n padding: 0.22rem 0;\n display: flex;\n justify-content: center;\n align-items: center; }\n\n.ItemTooltip_jobstyleToggleContainer {\n display: flex; }\n\n.ItemTooltip_jobstyleButton {\n flex: 1;\n border: none;\n padding: 0.33rem 0.5rem;\n border-radius: 0;\n background-color: rgba(233, 233, 233, 0.1);\n color: #fff;\n opacity: 0.8;\n cursor: pointer;\n transition: background-color 0.1s; }\n .ItemTooltip_jobstyleButton:hover {\n background-color: rgba(255, 255, 255, 0.2);\n opacity: 1; }\n .ItemTooltip_jobstyleButton-active {\n background-color: rgba(255, 255, 255, 0.3) !important;\n color: #fff;\n opacity: 1; }\n\n.ItemTooltip_itemiconnamedivspan {\n display: flex;\n justify-content: center;\n align-items: center; }\n\n.ItemTooltip_cooldown {\n font-weight: 400;\n font-size: 12px; }\n\n.ItemTooltip_subInfo {\n font-size: 14px; }\n\n.ItemTooltip_stats_mainstat {\n font-size: 16px;\n margin-bottom: 0.05rem; }\n\n.ItemTooltip_stats_substat {\n font-size: 14px; }\n\n.ItemTooltip_itemIconInline {\n width: 18px !important;\n height: 18px !important;\n margin: 0 1px;\n top: 3px;\n position: relative; }\n\n.ItemTooltip_itemIconRandom {\n width: 36px !important;\n top: 6px;\n margin: 0 1px 0 2px; }\n\n.ItemTooltip_itemIconSmall {\n width: 20px !important;\n height: 20px !important;\n margin-right: 0.33rem; }\n\n.ItemTooltip_setBonus {\n margin-bottom: 0.8rem !important; }\n\n.ItemTooltip_setContainer {\n padding-left: 0.33rem;\n padding-top: 0.22rem; }\n\n.ItemTooltip_setStageContainer {\n display: flex;\n margin: 0.25rem 0 0.35rem 0; }\n\n.ItemTooltip_setStageNumber {\n margin-top: 0.2rem;\n padding-top: 0.1rem;\n line-height: 16px;\n width: 16px;\n height: 16px;\n max-height: 16px;\n font-weight: 500;\n display: flex;\n justify-content: center;\n align-items: center;\n color: rgba(88, 255, 119, 0.8);\n border: 1px solid rgba(88, 255, 119, 0.9);\n border-radius: 3px; }\n\n.ItemTooltip_setStageContent {\n padding-top: 0.2rem;\n flex-grow: 2;\n padding-left: 0.55rem;\n max-width: 90%;\n color: #58ff77; }\n\n.ItemTooltip_itemiconnamediv {\n display: flex;\n align-items: center;\n padding: 0.15rem 0 0.15rem 0.33rem;\n line-height: 20px; }\n\n.ItemTooltip_setItemIconNameDiv {\n display: flex;\n align-items: center;\n padding: 0.11rem 0 0.11rem 0.33rem;\n line-height: 20px; }\n\n.ItemTooltip_setItemsContainer {\n display: flex;\n font-size: 12px; }\n\n.ItemTooltip_setItemsSubContainer {\n flex: 1; }\n\n.ItemTooltip_itemNameRandomDiv {\n display: flex;\n align-items: center; }\n\n@media only screen and (max-width: 380px) {\n .ItemTooltip_jobstyleButton {\n padding: 0.5rem; } }\n\n/**\r\n * ==============================================\r\n * Dot Elastic\r\n * ==============================================\r\n */\n.dot-elastic {\n position: relative;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: rgba(127, 127, 127, 0.8);\n color: rgba(127, 127, 127, 0.8);\n animation: dotElastic 1s infinite linear; }\n\n.dot-elastic::before,\n.dot-elastic::after {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 0; }\n\n.dot-elastic::before {\n left: -15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: rgba(127, 127, 127, 0.8);\n color: rgba(127, 127, 127, 0.8);\n animation: dotElasticBefore 1s infinite linear; }\n\n.dot-elastic::after {\n left: 15px;\n width: 10px;\n height: 10px;\n border-radius: 5px;\n background-color: rgba(127, 127, 127, 0.8);\n color: rgba(127, 127, 127, 0.8);\n animation: dotElasticAfter 1s infinite linear; }\n\n@keyframes dotElasticBefore {\n 0% {\n transform: scale(1, 1); }\n 25% {\n transform: scale(1, 1.5); }\n 50% {\n transform: scale(1, 0.67); }\n 75% {\n transform: scale(1, 1); }\n 100% {\n transform: scale(1, 1); } }\n\n@keyframes dotElastic {\n 0% {\n transform: scale(1, 1); }\n 25% {\n transform: scale(1, 1); }\n 50% {\n transform: scale(1, 1.5); }\n 75% {\n transform: scale(1, 1); }\n 100% {\n transform: scale(1, 1); } }\n\n@keyframes dotElasticAfter {\n 0% {\n transform: scale(1, 1); }\n 25% {\n transform: scale(1, 1); }\n 50% {\n transform: scale(1, 0.67); }\n 75% {\n transform: scale(1, 1.5); }\n 100% {\n transform: scale(1, 1); } }\n";
|
|
165
|
+
styleInject(css_248z$6);
|
|
166
166
|
|
|
167
167
|
function BuildIconPath(iconPath, iconIndex) {
|
|
168
168
|
if (iconPath == null)
|
|
@@ -289,6 +289,49 @@ function getNormalizedButton(skill) {
|
|
|
289
289
|
if (compareButton === "R")
|
|
290
290
|
compareButton = "LMB";
|
|
291
291
|
return compareButton;
|
|
292
|
+
}
|
|
293
|
+
function getMoneyObj(money) {
|
|
294
|
+
var gold = 0;
|
|
295
|
+
var silver = 0;
|
|
296
|
+
var copper = 0;
|
|
297
|
+
if (money === 0)
|
|
298
|
+
return null;
|
|
299
|
+
var digits = money.toString().split('');
|
|
300
|
+
var realDigits = digits.map(Number);
|
|
301
|
+
var i = 0;
|
|
302
|
+
var subCurrencyIndex = [0, 0, 0];
|
|
303
|
+
var digitIndex = digits.length - 1;
|
|
304
|
+
while (digitIndex >= 0) {
|
|
305
|
+
//copper
|
|
306
|
+
if (i < 2) {
|
|
307
|
+
var value = realDigits[digitIndex] * Math.pow(10, subCurrencyIndex[0]);
|
|
308
|
+
copper += value;
|
|
309
|
+
subCurrencyIndex[0] = subCurrencyIndex[0] + 1;
|
|
310
|
+
i++;
|
|
311
|
+
digitIndex--;
|
|
312
|
+
continue;
|
|
313
|
+
}
|
|
314
|
+
//silver
|
|
315
|
+
if (i < 4) {
|
|
316
|
+
var value = realDigits[digitIndex] * Math.pow(10, subCurrencyIndex[1]);
|
|
317
|
+
silver += value;
|
|
318
|
+
subCurrencyIndex[1] = subCurrencyIndex[1] + 1;
|
|
319
|
+
i++;
|
|
320
|
+
digitIndex--;
|
|
321
|
+
continue;
|
|
322
|
+
}
|
|
323
|
+
//gold
|
|
324
|
+
var value = realDigits[digitIndex] * Math.pow(10, subCurrencyIndex[2]);
|
|
325
|
+
gold += value;
|
|
326
|
+
subCurrencyIndex[2] = subCurrencyIndex[2] + 1;
|
|
327
|
+
i++;
|
|
328
|
+
digitIndex--;
|
|
329
|
+
}
|
|
330
|
+
return {
|
|
331
|
+
Copper: copper,
|
|
332
|
+
Gold: gold,
|
|
333
|
+
Silver: silver
|
|
334
|
+
};
|
|
292
335
|
}
|
|
293
336
|
|
|
294
337
|
/// <reference path="./custom.d.ts" />
|
|
@@ -1265,9 +1308,14 @@ function GetCooldownString(cooldownInMs) {
|
|
|
1265
1308
|
}
|
|
1266
1309
|
}
|
|
1267
1310
|
|
|
1311
|
+
function removeDuplicates(stats) {
|
|
1312
|
+
return stats.filter(function (value, index, self) {
|
|
1313
|
+
return index === self.findIndex(function (t) { return t.name === value.name; });
|
|
1314
|
+
});
|
|
1315
|
+
}
|
|
1268
1316
|
function ItemStats(item) {
|
|
1269
1317
|
return (React__default["default"].createElement("div", { className: "ItemTooltip_stats" },
|
|
1270
|
-
item.stats
|
|
1318
|
+
removeDuplicates(item.stats)
|
|
1271
1319
|
.filter(function (x) { return x.isMainStat; })
|
|
1272
1320
|
.map(function (mainStat, i) {
|
|
1273
1321
|
if (mainStat.name.includes("-min"))
|
|
@@ -1283,7 +1331,7 @@ function ItemStats(item) {
|
|
|
1283
1331
|
"\u00A0",
|
|
1284
1332
|
ReplaceBossAndPvpAp(mainStat.name).replace("Max.", "").trim()));
|
|
1285
1333
|
}),
|
|
1286
|
-
item.stats
|
|
1334
|
+
removeDuplicates(item.stats)
|
|
1287
1335
|
.filter(function (x) { return !x.isMainStat; })
|
|
1288
1336
|
.map(function (subStat, i) {
|
|
1289
1337
|
if (subStat.name.includes("-min"))
|
|
@@ -1400,8 +1448,8 @@ function SetBonus(props) {
|
|
|
1400
1448
|
React__default["default"].createElement(SkillModifiers, { jobstyle: jobstyle, isSetBonus: true, skillModifierGroups: setStage.skillModifiers })))); })))));
|
|
1401
1449
|
}
|
|
1402
1450
|
|
|
1403
|
-
var css_248z$
|
|
1404
|
-
styleInject(css_248z$
|
|
1451
|
+
var css_248z$5 = ".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: black 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";
|
|
1452
|
+
styleInject(css_248z$5);
|
|
1405
1453
|
|
|
1406
1454
|
var top = 'top';
|
|
1407
1455
|
var bottom = 'bottom';
|
|
@@ -5525,8 +5573,8 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
5525
5573
|
|
|
5526
5574
|
var Tippy = index;
|
|
5527
5575
|
|
|
5528
|
-
var css_248z$
|
|
5529
|
-
styleInject(css_248z$
|
|
5576
|
+
var css_248z$4 = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
|
|
5577
|
+
styleInject(css_248z$4);
|
|
5530
5578
|
|
|
5531
5579
|
var ItemTooltipWrapper = function (_a) {
|
|
5532
5580
|
var data = _a.data, region = _a.region, children = _a.children, client = _a.client, _b = _a.offline, offline = _b === void 0 ? false : _b, _c = _a.interactive, interactive = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? "right" : _d, _e = _a.debug, debug = _e === void 0 ? false : _e, jobstyleOverride = _a.jobstyleOverride, _f = _a.followCursor, followCursor$1 = _f === void 0 ? false : _f, _g = _a.trigger, trigger = _g === void 0 ? "mouseenter focus" : _g, _h = _a.showArrow, showArrow = _h === void 0 ? true : _h;
|
|
@@ -5755,6 +5803,7 @@ function ItemTooltip(_a) {
|
|
|
5755
5803
|
if (!offline) {
|
|
5756
5804
|
AddDecomposeResults(tooltipBaseProps.subInfoGroups, item, client, region);
|
|
5757
5805
|
}
|
|
5806
|
+
AddUnityPoints(tooltipBaseProps.subInfoGroups, item);
|
|
5758
5807
|
AddDescriptions(tooltipBaseProps.subInfoGroups, item);
|
|
5759
5808
|
AddFlavorText(tooltipBaseProps.subInfoGroups, item);
|
|
5760
5809
|
AddItemUsableGroup(tooltipBaseProps.subInfoGroups, item);
|
|
@@ -5967,10 +6016,29 @@ function AddAccountTransferResult(subInfoGroups, item, client, region) {
|
|
|
5967
6016
|
title: "Can be transferred with:",
|
|
5968
6017
|
texts: [React__default["default"].createElement(AccountTransfer, { region: region, item: item, client: client })],
|
|
5969
6018
|
});
|
|
6019
|
+
}
|
|
6020
|
+
function AddUnityPoints(subInfoGroups, item) {
|
|
6021
|
+
if (item.setPoints == null || item.refinementPoints == null)
|
|
6022
|
+
return;
|
|
6023
|
+
if (item.setPoints === 0)
|
|
6024
|
+
return;
|
|
6025
|
+
if (item.refinementPoints === 0)
|
|
6026
|
+
return;
|
|
6027
|
+
subInfoGroups.push({
|
|
6028
|
+
title: "",
|
|
6029
|
+
texts: [
|
|
6030
|
+
React__default["default"].createElement("span", null,
|
|
6031
|
+
"Splendor Stone Set Points: ",
|
|
6032
|
+
item.setPoints),
|
|
6033
|
+
React__default["default"].createElement("span", null,
|
|
6034
|
+
"Splendor Stone Refinement Points: ",
|
|
6035
|
+
item.refinementPoints),
|
|
6036
|
+
],
|
|
6037
|
+
});
|
|
5970
6038
|
}
|
|
5971
6039
|
|
|
5972
|
-
var css_248z$
|
|
5973
|
-
styleInject(css_248z$
|
|
6040
|
+
var css_248z$3 = "";
|
|
6041
|
+
styleInject(css_248z$3);
|
|
5974
6042
|
|
|
5975
6043
|
function JsonTooltip(props) {
|
|
5976
6044
|
var tooltipProps = {
|
|
@@ -6006,8 +6074,8 @@ function JsonArrayToJsxArray(stringArray) {
|
|
|
6006
6074
|
return jsxArray;
|
|
6007
6075
|
}
|
|
6008
6076
|
|
|
6009
|
-
var css_248z$
|
|
6010
|
-
styleInject(css_248z$
|
|
6077
|
+
var css_248z$2 = ".SkillTooltip_skillIconContainer {\n width: 60px;\n height: 60px;\n padding: 0;\n float: left;\n position: relative; }\n\n.SkillTooltip_skillIcon {\n width: 60px;\n height: 60px; }\n\n.SkillTooltip_buttonIcon {\n position: absolute;\n right: 1px;\n bottom: 1px;\n height: 18px;\n opacity: 0.9; }\n\n.SkillTooltip_buttonIconMouse {\n background-color: rgba(0, 0, 0, 0.8); }\n\n.SkillTooltip_mainText {\n font-weight: 500; }\n\n.SkillTooltip_smallText {\n font-size: 12px; }\n\n.SkillTooltip_subTextMargin {\n margin-bottom: 0.3rem; }\n\n.SkillTooltip_boundaryContainer {\n display: flex;\n width: 100%;\n margin-bottom: 0.5rem;\n line-height: 17px; }\n\n.SkillTooltip_boundary {\n flex: 1;\n flex-basis: 0px;\n min-width: 0;\n display: flex;\n flex-direction: column;\n color: black;\n margin: 0.15rem; }\n\n.SkillTooltip_boundary:first-of-type > .SkillTooltip_boundaryHead {\n border-radius: 3px 0 0 0; }\n\n.SkillTooltip_boundary:last-of-type > .SkillTooltip_boundaryHead {\n border-radius: 0 3px 0 0; }\n\n.SkillTooltip_boundary:first-of-type > .SkillTooltip_boundaryBody {\n border-radius: 0 0 0 3px; }\n\n.SkillTooltip_boundary:last-of-type > .SkillTooltip_boundaryBody {\n border-radius: 0 0 3px 0; }\n\n.SkillTooltip_boundaryHead {\n color: white;\n font-weight: 500;\n font-size: 12px;\n text-overflow: ellipsis;\n overflow: hidden;\n padding: 0.3rem;\n text-align: center;\n flex: 1;\n min-height: 26px;\n background-color: rgba(127, 127, 127, 0.4); }\n\n.SkillTooltip_boundaryBody {\n color: white;\n padding: 0.5rem 0.3rem;\n margin-top: 0.15rem;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n flex: 2;\n background-color: rgba(127, 127, 127, 0.4); }\n\n.SkillTooltip_boundaryBodyModifier {\n min-height: 33px !important; }\n\n.SkillTooltip_boundaryHasIcon {\n min-height: 50px !important; }\n\n.SkillTooltip_conditionRow {\n display: flex;\n align-items: center;\n font-size: 12px; }\n\n.SkillTooltip_conditionRow:not(:last-of-type) {\n margin-bottom: 0.1rem; }\n\n.SkillTooltip_conditionIcon {\n width: 20px;\n height: 20px;\n margin-right: 0.33rem; }\n\n.SkillTooltip_conditionIconSmall {\n width: 12px;\n height: 12px;\n margin-right: 0.22rem; }\n\n.tooltipArg {\n color: #46bee1;\n font-weight: 600; }\n\n.target-360 {\n background-image: url(\"./360.png\");\n background-repeat: no-repeat;\n background-position: 50% 60%;\n background-size: auto 64px; }\n\n.target-front-180 {\n background-image: url(\"./180.png\");\n background-repeat: no-repeat;\n background-position: 50% 70%;\n background-size: auto 64px; }\n\n.laser {\n background-image: url(\"./laser.png\");\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: auto 64px; }\n";
|
|
6078
|
+
styleInject(css_248z$2);
|
|
6011
6079
|
|
|
6012
6080
|
function getButtonIconPath(button) {
|
|
6013
6081
|
var _a;
|
|
@@ -6283,8 +6351,8 @@ function AddIds(subInfoGroups, skill) {
|
|
|
6283
6351
|
});
|
|
6284
6352
|
}
|
|
6285
6353
|
|
|
6286
|
-
var css_248z = ".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: black 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";
|
|
6287
|
-
styleInject(css_248z);
|
|
6354
|
+
var css_248z$1 = ".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: black 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";
|
|
6355
|
+
styleInject(css_248z$1);
|
|
6288
6356
|
|
|
6289
6357
|
var SkillTooltipWrapper = function (_a) {
|
|
6290
6358
|
var data = _a.data, children = _a.children, _b = _a.interactive, interactive = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? "right" : _c, _d = _a.followCursor, followCursor$1 = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? "mouseenter focus" : _e, _f = _a.showArrow, showArrow = _f === void 0 ? true : _f;
|
|
@@ -6309,12 +6377,217 @@ exports.ServerRegion = void 0;
|
|
|
6309
6377
|
(function (ServerRegion) {
|
|
6310
6378
|
ServerRegion["EUNA"] = "EUNA";
|
|
6311
6379
|
ServerRegion["Korea"] = "Korea";
|
|
6380
|
+
ServerRegion["KoreaTest"] = "KoreaTest";
|
|
6312
6381
|
})(exports.ServerRegion || (exports.ServerRegion = {}));
|
|
6313
6382
|
|
|
6383
|
+
var css_248z = ".NpcTooltip_toggleBarContainer {\n display: flex; }\n\n.NpcTooltip_toggleButton {\n flex: 1;\n border: none;\n padding: 0.33rem 0.5rem;\n border-radius: 0;\n background-color: rgba(233, 233, 233, 0.1);\n color: #fff;\n opacity: 0.8;\n cursor: pointer;\n transition: background-color 0.1s; }\n .NpcTooltip_toggleButton:hover {\n background-color: rgba(255, 255, 255, 0.2);\n opacity: 1; }\n .NpcTooltip_toggleButton-active {\n background-color: rgba(255, 255, 255, 0.3) !important;\n color: #fff;\n opacity: 1; }\n\n.NpcTooltip_storeEntry {\n display: flex;\n align-items: stretch;\n background-color: rgba(233, 233, 233, 0.1);\n padding: 0.33rem;\n font-size: 14px; }\n .NpcTooltip_storeEntry:not(:last-child) {\n margin-bottom: 0.2rem; }\n\n.NpcTooltip_storeEntryItemNameLimit {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center; }\n\n.NpcTooltip_storeEntryItemLimit {\n font-size: 12px; }\n\n.NpcTooltip_storeEntryItemName {\n flex: 1;\n display: flex;\n align-items: center; }\n\n.NpcTooltip_storeEntryItemIconName {\n display: flex;\n align-items: center; }\n .NpcTooltip_storeEntryItemIconName img {\n width: 48px;\n height: 48px;\n margin-right: 0.33rem; }\n\n.NpcTooltip_itemBuyPriceEntriesContainer {\n display: flex;\n flex-direction: column;\n flex: 1;\n align-items: flex-end;\n justify-content: center;\n padding-left: 2rem; }\n\n.NpcTooltip_itemBuyPriceEntries {\n display: flex; }\n .NpcTooltip_itemBuyPriceEntries-moneyMargin {\n margin-bottom: 0.2rem; }\n\n.NpcTooltip_itemBuyPriceEntry:not(:first-child) {\n margin-left: 0.33rem; }\n\n.NpcTooltip_itemBuyPriceEntryContainer {\n position: relative;\n height: 32px; }\n .NpcTooltip_itemBuyPriceEntryContainer img {\n width: 32px;\n height: 32px; }\n .NpcTooltip_itemBuyPriceEntryContainer-shadow {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 2px 0px #000000; }\n\n.NpcTooltip_itemBuyPriceEntryCount {\n position: absolute;\n bottom: 0;\n left: 0;\n color: #ffffff;\n background-color: rgba(0, 0, 0, 0.4);\n width: 32px;\n line-height: 12px;\n text-align: center; }\n\n.NpcTooltip_moneyContainer {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .NpcTooltip_moneyContainer > span {\n display: flex;\n align-items: center; }\n .NpcTooltip_moneyContainer > span:not(:first-child) {\n margin-left: 0.1rem; }\n .NpcTooltip_moneyContainer > span > img {\n width: 16px;\n height: 16px; }\n";
|
|
6384
|
+
styleInject(css_248z);
|
|
6385
|
+
|
|
6386
|
+
function StoreToggle(_a) {
|
|
6387
|
+
var store = _a.store, isActive = _a.isActive, setActive = _a.setActive;
|
|
6388
|
+
return (React__default["default"].createElement("button", { className: "NpcTooltip_toggleButton " +
|
|
6389
|
+
(isActive ? "NpcTooltip_toggleButton-active" : ""), onClick: setActive },
|
|
6390
|
+
React__default["default"].createElement("span", null, store.Name)));
|
|
6391
|
+
}
|
|
6392
|
+
|
|
6393
|
+
function StoreToggleBar(_a) {
|
|
6394
|
+
var stores = _a.stores, activeTab = _a.activeTab, setActiveTab = _a.setActiveTab;
|
|
6395
|
+
return (React__default["default"].createElement("div", { className: "NpcTooltip_toggleBarContainer" }, stores.map(function (store, i) { return (React__default["default"].createElement(StoreToggle, { key: i, store: store, isActive: activeTab === i, setActive: function () { return setActiveTab(i); } })); })));
|
|
6396
|
+
}
|
|
6397
|
+
|
|
6398
|
+
var BuyLimitReset;
|
|
6399
|
+
(function (BuyLimitReset) {
|
|
6400
|
+
BuyLimitReset[BuyLimitReset["Day"] = 0] = "Day";
|
|
6401
|
+
BuyLimitReset[BuyLimitReset["Week"] = 1] = "Week";
|
|
6402
|
+
BuyLimitReset[BuyLimitReset["Month"] = 2] = "Month";
|
|
6403
|
+
BuyLimitReset[BuyLimitReset["Absolute"] = 3] = "Absolute";
|
|
6404
|
+
})(BuyLimitReset || (BuyLimitReset = {}));
|
|
6405
|
+
var BuyLimitType;
|
|
6406
|
+
(function (BuyLimitType) {
|
|
6407
|
+
BuyLimitType[BuyLimitType["Character"] = 0] = "Character";
|
|
6408
|
+
BuyLimitType[BuyLimitType["Account"] = 1] = "Account";
|
|
6409
|
+
})(BuyLimitType || (BuyLimitType = {}));
|
|
6410
|
+
|
|
6411
|
+
function ItemBuyLimit(_a) {
|
|
6412
|
+
var limit = _a.limit;
|
|
6413
|
+
if (limit == null)
|
|
6414
|
+
return null;
|
|
6415
|
+
return (React__default["default"].createElement("div", { className: "NpcTooltip_storeEntryItemLimit" }, GetStringForBuyLimitType(limit.LimitType) +
|
|
6416
|
+
"Limit: " +
|
|
6417
|
+
limit.Amount +
|
|
6418
|
+
"/" +
|
|
6419
|
+
GetStringForBuyLimitReset(limit.LimitReset)));
|
|
6420
|
+
}
|
|
6421
|
+
function GetStringForBuyLimitType(type) {
|
|
6422
|
+
switch (type) {
|
|
6423
|
+
case BuyLimitType.Account:
|
|
6424
|
+
return "Account ";
|
|
6425
|
+
case BuyLimitType.Character:
|
|
6426
|
+
return "Character ";
|
|
6427
|
+
default:
|
|
6428
|
+
return "";
|
|
6429
|
+
}
|
|
6430
|
+
}
|
|
6431
|
+
function GetStringForBuyLimitReset(reset) {
|
|
6432
|
+
switch (reset) {
|
|
6433
|
+
case BuyLimitReset.Day:
|
|
6434
|
+
return "Day";
|
|
6435
|
+
case BuyLimitReset.Week:
|
|
6436
|
+
return "Week ";
|
|
6437
|
+
case BuyLimitReset.Month:
|
|
6438
|
+
return "Month";
|
|
6439
|
+
default:
|
|
6440
|
+
return "";
|
|
6441
|
+
}
|
|
6442
|
+
}
|
|
6443
|
+
|
|
6444
|
+
function Money(_a) {
|
|
6445
|
+
var money = _a.money;
|
|
6446
|
+
var bnsmoney = getMoneyObj(money);
|
|
6447
|
+
if (bnsmoney == null)
|
|
6448
|
+
return null;
|
|
6449
|
+
return (React__default["default"].createElement("div", { className: "NpcTooltip_moneyContainer" },
|
|
6450
|
+
bnsmoney.Gold > 0 ? (React__default["default"].createElement("span", null,
|
|
6451
|
+
bnsmoney.Gold,
|
|
6452
|
+
React__default["default"].createElement("img", { src: BuildIconPath("gold"), alt: "" }))) : null,
|
|
6453
|
+
bnsmoney.Silver > 0 ? (React__default["default"].createElement("span", null,
|
|
6454
|
+
bnsmoney.Silver,
|
|
6455
|
+
React__default["default"].createElement("img", { src: BuildIconPath("silver"), alt: "" }))) : null,
|
|
6456
|
+
bnsmoney.Copper > 0 ? (React__default["default"].createElement("span", null,
|
|
6457
|
+
bnsmoney.Copper,
|
|
6458
|
+
React__default["default"].createElement("img", { src: BuildIconPath("copper"), alt: "" }))) : null));
|
|
6459
|
+
}
|
|
6460
|
+
|
|
6461
|
+
function StoreItemBuyPriceEntry(_a) {
|
|
6462
|
+
var _this = this;
|
|
6463
|
+
var itemRef = _a.itemRef, client = _a.client;
|
|
6464
|
+
var _b = React.useState(), item = _b[0], setItem = _b[1];
|
|
6465
|
+
React.useEffect(function () {
|
|
6466
|
+
if (client == null)
|
|
6467
|
+
return;
|
|
6468
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
6469
|
+
var _a;
|
|
6470
|
+
return __generator(this, function (_b) {
|
|
6471
|
+
switch (_b.label) {
|
|
6472
|
+
case 0:
|
|
6473
|
+
_a = setItem;
|
|
6474
|
+
return [4 /*yield*/, client.GetItem(itemRef.itemId, itemRef.itemLevel)];
|
|
6475
|
+
case 1:
|
|
6476
|
+
_a.apply(void 0, [_b.sent()]);
|
|
6477
|
+
return [2 /*return*/];
|
|
6478
|
+
}
|
|
6479
|
+
});
|
|
6480
|
+
}); })();
|
|
6481
|
+
}, [itemRef, client]);
|
|
6482
|
+
return (React__default["default"].createElement("div", { className: "NpcTooltip_itemBuyPriceEntry" }, item ? (React__default["default"].createElement(ItemTooltipWrapper, { trigger: "click", data: item, region: client.region, client: client },
|
|
6483
|
+
React__default["default"].createElement("div", { className: "NpcTooltip_itemBuyPriceEntryContainer" },
|
|
6484
|
+
React__default["default"].createElement("div", { className: "NpcTooltip_itemBuyPriceEntryContainer-shadow" }),
|
|
6485
|
+
React__default["default"].createElement("img", { className: "TooltipBase_iconbg-grade-" + item.grade, src: BuildIconPath(item.icon.iconPath), alt: "" }),
|
|
6486
|
+
React__default["default"].createElement("div", { className: "NpcTooltip_itemBuyPriceEntryCount" },
|
|
6487
|
+
React__default["default"].createElement("span", null, itemRef.min))))) : null));
|
|
6488
|
+
}
|
|
6489
|
+
|
|
6490
|
+
function NpcStoreEntry(_a) {
|
|
6491
|
+
var _this = this;
|
|
6492
|
+
var _b, _c;
|
|
6493
|
+
var data = _a.data, client = _a.client;
|
|
6494
|
+
var _d = React.useState(), item = _d[0], setItem = _d[1];
|
|
6495
|
+
React.useEffect(function () {
|
|
6496
|
+
if (client == null)
|
|
6497
|
+
return;
|
|
6498
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
6499
|
+
var res;
|
|
6500
|
+
return __generator(this, function (_a) {
|
|
6501
|
+
switch (_a.label) {
|
|
6502
|
+
case 0: return [4 /*yield*/, client.GetItem(data.Item.itemId, data.Item.itemLevel)];
|
|
6503
|
+
case 1:
|
|
6504
|
+
res = _a.sent();
|
|
6505
|
+
setItem(res);
|
|
6506
|
+
return [2 /*return*/];
|
|
6507
|
+
}
|
|
6508
|
+
});
|
|
6509
|
+
}); })();
|
|
6510
|
+
}, [data, client]);
|
|
6511
|
+
if (item != undefined) {
|
|
6512
|
+
return (React__default["default"].createElement("div", { className: "NpcTooltip_storeEntry" },
|
|
6513
|
+
React__default["default"].createElement("div", { className: "NpcTooltip_storeEntryItemIconName" },
|
|
6514
|
+
React__default["default"].createElement(ItemTooltipWrapper, { data: item, client: client, region: client.region, trigger: "click" },
|
|
6515
|
+
React__default["default"].createElement("img", { className: "TooltipBase_iconbg-grade-" + item.grade, src: BuildIconPath(item.icon.iconPath), alt: "" })),
|
|
6516
|
+
React__default["default"].createElement("div", { className: "NpcTooltip_storeEntryItemNameLimit" },
|
|
6517
|
+
React__default["default"].createElement("div", { className: "NpcTooltip_storeEntryItemName TooltipBase_grade-" + item.grade, dangerouslySetInnerHTML: { __html: item.name } }),
|
|
6518
|
+
React__default["default"].createElement(ItemBuyLimit, { limit: data.Limit }))),
|
|
6519
|
+
React__default["default"].createElement("div", { className: "NpcTooltip_itemBuyPriceEntriesContainer" },
|
|
6520
|
+
((_b = data.BuyPrice.Items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement("div", { className: "NpcTooltip_itemBuyPriceEntries " +
|
|
6521
|
+
(data.BuyPrice.Money > 0
|
|
6522
|
+
? "NpcTooltip_itemBuyPriceEntries-moneyMargin"
|
|
6523
|
+
: "") }, (_c = data.BuyPrice.Items) === null || _c === void 0 ? void 0 : _c.map(function (itemCountRef, i) { return (React__default["default"].createElement(StoreItemBuyPriceEntry, { itemRef: itemCountRef, client: client, key: i })); }))) : null,
|
|
6524
|
+
React__default["default"].createElement(Money, { money: data.BuyPrice.Money }))));
|
|
6525
|
+
}
|
|
6526
|
+
else {
|
|
6527
|
+
return null;
|
|
6528
|
+
}
|
|
6529
|
+
}
|
|
6530
|
+
|
|
6531
|
+
function NpcStores(_a) {
|
|
6532
|
+
var stores = _a.stores, activeTab = _a.activeTab, client = _a.client;
|
|
6533
|
+
var activeStore = stores[activeTab];
|
|
6534
|
+
return (React__default["default"].createElement("div", null, activeStore.Entries.map(function (entry, i) { return (React__default["default"].createElement(NpcStoreEntry, { key: i, data: entry, client: client })); })));
|
|
6535
|
+
}
|
|
6536
|
+
|
|
6537
|
+
function NpcTooltip(_a) {
|
|
6538
|
+
var _this = this;
|
|
6539
|
+
var _b;
|
|
6540
|
+
var clientProp = _a.client, npc = _a.npc; _a.debug; var region = _a.region, _c = _a.grade, grade = _c === void 0 ? 4 : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d;
|
|
6541
|
+
var _e = React.useState(0), activeTab = _e[0], setActiveTab = _e[1];
|
|
6542
|
+
var _f = React.useState(), client = _f[0], setClient = _f[1];
|
|
6543
|
+
React.useEffect(function () {
|
|
6544
|
+
if (clientProp == undefined) {
|
|
6545
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
6546
|
+
return __generator(this, function (_a) {
|
|
6547
|
+
setClient(new ItemDownloadClient(region));
|
|
6548
|
+
return [2 /*return*/];
|
|
6549
|
+
});
|
|
6550
|
+
}); })();
|
|
6551
|
+
}
|
|
6552
|
+
else {
|
|
6553
|
+
setClient(clientProp);
|
|
6554
|
+
}
|
|
6555
|
+
}, []);
|
|
6556
|
+
var tooltipBaseProps = {
|
|
6557
|
+
title: npc.Name,
|
|
6558
|
+
grade: grade,
|
|
6559
|
+
id: npc.Alias,
|
|
6560
|
+
subtitle: (_b = npc.Title) !== null && _b !== void 0 ? _b : "",
|
|
6561
|
+
fullHeight: fullHeight,
|
|
6562
|
+
subInfoGroups: [],
|
|
6563
|
+
};
|
|
6564
|
+
//no top part
|
|
6565
|
+
AddStoreToggles(tooltipBaseProps.subInfoGroups, npc.Stores, activeTab, setActiveTab);
|
|
6566
|
+
AddStores(tooltipBaseProps.subInfoGroups, npc.Stores, activeTab, client);
|
|
6567
|
+
return React__default["default"].createElement(TooltipBase, __assign({}, tooltipBaseProps));
|
|
6568
|
+
}
|
|
6569
|
+
function AddStoreToggles(subInfoGroups, Stores, activeTab, setActiveTab) {
|
|
6570
|
+
subInfoGroups.push({
|
|
6571
|
+
title: "",
|
|
6572
|
+
texts: [
|
|
6573
|
+
React__default["default"].createElement(StoreToggleBar, { stores: Stores, activeTab: activeTab, setActiveTab: setActiveTab }),
|
|
6574
|
+
],
|
|
6575
|
+
});
|
|
6576
|
+
}
|
|
6577
|
+
function AddStores(subInfoGroups, Stores, activeTab, client) {
|
|
6578
|
+
subInfoGroups.push({
|
|
6579
|
+
title: "",
|
|
6580
|
+
texts: [
|
|
6581
|
+
React__default["default"].createElement(NpcStores, { stores: Stores, activeTab: activeTab, client: client }),
|
|
6582
|
+
],
|
|
6583
|
+
});
|
|
6584
|
+
}
|
|
6585
|
+
|
|
6314
6586
|
exports.GetCooldownString = GetCooldownString;
|
|
6315
6587
|
exports.ItemTooltip = ItemTooltip;
|
|
6316
6588
|
exports.ItemTooltipWrapper = ItemTooltipWrapper;
|
|
6317
6589
|
exports.JsonTooltip = JsonTooltip;
|
|
6590
|
+
exports.NpcTooltip = NpcTooltip;
|
|
6318
6591
|
exports.SkillTooltip = SkillTooltip;
|
|
6319
6592
|
exports.SkillTooltipWrapper = SkillTooltipWrapper;
|
|
6320
6593
|
exports.TooltipBase = TooltipBase;
|