bnstooltips 1.19.0 → 1.19.2

package/build/index.js

@@ -36,7 +36,7 @@ function styleInject(css, ref) {
   }
 }
 
-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}";
+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_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: 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}";
 styleInject(css_248z$f);
 
 function TooltipBase(_a) {
@@ -324,6 +324,53 @@ function getMoneyObj(money) {
         Gold: gold,
         Silver: silver
     };
+}
+function GetSkillMasteryValue(points, isCd) {
+    if (points <= 0)
+        return 0;
+    return isCd ? GetSkillMasteryCdValueForPoints(points) : GetSkillMasteryValueForPoints(points);
+}
+function GetSkillMasteryCdValueForPoints(points) {
+    var value = 0;
+    if (points >= 4) {
+        value += 1;
+    }
+    if (points >= 12) {
+        value += 2;
+    }
+    if (points >= 24) {
+        value += 2;
+    }
+    return 0 - value;
+}
+function GetSkillMasteryValueForPoints(points) {
+    var value = 0;
+    if (points > 0) {
+        var firstRange = Math.min(points, 15);
+        value += firstRange * 1.9;
+        points -= firstRange;
+    }
+    if (points > 0) {
+        var secondRange = Math.min(points, 35 - 15);
+        value += secondRange * 1.5;
+        points -= secondRange;
+    }
+    if (points > 0) {
+        var thirdRange = Math.min(points, 100 - 35);
+        value += thirdRange * 1.1;
+        points -= thirdRange;
+    }
+    if (points > 0) {
+        var fourthRange = Math.min(points, 165 - 100);
+        value += fourthRange * 0.7;
+        points -= fourthRange;
+    }
+    if (points > 0) {
+        var fifthRange = Math.min(points, 1000 - 165);
+        value += fifthRange * 0.3;
+        points -= fifthRange;
+    }
+    return value;
 }
 
 //----------------------
@@ -8680,7 +8727,7 @@ function JsonArrayToJsxArray(stringArray) {
     return jsxArray;
 }
 
-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}\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.33rem;\n  margin-right: 0.05rem;\n}";
+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}\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}";
 styleInject(css_248z$6);
 
 function getButtonIconPath(button) {
@@ -8846,7 +8893,7 @@ function SkillConditions(_a) {
 }
 
 function SkillTooltip(_a) {
-    var data = _a.data, _b = _a.debug, debug = _b === void 0 ? false : _b, _c = _a.masteryPoints, masteryPoints = _c === void 0 ? 0 : _c, _d = _a.masteryValue, masteryValue = _d === void 0 ? 0 : _d, _e = _a.masteryIsPercentage, masteryIsPercentage = _e === void 0 ? false : _e;
+    var data = _a.data, _b = _a.debug, debug = _b === void 0 ? false : _b, _c = _a.masteryPoints, masteryPoints = _c === void 0 ? 0 : _c, _d = _a.masteryIsCooldown, masteryIsCooldown = _d === void 0 ? false : _d;
     var skill = data;
     var tooltipBaseProps = {
         title: skill.Name,
@@ -8866,7 +8913,7 @@ function SkillTooltip(_a) {
         //bottomPart
         AddSubTexts(tooltipBaseProps.subInfoGroups, skill);
         AddBreakValue(tooltipBaseProps.subInfoGroups, skill);
-        AddSkillMastery(tooltipBaseProps.subInfoGroups, masteryPoints, masteryValue, masteryIsPercentage);
+        AddSkillMastery(tooltipBaseProps.subInfoGroups, masteryPoints, masteryIsCooldown);
         AddPvpModifiers(tooltipBaseProps.subInfoGroups, skill);
         AddBoundaries(tooltipBaseProps.subInfoGroups, skill);
         AddConditions(tooltipBaseProps.subInfoGroups, skill);
@@ -8918,8 +8965,11 @@ function AddBreakValue(subInfoGroups, skill) {
         });
     }
 }
-function AddSkillMastery(subInfoGroups, masteryPoints, masteryValue, masteryIsPercentage) {
-    if (masteryPoints == null || masteryPoints == 0 || masteryValue == null || masteryValue == 0)
+function AddSkillMastery(subInfoGroups, masteryPoints, masteryIsCooldown) {
+    if (masteryPoints == null || masteryPoints == 0)
+        return;
+    var masteryValue = GetSkillMasteryValue(masteryPoints, masteryIsCooldown);
+    if (masteryValue == null || masteryValue == 0)
         return;
     var formattedMasteryValue = Number.isInteger(masteryValue) ? masteryValue.toString() : masteryValue.toFixed(2).replace(',', '.');
     subInfoGroups.push({
@@ -8930,7 +8980,7 @@ function AddSkillMastery(subInfoGroups, masteryPoints, masteryValue, masteryIsPe
                     React__default["default"].createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, "Skill Grandmaster"),
                     React__default["default"].createElement("div", { className: "arcanemark" }),
                     React__default["default"].createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, masteryPoints)),
-                masteryIsPercentage ?
+                !masteryIsCooldown ?
                     React__default["default"].createElement("div", null,
                         "Damage increase:\u00A0",
                         React__default["default"].createElement("span", { className: "tooltipArg" },
@@ -9153,9 +9203,9 @@ var css_248z$5 = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.
 styleInject(css_248z$5);
 
 var SkillTooltipWrapper = function (_a) {
-    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, _j = _a.masteryValue, masteryValue = _j === void 0 ? 0 : _j, _k = _a.masteryIsPercentage, masteryIsPercentage = _k === void 0 ? false : _k;
+    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, _j = _a.masteryIsCooldown, masteryIsCooldown = _j === void 0 ? false : _j;
     var spanRef = React.useRef(null);
-    var _l = React.useState(null), childRef = _l[0], setChildRef = _l[1];
+    var _k = React.useState(null), childRef = _k[0], setChildRef = _k[1];
     /**
      * Mount the temporary span element.
      * retrieve and store the target element's reference.
@@ -9168,7 +9218,7 @@ var SkillTooltipWrapper = function (_a) {
     }, []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         children,
-        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(SkillTooltip, { data: data, debug: debug, masteryPoints: masteryPoints, masteryValue: masteryValue, masteryIsPercentage: masteryIsPercentage }), theme: "grade" + 4, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
+        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(SkillTooltip, { data: data, debug: debug, masteryPoints: masteryPoints, masteryIsCooldown: masteryIsCooldown }), theme: "grade" + 4, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
 };
 
 exports.ServerRegion = void 0;