diff --git a/wled00/data/settings_leds.htm b/wled00/data/settings_leds.htm
index d3a9fd7e9..4f9d16f13 100644
--- a/wled00/data/settings_leds.htm
+++ b/wled00/data/settings_leds.htm
@@ -1,455 +1,455 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-	<meta name="viewport" content="width=500">
-	<title>LED Settings</title>
-	<script>
-    var d=document,laprev=55,maxB=1,maxM=5000,maxPB=4096,bquot=0; //maximum bytes for LED allocation: 5kB for 8266, 32kB for 32
-		function H()
-		{
-			window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings");
-		}
-		function B()
-		{
-			window.open("/settings","_self");
-    }
-    function gId(n){return d.getElementById(n);}
-    function off(n){
-      d.getElementsByName(n)[0].value = -1;
-    }
-    var timeout;
-    function showToast(text, error = false)
-    {
-      var x = gId("toast");
-      x.innerHTML = text;
-      x.className = error ? "error":"show";
-      clearTimeout(timeout);
-      x.style.animation = 'none';
-      timeout = setTimeout(function(){ x.className = x.className.replace("show", ""); }, 2900);
-    }
-    function bLimits(b,p,m) {
-      maxB = b; maxM = m; maxPB = p;
-    }
-    function pinsOK() {
-      var LCs = d.getElementsByTagName("input");
-      for (i=0; i<LCs.length; i++) {
-        var nm = LCs[i].name.substring(0,2);
-        //check for pin conflicts
-        if (nm=="L0" || nm=="L1" || nm=="L2" || nm=="L3" || nm=="L4" || nm=="L5" || nm=="L6" || nm=="L7" || nm=="RL" || nm=="BT" || nm=="IR")
-          if (LCs[i].value!="" && LCs[i].value!="-1") {
-            if (d.um_p && d.um_p.some((e)=>e==parseInt(LCs[i].value,10))) {alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`);LCs[i].value="";LCs[i].focus();return false;}
-            else if (LCs[i].value > 5 && LCs[i].value < 12) {alert("Sorry, pins 6-11 can not be used.");LCs[i].value="";LCs[i].focus();return false;}
-            else if (!(nm == "IR" || nm=="BT") && LCs[i].value > 33) {alert("Sorry, pins >33 are input only.");LCs[i].value="";LCs[i].focus();return false;}
-            for (j=i+1; j<LCs.length; j++)
-            {
-              var n2 = LCs[j].name.substring(0,2);
-              if (n2=="L0" || n2=="L1" || n2=="L2" || n2=="L3" || n2=="L4" || n2=="L5" || n2=="L6" || n2=="L7" || n2=="RL" || n2=="BT" || n2=="IR")
-                if (LCs[j].value!="" && LCs[i].value==LCs[j].value) {alert(`Pin conflict between ${nm}/${n2}!`);LCs[j].value="";LCs[j].focus();return false;}
-            }
-          }
-      }
-      return true;
-    }
-    function trySubmit(e) {
-      d.Sf.data.value = '';
-      e.preventDefault();
-      if (!pinsOK()) {e.stopPropagation();return false;} // Prevent form submission and contact with server
-      if (bquot > 100) {var msg = "Too many LEDs for me to handle!"; if (maxM < 10000) msg += "\n\rConsider using an ESP32."; alert(msg);}
-      if (d.Sf.checkValidity()) d.Sf.submit(); //https://stackoverflow.com/q/37323914
-    }
-		function S(){GetV();setABL();}
-    function enABL()
-    {
-      var en = gId('able').checked;
-      d.Sf.LA.value = (en) ? laprev:0;
-      gId('abl').style.display = (en) ? 'inline':'none';
-      gId('psu2').style.display = (en) ? 'inline':'none';
-      if (d.Sf.LA.value > 0) setABL();
-    }
-    function enLA()
-    {
-      var val = d.Sf.LAsel.value;
-      d.Sf.LA.value = val;
-      gId('LAdis').style.display = (val == 50) ? 'inline':'none';
-      UI();
-    }
-    function setABL()
-    {
-      gId('able').checked = true;
-      d.Sf.LAsel.value = 50;
-      switch (parseInt(d.Sf.LA.value)) {
-        case 0: gId('able').checked = false; enABL(); break;
-        case 30: d.Sf.LAsel.value = 30; break;
-        case 35: d.Sf.LAsel.value = 35; break;
-        case 55: d.Sf.LAsel.value = 55; break;
-        case 255: d.Sf.LAsel.value = 255; break;
-        default: gId('LAdis').style.display = 'inline';
-      }
-      gId('m1').innerHTML = maxM;
-      d.getElementsByName("Sf")[0].addEventListener("submit", trySubmit);
-      UI();
-    }
-    //returns mem usage
-    function getMem(type, len, p0) {
-      if (type < 32) {
-        if (maxM < 10000 && p0==3) {    //8266 DMA uses 5x the mem
-          if (type > 29) return len*20; //RGBW
-          return len*15;
-        } else if (maxM >= 10000) //ESP32 RMT uses double buffer?
-        {
-          if (type > 29) return len*8; //RGBW
-          return len*6;
-        }
-        if (type > 29) return len*4; //RGBW
-        return len*3;
-      }
-      if (type > 31 && type < 48) return 5;
-      if (type == 44 || type == 45) return len*4; //RGBW
-      return len*3;
-    }
-		function UI(change=false)
-		{
-      var isRGBW = false, memu = 0;
-
-      gId('ampwarning').style.display = (d.Sf.MA.value > 7200) ? 'inline':'none';
-
-	    if (d.Sf.LA.value == 255) laprev = 12;
-	    else if (d.Sf.LA.value > 0) laprev = d.Sf.LA.value;
-
-      // enable/disable LED fields
-      var s = d.getElementsByTagName("select");
-      for (i=0; i<s.length; i++) {
-        // is the field a LED type?
-        if (s[i].name.substring(0,2)=="LT") {
-          n=s[i].name.substring(2);
-          var type = parseInt(s[i].value,10);
-          gId("p0d"+n).innerHTML = (type > 49) ? "Data GPIO:" : (type >41) ? "GPIOs:" : "GPIO:";
-          gId("p1d"+n).innerHTML = (type > 49) ? "Clk GPIO:" : "";
-          var LK = d.getElementsByName("L1"+n)[0]; // clock pin
-
-          memu += getMem(type, d.getElementsByName("LC"+n)[0].value, d.getElementsByName("L0"+n)[0].value); // calc memory
-
-          // enumerate pins
-          for (p=1; p<5; p++) {
-            var LK = d.getElementsByName("L"+p+n)[0]; // secondary pins
-            if (!LK) continue;
-            if ((type>49 && p==1) || (type>41 && type < 50 && (p+40 < type))) // TYPE_xxxx values from const.h
-            {
-              // display pin field
-              LK.style.display = "inline";
-              LK.required = true;
-            } else {
-              // hide pin field
-              LK.style.display = "none";
-              LK.required = false;
-              LK.value="";
-            }
-          }
-          if (change) {
-//            gId("ew"+n).checked = (type == 30 || type == 31 || type == 44 || type == 45); // RGBW checkbox, TYPE_xxxx values from const.h
-            gId("ls"+n).value = n+1;  // set LED start
-            if (type > 31 && type < 48) d.getElementsByName("LC"+n)[0].value = 1; // for sanity change analog count just to 1 LED
-          }
-//          gId("ew"+n).onclick = (type > 31 && type < 48) ? (function(){return false}) : (function(){});  // prevent change for analog
-//          isRGBW |= gId("ew"+n).checked;
-          isRGBW |= (type == 30 || type == 31 || (type > 40 && type < 46 && type != 43)); // RGBW checkbox, TYPE_xxxx values from const.h
-          gId("dig"+n).style.display = (type > 31 && type < 48) ? "none":"inline";  // hide reverse, skip 1st & count for analog
-          gId("psd"+n).innerHTML = (type > 31 && type < 48) ? "Index:":"Start:";    // change analog start description
-        }
-      }
-      // display white channel calculation method
-      var myC = d.querySelectorAll('.wc'),
-			l = myC.length;
-			for (i = 0; i < l; i++) {
-				myC[i].style.display = (isRGBW) ? 'inline':'none';
-			}
-      // check for pin conflicts
-      var LCs = d.getElementsByTagName("input");
-      var sLC = 0, maxLC = 0;
-      for (i=0; i<LCs.length; i++) {
-        var nm = LCs[i].name.substring(0,2);
-        // do we have a led count field but not total led count
-        if (nm=="LC" && LCs[i].name !== "LC") {
-          var n=LCs[i].name.substring(2);
-          var c=parseInt(LCs[i].value,10);
-          /*if(gId("ls"+n).readOnly)*/ gId("ls"+n).value=sLC; // update led start field
-          if(c){sLC+=c;if(c>maxLC)maxLC=c;} // increase led count
-          continue;
-        }
-        // do we have led pins for digital leds
-        if (nm=="L0" || nm=="L1") {
-          var lc=d.getElementsByName("LC"+LCs[i].name.substring(2))[0];
-          lc.max=maxPB; // update max led count value
-        }
-        // for pins check conflicts
-        if (nm=="L0" || nm=="L1" || nm=="L2" || nm=="L3" || nm=="L4" || nm=="L5" || nm=="L6" || nm=="L7" || nm=="RL" || nm=="BT" || nm=="IR")
-          if (LCs[i].value!="" && LCs[i].value!="-1") {
-            var p = []; // used pin array
-            if (d.um_p && Array.isArray(d.um_p)) for (k=0;k<d.um_p.length;k++) p.push(d.um_p[k]); // fill with reservations
-            for (j=0; j<LCs.length; j++) {
-              if (i==j) continue;
-              var n2 = LCs[j].name.substring(0,2);
-              if (n2=="L0" || n2=="L1" || n2=="L2" || n2=="L3" || n2=="L4" || n2=="L5" || n2=="L6" || n2=="L7" || n2=="RL" || n2=="BT" || n2=="IR")
-                if (LCs[j].value!="" && LCs[j].value!="-1") p.push(parseInt(LCs[j].value,10));  // add current pin
-            }
-            // now check for conflicts
-            if (p.some((e)=>e==parseInt(LCs[i].value,10))) LCs[i].style.color="red"; else LCs[i].style.color=parseInt(LCs[i].value,10)>33?"orange":"#fff";
-          }
-      }
-      // update total led count
-      if (gId("LC").readOnly) d.getElementsByName("LC")[0].value = sLC;
-      // if we are changing total led count update led count for 1st strip
-      if (d.activeElement == d.getElementsByName("LC")[0]) {
-        var o = d.getElementsByClassName("iST");
-        var i = o.length;
-        if (i == 1) d.getElementsByName("LC0")[0].value = d.getElementsByName("LC")[0].value;
-      }
-      // memory usage and warnings
-      gId('m0').innerHTML = memu;
-      bquot = memu / maxM * 100;
-      gId('dbar').style.background = `linear-gradient(90deg, ${bquot > 60 ? (bquot > 90 ? "red":"orange"):"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`;
-      gId('ledwarning').style.display = (sLC > maxPB || maxLC > 800 || bquot > 80) ? 'inline':'none';
-      gId('ledwarning').style.color = (sLC > maxPB || maxLC > maxPB || bquot > 100) ? 'red':'orange';
-      gId('wreason').innerHTML = (bquot > 80) ? "80% of max. LED memory" +(bquot>100 ? ` (<b>WARNING: Using over ${maxM}B!</b>)` : "") : "800 LEDs per GPIO";
-      // calculate power
-      var val = Math.ceil((100 + sLC * laprev)/500)/2;
-			val = (val > 5) ? Math.ceil(val) : val;
-			var s = "";
-      var is12V = (d.Sf.LAsel.value == 30);
-      var isWS2815 = (d.Sf.LAsel.value == 255);
-			if (val < 1.02 && !is12V && !isWS2815)
-			{
-				s = "ESP 5V pin with 1A USB supply";
-			} else
-			{
-        		s += is12V ? "12V ": isWS2815 ? "WS2815 12V " : "5V ";
-				s += val;
-				s += "A supply connected to LEDs";
-			}
-      var val2 = Math.ceil((100 + sLC * laprev)/1500)/2;
-      val2 = (val2 > 5) ? Math.ceil(val2) : val2;
-      var s2 = "(for most effects, ~";
-      s2 += val2;
-      s2 += "A is enough)<br>";
-			gId('psu').innerHTML = s;
-      gId('psu2').innerHTML = isWS2815 ? "" : s2;
-      gId("json").style.display = d.Sf.IT.value==8 ? "" : "none";
-    }
-    function lastEnd(i) {
-      if (i<1) return 0;
-      v = parseInt(d.getElementsByName("LS"+(i-1))[0].value) + parseInt(d.getElementsByName("LC"+(i-1))[0].value);
-      var type = parseInt(d.getElementsByName("LT"+(i-1))[0].value);
-      if (type > 31 && type < 48) v = 1; //PWM busses
-      if (isNaN(v)) return 0;
-      return v;
-    }
-    function addLEDs(n)
-    {
-      if (n>1) {maxB=n; gId("+").style.display="inline"; return;}
-
-      var o = d.getElementsByClassName("iST");
-      var i = o.length;
-
-      if ((n==1 && i>=maxB) || (n==-1 && i==0)) return;
-
-      var f = gId("mLC");
-      if (n==1) {
-// npm run build has trouble minimizing spaces inside string
-        var cn = `<div class="iST">
-${i>0?'<hr style="width:260px">':''}
-${i+1}:
-<select name="LT${i}" onchange="UI(true)">
-<option value="22">WS281x</option>
-<option value="30">SK6812 RGBW</option>
-<option value="31">TM1814</option>
-<option value="24">400kHz</option>
-<option value="50">WS2801</option>
-<option value="51">APA102</option>
-<option value="52">LPD8806</option>
-<option value="53">P9813</option>
-<option value="41">PWM White</option>
-<option value="42">PWM WWCW</option>
-<option value="43">PWM RGB</option>
-<option value="44">PWM RGBW</option>
-<option value="45">PWM RGBWC</option>
-</select>&nbsp;
-Color Order:
-<select name="CO${i}">
-<option value="0">GRB</option>
-<option value="1">RGB</option>
-<option value="2">BRG</option>
-<option value="3">RBG</option>
-<option value="4">BGR</option>
-<option value="5">GBR</option>
-</select><br>
-<span id="p0d${i}">GPIO:</span><input type="number" name="L0${i}" min="0" max="33" required class="s" onchange="UI()"/>
-<span id="p1d${i}"></span><input type="number" name="L1${i}" min="0" max="33" class="s" onchange="UI()"/>
-<span id="p2d${i}"></span><input type="number" name="L2${i}" min="0" max="33" class="s" onchange="UI()"/>
-<span id="p3d${i}"></span><input type="number" name="L3${i}" min="0" max="33" class="s" onchange="UI()"/>
-<span id="p4d${i}"></span><input type="number" name="L4${i}" min="0" max="33" class="s" onchange="UI()"/>
-<br>
-<span id="psd${i}">Start:</span> <input type="number" name="LS${i}" id="ls${i}" class="l" min="0" max="8191" value="${lastEnd(i)}" readonly required />&nbsp;
-<div id="dig${i}" style="display:inline">
-Count: <input type="number" name="LC${i}" class="l" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>
-Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
-&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${i}" type="checkbox" name="SL${i}"><br>
-</div>
-</div>`;
-        f.insertAdjacentHTML("beforeend", cn);
-      }
-      if (n==-1) {
-        o[--i].remove();--i;
-      }
-
-      gId("+").style.display = (i<maxB-1) ? "inline":"none";
-      gId("-").style.display = (i>0) ? "inline":"none";
-
-      UI();
-    }
-    function addBtn(i,p,t) {
-      var c = gId("btns").innerHTML;
-      var bt = "BT" + i;
-      var be = "BE" + i;
-      c += `Button ${i} GPIO: <input type="number" min="-1" max="40" name="${bt}" onchange="UI()" class="s" value="${p}">`;
-      c += `<select name="${be}">`
-      c += `<option value="0" ${t==0?"selected":""}>Disabled</option>`;
-      c += `<option value="2" ${t==2?"selected":""}>Pushbutton</option>`;
-      c += `<option value="3" ${t==3?"selected":""}>Push inverted</option>`;
-      c += `<option value="4" ${t==4?"selected":""}>Switch</option>`;
-      c += `<option value="5" ${t==5?"selected":""}>PIR sensor</option>`;
-      c += `<option value="6" ${t==6?"selected":""}>Touch</option>`;
-      c += `<option value="7" ${t==7?"selected":""}>Analog</option>`;
-      c += `<option value="8" ${t==8?"selected":""}>Analog inverted</option>`;
-      c += `</select>`;
-      c += `<span style="cursor: pointer;" onclick="off('${bt}')">&nbsp;&#215;</span><br>`;
-      gId("btns").innerHTML = c;
-    }
-    function uploadFile(name) {
-      var req = new XMLHttpRequest();
-      req.addEventListener('load', function(){showToast(this.responseText)});
-      req.addEventListener('error', function(e){showToast(e.stack,true);});
-      req.open("POST", "/upload");
-      var formData = new FormData();
-      formData.append("data", d.Sf.data.files[0], name);
-      req.send(formData);
-      d.Sf.data.value = '';
-      return false;
-    }
-		function GetV()
-		{
-      //values injected by server while sending HTML
-      //maxM=5000;maxPB=1536;d.um_p=[1,6,7,8,9,10,11];addLEDs(5);d.Sf.LC.value=250;addLEDs(1);d.Sf.L00.value=2;d.Sf.L10.value=0;d.Sf.LC0.value=250;d.Sf.LT0.value=22;d.Sf.CO0.value=0;d.Sf.LS0.value=0;d.Sf.LS0.checked=0;d.Sf.MA.value=5400;d.Sf.LA.value=55;d.getElementsByClassName("pow")[0].innerHTML="350mA";d.Sf.CA.value=40;d.Sf.AW.value=3;d.Sf.BO.checked=0;d.Sf.BP.value=3;d.Sf.GB.checked=0;d.Sf.GC.checked=1;d.Sf.TF.checked=1;d.Sf.TD.value=700;d.Sf.PF.checked=0;d.Sf.BF.value=64;d.Sf.TB.value=0;d.Sf.TL.value=60;d.Sf.TW.value=1;d.Sf.PB.selectedIndex=0;d.Sf.RL.value=12;d.Sf.RM.checked=0;addBtn(0,0,2);addBtn(1,3,4);addBtn(2,-1,0);d.Sf.IR.value=-1;
-    }
-	</script>
-	<style>@import url("style.css");</style>
-	<link href="/skin.css" rel="stylesheet">
-</head>
-<body onload="S()">
-	<form id="form_s" name="Sf" method="post">
-    <div class="toprow">
-		<div class="helpB"><button type="button" onclick="H()">?</button></div>
-		<button type="button" onclick="B()">Back</button><button type="submit">Save</button><hr>
-    </div>
-    <h2>LED &amp; Hardware setup</h2>
-    Total LED count: <input name="LC" id="LC" type="number" min="1" max="8192" oninput="UI()" required readonly><br>
-    <i>Recommended power supply for brightest white:</i><br>
-    <b><span id="psu">?</span></b><br>
-    <span id="psu2"><br></span>
-    <br>
-    Enable automatic brightness limiter: <input type="checkbox" name="ABen" onchange="enABL()" id="able"><br>
-    <div id="abl">
-      Maximum Current: <input name="MA" type="number" class="l" min="250" max="65000" oninput="UI()" required> mA<br>
-      <div id="ampwarning" style="color: orange; display: none;">
-        &#9888; Your power supply provides high current.<br>
-        To improve the safety of your setup,<br>
-        please use thick cables,<br>
-        multiple power injection points and a fuse!<br>
-      </div>
-      <i>Automatically limits brightness to stay close to the limit.<br>
-      Keep at &lt;1A if powering LEDs directly from the ESP 5V pin!<br>
-      If you are using an external power supply, enter its rating.<br>
-      (Current estimated usage: <span class="pow">unknown</span>)</i><br><br>
-      LED voltage (Max. current for a single LED):<br>
-      <select name="LAsel" onchange="enLA()">
-        <option value="55" selected>5V default (55mA)</option>
-        <option value="35">5V efficient (35mA)</option>
-        <option value="30">12V (30mA)</option>
-        <option value="255">WS2815 (12mA)</option>
-        <option value="50">Custom</option>
-      </select><br>
-      <span id="LAdis" style="display: none;">Custom max. current per LED: <input name="LA" type="number" min="0" max="255" id="la" oninput="UI()" required> mA<br></span>
-      <i>Keep at default if you are unsure about your type of LEDs.</i><br>
-    </div>
-    <h3>Hardware setup</h3>
-    <div id="mLC">LED outputs:</div>
-    <button type="button" id="+" onclick="addLEDs(1)">+</button>
-    <button type="button" id="-" onclick="addLEDs(-1)">-</button><br>
-    LED Memory Usage: <span id="m0">0</span> / <span id="m1">?</span> B<br>
-    <div id="dbar" style="display:inline-block; width: 100px; height: 10px; border-radius: 20px;"></div><br>
-    <div id="ledwarning" style="color: orange; display: none;">
-      &#9888; You might run into stability or lag issues.<br>
-      Use less than <span id="wreason">800 LEDs per pin</span> for the best experience!<br>
-    </div><hr style="width:260px">
-    <div id="btns"></div>
-    Touch threshold: <input type="number" min="0" max="100" name="TT" required><br>
-    IR GPIO: <input type="number" min="-1" max="40" name="IR" onchange="UI()" class="s"><select name="IT" onchange="UI()">
-    <option value=0>Remote disabled</option>
-    <option value=1>24-key RGB</option>
-    <option value=2>24-key with CT</option>
-    <option value=3>40-key blue</option>
-    <option value=4>44-key RGB</option>
-    <option value=5>21-key RGB</option>
-    <option value=6>6-key black</option>
-    <option value=7>9-key red</option>
-    <option value=8>JSON remote</option>
-    </select><span style="cursor: pointer;" onclick="off('IR')">&nbsp;&#215;</span><br>
-    <div id="json" style="display:none;">JSON file: <input type="file" name="data" accept=".json"> <input type="button" value="Upload" onclick="uploadFile('/ir.json');"><br></div>
-    <div id="toast"></div>
-    <a href="https://github.com/Aircoookie/WLED/wiki/Infrared-Control" target="_blank">IR info</a><br>
-    Relay pin: <input type="number" min="-1" max="33" name="RL" onchange="UI()" class="s"> invert <input type="checkbox" name="RM"><span style="cursor: pointer;" onclick="off('RL')">&nbsp;&#215;</span><br>
-    <hr style="width:260px">
-		<h3>Defaults</h3>
-		Turn LEDs on after power up/reset: <input type="checkbox" name="BO"><br>
-    Default brightness: <input name="CA" type="number" class="m" min="0" max="255" required> (0-255)<br><br>
-    Apply preset <input name="BP" type="number" class="m" min="0" max="250" required> at boot (0 uses defaults)
-    <br><br>
-		Use Gamma correction for color: <input type="checkbox" name="GC"> (strongly recommended)<br>
-		Use Gamma correction for brightness: <input type="checkbox" name="GB"> (not recommended)<br><br>
-		Brightness factor: <input name="BF" type="number" class="m" min="1" max="255" required> %
-		<h3>Transitions</h3>
-		Crossfade: <input type="checkbox" name="TF"><br>
-		Transition Time: <input name="TD" type="number" class="xl" min="0" max="65500"> ms<br>
-		Enable Palette transitions: <input type="checkbox" name="PF">
-		<h3>Timed light</h3>
-		Default Duration: <input name="TL" type="number" class="m" min="1" max="255" required> min<br>
-		Default Target brightness: <input name="TB" type="number" class="m" min="0" max="255" required><br>
-		Mode:
-    <select name="TW">
-			<option value="0">Wait and set</option>
-			<option value="1">Fade</option>
-			<option value="2">Fade Color</option>
-			<option value="3">Sunrise</option>
-		</select>
-    <h3>Advanced</h3>
-		Palette blending:
-		<select name="PB">
-			<option value="0">Linear (wrap if moving)</option>
-			<option value="1">Linear (always wrap)</option>
-			<option value="2">Linear (never wrap)</option>
-			<option value="3">None (not recommended)</option>
-		</select><br>
-    <span class="wc">
-      Auto-calculate white channel from RGB:<br>
-      <select name="AW">
-        <option value=0>None</option>
-        <option value=1>Brighter</option>
-        <option value=2>Accurate</option>
-        <option value=3>Dual</option>
-        <option value=4>Legacy</option>
-      </select>
-    <br></span><hr>
-		<button type="button" onclick="B()">Back</button><button type="submit">Save</button>
-	</form>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+	<meta name="viewport" content="width=500">
+	<title>LED Settings</title>
+	<script>
+    var d=document,laprev=55,maxB=1,maxM=5000,maxPB=4096,bquot=0; //maximum bytes for LED allocation: 5kB for 8266, 32kB for 32
+		function H()
+		{
+			window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings");
+		}
+		function B()
+		{
+			window.open("/settings","_self");
+    }
+    function gId(n){return d.getElementById(n);}
+    function off(n){
+      d.getElementsByName(n)[0].value = -1;
+    }
+    var timeout;
+    function showToast(text, error = false)
+    {
+      var x = gId("toast");
+      x.innerHTML = text;
+      x.className = error ? "error":"show";
+      clearTimeout(timeout);
+      x.style.animation = 'none';
+      timeout = setTimeout(function(){ x.className = x.className.replace("show", ""); }, 2900);
+    }
+    function bLimits(b,p,m) {
+      maxB = b; maxM = m; maxPB = p;
+    }
+    function pinsOK() {
+      var LCs = d.getElementsByTagName("input");
+      for (i=0; i<LCs.length; i++) {
+        var nm = LCs[i].name.substring(0,2);
+        //check for pin conflicts
+        if (nm=="L0" || nm=="L1" || nm=="L2" || nm=="L3" || nm=="L4" || nm=="RL" || nm=="BT" || nm=="IR")
+          if (LCs[i].value!="" && LCs[i].value!="-1") {
+            if (d.um_p && d.um_p.some((e)=>e==parseInt(LCs[i].value,10))) {alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`);LCs[i].value="";LCs[i].focus();return false;}
+            else if (LCs[i].value > 5 && LCs[i].value < 12) {alert("Sorry, pins 6-11 can not be used.");LCs[i].value="";LCs[i].focus();return false;}
+            else if (!(nm == "IR" || nm=="BT") && LCs[i].value > 33) {alert("Sorry, pins >33 are input only.");LCs[i].value="";LCs[i].focus();return false;}
+            for (j=i+1; j<LCs.length; j++)
+            {
+              var n2 = LCs[j].name.substring(0,2);
+              if (n2=="L0" || n2=="L1" || n2=="L2" || n2=="L3" || n2=="L4" || n2=="RL" || n2=="BT" || n2=="IR")
+                if (LCs[j].value!="" && LCs[i].value==LCs[j].value) {alert(`Pin conflict between ${LCs[i].name}/${LCs[j].name}!`);LCs[j].value="";LCs[j].focus();return false;}
+            }
+          }
+      }
+      return true;
+    }
+    function trySubmit(e) {
+      d.Sf.data.value = '';
+      e.preventDefault();
+      if (!pinsOK()) {e.stopPropagation();return false;} // Prevent form submission and contact with server
+      if (bquot > 100) {var msg = "Too many LEDs for me to handle!"; if (maxM < 10000) msg += "\n\rConsider using an ESP32."; alert(msg);}
+      if (d.Sf.checkValidity()) d.Sf.submit(); //https://stackoverflow.com/q/37323914
+    }
+		function S(){GetV();setABL();}
+    function enABL()
+    {
+      var en = gId('able').checked;
+      d.Sf.LA.value = (en) ? laprev:0;
+      gId('abl').style.display = (en) ? 'inline':'none';
+      gId('psu2').style.display = (en) ? 'inline':'none';
+      if (d.Sf.LA.value > 0) setABL();
+    }
+    function enLA()
+    {
+      var val = d.Sf.LAsel.value;
+      d.Sf.LA.value = val;
+      gId('LAdis').style.display = (val == 50) ? 'inline':'none';
+      UI();
+    }
+    function setABL()
+    {
+      gId('able').checked = true;
+      d.Sf.LAsel.value = 50;
+      switch (parseInt(d.Sf.LA.value)) {
+        case 0: gId('able').checked = false; enABL(); break;
+        case 30: d.Sf.LAsel.value = 30; break;
+        case 35: d.Sf.LAsel.value = 35; break;
+        case 55: d.Sf.LAsel.value = 55; break;
+        case 255: d.Sf.LAsel.value = 255; break;
+        default: gId('LAdis').style.display = 'inline';
+      }
+      gId('m1').innerHTML = maxM;
+      d.getElementsByName("Sf")[0].addEventListener("submit", trySubmit);
+      UI();
+    }
+    //returns mem usage
+    function getMem(type, len, p0) {
+      if (type < 32) {
+        if (maxM < 10000 && p0==3) {    //8266 DMA uses 5x the mem
+          if (type > 29) return len*20; //RGBW
+          return len*15;
+        } else if (maxM >= 10000) //ESP32 RMT uses double buffer?
+        {
+          if (type > 29) return len*8; //RGBW
+          return len*6;
+        }
+        if (type > 29) return len*4; //RGBW
+        return len*3;
+      }
+      if (type > 31 && type < 48) return 5;
+      if (type == 44 || type == 45) return len*4; //RGBW
+      return len*3;
+    }
+		function UI(change=false)
+		{
+      var isRGBW = false, memu = 0;
+
+      gId('ampwarning').style.display = (d.Sf.MA.value > 7200) ? 'inline':'none';
+
+	    if (d.Sf.LA.value == 255) laprev = 12;
+	    else if (d.Sf.LA.value > 0) laprev = d.Sf.LA.value;
+
+      // enable/disable LED fields
+      var s = d.getElementsByTagName("select");
+      for (i=0; i<s.length; i++) {
+        // is the field a LED type?
+        if (s[i].name.substring(0,2)=="LT") {
+          n=s[i].name.substring(2);
+          var type = parseInt(s[i].value,10);
+          gId("p0d"+n).innerHTML = (type > 49) ? "Data GPIO:" : (type >41) ? "GPIOs:" : "GPIO:";
+          gId("p1d"+n).innerHTML = (type > 49) ? "Clk GPIO:" : "";
+          var LK = d.getElementsByName("L1"+n)[0]; // clock pin
+
+          memu += getMem(type, d.getElementsByName("LC"+n)[0].value, d.getElementsByName("L0"+n)[0].value); // calc memory
+
+          // enumerate pins
+          for (p=1; p<5; p++) {
+            var LK = d.getElementsByName("L"+p+n)[0]; // secondary pins
+            if (!LK) continue;
+            if ((type>49 && p==1) || (type>41 && type < 50 && (p+40 < type))) // TYPE_xxxx values from const.h
+            {
+              // display pin field
+              LK.style.display = "inline";
+              LK.required = true;
+            } else {
+              // hide pin field
+              LK.style.display = "none";
+              LK.required = false;
+              LK.value="";
+            }
+          }
+          if (change) {
+//            gId("ew"+n).checked = (type == 30 || type == 31 || type == 44 || type == 45); // RGBW checkbox, TYPE_xxxx values from const.h
+            gId("ls"+n).value = n+1;  // set LED start
+            if (type > 31 && type < 48) d.getElementsByName("LC"+n)[0].value = 1; // for sanity change analog count just to 1 LED
+          }
+//          gId("ew"+n).onclick = (type > 31 && type < 48) ? (function(){return false}) : (function(){});  // prevent change for analog
+//          isRGBW |= gId("ew"+n).checked;
+          isRGBW |= (type == 30 || type == 31 || (type > 40 && type < 46 && type != 43)); // RGBW checkbox, TYPE_xxxx values from const.h
+          gId("dig"+n).style.display = (type > 31 && type < 48) ? "none":"inline";  // hide reverse, skip 1st & count for analog
+          gId("psd"+n).innerHTML = (type > 31 && type < 48) ? "Index:":"Start:";    // change analog start description
+        }
+      }
+      // display white channel calculation method
+      var myC = d.querySelectorAll('.wc'),
+			l = myC.length;
+			for (i = 0; i < l; i++) {
+				myC[i].style.display = (isRGBW) ? 'inline':'none';
+			}
+      // check for pin conflicts
+      var LCs = d.getElementsByTagName("input");
+      var sLC = 0, maxLC = 0;
+      for (i=0; i<LCs.length; i++) {
+        var nm = LCs[i].name.substring(0,2);
+        // do we have a led count field but not total led count
+        if (nm=="LC" && LCs[i].name !== "LC") {
+          var n=LCs[i].name.substring(2);
+          var c=parseInt(LCs[i].value,10);
+          /*if(gId("ls"+n).readOnly)*/ gId("ls"+n).value=sLC; // update led start field
+          if(c){sLC+=c;if(c>maxLC)maxLC=c;} // increase led count
+          continue;
+        }
+        // do we have led pins for digital leds
+        if (nm=="L0" || nm=="L1") {
+          var lc=d.getElementsByName("LC"+LCs[i].name.substring(2))[0];
+          lc.max=maxPB; // update max led count value
+        }
+        // for pins check conflicts
+        if (nm=="L0" || nm=="L1" || nm=="L2" || nm=="L3" || nm=="L4" || nm=="RL" || nm=="BT" || nm=="IR")
+          if (LCs[i].value!="" && LCs[i].value!="-1") {
+            var p = []; // used pin array
+            if (d.um_p && Array.isArray(d.um_p)) for (k=0;k<d.um_p.length;k++) p.push(d.um_p[k]); // fill with reservations
+            for (j=0; j<LCs.length; j++) {
+              if (i==j) continue;
+              var n2 = LCs[j].name.substring(0,2);
+              if (n2=="L0" || n2=="L1" || n2=="L2" || n2=="L3" || n2=="L4" || n2=="RL" || n2=="BT" || n2=="IR")
+                if (LCs[j].value!="" && LCs[j].value!="-1") p.push(parseInt(LCs[j].value,10));  // add current pin
+            }
+            // now check for conflicts
+            if (p.some((e)=>e==parseInt(LCs[i].value,10))) LCs[i].style.color="red"; else LCs[i].style.color=parseInt(LCs[i].value,10)>33?"orange":"#fff";
+          }
+      }
+      // update total led count
+      if (gId("LC").readOnly) d.getElementsByName("LC")[0].value = sLC;
+      // if we are changing total led count update led count for 1st strip
+      if (d.activeElement == d.getElementsByName("LC")[0]) {
+        var o = d.getElementsByClassName("iST");
+        var i = o.length;
+        if (i == 1) d.getElementsByName("LC0")[0].value = d.getElementsByName("LC")[0].value;
+      }
+      // memory usage and warnings
+      gId('m0').innerHTML = memu;
+      bquot = memu / maxM * 100;
+      gId('dbar').style.background = `linear-gradient(90deg, ${bquot > 60 ? (bquot > 90 ? "red":"orange"):"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`;
+      gId('ledwarning').style.display = (sLC > maxPB || maxLC > 800 || bquot > 80) ? 'inline':'none';
+      gId('ledwarning').style.color = (sLC > maxPB || maxLC > maxPB || bquot > 100) ? 'red':'orange';
+      gId('wreason').innerHTML = (bquot > 80) ? "80% of max. LED memory" +(bquot>100 ? ` (<b>WARNING: Using over ${maxM}B!</b>)` : "") : "800 LEDs per GPIO";
+      // calculate power
+      var val = Math.ceil((100 + sLC * laprev)/500)/2;
+			val = (val > 5) ? Math.ceil(val) : val;
+			var s = "";
+      var is12V = (d.Sf.LAsel.value == 30);
+      var isWS2815 = (d.Sf.LAsel.value == 255);
+			if (val < 1.02 && !is12V && !isWS2815)
+			{
+				s = "ESP 5V pin with 1A USB supply";
+			} else
+			{
+        		s += is12V ? "12V ": isWS2815 ? "WS2815 12V " : "5V ";
+				s += val;
+				s += "A supply connected to LEDs";
+			}
+      var val2 = Math.ceil((100 + sLC * laprev)/1500)/2;
+      val2 = (val2 > 5) ? Math.ceil(val2) : val2;
+      var s2 = "(for most effects, ~";
+      s2 += val2;
+      s2 += "A is enough)<br>";
+			gId('psu').innerHTML = s;
+      gId('psu2').innerHTML = isWS2815 ? "" : s2;
+      gId("json").style.display = d.Sf.IT.value==8 ? "" : "none";
+    }
+    function lastEnd(i) {
+      if (i<1) return 0;
+      v = parseInt(d.getElementsByName("LS"+(i-1))[0].value) + parseInt(d.getElementsByName("LC"+(i-1))[0].value);
+      var type = parseInt(d.getElementsByName("LT"+(i-1))[0].value);
+      if (type > 31 && type < 48) v = 1; //PWM busses
+      if (isNaN(v)) return 0;
+      return v;
+    }
+    function addLEDs(n)
+    {
+      if (n>1) {maxB=n; gId("+").style.display="inline"; return;}
+
+      var o = d.getElementsByClassName("iST");
+      var i = o.length;
+
+      if ((n==1 && i>=maxB) || (n==-1 && i==0)) return;
+
+      var f = gId("mLC");
+      if (n==1) {
+// npm run build has trouble minimizing spaces inside string
+        var cn = `<div class="iST">
+${i>0?'<hr style="width:260px">':''}
+${i+1}:
+<select name="LT${i}" onchange="UI(true)">
+<option value="22">WS281x</option>
+<option value="30">SK6812 RGBW</option>
+<option value="31">TM1814</option>
+<option value="24">400kHz</option>
+<option value="50">WS2801</option>
+<option value="51">APA102</option>
+<option value="52">LPD8806</option>
+<option value="53">P9813</option>
+<option value="41">PWM White</option>
+<option value="42">PWM WWCW</option>
+<option value="43">PWM RGB</option>
+<option value="44">PWM RGBW</option>
+<option value="45">PWM RGBWC</option>
+</select>&nbsp;
+Color Order:
+<select name="CO${i}">
+<option value="0">GRB</option>
+<option value="1">RGB</option>
+<option value="2">BRG</option>
+<option value="3">RBG</option>
+<option value="4">BGR</option>
+<option value="5">GBR</option>
+</select><br>
+<span id="p0d${i}">GPIO:</span><input type="number" name="L0${i}" min="0" max="33" required class="s" onchange="UI()"/>
+<span id="p1d${i}"></span><input type="number" name="L1${i}" min="0" max="33" class="s" onchange="UI()"/>
+<span id="p2d${i}"></span><input type="number" name="L2${i}" min="0" max="33" class="s" onchange="UI()"/>
+<span id="p3d${i}"></span><input type="number" name="L3${i}" min="0" max="33" class="s" onchange="UI()"/>
+<span id="p4d${i}"></span><input type="number" name="L4${i}" min="0" max="33" class="s" onchange="UI()"/>
+<br>
+<span id="psd${i}">Start:</span> <input type="number" name="LS${i}" id="ls${i}" class="l" min="0" max="8191" value="${lastEnd(i)}" readonly required />&nbsp;
+<div id="dig${i}" style="display:inline">
+Count: <input type="number" name="LC${i}" class="l" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>
+Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
+&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${i}" type="checkbox" name="SL${i}"><br>
+</div>
+</div>`;
+        f.insertAdjacentHTML("beforeend", cn);
+      }
+      if (n==-1) {
+        o[--i].remove();--i;
+      }
+
+      gId("+").style.display = (i<maxB-1) ? "inline":"none";
+      gId("-").style.display = (i>0) ? "inline":"none";
+
+      UI();
+    }
+    function addBtn(i,p,t) {
+      var c = gId("btns").innerHTML;
+      var bt = "BT" + i;
+      var be = "BE" + i;
+      c += `Button ${i} GPIO: <input type="number" min="-1" max="40" name="${bt}" onchange="UI()" class="s" value="${p}">`;
+      c += `<select name="${be}">`
+      c += `<option value="0" ${t==0?"selected":""}>Disabled</option>`;
+      c += `<option value="2" ${t==2?"selected":""}>Pushbutton</option>`;
+      c += `<option value="3" ${t==3?"selected":""}>Push inverted</option>`;
+      c += `<option value="4" ${t==4?"selected":""}>Switch</option>`;
+      c += `<option value="5" ${t==5?"selected":""}>PIR sensor</option>`;
+      c += `<option value="6" ${t==6?"selected":""}>Touch</option>`;
+      c += `<option value="7" ${t==7?"selected":""}>Analog</option>`;
+      c += `<option value="8" ${t==8?"selected":""}>Analog inverted</option>`;
+      c += `</select>`;
+      c += `<span style="cursor: pointer;" onclick="off('${bt}')">&nbsp;&#215;</span><br>`;
+      gId("btns").innerHTML = c;
+    }
+    function uploadFile(name) {
+      var req = new XMLHttpRequest();
+      req.addEventListener('load', function(){showToast(this.responseText)});
+      req.addEventListener('error', function(e){showToast(e.stack,true);});
+      req.open("POST", "/upload");
+      var formData = new FormData();
+      formData.append("data", d.Sf.data.files[0], name);
+      req.send(formData);
+      d.Sf.data.value = '';
+      return false;
+    }
+		function GetV()
+		{
+      //values injected by server while sending HTML
+      maxM=5000;maxPB=1536;d.um_p=[1,6,7,8,9,10,11];addLEDs(5);d.Sf.LC.value=250;addLEDs(1);d.Sf.L00.value=2;d.Sf.L10.value=0;d.Sf.LC0.value=250;d.Sf.LT0.value=22;d.Sf.CO0.value=0;d.Sf.LS0.value=0;d.Sf.LS0.checked=0;d.Sf.MA.value=5400;d.Sf.LA.value=55;d.getElementsByClassName("pow")[0].innerHTML="350mA";d.Sf.CA.value=40;d.Sf.AW.value=3;d.Sf.BO.checked=0;d.Sf.BP.value=3;d.Sf.GB.checked=0;d.Sf.GC.checked=1;d.Sf.TF.checked=1;d.Sf.TD.value=700;d.Sf.PF.checked=0;d.Sf.BF.value=64;d.Sf.TB.value=0;d.Sf.TL.value=60;d.Sf.TW.value=1;d.Sf.PB.selectedIndex=0;d.Sf.RL.value=12;d.Sf.RM.checked=0;addBtn(0,0,2);addBtn(1,3,4);addBtn(2,-1,0);d.Sf.IR.value=-1;
+    }
+	</script>
+	<style>@import url("style.css");</style>
+	<link href="/skin.css" rel="stylesheet">
+</head>
+<body onload="S()">
+	<form id="form_s" name="Sf" method="post">
+    <div class="toprow">
+		<div class="helpB"><button type="button" onclick="H()">?</button></div>
+		<button type="button" onclick="B()">Back</button><button type="submit">Save</button><hr>
+    </div>
+    <h2>LED &amp; Hardware setup</h2>
+    Total LED count: <input name="LC" id="LC" type="number" min="1" max="8192" oninput="UI()" required readonly><br>
+    <i>Recommended power supply for brightest white:</i><br>
+    <b><span id="psu">?</span></b><br>
+    <span id="psu2"><br></span>
+    <br>
+    Enable automatic brightness limiter: <input type="checkbox" name="ABen" onchange="enABL()" id="able"><br>
+    <div id="abl">
+      Maximum Current: <input name="MA" type="number" class="l" min="250" max="65000" oninput="UI()" required> mA<br>
+      <div id="ampwarning" style="color: orange; display: none;">
+        &#9888; Your power supply provides high current.<br>
+        To improve the safety of your setup,<br>
+        please use thick cables,<br>
+        multiple power injection points and a fuse!<br>
+      </div>
+      <i>Automatically limits brightness to stay close to the limit.<br>
+      Keep at &lt;1A if powering LEDs directly from the ESP 5V pin!<br>
+      If you are using an external power supply, enter its rating.<br>
+      (Current estimated usage: <span class="pow">unknown</span>)</i><br><br>
+      LED voltage (Max. current for a single LED):<br>
+      <select name="LAsel" onchange="enLA()">
+        <option value="55" selected>5V default (55mA)</option>
+        <option value="35">5V efficient (35mA)</option>
+        <option value="30">12V (30mA)</option>
+        <option value="255">WS2815 (12mA)</option>
+        <option value="50">Custom</option>
+      </select><br>
+      <span id="LAdis" style="display: none;">Custom max. current per LED: <input name="LA" type="number" min="0" max="255" id="la" oninput="UI()" required> mA<br></span>
+      <i>Keep at default if you are unsure about your type of LEDs.</i><br>
+    </div>
+    <h3>Hardware setup</h3>
+    <div id="mLC">LED outputs:</div>
+    <button type="button" id="+" onclick="addLEDs(1)">+</button>
+    <button type="button" id="-" onclick="addLEDs(-1)">-</button><br>
+    LED Memory Usage: <span id="m0">0</span> / <span id="m1">?</span> B<br>
+    <div id="dbar" style="display:inline-block; width: 100px; height: 10px; border-radius: 20px;"></div><br>
+    <div id="ledwarning" style="color: orange; display: none;">
+      &#9888; You might run into stability or lag issues.<br>
+      Use less than <span id="wreason">800 LEDs per pin</span> for the best experience!<br>
+    </div><hr style="width:260px">
+    <div id="btns"></div>
+    Touch threshold: <input type="number" min="0" max="100" name="TT" required><br>
+    IR GPIO: <input type="number" min="-1" max="40" name="IR" onchange="UI()" class="s"><select name="IT" onchange="UI()">
+    <option value=0>Remote disabled</option>
+    <option value=1>24-key RGB</option>
+    <option value=2>24-key with CT</option>
+    <option value=3>40-key blue</option>
+    <option value=4>44-key RGB</option>
+    <option value=5>21-key RGB</option>
+    <option value=6>6-key black</option>
+    <option value=7>9-key red</option>
+    <option value=8>JSON remote</option>
+    </select><span style="cursor: pointer;" onclick="off('IR')">&nbsp;&#215;</span><br>
+    <div id="json" style="display:none;">JSON file: <input type="file" name="data" accept=".json"> <input type="button" value="Upload" onclick="uploadFile('/ir.json');"><br></div>
+    <div id="toast"></div>
+    <a href="https://github.com/Aircoookie/WLED/wiki/Infrared-Control" target="_blank">IR info</a><br>
+    Relay pin: <input type="number" min="-1" max="33" name="RL" onchange="UI()" class="s"> invert <input type="checkbox" name="RM"><span style="cursor: pointer;" onclick="off('RL')">&nbsp;&#215;</span><br>
+    <hr style="width:260px">
+		<h3>Defaults</h3>
+		Turn LEDs on after power up/reset: <input type="checkbox" name="BO"><br>
+    Default brightness: <input name="CA" type="number" class="m" min="0" max="255" required> (0-255)<br><br>
+    Apply preset <input name="BP" type="number" class="m" min="0" max="250" required> at boot (0 uses defaults)
+    <br><br>
+		Use Gamma correction for color: <input type="checkbox" name="GC"> (strongly recommended)<br>
+		Use Gamma correction for brightness: <input type="checkbox" name="GB"> (not recommended)<br><br>
+		Brightness factor: <input name="BF" type="number" class="m" min="1" max="255" required> %
+		<h3>Transitions</h3>
+		Crossfade: <input type="checkbox" name="TF"><br>
+		Transition Time: <input name="TD" type="number" class="xl" min="0" max="65500"> ms<br>
+		Enable Palette transitions: <input type="checkbox" name="PF">
+		<h3>Timed light</h3>
+		Default Duration: <input name="TL" type="number" class="m" min="1" max="255" required> min<br>
+		Default Target brightness: <input name="TB" type="number" class="m" min="0" max="255" required><br>
+		Mode:
+    <select name="TW">
+			<option value="0">Wait and set</option>
+			<option value="1">Fade</option>
+			<option value="2">Fade Color</option>
+			<option value="3">Sunrise</option>
+		</select>
+    <h3>Advanced</h3>
+		Palette blending:
+		<select name="PB">
+			<option value="0">Linear (wrap if moving)</option>
+			<option value="1">Linear (always wrap)</option>
+			<option value="2">Linear (never wrap)</option>
+			<option value="3">None (not recommended)</option>
+		</select><br>
+    <span class="wc">
+      Auto-calculate white channel from RGB:<br>
+      <select name="AW">
+        <option value=0>None</option>
+        <option value=1>Brighter</option>
+        <option value=2>Accurate</option>
+        <option value=3>Dual</option>
+        <option value=4>Legacy</option>
+      </select>
+    <br></span><hr>
+		<button type="button" onclick="B()">Back</button><button type="submit">Save</button>
+	</form>
+</body>
+</html>
diff --git a/wled00/html_settings.h b/wled00/html_settings.h
index fd4eb8810..e9b67199b 100644
--- a/wled00/html_settings.h
+++ b/wled00/html_settings.h
@@ -77,7 +77,7 @@ onclick="B()">Back</button><button type="submit">Save & Connect</button></form>
 // Autogenerated from wled00/data/settings_leds.htm, do not edit!!
 const char PAGE_settings_leds[] PROGMEM = R"=====(<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta 
 name="viewport" content="width=500"><title>LED Settings</title><script>
-var timeout,d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function gId(e){return d.getElementById(e)}function off(e){d.getElementsByName(e)[0].value=-1}function showToast(e,n=!1){var a=gId("toast");a.innerHTML=e,a.className=n?"error":"show",clearTimeout(timeout),a.style.animation="none",timeout=setTimeout((function(){a.className=a.className.replace("show","")}),2900)}function bLimits(e,n,a){maxB=e,maxM=a,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"L5"==n||"L6"==n||"L7"==n||"RL"==n||"BT"==n||"IR"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;if("IR"!=n&&"BT"!=n&&e[i].value>33)return alert("Sorry, pins >33 are input only."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var a=e[j].name.substring(0,2);if(("L0"==a||"L1"==a||"L2"==a||"L3"==a||"L4"==a||"L5"==a||"L6"==a||"L7"==a||"RL"==a||"BT"==a||"IR"==a)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${n}/${a}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(d.Sf.data.value="",e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=gId("able").checked;d.Sf.LA.value=e?laprev:0,gId("abl").style.display=e?"inline":"none",gId("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,gId("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(gId("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:gId("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:gId("LAdis").style.display="inline"}gId("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,a){return e<32?maxM<1e4&&3==a?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=!1,a=0;gId("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var t=d.getElementsByTagName("select");for(f=0;f<t.length;f++)if("LT"==t[f].name.substring(0,2)){c=t[f].name.substring(2);var i=parseInt(t[f].value,10);gId("p0d"+c).innerHTML=i>49?"Data GPIO:":i>41?"GPIOs:":"GPIO:",gId("p1d"+c).innerHTML=i>49?"Clk GPIO:":"";var l=d.getElementsByName("L1"+c)[0];for(a+=getMem(i,d.getElementsByName("LC"+c)[0].value,d.getElementsByName("L0"+c)[0].value),v=1;v<5;v++){(l=d.getElementsByName("L"+v+c)[0])&&(i>49&&1==v||i>41&&i<50&&v+40<i?(l.style.display="inline",l.required=!0):(l.style.display="none",l.required=!1,l.value=""))}e&&(gId("ls"+c).value=c+1,i>31&&i<48&&(d.getElementsByName("LC"+c)[0].value=1)),n|=30==i||31==i||i>40&&i<46&&43!=i,gId("dig"+c).style.display=i>31&&i<48?"none":"inline",gId("psd"+c).innerHTML=i>31&&i<48?"Index:":"Start:"}var o=d.querySelectorAll(".wc"),s=o.length;for(f=0;f<s;f++)o[f].style.display=n?"inline":"none";var u=d.getElementsByTagName("input"),r=0,p=0;for(f=0;f<u.length;f++){var m=u[f].name.substring(0,2);if("LC"!=m||"LC"===u[f].name){if("L0"==m||"L1"==m)d.getElementsByName("LC"+u[f].name.substring(2))[0].max=maxPB;if(("L0"==m||"L1"==m||"L2"==m||"L3"==m||"L4"==m||"L5"==m||"L6"==m||"L7"==m||"RL"==m||"BT"==m||"IR"==m)&&""!=u[f].value&&"-1"!=u[f].value){var v=[];if(d.um_p&&Array.isArray(d.um_p))for(k=0;k<d.um_p.length;k++)v.push(d.um_p[k]);for(j=0;j<u.length;j++)if(f!=j){var L=u[j].name.substring(0,2);"L0"!=L&&"L1"!=L&&"L2"!=L&&"L3"!=L&&"L4"!=L&&"L5"!=L&&"L6"!=L&&"L7"!=L&&"RL"!=L&&"BT"!=L&&"IR"!=L||""!=u[j].value&&"-1"!=u[j].value&&v.push(parseInt(u[j].value,10))}v.some(e=>e==parseInt(u[f].value,10))?u[f].style.color="red":u[f].style.color=parseInt(u[f].value,10)>33?"orange":"#fff"}}else{var c=u[f].name.substring(2),g=parseInt(u[f].value,10);gId("ls"+c).value=r,g&&(r+=g,g>p&&(p=g))}}if(gId("LC").readOnly&&(d.getElementsByName("LC")[0].value=r),d.activeElement==d.getElementsByName("LC")[0]){var f=d.getElementsByClassName("iST").length;1==f&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}gId("m0").innerHTML=a,bquot=a/maxM*100,gId("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,gId("ledwarning").style.display=r>maxPB||p>800||bquot>80?"inline":"none",gId("ledwarning").style.color=r>maxPB||p>maxPB||bquot>100?"red":"orange",gId("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per GPIO";var y=Math.ceil((100+r*laprev)/500)/2;y=y>5?Math.ceil(y):y;t="";var I=30==d.Sf.LAsel.value,b=255==d.Sf.LAsel.value;y<1.02&&!I&&!b?t="ESP 5V pin with 1A USB supply":(t+=I?"12V ":b?"WS2815 12V ":"5V ",t+=y,t+="A supply connected to LEDs");var B=Math.ceil((100+r*laprev)/1500)/2,S="(for most effects, ~";S+=B=B>5?Math.ceil(B):B,S+="A is enough)<br>",gId("psu").innerHTML=t,gId("psu2").innerHTML=b?"":S,gId("json").style.display=8==d.Sf.IT.value?"":"none"}function lastEnd(e){if(e<1)return 0;v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value);var n=parseInt(d.getElementsByName("LT"+(e-1))[0].value);return n>31&&n<48&&(v=1),isNaN(v)?0:v}function addLEDs(e){if(e>1)return maxB=e,void(gId("+").style.display="inline");var n=d.getElementsByClassName("iST"),a=n.length;if(!(1==e&&a>=maxB||-1==e&&0==a)){var t=gId("mLC");if(1==e){var i=`<div class="iST">\n${a>0?'<hr style="width:260px">':""}\n${a+1}:\n<select name="LT${a}" onchange="UI(true)">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${a}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${a}">GPIO:</span><input type="number" name="L0${a}" min="0" max="33" required class="s" onchange="UI()"/>\n<span id="p1d${a}"></span><input type="number" name="L1${a}" min="0" max="33" class="s" onchange="UI()"/>\n<span id="p2d${a}"></span><input type="number" name="L2${a}" min="0" max="33" class="s" onchange="UI()"/>\n<span id="p3d${a}"></span><input type="number" name="L3${a}" min="0" max="33" class="s" onchange="UI()"/>\n<span id="p4d${a}"></span><input type="number" name="L4${a}" min="0" max="33" class="s" onchange="UI()"/>\n<br>\n<span id="psd${a}">Start:</span> <input type="number" name="LS${a}" id="ls${a}" class="l" min="0" max="8191" value="${lastEnd(a)}" readonly required />&nbsp;\n<div id="dig${a}" style="display:inline">\nCount: <input type="number" name="LC${a}" class="l" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${a}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${a}" type="checkbox" name="SL${a}"><br>\n</div>\n</div>`;t.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--a].remove(),--a),gId("+").style.display=a<maxB-1?"inline":"none",gId("-").style.display=a>0?"inline":"none",UI()}}function addBtn(e,n,a){var t=gId("btns").innerHTML,i="BT"+e;t+=`Button ${e} GPIO: <input type="number" min="-1" max="40" name="${i}" onchange="UI()" class="s" value="${n}">`,t+=`<select name="${"BE"+e}">`,t+=`<option value="0" ${0==a?"selected":""}>Disabled</option>`,t+=`<option value="2" ${2==a?"selected":""}>Pushbutton</option>`,t+=`<option value="3" ${3==a?"selected":""}>Push inverted</option>`,t+=`<option value="4" ${4==a?"selected":""}>Switch</option>`,t+=`<option value="5" ${5==a?"selected":""}>PIR sensor</option>`,t+=`<option value="6" ${6==a?"selected":""}>Touch</option>`,t+=`<option value="7" ${7==a?"selected":""}>Analog</option>`,t+=`<option value="8" ${8==a?"selected":""}>Analog inverted</option>`,t+="</select>",t+=`<span style="cursor: pointer;" onclick="off('${i}')">&nbsp;&#215;</span><br>`,gId("btns").innerHTML=t}function uploadFile(e){var n=new XMLHttpRequest;n.addEventListener("load",(function(){showToast(this.responseText)})),n.addEventListener("error",(function(e){showToast(e.stack,!0)})),n.open("POST","/upload");var a=new FormData;return a.append("data",d.Sf.data.files[0],e),n.send(a),d.Sf.data.value="",!1}function GetV() {var d=document;
+var timeout,d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function gId(e){return d.getElementById(e)}function off(e){d.getElementsByName(e)[0].value=-1}function showToast(e,n=!1){var a=gId("toast");a.innerHTML=e,a.className=n?"error":"show",clearTimeout(timeout),a.style.animation="none",timeout=setTimeout((function(){a.className=a.className.replace("show","")}),2900)}function bLimits(e,n,a){maxB=e,maxM=a,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"RL"==n||"BT"==n||"IR"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;if("IR"!=n&&"BT"!=n&&e[i].value>33)return alert("Sorry, pins >33 are input only."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var a=e[j].name.substring(0,2);if(("L0"==a||"L1"==a||"L2"==a||"L3"==a||"L4"==a||"RL"==a||"BT"==a||"IR"==a)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${e[i].name}/${e[j].name}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(d.Sf.data.value="",e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=gId("able").checked;d.Sf.LA.value=e?laprev:0,gId("abl").style.display=e?"inline":"none",gId("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,gId("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(gId("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:gId("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:gId("LAdis").style.display="inline"}gId("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,a){return e<32?maxM<1e4&&3==a?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=!1,a=0;gId("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var t=d.getElementsByTagName("select");for(g=0;g<t.length;g++)if("LT"==t[g].name.substring(0,2)){f=t[g].name.substring(2);var i=parseInt(t[g].value,10);gId("p0d"+f).innerHTML=i>49?"Data GPIO:":i>41?"GPIOs:":"GPIO:",gId("p1d"+f).innerHTML=i>49?"Clk GPIO:":"";var l=d.getElementsByName("L1"+f)[0];for(a+=getMem(i,d.getElementsByName("LC"+f)[0].value,d.getElementsByName("L0"+f)[0].value),m=1;m<5;m++){(l=d.getElementsByName("L"+m+f)[0])&&(i>49&&1==m||i>41&&i<50&&m+40<i?(l.style.display="inline",l.required=!0):(l.style.display="none",l.required=!1,l.value=""))}e&&(gId("ls"+f).value=f+1,i>31&&i<48&&(d.getElementsByName("LC"+f)[0].value=1)),n|=30==i||31==i||i>40&&i<46&&43!=i,gId("dig"+f).style.display=i>31&&i<48?"none":"inline",gId("psd"+f).innerHTML=i>31&&i<48?"Index:":"Start:"}var o=d.querySelectorAll(".wc"),s=o.length;for(g=0;g<s;g++)o[g].style.display=n?"inline":"none";var u=d.getElementsByTagName("input"),r=0,p=0;for(g=0;g<u.length;g++){var v=u[g].name.substring(0,2);if("LC"!=v||"LC"===u[g].name){if("L0"==v||"L1"==v)d.getElementsByName("LC"+u[g].name.substring(2))[0].max=maxPB;if(("L0"==v||"L1"==v||"L2"==v||"L3"==v||"L4"==v||"RL"==v||"BT"==v||"IR"==v)&&""!=u[g].value&&"-1"!=u[g].value){var m=[];if(d.um_p&&Array.isArray(d.um_p))for(k=0;k<d.um_p.length;k++)m.push(d.um_p[k]);for(j=0;j<u.length;j++)if(g!=j){var c=u[j].name.substring(0,2);"L0"!=c&&"L1"!=c&&"L2"!=c&&"L3"!=c&&"L4"!=c&&"RL"!=c&&"BT"!=c&&"IR"!=c||""!=u[j].value&&"-1"!=u[j].value&&m.push(parseInt(u[j].value,10))}m.some(e=>e==parseInt(u[g].value,10))?u[g].style.color="red":u[g].style.color=parseInt(u[g].value,10)>33?"orange":"#fff"}}else{var f=u[g].name.substring(2),L=parseInt(u[g].value,10);gId("ls"+f).value=r,L&&(r+=L,L>p&&(p=L))}}if(gId("LC").readOnly&&(d.getElementsByName("LC")[0].value=r),d.activeElement==d.getElementsByName("LC")[0]){var g=d.getElementsByClassName("iST").length;1==g&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}gId("m0").innerHTML=a,bquot=a/maxM*100,gId("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,gId("ledwarning").style.display=r>maxPB||p>800||bquot>80?"inline":"none",gId("ledwarning").style.color=r>maxPB||p>maxPB||bquot>100?"red":"orange",gId("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per GPIO";var y=Math.ceil((100+r*laprev)/500)/2;y=y>5?Math.ceil(y):y;t="";var S=30==d.Sf.LAsel.value,I=255==d.Sf.LAsel.value;y<1.02&&!S&&!I?t="ESP 5V pin with 1A USB supply":(t+=S?"12V ":I?"WS2815 12V ":"5V ",t+=y,t+="A supply connected to LEDs");var B=Math.ceil((100+r*laprev)/1500)/2,b="(for most effects, ~";b+=B=B>5?Math.ceil(B):B,b+="A is enough)<br>",gId("psu").innerHTML=t,gId("psu2").innerHTML=I?"":b,gId("json").style.display=8==d.Sf.IT.value?"":"none"}function lastEnd(e){if(e<1)return 0;v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value);var n=parseInt(d.getElementsByName("LT"+(e-1))[0].value);return n>31&&n<48&&(v=1),isNaN(v)?0:v}function addLEDs(e){if(e>1)return maxB=e,void(gId("+").style.display="inline");var n=d.getElementsByClassName("iST"),a=n.length;if(!(1==e&&a>=maxB||-1==e&&0==a)){var t=gId("mLC");if(1==e){var i=`<div class="iST">\n${a>0?'<hr style="width:260px">':""}\n${a+1}:\n<select name="LT${a}" onchange="UI(true)">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${a}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${a}">GPIO:</span><input type="number" name="L0${a}" min="0" max="33" required class="s" onchange="UI()"/>\n<span id="p1d${a}"></span><input type="number" name="L1${a}" min="0" max="33" class="s" onchange="UI()"/>\n<span id="p2d${a}"></span><input type="number" name="L2${a}" min="0" max="33" class="s" onchange="UI()"/>\n<span id="p3d${a}"></span><input type="number" name="L3${a}" min="0" max="33" class="s" onchange="UI()"/>\n<span id="p4d${a}"></span><input type="number" name="L4${a}" min="0" max="33" class="s" onchange="UI()"/>\n<br>\n<span id="psd${a}">Start:</span> <input type="number" name="LS${a}" id="ls${a}" class="l" min="0" max="8191" value="${lastEnd(a)}" readonly required />&nbsp;\n<div id="dig${a}" style="display:inline">\nCount: <input type="number" name="LC${a}" class="l" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${a}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${a}" type="checkbox" name="SL${a}"><br>\n</div>\n</div>`;t.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--a].remove(),--a),gId("+").style.display=a<maxB-1?"inline":"none",gId("-").style.display=a>0?"inline":"none",UI()}}function addBtn(e,n,a){var t=gId("btns").innerHTML,i="BT"+e;t+=`Button ${e} GPIO: <input type="number" min="-1" max="40" name="${i}" onchange="UI()" class="s" value="${n}">`,t+=`<select name="${"BE"+e}">`,t+=`<option value="0" ${0==a?"selected":""}>Disabled</option>`,t+=`<option value="2" ${2==a?"selected":""}>Pushbutton</option>`,t+=`<option value="3" ${3==a?"selected":""}>Push inverted</option>`,t+=`<option value="4" ${4==a?"selected":""}>Switch</option>`,t+=`<option value="5" ${5==a?"selected":""}>PIR sensor</option>`,t+=`<option value="6" ${6==a?"selected":""}>Touch</option>`,t+=`<option value="7" ${7==a?"selected":""}>Analog</option>`,t+=`<option value="8" ${8==a?"selected":""}>Analog inverted</option>`,t+="</select>",t+=`<span style="cursor: pointer;" onclick="off('${i}')">&nbsp;&#215;</span><br>`,gId("btns").innerHTML=t}function uploadFile(e){var n=new XMLHttpRequest;n.addEventListener("load",(function(){showToast(this.responseText)})),n.addEventListener("error",(function(e){showToast(e.stack,!0)})),n.open("POST","/upload");var a=new FormData;return a.append("data",d.Sf.data.files[0],e),n.send(a),d.Sf.data.value="",!1}function GetV() {var d=document;
 %CSS%%SCSS%<link href="/skin.css" 
 rel="stylesheet"></head><body onload="S()"><form id="form_s" name="Sf" 
 method="post"><div class="toprow"><div class="helpB"><button type="button" 
