bnstooltips 1.6.2 → 1.6.3
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/NpcTooltip/NpcTooltip.d.ts +5 -0
- package/build/NpcTooltip/NpcTooltip.types.d.ts +11 -0
- package/build/NpcTooltip/SubComponents/ItemBuyLimit.d.ts +6 -0
- package/build/NpcTooltip/SubComponents/Money.d.ts +5 -0
- package/build/NpcTooltip/SubComponents/NpcStoreEntry.d.ts +8 -0
- package/build/NpcTooltip/SubComponents/NpcStores.d.ts +9 -0
- package/build/NpcTooltip/SubComponents/StoreItemBuyPriceEntry.d.ts +8 -0
- package/build/NpcTooltip/SubComponents/StoreTogge.d.ts +8 -0
- package/build/NpcTooltip/SubComponents/StoreToggleBar.d.ts +8 -0
- package/build/Utilities/Helpers.d.ts +6 -0
- package/build/Utilities/INpc.d.ts +39 -0
- package/build/Utilities/ItemDownloadClient.d.ts +1 -1
- package/build/index.d.ts +2 -0
- package/build/index.es.js +281 -15
- package/build/index.es.js.map +1 -1
- package/build/index.js +281 -14
- package/build/index.js.map +1 -1
- package/build/itemapiclient/api.d.ts +12 -0
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ServerRegion } from "..";
|
|
2
|
+
import { INpc } from "../Utilities/INpc";
|
|
3
|
+
import { ItemDownloadClient } from "../Utilities/ItemDownloadClient";
|
|
4
|
+
export interface NpcTooltipProps {
|
|
5
|
+
npc: INpc;
|
|
6
|
+
region: ServerRegion;
|
|
7
|
+
grade?: number;
|
|
8
|
+
debug?: boolean;
|
|
9
|
+
client?: ItemDownloadClient;
|
|
10
|
+
fullHeight?: boolean;
|
|
11
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { INpcStoreEntry } from "../../Utilities/INpc";
|
|
3
|
+
import { ItemDownloadClient } from "../../Utilities/ItemDownloadClient";
|
|
4
|
+
declare function NpcStoreEntry({ data, client, }: {
|
|
5
|
+
data: INpcStoreEntry;
|
|
6
|
+
client: ItemDownloadClient;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
export default NpcStoreEntry;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { INpcStore } from "../../Utilities/INpc";
|
|
3
|
+
import { ItemDownloadClient } from "../../Utilities/ItemDownloadClient";
|
|
4
|
+
declare function NpcStores({ stores, activeTab, client, }: {
|
|
5
|
+
stores: INpcStore[];
|
|
6
|
+
activeTab: number;
|
|
7
|
+
client: ItemDownloadClient;
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
export default NpcStores;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ItemRefWithCount } from "../../itemapiclient";
|
|
3
|
+
import { ItemDownloadClient } from "../../Utilities/ItemDownloadClient";
|
|
4
|
+
declare function StoreItemBuyPriceEntry({ itemRef, client, }: {
|
|
5
|
+
itemRef: ItemRefWithCount;
|
|
6
|
+
client: ItemDownloadClient;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
export default StoreItemBuyPriceEntry;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { INpcStore } from "../../Utilities/INpc";
|
|
3
|
+
declare function StoreToggleBar({ stores, activeTab, setActiveTab, }: {
|
|
4
|
+
stores: INpcStore[];
|
|
5
|
+
activeTab: number;
|
|
6
|
+
setActiveTab: React.Dispatch<React.SetStateAction<number>>;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
export default StoreToggleBar;
|
|
@@ -7,3 +7,9 @@ export declare function ReplaceBossAndPvpAp(english: string): string;
|
|
|
7
7
|
export declare function GetRangeString(min: number, max?: number): string;
|
|
8
8
|
export declare function GetJobStyleNameString(jobstyle: string): string;
|
|
9
9
|
export declare function getNormalizedButton(skill: Skill): string;
|
|
10
|
+
export interface IBnsMoney {
|
|
11
|
+
Gold: number;
|
|
12
|
+
Silver: number;
|
|
13
|
+
Copper: number;
|
|
14
|
+
}
|
|
15
|
+
export declare function getMoneyObj(money: number): IBnsMoney | null;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { ItemRefWithCount } from "../itemapiclient";
|
|
2
|
+
export interface INpc {
|
|
3
|
+
Name: string;
|
|
4
|
+
Title?: string;
|
|
5
|
+
Alias: string;
|
|
6
|
+
AutoId: number;
|
|
7
|
+
Stores: INpcStore[];
|
|
8
|
+
}
|
|
9
|
+
export interface INpcStore {
|
|
10
|
+
Id: number;
|
|
11
|
+
Alias: string;
|
|
12
|
+
Name: string;
|
|
13
|
+
Icon: string;
|
|
14
|
+
Entries: INpcStoreEntry[];
|
|
15
|
+
}
|
|
16
|
+
export interface INpcStoreEntry {
|
|
17
|
+
Item: ItemRefWithCount;
|
|
18
|
+
Limit?: IBuyLimit;
|
|
19
|
+
BuyPrice: IBuyPrice;
|
|
20
|
+
}
|
|
21
|
+
export interface IBuyPrice {
|
|
22
|
+
Items?: ItemRefWithCount[];
|
|
23
|
+
Money?: number;
|
|
24
|
+
}
|
|
25
|
+
export interface IBuyLimit {
|
|
26
|
+
Amount: number;
|
|
27
|
+
LimitReset: BuyLimitReset;
|
|
28
|
+
LimitType: BuyLimitType;
|
|
29
|
+
}
|
|
30
|
+
export declare enum BuyLimitReset {
|
|
31
|
+
Day = 0,
|
|
32
|
+
Week = 1,
|
|
33
|
+
Month = 2,
|
|
34
|
+
Absolute = 3
|
|
35
|
+
}
|
|
36
|
+
export declare enum BuyLimitType {
|
|
37
|
+
Character = 0,
|
|
38
|
+
Account = 1
|
|
39
|
+
}
|
|
@@ -4,7 +4,7 @@ export declare class ItemDownloadClient {
|
|
|
4
4
|
private static urlBase;
|
|
5
5
|
private instance;
|
|
6
6
|
private patch;
|
|
7
|
-
|
|
7
|
+
region: ServerRegion;
|
|
8
8
|
constructor(region: ServerRegion, patch?: string);
|
|
9
9
|
GetNewItems(): Promise<api.BnsItemDto[]>;
|
|
10
10
|
GetModifiedItems(): Promise<api.BnsItemDto[]>;
|
package/build/index.d.ts
CHANGED
|
@@ -14,3 +14,5 @@ import { ServerRegion } from "./Utilities/Models";
|
|
|
14
14
|
export { ServerRegion };
|
|
15
15
|
import { GetCooldownString } from "./ItemTooltip/SubComponents/ItemCooldowns";
|
|
16
16
|
export { GetCooldownString };
|
|
17
|
+
import NpcTooltip from "./NpcTooltip/NpcTooltip";
|
|
18
|
+
export { NpcTooltip };
|
package/build/index.es.js
CHANGED
|
@@ -30,8 +30,8 @@ function styleInject(css, ref) {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
var css_248z$
|
|
34
|
-
styleInject(css_248z$
|
|
33
|
+
var css_248z$7 = "*[class*=\"00008130.UI.Label_LightYellow_12\"] {\n color: #ecd967 !important; }\n\n*[class*=\"00008130.UI.Vital_LightBlue\"] {\n color: #46bee1 !important;\n font-weight: 500 !important; }\n\n*[class*=\"00008130.UI.Label_Green03_12\"] {\n color: #58ff77 !important; }\n\n.TooltipBase_grade-none {\n color: #c2cadc; }\n\n.TooltipBase_grade-1 {\n color: #6c6c6c !important; }\n\n.TooltipBase_border-grade-1 {\n border-color: #6c6c6c !important; }\n\n.TooltipBase_border-hover-grade-1:hover {\n border-color: #6c6c6c !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_1\"] {\n color: #6c6c6c !important;\n border-color: #6c6c6c !important; }\n\n.TooltipBase_grade-2 {\n color: #ffffff !important; }\n\n.TooltipBase_border-grade-2 {\n border-color: #ffffff !important; }\n\n.TooltipBase_border-hover-grade-2:hover {\n border-color: #ffffff !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_2\"] {\n color: #ffffff !important;\n border-color: #ffffff !important; }\n\n.TooltipBase_grade-3 {\n color: #58ff77 !important; }\n\n.TooltipBase_border-grade-3 {\n border-color: #58ff77 !important; }\n\n.TooltipBase_border-hover-grade-3:hover {\n border-color: #58ff77 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_3\"] {\n color: #58ff77 !important;\n border-color: #58ff77 !important; }\n\n.TooltipBase_grade-4 {\n color: #46bee1 !important; }\n\n.TooltipBase_border-grade-4 {\n border-color: #46bee1 !important; }\n\n.TooltipBase_border-hover-grade-4:hover {\n border-color: #46bee1 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_4\"] {\n color: #46bee1 !important;\n border-color: #46bee1 !important; }\n\n.TooltipBase_grade-5 {\n color: #d739ff !important; }\n\n.TooltipBase_border-grade-5 {\n border-color: #d739ff !important; }\n\n.TooltipBase_border-hover-grade-5:hover {\n border-color: #d739ff !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_5\"] {\n color: #d739ff !important;\n border-color: #d739ff !important; }\n\n.TooltipBase_grade-6 {\n color: #f1b248 !important; }\n\n.TooltipBase_border-grade-6 {\n border-color: #f1b248 !important; }\n\n.TooltipBase_border-hover-grade-6:hover {\n border-color: #f1b248 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_6\"] {\n color: #f1b248 !important;\n border-color: #f1b248 !important; }\n\n.TooltipBase_grade-7 {\n color: #ff770a !important; }\n\n.TooltipBase_border-grade-7 {\n border-color: #ff770a !important; }\n\n.TooltipBase_border-hover-grade-7:hover {\n border-color: #ff770a !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_7\"] {\n color: #ff770a !important;\n border-color: #ff770a !important; }\n\n.TooltipBase_grade-8 {\n color: #ff0084 !important; }\n\n.TooltipBase_border-grade-8 {\n border-color: #ff0084 !important; }\n\n.TooltipBase_border-hover-grade-8:hover {\n border-color: #ff0084 !important; }\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_8\"] {\n color: #ff0084 !important;\n border-color: #ff0084 !important; }\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.TooltipBase_iconbg-grade-2 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_2.png\") no-repeat; }\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.TooltipBase_iconbg-grade-4 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_4.png\") no-repeat; }\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.TooltipBase_iconbg-grade-6 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_6.png\") no-repeat; }\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.TooltipBase_iconbg-grade-8 {\n background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_9.png\") no-repeat; }\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.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(3, 3, 3, 0.9);\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: #6c6c6c;\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: black 1px 1px 0; }\n\n.TooltipBase_containerFullHeight {\n height: 99%; }\n\n.TooltipBase_container::-webkit-scrollbar {\n display: none; }\n\n@media only screen and (max-width: 380px) {\n .TooltipBase_container {\n width: 100%; } }\n\n@supports not (backdrop-filter: brightness(1.5) blur(5px)) {\n .TooltipBase_container {\n background-color: rgba(0, 0, 0, 0.95); }\n .TooltipBase_container-loading {\n background-color: rgba(0, 0, 0, 0.95); } }\n\n.TooltipBase_container-loading {\n background-color: rgba(3, 3, 3, 0.9);\n backdrop-filter: brightness(1.5) blur(5px);\n -webkit-backdrop-filter: brightness(1.5) blur(5px);\n padding: 1rem; }\n\n.TooltipBase_titlesubtitle {\n display: flex;\n justify-content: space-between;\n margin-bottom: 1rem; }\n\n.TooltipBase_title {\n flex: 1;\n overflow: hidden;\n padding-right: 1rem; }\n\n.TooltipBase_title_text {\n font-size: 18px;\n text-shadow: black 1px 1px 0;\n font-weight: 500; }\n\n.TooltipBase_subtitle {\n text-align: end;\n font-size: 12px; }\n\n.TooltipBase_iconmaininfo {\n display: flex;\n margin-bottom: 0.8rem; }\n\n.TooltipBase_iconcontainer {\n margin-right: 0.5rem;\n margin-bottom: 0.25rem;\n float: left;\n position: relative; }\n\n.TooltipBase_iconBg {\n width: 64px;\n height: 64px;\n background-origin: content-box !important; }\n\n.TooltipBase_icon {\n width: calc(64px - (0px * 2));\n height: calc(64px - (0px * 2));\n padding: 0px; }\n\n.TooltipBase_maininfocontainer {\n font-size: 16px;\n font-weight: 500; }\n\n.TooltipBase_maininfocontainer > div:not(:last-child) {\n margin-bottom: 0.2rem; }\n\n.TooltipBase_fullwidthContainer {\n line-height: 17px; }\n\n.TooltipBase_fullwidthContainer > div:not(:last-child) {\n margin-bottom: 0.5rem; }\n\n.TooltipBase_fullwidthContainer-subContainer {\n font-size: 12px; }\n\n.TooltipBase_fullwidthContainer-subContainer > div:not(:last-child) {\n margin-bottom: 0.1rem; }\n\n.TooltipBase_flex {\n display: flex;\n align-items: center; }\n\n.TooltipBase_flex-col {\n display: flex;\n justify-content: center;\n flex-direction: column; }\n\n.TooltipBase_descriptions-description-title {\n font-weight: 500; }\n";
|
|
34
|
+
styleInject(css_248z$7);
|
|
35
35
|
|
|
36
36
|
function TooltipBase(_a) {
|
|
37
37
|
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;
|
|
@@ -133,8 +133,8 @@ function __generator(thisArg, body) {
|
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
var css_248z$
|
|
137
|
-
styleInject(css_248z$
|
|
136
|
+
var css_248z$6 = ".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_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 .ItemTooltip_jobstyleButton:hover {\n background-color: rgba(255, 255, 255, 0.2);\n opacity: 1; }\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_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_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@media only screen and (max-width: 380px) {\n .ItemTooltip_jobstyleButton {\n padding: 0.5rem; } }\n\n/**\r\n * ==============================================\r\n * Dot Elastic\r\n * ==============================================\r\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.dot-elastic::before,\n.dot-elastic::after {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 0; }\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.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@keyframes dotElasticBefore {\n 0% {\n transform: scale(1, 1); }\n 25% {\n transform: scale(1, 1.5); }\n 50% {\n transform: scale(1, 0.67); }\n 75% {\n transform: scale(1, 1); }\n 100% {\n transform: scale(1, 1); } }\n\n@keyframes dotElastic {\n 0% {\n transform: scale(1, 1); }\n 25% {\n transform: scale(1, 1); }\n 50% {\n transform: scale(1, 1.5); }\n 75% {\n transform: scale(1, 1); }\n 100% {\n transform: scale(1, 1); } }\n\n@keyframes dotElasticAfter {\n 0% {\n transform: scale(1, 1); }\n 25% {\n transform: scale(1, 1); }\n 50% {\n transform: scale(1, 0.67); }\n 75% {\n transform: scale(1, 1.5); }\n 100% {\n transform: scale(1, 1); } }\n";
|
|
137
|
+
styleInject(css_248z$6);
|
|
138
138
|
|
|
139
139
|
function BuildIconPath(iconPath, iconIndex) {
|
|
140
140
|
if (iconPath == null)
|
|
@@ -261,6 +261,49 @@ function getNormalizedButton(skill) {
|
|
|
261
261
|
if (compareButton === "R")
|
|
262
262
|
compareButton = "LMB";
|
|
263
263
|
return compareButton;
|
|
264
|
+
}
|
|
265
|
+
function getMoneyObj(money) {
|
|
266
|
+
var gold = 0;
|
|
267
|
+
var silver = 0;
|
|
268
|
+
var copper = 0;
|
|
269
|
+
if (money === 0)
|
|
270
|
+
return null;
|
|
271
|
+
var digits = money.toString().split('');
|
|
272
|
+
var realDigits = digits.map(Number);
|
|
273
|
+
var i = 0;
|
|
274
|
+
var subCurrencyIndex = [0, 0, 0];
|
|
275
|
+
var digitIndex = digits.length - 1;
|
|
276
|
+
while (digitIndex >= 0) {
|
|
277
|
+
//copper
|
|
278
|
+
if (i < 2) {
|
|
279
|
+
var value = realDigits[digitIndex] * Math.pow(10, subCurrencyIndex[0]);
|
|
280
|
+
copper += value;
|
|
281
|
+
subCurrencyIndex[0] = subCurrencyIndex[0] + 1;
|
|
282
|
+
i++;
|
|
283
|
+
digitIndex--;
|
|
284
|
+
continue;
|
|
285
|
+
}
|
|
286
|
+
//silver
|
|
287
|
+
if (i < 4) {
|
|
288
|
+
var value = realDigits[digitIndex] * Math.pow(10, subCurrencyIndex[1]);
|
|
289
|
+
silver += value;
|
|
290
|
+
subCurrencyIndex[1] = subCurrencyIndex[1] + 1;
|
|
291
|
+
i++;
|
|
292
|
+
digitIndex--;
|
|
293
|
+
continue;
|
|
294
|
+
}
|
|
295
|
+
//gold
|
|
296
|
+
var value = realDigits[digitIndex] * Math.pow(10, subCurrencyIndex[2]);
|
|
297
|
+
gold += value;
|
|
298
|
+
subCurrencyIndex[2] = subCurrencyIndex[2] + 1;
|
|
299
|
+
i++;
|
|
300
|
+
digitIndex--;
|
|
301
|
+
}
|
|
302
|
+
return {
|
|
303
|
+
Copper: copper,
|
|
304
|
+
Gold: gold,
|
|
305
|
+
Silver: silver
|
|
306
|
+
};
|
|
264
307
|
}
|
|
265
308
|
|
|
266
309
|
/// <reference path="./custom.d.ts" />
|
|
@@ -1372,8 +1415,8 @@ function SetBonus(props) {
|
|
|
1372
1415
|
React.createElement(SkillModifiers, { jobstyle: jobstyle, isSetBonus: true, skillModifierGroups: setStage.skillModifiers })))); })))));
|
|
1373
1416
|
}
|
|
1374
1417
|
|
|
1375
|
-
var css_248z$
|
|
1376
|
-
styleInject(css_248z$
|
|
1418
|
+
var css_248z$5 = ".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 .tippy-box:hover {\n box-shadow: black 0px 20px 60px 0px !important; }\n\n.tippy-content {\n padding: 0 !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff0084 !important; }\n";
|
|
1419
|
+
styleInject(css_248z$5);
|
|
1377
1420
|
|
|
1378
1421
|
var top = 'top';
|
|
1379
1422
|
var bottom = 'bottom';
|
|
@@ -5497,8 +5540,8 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
5497
5540
|
|
|
5498
5541
|
var Tippy = index;
|
|
5499
5542
|
|
|
5500
|
-
var css_248z$
|
|
5501
|
-
styleInject(css_248z$
|
|
5543
|
+
var css_248z$4 = ".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}";
|
|
5544
|
+
styleInject(css_248z$4);
|
|
5502
5545
|
|
|
5503
5546
|
var ItemTooltipWrapper = function (_a) {
|
|
5504
5547
|
var data = _a.data, region = _a.region, children = _a.children, client = _a.client, _b = _a.offline, offline = _b === void 0 ? false : _b, _c = _a.interactive, interactive = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? "right" : _d, _e = _a.debug, debug = _e === void 0 ? false : _e, jobstyleOverride = _a.jobstyleOverride, _f = _a.followCursor, followCursor$1 = _f === void 0 ? false : _f, _g = _a.trigger, trigger = _g === void 0 ? "mouseenter focus" : _g, _h = _a.showArrow, showArrow = _h === void 0 ? true : _h;
|
|
@@ -5727,6 +5770,7 @@ function ItemTooltip(_a) {
|
|
|
5727
5770
|
if (!offline) {
|
|
5728
5771
|
AddDecomposeResults(tooltipBaseProps.subInfoGroups, item, client, region);
|
|
5729
5772
|
}
|
|
5773
|
+
AddUnityPoints(tooltipBaseProps.subInfoGroups, item);
|
|
5730
5774
|
AddDescriptions(tooltipBaseProps.subInfoGroups, item);
|
|
5731
5775
|
AddFlavorText(tooltipBaseProps.subInfoGroups, item);
|
|
5732
5776
|
AddItemUsableGroup(tooltipBaseProps.subInfoGroups, item);
|
|
@@ -5939,10 +5983,29 @@ function AddAccountTransferResult(subInfoGroups, item, client, region) {
|
|
|
5939
5983
|
title: "Can be transferred with:",
|
|
5940
5984
|
texts: [React.createElement(AccountTransfer, { region: region, item: item, client: client })],
|
|
5941
5985
|
});
|
|
5986
|
+
}
|
|
5987
|
+
function AddUnityPoints(subInfoGroups, item) {
|
|
5988
|
+
if (item.setPoints == null || item.refinementPoints == null)
|
|
5989
|
+
return;
|
|
5990
|
+
if (item.setPoints === 0)
|
|
5991
|
+
return;
|
|
5992
|
+
if (item.refinementPoints === 0)
|
|
5993
|
+
return;
|
|
5994
|
+
subInfoGroups.push({
|
|
5995
|
+
title: "",
|
|
5996
|
+
texts: [
|
|
5997
|
+
React.createElement("span", null,
|
|
5998
|
+
"Splendor Stone Set Points: ",
|
|
5999
|
+
item.setPoints),
|
|
6000
|
+
React.createElement("span", null,
|
|
6001
|
+
"Splendor Stone Refinement Points: ",
|
|
6002
|
+
item.refinementPoints),
|
|
6003
|
+
],
|
|
6004
|
+
});
|
|
5942
6005
|
}
|
|
5943
6006
|
|
|
5944
|
-
var css_248z$
|
|
5945
|
-
styleInject(css_248z$
|
|
6007
|
+
var css_248z$3 = "";
|
|
6008
|
+
styleInject(css_248z$3);
|
|
5946
6009
|
|
|
5947
6010
|
function JsonTooltip(props) {
|
|
5948
6011
|
var tooltipProps = {
|
|
@@ -5978,8 +6041,8 @@ function JsonArrayToJsxArray(stringArray) {
|
|
|
5978
6041
|
return jsxArray;
|
|
5979
6042
|
}
|
|
5980
6043
|
|
|
5981
|
-
var css_248z$
|
|
5982
|
-
styleInject(css_248z$
|
|
6044
|
+
var css_248z$2 = ".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\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.tooltipArg {\n color: #46bee1;\n font-weight: 600; }\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.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.laser {\n background-image: url(\"./laser.png\");\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: auto 64px; }\n";
|
|
6045
|
+
styleInject(css_248z$2);
|
|
5983
6046
|
|
|
5984
6047
|
function getButtonIconPath(button) {
|
|
5985
6048
|
var _a;
|
|
@@ -6255,8 +6318,8 @@ function AddIds(subInfoGroups, skill) {
|
|
|
6255
6318
|
});
|
|
6256
6319
|
}
|
|
6257
6320
|
|
|
6258
|
-
var css_248z = ".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 .tippy-box:hover {\n box-shadow: black 0px 20px 60px 0px !important; }\n\n.tippy-content {\n padding: 0 !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff0084 !important; }\n";
|
|
6259
|
-
styleInject(css_248z);
|
|
6321
|
+
var css_248z$1 = ".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 .tippy-box:hover {\n box-shadow: black 0px 20px 60px 0px !important; }\n\n.tippy-content {\n padding: 0 !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff0084 !important; }\n";
|
|
6322
|
+
styleInject(css_248z$1);
|
|
6260
6323
|
|
|
6261
6324
|
var SkillTooltipWrapper = function (_a) {
|
|
6262
6325
|
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;
|
|
@@ -6283,5 +6346,208 @@ var ServerRegion;
|
|
|
6283
6346
|
ServerRegion["Korea"] = "Korea";
|
|
6284
6347
|
})(ServerRegion || (ServerRegion = {}));
|
|
6285
6348
|
|
|
6286
|
-
|
|
6349
|
+
var css_248z = ".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 .NpcTooltip_toggleButton:hover {\n background-color: rgba(255, 255, 255, 0.2);\n opacity: 1; }\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 .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 .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 .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 .NpcTooltip_itemBuyPriceEntryContainer img {\n width: 32px;\n height: 32px; }\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 .NpcTooltip_moneyContainer > span {\n display: flex;\n align-items: center; }\n .NpcTooltip_moneyContainer > span:not(:first-child) {\n margin-left: 0.1rem; }\n .NpcTooltip_moneyContainer > span > img {\n width: 16px;\n height: 16px; }\n";
|
|
6350
|
+
styleInject(css_248z);
|
|
6351
|
+
|
|
6352
|
+
function StoreToggle(_a) {
|
|
6353
|
+
var store = _a.store, isActive = _a.isActive, setActive = _a.setActive;
|
|
6354
|
+
return (React.createElement("button", { className: "NpcTooltip_toggleButton " +
|
|
6355
|
+
(isActive ? "NpcTooltip_toggleButton-active" : ""), onClick: setActive },
|
|
6356
|
+
React.createElement("span", null, store.Name)));
|
|
6357
|
+
}
|
|
6358
|
+
|
|
6359
|
+
function StoreToggleBar(_a) {
|
|
6360
|
+
var stores = _a.stores, activeTab = _a.activeTab, setActiveTab = _a.setActiveTab;
|
|
6361
|
+
return (React.createElement("div", { className: "NpcTooltip_toggleBarContainer" }, stores.map(function (store, i) { return (React.createElement(StoreToggle, { key: i, store: store, isActive: activeTab === i, setActive: function () { return setActiveTab(i); } })); })));
|
|
6362
|
+
}
|
|
6363
|
+
|
|
6364
|
+
var BuyLimitReset;
|
|
6365
|
+
(function (BuyLimitReset) {
|
|
6366
|
+
BuyLimitReset[BuyLimitReset["Day"] = 0] = "Day";
|
|
6367
|
+
BuyLimitReset[BuyLimitReset["Week"] = 1] = "Week";
|
|
6368
|
+
BuyLimitReset[BuyLimitReset["Month"] = 2] = "Month";
|
|
6369
|
+
BuyLimitReset[BuyLimitReset["Absolute"] = 3] = "Absolute";
|
|
6370
|
+
})(BuyLimitReset || (BuyLimitReset = {}));
|
|
6371
|
+
var BuyLimitType;
|
|
6372
|
+
(function (BuyLimitType) {
|
|
6373
|
+
BuyLimitType[BuyLimitType["Character"] = 0] = "Character";
|
|
6374
|
+
BuyLimitType[BuyLimitType["Account"] = 1] = "Account";
|
|
6375
|
+
})(BuyLimitType || (BuyLimitType = {}));
|
|
6376
|
+
|
|
6377
|
+
function ItemBuyLimit(_a) {
|
|
6378
|
+
var limit = _a.limit;
|
|
6379
|
+
if (limit == null)
|
|
6380
|
+
return null;
|
|
6381
|
+
return (React.createElement("div", { className: "NpcTooltip_storeEntryItemLimit" }, GetStringForBuyLimitType(limit.LimitType) +
|
|
6382
|
+
"Limit: " +
|
|
6383
|
+
limit.Amount +
|
|
6384
|
+
"/" +
|
|
6385
|
+
GetStringForBuyLimitReset(limit.LimitReset)));
|
|
6386
|
+
}
|
|
6387
|
+
function GetStringForBuyLimitType(type) {
|
|
6388
|
+
switch (type) {
|
|
6389
|
+
case BuyLimitType.Account:
|
|
6390
|
+
return "Account ";
|
|
6391
|
+
case BuyLimitType.Character:
|
|
6392
|
+
return "Character ";
|
|
6393
|
+
default:
|
|
6394
|
+
return "";
|
|
6395
|
+
}
|
|
6396
|
+
}
|
|
6397
|
+
function GetStringForBuyLimitReset(reset) {
|
|
6398
|
+
switch (reset) {
|
|
6399
|
+
case BuyLimitReset.Day:
|
|
6400
|
+
return "Day";
|
|
6401
|
+
case BuyLimitReset.Week:
|
|
6402
|
+
return "Week ";
|
|
6403
|
+
case BuyLimitReset.Month:
|
|
6404
|
+
return "Month";
|
|
6405
|
+
default:
|
|
6406
|
+
return "";
|
|
6407
|
+
}
|
|
6408
|
+
}
|
|
6409
|
+
|
|
6410
|
+
function Money(_a) {
|
|
6411
|
+
var money = _a.money;
|
|
6412
|
+
var bnsmoney = getMoneyObj(money);
|
|
6413
|
+
if (bnsmoney == null)
|
|
6414
|
+
return null;
|
|
6415
|
+
return (React.createElement("div", { className: "NpcTooltip_moneyContainer" },
|
|
6416
|
+
bnsmoney.Gold > 0 ? (React.createElement("span", null,
|
|
6417
|
+
bnsmoney.Gold,
|
|
6418
|
+
React.createElement("img", { src: BuildIconPath("gold"), alt: "" }))) : null,
|
|
6419
|
+
bnsmoney.Silver > 0 ? (React.createElement("span", null,
|
|
6420
|
+
bnsmoney.Silver,
|
|
6421
|
+
React.createElement("img", { src: BuildIconPath("silver"), alt: "" }))) : null,
|
|
6422
|
+
bnsmoney.Copper > 0 ? (React.createElement("span", null,
|
|
6423
|
+
bnsmoney.Copper,
|
|
6424
|
+
React.createElement("img", { src: BuildIconPath("copper"), alt: "" }))) : null));
|
|
6425
|
+
}
|
|
6426
|
+
|
|
6427
|
+
function StoreItemBuyPriceEntry(_a) {
|
|
6428
|
+
var _this = this;
|
|
6429
|
+
var itemRef = _a.itemRef, client = _a.client;
|
|
6430
|
+
var _b = useState(), item = _b[0], setItem = _b[1];
|
|
6431
|
+
useEffect(function () {
|
|
6432
|
+
if (client == null)
|
|
6433
|
+
return;
|
|
6434
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
6435
|
+
var _a;
|
|
6436
|
+
return __generator(this, function (_b) {
|
|
6437
|
+
switch (_b.label) {
|
|
6438
|
+
case 0:
|
|
6439
|
+
_a = setItem;
|
|
6440
|
+
return [4 /*yield*/, client.GetItem(itemRef.itemId, itemRef.itemLevel)];
|
|
6441
|
+
case 1:
|
|
6442
|
+
_a.apply(void 0, [_b.sent()]);
|
|
6443
|
+
return [2 /*return*/];
|
|
6444
|
+
}
|
|
6445
|
+
});
|
|
6446
|
+
}); })();
|
|
6447
|
+
}, [itemRef, client]);
|
|
6448
|
+
return (React.createElement("div", { className: "NpcTooltip_itemBuyPriceEntry" }, item ? (React.createElement(ItemTooltipWrapper, { trigger: "click", data: item, region: client.region, client: client },
|
|
6449
|
+
React.createElement("div", { className: "NpcTooltip_itemBuyPriceEntryContainer" },
|
|
6450
|
+
React.createElement("div", { className: "NpcTooltip_itemBuyPriceEntryContainer-shadow" }),
|
|
6451
|
+
React.createElement("img", { className: "TooltipBase_iconbg-grade-" + item.grade, src: BuildIconPath(item.icon.iconPath), alt: "" }),
|
|
6452
|
+
React.createElement("div", { className: "NpcTooltip_itemBuyPriceEntryCount" },
|
|
6453
|
+
React.createElement("span", null, itemRef.min))))) : null));
|
|
6454
|
+
}
|
|
6455
|
+
|
|
6456
|
+
function NpcStoreEntry(_a) {
|
|
6457
|
+
var _this = this;
|
|
6458
|
+
var _b, _c;
|
|
6459
|
+
var data = _a.data, client = _a.client;
|
|
6460
|
+
var _d = useState(), item = _d[0], setItem = _d[1];
|
|
6461
|
+
useEffect(function () {
|
|
6462
|
+
if (client == null)
|
|
6463
|
+
return;
|
|
6464
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
6465
|
+
var res;
|
|
6466
|
+
return __generator(this, function (_a) {
|
|
6467
|
+
switch (_a.label) {
|
|
6468
|
+
case 0: return [4 /*yield*/, client.GetItem(data.Item.itemId, data.Item.itemLevel)];
|
|
6469
|
+
case 1:
|
|
6470
|
+
res = _a.sent();
|
|
6471
|
+
setItem(res);
|
|
6472
|
+
return [2 /*return*/];
|
|
6473
|
+
}
|
|
6474
|
+
});
|
|
6475
|
+
}); })();
|
|
6476
|
+
}, [data, client]);
|
|
6477
|
+
if (item != undefined) {
|
|
6478
|
+
return (React.createElement("div", { className: "NpcTooltip_storeEntry" },
|
|
6479
|
+
React.createElement("div", { className: "NpcTooltip_storeEntryItemIconName" },
|
|
6480
|
+
React.createElement(ItemTooltipWrapper, { data: item, client: client, region: client.region, trigger: "click" },
|
|
6481
|
+
React.createElement("img", { className: "TooltipBase_iconbg-grade-" + item.grade, src: BuildIconPath(item.icon.iconPath), alt: "" })),
|
|
6482
|
+
React.createElement("div", { className: "NpcTooltip_storeEntryItemNameLimit" },
|
|
6483
|
+
React.createElement("div", { className: "NpcTooltip_storeEntryItemName TooltipBase_grade-" + item.grade, dangerouslySetInnerHTML: { __html: item.name } }),
|
|
6484
|
+
React.createElement(ItemBuyLimit, { limit: data.Limit }))),
|
|
6485
|
+
React.createElement("div", { className: "NpcTooltip_itemBuyPriceEntriesContainer" },
|
|
6486
|
+
((_b = data.BuyPrice.Items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement("div", { className: "NpcTooltip_itemBuyPriceEntries " +
|
|
6487
|
+
(data.BuyPrice.Money > 0
|
|
6488
|
+
? "NpcTooltip_itemBuyPriceEntries-moneyMargin"
|
|
6489
|
+
: "") }, (_c = data.BuyPrice.Items) === null || _c === void 0 ? void 0 : _c.map(function (itemCountRef, i) { return (React.createElement(StoreItemBuyPriceEntry, { itemRef: itemCountRef, client: client, key: i })); }))) : null,
|
|
6490
|
+
React.createElement(Money, { money: data.BuyPrice.Money }))));
|
|
6491
|
+
}
|
|
6492
|
+
else {
|
|
6493
|
+
return null;
|
|
6494
|
+
}
|
|
6495
|
+
}
|
|
6496
|
+
|
|
6497
|
+
function NpcStores(_a) {
|
|
6498
|
+
var stores = _a.stores, activeTab = _a.activeTab, client = _a.client;
|
|
6499
|
+
var activeStore = stores[activeTab];
|
|
6500
|
+
return (React.createElement("div", null, activeStore.Entries.map(function (entry, i) { return (React.createElement(NpcStoreEntry, { key: i, data: entry, client: client })); })));
|
|
6501
|
+
}
|
|
6502
|
+
|
|
6503
|
+
function NpcTooltip(_a) {
|
|
6504
|
+
var _this = this;
|
|
6505
|
+
var _b;
|
|
6506
|
+
var clientProp = _a.client, npc = _a.npc; _a.debug; var region = _a.region, _c = _a.grade, grade = _c === void 0 ? 4 : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d;
|
|
6507
|
+
var _e = useState(0), activeTab = _e[0], setActiveTab = _e[1];
|
|
6508
|
+
var _f = useState(), client = _f[0], setClient = _f[1];
|
|
6509
|
+
useEffect(function () {
|
|
6510
|
+
if (clientProp == undefined) {
|
|
6511
|
+
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
6512
|
+
return __generator(this, function (_a) {
|
|
6513
|
+
setClient(new ItemDownloadClient(region));
|
|
6514
|
+
return [2 /*return*/];
|
|
6515
|
+
});
|
|
6516
|
+
}); })();
|
|
6517
|
+
}
|
|
6518
|
+
else {
|
|
6519
|
+
setClient(clientProp);
|
|
6520
|
+
}
|
|
6521
|
+
}, []);
|
|
6522
|
+
var tooltipBaseProps = {
|
|
6523
|
+
title: npc.Name,
|
|
6524
|
+
grade: grade,
|
|
6525
|
+
id: npc.Alias,
|
|
6526
|
+
subtitle: (_b = npc.Title) !== null && _b !== void 0 ? _b : "",
|
|
6527
|
+
fullHeight: fullHeight,
|
|
6528
|
+
subInfoGroups: [],
|
|
6529
|
+
};
|
|
6530
|
+
//no top part
|
|
6531
|
+
AddStoreToggles(tooltipBaseProps.subInfoGroups, npc.Stores, activeTab, setActiveTab);
|
|
6532
|
+
AddStores(tooltipBaseProps.subInfoGroups, npc.Stores, activeTab, client);
|
|
6533
|
+
return React.createElement(TooltipBase, __assign({}, tooltipBaseProps));
|
|
6534
|
+
}
|
|
6535
|
+
function AddStoreToggles(subInfoGroups, Stores, activeTab, setActiveTab) {
|
|
6536
|
+
subInfoGroups.push({
|
|
6537
|
+
title: "",
|
|
6538
|
+
texts: [
|
|
6539
|
+
React.createElement(StoreToggleBar, { stores: Stores, activeTab: activeTab, setActiveTab: setActiveTab }),
|
|
6540
|
+
],
|
|
6541
|
+
});
|
|
6542
|
+
}
|
|
6543
|
+
function AddStores(subInfoGroups, Stores, activeTab, client) {
|
|
6544
|
+
subInfoGroups.push({
|
|
6545
|
+
title: "",
|
|
6546
|
+
texts: [
|
|
6547
|
+
React.createElement(NpcStores, { stores: Stores, activeTab: activeTab, client: client }),
|
|
6548
|
+
],
|
|
6549
|
+
});
|
|
6550
|
+
}
|
|
6551
|
+
|
|
6552
|
+
export { GetCooldownString, ItemTooltip, ItemTooltipWrapper, JsonTooltip, NpcTooltip, ServerRegion, SkillTooltip, SkillTooltipWrapper, TooltipBase };
|
|
6287
6553
|
//# sourceMappingURL=index.es.js.map
|