bnstooltips 1.16.5 → 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 +409 -50
- package/build/index.es.js.map +1 -1
- package/build/index.js +409 -50
- package/build/index.js.map +1 -1
- package/build/itemapiclient/ItemApiClient.d.ts +65 -15
- package/package.json +2 -2
package/build/index.es.js
CHANGED
|
@@ -28,7 +28,7 @@ function styleInject(css, ref) {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
var css_248z$f = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
31
|
+
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}";
|
|
32
32
|
styleInject(css_248z$f);
|
|
33
33
|
|
|
34
34
|
function TooltipBase(_a) {
|
|
@@ -131,7 +131,7 @@ function __generator(thisArg, body) {
|
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
-
var css_248z$e = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
134
|
+
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}";
|
|
135
135
|
styleInject(css_248z$e);
|
|
136
136
|
|
|
137
137
|
function BuildIconPath(iconPath, iconIndex) {
|
|
@@ -304,6 +304,10 @@ function getMoneyObj(money) {
|
|
|
304
304
|
};
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
+
//----------------------
|
|
308
|
+
/* tslint:disable */
|
|
309
|
+
/* eslint-disable */
|
|
310
|
+
// ReSharper disable InconsistentNaming
|
|
307
311
|
var BnsItemApiClientBase = /** @class */ (function () {
|
|
308
312
|
function BnsItemApiClientBase() {
|
|
309
313
|
}
|
|
@@ -314,9 +318,7 @@ var BnsItemApiClientBase = /** @class */ (function () {
|
|
|
314
318
|
return Promise.resolve(options);
|
|
315
319
|
};
|
|
316
320
|
return BnsItemApiClientBase;
|
|
317
|
-
}());
|
|
318
|
-
|
|
319
|
-
//----------------------
|
|
321
|
+
}());
|
|
320
322
|
var BnsItemApiClient = /** @class */ (function (_super) {
|
|
321
323
|
__extends(BnsItemApiClient, _super);
|
|
322
324
|
function BnsItemApiClient(baseUrl, http) {
|
|
@@ -576,6 +578,72 @@ var BnsItemApiClient = /** @class */ (function (_super) {
|
|
|
576
578
|
}
|
|
577
579
|
return Promise.resolve(null);
|
|
578
580
|
};
|
|
581
|
+
/**
|
|
582
|
+
* @param itemId (optional)
|
|
583
|
+
* @param itemLevel (optional)
|
|
584
|
+
* @param region (optional)
|
|
585
|
+
* @param patch (optional)
|
|
586
|
+
* @param v (optional)
|
|
587
|
+
* @return Success
|
|
588
|
+
*/
|
|
589
|
+
BnsItemApiClient.prototype.allItemImproveEffectOptionsForItem = function (itemId, itemLevel, region, patch, v) {
|
|
590
|
+
var _this = this;
|
|
591
|
+
var url_ = this.baseUrl + "/BnsItem/AllItemImproveEffectOptionsForItem?";
|
|
592
|
+
if (itemId === null)
|
|
593
|
+
throw new Error("The parameter 'itemId' cannot be null.");
|
|
594
|
+
else if (itemId !== undefined)
|
|
595
|
+
url_ += "itemId=" + encodeURIComponent("" + itemId) + "&";
|
|
596
|
+
if (itemLevel === null)
|
|
597
|
+
throw new Error("The parameter 'itemLevel' cannot be null.");
|
|
598
|
+
else if (itemLevel !== undefined)
|
|
599
|
+
url_ += "itemLevel=" + encodeURIComponent("" + itemLevel) + "&";
|
|
600
|
+
if (region === null)
|
|
601
|
+
throw new Error("The parameter 'region' cannot be null.");
|
|
602
|
+
else if (region !== undefined)
|
|
603
|
+
url_ += "region=" + encodeURIComponent("" + region) + "&";
|
|
604
|
+
if (patch === null)
|
|
605
|
+
throw new Error("The parameter 'patch' cannot be null.");
|
|
606
|
+
else if (patch !== undefined)
|
|
607
|
+
url_ += "patch=" + encodeURIComponent("" + patch) + "&";
|
|
608
|
+
if (v === null)
|
|
609
|
+
throw new Error("The parameter 'v' cannot be null.");
|
|
610
|
+
else if (v !== undefined)
|
|
611
|
+
url_ += "v=" + encodeURIComponent("" + v) + "&";
|
|
612
|
+
url_ = url_.replace(/[?&]$/, "");
|
|
613
|
+
var options_ = {
|
|
614
|
+
method: "GET",
|
|
615
|
+
headers: {
|
|
616
|
+
"Accept": "application/json"
|
|
617
|
+
}
|
|
618
|
+
};
|
|
619
|
+
return this.transformOptions(options_).then(function (transformedOptions_) {
|
|
620
|
+
return _this.http.fetch(url_, transformedOptions_);
|
|
621
|
+
}).then(function (_response) {
|
|
622
|
+
return _this.processAllItemImproveEffectOptionsForItem(_response);
|
|
623
|
+
});
|
|
624
|
+
};
|
|
625
|
+
BnsItemApiClient.prototype.processAllItemImproveEffectOptionsForItem = function (response) {
|
|
626
|
+
var _this = this;
|
|
627
|
+
var status = response.status;
|
|
628
|
+
var _headers = {};
|
|
629
|
+
if (response.headers && response.headers.forEach) {
|
|
630
|
+
response.headers.forEach(function (v, k) { return _headers[k] = v; });
|
|
631
|
+
}
|
|
632
|
+
if (status === 200) {
|
|
633
|
+
return response.text().then(function (_responseText) {
|
|
634
|
+
var result200 = null;
|
|
635
|
+
var resultData200 = _responseText === "" ? null : JSON.parse(_responseText, _this.jsonParseReviver);
|
|
636
|
+
result200 = AllItemImproveEffectOptionsForItemResponse.fromJS(resultData200);
|
|
637
|
+
return result200;
|
|
638
|
+
});
|
|
639
|
+
}
|
|
640
|
+
else if (status !== 200 && status !== 204) {
|
|
641
|
+
return response.text().then(function (_responseText) {
|
|
642
|
+
return throwException("An unexpected server error occurred.", status, _responseText, _headers);
|
|
643
|
+
});
|
|
644
|
+
}
|
|
645
|
+
return Promise.resolve(null);
|
|
646
|
+
};
|
|
579
647
|
/**
|
|
580
648
|
* @param itemId (optional)
|
|
581
649
|
* @param itemLevel (optional)
|
|
@@ -1043,6 +1111,116 @@ var BnsItemApiClient = /** @class */ (function (_super) {
|
|
|
1043
1111
|
}
|
|
1044
1112
|
return Promise.resolve(null);
|
|
1045
1113
|
};
|
|
1114
|
+
/**
|
|
1115
|
+
* @param patch (optional)
|
|
1116
|
+
* @param v (optional)
|
|
1117
|
+
* @return Success
|
|
1118
|
+
*/
|
|
1119
|
+
BnsItemApiClient.prototype.allItems = function (region, patch, v) {
|
|
1120
|
+
var _this = this;
|
|
1121
|
+
var url_ = this.baseUrl + "/BnsItem/AllItems?";
|
|
1122
|
+
if (region === undefined || region === null)
|
|
1123
|
+
throw new Error("The parameter 'region' must be defined and cannot be null.");
|
|
1124
|
+
else
|
|
1125
|
+
url_ += "region=" + encodeURIComponent("" + region) + "&";
|
|
1126
|
+
if (patch === null)
|
|
1127
|
+
throw new Error("The parameter 'patch' cannot be null.");
|
|
1128
|
+
else if (patch !== undefined)
|
|
1129
|
+
url_ += "patch=" + encodeURIComponent("" + patch) + "&";
|
|
1130
|
+
if (v === null)
|
|
1131
|
+
throw new Error("The parameter 'v' cannot be null.");
|
|
1132
|
+
else if (v !== undefined)
|
|
1133
|
+
url_ += "v=" + encodeURIComponent("" + v) + "&";
|
|
1134
|
+
url_ = url_.replace(/[?&]$/, "");
|
|
1135
|
+
var options_ = {
|
|
1136
|
+
method: "GET",
|
|
1137
|
+
headers: {
|
|
1138
|
+
"Accept": "application/json"
|
|
1139
|
+
}
|
|
1140
|
+
};
|
|
1141
|
+
return this.transformOptions(options_).then(function (transformedOptions_) {
|
|
1142
|
+
return _this.http.fetch(url_, transformedOptions_);
|
|
1143
|
+
}).then(function (_response) {
|
|
1144
|
+
return _this.processAllItems(_response);
|
|
1145
|
+
});
|
|
1146
|
+
};
|
|
1147
|
+
BnsItemApiClient.prototype.processAllItems = function (response) {
|
|
1148
|
+
var _this = this;
|
|
1149
|
+
var status = response.status;
|
|
1150
|
+
var _headers = {};
|
|
1151
|
+
if (response.headers && response.headers.forEach) {
|
|
1152
|
+
response.headers.forEach(function (v, k) { return _headers[k] = v; });
|
|
1153
|
+
}
|
|
1154
|
+
if (status === 200) {
|
|
1155
|
+
return response.text().then(function (_responseText) {
|
|
1156
|
+
var result200 = null;
|
|
1157
|
+
var resultData200 = _responseText === "" ? null : JSON.parse(_responseText, _this.jsonParseReviver);
|
|
1158
|
+
result200 = ItemsResponse.fromJS(resultData200);
|
|
1159
|
+
return result200;
|
|
1160
|
+
});
|
|
1161
|
+
}
|
|
1162
|
+
else if (status !== 200 && status !== 204) {
|
|
1163
|
+
return response.text().then(function (_responseText) {
|
|
1164
|
+
return throwException("An unexpected server error occurred.", status, _responseText, _headers);
|
|
1165
|
+
});
|
|
1166
|
+
}
|
|
1167
|
+
return Promise.resolve(null);
|
|
1168
|
+
};
|
|
1169
|
+
/**
|
|
1170
|
+
* @param patch (optional)
|
|
1171
|
+
* @param v (optional)
|
|
1172
|
+
* @return Success
|
|
1173
|
+
*/
|
|
1174
|
+
BnsItemApiClient.prototype.allItemCount = function (region, patch, v) {
|
|
1175
|
+
var _this = this;
|
|
1176
|
+
var url_ = this.baseUrl + "/BnsItem/AllItemCount?";
|
|
1177
|
+
if (region === undefined || region === null)
|
|
1178
|
+
throw new Error("The parameter 'region' must be defined and cannot be null.");
|
|
1179
|
+
else
|
|
1180
|
+
url_ += "region=" + encodeURIComponent("" + region) + "&";
|
|
1181
|
+
if (patch === null)
|
|
1182
|
+
throw new Error("The parameter 'patch' cannot be null.");
|
|
1183
|
+
else if (patch !== undefined)
|
|
1184
|
+
url_ += "patch=" + encodeURIComponent("" + patch) + "&";
|
|
1185
|
+
if (v === null)
|
|
1186
|
+
throw new Error("The parameter 'v' cannot be null.");
|
|
1187
|
+
else if (v !== undefined)
|
|
1188
|
+
url_ += "v=" + encodeURIComponent("" + v) + "&";
|
|
1189
|
+
url_ = url_.replace(/[?&]$/, "");
|
|
1190
|
+
var options_ = {
|
|
1191
|
+
method: "GET",
|
|
1192
|
+
headers: {
|
|
1193
|
+
"Accept": "text/plain"
|
|
1194
|
+
}
|
|
1195
|
+
};
|
|
1196
|
+
return this.transformOptions(options_).then(function (transformedOptions_) {
|
|
1197
|
+
return _this.http.fetch(url_, transformedOptions_);
|
|
1198
|
+
}).then(function (_response) {
|
|
1199
|
+
return _this.processAllItemCount(_response);
|
|
1200
|
+
});
|
|
1201
|
+
};
|
|
1202
|
+
BnsItemApiClient.prototype.processAllItemCount = function (response) {
|
|
1203
|
+
var _this = this;
|
|
1204
|
+
var status = response.status;
|
|
1205
|
+
var _headers = {};
|
|
1206
|
+
if (response.headers && response.headers.forEach) {
|
|
1207
|
+
response.headers.forEach(function (v, k) { return _headers[k] = v; });
|
|
1208
|
+
}
|
|
1209
|
+
if (status === 200) {
|
|
1210
|
+
return response.text().then(function (_responseText) {
|
|
1211
|
+
var result200 = null;
|
|
1212
|
+
var resultData200 = _responseText === "" ? null : JSON.parse(_responseText, _this.jsonParseReviver);
|
|
1213
|
+
result200 = resultData200 !== undefined ? resultData200 : null;
|
|
1214
|
+
return result200;
|
|
1215
|
+
});
|
|
1216
|
+
}
|
|
1217
|
+
else if (status !== 200 && status !== 204) {
|
|
1218
|
+
return response.text().then(function (_responseText) {
|
|
1219
|
+
return throwException("An unexpected server error occurred.", status, _responseText, _headers);
|
|
1220
|
+
});
|
|
1221
|
+
}
|
|
1222
|
+
return Promise.resolve(null);
|
|
1223
|
+
};
|
|
1046
1224
|
/**
|
|
1047
1225
|
* @param offset (optional)
|
|
1048
1226
|
* @param patch (optional)
|
|
@@ -1172,6 +1350,45 @@ var BnsItemApiClient = /** @class */ (function (_super) {
|
|
|
1172
1350
|
};
|
|
1173
1351
|
return BnsItemApiClient;
|
|
1174
1352
|
}(BnsItemApiClientBase));
|
|
1353
|
+
var AllItemImproveEffectOptionsForItemResponse = /** @class */ (function () {
|
|
1354
|
+
function AllItemImproveEffectOptionsForItemResponse(data) {
|
|
1355
|
+
if (data) {
|
|
1356
|
+
for (var property in data) {
|
|
1357
|
+
if (data.hasOwnProperty(property))
|
|
1358
|
+
this[property] = data[property];
|
|
1359
|
+
}
|
|
1360
|
+
}
|
|
1361
|
+
}
|
|
1362
|
+
AllItemImproveEffectOptionsForItemResponse.prototype.init = function (_data) {
|
|
1363
|
+
if (_data) {
|
|
1364
|
+
if (Array.isArray(_data["itemImproveEffectOptions"])) {
|
|
1365
|
+
this.itemImproveEffectOptions = [];
|
|
1366
|
+
for (var _i = 0, _a = _data["itemImproveEffectOptions"]; _i < _a.length; _i++) {
|
|
1367
|
+
var item = _a[_i];
|
|
1368
|
+
this.itemImproveEffectOptions.push(ItemImproveEffectOptionWithNameDto.fromJS(item));
|
|
1369
|
+
}
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1372
|
+
};
|
|
1373
|
+
AllItemImproveEffectOptionsForItemResponse.fromJS = function (data) {
|
|
1374
|
+
data = typeof data === 'object' ? data : {};
|
|
1375
|
+
var result = new AllItemImproveEffectOptionsForItemResponse();
|
|
1376
|
+
result.init(data);
|
|
1377
|
+
return result;
|
|
1378
|
+
};
|
|
1379
|
+
AllItemImproveEffectOptionsForItemResponse.prototype.toJSON = function (data) {
|
|
1380
|
+
data = typeof data === 'object' ? data : {};
|
|
1381
|
+
if (Array.isArray(this.itemImproveEffectOptions)) {
|
|
1382
|
+
data["itemImproveEffectOptions"] = [];
|
|
1383
|
+
for (var _i = 0, _a = this.itemImproveEffectOptions; _i < _a.length; _i++) {
|
|
1384
|
+
var item = _a[_i];
|
|
1385
|
+
data["itemImproveEffectOptions"].push(item.toJSON());
|
|
1386
|
+
}
|
|
1387
|
+
}
|
|
1388
|
+
return data;
|
|
1389
|
+
};
|
|
1390
|
+
return AllItemImproveEffectOptionsForItemResponse;
|
|
1391
|
+
}());
|
|
1175
1392
|
var BnsItemDto = /** @class */ (function () {
|
|
1176
1393
|
function BnsItemDto(data) {
|
|
1177
1394
|
if (data) {
|
|
@@ -1561,35 +1778,6 @@ var GetRegionsResponse = /** @class */ (function () {
|
|
|
1561
1778
|
};
|
|
1562
1779
|
return GetRegionsResponse;
|
|
1563
1780
|
}());
|
|
1564
|
-
var Int32StringTuple = /** @class */ (function () {
|
|
1565
|
-
function Int32StringTuple(data) {
|
|
1566
|
-
if (data) {
|
|
1567
|
-
for (var property in data) {
|
|
1568
|
-
if (data.hasOwnProperty(property))
|
|
1569
|
-
this[property] = data[property];
|
|
1570
|
-
}
|
|
1571
|
-
}
|
|
1572
|
-
}
|
|
1573
|
-
Int32StringTuple.prototype.init = function (_data) {
|
|
1574
|
-
if (_data) {
|
|
1575
|
-
this.item1 = _data["item1"];
|
|
1576
|
-
this.item2 = _data["item2"];
|
|
1577
|
-
}
|
|
1578
|
-
};
|
|
1579
|
-
Int32StringTuple.fromJS = function (data) {
|
|
1580
|
-
data = typeof data === 'object' ? data : {};
|
|
1581
|
-
var result = new Int32StringTuple();
|
|
1582
|
-
result.init(data);
|
|
1583
|
-
return result;
|
|
1584
|
-
};
|
|
1585
|
-
Int32StringTuple.prototype.toJSON = function (data) {
|
|
1586
|
-
data = typeof data === 'object' ? data : {};
|
|
1587
|
-
data["item1"] = this.item1;
|
|
1588
|
-
data["item2"] = this.item2;
|
|
1589
|
-
return data;
|
|
1590
|
-
};
|
|
1591
|
-
return Int32StringTuple;
|
|
1592
|
-
}());
|
|
1593
1781
|
var ItemAccountTransferDto = /** @class */ (function () {
|
|
1594
1782
|
function ItemAccountTransferDto(data) {
|
|
1595
1783
|
if (data) {
|
|
@@ -1861,6 +2049,49 @@ var ItemImproveEffectOptionDto = /** @class */ (function () {
|
|
|
1861
2049
|
};
|
|
1862
2050
|
return ItemImproveEffectOptionDto;
|
|
1863
2051
|
}());
|
|
2052
|
+
var ItemImproveEffectOptionWithNameDto = /** @class */ (function () {
|
|
2053
|
+
function ItemImproveEffectOptionWithNameDto(data) {
|
|
2054
|
+
if (data) {
|
|
2055
|
+
for (var property in data) {
|
|
2056
|
+
if (data.hasOwnProperty(property))
|
|
2057
|
+
this[property] = data[property];
|
|
2058
|
+
}
|
|
2059
|
+
}
|
|
2060
|
+
}
|
|
2061
|
+
ItemImproveEffectOptionWithNameDto.prototype.init = function (_data) {
|
|
2062
|
+
if (_data) {
|
|
2063
|
+
this.index = _data["index"];
|
|
2064
|
+
this.upgradeName = _data["upgradeName"];
|
|
2065
|
+
if (Array.isArray(_data["itemImproveEffectOptions"])) {
|
|
2066
|
+
this.itemImproveEffectOptions = [];
|
|
2067
|
+
for (var _i = 0, _a = _data["itemImproveEffectOptions"]; _i < _a.length; _i++) {
|
|
2068
|
+
var item = _a[_i];
|
|
2069
|
+
this.itemImproveEffectOptions.push(ItemImproveEffectOptionDto.fromJS(item));
|
|
2070
|
+
}
|
|
2071
|
+
}
|
|
2072
|
+
}
|
|
2073
|
+
};
|
|
2074
|
+
ItemImproveEffectOptionWithNameDto.fromJS = function (data) {
|
|
2075
|
+
data = typeof data === 'object' ? data : {};
|
|
2076
|
+
var result = new ItemImproveEffectOptionWithNameDto();
|
|
2077
|
+
result.init(data);
|
|
2078
|
+
return result;
|
|
2079
|
+
};
|
|
2080
|
+
ItemImproveEffectOptionWithNameDto.prototype.toJSON = function (data) {
|
|
2081
|
+
data = typeof data === 'object' ? data : {};
|
|
2082
|
+
data["index"] = this.index;
|
|
2083
|
+
data["upgradeName"] = this.upgradeName;
|
|
2084
|
+
if (Array.isArray(this.itemImproveEffectOptions)) {
|
|
2085
|
+
data["itemImproveEffectOptions"] = [];
|
|
2086
|
+
for (var _i = 0, _a = this.itemImproveEffectOptions; _i < _a.length; _i++) {
|
|
2087
|
+
var item = _a[_i];
|
|
2088
|
+
data["itemImproveEffectOptions"].push(item.toJSON());
|
|
2089
|
+
}
|
|
2090
|
+
}
|
|
2091
|
+
return data;
|
|
2092
|
+
};
|
|
2093
|
+
return ItemImproveEffectOptionWithNameDto;
|
|
2094
|
+
}());
|
|
1864
2095
|
var ItemRandomStatDto = /** @class */ (function () {
|
|
1865
2096
|
function ItemRandomStatDto(data) {
|
|
1866
2097
|
if (data) {
|
|
@@ -2424,7 +2655,7 @@ var SkillModifierDto = /** @class */ (function () {
|
|
|
2424
2655
|
this.skills = [];
|
|
2425
2656
|
for (var _i = 0, _a = _data["skills"]; _i < _a.length; _i++) {
|
|
2426
2657
|
var item = _a[_i];
|
|
2427
|
-
this.skills.push(
|
|
2658
|
+
this.skills.push(SkillModifierSkillDto.fromJS(item));
|
|
2428
2659
|
}
|
|
2429
2660
|
}
|
|
2430
2661
|
this.verb = _data["verb"];
|
|
@@ -2493,6 +2724,35 @@ var SkillModifierGroupDto = /** @class */ (function () {
|
|
|
2493
2724
|
};
|
|
2494
2725
|
return SkillModifierGroupDto;
|
|
2495
2726
|
}());
|
|
2727
|
+
var SkillModifierSkillDto = /** @class */ (function () {
|
|
2728
|
+
function SkillModifierSkillDto(data) {
|
|
2729
|
+
if (data) {
|
|
2730
|
+
for (var property in data) {
|
|
2731
|
+
if (data.hasOwnProperty(property))
|
|
2732
|
+
this[property] = data[property];
|
|
2733
|
+
}
|
|
2734
|
+
}
|
|
2735
|
+
}
|
|
2736
|
+
SkillModifierSkillDto.prototype.init = function (_data) {
|
|
2737
|
+
if (_data) {
|
|
2738
|
+
this.item1 = _data["item1"];
|
|
2739
|
+
this.item2 = _data["item2"];
|
|
2740
|
+
}
|
|
2741
|
+
};
|
|
2742
|
+
SkillModifierSkillDto.fromJS = function (data) {
|
|
2743
|
+
data = typeof data === 'object' ? data : {};
|
|
2744
|
+
var result = new SkillModifierSkillDto();
|
|
2745
|
+
result.init(data);
|
|
2746
|
+
return result;
|
|
2747
|
+
};
|
|
2748
|
+
SkillModifierSkillDto.prototype.toJSON = function (data) {
|
|
2749
|
+
data = typeof data === 'object' ? data : {};
|
|
2750
|
+
data["item1"] = this.item1;
|
|
2751
|
+
data["item2"] = this.item2;
|
|
2752
|
+
return data;
|
|
2753
|
+
};
|
|
2754
|
+
return SkillModifierSkillDto;
|
|
2755
|
+
}());
|
|
2496
2756
|
var SlateStoneDto = /** @class */ (function () {
|
|
2497
2757
|
function SlateStoneDto(data) {
|
|
2498
2758
|
if (data) {
|
|
@@ -2672,13 +2932,26 @@ var ItemDownloadClient = /** @class */ (function () {
|
|
|
2672
2932
|
});
|
|
2673
2933
|
});
|
|
2674
2934
|
};
|
|
2935
|
+
ItemDownloadClient.prototype.GetAllItemImproveEffectOptionsForItem = function (id, level) {
|
|
2936
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
2937
|
+
var result;
|
|
2938
|
+
return __generator(this, function (_a) {
|
|
2939
|
+
switch (_a.label) {
|
|
2940
|
+
case 0: return [4 /*yield*/, this.instance.allItemImproveEffectOptionsForItem(id, level, this.region, this.patch, this.apiV)];
|
|
2941
|
+
case 1:
|
|
2942
|
+
result = _a.sent();
|
|
2943
|
+
return [2 /*return*/, result];
|
|
2944
|
+
}
|
|
2945
|
+
});
|
|
2946
|
+
});
|
|
2947
|
+
};
|
|
2675
2948
|
return ItemDownloadClient;
|
|
2676
2949
|
}());
|
|
2677
2950
|
|
|
2678
2951
|
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}";
|
|
2679
2952
|
styleInject(css_248z$d);
|
|
2680
2953
|
|
|
2681
|
-
var css_248z$c = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
2954
|
+
var css_248z$c = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
2682
2955
|
styleInject(css_248z$c);
|
|
2683
2956
|
|
|
2684
2957
|
var top = 'top';
|
|
@@ -6852,10 +7125,10 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
6852
7125
|
|
|
6853
7126
|
var Tippy = index;
|
|
6854
7127
|
|
|
6855
|
-
var css_248z$b = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7128
|
+
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}";
|
|
6856
7129
|
styleInject(css_248z$b);
|
|
6857
7130
|
|
|
6858
|
-
var css_248z$a = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7131
|
+
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}";
|
|
6859
7132
|
styleInject(css_248z$a);
|
|
6860
7133
|
|
|
6861
7134
|
var ItemTooltipWrapper = function (_a) {
|
|
@@ -6918,10 +7191,10 @@ function ItemWithText(_a) {
|
|
|
6918
7191
|
React.createElement("div", { dangerouslySetInnerHTML: { __html: item.name }, className: "TooltipBase_grade-" + item.grade + " ItemImproveTooltip_ItemWithText_name" })));
|
|
6919
7192
|
}
|
|
6920
7193
|
|
|
6921
|
-
var css_248z$9 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7194
|
+
var css_248z$9 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
6922
7195
|
styleInject(css_248z$9);
|
|
6923
7196
|
|
|
6924
|
-
var css_248z$8 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
7197
|
+
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}";
|
|
6925
7198
|
styleInject(css_248z$8);
|
|
6926
7199
|
|
|
6927
7200
|
function ItemImproveEffectsTooltip(_a) {
|
|
@@ -7730,12 +8003,85 @@ function FilterStones(stones) {
|
|
|
7730
8003
|
return stones;
|
|
7731
8004
|
}
|
|
7732
8005
|
|
|
8006
|
+
function ItemUpgradeEffects(props) {
|
|
8007
|
+
var _this = this;
|
|
8008
|
+
var _a = useState(undefined), effectData = _a[0], setEffectData = _a[1];
|
|
8009
|
+
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
8010
|
+
var _c = useState(true), fresh = _c[0], setFresh = _c[1];
|
|
8011
|
+
useEffect(function () {
|
|
8012
|
+
if (props.client)
|
|
8013
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
8014
|
+
return __generator(this, function (_a) {
|
|
8015
|
+
return [2 /*return*/];
|
|
8016
|
+
});
|
|
8017
|
+
}); })();
|
|
8018
|
+
}, [props, props.id, props.level, props.client]);
|
|
8019
|
+
function LoadEffectOptions() {
|
|
8020
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
8021
|
+
var result, itemImproveEffectsForName_1;
|
|
8022
|
+
return __generator(this, function (_a) {
|
|
8023
|
+
switch (_a.label) {
|
|
8024
|
+
case 0:
|
|
8025
|
+
setLoading(true);
|
|
8026
|
+
setFresh(false);
|
|
8027
|
+
_a.label = 1;
|
|
8028
|
+
case 1:
|
|
8029
|
+
_a.trys.push([1, , 3, 4]);
|
|
8030
|
+
return [4 /*yield*/, props.client.GetAllItemImproveEffectOptionsForItem(props.id, props.level)];
|
|
8031
|
+
case 2:
|
|
8032
|
+
result = _a.sent();
|
|
8033
|
+
if (result && result.itemImproveEffectOptions && result.itemImproveEffectOptions.length > 0) {
|
|
8034
|
+
itemImproveEffectsForName_1 = [];
|
|
8035
|
+
result.itemImproveEffectOptions.sort(function (a, b) { return a.index - b.index; }).forEach(function (effectOption) {
|
|
8036
|
+
itemImproveEffectsForName_1.push({
|
|
8037
|
+
name: effectOption.upgradeName,
|
|
8038
|
+
effects: effectOption.itemImproveEffectOptions
|
|
8039
|
+
});
|
|
8040
|
+
});
|
|
8041
|
+
setEffectData(itemImproveEffectsForName_1);
|
|
8042
|
+
}
|
|
8043
|
+
else {
|
|
8044
|
+
setEffectData(undefined);
|
|
8045
|
+
}
|
|
8046
|
+
return [3 /*break*/, 4];
|
|
8047
|
+
case 3:
|
|
8048
|
+
setLoading(false);
|
|
8049
|
+
return [7 /*endfinally*/];
|
|
8050
|
+
case 4: return [2 /*return*/];
|
|
8051
|
+
}
|
|
8052
|
+
});
|
|
8053
|
+
});
|
|
8054
|
+
}
|
|
8055
|
+
if (props.client) {
|
|
8056
|
+
if (fresh) {
|
|
8057
|
+
return (React.createElement("div", { className: "ItemTooltip_optionPadding" },
|
|
8058
|
+
React.createElement("span", { className: "ItemTooltip_showButton", onClick: LoadEffectOptions }, "Load Upgrade effects")));
|
|
8059
|
+
}
|
|
8060
|
+
else if (effectData != undefined) {
|
|
8061
|
+
return (React.createElement("div", { className: "ItemTooltip_optionPadding" },
|
|
8062
|
+
React.createElement("div", { style: { display: "inline-flex", alignItems: "center" }, className: "00008130.UI.Label_Green03_12" },
|
|
8063
|
+
"Upgrade effects\u00A0",
|
|
8064
|
+
React.createElement(ItemImproveEffectsTooltipWrapper, { effectsForName: effectData, interactive: true },
|
|
8065
|
+
React.createElement("span", { style: { fontSize: 16, cursor: "default" }, className: "material-symbols-outlined" }, "help")))));
|
|
8066
|
+
}
|
|
8067
|
+
else if (loading) {
|
|
8068
|
+
return (React.createElement("div", { className: "ItemTooltip_itemIconLoading" },
|
|
8069
|
+
React.createElement("div", { className: "dot-elastic" })));
|
|
8070
|
+
}
|
|
8071
|
+
else {
|
|
8072
|
+
return null;
|
|
8073
|
+
}
|
|
8074
|
+
}
|
|
8075
|
+
else
|
|
8076
|
+
return null;
|
|
8077
|
+
}
|
|
8078
|
+
|
|
7733
8079
|
function ItemTooltip(_a) {
|
|
7734
8080
|
var _this = this;
|
|
7735
8081
|
var _b, _c, _d;
|
|
7736
|
-
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 =
|
|
7737
|
-
var
|
|
7738
|
-
var
|
|
8082
|
+
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;
|
|
8083
|
+
var _k = useState("advanced-1"), jobstyle = _k[0], setJobstyle = _k[1];
|
|
8084
|
+
var _l = useState(), client = _l[0], setClient = _l[1];
|
|
7739
8085
|
useEffect(function () {
|
|
7740
8086
|
if (offline)
|
|
7741
8087
|
return;
|
|
@@ -7813,6 +8159,9 @@ function ItemTooltip(_a) {
|
|
|
7813
8159
|
AddSetBonus(tooltipBaseProps.subInfoGroups, item, jobstyle);
|
|
7814
8160
|
if (showUpgrade)
|
|
7815
8161
|
AddItemImprove(tooltipBaseProps.subInfoGroups, item, region, client, offline, debug);
|
|
8162
|
+
if (showUpgradeEffects) {
|
|
8163
|
+
AddItemUpgradeEffects(tooltipBaseProps.subInfoGroups, item, client);
|
|
8164
|
+
}
|
|
7816
8165
|
if (!offline) {
|
|
7817
8166
|
AddDecomposeResults(tooltipBaseProps.subInfoGroups, item, client, region);
|
|
7818
8167
|
}
|
|
@@ -8071,6 +8420,16 @@ function AddEtchingStones(subInfoGroups, item) {
|
|
|
8071
8420
|
React.createElement(EtchingStones, { stones: item.slateStones }),
|
|
8072
8421
|
]
|
|
8073
8422
|
});
|
|
8423
|
+
}
|
|
8424
|
+
function AddItemUpgradeEffects(subInfoGroups, item, client) {
|
|
8425
|
+
if (item.itemImprove == null)
|
|
8426
|
+
return;
|
|
8427
|
+
subInfoGroups.push({
|
|
8428
|
+
title: "",
|
|
8429
|
+
texts: [
|
|
8430
|
+
React.createElement(ItemUpgradeEffects, { id: item.id, level: item.level, client: client }),
|
|
8431
|
+
]
|
|
8432
|
+
});
|
|
8074
8433
|
}
|
|
8075
8434
|
|
|
8076
8435
|
var css_248z$7 = "";
|
|
@@ -8110,7 +8469,7 @@ function JsonArrayToJsxArray(stringArray) {
|
|
|
8110
8469
|
return jsxArray;
|
|
8111
8470
|
}
|
|
8112
8471
|
|
|
8113
|
-
var css_248z$6 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
8472
|
+
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}";
|
|
8114
8473
|
styleInject(css_248z$6);
|
|
8115
8474
|
|
|
8116
8475
|
function getButtonIconPath(button) {
|
|
@@ -8551,7 +8910,7 @@ function GreenColoredText(_a) {
|
|
|
8551
8910
|
return (React.createElement("span", { className: "00008130.UI.Label_Green03_12" }, text));
|
|
8552
8911
|
}
|
|
8553
8912
|
|
|
8554
|
-
var css_248z$5 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
8913
|
+
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}";
|
|
8555
8914
|
styleInject(css_248z$5);
|
|
8556
8915
|
|
|
8557
8916
|
var SkillTooltipWrapper = function (_a) {
|
|
@@ -8580,7 +8939,7 @@ var ServerRegion;
|
|
|
8580
8939
|
ServerRegion["KoreaTest"] = "KoreaTest";
|
|
8581
8940
|
})(ServerRegion || (ServerRegion = {}));
|
|
8582
8941
|
|
|
8583
|
-
var css_248z$4 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
8942
|
+
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}";
|
|
8584
8943
|
styleInject(css_248z$4);
|
|
8585
8944
|
|
|
8586
8945
|
function StoreToggle(_a) {
|
|
@@ -8770,7 +9129,7 @@ function AddStores(subInfoGroups, activeTab, client, Stores) {
|
|
|
8770
9129
|
});
|
|
8771
9130
|
}
|
|
8772
9131
|
|
|
8773
|
-
var css_248z$3 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9132
|
+
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}";
|
|
8774
9133
|
styleInject(css_248z$3);
|
|
8775
9134
|
|
|
8776
9135
|
function ItemImproveSelectStageTooltip(_a) {
|
|
@@ -8800,7 +9159,7 @@ function ItemImproveSelectStageTooltip(_a) {
|
|
|
8800
9159
|
return (React.createElement(TooltipBase, __assign({}, tooltipBaseProps)));
|
|
8801
9160
|
}
|
|
8802
9161
|
|
|
8803
|
-
var css_248z$2 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9162
|
+
var css_248z$2 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
8804
9163
|
styleInject(css_248z$2);
|
|
8805
9164
|
|
|
8806
9165
|
var ItemImproveSelectStageTooltipWrapper = function (_a) {
|
|
@@ -8822,7 +9181,7 @@ var ItemImproveSelectStageTooltipWrapper = function (_a) {
|
|
|
8822
9181
|
childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, placement: placement, animation: "fade", interactive: interactive, content: React.createElement(ItemImproveSelectStageTooltip, { items: items, onClick: onClick }), theme: "grade" + 2, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
8823
9182
|
};
|
|
8824
9183
|
|
|
8825
|
-
var css_248z$1 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9184
|
+
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}";
|
|
8826
9185
|
styleInject(css_248z$1);
|
|
8827
9186
|
|
|
8828
9187
|
function EffectTooltip(_a) {
|
|
@@ -8899,7 +9258,7 @@ function BlueColoredText(_a) {
|
|
|
8899
9258
|
return (React.createElement("span", { className: "tooltipArg " + customClasses }, text));
|
|
8900
9259
|
}
|
|
8901
9260
|
|
|
8902
|
-
var css_248z = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818
|
|
9261
|
+
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}";
|
|
8903
9262
|
styleInject(css_248z);
|
|
8904
9263
|
|
|
8905
9264
|
var EffectTooltipWrapper = function (_a) {
|