export const toolUiHelpersSource = "  function addToolTab(tool, icon, label, beforeTool='appstatus'){\n    if(document.querySelector(`.tool-tab[data-tool=\"${tool}\"]`)) return;\n    const nav=document.querySelector('#toolsModal .nav.nav-pills');\n    if(!nav) return;\n    const li=document.createElement('li');\n    li.className='nav-item';\n    li.innerHTML=`<button class=\"nav-link tool-tab\" data-tool=\"${tool}\" type=\"button\"><i class=\"fa-solid ${icon}\"></i> ${label}</button>`;\n    const before=document.querySelector(`#toolsModal .tool-tab[data-tool=\"${beforeTool}\"]`)?.closest('.nav-item');\n    nav.insertBefore(li,before||null);\n    li.querySelector('.tool-tab')?.addEventListener('click',()=>activateToolTab(tool));\n  }\n  function inlineSwitch(id,label='Enable',extraClass=''){\n    return `<label class=\"form-check form-switch inline-switch ${extraClass}\"><input id=\"${id}\" class=\"form-check-input\" type=\"checkbox\"><span class=\"form-check-label\">${label}</span></label>`;\n  }\n  function plannerToggleRow(id,title,description){\n    return `<div class=\"smart-setting-row smart-toggle-row\"><div><b>${title}</b><small>${description}</small></div>${inlineSwitch(id)}</div>`;\n  }\n  function plannerSpeedCard(prefix,title,sub){\n    return `<div class=\"smart-input-field planner-speed-card\" data-planner-speed=\"${prefix}\">\n      <span>${title}</span>\n      <small>${sub}</small>\n      <div class=\"planner-limit-summary\" id=\"${prefix}Summary\">Unlimited</div>\n      <div class=\"planner-presets\" aria-label=\"${title} presets\">\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"0\" type=\"button\">Unlimited</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"50\" type=\"button\">50</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"100\" type=\"button\">100</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"250\" type=\"button\">250</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"500\" type=\"button\">500</button>\n        <button class=\"btn btn-sm btn-outline-secondary planner-speed-preset\" data-prefix=\"${prefix}\" data-mbps=\"1000\" type=\"button\">1G</button>\n      </div>\n      <div class=\"planner-speed-sliders\">\n        <label>Download <b id=\"${prefix}DownMbps\">Unlimited</b><input id=\"${prefix}DownSlider\" class=\"form-range planner-mbps-slider\" type=\"range\" min=\"0\" max=\"1000\" step=\"5\" value=\"0\" data-target=\"${prefix}Down\"></label>\n        <input id=\"${prefix}Down\" class=\"form-control form-control-sm planner-byte-input\" type=\"number\" min=\"0\" placeholder=\"B/s\" aria-label=\"${title} download bytes per second\">\n        <label>Upload <b id=\"${prefix}UpMbps\">Unlimited</b><input id=\"${prefix}UpSlider\" class=\"form-range planner-mbps-slider\" type=\"range\" min=\"0\" max=\"1000\" step=\"5\" value=\"0\" data-target=\"${prefix}Up\"></label>\n        <input id=\"${prefix}Up\" class=\"form-control form-control-sm planner-byte-input\" type=\"number\" min=\"0\" placeholder=\"B/s\" aria-label=\"${title} upload bytes per second\">\n      </div>\n      <small>Slider uses Mbit/s. Numeric fields store B/s for rTorrent.</small>\n    </div>`;\n  }";