bnstooltips 1.22.3 → 1.23.1

package/build/index.js

@@ -330,7 +330,7 @@ function GetSkillMasteryValue(points, arcaneInfo) {
         return 0;
     return arcaneInfo.IsCooldown
         ? GetSkillMasteryCdValueForPoints(points, arcaneInfo.CooldownBreakpoints)
-        : GetSkillMasteryValueForPoints(points, arcaneInfo.DamageSections);
+        : GetSkillMasteryDamageValueForPoints(points, arcaneInfo.DamageSections);
 }
 function GetSkillMasteryValue2(points, arcaneInfo) {
     if (points <= 0 || arcaneInfo == undefined || arcaneInfo == null)
@@ -339,7 +339,7 @@ function GetSkillMasteryValue2(points, arcaneInfo) {
         return 0; // No modification
     if (arcaneInfo.Type === 1) {
         // Damage modification
-        return GetSkillMasteryValueForPoints(points, arcaneInfo.Breakpoints);
+        return GetSkillMasteryDamageValueForPoints(points, arcaneInfo.Breakpoints);
     }
     if (arcaneInfo.Type === 2) {
         // Cooldown modification
@@ -376,7 +376,7 @@ function GetSkillMasteryCdValueForPoints(mastery, cooldownBreakpoints) {
  * @param damageSections - An object defining breakpoints and corresponding multipliers.
  * @returns The total bonus percentage.
  */
-function GetSkillMasteryValueForPoints(mastery, damageSections) {
+function GetSkillMasteryDamageValueForPoints(mastery, damageSections) {
     var bonus = 0; // Stores the accumulated bonus percentage
     var previousLimit = 0; // Keeps track of the previous breakpoint
     // Iterate over the damageSections object, sorted by its keys (breakpoints)
@@ -8755,7 +8755,7 @@ function JsonArrayToJsxArray(stringArray) {
     return jsxArray;
 }
 
-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}";
+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.tooltipArgDisabled {\n  color: rgba(255, 255, 255, 0.7) !important;\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}\n\n.arcaneContainer {\n  margin-top: 0.33rem;\n  display: flex;\n  flex-direction: column;\n  row-gap: 0.33rem;\n}\n\n.arcaneSection {\n  display: flex;\n  flex-direction: column;\n  row-gap: 0.25rem;\n}\n\n.arcaneRow {\n  display: flex;\n  align-items: center;\n}\n\n.arcanebackgroundFormat {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 0.25rem;\n}\n\n.arcanebackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url(\"./arcanebackground.png\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  filter: brightness(0) saturate(100%) invert(81%) sepia(98%) saturate(749%) hue-rotate(74deg) brightness(104%) contrast(101%);\n  z-index: 1;\n}\n\n.arcanebackgroundText {\n  position: relative;\n  z-index: 2;\n  font-size: 12px;\n  text-align: center;\n  width: 100%;\n  line-height: 24px;\n  pointer-events: none;\n}\n\n.arcanebackgroundDisabled {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url(\"./arcanebackground_disabled.png\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  z-index: 1;\n}";
 styleInject(css_248z$8);
 
 function getButtonIconPath(button) {
@@ -8951,6 +8951,7 @@ function SkillTooltip(_a) {
         AddBreakValue(tooltipBaseProps.subInfoGroups, skill);
         AddSkillMastery(tooltipBaseProps.subInfoGroups, masteryPoints, skill.ArcaneInfo, showZeroMastery);
         AddSkillMastery2(tooltipBaseProps.subInfoGroups, masteryPoints, skill.ArcaneInfo2, showZeroMastery);
+        AddSkillMastery3(tooltipBaseProps.subInfoGroups, masteryPoints, skill.ArcaneInfo3, showZeroMastery);
         AddSkillMasteryDiff(tooltipBaseProps.subInfoGroups, skill.ArcaneInfoDiffText);
         AddPvpModifiers(tooltipBaseProps.subInfoGroups, skill);
         AddBoundaries(tooltipBaseProps.subInfoGroups, skill);
@@ -9020,6 +9021,75 @@ function AddSkillMasteryDiff(subInfoGroups, arcaneInfoDiffText) {
         ],
     });
 }
+function AddSkillMastery3(subInfoGroups, masteryPoints, arcaneInfo3, showZeroMastery) {
+    if (showZeroMastery === void 0) { showZeroMastery = false; }
+    if (arcaneInfo3 == undefined ||
+        masteryPoints == null ||
+        (masteryPoints == 0 && !showZeroMastery) ||
+        arcaneInfo3 == null)
+        return;
+    var damageSectionCount = Object.keys(arcaneInfo3.DamageSections).length;
+    var damageMasteryValue = (damageSectionCount > 0
+        ? GetSkillMasteryDamageValueForPoints(masteryPoints, arcaneInfo3.DamageSections)
+        : 0)
+        .toFixed(2)
+        .replace(",", ".");
+    var cooldownBreakpointsCount = Object.keys(arcaneInfo3.CooldownBreakpoints).length;
+    var effectBreakpointsCount = Object.keys(arcaneInfo3.EffectBreakpoints).length;
+    subInfoGroups.push({
+        title: "",
+        texts: [
+            React__default["default"].createElement("div", null,
+                React__default["default"].createElement("div", { style: { display: "flex", alignItems: "center" } },
+                    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)),
+                React__default["default"].createElement("div", { className: "arcaneContainer" },
+                    damageSectionCount > 0 ? (React__default["default"].createElement("div", null,
+                        "Damage increase:\u00A0",
+                        React__default["default"].createElement("span", { className: "tooltipArg" },
+                            damageMasteryValue,
+                            "%"))) : null,
+                    cooldownBreakpointsCount > 0 ? (React__default["default"].createElement("div", { className: "arcaneSection" }, Object.entries(arcaneInfo3.CooldownBreakpoints).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        var numericKey = Number(key);
+                        return (React__default["default"].createElement("div", { className: "arcaneRow", key: key },
+                            React__default["default"].createElement("span", { className: "arcanebackgroundFormat" },
+                                React__default["default"].createElement("span", { className: masteryPoints >= numericKey
+                                        ? "arcanebackground"
+                                        : "arcanebackgroundDisabled" }),
+                                React__default["default"].createElement("span", { className: "arcanebackgroundText " +
+                                        (masteryPoints >= numericKey
+                                            ? "00008130.UI.Label_Green03_12"
+                                            : "tooltipArgDisabled") }, key)),
+                            React__default["default"].createElement("span", { className: masteryPoints >= numericKey
+                                    ? "00008130.UI.Label_Green03_12"
+                                    : "tooltipArgDisabled" },
+                                "Cooldown decreases by",
+                                " ",
+                                ((value * -1) / 1000).toFixed(1).replace(",", "."),
+                                " ",
+                                "sec.")));
+                    }))) : null,
+                    effectBreakpointsCount > 0 ? (React__default["default"].createElement("div", { className: "arcaneSection" }, Object.entries(arcaneInfo3.EffectBreakpoints).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        var numericKey = Number(key);
+                        return (React__default["default"].createElement("div", { className: "arcaneRow", key: key },
+                            React__default["default"].createElement("span", { className: "arcanebackgroundFormat" },
+                                React__default["default"].createElement("span", { className: masteryPoints >= numericKey
+                                        ? "arcanebackground"
+                                        : "arcanebackgroundDisabled" }),
+                                React__default["default"].createElement("span", { className: "arcanebackgroundText " +
+                                        (masteryPoints >= numericKey
+                                            ? "00008130.UI.Label_Green03_12"
+                                            : "tooltipArgDisabled") }, key)),
+                            React__default["default"].createElement("span", { className: masteryPoints >= numericKey
+                                    ? "00008130.UI.Label_Green03_12"
+                                    : "tooltipArgDisabled", dangerouslySetInnerHTML: { __html: value } })));
+                    }))) : null)),
+        ],
+    });
+}
 function AddSkillMastery2(subInfoGroups, masteryPoints, arcaneInfo2, showZeroMastery) {
     var _a;
     if (showZeroMastery === void 0) { showZeroMastery = false; }