bnstooltips 1.18.18 → 1.19.1

package/build/index.es.js

@@ -28,7 +28,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$f = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n  color: #28A9F0;\n}\n\n*[class*=\"00008130.UI.Label_LightYellow_12\"] {\n  color: #FFEA57 !important;\n}\n\n*[class*=\"00008130.UI.Vital_LightBlue\"] {\n  color: #00D9FF !important;\n  font-weight: 500 !important;\n}\n\n*[class*=\"00008130.UI.Label_Green03_12\"] {\n  color: #57FF78 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_Chatting_Color_19\"] {\n  color: #57FF78;\n}\n\n.TooltipBase_grade-none {\n  color: #c2cadc;\n}\n\n.TooltipBase_grade-1 {\n  color: #9B9B9B !important;\n}\n\n.TooltipBase_border-grade-1 {\n  border-color: #9B9B9B !important;\n}\n\n.TooltipBase_border-hover-grade-1:hover {\n  border-color: #9B9B9B !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_1\"] {\n  color: #9B9B9B !important;\n  border-color: #9B9B9B !important;\n}\n\n.TooltipBase_grade-2 {\n  color: #ffffff !important;\n}\n\n.TooltipBase_border-grade-2 {\n  border-color: #ffffff !important;\n}\n\n.TooltipBase_border-hover-grade-2:hover {\n  border-color: #ffffff !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_2\"] {\n  color: #ffffff !important;\n  border-color: #ffffff !important;\n}\n\n.TooltipBase_grade-3 {\n  color: #57FF78 !important;\n}\n\n.TooltipBase_border-grade-3 {\n  border-color: #57FF78 !important;\n}\n\n.TooltipBase_border-hover-grade-3:hover {\n  border-color: #57FF78 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_3\"] {\n  color: #57FF78 !important;\n  border-color: #57FF78 !important;\n}\n\n.TooltipBase_grade-4 {\n  color: #00D9FF !important;\n}\n\n.TooltipBase_border-grade-4 {\n  border-color: #00D9FF !important;\n}\n\n.TooltipBase_border-hover-grade-4:hover {\n  border-color: #00D9FF !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_4\"] {\n  color: #00D9FF !important;\n  border-color: #00D9FF !important;\n}\n\n.TooltipBase_grade-5 {\n  color: #D836FF !important;\n}\n\n.TooltipBase_border-grade-5 {\n  border-color: #D836FF !important;\n}\n\n.TooltipBase_border-hover-grade-5:hover {\n  border-color: #D836FF !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_5\"] {\n  color: #D836FF !important;\n  border-color: #D836FF !important;\n}\n\n.TooltipBase_grade-6 {\n  color: #FF9700 !important;\n}\n\n.TooltipBase_border-grade-6 {\n  border-color: #FF9700 !important;\n}\n\n.TooltipBase_border-hover-grade-6:hover {\n  border-color: #FF9700 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_6\"] {\n  color: #FF9700 !important;\n  border-color: #FF9700 !important;\n}\n\n.TooltipBase_grade-7 {\n  color: #FF7802 !important;\n}\n\n.TooltipBase_border-grade-7 {\n  border-color: #FF7802 !important;\n}\n\n.TooltipBase_border-hover-grade-7:hover {\n  border-color: #FF7802 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_7\"] {\n  color: #FF7802 !important;\n  border-color: #FF7802 !important;\n}\n\n.TooltipBase_grade-8 {\n  color: #FF0085 !important;\n}\n\n.TooltipBase_border-grade-8 {\n  border-color: #FF0085 !important;\n}\n\n.TooltipBase_border-hover-grade-8:hover {\n  border-color: #FF0085 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_8\"] {\n  color: #FF0085 !important;\n  border-color: #FF0085 !important;\n}\n\n.TooltipBase_grade-9 {\n  color: #FFED23 !important;\n}\n\n.TooltipBase_border-grade-9 {\n  border-color: #FFED23 !important;\n}\n\n.TooltipBase_border-hover-grade-9:hover {\n  border-color: #FFED23 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_9\"] {\n  color: #FFED23 !important;\n  border-color: #FFED23 !important;\n}\n\n.TooltipBase_iconbg-grade-1 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_1.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-2 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_2.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-3 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_3.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-4 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_4.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-5 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_5.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-6 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_6.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-7 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_7.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-8 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_8.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-9 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_9.png\") no-repeat;\n}\n\n.TooltipBase_container {\n  box-sizing: border-box;\n  font-family: \"Montserrat\", sans-serif !important;\n  scroll-behavior: smooth;\n  touch-action: manipulation;\n  -webkit-overflow-scrolling: touch;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  background-color: rgba(8, 8, 8, 0.93);\n  backdrop-filter: brightness(1.5) blur(5px);\n  -webkit-backdrop-filter: brightness(1.5) blur(5px);\n  padding: 1rem;\n  border: 1px solid;\n  border-color: #9B9B9B;\n  font-weight: 500;\n  font-size: 16px;\n  text-decoration: none;\n  color: #fff;\n  width: 380px;\n  max-height: calc(100vh - 50px);\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n  border-radius: 3px;\n  text-shadow: rgb(0, 0, 0) 1px 1px 0;\n}\n\n.TooltipBase_containerFullHeight {\n  height: 99%;\n}\n\n.TooltipBase_container::-webkit-scrollbar {\n  display: none;\n}\n\n.TooltipBase_downgradeBlue {\n  color: #28A9F0;\n}\n\n.TooltipBase_upgradeRed {\n  color: #FF2818;\n}\n\n@media only screen and (max-width: 380px) {\n  .TooltipBase_container {\n    width: 100%;\n  }\n}\n@supports not (backdrop-filter: brightness(1.5) blur(5px)) {\n  .TooltipBase_container {\n    background-color: rgba(0, 0, 0, 0.95);\n  }\n  .TooltipBase_container-loading {\n    background-color: rgba(0, 0, 0, 0.95);\n  }\n}\n.TooltipBase_container-loading {\n  background-color: rgba(8, 8, 8, 0.93);\n  backdrop-filter: brightness(1.5) blur(5px);\n  -webkit-backdrop-filter: brightness(1.5) blur(5px);\n  padding: 1rem;\n}\n\n.TooltipBase_titlesubtitle {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n.TooltipBase_title {\n  flex: 1;\n  overflow: hidden;\n  padding-right: 1rem;\n}\n\n.TooltipBase_title_text {\n  font-size: 18px;\n  text-shadow: rgb(0, 0, 0) 1px 1px 0;\n  font-weight: 500;\n}\n\n.TooltipBase_subtitle {\n  text-align: end;\n  font-size: 12px;\n}\n\n.TooltipBase_iconmaininfo {\n  display: flex;\n  margin-bottom: 0.8rem;\n}\n\n.TooltipBase_iconcontainer {\n  margin-right: 0.5rem;\n  margin-bottom: 0.25rem;\n  float: left;\n  position: relative;\n}\n\n.TooltipBase_iconBg {\n  width: 64px;\n  height: 64px;\n  background-origin: content-box !important;\n}\n\n.TooltipBase_icon {\n  width: calc(64px - 0px * 2);\n  height: calc(64px - 0px * 2);\n  padding: 0px;\n}\n\n.TooltipBase_maininfocontainer {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.TooltipBase_maininfocontainer > div:not(:last-child) {\n  margin-bottom: 0.2rem;\n}\n\n.TooltipBase_fullwidthContainer {\n  line-height: 17px;\n}\n\n.TooltipBase_fullwidthContainer > div:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n\n.TooltipBase_fullwidthContainer-subContainer {\n  font-size: 12px;\n}\n\n.TooltipBase_fullwidthContainer-subContainer > div:not(:last-child) {\n  margin-bottom: 0.1rem;\n}\n\n.TooltipBase_flex {\n  display: flex;\n  align-items: center;\n}\n\n.TooltipBase_flex-col {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.TooltipBase_descriptions-description-title {\n  font-weight: 500;\n}";
+var css_248z$f = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n  color: #28A9F0;\n}\n\n*[class*=\"00008130.UI.Label_LightYellow_12\"] {\n  color: #FFEA57 !important;\n}\n\n*[class*=\"00008130.UI.Vital_LightBlue\"] {\n  color: #00D9FF !important;\n  font-weight: 500 !important;\n}\n\n*[class*=\"00008130.UI.Label_Green03_12\"] {\n  color: #57FF78 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_Chatting_Color_19\"] {\n  color: #57FF78;\n}\n\n.TooltipBase_grade-none {\n  color: #c2cadc;\n}\n\n.TooltipBase_grade-1 {\n  color: #9B9B9B !important;\n}\n\n.TooltipBase_background-grade-1 {\n  background-color: #9B9B9B !important;\n}\n\n.TooltipBase_border-grade-1 {\n  border-color: #9B9B9B !important;\n}\n\n.TooltipBase_border-hover-grade-1:hover {\n  border-color: #9B9B9B !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_1\"] {\n  color: #9B9B9B !important;\n  border-color: #9B9B9B !important;\n}\n\n.TooltipBase_grade-2 {\n  color: #ffffff !important;\n}\n\n.TooltipBase_background-grade-2 {\n  background-color: #ffffff !important;\n}\n\n.TooltipBase_border-grade-2 {\n  border-color: #ffffff !important;\n}\n\n.TooltipBase_border-hover-grade-2:hover {\n  border-color: #ffffff !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_2\"] {\n  color: #ffffff !important;\n  border-color: #ffffff !important;\n}\n\n.TooltipBase_grade-3 {\n  color: #57FF78 !important;\n}\n\n.TooltipBase_background-grade-3 {\n  background-color: #57FF78 !important;\n}\n\n.TooltipBase_border-grade-3 {\n  border-color: #57FF78 !important;\n}\n\n.TooltipBase_border-hover-grade-3:hover {\n  border-color: #57FF78 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_3\"] {\n  color: #57FF78 !important;\n  border-color: #57FF78 !important;\n}\n\n.TooltipBase_grade-4 {\n  color: #00D9FF !important;\n}\n\n.TooltipBase_background-grade-4 {\n  background-color: #00D9FF !important;\n}\n\n.TooltipBase_border-grade-4 {\n  border-color: #00D9FF !important;\n}\n\n.TooltipBase_border-hover-grade-4:hover {\n  border-color: #00D9FF !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_4\"] {\n  color: #00D9FF !important;\n  border-color: #00D9FF !important;\n}\n\n.TooltipBase_grade-5 {\n  color: #D836FF !important;\n}\n\n.TooltipBase_background-grade-5 {\n  background-color: #D836FF !important;\n}\n\n.TooltipBase_border-grade-5 {\n  border-color: #D836FF !important;\n}\n\n.TooltipBase_border-hover-grade-5:hover {\n  border-color: #D836FF !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_5\"] {\n  color: #D836FF !important;\n  border-color: #D836FF !important;\n}\n\n.TooltipBase_grade-6 {\n  color: #FF9700 !important;\n}\n\n.TooltipBase_background-grade-6 {\n  background-color: #FF9700 !important;\n}\n\n.TooltipBase_border-grade-6 {\n  border-color: #FF9700 !important;\n}\n\n.TooltipBase_border-hover-grade-6:hover {\n  border-color: #FF9700 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_6\"] {\n  color: #FF9700 !important;\n  border-color: #FF9700 !important;\n}\n\n.TooltipBase_grade-7 {\n  color: #FF7802 !important;\n}\n\n.TooltipBase_background-grade-7 {\n  background-color: #FF7802 !important;\n}\n\n.TooltipBase_border-grade-7 {\n  border-color: #FF7802 !important;\n}\n\n.TooltipBase_border-hover-grade-7:hover {\n  border-color: #FF7802 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_7\"] {\n  color: #FF7802 !important;\n  border-color: #FF7802 !important;\n}\n\n.TooltipBase_grade-8 {\n  color: #FF0085 !important;\n}\n\n.TooltipBase_background-grade-8 {\n  background-color: #FF0085 !important;\n}\n\n.TooltipBase_border-grade-8 {\n  border-color: #FF0085 !important;\n}\n\n.TooltipBase_border-hover-grade-8:hover {\n  border-color: #FF0085 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_8\"] {\n  color: #FF0085 !important;\n  border-color: #FF0085 !important;\n}\n\n.TooltipBase_grade-9 {\n  color: #FFED23 !important;\n}\n\n.TooltipBase_background-grade-9 {\n  background-color: #FFED23 !important;\n}\n\n.TooltipBase_border-grade-9 {\n  border-color: #FFED23 !important;\n}\n\n.TooltipBase_border-hover-grade-9:hover {\n  border-color: #FFED23 !important;\n}\n\n*[class*=\"00008130.Program.Fontset_ItemGrade_9\"] {\n  color: #FFED23 !important;\n  border-color: #FFED23 !important;\n}\n\n.TooltipBase_iconbg-grade-1 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_1.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-2 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_2.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-3 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_3.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-4 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_4.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-5 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_5.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-6 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_6.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-7 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_7.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-8 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_8.png\") no-repeat;\n}\n\n.TooltipBase_iconbg-grade-9 {\n  background: url(\"https://lean.bns.tools/bns/icons/UE4/ItemIcon_Bg_Grade_9.png\") no-repeat;\n}\n\n.TooltipBase_container {\n  box-sizing: border-box;\n  font-family: \"Montserrat\", sans-serif !important;\n  scroll-behavior: smooth;\n  touch-action: manipulation;\n  -webkit-overflow-scrolling: touch;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  background-color: rgba(8, 8, 8, 0.93);\n  backdrop-filter: brightness(1.5) blur(5px);\n  -webkit-backdrop-filter: brightness(1.5) blur(5px);\n  padding: 1rem;\n  border: 1px solid;\n  border-color: #9B9B9B;\n  font-weight: 500;\n  font-size: 16px;\n  text-decoration: none;\n  color: #fff;\n  width: 380px;\n  max-height: calc(100vh - 50px);\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n  border-radius: 3px;\n  text-shadow: rgb(0, 0, 0) 1px 1px 0;\n}\n\n.TooltipBase_containerFullHeight {\n  height: 99%;\n}\n\n.TooltipBase_container::-webkit-scrollbar {\n  display: none;\n}\n\n.TooltipBase_downgradeBlue {\n  color: #28A9F0;\n}\n\n.TooltipBase_upgradeRed {\n  color: #FF2818;\n}\n\n@media only screen and (max-width: 380px) {\n  .TooltipBase_container {\n    width: 100%;\n  }\n}\n@supports not (backdrop-filter: brightness(1.5) blur(5px)) {\n  .TooltipBase_container {\n    background-color: rgba(0, 0, 0, 0.95);\n  }\n  .TooltipBase_container-loading {\n    background-color: rgba(0, 0, 0, 0.95);\n  }\n}\n.TooltipBase_container-loading {\n  background-color: rgba(8, 8, 8, 0.93);\n  backdrop-filter: brightness(1.5) blur(5px);\n  -webkit-backdrop-filter: brightness(1.5) blur(5px);\n  padding: 1rem;\n}\n\n.TooltipBase_titlesubtitle {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n.TooltipBase_title {\n  flex: 1;\n  overflow: hidden;\n  padding-right: 1rem;\n}\n\n.TooltipBase_title_text {\n  font-size: 18px;\n  text-shadow: rgb(0, 0, 0) 1px 1px 0;\n  font-weight: 500;\n}\n\n.TooltipBase_subtitle {\n  text-align: end;\n  font-size: 12px;\n}\n\n.TooltipBase_iconmaininfo {\n  display: flex;\n  margin-bottom: 0.8rem;\n}\n\n.TooltipBase_iconcontainer {\n  margin-right: 0.5rem;\n  margin-bottom: 0.25rem;\n  float: left;\n  position: relative;\n}\n\n.TooltipBase_iconBg {\n  width: 64px;\n  height: 64px;\n  background-origin: content-box !important;\n}\n\n.TooltipBase_icon {\n  width: calc(64px - 0px * 2);\n  height: calc(64px - 0px * 2);\n  padding: 0px;\n}\n\n.TooltipBase_maininfocontainer {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.TooltipBase_maininfocontainer > div:not(:last-child) {\n  margin-bottom: 0.2rem;\n}\n\n.TooltipBase_fullwidthContainer {\n  line-height: 17px;\n}\n\n.TooltipBase_fullwidthContainer > div:not(:last-child) {\n  margin-bottom: 0.5rem;\n}\n\n.TooltipBase_fullwidthContainer-subContainer {\n  font-size: 12px;\n}\n\n.TooltipBase_fullwidthContainer-subContainer > div:not(:last-child) {\n  margin-bottom: 0.1rem;\n}\n\n.TooltipBase_flex {\n  display: flex;\n  align-items: center;\n}\n\n.TooltipBase_flex-col {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.TooltipBase_descriptions-description-title {\n  font-weight: 500;\n}";
 styleInject(css_248z$f);
 
 function TooltipBase(_a) {
@@ -1573,6 +1573,7 @@ var BnsItemDto = /** @class */ (function () {
                     this.slateStones.push(SlateStoneDto.fromJS(item));
                 }
             }
+            this.randomEffects = _data["randomEffects"] ? ItemRandomEffectsDto.fromJS(_data["randomEffects"]) : undefined;
         }
     };
     BnsItemDto.fromJS = function (data) {
@@ -1679,6 +1680,7 @@ var BnsItemDto = /** @class */ (function () {
                 data["slateStones"].push(item.toJSON());
             }
         }
+        data["randomEffects"] = this.randomEffects ? this.randomEffects.toJSON() : undefined;
         return data;
     };
     return BnsItemDto;
