From a59e0d9921f75ddc4de1aa76cdedab71ad757ee7 Mon Sep 17 00:00:00 2001
From: Rajtilak Bhattacharjee <rajtilak.blog@gmail.com>
Date: Sun, 13 Nov 2022 11:35:49 +0530
Subject: [PATCH 1/4] added RESET button

 - added button code in index.php
 - added reset code in script.js
---
 src/demo/index.php    |  1 +
 src/demo/js/script.js | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/demo/index.php b/src/demo/index.php
index 37640ded..5b00f81d 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -106,6 +106,7 @@ function gtag() {
                     <label>✕</label>
                     <input class="param inline" type="number" id="height" name="height" alt="Height (px)" placeholder="50" value="50">
                 </span>
+                <input type="button" value="Reset" onclick="preview.reset();">
             </form>
         </div>
 
diff --git a/src/demo/js/script.js b/src/demo/js/script.js
index 056d414b..f8327281 100644
--- a/src/demo/js/script.js
+++ b/src/demo/js/script.js
@@ -156,6 +156,29 @@ let preview = {
     this.update();
     return false;
   },
+  reset: function () {
+    const inputs = document.querySelectorAll(".param");
+    inputs.forEach((input) => {
+      let value = this.defaults[input.name];
+      if (value) {
+        input.value = value;
+      }
+    });
+    const overrides = {
+      font: "Fira Code",
+      pause: "1000",
+      width: "435",
+    };
+    let value = overrides[input.name] || this.defaults[input.name];
+    input.jscolor.fromString(value);
+    if (value) {
+      if (["color", "background"].includes(input.name)) {
+        input.jscolor.fromString(value);
+      } else {
+        input.value = value;
+      }
+    }
+  }
 };
 
 let clipboard = {

From d6cdab4bd6cd37114615736605b9a46073dbe9ff Mon Sep 17 00:00:00 2001
From: Rajtilak Bhattacharjee <rajtilak.blog@gmail.com>
Date: Sun, 13 Nov 2022 13:37:56 +0530
Subject: [PATCH 2/4] Update src/demo/js/script.js

Co-authored-by: Jonah Lawrence <jonah@freshidea.com>
---
 src/demo/js/script.js | 28 ++++++++++++----------------
 1 file changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/demo/js/script.js b/src/demo/js/script.js
index f8327281..e865e6a2 100644
--- a/src/demo/js/script.js
+++ b/src/demo/js/script.js
@@ -157,28 +157,24 @@ let preview = {
     return false;
   },
   reset: function () {
-    const inputs = document.querySelectorAll(".param");
-    inputs.forEach((input) => {
-      let value = this.defaults[input.name];
-      if (value) {
-        input.value = value;
-      }
-    });
     const overrides = {
       font: "Fira Code",
       pause: "1000",
       width: "435",
     };
-    let value = overrides[input.name] || this.defaults[input.name];
-    input.jscolor.fromString(value);
-    if (value) {
-      if (["color", "background"].includes(input.name)) {
-        input.jscolor.fromString(value);
-      } else {
-        input.value = value;
+    // reset all inputs
+    const inputs = document.querySelectorAll(".param");
+    inputs.forEach((input) => {
+      let value = overrides[input.name] || this.defaults[input.name];
+      if (value) {
+        if (["color", "background"].includes(input.name)) {
+          input.jscolor.fromString(value);
+        } else {
+          input.value = value;
+        }
       }
-    }
-  }
+    });
+  },
 };
 
 let clipboard = {

From 859ed99515a9fa18175ebe9c306548321c5e513f Mon Sep 17 00:00:00 2001
From: Rajtilak Bhattacharjee <rajtilak.blog@gmail.com>
Date: Sun, 13 Nov 2022 13:38:16 +0530
Subject: [PATCH 3/4] Update src/demo/index.php

Co-authored-by: Jonah Lawrence <jonah@freshidea.com>
---
 src/demo/index.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/demo/index.php b/src/demo/index.php
index 5b00f81d..7aaeb6f2 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -106,6 +106,7 @@ function gtag() {
                     <label>✕</label>
                     <input class="param inline" type="number" id="height" name="height" alt="Height (px)" placeholder="50" value="50">
                 </span>
+
                 <input type="button" value="Reset" onclick="preview.reset();">
             </form>
         </div>

From a98fe74f0e1d53fbba301fc1cfbe58c89a5defde Mon Sep 17 00:00:00 2001
From: Rajtilak Bhattacharjee <rajtilak.blog@gmail.com>
Date: Sun, 13 Nov 2022 14:18:52 +0530
Subject: [PATCH 4/4] Update src/demo/index.php

Co-authored-by: Jonah Lawrence <jonah@freshidea.com>
---
 src/demo/index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/demo/index.php b/src/demo/index.php
index 7aaeb6f2..d050fb21 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -107,7 +107,7 @@ function gtag() {
                     <input class="param inline" type="number" id="height" name="height" alt="Height (px)" placeholder="50" value="50">
                 </span>
 
-                <input type="button" value="Reset" onclick="preview.reset();">
+                <input type="button" class="btn" value="Reset" onclick="preview.reset();">
             </form>
         </div>