bnstooltips 1.8.1 → 1.8.4
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/index.es.js +42 -30
- package/build/index.es.js.map +1 -1
- package/build/index.js +42 -30
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -5547,7 +5547,7 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
5547
5547
|
|
|
5548
5548
|
var Tippy = index;
|
|
5549
5549
|
|
|
5550
|
-
var css_248z$9 = ".ItemImproveTooltip_PrevCurNext {\n display: flex;\n align-items: center;\n justify-content: center; }\n .ItemImproveTooltip_PrevCurNext_container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 90%; }\n .ItemImproveTooltip_PrevCurNext_container > div {\n margin: 0 .5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChild {\n flex: 3; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra {\n flex: 3.5; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container {\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border: solid 1px rgba(
|
|
5550
|
+
var css_248z$9 = ".ItemImproveTooltip_PrevCurNext {\n display: flex;\n align-items: center;\n justify-content: center; }\n .ItemImproveTooltip_PrevCurNext_container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 90%; }\n .ItemImproveTooltip_PrevCurNext_container > div {\n margin: 0 .5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChild {\n flex: 3; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra {\n flex: 3.5; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container {\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border: solid 1px rgba(108, 108, 108, 0.6);\n border-radius: 3px;\n padding: 1rem 0;\n cursor: pointer;\n opacity: .8; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow:hover {\n opacity: 1;\n filter: brightness(1.5); }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild {\n flex: 1; }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild_arrowButton {\n cursor: pointer;\n opacity: .8; }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild_arrowButton:hover {\n opacity: 1;\n filter: brightness(1.5); }\n\n.ItemImproveTooltip_ItemWithText {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_ItemWithText_icon {\n width: 56px;\n height: 56px; }\n .ItemImproveTooltip_ItemWithText_iconSmall {\n width: 40px;\n height: 40px; }\n .ItemImproveTooltip_ItemWithText_iconPad {\n border-width: 2px;\n border-color: rgba(108, 108, 108, 0.6);\n border-style: solid;\n border-radius: 3px;\n padding: 1px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_ItemWithText_name {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center; }\n\n.ItemImproveUpgradeCost {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-top: 2rem;\n margin-bottom: 1rem; }\n .ItemImproveUpgradeCost_title {\n text-align: center;\n font-size: 18px;\n padding-top: 1rem; }\n .ItemImproveUpgradeCost > div {\n width: 100%; }\n .ItemImproveUpgradeCost_money {\n margin-top: .5rem; }\n\n.SubCostSelector {\n display: flex;\n justify-content: center;\n align-items: stretch;\n margin-top: .5rem;\n margin-bottom: .5rem;\n overflow-x: auto; }\n .SubCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 2; }\n\n.MainCostSelector {\n margin: .33rem 0 .5rem 0;\n display: flex;\n justify-content: center;\n align-items: stretch; }\n .MainCostSelector_or {\n flex: 0 1 0px !important;\n padding: 0 2rem;\n font-size: 18px; }\n .MainCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1; }\n .MainCostSelector_warning {\n min-height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center; }\n .MainCostSelector_warning_active {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: .5rem; }\n .MainCostSelector_container {\n display: flex;\n flex-direction: column;\n padding: 0 .1rem .33rem .1rem; }\n .MainCostSelector_container_space {\n flex: 1;\n margin: 0 0 .1rem 0; }\n";
|
|
5551
5551
|
styleInject(css_248z$9);
|
|
5552
5552
|
|
|
5553
5553
|
var css_248z$8 = ".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: rgba(0, 0, 0, 0.8) 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";
|
|
@@ -5579,6 +5579,8 @@ function ItemWithText(_a) {
|
|
|
5579
5579
|
var borderClass = _a.borderClass, itemProp = _a.item, itemLevel = _a.itemLevel, itemId = _a.itemId, client = _a.client, region = _a.region, tooltip = _a.tooltip, _d = _a.small, small = _d === void 0 ? false : _d;
|
|
5580
5580
|
var _e = useState(), item = _e[0], setItem = _e[1];
|
|
5581
5581
|
useEffect(function () {
|
|
5582
|
+
if (client == null)
|
|
5583
|
+
return;
|
|
5582
5584
|
if (itemProp == null) {
|
|
5583
5585
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
5584
5586
|
var _a;
|
|
@@ -5597,7 +5599,7 @@ function ItemWithText(_a) {
|
|
|
5597
5599
|
else {
|
|
5598
5600
|
setItem(itemProp);
|
|
5599
5601
|
}
|
|
5600
|
-
}, [itemProp, itemId, itemLevel]);
|
|
5602
|
+
}, [itemProp, itemId, itemLevel, client]);
|
|
5601
5603
|
if (item == null)
|
|
5602
5604
|
return null;
|
|
5603
5605
|
return (React.createElement("div", { className: "ItemImproveTooltip_ItemWithText" },
|
|
@@ -5694,17 +5696,17 @@ function PrevCurNext(_a) {
|
|
|
5694
5696
|
if (nextItem.itemImprove != null)
|
|
5695
5697
|
NavigateTo(nextItem);
|
|
5696
5698
|
} },
|
|
5697
|
-
React.createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up"))
|
|
5699
|
+
React.createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up")))
|
|
5700
|
+
: null),
|
|
5701
|
+
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, nextItem != null ?
|
|
5702
|
+
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container" },
|
|
5703
|
+
React.createElement(ItemWithText, { tooltip: true, small: true, item: nextItem, client: client, region: region }),
|
|
5698
5704
|
GetUpgradeEffects(item, steps, nextItem).length > 0
|
|
5699
5705
|
?
|
|
5700
5706
|
React.createElement("div", { style: { cursor: "default" } },
|
|
5701
5707
|
React.createElement(ItemImproveEffectsTooltipWrapper, { effectsForName: GetUpgradeEffects(item, steps, nextItem) },
|
|
5702
5708
|
React.createElement("span", { style: { fontSize: 16 }, className: "00008130.UI.Label_Green03_12 material-symbols-outlined" }, "help")))
|
|
5703
5709
|
: null)
|
|
5704
|
-
: null),
|
|
5705
|
-
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, nextItem != null ?
|
|
5706
|
-
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container" },
|
|
5707
|
-
React.createElement(ItemWithText, { tooltip: true, small: true, item: nextItem, client: client, region: region }))
|
|
5708
5710
|
: null))));
|
|
5709
5711
|
}
|
|
5710
5712
|
function GetUpgradeEffects(item, steps, nextItem) {
|
|
@@ -5764,19 +5766,25 @@ function Money(_a) {
|
|
|
5764
5766
|
|
|
5765
5767
|
function MainCostSelector(_a) {
|
|
5766
5768
|
var options = _a.options, client = _a.client, region = _a.region, selectOption = _a.selectOption, selectedOption = _a.selectedOption;
|
|
5767
|
-
return (React.createElement("div",
|
|
5768
|
-
|
|
5769
|
-
React.createElement("
|
|
5770
|
-
React.createElement("
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5769
|
+
return (React.createElement("div", null,
|
|
5770
|
+
React.createElement("span", { className: "TooltipBase_upgradeRed MainCostSelector_warning" }, options[selectedOption].isRandom ?
|
|
5771
|
+
React.createElement("span", { className: "MainCostSelector_warning_active" },
|
|
5772
|
+
React.createElement("span", { style: { fontSize: 16 }, className: "material-symbols-outlined" }, "error"),
|
|
5773
|
+
"\u00A0 This upgrade has a chance to fail!")
|
|
5774
|
+
: null),
|
|
5775
|
+
React.createElement("div", { className: "MainCostSelector" }, options.map(function (option, i) {
|
|
5776
|
+
return (React.createElement(React.Fragment, { key: i },
|
|
5777
|
+
React.createElement("div", { className: "MainCostSelector_container" },
|
|
5778
|
+
React.createElement("div", { onClick: function () {
|
|
5779
|
+
selectOption(i);
|
|
5780
|
+
} },
|
|
5781
|
+
React.createElement(ItemWithText, { tooltip: false, borderClass: i == selectedOption ? "TooltipBase_border-grade-4" : "", itemId: option.mainItemCost.itemId, item: null, itemLevel: option.mainItemCost.itemLevel, client: client, region: region })),
|
|
5782
|
+
React.createElement("div", null,
|
|
5783
|
+
React.createElement("span", null,
|
|
5784
|
+
"x",
|
|
5785
|
+
option.mainItemCost.max))),
|
|
5786
|
+
i < options.length - 1 ? React.createElement("div", { className: "MainCostSelector_or" }, "or") : null));
|
|
5787
|
+
}))));
|
|
5780
5788
|
}
|
|
5781
5789
|
|
|
5782
5790
|
function SubCosts(_a) {
|
|
@@ -5788,11 +5796,11 @@ function SubCosts(_a) {
|
|
|
5788
5796
|
React.createElement("div", { className: "MainCostSelector_container" },
|
|
5789
5797
|
React.createElement("div", null,
|
|
5790
5798
|
React.createElement(ItemWithText, { tooltip: false, small: true, itemId: subItem.itemId, item: null, itemLevel: subItem.itemLevel, client: client, region: region })),
|
|
5799
|
+
React.createElement("div", { className: "MainCostSelector_container_space" }),
|
|
5791
5800
|
React.createElement("div", null,
|
|
5792
5801
|
React.createElement("span", null,
|
|
5793
5802
|
"x",
|
|
5794
|
-
subItem.max)))
|
|
5795
|
-
i < options[selectedOption].subItemCost.length - 1 ? React.createElement("div", { className: "MainCostSelector_or" }, "and") : null));
|
|
5803
|
+
subItem.max)))));
|
|
5796
5804
|
})));
|
|
5797
5805
|
}
|
|
5798
5806
|
|
|
@@ -5812,7 +5820,13 @@ function ItemImproveUpgradeCost(_a) {
|
|
|
5812
5820
|
React.createElement("div", { className: "ItemImproveUpgradeCost_title 00008130.UI.Label_LightYellow_12" }, "Upgrade Cost"),
|
|
5813
5821
|
React.createElement(MainCostSelector, { options: accumulatedCost, client: client, region: region, selectOption: selectOption, selectedOption: selectedOption }),
|
|
5814
5822
|
React.createElement(SubCosts, { options: accumulatedCost, client: client, region: region, selectedOption: selectedOption }),
|
|
5815
|
-
|
|
5823
|
+
accumulatedCost[selectedOption].moneyCost > 0 ?
|
|
5824
|
+
React.createElement("div", { className: "ItemImproveUpgradeCost_money" },
|
|
5825
|
+
React.createElement("span", { style: { fontSize: 16, display: "flex", justifyContent: "center", alignItems: "center" } },
|
|
5826
|
+
React.createElement("span", { className: "TooltipBase_grade-6" }, "Money:"),
|
|
5827
|
+
"\u00A0",
|
|
5828
|
+
React.createElement(Money, { center: true, money: accumulatedCost[selectedOption].moneyCost })))
|
|
5829
|
+
: null));
|
|
5816
5830
|
}
|
|
5817
5831
|
function GetAccumulatedUpgradeCost(item, steps) {
|
|
5818
5832
|
var result = [];
|
|
@@ -5872,10 +5886,8 @@ function ItemImproveTooltip(_a) {
|
|
|
5872
5886
|
var _j = useState(), nextItem = _j[0], setNextItem = _j[1];
|
|
5873
5887
|
var _k = useState([]), steps = _k[0], setSteps = _k[1];
|
|
5874
5888
|
var _l = useState([]), allPossibleUpgrades = _l[0], setAllPossibleUpgrades = _l[1];
|
|
5875
|
-
if (offline)
|
|
5876
|
-
return null;
|
|
5877
5889
|
useEffect(function () {
|
|
5878
|
-
if (data == null || client == null)
|
|
5890
|
+
if (data == null || client == null || offline)
|
|
5879
5891
|
return;
|
|
5880
5892
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
5881
5893
|
var existing, _a, existing, _b, foundIndex, _c;
|
|
@@ -5978,10 +5990,10 @@ function ItemImproveTooltip(_a) {
|
|
|
5978
5990
|
mainInfos: [],
|
|
5979
5991
|
subInfoGroups: [],
|
|
5980
5992
|
fullHeight: fullHeight,
|
|
5981
|
-
widthOverride: "
|
|
5993
|
+
widthOverride: "500px"
|
|
5982
5994
|
};
|
|
5983
5995
|
if (debug) {
|
|
5984
|
-
tooltipBaseProps.subtitle = data.
|
|
5996
|
+
tooltipBaseProps.subtitle = "debug: " + data.id + "-" + data.level;
|
|
5985
5997
|
}
|
|
5986
5998
|
AddPrevCurNext(tooltipBaseProps.subInfoGroups, data, nextItem, prevItem, steps, allPossibleUpgrades, SetCustomStage, NavigateTo, client, region);
|
|
5987
5999
|
AddUpgradeCost(tooltipBaseProps.subInfoGroups, data, nextItem, steps, client, region);
|
|
@@ -6026,7 +6038,7 @@ function AddUpgradeCost(subInfoGroups, item, nextItem, steps, client, region) {
|
|
|
6026
6038
|
}
|
|
6027
6039
|
|
|
6028
6040
|
var ItemImproveTooltipWrapper = function (_a) {
|
|
6029
|
-
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, _f = _a.followCursor, followCursor$1 = _f === void 0 ? false : _f, _g = _a.trigger, trigger = _g === void 0 ? "mouseenter focus" : _g
|
|
6041
|
+
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, _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;
|
|
6030
6042
|
var spanRef = useRef(null);
|
|
6031
6043
|
var _j = useState(null), childRef = _j[0], setChildRef = _j[1];
|
|
6032
6044
|
/**
|
|
@@ -6042,7 +6054,7 @@ var ItemImproveTooltipWrapper = function (_a) {
|
|
|
6042
6054
|
var _k = useState(true), isOffline = _k[0], setIsOffline = _k[1];
|
|
6043
6055
|
return (React.createElement(React.Fragment, null,
|
|
6044
6056
|
children,
|
|
6045
|
-
childRef ? (React.createElement(Tippy, { arrow:
|
|
6057
|
+
childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, onMount: function () { return setIsOffline(offline); }, placement: placement, animation: "fade", interactive: interactive, content: React.createElement(ItemImproveTooltip, { region: region, data: data, offline: isOffline, client: client, debug: debug }), theme: "grade" + data.grade, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
6046
6058
|
};
|
|
6047
6059
|
|
|
6048
6060
|
function ItemMainInfo(item) {
|