Update app.py

app.py

@@ -398,19 +398,19 @@ with gr.Blocks(css=css) as demo:
               </svg>""")
             blur_in = gr.Textbox(value="", label="Blur kernel size")
             average = gr.HTML(value="""<label for='average'>Average</label><input id='average' type='range' style='width:256px;height:1em;' value='1' min='1' max='15' step='2' onclick='
+              this.style.borderBottom = \"1px dotted white\";
               var pts_a = document.getElementsByTagName(\"textarea\")[1].value.split(\" \");
               for (var i=0; i<256; i++) {
                 var avg = 0;
+                var div = this.value;
                 for (var j = i-parseInt(this.value/2); j <= i+parseInt(this.value/2); j++) {
                   if (pts_a[j]) {
                     avg += parseInt(pts_a[j]);
-                  } else if (j < 0) {
-                    avg += parseInt(pts_a[0]);
-                  } else if (j > 255) {
-                    avg += parseInt(pts_a[255]);
+                  } else {
+                    div--;
                   }
                 }
-                pts_a[i] = parseInt(avg / this.value);
+                pts_a[i] = parseInt(avg / div);
               }
               document.getElementsByTagName(\"textarea\")[1].value = pts_a.join(\" \");
               for (var i=0; i<pts_a.length; i++) {
@@ -421,6 +421,7 @@ with gr.Blocks(css=css) as demo:
               var evt = document.createEvent(\"Event\");
               evt.initEvent(\"input\", true, false);
               document.getElementsByTagName(\"textarea\")[1].dispatchEvent(evt);
+              this.style.borderBottom = \"1px dotted black\";
             ' oninput='
               this.parentNode.childNodes[2].innerText = this.value;
             '/><span>1</span>""")