@@ -1956,6 +1958,37 @@ var ItemDescriptionDto = /** @class */ (function () {
     };
     return ItemDescriptionDto;
 }());
+var ItemEffectDto = /** @class */ (function () {
+    function ItemEffectDto(data) {
+        if (data) {
+            for (var property in data) {
+                if (data.hasOwnProperty(property))
+                    this[property] = data[property];
+            }
+        }
+    }
+    ItemEffectDto.prototype.init = function (_data) {
+        if (_data) {
+            this.id = _data["id"];
+            this.text = _data["text"];
+            this.weight = _data["weight"];
+        }
+    };
+    ItemEffectDto.fromJS = function (data) {
+        data = typeof data === 'object' ? data : {};
+        var result = new ItemEffectDto();
+        result.init(data);
+        return result;
+    };
+    ItemEffectDto.prototype.toJSON = function (data) {
+        data = typeof data === 'object' ? data : {};
+        data["id"] = this.id;
+        data["text"] = this.text;
+        data["weight"] = this.weight;
+        return data;
+    };
+    return ItemEffectDto;
+}());
 var ItemIconDto = /** @class */ (function () {
     function ItemIconDto(data) {
         if (data) {
@@ -2173,6 +2206,53 @@ var ItemImproveEffectOptionWithNameDto = /** @class */ (function () {
     };
     return ItemImproveEffectOptionWithNameDto;
 }());
+var ItemRandomEffectsDto = /** @class */ (function () {
+    function ItemRandomEffectsDto(data) {
+        if (data) {
+            for (var property in data) {
+                if (data.hasOwnProperty(property))
+                    this[property] = data[property];
+            }
+        }
+    }
+    ItemRandomEffectsDto.prototype.init = function (_data) {
+        if (_data) {
+            this.alias = _data["alias"];
+            this.randomEffectCount = _data["randomEffectCount"];
+            this.totalWeight = _data["totalWeight"];
+            this.itemSkillName = _data["itemSkillName"];
+            if (Array.isArray(_data["randomEffects"])) {
+                this.randomEffects = [];
+                for (var _i = 0, _a = _data["randomEffects"]; _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    this.randomEffects.push(ItemEffectDto.fromJS(item));
+                }
+            }
+        }
+    };
+    ItemRandomEffectsDto.fromJS = function (data) {
+        data = typeof data === 'object' ? data : {};
+        var result = new ItemRandomEffectsDto();
+        result.init(data);
+        return result;
+    };
+    ItemRandomEffectsDto.prototype.toJSON = function (data) {
+        data = typeof data === 'object' ? data : {};
+        data["alias"] = this.alias;
+        data["randomEffectCount"] = this.randomEffectCount;
+        data["totalWeight"] = this.totalWeight;
+        data["itemSkillName"] = this.itemSkillName;
+        if (Array.isArray(this.randomEffects)) {
+            data["randomEffects"] = [];
+            for (var _i = 0, _a = this.randomEffects; _i < _a.length; _i++) {
+                var item = _a[_i];
+                data["randomEffects"].push(item.toJSON());
+            }
+        }
+        return data;
+    };
+    return ItemRandomEffectsDto;
+}());
 var ItemRandomStatDto = /** @class */ (function () {
     function ItemRandomStatDto(data) {
         if (data) {
@@ -8244,6 +8324,7 @@ function ItemTooltip(_a) {
         AddJobstyleToggles(setHasSkillModifiers, tooltipBaseProps.subInfoGroups, jobstyles, jobstyle, setJobstyle);
     }
     AddTopText(tooltipBaseProps.subInfoGroups, item);
+    AddRandomEffects(tooltipBaseProps.subInfoGroups, item);
     AddSkillDescriptions(tooltipBaseProps.subInfoGroups, item, itemCombats, jobstyle);
     AddSkillModifiers(tooltipBaseProps.subInfoGroups, item, false, jobstyle);
     AddEtchingStones(tooltipBaseProps.subInfoGroups, item);
@@ -8317,6 +8398,18 @@ function AddTopText(subInfoGroups, item) {
         texts: [React.createElement(TopText, __assign({}, item))],
     });
 }
+function AddRandomEffects(subInfoGroups, item) {
+    if (item.randomEffects == null || item.randomEffects.randomEffectCount == 0 || item.randomEffects.randomEffects == null || item.randomEffects.randomEffects.length == 0)
+        return;
+    subInfoGroups.push({
+        title: "",
+        texts: [
+            React.createElement("div", null,
+                React.createElement("div", { id: item.randomEffects.alias, dangerouslySetInnerHTML: { __html: item.randomEffects.itemSkillName } }),
+                item.randomEffects.randomEffects.map(function (effect) { return (React.createElement("div", { key: item.randomEffects.alias + "_" + effect.id, dangerouslySetInnerHTML: { __html: effect.text } })); }))
+        ]
+    });
+}
 function AddSkillDescriptions(subInfoGroups, item, itemCombats, jobstyle) {
     if (item.skills == null || item.skills.length == 0)
         return;
@@ -8346,6 +8439,14 @@ function AddRandomSubStatCount(subInfoGroups, item) {
                     React.createElement("span", { className: "00008130.UI.Label_Green03_12" }, item.randomSubStatCount),
                     "\u00A0random secondary stat(s).")]
         });
+    if (item.randomEffects != null && item.randomEffects.randomEffects.length > 1)
+        subInfoGroups.push({
+            title: "Random effects:",
+            texts: [React.createElement("div", { className: "00008130.UI.Vital_LightBlue" },
+                    "This item has\u00A0",
+                    React.createElement("span", { className: "00008130.UI.Label_Green03_12" }, item.randomEffects.randomEffectCount),
+                    "\u00A0random effect(s).")]
+        });
 }
 function AddSetBonus(subInfoGroups, item, jobstyle) {
     if (item.setBonus == null)