feat: add modsettings for show/hide/lock delays

Author: taroeld

msu/msu_mod/~nested_tooltips/msu_mod_settings.nut

@@ -7,3 +7,7 @@ local underlineSetting = nestedTooltipsPage.addBooleanSetting("NestedTooltips_Un
 underlineSetting.addAfterChangeCallback(@(_oldValue) ::NestedTooltips.UI.JSConnection.updateNestedTooltipTextStyle());
 local colorSetting = nestedTooltipsPage.addColorPickerSetting("NestedTooltips_Color", "0,35,65,1.0", "Text Color", "The color for nested tooltip hyperlinks text.");
 colorSetting.addAfterChangeCallback(@(_oldValue) ::NestedTooltips.UI.JSConnection.updateNestedTooltipTextStyle());
+
+nestedTooltipsPage.addRangeSetting("showDelay", 150, 0, 1000, 5, "Show Time", "The time in milliseconds until the tooltip appears after hovering an element.");
+nestedTooltipsPage.addRangeSetting("hideDelay", 50, 0, 1000, 5, "Hide Time", "The time in milliseconds until the tooltip disappears after leaving an element.");
+nestedTooltipsPage.addRangeSetting("lockDelay", 500, 0, 10000, 5, "Lock Time", "The time in milliseconds until the tooltip locks and allows you to enter it with your mouse to access nested tooltips.");

ui/mods/msu/nested_tooltips.js

@@ -2,8 +2,9 @@ MSU.NestedTooltip = {
 	__regexp : /(?:\[|[)tooltip=([\w\.]+?)\.(.+?)(?:\]|])(.*?)(?:\[|[)\/tooltip(?:\]|])/gm,
 	__imgRegexp : /(?:\[|[)imgtooltip=([\w\.]+?)\.(.+?)(?:\]|])(.*?)(?:\[|[)\/imgtooltip(?:\]|])/gm,
 	__tooltipStack : [],
-	__tooltipHideDelay : 100,
-	__tooltipShowDelay : 200,
+	__getTooltipHideDelay : function(){ return MSU.getSettingValue(MSU.ID, "hideDelay")}, // default 100,
+	__getTooltipShowDelay : function(){ return MSU.getSettingValue(MSU.ID, "showDelay")}, // default 200,
+	__getTooltipLockDelay : function(){ return MSU.getSettingValue(MSU.ID, "lockDelay")}, // default 1000,
 	__showTooltipTimeout : null,
 	KeyImgMap : {},
 	TextStyle: "",
@@ -81,7 +82,7 @@ MSU.NestedTooltip = {
 			clearTimeout(self.__showTooltipTimeout);
 			self.__showTooltipTimeout = setTimeout(function(){
 				self.onShowTooltipTimerExpired(tooltipSource, _tooltipParams);
-			}, _tooltipParams.isTileTooltip === true ? 0 : self.__tooltipShowDelay);
+			}, _tooltipParams.isTileTooltip === true ? 0 : self.__getTooltipShowDelay());
 
 			tooltipSource.on('mouseleave.msu-tooltip-loading', function (_event)
 			{
@@ -246,7 +247,7 @@ MSU.NestedTooltip = {
 
 		progressImage.velocity({ opacity: 0 },
 		{
-	        duration: 1000,
+	        duration: self.__getTooltipLockDelay(),
 			begin: function()
 			{
 				progressImage.css("opacity", 1)
@@ -280,14 +281,14 @@ MSU.NestedTooltip = {
 			var sourceData = $(this).data('msu-nested');
 			self.clearTimeouts(sourceData);
 			sourceData.isHovered = true;
-			sourceData.updateStackTimeout = setTimeout(self.updateStack.bind(self), self.__tooltipHideDelay);
+			sourceData.updateStackTimeout = setTimeout(self.updateStack.bind(self), self.__getTooltipHideDelay());
 		});
 		_sourceContainer.on('mouseleave.msu-tooltip-showing remove.msu-tooltip-showing', function (_event)
 		{
 			var sourceData = $(this).data('msu-nested');
 			self.clearTimeouts(sourceData);
 			sourceData.isHovered = false;
-			sourceData.updateStackTimeout = setTimeout(self.updateStack.bind(self), self.__tooltipHideDelay);
+			sourceData.updateStackTimeout = setTimeout(self.updateStack.bind(self), self.__getTooltipHideDelay());
 		});
 	},
 	addTooltipContainerMouseHandler : function(_tooltipContainer)
@@ -304,7 +305,7 @@ MSU.NestedTooltip = {
 				setTimeout(function(){
 					self.cleanSourceContainer(tooltipData.sourceContainer);
 					return;
-				}, self.__tooltipHideDelay)
+				}, self.__getTooltipHideDelay())
 			}
 			else
 			{
@@ -317,7 +318,7 @@ MSU.NestedTooltip = {
 			var tooltipData = $(this).data("msu-nested");
 			self.clearTimeouts(tooltipData);
 			tooltipData.isHovered = false;
-			tooltipData.updateStackTimeout = setTimeout(self.updateStack.bind(self), self.__tooltipHideDelay);
+			tooltipData.updateStackTimeout = setTimeout(self.updateStack.bind(self), self.__getTooltipHideDelay());
 		});
 		_tooltipContainer.on('mousedown.msu-tooltip-container', function (_event)
 		{