bnstooltips 1.22.2 → 1.23.0

package/build/Utilities/Helpers.d.ts

@@ -15,3 +15,21 @@ export interface IBnsMoney {
 export declare function getMoneyObj(money: number): IBnsMoney | null;
 export declare function GetSkillMasteryValue(points: number, arcaneInfo: SkillArcaneInfo): number;
 export declare function GetSkillMasteryValue2(points: number, arcaneInfo: SkillArcaneInfo2 | undefined): number;
+/**
+ * Calculates the cooldown reduction value based on skill mastery points and defined breakpoints.
+ *
+ * @param mastery - The total skill mastery points.
+ * @param cooldownBreakpoints - An object mapping breakpoints to their corresponding cooldown reduction values.
+ * @returns The total cooldown reduction value.
+ */
+export declare function GetSkillMasteryCdValueForPoints(mastery: number, cooldownBreakpoints: {
+    [id: number]: number;
+}): number;
+/**
+ * Calculates the total skill bonus based on mastery points and the given damage sections.
+ *
+ * @param mastery - The total mastery points.
+ * @param damageSections - An object defining breakpoints and corresponding multipliers.
+ * @returns The total bonus percentage.
+ */
+export declare function GetSkillMasteryDamageValueForPoints(mastery: number, damageSections: Record<number, number>): number;

package/build/Utilities/ISkill.d.ts

@@ -27,8 +27,21 @@ export interface Skill {
     RealEffects: RealEffects;
     ArcaneInfo?: SkillArcaneInfo;
     ArcaneInfo2?: SkillArcaneInfo2;
+    ArcaneInfo3?: SkillArcaneInfo3;
     ArcaneInfoDiffText?: string;
 }
+export interface SkillArcaneInfo3 {
+    ArcaneScore: number;
+    DamageSections: {
+        [id: number]: number;
+    };
+    CooldownBreakpoints: {
+        [id: number]: number;
+    };
+    EffectBreakpoints: {
+        [id: number]: string;
+    };
+}
 export declare enum ArcaneModifyType {
     None = 0,
     Damage = 1,

package/build/index.es.js

@@ -322,7 +322,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)
@@ -331,7 +331,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
@@ -368,7 +368,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)
@@ -8747,7 +8747,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: 22px;\n  height: 22px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 0.25rem;\n  padding: 0 0.2rem;\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) {
@@ -8943,6 +8943,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);
@@ -9000,12 +9001,84 @@ function AddSkillMasteryDiff(subInfoGroups, arcaneInfoDiffText) {
     if (arcaneInfoDiffText == undefined || arcaneInfoDiffText == "")
         return;
     subInfoGroups.push({
-        title: "Skill Grandmaster",
+        title: "",
+        texts: [
+            React.createElement("div", null,
+                React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+                    React.createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, "Skill Grandmaster"),
+                    React.createElement("div", { className: "arcanemark" }),
+                    React.createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, 0)),
+                React.createElement("div", null,
+                    React.createElement("span", { dangerouslySetInnerHTML: { __html: 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.createElement("div", null,
-                React.createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, "Skill Grandmaster"),
-                React.createElement("div", { className: "arcanemark", style: { marginLeft: "5px", marginRight: "5px" } }),
-                React.createElement("span", { dangerouslySetInnerHTML: { __html: arcaneInfoDiffText } })),
+                React.createElement("div", { style: { display: "flex", alignItems: "center" } },
+                    React.createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, "Skill Grandmaster"),
+                    React.createElement("div", { className: "arcanemark" }),
+                    React.createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, masteryPoints)),
+                React.createElement("div", { className: "arcaneContainer" },
+                    damageSectionCount > 0 ? (React.createElement("div", null,
+                        "Damage increase:\u00A0",
+                        React.createElement("span", { className: "tooltipArg" },
+                            damageMasteryValue,
+                            "%"))) : null,
+                    cooldownBreakpointsCount > 0 ? (React.createElement("div", { className: "arcaneSection" }, Object.entries(arcaneInfo3.CooldownBreakpoints).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        var numericKey = Number(key);
+                        return (React.createElement("div", { className: "arcaneRow", key: key },
+                            React.createElement("span", { className: "arcanebackgroundFormat" },
+                                React.createElement("span", { className: masteryPoints >= numericKey
+                                        ? "arcanebackground"
+                                        : "arcanebackgroundDisabled" }),
+                                React.createElement("span", { className: "arcanebackgroundText " +
+                                        (masteryPoints >= numericKey
+                                            ? "00008130.UI.Label_Green03_12"
+                                            : "tooltipArgDisabled") }, key)),
+                            React.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.createElement("div", { className: "arcaneSection" }, Object.entries(arcaneInfo3.EffectBreakpoints).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        var numericKey = Number(key);
+                        return (React.createElement("div", { className: "arcaneRow", key: key },
+                            React.createElement("span", { className: "arcanebackgroundFormat" },
+                                React.createElement("span", { className: masteryPoints >= numericKey
+                                        ? "arcanebackground"
+                                        : "arcanebackgroundDisabled" }),
+                                React.createElement("span", { className: "arcanebackgroundText " +
+                                        (masteryPoints >= numericKey
+                                            ? "00008130.UI.Label_Green03_12"
+                                            : "tooltipArgDisabled") }, key)),
+                            React.createElement("span", { className: masteryPoints >= numericKey
+                                    ? "00008130.UI.Label_Green03_12"
+                                    : "tooltipArgDisabled", dangerouslySetInnerHTML: { __html: value } })));
+                    }))) : null)),
         ],
     });
 }