bnstooltips 1.17.0 → 1.18.1
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/ItemTooltipWrapper/ItemTooltipWrapper.types.d.ts +1 -0
- package/build/Utilities/ItemDownloadClient.d.ts +2 -1
- package/build/index.es.js +383 -24
- package/build/index.es.js.map +1 -1
- package/build/index.js +383 -24
- package/build/index.js.map +1 -1
- package/build/itemapiclient/ItemApiClient.d.ts +51 -1
- 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) {
|
|
@@ -1832,6 +2049,49 @@ var ItemImproveEffectOptionDto = /** @class */ (function () {
|
|
|
1832
2049
|
};
|
|
1833
2050
|
return ItemImproveEffectOptionDto;
|
|
1834
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
|
+
}());
|
|
1835
2095
|
var ItemRandomStatDto = /** @class */ (function () {
|
|
1836
2096
|
function ItemRandomStatDto(data) {
|
|
1837
2097
|
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,16 +7125,16 @@ 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) {
|
|
6862
|
-
var data = _a.data, region = _a.region, children = _a.children, client = _a.client, _b = _a.showUpgrade, showUpgrade = _b === void 0 ? false : _b, _c = _a.
|
|
7135
|
+
var data = _a.data, region = _a.region, children = _a.children, client = _a.client, _b = _a.showUpgrade, showUpgrade = _b === void 0 ? false : _b, _c = _a.showUpgradeEffects, showUpgradeEffects = _c === void 0 ? false : _c, _d = _a.offline, offline = _d === void 0 ? false : _d, _e = _a.interactive, interactive = _e === void 0 ? true : _e, _f = _a.placement, placement = _f === void 0 ? "right" : _f, _g = _a.debug, debug = _g === void 0 ? false : _g, jobstyleOverride = _a.jobstyleOverride, _h = _a.followCursor, followCursor$1 = _h === void 0 ? false : _h, _j = _a.trigger, trigger = _j === void 0 ? "mouseenter focus" : _j, _k = _a.showArrow, showArrow = _k === void 0 ? true : _k;
|
|
6863
7136
|
var spanRef = useRef(null);
|
|
6864
|
-
var
|
|
7137
|
+
var _l = useState(null), childRef = _l[0], setChildRef = _l[1];
|
|
6865
7138
|
/**
|
|
6866
7139
|
* Mount the temporary span element.
|
|
6867
7140
|
* retrieve and store the target element's reference.
|
|
@@ -6872,10 +7145,10 @@ var ItemTooltipWrapper = function (_a) {
|
|
|
6872
7145
|
}
|
|
6873
7146
|
return function () { return setChildRef(null); };
|
|
6874
7147
|
}, []);
|
|
6875
|
-
var
|
|
7148
|
+
var _m = useState(true), isOffline = _m[0], setIsOffline = _m[1];
|
|
6876
7149
|
return (React.createElement(React.Fragment, null,
|
|
6877
7150
|
children,
|
|
6878
|
-
childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, onMount: function () { return setIsOffline(offline); }, placement: placement, animation: "fade", interactive: interactive, content: React.createElement(ItemTooltip, { region: region, jobstyleOverride: jobstyleOverride, data: data, offline: isOffline, client: client, showUpgrade: showUpgrade, debug: debug }), theme: "grade" + data.grade, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
7151
|
+
childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, onMount: function () { return setIsOffline(offline); }, placement: placement, animation: "fade", interactive: interactive, content: React.createElement(ItemTooltip, { region: region, jobstyleOverride: jobstyleOverride, data: data, offline: isOffline, client: client, showUpgrade: showUpgrade, showUpgradeEffects: showUpgradeEffects, debug: debug }), theme: "grade" + data.grade, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
6879
7152
|
};
|
|
6880
7153
|
|
|
6881
7154
|
function ItemWithText(_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) {
|