bnstooltips 1.17.0 → 1.18.0
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/ItemImproveEffectsTooltipLoading/ItemImproveEffectsTooltipLoading.d.ts +5 -0
- package/build/ItemImproveEffectsTooltipLoading/ItemImproveEffectsTooltipLoading.types.d.ts +6 -0
- package/build/ItemImproveEffectsTooltipLoadingWrapper/ItemImproveEffectsTooltipLoadingWrapper.d.ts +6 -0
- package/build/ItemImproveEffectsTooltipLoadingWrapper/ItemImproveEffectsTooltipLoadingWrapper.types.d.ts +7 -0
- package/build/ItemTooltip/ItemTooltip.d.ts +1 -1
- package/build/ItemTooltip/ItemTooltip.types.d.ts +1 -0
- package/build/ItemTooltip/SubComponents/ItemUpgradeEffects.d.ts +8 -0
- package/build/ItemTooltip/SubComponents/index.d.ts +2 -0
- package/build/Utilities/ItemDownloadClient.d.ts +2 -1
- package/build/index.es.js +379 -20
- package/build/index.es.js.map +1 -1
- package/build/index.js +379 -20
- package/build/index.js.map +1 -1
- package/build/itemapiclient/ItemApiClient.d.ts +51 -1
- package/package.json +2 -2
package/build/index.js
CHANGED
|
@@ -36,7 +36,7 @@ function styleInject(css, ref) {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
var css_248z$f = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
39
|
+
var css_248z$f = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n*[class*=\"00008130.UI.Label_LightYellow_12\"] {\n color: #FFEA57 !important;\n}\n\n*[class*=\"00008130.UI.Vital_LightBlue\"] {\n color: #00D9FF !important;\n font-weight: 500 !important;\n}\n\n*[class*=\"00008130.UI.Label_Green03_12\"] {\n color: #57FF78 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_Chatting_Color_19\"] {\n color: #57FF78;\n}\n\n.TooltipBase_grade-none {\n color: #c2cadc;\n}\n\n.TooltipBase_grade-1 {\n color: #9B9B9B !important;\n}\n\n.TooltipBase_border-grade-1 {\n border-color: #9B9B9B !important;\n}\n\n.TooltipBase_border-hover-grade-1:hover {\n border-color: #9B9B9B !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_1\"] {\n color: #9B9B9B !important;\n border-color: #9B9B9B !important;\n}\n\n.TooltipBase_grade-2 {\n color: #ffffff !important;\n}\n\n.TooltipBase_border-grade-2 {\n border-color: #ffffff !important;\n}\n\n.TooltipBase_border-hover-grade-2:hover {\n border-color: #ffffff !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_2\"] {\n color: #ffffff !important;\n border-color: #ffffff !important;\n}\n\n.TooltipBase_grade-3 {\n color: #57FF78 !important;\n}\n\n.TooltipBase_border-grade-3 {\n border-color: #57FF78 !important;\n}\n\n.TooltipBase_border-hover-grade-3:hover {\n border-color: #57FF78 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_3\"] {\n color: #57FF78 !important;\n border-color: #57FF78 !important;\n}\n\n.TooltipBase_grade-4 {\n color: #00D9FF !important;\n}\n\n.TooltipBase_border-grade-4 {\n border-color: #00D9FF !important;\n}\n\n.TooltipBase_border-hover-grade-4:hover {\n border-color: #00D9FF !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_4\"] {\n color: #00D9FF !important;\n border-color: #00D9FF !important;\n}\n\n.TooltipBase_grade-5 {\n color: #D836FF !important;\n}\n\n.TooltipBase_border-grade-5 {\n border-color: #D836FF !important;\n}\n\n.TooltipBase_border-hover-grade-5:hover {\n border-color: #D836FF !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_5\"] {\n color: #D836FF !important;\n border-color: #D836FF !important;\n}\n\n.TooltipBase_grade-6 {\n color: #FF9700 !important;\n}\n\n.TooltipBase_border-grade-6 {\n border-color: #FF9700 !important;\n}\n\n.TooltipBase_border-hover-grade-6:hover {\n border-color: #FF9700 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_6\"] {\n color: #FF9700 !important;\n border-color: #FF9700 !important;\n}\n\n.TooltipBase_grade-7 {\n color: #FF7802 !important;\n}\n\n.TooltipBase_border-grade-7 {\n border-color: #FF7802 !important;\n}\n\n.TooltipBase_border-hover-grade-7:hover {\n border-color: #FF7802 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_7\"] {\n color: #FF7802 !important;\n border-color: #FF7802 !important;\n}\n\n.TooltipBase_grade-8 {\n color: #FF0085 !important;\n}\n\n.TooltipBase_border-grade-8 {\n border-color: #FF0085 !important;\n}\n\n.TooltipBase_border-hover-grade-8:hover {\n border-color: #FF0085 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_8\"] {\n color: #FF0085 !important;\n border-color: #FF0085 !important;\n}\n\n.TooltipBase_grade-9 {\n color: #FFED23 !important;\n}\n\n.TooltipBase_border-grade-9 {\n border-color: #FFED23 !important;\n}\n\n.TooltipBase_border-hover-grade-9:hover {\n border-color: #FFED23 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_9\"] {\n color: #FFED23 !important;\n border-color: #FFED23 !important;\n}\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\n.TooltipBase_iconbg-grade-2 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_2.png\") no-repeat;\n}\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\n.TooltipBase_iconbg-grade-4 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_4.png\") no-repeat;\n}\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\n.TooltipBase_iconbg-grade-6 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_6.png\") no-repeat;\n}\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\n.TooltipBase_iconbg-grade-8 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_8.png\") no-repeat;\n}\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\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(8, 8, 8, 0.93);\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: #9B9B9B;\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: rgb(0, 0, 0) 1px 1px 0;\n}\n\n.TooltipBase_containerFullHeight {\n height: 99%;\n}\n\n.TooltipBase_container::-webkit-scrollbar {\n display: none;\n}\n\n.TooltipBase_downgradeBlue {\n color: #28A9F0;\n}\n\n.TooltipBase_upgradeRed {\n color: #FF2818;\n}\n\n@media only screen and (max-width: 380px) {\n .TooltipBase_container {\n width: 100%;\n }\n}\n@supports not (backdrop-filter: brightness(1.5) blur(5px)) {\n .TooltipBase_container {\n background-color: rgba(0, 0, 0, 0.95);\n }\n .TooltipBase_container-loading {\n background-color: rgba(0, 0, 0, 0.95);\n }\n}\n.TooltipBase_container-loading {\n background-color: rgba(8, 8, 8, 0.93);\n backdrop-filter: brightness(1.5) blur(5px);\n -webkit-backdrop-filter: brightness(1.5) blur(5px);\n padding: 1rem;\n}\n\n.TooltipBase_titlesubtitle {\n display: flex;\n justify-content: space-between;\n margin-bottom: 1rem;\n}\n\n.TooltipBase_title {\n flex: 1;\n overflow: hidden;\n padding-right: 1rem;\n}\n\n.TooltipBase_title_text {\n font-size: 18px;\n text-shadow: rgb(0, 0, 0) 1px 1px 0;\n font-weight: 500;\n}\n\n.TooltipBase_subtitle {\n text-align: end;\n font-size: 12px;\n}\n\n.TooltipBase_iconmaininfo {\n display: flex;\n margin-bottom: 0.8rem;\n}\n\n.TooltipBase_iconcontainer {\n margin-right: 0.5rem;\n margin-bottom: 0.25rem;\n float: left;\n position: relative;\n}\n\n.TooltipBase_iconBg {\n width: 64px;\n height: 64px;\n background-origin: content-box !important;\n}\n\n.TooltipBase_icon {\n width: calc(64px - 0px * 2);\n height: calc(64px - 0px * 2);\n padding: 0px;\n}\n\n.TooltipBase_maininfocontainer {\n font-size: 16px;\n font-weight: 500;\n}\n\n.TooltipBase_maininfocontainer > div:not(:last-child) {\n margin-bottom: 0.2rem;\n}\n\n.TooltipBase_fullwidthContainer {\n line-height: 17px;\n}\n\n.TooltipBase_fullwidthContainer > div:not(:last-child) {\n margin-bottom: 0.5rem;\n}\n\n.TooltipBase_fullwidthContainer-subContainer {\n font-size: 12px;\n}\n\n.TooltipBase_fullwidthContainer-subContainer > div:not(:last-child) {\n margin-bottom: 0.1rem;\n}\n\n.TooltipBase_flex {\n display: flex;\n align-items: center;\n}\n\n.TooltipBase_flex-col {\n display: flex;\n justify-content: center;\n flex-direction: column;\n}\n\n.TooltipBase_descriptions-description-title {\n font-weight: 500;\n}";
|
|
40
40
|
styleInject(css_248z$f);
|
|
41
41
|
|
|
42
42
|
function TooltipBase(_a) {
|
|
@@ -139,7 +139,7 @@ function __generator(thisArg, body) {
|
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
var css_248z$e = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
142
|
+
var css_248z$e = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.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_optionPadding {\n margin: 0.2rem 0 0.5rem 0;\n}\n.ItemTooltip_showButton {\n flex: 1;\n border: none;\n padding: 0.33rem 0.5rem;\n border-radius: 0;\n background-color: rgba(233, 233, 233, 0.2);\n color: #fff;\n opacity: 0.8;\n cursor: pointer;\n transition: background-color 0.1s;\n}\n.ItemTooltip_showButton:hover {\n background-color: rgba(255, 255, 255, 0.3);\n opacity: 1;\n}\n.ItemTooltip_showButton-active {\n background-color: rgba(255, 255, 255, 0.4) !important;\n color: #fff;\n opacity: 1;\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}\n.ItemTooltip_jobstyleButton:hover {\n background-color: rgba(255, 255, 255, 0.2);\n opacity: 1;\n}\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_itemIconSlate {\n width: 24px !important;\n height: 24px !important;\n margin-right: 0.11rem;\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_slateIconNameStatsDiv {\n display: flex;\n justify-content: space-between;\n padding: 0.15rem 0;\n border-bottom: solid 1px rgba(233, 233, 233, 0.3);\n}\n.ItemTooltip_slateIconNameDiv {\n display: flex;\n justify-content: start;\n align-items: center;\n flex: 1;\n}\n.ItemTooltip_slateItemNameSmall {\n font-size: 14px;\n}\n.ItemTooltip_slateStatsDiv {\n display: flex;\n flex-direction: column;\n align-items: end;\n justify-content: center;\n flex: 1;\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\n@media only screen and (max-width: 380px) {\n .ItemTooltip_jobstyleButton {\n padding: 0.5rem;\n }\n}\n/**\n * ==============================================\n * Dot Elastic\n * ==============================================\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\n.dot-elastic::before,\n.dot-elastic::after {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 0;\n}\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\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\n@keyframes dotElasticBefore {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1.5);\n }\n 50% {\n transform: scale(1, 0.67);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes dotElastic {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 1.5);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes dotElasticAfter {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 0.67);\n }\n 75% {\n transform: scale(1, 1.5);\n }\n 100% {\n transform: scale(1, 1);\n }\n}";
|
|
143
143
|
styleInject(css_248z$e);
|
|
144
144
|
|
|
145
145
|
function BuildIconPath(iconPath, iconIndex) {
|
|
@@ -312,6 +312,10 @@ function getMoneyObj(money) {
|
|
|
312
312
|
};
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
+
//----------------------
|
|
316
|
+
/* tslint:disable */
|
|
317
|
+
/* eslint-disable */
|
|
318
|
+
// ReSharper disable InconsistentNaming
|
|
315
319
|
var BnsItemApiClientBase = /** @class */ (function () {
|
|
316
320
|
function BnsItemApiClientBase() {
|
|
317
321
|
}
|
|
@@ -322,9 +326,7 @@ var BnsItemApiClientBase = /** @class */ (function () {
|
|
|
322
326
|
return Promise.resolve(options);
|
|
323
327
|
};
|
|
324
328
|
return BnsItemApiClientBase;
|
|
325
|
-
}());
|
|
326
|
-
|
|
327
|
-
//----------------------
|
|
329
|
+
}());
|
|
328
330
|
var BnsItemApiClient = /** @class */ (function (_super) {
|
|
329
331
|
__extends(BnsItemApiClient, _super);
|
|
330
332
|
function BnsItemApiClient(baseUrl, http) {
|
|
@@ -584,6 +586,72 @@ var BnsItemApiClient = /** @class */ (function (_super) {
|
|
|
584
586
|
}
|
|
585
587
|
return Promise.resolve(null);
|
|
586
588
|
};
|
|
589
|
+
/**
|
|
590
|
+
* @param itemId (optional)
|
|
591
|
+
* @param itemLevel (optional)
|
|
592
|
+
* @param region (optional)
|
|
593
|
+
* @param patch (optional)
|
|
594
|
+
* @param v (optional)
|
|
595
|
+
* @return Success
|
|
596
|
+
*/
|
|
597
|
+
BnsItemApiClient.prototype.allItemImproveEffectOptionsForItem = function (itemId, itemLevel, region, patch, v) {
|
|
598
|
+
var _this = this;
|
|
599
|
+
var url_ = this.baseUrl + "/BnsItem/AllItemImproveEffectOptionsForItem?";
|
|
600
|
+
if (itemId === null)
|
|
601
|
+
throw new Error("The parameter 'itemId' cannot be null.");
|
|
602
|
+
else if (itemId !== undefined)
|
|
603
|
+
url_ += "itemId=" + encodeURIComponent("" + itemId) + "&";
|
|
604
|
+
if (itemLevel === null)
|
|
605
|
+
throw new Error("The parameter 'itemLevel' cannot be null.");
|
|
606
|
+
else if (itemLevel !== undefined)
|
|
607
|
+
url_ += "itemLevel=" + encodeURIComponent("" + itemLevel) + "&";
|
|
608
|
+
if (region === null)
|
|
609
|
+
throw new Error("The parameter 'region' cannot be null.");
|
|
610
|
+
else if (region !== undefined)
|
|
611
|
+
url_ += "region=" + encodeURIComponent("" + region) + "&";
|
|
612
|
+
if (patch === null)
|
|
613
|
+
throw new Error("The parameter 'patch' cannot be null.");
|
|
614
|
+
else if (patch !== undefined)
|
|
615
|
+
url_ += "patch=" + encodeURIComponent("" + patch) + "&";
|
|
616
|
+
if (v === null)
|
|
617
|
+
throw new Error("The parameter 'v' cannot be null.");
|
|
618
|
+
else if (v !== undefined)
|
|
619
|
+
url_ += "v=" + encodeURIComponent("" + v) + "&";
|
|
620
|
+
url_ = url_.replace(/[?&]$/, "");
|
|
621
|
+
var options_ = {
|
|
622
|
+
method: "GET",
|
|
623
|
+
headers: {
|
|
624
|
+
"Accept": "application/json"
|
|
625
|
+
}
|
|
626
|
+
};
|
|
627
|
+
return this.transformOptions(options_).then(function (transformedOptions_) {
|
|
628
|
+
return _this.http.fetch(url_, transformedOptions_);
|
|
629
|
+
}).then(function (_response) {
|
|
630
|
+
return _this.processAllItemImproveEffectOptionsForItem(_response);
|
|
631
|
+
});
|
|
632
|
+
};
|
|
633
|
+
BnsItemApiClient.prototype.processAllItemImproveEffectOptionsForItem = function (response) {
|
|
634
|
+
var _this = this;
|
|
635
|
+
var status = response.status;
|
|
636
|
+
var _headers = {};
|
|
637
|
+
if (response.headers && response.headers.forEach) {
|
|
638
|
+
response.headers.forEach(function (v, k) { return _headers[k] = v; });
|
|
639
|
+
}
|
|
640
|
+
if (status === 200) {
|
|
641
|
+
return response.text().then(function (_responseText) {
|
|
642
|
+
var result200 = null;
|
|
643
|
+
var resultData200 = _responseText === "" ? null : JSON.parse(_responseText, _this.jsonParseReviver);
|
|
644
|
+
result200 = AllItemImproveEffectOptionsForItemResponse.fromJS(resultData200);
|
|
645
|
+
return result200;
|
|
646
|
+
});
|
|
647
|
+
}
|
|
648
|
+
else if (status !== 200 && status !== 204) {
|
|
649
|
+
return response.text().then(function (_responseText) {
|
|
650
|
+
return throwException("An unexpected server error occurred.", status, _responseText, _headers);
|
|
651
|
+
});
|
|
652
|
+
}
|
|
653
|
+
return Promise.resolve(null);
|
|
654
|
+
};
|
|
587
655
|
/**
|
|
588
656
|
* @param itemId (optional)
|
|
589
657
|
* @param itemLevel (optional)
|
|
@@ -1051,6 +1119,116 @@ var BnsItemApiClient = /** @class */ (function (_super) {
|
|
|
1051
1119
|
}
|
|
1052
1120
|
return Promise.resolve(null);
|
|
1053
1121
|
};
|
|
1122
|
+
/**
|
|
1123
|
+
* @param patch (optional)
|
|
1124
|
+
* @param v (optional)
|
|
1125
|
+
* @return Success
|
|
1126
|
+
*/
|
|
1127
|
+
BnsItemApiClient.prototype.allItems = function (region, patch, v) {
|
|
1128
|
+
var _this = this;
|
|
1129
|
+
var url_ = this.baseUrl + "/BnsItem/AllItems?";
|
|
1130
|
+
if (region === undefined || region === null)
|
|
1131
|
+
throw new Error("The parameter 'region' must be defined and cannot be null.");
|
|
1132
|
+
else
|
|
1133
|
+
url_ += "region=" + encodeURIComponent("" + region) + "&";
|
|
1134
|
+
if (patch === null)
|
|
1135
|
+
throw new Error("The parameter 'patch' cannot be null.");
|
|
1136
|
+
else if (patch !== undefined)
|
|
1137
|
+
url_ += "patch=" + encodeURIComponent("" + patch) + "&";
|
|
1138
|
+
if (v === null)
|
|
1139
|
+
throw new Error("The parameter 'v' cannot be null.");
|
|
1140
|
+
else if (v !== undefined)
|
|
1141
|
+
url_ += "v=" + encodeURIComponent("" + v) + "&";
|
|
1142
|
+
url_ = url_.replace(/[?&]$/, "");
|
|
1143
|
+
var options_ = {
|
|
1144
|
+
method: "GET",
|
|
1145
|
+
headers: {
|
|
1146
|
+
"Accept": "application/json"
|
|
1147
|
+
}
|
|
1148
|
+
};
|
|
1149
|
+
return this.transformOptions(options_).then(function (transformedOptions_) {
|
|
1150
|
+
return _this.http.fetch(url_, transformedOptions_);
|
|
1151
|
+
}).then(function (_response) {
|
|
1152
|
+
return _this.processAllItems(_response);
|
|
1153
|
+
});
|
|
1154
|
+
};
|
|
1155
|
+
BnsItemApiClient.prototype.processAllItems = function (response) {
|
|
1156
|
+
var _this = this;
|
|
1157
|
+
var status = response.status;
|
|
1158
|
+
var _headers = {};
|
|
1159
|
+
if (response.headers && response.headers.forEach) {
|
|
1160
|
+
response.headers.forEach(function (v, k) { return _headers[k] = v; });
|
|
1161
|
+
}
|
|
1162
|
+
if (status === 200) {
|
|
1163
|
+
return response.text().then(function (_responseText) {
|
|
1164
|
+
var result200 = null;
|
|
1165
|
+
var resultData200 = _responseText === "" ? null : JSON.parse(_responseText, _this.jsonParseReviver);
|
|
1166
|
+
result200 = ItemsResponse.fromJS(resultData200);
|
|
1167
|
+
return result200;
|
|
1168
|
+
});
|
|
1169
|
+
}
|
|
1170
|
+
else if (status !== 200 && status !== 204) {
|
|
1171
|
+
return response.text().then(function (_responseText) {
|
|
1172
|
+
return throwException("An unexpected server error occurred.", status, _responseText, _headers);
|
|
1173
|
+
});
|
|
1174
|
+
}
|
|
1175
|
+
return Promise.resolve(null);
|
|
1176
|
+
};
|
|
1177
|
+
/**
|
|
1178
|
+
* @param patch (optional)
|
|
1179
|
+
* @param v (optional)
|
|
1180
|
+
* @return Success
|
|
1181
|
+
*/
|
|
1182
|
+
BnsItemApiClient.prototype.allItemCount = function (region, patch, v) {
|
|
1183
|
+
var _this = this;
|
|
1184
|
+
var url_ = this.baseUrl + "/BnsItem/AllItemCount?";
|
|
1185
|
+
if (region === undefined || region === null)
|
|
1186
|
+
throw new Error("The parameter 'region' must be defined and cannot be null.");
|
|
1187
|
+
else
|
|
1188
|
+
url_ += "region=" + encodeURIComponent("" + region) + "&";
|
|
1189
|
+
if (patch === null)
|
|
1190
|
+
throw new Error("The parameter 'patch' cannot be null.");
|
|
1191
|
+
else if (patch !== undefined)
|
|
1192
|
+
url_ += "patch=" + encodeURIComponent("" + patch) + "&";
|
|
1193
|
+
if (v === null)
|
|
1194
|
+
throw new Error("The parameter 'v' cannot be null.");
|
|
1195
|
+
else if (v !== undefined)
|
|
1196
|
+
url_ += "v=" + encodeURIComponent("" + v) + "&";
|
|
1197
|
+
url_ = url_.replace(/[?&]$/, "");
|
|
1198
|
+
var options_ = {
|
|
1199
|
+
method: "GET",
|
|
1200
|
+
headers: {
|
|
1201
|
+
"Accept": "text/plain"
|
|
1202
|
+
}
|
|
1203
|
+
};
|
|
1204
|
+
return this.transformOptions(options_).then(function (transformedOptions_) {
|
|
1205
|
+
return _this.http.fetch(url_, transformedOptions_);
|
|
1206
|
+
}).then(function (_response) {
|
|
1207
|
+
return _this.processAllItemCount(_response);
|
|
1208
|
+
});
|
|
1209
|
+
};
|
|
1210
|
+
BnsItemApiClient.prototype.processAllItemCount = function (response) {
|
|
1211
|
+
var _this = this;
|
|
1212
|
+
var status = response.status;
|
|
1213
|
+
var _headers = {};
|
|
1214
|
+
if (response.headers && response.headers.forEach) {
|
|
1215
|
+
response.headers.forEach(function (v, k) { return _headers[k] = v; });
|
|
1216
|
+
}
|
|
1217
|
+
if (status === 200) {
|
|
1218
|
+
return response.text().then(function (_responseText) {
|
|
1219
|
+
var result200 = null;
|
|
1220
|
+
var resultData200 = _responseText === "" ? null : JSON.parse(_responseText, _this.jsonParseReviver);
|
|
1221
|
+
result200 = resultData200 !== undefined ? resultData200 : null;
|
|
1222
|
+
return result200;
|
|
1223
|
+
});
|
|
1224
|
+
}
|
|
1225
|
+
else if (status !== 200 && status !== 204) {
|
|
1226
|
+
return response.text().then(function (_responseText) {
|
|
1227
|
+
return throwException("An unexpected server error occurred.", status, _responseText, _headers);
|
|
1228
|
+
});
|
|
1229
|
+
}
|
|
1230
|
+
return Promise.resolve(null);
|
|
1231
|
+
};
|
|
1054
1232
|
/**
|
|
1055
1233
|
* @param offset (optional)
|
|
1056
1234
|
* @param patch (optional)
|
|
@@ -1180,6 +1358,45 @@ var BnsItemApiClient = /** @class */ (function (_super) {
|
|
|
1180
1358
|
};
|
|
1181
1359
|
return BnsItemApiClient;
|
|
1182
1360
|
}(BnsItemApiClientBase));
|
|
1361
|
+
var AllItemImproveEffectOptionsForItemResponse = /** @class */ (function () {
|
|
1362
|
+
function AllItemImproveEffectOptionsForItemResponse(data) {
|
|
1363
|
+
if (data) {
|
|
1364
|
+
for (var property in data) {
|
|
1365
|
+
if (data.hasOwnProperty(property))
|
|
1366
|
+
this[property] = data[property];
|
|
1367
|
+
}
|
|
1368
|
+
}
|
|
1369
|
+
}
|
|
1370
|
+
AllItemImproveEffectOptionsForItemResponse.prototype.init = function (_data) {
|
|
1371
|
+
if (_data) {
|
|
1372
|
+
if (Array.isArray(_data["itemImproveEffectOptions"])) {
|
|
1373
|
+
this.itemImproveEffectOptions = [];
|
|
1374
|
+
for (var _i = 0, _a = _data["itemImproveEffectOptions"]; _i < _a.length; _i++) {
|
|
1375
|
+
var item = _a[_i];
|
|
1376
|
+
this.itemImproveEffectOptions.push(ItemImproveEffectOptionWithNameDto.fromJS(item));
|
|
1377
|
+
}
|
|
1378
|
+
}
|
|
1379
|
+
}
|
|
1380
|
+
};
|
|
1381
|
+
AllItemImproveEffectOptionsForItemResponse.fromJS = function (data) {
|
|
1382
|
+
data = typeof data === 'object' ? data : {};
|
|
1383
|
+
var result = new AllItemImproveEffectOptionsForItemResponse();
|
|
1384
|
+
result.init(data);
|
|
1385
|
+
return result;
|
|
1386
|
+
};
|
|
1387
|
+
AllItemImproveEffectOptionsForItemResponse.prototype.toJSON = function (data) {
|
|
1388
|
+
data = typeof data === 'object' ? data : {};
|
|
1389
|
+
if (Array.isArray(this.itemImproveEffectOptions)) {
|
|
1390
|
+
data["itemImproveEffectOptions"] = [];
|
|
1391
|
+
for (var _i = 0, _a = this.itemImproveEffectOptions; _i < _a.length; _i++) {
|
|
1392
|
+
var item = _a[_i];
|
|
1393
|
+
data["itemImproveEffectOptions"].push(item.toJSON());
|
|
1394
|
+
}
|
|
1395
|
+
}
|
|
1396
|
+
return data;
|
|
1397
|
+
};
|
|
1398
|
+
return AllItemImproveEffectOptionsForItemResponse;
|
|
1399
|
+
}());
|
|
1183
1400
|
var BnsItemDto = /** @class */ (function () {
|
|
1184
1401
|
function BnsItemDto(data) {
|
|
1185
1402
|
if (data) {
|
|
@@ -1840,6 +2057,49 @@ var ItemImproveEffectOptionDto = /** @class */ (function () {
|
|
|
1840
2057
|
};
|
|
1841
2058
|
return ItemImproveEffectOptionDto;
|
|
1842
2059
|
}());
|
|
2060
|
+
var ItemImproveEffectOptionWithNameDto = /** @class */ (function () {
|
|
2061
|
+
function ItemImproveEffectOptionWithNameDto(data) {
|
|
2062
|
+
if (data) {
|
|
2063
|
+
for (var property in data) {
|
|
2064
|
+
if (data.hasOwnProperty(property))
|
|
2065
|
+
this[property] = data[property];
|
|
2066
|
+
}
|
|
2067
|
+
}
|
|
2068
|
+
}
|
|
2069
|
+
ItemImproveEffectOptionWithNameDto.prototype.init = function (_data) {
|
|
2070
|
+
if (_data) {
|
|
2071
|
+
this.index = _data["index"];
|
|
2072
|
+
this.upgradeName = _data["upgradeName"];
|
|
2073
|
+
if (Array.isArray(_data["itemImproveEffectOptions"])) {
|
|
2074
|
+
this.itemImproveEffectOptions = [];
|
|
2075
|
+
for (var _i = 0, _a = _data["itemImproveEffectOptions"]; _i < _a.length; _i++) {
|
|
2076
|
+
var item = _a[_i];
|
|
2077
|
+
this.itemImproveEffectOptions.push(ItemImproveEffectOptionDto.fromJS(item));
|
|
2078
|
+
}
|
|
2079
|
+
}
|
|
2080
|
+
}
|
|
2081
|
+
};
|
|
2082
|
+
ItemImproveEffectOptionWithNameDto.fromJS = function (data) {
|
|
2083
|
+
data = typeof data === 'object' ? data : {};
|
|
2084
|
+
var result = new ItemImproveEffectOptionWithNameDto();
|
|
2085
|
+
result.init(data);
|
|
2086
|
+
return result;
|
|
2087
|
+
};
|
|
2088
|
+
ItemImproveEffectOptionWithNameDto.prototype.toJSON = function (data) {
|
|
2089
|
+
data = typeof data === 'object' ? data : {};
|
|
2090
|
+
data["index"] = this.index;
|
|
2091
|
+
data["upgradeName"] = this.upgradeName;
|
|
2092
|
+
if (Array.isArray(this.itemImproveEffectOptions)) {
|
|
2093
|
+
data["itemImproveEffectOptions"] = [];
|
|
2094
|
+
for (var _i = 0, _a = this.itemImproveEffectOptions; _i < _a.length; _i++) {
|
|
2095
|
+
var item = _a[_i];
|
|
2096
|
+
data["itemImproveEffectOptions"].push(item.toJSON());
|
|
2097
|
+
}
|
|
2098
|
+
}
|
|
2099
|
+
return data;
|
|
2100
|
+
};
|
|
2101
|
+
return ItemImproveEffectOptionWithNameDto;
|
|
2102
|
+
}());
|
|
1843
2103
|
var ItemRandomStatDto = /** @class */ (function () {
|
|
1844
2104
|
function ItemRandomStatDto(data) {
|
|
1845
2105
|
if (data) {
|
|
@@ -2680,13 +2940,26 @@ var ItemDownloadClient = /** @class */ (function () {
|
|
|
2680
2940
|
});
|
|
2681
2941
|
});
|
|
2682
2942
|
};
|
|
2943
|
+
ItemDownloadClient.prototype.GetAllItemImproveEffectOptionsForItem = function (id, level) {
|
|
2944
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
2945
|
+
var result;
|
|
2946
|
+
return __generator(this, function (_a) {
|
|
2947
|
+
switch (_a.label) {
|
|
2948
|
+
case 0: return [4 /*yield*/, this.instance.allItemImproveEffectOptionsForItem(id, level, this.region, this.patch, this.apiV)];
|
|
2949
|
+
case 1:
|
|
2950
|
+
result = _a.sent();
|
|
2951
|
+
return [2 /*return*/, result];
|
|
2952
|
+
}
|
|
2953
|
+
});
|
|
2954
|
+
});
|
|
2955
|
+
};
|
|
2683
2956
|
return ItemDownloadClient;
|
|
2684
2957
|
}());
|
|
2685
2958
|
|
|
2686
2959
|
var css_248z$d = ".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}";
|
|
2687
2960
|
styleInject(css_248z$d);
|
|
2688
2961
|
|
|
2689
|
-
var css_248z$c = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
2962
|
+
var css_248z$c = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
2690
2963
|
styleInject(css_248z$c);
|
|
2691
2964
|
|
|
2692
2965
|
var top = 'top';
|
|
@@ -6860,10 +7133,10 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
6860
7133
|
|
|
6861
7134
|
var Tippy = index;
|
|
6862
7135
|
|
|
6863
|
-
var css_248z$b = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7136
|
+
var css_248z$b = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.ItemImproveTooltip_PrevCurNext {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.ItemImproveTooltip_PrevCurNext_container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 90%;\n}\n.ItemImproveTooltip_PrevCurNext_container > div {\n margin: 0 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.ItemImproveTooltip_PrevCurNext_container_itemChild {\n flex: 3;\n}\n.ItemImproveTooltip_PrevCurNext_container_itemChildExtra {\n flex: 3.5;\n}\n.ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\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: 0.8;\n}\n.ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow:hover {\n opacity: 1;\n filter: brightness(1.5);\n}\n.ItemImproveTooltip_PrevCurNext_container_arrowChild {\n flex: 1;\n}\n.ItemImproveTooltip_PrevCurNext_container_arrowChild_arrowButton {\n cursor: pointer;\n opacity: 0.8;\n}\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}\n.ItemImproveTooltip_ItemWithText_icon {\n width: 56px;\n height: 56px;\n}\n.ItemImproveTooltip_ItemWithText_iconSmall {\n width: 40px;\n height: 40px;\n}\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}\n.ItemImproveTooltip_ItemWithText_name {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\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}\n.ItemImproveUpgradeCost_title {\n text-align: center;\n font-size: 18px;\n padding-top: 1rem;\n}\n.ItemImproveUpgradeCost > div {\n width: 100%;\n}\n.ItemImproveUpgradeCost_money {\n margin-top: 0.5rem;\n}\n\n.SubCostSelector {\n display: flex;\n justify-content: center;\n align-items: stretch;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n overflow-x: auto;\n}\n.SubCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 2;\n}\n\n.MainCostSelector {\n margin: 0.33rem 0 0.5rem 0;\n display: flex;\n justify-content: center;\n align-items: stretch;\n}\n.MainCostSelector_or {\n flex: 0 1 0px !important;\n padding: 0 2rem;\n font-size: 18px;\n}\n.MainCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1;\n}\n.MainCostSelector_warning {\n min-height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.MainCostSelector_warning_active {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.5rem;\n}\n.MainCostSelector_container {\n display: flex;\n flex-direction: column;\n padding: 0 0.1rem 0.33rem 0.1rem;\n}\n.MainCostSelector_container_space {\n flex: 1;\n margin: 0 0 0.1rem 0;\n}";
|
|
6864
7137
|
styleInject(css_248z$b);
|
|
6865
7138
|
|
|
6866
|
-
var css_248z$a = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7139
|
+
var css_248z$a = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.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}\n.tippy-box:hover {\n box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 60px 0px !important;\n}\n\n.tippy-content {\n padding: 0 !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=top] .tippy-arrow::before {\n border-top-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=left] .tippy-arrow::before {\n border-left-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=right] .tippy-arrow::before {\n border-right-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=top] .tippy-arrow::before {\n border-top-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=left] .tippy-arrow::before {\n border-left-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=right] .tippy-arrow::before {\n border-right-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=top] .tippy-arrow::before {\n border-top-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=left] .tippy-arrow::before {\n border-left-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=right] .tippy-arrow::before {\n border-right-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=top] .tippy-arrow::before {\n border-top-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=left] .tippy-arrow::before {\n border-left-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=right] .tippy-arrow::before {\n border-right-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=top] .tippy-arrow::before {\n border-top-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=left] .tippy-arrow::before {\n border-left-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=right] .tippy-arrow::before {\n border-right-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FFED23 !important;\n}";
|
|
6867
7140
|
styleInject(css_248z$a);
|
|
6868
7141
|
|
|
6869
7142
|
var ItemTooltipWrapper = function (_a) {
|
|
@@ -6926,10 +7199,10 @@ function ItemWithText(_a) {
|
|
|
6926
7199
|
React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: item.name }, className: "TooltipBase_grade-" + item.grade + " ItemImproveTooltip_ItemWithText_name" })));
|
|
6927
7200
|
}
|
|
6928
7201
|
|
|
6929
|
-
var css_248z$9 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7202
|
+
var css_248z$9 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
6930
7203
|
styleInject(css_248z$9);
|
|
6931
7204
|
|
|
6932
|
-
var css_248z$8 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7205
|
+
var css_248z$8 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.ItemImproveEffectsTooltip_entry {\n padding: 0.1rem 0 0 0.5rem;\n}";
|
|
6933
7206
|
styleInject(css_248z$8);
|
|
6934
7207
|
|
|
6935
7208
|
function ItemImproveEffectsTooltip(_a) {
|
|
@@ -7738,12 +8011,85 @@ function FilterStones(stones) {
|
|
|
7738
8011
|
return stones;
|
|
7739
8012
|
}
|
|
7740
8013
|
|
|
8014
|
+
function ItemUpgradeEffects(props) {
|
|
8015
|
+
var _this = this;
|
|
8016
|
+
var _a = React.useState(undefined), effectData = _a[0], setEffectData = _a[1];
|
|
8017
|
+
var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
|
|
8018
|
+
var _c = React.useState(true), fresh = _c[0], setFresh = _c[1];
|
|
8019
|
+
React.useEffect(function () {
|
|
8020
|
+
if (props.client)
|
|
8021
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
8022
|
+
return __generator(this, function (_a) {
|
|
8023
|
+
return [2 /*return*/];
|
|
8024
|
+
});
|
|
8025
|
+
}); })();
|
|
8026
|
+
}, [props, props.id, props.level, props.client]);
|
|
8027
|
+
function LoadEffectOptions() {
|
|
8028
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
8029
|
+
var result, itemImproveEffectsForName_1;
|
|
8030
|
+
return __generator(this, function (_a) {
|
|
8031
|
+
switch (_a.label) {
|
|
8032
|
+
case 0:
|
|
8033
|
+
setLoading(true);
|
|
8034
|
+
setFresh(false);
|
|
8035
|
+
_a.label = 1;
|
|
8036
|
+
case 1:
|
|
8037
|
+
_a.trys.push([1, , 3, 4]);
|
|
8038
|
+
return [4 /*yield*/, props.client.GetAllItemImproveEffectOptionsForItem(props.id, props.level)];
|
|
8039
|
+
case 2:
|
|
8040
|
+
result = _a.sent();
|
|
8041
|
+
if (result && result.itemImproveEffectOptions && result.itemImproveEffectOptions.length > 0) {
|
|
8042
|
+
itemImproveEffectsForName_1 = [];
|
|
8043
|
+
result.itemImproveEffectOptions.sort(function (a, b) { return a.index - b.index; }).forEach(function (effectOption) {
|
|
8044
|
+
itemImproveEffectsForName_1.push({
|
|
8045
|
+
name: effectOption.upgradeName,
|
|
8046
|
+
effects: effectOption.itemImproveEffectOptions
|
|
8047
|
+
});
|
|
8048
|
+
});
|
|
8049
|
+
setEffectData(itemImproveEffectsForName_1);
|
|
8050
|
+
}
|
|
8051
|
+
else {
|
|
8052
|
+
setEffectData(undefined);
|
|
8053
|
+
}
|
|
8054
|
+
return [3 /*break*/, 4];
|
|
8055
|
+
case 3:
|
|
8056
|
+
setLoading(false);
|
|
8057
|
+
return [7 /*endfinally*/];
|
|
8058
|
+
case 4: return [2 /*return*/];
|
|
8059
|
+
}
|
|
8060
|
+
});
|
|
8061
|
+
});
|
|
8062
|
+
}
|
|
8063
|
+
if (props.client) {
|
|
8064
|
+
if (fresh) {
|
|
8065
|
+
return (React__default["default"].createElement("div", { className: "ItemTooltip_optionPadding" },
|
|
8066
|
+
React__default["default"].createElement("span", { className: "ItemTooltip_showButton", onClick: LoadEffectOptions }, "Load Upgrade effects")));
|
|
8067
|
+
}
|
|
8068
|
+
else if (effectData != undefined) {
|
|
8069
|
+
return (React__default["default"].createElement("div", { className: "ItemTooltip_optionPadding" },
|
|
8070
|
+
React__default["default"].createElement("div", { style: { display: "inline-flex", alignItems: "center" }, className: "00008130.UI.Label_Green03_12" },
|
|
8071
|
+
"Upgrade effects\u00A0",
|
|
8072
|
+
React__default["default"].createElement(ItemImproveEffectsTooltipWrapper, { effectsForName: effectData, interactive: true },
|
|
8073
|
+
React__default["default"].createElement("span", { style: { fontSize: 16, cursor: "default" }, className: "material-symbols-outlined" }, "help")))));
|
|
8074
|
+
}
|
|
8075
|
+
else if (loading) {
|
|
8076
|
+
return (React__default["default"].createElement("div", { className: "ItemTooltip_itemIconLoading" },
|
|
8077
|
+
React__default["default"].createElement("div", { className: "dot-elastic" })));
|
|
8078
|
+
}
|
|
8079
|
+
else {
|
|
8080
|
+
return null;
|
|
8081
|
+
}
|
|
8082
|
+
}
|
|
8083
|
+
else
|
|
8084
|
+
return null;
|
|
8085
|
+
}
|
|
8086
|
+
|
|
7741
8087
|
function ItemTooltip(_a) {
|
|
7742
8088
|
var _this = this;
|
|
7743
8089
|
var _b, _c, _d;
|
|
7744
|
-
var data = _a.data, region = _a.region, _e = _a.debug, debug = _e === void 0 ? false : _e, _f = _a.offline, offline = _f === void 0 ? false : _f, clientProp = _a.client, jobstyleOverride = _a.jobstyleOverride, _g = _a.showUpgrade, showUpgrade = _g === void 0 ? false : _g, _h = _a.fullHeight, fullHeight =
|
|
7745
|
-
var
|
|
7746
|
-
var
|
|
8090
|
+
var data = _a.data, region = _a.region, _e = _a.debug, debug = _e === void 0 ? false : _e, _f = _a.offline, offline = _f === void 0 ? false : _f, clientProp = _a.client, jobstyleOverride = _a.jobstyleOverride, _g = _a.showUpgrade, showUpgrade = _g === void 0 ? false : _g, _h = _a.showUpgradeEffects, showUpgradeEffects = _h === void 0 ? false : _h, _j = _a.fullHeight, fullHeight = _j === void 0 ? false : _j;
|
|
8091
|
+
var _k = React.useState("advanced-1"), jobstyle = _k[0], setJobstyle = _k[1];
|
|
8092
|
+
var _l = React.useState(), client = _l[0], setClient = _l[1];
|
|
7747
8093
|
React.useEffect(function () {
|
|
7748
8094
|
if (offline)
|
|
7749
8095
|
return;
|
|
@@ -7821,6 +8167,9 @@ function ItemTooltip(_a) {
|
|
|
7821
8167
|
AddSetBonus(tooltipBaseProps.subInfoGroups, item, jobstyle);
|
|
7822
8168
|
if (showUpgrade)
|
|
7823
8169
|
AddItemImprove(tooltipBaseProps.subInfoGroups, item, region, client, offline, debug);
|
|
8170
|
+
if (showUpgradeEffects) {
|
|
8171
|
+
AddItemUpgradeEffects(tooltipBaseProps.subInfoGroups, item, client);
|
|
8172
|
+
}
|
|
7824
8173
|
if (!offline) {
|
|
7825
8174
|
AddDecomposeResults(tooltipBaseProps.subInfoGroups, item, client, region);
|
|
7826
8175
|
}
|
|
@@ -8079,6 +8428,16 @@ function AddEtchingStones(subInfoGroups, item) {
|
|
|
8079
8428
|
React__default["default"].createElement(EtchingStones, { stones: item.slateStones }),
|
|
8080
8429
|
]
|
|
8081
8430
|
});
|
|
8431
|
+
}
|
|
8432
|
+
function AddItemUpgradeEffects(subInfoGroups, item, client) {
|
|
8433
|
+
if (item.itemImprove == null)
|
|
8434
|
+
return;
|
|
8435
|
+
subInfoGroups.push({
|
|
8436
|
+
title: "",
|
|
8437
|
+
texts: [
|
|
8438
|
+
React__default["default"].createElement(ItemUpgradeEffects, { id: item.id, level: item.level, client: client }),
|
|
8439
|
+
]
|
|
8440
|
+
});
|
|
8082
8441
|
}
|
|
8083
8442
|
|
|
8084
8443
|
var css_248z$7 = "";
|
|
@@ -8118,7 +8477,7 @@ function JsonArrayToJsxArray(stringArray) {
|
|
|
8118
8477
|
return jsxArray;
|
|
8119
8478
|
}
|
|
8120
8479
|
|
|
8121
|
-
var css_248z$6 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
8480
|
+
var css_248z$6 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.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 position: relative;\n}\n.SkillTooltip_skillIconCanvas {\n width: 60px;\n height: 60px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n filter: blur(30px);\n opacity: 0.5;\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\n.tooltipArg {\n color: #00D9FF;\n font-weight: 600;\n}\n\n.wordbreakall {\n word-break: break-all;\n}\n\n.wordbreakword {\n word-break: break-word;\n}\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\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\n.laser {\n background-image: url(\"./laser.png\");\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: auto 64px;\n}";
|
|
8122
8481
|
styleInject(css_248z$6);
|
|
8123
8482
|
|
|
8124
8483
|
function getButtonIconPath(button) {
|
|
@@ -8559,7 +8918,7 @@ function GreenColoredText(_a) {
|
|
|
8559
8918
|
return (React__default["default"].createElement("span", { className: "00008130.UI.Label_Green03_12" }, text));
|
|
8560
8919
|
}
|
|
8561
8920
|
|
|
8562
|
-
var css_248z$5 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
8921
|
+
var css_248z$5 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.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}\n.tippy-box:hover {\n box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 60px 0px !important;\n}\n\n.tippy-content {\n padding: 0 !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=top] .tippy-arrow::before {\n border-top-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=left] .tippy-arrow::before {\n border-left-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=right] .tippy-arrow::before {\n border-right-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=top] .tippy-arrow::before {\n border-top-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=left] .tippy-arrow::before {\n border-left-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=right] .tippy-arrow::before {\n border-right-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=top] .tippy-arrow::before {\n border-top-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=left] .tippy-arrow::before {\n border-left-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=right] .tippy-arrow::before {\n border-right-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=top] .tippy-arrow::before {\n border-top-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=left] .tippy-arrow::before {\n border-left-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=right] .tippy-arrow::before {\n border-right-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=top] .tippy-arrow::before {\n border-top-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=left] .tippy-arrow::before {\n border-left-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=right] .tippy-arrow::before {\n border-right-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FFED23 !important;\n}";
|
|
8563
8922
|
styleInject(css_248z$5);
|
|
8564
8923
|
|
|
8565
8924
|
var SkillTooltipWrapper = function (_a) {
|
|
@@ -8588,7 +8947,7 @@ exports.ServerRegion = void 0;
|
|
|
8588
8947
|
ServerRegion["KoreaTest"] = "KoreaTest";
|
|
8589
8948
|
})(exports.ServerRegion || (exports.ServerRegion = {}));
|
|
8590
8949
|
|
|
8591
|
-
var css_248z$4 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
8950
|
+
var css_248z$4 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.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}\n.NpcTooltip_toggleButton:hover {\n background-color: rgba(255, 255, 255, 0.2);\n opacity: 1;\n}\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}\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}\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}\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}\n.NpcTooltip_itemBuyPriceEntryContainer img {\n width: 32px;\n height: 32px;\n}\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}\n.NpcTooltip_moneyContainer_center {\n justify-content: center;\n}\n.NpcTooltip_moneyContainer > span {\n display: flex;\n align-items: center;\n}\n.NpcTooltip_moneyContainer > span:not(:first-child) {\n margin-left: 0.1rem;\n}\n.NpcTooltip_moneyContainer > span > img {\n width: 16px;\n height: 16px;\n}";
|
|
8592
8951
|
styleInject(css_248z$4);
|
|
8593
8952
|
|
|
8594
8953
|
function StoreToggle(_a) {
|
|
@@ -8778,7 +9137,7 @@ function AddStores(subInfoGroups, activeTab, client, Stores) {
|
|
|
8778
9137
|
});
|
|
8779
9138
|
}
|
|
8780
9139
|
|
|
8781
|
-
var css_248z$3 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9140
|
+
var css_248z$3 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.ItemImproveSelectStageTooltip_item {\n cursor: pointer;\n border: solid 1px transparent;\n}\n.ItemImproveSelectStageTooltip_item:hover {\n border: solid 1px #ffffff;\n}";
|
|
8782
9141
|
styleInject(css_248z$3);
|
|
8783
9142
|
|
|
8784
9143
|
function ItemImproveSelectStageTooltip(_a) {
|
|
@@ -8808,7 +9167,7 @@ function ItemImproveSelectStageTooltip(_a) {
|
|
|
8808
9167
|
return (React__default["default"].createElement(TooltipBase, __assign({}, tooltipBaseProps)));
|
|
8809
9168
|
}
|
|
8810
9169
|
|
|
8811
|
-
var css_248z$2 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9170
|
+
var css_248z$2 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
8812
9171
|
styleInject(css_248z$2);
|
|
8813
9172
|
|
|
8814
9173
|
var ItemImproveSelectStageTooltipWrapper = function (_a) {
|
|
@@ -8830,7 +9189,7 @@ var ItemImproveSelectStageTooltipWrapper = function (_a) {
|
|
|
8830
9189
|
childRef ? (React__default["default"].createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, placement: placement, animation: "fade", interactive: interactive, content: React__default["default"].createElement(ItemImproveSelectStageTooltip, { items: items, onClick: onClick }), theme: "grade" + 2, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
8831
9190
|
};
|
|
8832
9191
|
|
|
8833
|
-
var css_248z$1 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9192
|
+
var css_248z$1 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.EffectTooltip_mainText {\n font-weight: 500;\n}\n.EffectTooltip_subTextMargin {\n margin-bottom: 0.3rem;\n}\n\n.tooltipArg {\n color: #00D9FF;\n font-weight: 600;\n}\n\n.wordbreakall {\n word-break: break-all;\n}\n\n.wordbreakword {\n word-break: break-word;\n}";
|
|
8834
9193
|
styleInject(css_248z$1);
|
|
8835
9194
|
|
|
8836
9195
|
function EffectTooltip(_a) {
|
|
@@ -8907,7 +9266,7 @@ function BlueColoredText(_a) {
|
|
|
8907
9266
|
return (React__default["default"].createElement("span", { className: "tooltipArg " + customClasses }, text));
|
|
8908
9267
|
}
|
|
8909
9268
|
|
|
8910
|
-
var css_248z = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9269
|
+
var css_248z = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.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}\n.tippy-box:hover {\n box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 60px 0px !important;\n}\n\n.tippy-content {\n padding: 0 !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=top] .tippy-arrow::before {\n border-top-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=left] .tippy-arrow::before {\n border-left-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=right] .tippy-arrow::before {\n border-right-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=top] .tippy-arrow::before {\n border-top-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=left] .tippy-arrow::before {\n border-left-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=right] .tippy-arrow::before {\n border-right-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=top] .tippy-arrow::before {\n border-top-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=left] .tippy-arrow::before {\n border-left-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=right] .tippy-arrow::before {\n border-right-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=top] .tippy-arrow::before {\n border-top-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=left] .tippy-arrow::before {\n border-left-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=right] .tippy-arrow::before {\n border-right-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=top] .tippy-arrow::before {\n border-top-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=left] .tippy-arrow::before {\n border-left-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=right] .tippy-arrow::before {\n border-right-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=bottom] .tippy-arrow::before {\n border-bottom-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=top] .tippy-arrow::before {\n border-top-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=left] .tippy-arrow::before {\n border-left-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=right] .tippy-arrow::before {\n border-right-color: #FFED23 !important;\n}";
|
|
8911
9270
|
styleInject(css_248z);
|
|
8912
9271
|
|
|
8913
9272
|
var EffectTooltipWrapper = function (_a) {
|