bnstooltips 1.20.6 → 1.21.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/MultiSkillTooltip/MultiSkillTooltip.d.ts +5 -0
- package/build/MultiSkillTooltip/MultiSkillTooltip.types.d.ts +9 -0
- package/build/MultiSkillTooltipWrapper/MultiSkillTooltipWrapper.d.ts +6 -0
- package/build/MultiSkillTooltipWrapper/MultiSkillTooltipWrapper.types.d.ts +6 -0
- package/build/SkillTooltip/SkillTooltip.d.ts +1 -1
- package/build/SkillTooltip/SkillTooltip.types.d.ts +1 -0
- package/build/index.d.ts +4 -0
- package/build/index.es.js +66 -35
- package/build/index.es.js.map +1 -1
- package/build/index.js +67 -34
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -36,8 +36,8 @@ function styleInject(css, ref) {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
var css_248z$
|
|
40
|
-
styleInject(css_248z$
|
|
39
|
+
var css_248z$h = ".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_background-grade-1 {\n background-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_background-grade-2 {\n background-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_background-grade-3 {\n background-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_background-grade-4 {\n background-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_background-grade-5 {\n background-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_background-grade-6 {\n background-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_background-grade-7 {\n background-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_background-grade-8 {\n background-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_background-grade-9 {\n background-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: 100%;\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}\n\n.strikethrough {\n text-decoration: line-through;\n color: rgba(255, 255, 255, 0.7) !important;\n}\n\n.strikethrough > .tooltipArg {\n color: rgba(255, 255, 255, 0.7) !important;\n}\n\n.diffNew {\n color: #ecd967 !important;\n}";
|
|
40
|
+
styleInject(css_248z$h);
|
|
41
41
|
|
|
42
42
|
function TooltipBase(_a) {
|
|
43
43
|
var title = _a.title, category = _a.subtitle, grade = _a.grade, _b = _a.icon, icon = _b === void 0 ? "" : _b, _c = _a.mainInfos, mainTexts = _c === void 0 ? [] : _c, _d = _a.subInfoGroups, subTexts = _d === void 0 ? [] : _d, id = _a.id, _e = _a.fullHeight, fullHeight = _e === void 0 ? false : _e, widthOverride = _a.widthOverride;
|
|
@@ -149,8 +149,8 @@ function __spreadArray(to, from, pack) {
|
|
|
149
149
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
var css_248z$
|
|
153
|
-
styleInject(css_248z$
|
|
152
|
+
var css_248z$g = ".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}";
|
|
153
|
+
styleInject(css_248z$g);
|
|
154
154
|
|
|
155
155
|
function BuildIconPath(iconPath, iconIndex) {
|
|
156
156
|
if (iconPath == null)
|
|
@@ -3055,7 +3055,7 @@ function throwException(message, status, response, headers, result) {
|
|
|
3055
3055
|
var ItemDownloadClient = /** @class */ (function () {
|
|
3056
3056
|
function ItemDownloadClient(region, patch) {
|
|
3057
3057
|
if (patch === void 0) { patch = ""; }
|
|
3058
|
-
this.apiV = "
|
|
3058
|
+
this.apiV = "v30";
|
|
3059
3059
|
this.patch = patch;
|
|
3060
3060
|
this.region = region;
|
|
3061
3061
|
var baseUrl = ItemDownloadClient.GetUrlBase();
|
|
@@ -3176,11 +3176,11 @@ var ItemDownloadClient = /** @class */ (function () {
|
|
|
3176
3176
|
return ItemDownloadClient;
|
|
3177
3177
|
}());
|
|
3178
3178
|
|
|
3179
|
-
var css_248z$
|
|
3180
|
-
styleInject(css_248z$
|
|
3179
|
+
var css_248z$f = ".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}";
|
|
3180
|
+
styleInject(css_248z$f);
|
|
3181
3181
|
|
|
3182
|
-
var css_248z$
|
|
3183
|
-
styleInject(css_248z$
|
|
3182
|
+
var css_248z$e = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
3183
|
+
styleInject(css_248z$e);
|
|
3184
3184
|
|
|
3185
3185
|
var top = 'top';
|
|
3186
3186
|
var bottom = 'bottom';
|
|
@@ -7353,11 +7353,11 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
7353
7353
|
|
|
7354
7354
|
var Tippy = index;
|
|
7355
7355
|
|
|
7356
|
-
var css_248z$
|
|
7357
|
-
styleInject(css_248z$
|
|
7356
|
+
var css_248z$d = ".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}";
|
|
7357
|
+
styleInject(css_248z$d);
|
|
7358
7358
|
|
|
7359
|
-
var css_248z$
|
|
7360
|
-
styleInject(css_248z$
|
|
7359
|
+
var css_248z$c = ".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}";
|
|
7360
|
+
styleInject(css_248z$c);
|
|
7361
7361
|
|
|
7362
7362
|
var ItemTooltipWrapper = function (_a) {
|
|
7363
7363
|
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;
|
|
@@ -7419,11 +7419,11 @@ function ItemWithText(_a) {
|
|
|
7419
7419
|
React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: item.name }, className: "TooltipBase_grade-" + item.grade + " ItemImproveTooltip_ItemWithText_name" })));
|
|
7420
7420
|
}
|
|
7421
7421
|
|
|
7422
|
-
var css_248z$
|
|
7423
|
-
styleInject(css_248z$
|
|
7422
|
+
var css_248z$b = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
7423
|
+
styleInject(css_248z$b);
|
|
7424
7424
|
|
|
7425
|
-
var css_248z$
|
|
7426
|
-
styleInject(css_248z$
|
|
7425
|
+
var css_248z$a = ".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}";
|
|
7426
|
+
styleInject(css_248z$a);
|
|
7427
7427
|
|
|
7428
7428
|
function ItemImproveEffectsTooltip(_a) {
|
|
7429
7429
|
var effectsForName = _a.effectsForName;
|
|
@@ -8702,8 +8702,8 @@ function AddItemUpgradeEffects(subInfoGroups, item, client) {
|
|
|
8702
8702
|
});
|
|
8703
8703
|
}
|
|
8704
8704
|
|
|
8705
|
-
var css_248z$
|
|
8706
|
-
styleInject(css_248z$
|
|
8705
|
+
var css_248z$9 = "";
|
|
8706
|
+
styleInject(css_248z$9);
|
|
8707
8707
|
|
|
8708
8708
|
function JsonTooltip(props) {
|
|
8709
8709
|
var tooltipProps = {
|
|
@@ -8739,8 +8739,8 @@ function JsonArrayToJsxArray(stringArray) {
|
|
|
8739
8739
|
return jsxArray;
|
|
8740
8740
|
}
|
|
8741
8741
|
|
|
8742
|
-
var css_248z$
|
|
8743
|
-
styleInject(css_248z$
|
|
8742
|
+
var css_248z$8 = ".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}\n\n.arcanemark {\n background-image: url(\"./arcanemark.png\");\n width: 24px;\n height: 24px;\n background-position: 50% 50%;\n background-size: auto 24px;\n margin-left: 0.25rem;\n}";
|
|
8743
|
+
styleInject(css_248z$8);
|
|
8744
8744
|
|
|
8745
8745
|
function getButtonIconPath(button) {
|
|
8746
8746
|
var _a;
|
|
@@ -8905,7 +8905,7 @@ function SkillConditions(_a) {
|
|
|
8905
8905
|
}
|
|
8906
8906
|
|
|
8907
8907
|
function SkillTooltip(_a) {
|
|
8908
|
-
var data = _a.data, _b = _a.debug, debug = _b === void 0 ? false : _b, _c = _a.masteryPoints, masteryPoints = _c === void 0 ? 0 : _c;
|
|
8908
|
+
var data = _a.data, _b = _a.debug, debug = _b === void 0 ? false : _b, _c = _a.masteryPoints, masteryPoints = _c === void 0 ? 0 : _c, _d = _a.multi, multi = _d === void 0 ? false : _d;
|
|
8909
8909
|
var skill = data;
|
|
8910
8910
|
var tooltipBaseProps = {
|
|
8911
8911
|
title: skill.Name,
|
|
@@ -8917,6 +8917,7 @@ function SkillTooltip(_a) {
|
|
|
8917
8917
|
: "",
|
|
8918
8918
|
mainInfos: [],
|
|
8919
8919
|
subInfoGroups: [],
|
|
8920
|
+
fullHeight: multi,
|
|
8920
8921
|
};
|
|
8921
8922
|
if (skill.Tooltip != null) {
|
|
8922
8923
|
//topPart
|
|
@@ -9258,8 +9259,8 @@ function GreenColoredText(_a) {
|
|
|
9258
9259
|
return React__default["default"].createElement("span", { className: "00008130.UI.Label_Green03_12" }, text);
|
|
9259
9260
|
}
|
|
9260
9261
|
|
|
9261
|
-
var css_248z$
|
|
9262
|
-
styleInject(css_248z$
|
|
9262
|
+
var css_248z$7 = ".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}";
|
|
9263
|
+
styleInject(css_248z$7);
|
|
9263
9264
|
|
|
9264
9265
|
var SkillTooltipWrapper = function (_a) {
|
|
9265
9266
|
var data = _a.data, children = _a.children, _b = _a.interactive, interactive = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? "right" : _c, _d = _a.followCursor, followCursor$1 = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? "mouseenter focus" : _e, _f = _a.showArrow, showArrow = _f === void 0 ? true : _f, _g = _a.debug, debug = _g === void 0 ? false : _g, _h = _a.masteryPoints, masteryPoints = _h === void 0 ? 0 : _h;
|
|
@@ -9288,8 +9289,8 @@ exports.ServerRegion = void 0;
|
|
|
9288
9289
|
ServerRegion["NEOEU"] = "NEOEU";
|
|
9289
9290
|
})(exports.ServerRegion || (exports.ServerRegion = {}));
|
|
9290
9291
|
|
|
9291
|
-
var css_248z$
|
|
9292
|
-
styleInject(css_248z$
|
|
9292
|
+
var css_248z$6 = ".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}";
|
|
9293
|
+
styleInject(css_248z$6);
|
|
9293
9294
|
|
|
9294
9295
|
function StoreToggle(_a) {
|
|
9295
9296
|
var store = _a.store, isActive = _a.isActive, setActive = _a.setActive;
|
|
@@ -9478,8 +9479,8 @@ function AddStores(subInfoGroups, activeTab, client, Stores) {
|
|
|
9478
9479
|
});
|
|
9479
9480
|
}
|
|
9480
9481
|
|
|
9481
|
-
var css_248z$
|
|
9482
|
-
styleInject(css_248z$
|
|
9482
|
+
var css_248z$5 = ".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}";
|
|
9483
|
+
styleInject(css_248z$5);
|
|
9483
9484
|
|
|
9484
9485
|
function ItemImproveSelectStageTooltip(_a) {
|
|
9485
9486
|
var items = _a.items, onClick = _a.onClick;
|
|
@@ -9508,8 +9509,8 @@ function ItemImproveSelectStageTooltip(_a) {
|
|
|
9508
9509
|
return (React__default["default"].createElement(TooltipBase, __assign({}, tooltipBaseProps)));
|
|
9509
9510
|
}
|
|
9510
9511
|
|
|
9511
|
-
var css_248z$
|
|
9512
|
-
styleInject(css_248z$
|
|
9512
|
+
var css_248z$4 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}";
|
|
9513
|
+
styleInject(css_248z$4);
|
|
9513
9514
|
|
|
9514
9515
|
var ItemImproveSelectStageTooltipWrapper = function (_a) {
|
|
9515
9516
|
var items = _a.items, onClick = _a.onClick, children = _a.children, _b = _a.interactive, interactive = _b === void 0 ? true : _b, _c = _a.placement, placement = _c === void 0 ? "right" : _c, _d = _a.followCursor, followCursor$1 = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? "mouseenter focus" : _e, _f = _a.showArrow, showArrow = _f === void 0 ? true : _f;
|
|
@@ -9530,8 +9531,8 @@ var ItemImproveSelectStageTooltipWrapper = function (_a) {
|
|
|
9530
9531
|
childRef ? (React__default["default"].createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, placement: placement, animation: "fade", interactive: interactive, content: React__default["default"].createElement(ItemImproveSelectStageTooltip, { items: items, onClick: onClick }), theme: "grade" + 2, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
9531
9532
|
};
|
|
9532
9533
|
|
|
9533
|
-
var css_248z$
|
|
9534
|
-
styleInject(css_248z$
|
|
9534
|
+
var css_248z$3 = ".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}";
|
|
9535
|
+
styleInject(css_248z$3);
|
|
9535
9536
|
|
|
9536
9537
|
function EffectTooltip(_a) {
|
|
9537
9538
|
var data = _a.data, _b = _a.debug, debug = _b === void 0 ? false : _b;
|
|
@@ -9607,8 +9608,8 @@ function BlueColoredText(_a) {
|
|
|
9607
9608
|
return (React__default["default"].createElement("span", { className: "tooltipArg " + customClasses }, text));
|
|
9608
9609
|
}
|
|
9609
9610
|
|
|
9610
|
-
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}";
|
|
9611
|
-
styleInject(css_248z);
|
|
9611
|
+
var css_248z$2 = ".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}";
|
|
9612
|
+
styleInject(css_248z$2);
|
|
9612
9613
|
|
|
9613
9614
|
var EffectTooltipWrapper = function (_a) {
|
|
9614
9615
|
var data = _a.data, children = _a.children, _b = _a.interactive, interactive = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? "right" : _c, _d = _a.followCursor, followCursor$1 = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? "mouseenter focus" : _e, _f = _a.showArrow, showArrow = _f === void 0 ? true : _f, _g = _a.debug, debug = _g === void 0 ? false : _g;
|
|
@@ -9629,6 +9630,36 @@ var EffectTooltipWrapper = function (_a) {
|
|
|
9629
9630
|
childRef ? (React__default["default"].createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && (!interactive && !debug), appendTo: document.body, placement: placement, animation: "fade", interactive: interactive || debug, content: React__default["default"].createElement(EffectTooltip, { data: data, debug: debug }), theme: "grade" + 4, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
9630
9631
|
};
|
|
9631
9632
|
|
|
9633
|
+
var css_248z$1 = ".TooltipBase_bns_upgradeRed_color {\n color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n color: #28A9F0;\n}\n\n.MultiSkillTooltip_container {\n display: flex;\n}";
|
|
9634
|
+
styleInject(css_248z$1);
|
|
9635
|
+
|
|
9636
|
+
function MultiSkillTooltip(_a) {
|
|
9637
|
+
var skills = _a.skills, _b = _a.debug, debug = _b === void 0 ? false : _b;
|
|
9638
|
+
return (React__default["default"].createElement("div", { className: "MultiSkillTooltip_container", "data-testid": "MultiSkillTooltip" }, skills.map(function (skill, index) { return (React__default["default"].createElement(SkillTooltip, { data: skill.data, masteryPoints: skill.masteryPoints, key: index, debug: debug })); })));
|
|
9639
|
+
}
|
|
9640
|
+
|
|
9641
|
+
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}";
|
|
9642
|
+
styleInject(css_248z);
|
|
9643
|
+
|
|
9644
|
+
var MultiSkillTooltipWrapper = function (_a) {
|
|
9645
|
+
var skills = _a.skills, children = _a.children, _b = _a.interactive, interactive = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? "right" : _c, _d = _a.followCursor, followCursor$1 = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? "mouseenter focus" : _e, _f = _a.showArrow, showArrow = _f === void 0 ? true : _f, _g = _a.debug, debug = _g === void 0 ? false : _g;
|
|
9646
|
+
var spanRef = React.useRef(null);
|
|
9647
|
+
var _h = React.useState(null), childRef = _h[0], setChildRef = _h[1];
|
|
9648
|
+
/**
|
|
9649
|
+
* Mount the temporary span element.
|
|
9650
|
+
* retrieve and store the target element's reference.
|
|
9651
|
+
*/
|
|
9652
|
+
React.useEffect(function () {
|
|
9653
|
+
if (spanRef.current) {
|
|
9654
|
+
setChildRef(spanRef.current.previousElementSibling);
|
|
9655
|
+
}
|
|
9656
|
+
return function () { return setChildRef(null); };
|
|
9657
|
+
}, []);
|
|
9658
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
9659
|
+
children,
|
|
9660
|
+
childRef ? (React__default["default"].createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive && !debug, appendTo: document.body, placement: placement, animation: "fade", interactive: interactive || debug, content: React__default["default"].createElement(MultiSkillTooltip, { skills: skills, debug: debug }), theme: "grade" + 4, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
9661
|
+
};
|
|
9662
|
+
|
|
9632
9663
|
exports.EffectTooltip = EffectTooltip;
|
|
9633
9664
|
exports.EffectTooltipWrapper = EffectTooltipWrapper;
|
|
9634
9665
|
exports.GetCooldownString = GetCooldownString;
|
|
@@ -9642,6 +9673,8 @@ exports.ItemImproveTooltipWrapper = ItemImproveTooltipWrapper;
|
|
|
9642
9673
|
exports.ItemTooltip = ItemTooltip;
|
|
9643
9674
|
exports.ItemTooltipWrapper = ItemTooltipWrapper;
|
|
9644
9675
|
exports.JsonTooltip = JsonTooltip;
|
|
9676
|
+
exports.MultiSkillTooltip = MultiSkillTooltip;
|
|
9677
|
+
exports.MultiSkillTooltipWrapper = MultiSkillTooltipWrapper;
|
|
9645
9678
|
exports.NpcTooltip = NpcTooltip;
|
|
9646
9679
|
exports.SkillTooltip = SkillTooltip;
|
|
9647
9680
|
exports.SkillTooltipWrapper = SkillTooltipWrapper;
|