Tweak to light source tooltips

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Middle Kingdom - v10 -> main branch
 
+### 2.16.0 - October 20, 2024 - Token HUD light source tooltips
+- [FEATURE] Tooltips for the light sources are now much easier to read (and they don't disappear altogether in v13 proto 1. Now using standard Foundry tooltips.)
+- [INTERNAL] This module appears to work fine in v13.332, but is likely to break and need adjustment when Token HUD becomes a v2 app later in the v13 development cycle. The maximum version has been set accordingly. 
+
 ### 2.15.1 - September 2, 2024 - Better error message for missing user sources file
 - [BUGFIX] The error message for a missing user sources file was cryptic - now just tells you
 - [BUGFIX] The fallbacks for lights as object to array and for missing states property weren't working

module.json

@@ -2,7 +2,7 @@
   "id": "torch",
   "title": "Torch",
   "description": "Torch HUD Controls",
-  "version": "2.15.1",
+  "version": "2.16.0",
   "authors": [
     {
       "name": "Deuce",
@@ -77,11 +77,11 @@
     "torch.css"
   ],
   "manifest": "https://raw.githubusercontent.com/League-of-Foundry-Developers/torch/main/module.json",
-  "download": "https://github.com/League-of-Foundry-Developers/torch/releases/download/v2.15.1/torch-v2.15.1.zip",
+  "download": "https://github.com/League-of-Foundry-Developers/torch/releases/download/v2.16.0/torch-v2.16.0.zip",
   "url": "https://github.com/League-of-Foundry-Developers/torch",
   "compatibility": {
     "minimum": "10",
     "verified": "12.331",
-    "maximum": "12"
+    "maximum": "13.332"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "torch",
-  "version": "2.15.1",
+  "version": "2.16.0",
   "description": "Torch HUD Controls",
   "main": "src/torch.js",
 

src/hud.mjs

@@ -1,10 +1,10 @@
-const BUTTON_HTML = `<div class="control-icon torch"><i class="fas fa-fire"></i></div>`;
+const BUTTON_HTML = `<div class="control-icon torch" data-tooltip="Torch"><i class="fas fa-fire"></i></div>`;
 const QUERY_BUTTON_HTML = `<div class="control-icon torch"><i class="fas fa-question"></i></div>`;
 const DISABLED_ICON_HTML = `<i class="fas fa-slash"></i>`;
 const SOURCE_MENU = `<div class="control-icon light-source-menu"></div>`;
 const SOURCE_MENU_ITEM = (img, tooltip) => {
-  return `<button type="button" class="light-source-menu-item" >
-	  <img src="${img}" title="${tooltip}" />
+  return `<button type="button" data-tooltip="${tooltip}" data-tooltip-direction="LEFT" class="light-source-menu-item" >
+	  <img src="${img}"/>
 	</button>`;
 };