From cb4c508c46868db977f4d7b691585ad8bbb7e47f Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Thu, 22 Feb 2024 13:44:32 +0000
Subject: [PATCH 01/10] added/changed tab index values and added tab focus to
 top banner

---
 src/web/html/index.html                |  4 ++--
 src/web/stylesheets/layout/_banner.css | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/web/html/index.html b/src/web/html/index.html
index 5c3c3263..c3650fb5 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -145,7 +145,7 @@
         <button type="button" class="btn btn-warning bmd-btn-icon" id="edit-favourites" data-toggle="tooltip" title="Edit favourites">
             <i class="material-icons">star</i>
         </button>
-        <div id="content-wrapper">
+        <div tabindex="0" id="content-wrapper">
             <div id="banner" class="row">
                 <div class="col" style="text-align: left; padding-left: 10px;">
                     <a href="#" data-toggle="modal" data-target="#download-modal" data-help-title="Downloading CyberChef" data-help="<p>CyberChef can be downloaded to run locally or hosted within your own network. It has no server-side component so all that is required is that the ZIP file is uncompressed and the files are accessible.</p><p>As a user, it is worth noting that unofficial versions of CyberChef could have been modified to introduce Input and/or Recipe exfiltration. We recommend always using the official, open source, up-to-date version of CyberChef hosted at <a href='https://gchq.github.io/CyberChef'>https://gchq.github.io/CyberChef</a> if accessible.</p><p>The Network tab in your browser's Developer console (F12) can be used to inspect the network requests made by a website. This can confirm that no data is uploaded when a CyberChef recipe is baked.</p>">Download CyberChef <i class="material-icons">file_download</i></a>
@@ -172,7 +172,7 @@
                     <div class="title no-select" data-help-title="Operations list" data-help="<p>The Operations list contains all the operations in CyberChef arranged into categories. Some operations may be present in multiple categories. You can search for operations using the search box.</p><p>To use an operation, either double click it, or drag it into the Recipe pane. You will then be able to configure its arguments (or 'Ingredients' in CyberChef terminology).</p>">
                         Operations
                     </div>
-                    <input id="search" type="search" class="form-control" placeholder="Search..." autocomplete="off" tabindex="2" data-help-title="Searching for operations" data-help="<p>Use the search box to find useful operations.</p><p>Both operation names and descriptions are queried using a fuzzy matching algorithm.</p>">
+                    <input id="search" type="search" class="form-control" placeholder="Search..." autocomplete="off" tabindex="0" data-help-title="Searching for operations" data-help="<p>Use the search box to find useful operations.</p><p>Both operation names and descriptions are queried using a fuzzy matching algorithm.</p>">
                     <ul id="search-results" class="op-list"></ul>
                     <div id="categories" class="panel-group no-select"></div>
                 </div>
diff --git a/src/web/stylesheets/layout/_banner.css b/src/web/stylesheets/layout/_banner.css
index 59856958..9e883c55 100755
--- a/src/web/stylesheets/layout/_banner.css
+++ b/src/web/stylesheets/layout/_banner.css
@@ -26,6 +26,32 @@
     color: var(--banner-url-colour);
 }
 
+#options:focus {
+    background-color: #ccddc5;
+    border: solid black 2px;
+}
+
+#support:focus {
+    background-color: #e5e5e5;
+    border: solid black 2px;
+
+}
+
+#notice:focus {
+    background-color: #ccddc5;
+    border: solid black 2px;
+}
+
+#banner .col a:focus {
+    background-color: #ccddc5;
+    border: solid black 2px;
+}
+
+#notice-wrapper #notice:focus {
+    background-color: #ccddc5;
+    border: solid black 2px;
+}
+
 #notice-wrapper {
     text-align: center;
     overflow: hidden;

From 1030af28f1165819a2784df4030db4b5bd8c900f Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Thu, 22 Feb 2024 15:55:43 +0000
Subject: [PATCH 02/10] changes to css values

---
 src/web/stylesheets/layout/_banner.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/web/stylesheets/layout/_banner.css b/src/web/stylesheets/layout/_banner.css
index 9e883c55..1ef5d766 100755
--- a/src/web/stylesheets/layout/_banner.css
+++ b/src/web/stylesheets/layout/_banner.css
@@ -27,29 +27,33 @@
 }
 
 #options:focus {
-    background-color: #ccddc5;
+    background-color: #eef3ec;
     border: solid black 2px;
+    border-radius: 4px;
 }
 
 #support:focus {
-    background-color: #e5e5e5;
+    background-color: #eef3ec;
     border: solid black 2px;
-
+    border-radius: 4px;
 }
 
 #notice:focus {
-    background-color: #ccddc5;
+    background-color: #eef3ec;
     border: solid black 2px;
+    border-radius: 4px;
 }
 
 #banner .col a:focus {
-    background-color: #ccddc5;
+    background-color: #eef3ec;
     border: solid black 2px;
+    border-radius: 4px;
 }
 
 #notice-wrapper #notice:focus {
-    background-color: #ccddc5;
+    background-color: #eef3ec;
     border: solid black 2px;
+    border-radius: 4px;
 }
 
 #notice-wrapper {

From f7647b88e085d492b90e08a61fb1312d28c4d76e Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Mon, 26 Feb 2024 16:47:10 +0000
Subject: [PATCH 03/10] up/down for FAQ list

---
 src/web/waiters/ControlsWaiter.mjs | 32 ++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index 6a0ef6f2..e5a3f3b9 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -351,6 +351,12 @@ class ControlsWaiter {
      */
     supportButtonClick(e) {
         e.preventDefault();
+        const faqs = document.getElementById("faqs");
+        const faqsAElement = faqs.getElementsByTagName("a");
+        for (let i = 0; i < faqsAElement.length; i++) {
+            faqsAElement[i].setAttribute("tabindex", "0");
+            faqsAElement[i].addEventListener("keydown", this.ArrowNavFAQS, false);
+        }
 
         const reportBugInfo = document.getElementById("report-bug-info");
         const saveLink = this.generateStateUrl(true, true, null, null, "https://gchq.github.io/CyberChef/");
@@ -367,6 +373,32 @@ ${navigator.userAgent}
     }
 
 
+    /**
+    * @param {Event} ev
+    */
+    ArrowNavFAQS(ev) {
+
+        const currentElement = ev.target;
+        ev.preventDefault();
+        ev.stopPropagation();
+        if (ev.key === "ArrowDown") {
+            const nextElement = currentElement.nextElementSibling;
+            if (nextElement.nextElementSibling === null) {
+                currentElement.parentElement.firstElementChild.nextElementSibling.focus();
+            } else {
+                nextElement.nextElementSibling.nextElementSibling.focus();
+            }
+        } else if (ev.key === "ArrowUp") {
+            const prevElement = currentElement.previousElementSibling;
+            if (prevElement.previousElementSibling === null) {
+                currentElement.parentElement.lastElementChild.previousElementSibling.focus();
+            } else {
+                prevElement.previousElementSibling.previousElementSibling.focus();
+            }
+        }
+
+    }
+
     /**
      * Shows the stale indicator to show that the input or recipe has changed
      * since the last bake.

From 798c06d28a9c8946937b72719c73e120bf31281b Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Wed, 28 Feb 2024 17:30:19 +0000
Subject: [PATCH 04/10] FAQ navigation via keyboard WIP

---
 src/web/waiters/ControlsWaiter.mjs | 66 +++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 2 deletions(-)

diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index e5a3f3b9..4d7efe97 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -4,6 +4,7 @@
  * @license Apache-2.0
  */
 
+import { log } from "loglevel";
 import Utils from "../../core/Utils.mjs";
 
 
@@ -358,6 +359,17 @@ class ControlsWaiter {
             faqsAElement[i].addEventListener("keydown", this.ArrowNavFAQS, false);
         }
 
+        const tabs = document.querySelectorAll('[role="tab"]');
+        const tabPanel = document.querySelector('[role="tabpanel"]')
+
+        for (let i = 0; i < tabs.length; i++) {
+            tabs[i].addEventListener("keydown", this.changeTabs, false);
+        }
+
+        for (let i = 0; i < tabPanel.length; i++) {
+            tabPanel[i].addEventListener("keydown", this.changeTabs, false);
+        }
+
         const reportBugInfo = document.getElementById("report-bug-info");
         const saveLink = this.generateStateUrl(true, true, null, null, "https://gchq.github.io/CyberChef/");
 
@@ -377,7 +389,6 @@ ${navigator.userAgent}
     * @param {Event} ev
     */
     ArrowNavFAQS(ev) {
-
         const currentElement = ev.target;
         ev.preventDefault();
         ev.stopPropagation();
@@ -395,10 +406,61 @@ ${navigator.userAgent}
             } else {
                 prevElement.previousElementSibling.previousElementSibling.focus();
             }
-        }
+        } else if(ev.key === "Tab"){
+            ev.preventDefault();
+            ev.stopPropagation();
+            currentElement.parentElement.parentElement.parentElement.nextElementSibling.firstElementChild.focus();
+            
+        } 
 
     }
 
+    /**
+    * @param {Event} ev
+    */
+    changeTabs(ev) {
+        const tab = ev.target;
+        console.log("tab" , tab);
+        ev.preventDefault();
+        ev.stopPropagation();
+
+        if (ev.key === "ArrowRight") {
+            const nextTab = tab.parentElement;
+            console.log("nextTab" , nextTab);
+            if (nextTab.nextElementSibling === null) {
+                tab.parentElement.parentElement.firstElementChild.firstElementChild.focus();
+            } else {
+                nextTab.nextElementSibling.firstElementChild.focus();
+            }
+            
+            console.log("nextTab", nextTab);
+
+        } else if(ev.key === "ArrowLeft"){
+            const prevTab = tab.parentElement;
+            
+            if (prevTab.previousElementSibling === null) {
+                tab.parentElement.parentElement.lastElementChild.firstElementChild.focus();
+            } else {
+                prevTab.previousElementSibling.firstElementChild.focus();
+            }
+        }else if (ev.key === "ArrowDown") {
+            const downPanel = tab.parentElement.parentElement;
+            console.log("downpanel", downPanel);
+            if (downPanel.parentElement.nextElementSibling === null) {
+                tab.parentElement.firstElementChild.nextElementSibling.focus();
+            } else {
+                downPanel.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']").focus();
+                console.log("Arrowdown focus 2", downPanel.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']"));
+            }
+        } else if(ev.key === "Tab"){
+            ev.preventDefault();
+            ev.stopPropagation();
+            tab.parentElement.parentElement.parentElement.nextElementSibling.firstElementChild.focus();
+            
+        }
+
+    }
+    
     /**
      * Shows the stale indicator to show that the input or recipe has changed
      * since the last bake.

From 9e4a53fb1771f109b7222744b37598be04793c83 Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Thu, 29 Feb 2024 10:39:31 +0000
Subject: [PATCH 05/10] navigating through faq with arrow, tab and shift tab
 implemented

---
 src/web/waiters/ControlsWaiter.mjs | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index 4d7efe97..822cbade 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -406,12 +406,15 @@ ${navigator.userAgent}
             } else {
                 prevElement.previousElementSibling.previousElementSibling.focus();
             }
-        } else if(ev.key === "Tab"){
+        } else if(ev.key === "Tab" && !ev.shiftKey){
             ev.preventDefault();
             ev.stopPropagation();
             currentElement.parentElement.parentElement.parentElement.nextElementSibling.firstElementChild.focus();
             
-        } 
+        } else if(ev.shiftKey && ev.key === "Tab"){
+            currentElement.parentElement.parentElement.previousElementSibling.firstElementChild.firstElementChild.focus();
+            console.log("shift tab", currentElement.parentElement.parentElement.previousElementSibling.firstElementChild.firstElementChild);
+        }
 
     }
 
@@ -452,12 +455,12 @@ ${navigator.userAgent}
                 downPanel.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']").focus();
                 console.log("Arrowdown focus 2", downPanel.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']"));
             }
-        } else if(ev.key === "Tab"){
+        } else if(ev.key === "Tab" && !ev.shiftKey){
             ev.preventDefault();
             ev.stopPropagation();
             tab.parentElement.parentElement.parentElement.nextElementSibling.firstElementChild.focus();
             
-        }
+        } 
 
     }
     

From 1f238d8b1366ff7cc277e9702dc2315b1b219b86 Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Fri, 1 Mar 2024 11:55:31 +0000
Subject: [PATCH 06/10] enter functionality WIP

---
 src/web/waiters/ControlsWaiter.mjs | 81 ++++++++++--------------------
 1 file changed, 27 insertions(+), 54 deletions(-)

diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index 822cbade..86cd9783 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -356,18 +356,13 @@ class ControlsWaiter {
         const faqsAElement = faqs.getElementsByTagName("a");
         for (let i = 0; i < faqsAElement.length; i++) {
             faqsAElement[i].setAttribute("tabindex", "0");
-            faqsAElement[i].addEventListener("keydown", this.ArrowNavFAQS, false);
         }
 
         const tabs = document.querySelectorAll('[role="tab"]');
-        const tabPanel = document.querySelector('[role="tabpanel"]')
-
+       
         for (let i = 0; i < tabs.length; i++) {
             tabs[i].addEventListener("keydown", this.changeTabs, false);
-        }
-
-        for (let i = 0; i < tabPanel.length; i++) {
-            tabPanel[i].addEventListener("keydown", this.changeTabs, false);
+            tabs[i].addEventListener("keydown", this.navigateTabsList, false);
         }
 
         const reportBugInfo = document.getElementById("report-bug-info");
@@ -385,39 +380,6 @@ ${navigator.userAgent}
     }
 
 
-    /**
-    * @param {Event} ev
-    */
-    ArrowNavFAQS(ev) {
-        const currentElement = ev.target;
-        ev.preventDefault();
-        ev.stopPropagation();
-        if (ev.key === "ArrowDown") {
-            const nextElement = currentElement.nextElementSibling;
-            if (nextElement.nextElementSibling === null) {
-                currentElement.parentElement.firstElementChild.nextElementSibling.focus();
-            } else {
-                nextElement.nextElementSibling.nextElementSibling.focus();
-            }
-        } else if (ev.key === "ArrowUp") {
-            const prevElement = currentElement.previousElementSibling;
-            if (prevElement.previousElementSibling === null) {
-                currentElement.parentElement.lastElementChild.previousElementSibling.focus();
-            } else {
-                prevElement.previousElementSibling.previousElementSibling.focus();
-            }
-        } else if(ev.key === "Tab" && !ev.shiftKey){
-            ev.preventDefault();
-            ev.stopPropagation();
-            currentElement.parentElement.parentElement.parentElement.nextElementSibling.firstElementChild.focus();
-            
-        } else if(ev.shiftKey && ev.key === "Tab"){
-            currentElement.parentElement.parentElement.previousElementSibling.firstElementChild.firstElementChild.focus();
-            console.log("shift tab", currentElement.parentElement.parentElement.previousElementSibling.firstElementChild.firstElementChild);
-        }
-
-    }
-
     /**
     * @param {Event} ev
     */
@@ -446,22 +408,33 @@ ${navigator.userAgent}
             } else {
                 prevTab.previousElementSibling.firstElementChild.focus();
             }
-        }else if (ev.key === "ArrowDown") {
-            const downPanel = tab.parentElement.parentElement;
-            console.log("downpanel", downPanel);
-            if (downPanel.parentElement.nextElementSibling === null) {
-                tab.parentElement.firstElementChild.nextElementSibling.focus();
-            } else {
-                downPanel.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']").focus();
-                console.log("Arrowdown focus 2", downPanel.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']"));
-            }
         } else if(ev.key === "Tab" && !ev.shiftKey){
-            ev.preventDefault();
-            ev.stopPropagation();
-            tab.parentElement.parentElement.parentElement.nextElementSibling.firstElementChild.focus();
-            
-        } 
+            tab.parentElement.parentElement.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']").focus();
+            console.log("tab to questions", tab.parentElement.parentElement.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']"))
+        }
+    }
 
+     /**
+    * @param {Event} ev
+    */
+    navigateTabsList(ev){
+        ev.preventDefault();
+        if (ev.key === "Enter" || ev.key === "Space" ||ev.key === " ") {
+            const el = ev.target;
+            const targetElement = el.parentElement.parentElement;
+            ev.preventDefault();
+            for (let i = 0; i < targetElement.children.length; i++){
+                const targetChild = targetElement.children[i];
+                console.log("targetChild", targetChild)
+                if (targetChild.children !== undefined && targetChild.children.classList.querySelectorAll("nav-link")){
+                    console.log("includes", targetChild.children.classList.value.querySelectorAll("nav-link"))
+                    if (!targetChild.contains("active")) {
+                        targetChild.add("active");
+                    } 
+
+                }
+            }
+        }
     }
     
     /**

From b2cc35dcd0cfecbc9c85545a4c2c536850d94f6d Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Mon, 4 Mar 2024 09:30:00 +0000
Subject: [PATCH 07/10] fixed linting issue

---
 package-lock.json                  | 84 ++++++++++++------------------
 package.json                       |  2 +-
 src/web/waiters/ControlsWaiter.mjs | 27 ++++------
 3 files changed, 42 insertions(+), 71 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5e6671a5..cefa6871 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "buffer": "^6.0.3",
         "cbor": "9.0.2",
         "chi-squared": "^1.1.0",
+        "chromedriver": "^121.0.2",
         "codepage": "^1.15.0",
         "crypto-api": "^0.8.5",
         "crypto-browserify": "^3.12.0",
@@ -114,7 +115,6 @@
         "babel-plugin-dynamic-import-node": "^2.3.3",
         "babel-plugin-transform-builtin-extend": "1.1.2",
         "base64-loader": "^1.0.0",
-        "chromedriver": "^121.0.0",
         "cli-progress": "^3.12.0",
         "colors": "^1.4.0",
         "copy-webpack-plugin": "^12.0.2",
@@ -2822,8 +2822,7 @@
     "node_modules/@testim/chrome-version": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@testim/chrome-version/-/chrome-version-1.1.4.tgz",
-      "integrity": "sha512-kIhULpw9TrGYnHp/8VfdcneIcxKnLixmADtukQRtJUmsVlMg0niMkwV0xZmi8hqa57xqilIHjWFA0GKvEjVU5g==",
-      "dev": true
+      "integrity": "sha512-kIhULpw9TrGYnHp/8VfdcneIcxKnLixmADtukQRtJUmsVlMg0niMkwV0xZmi8hqa57xqilIHjWFA0GKvEjVU5g=="
     },
     "node_modules/@tokenizer/token": {
       "version": "0.3.0",
@@ -3009,9 +3008,9 @@
       }
     },
     "node_modules/@types/yauzl": {
-      "version": "2.9.2",
-      "dev": true,
-      "license": "MIT",
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
       "optional": true,
       "dependencies": {
         "@types/node": "*"
@@ -3245,7 +3244,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
       "dependencies": {
         "debug": "4"
       },
@@ -3614,8 +3612,7 @@
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "dev": true
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/autoprefixer": {
       "version": "10.4.17",
@@ -3687,7 +3684,6 @@
       "version": "1.6.7",
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
       "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
-      "dev": true,
       "dependencies": {
         "follow-redirects": "^1.15.4",
         "form-data": "^4.0.0",
@@ -4513,7 +4509,6 @@
     },
     "node_modules/buffer-crc32": {
       "version": "0.2.13",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": "*"
@@ -4708,10 +4703,9 @@
       }
     },
     "node_modules/chromedriver": {
-      "version": "121.0.0",
-      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-121.0.0.tgz",
-      "integrity": "sha512-ZIKEdZrQAfuzT/RRofjl8/EZR99ghbdBXNTOcgJMKGP6N/UL6lHUX4n6ONWBV18pDvDFfQJ0x58h5AdOaXIOMw==",
-      "dev": true,
+      "version": "121.0.2",
+      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-121.0.2.tgz",
+      "integrity": "sha512-58MUSCEE3oB3G3Y/Jo3URJ2Oa1VLHcVBufyYt7vNfGrABSJm7ienQLF9IQ8LPDlPVgLUXt2OBfggK3p2/SlEBg==",
       "hasInstallScript": true,
       "dependencies": {
         "@testim/chrome-version": "^1.1.4",
@@ -4879,7 +4873,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dev": true,
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -4903,8 +4896,7 @@
     "node_modules/compare-versions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-6.1.0.tgz",
-      "integrity": "sha512-LNZQXhqUvqUTotpZ00qLSaify3b4VFD588aRr8MKFw4CMUr98ytzCW5wDH5qx/DEY5kCDXcbcRuCqL0szEf2tg==",
-      "dev": true
+      "integrity": "sha512-LNZQXhqUvqUTotpZ00qLSaify3b4VFD588aRr8MKFw4CMUr98ytzCW5wDH5qx/DEY5kCDXcbcRuCqL0szEf2tg=="
     },
     "node_modules/compress-commons": {
       "version": "4.1.2",
@@ -5847,7 +5839,6 @@
     },
     "node_modules/debug": {
       "version": "4.3.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
@@ -5916,7 +5907,6 @@
     },
     "node_modules/deep-is": {
       "version": "0.1.4",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/default-gateway": {
@@ -5986,7 +5976,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -6282,7 +6271,6 @@
     },
     "node_modules/end-of-stream": {
       "version": "1.4.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "once": "^1.4.0"
@@ -7006,8 +6994,8 @@
     },
     "node_modules/extract-zip": {
       "version": "2.0.1",
-      "dev": true,
-      "license": "BSD-2-Clause",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
       "dependencies": {
         "debug": "^4.1.1",
         "get-stream": "^5.1.0",
@@ -7095,8 +7083,8 @@
     },
     "node_modules/fd-slicer": {
       "version": "1.1.0",
-      "dev": true,
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
       "dependencies": {
         "pend": "~1.2.0"
       }
@@ -7315,7 +7303,6 @@
       "version": "1.15.5",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
       "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
-      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -7363,7 +7350,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dev": true,
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
@@ -7499,8 +7485,8 @@
     },
     "node_modules/get-stream": {
       "version": "5.2.0",
-      "dev": true,
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
       "dependencies": {
         "pump": "^3.0.0"
       },
@@ -8670,7 +8656,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dev": true,
       "dependencies": {
         "agent-base": "6",
         "debug": "4"
@@ -8877,8 +8862,8 @@
     },
     "node_modules/ip-regex": {
       "version": "4.3.0",
-      "dev": true,
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz",
+      "integrity": "sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==",
       "engines": {
         "node": ">=8"
       }
@@ -9292,9 +9277,9 @@
       }
     },
     "node_modules/is2": {
-      "version": "2.0.7",
-      "dev": true,
-      "license": "MIT",
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/is2/-/is2-2.0.9.tgz",
+      "integrity": "sha512-rZkHeBn9Zzq52sd9IUIV3a5mfwBY+o2HePMh0wkGBM4z4qjvy2GwVxQ6nNXSfw6MmVP6gf1QIlWjiOavhM3x5g==",
       "dependencies": {
         "deep-is": "^0.1.3",
         "ip-regex": "^4.1.0",
@@ -10311,7 +10296,6 @@
     },
     "node_modules/mime-db": {
       "version": "1.52.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -10319,7 +10303,6 @@
     },
     "node_modules/mime-types": {
       "version": "2.1.35",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
@@ -11243,7 +11226,6 @@
     },
     "node_modules/once": {
       "version": "1.4.0",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "wrappy": "1"
@@ -11751,8 +11733,8 @@
     },
     "node_modules/pend": {
       "version": "1.2.0",
-      "dev": true,
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg=="
     },
     "node_modules/pgp-utils": {
       "version": "0.0.35",
@@ -12262,8 +12244,7 @@
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "dev": true
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
     },
     "node_modules/psl": {
       "version": "1.9.0",
@@ -12289,8 +12270,8 @@
     },
     "node_modules/pump": {
       "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
       "dependencies": {
         "end-of-stream": "^1.1.0",
         "once": "^1.3.1"
@@ -13513,8 +13494,8 @@
     },
     "node_modules/tcp-port-used": {
       "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/tcp-port-used/-/tcp-port-used-1.0.2.tgz",
+      "integrity": "sha512-l7ar8lLUD3XS1V2lfoJlCBaeoaWo/2xfYt81hM7VlvR4RrMVFqfmzfhLVk40hAb368uitje5gPtBRL1m/DGvLA==",
       "dependencies": {
         "debug": "4.3.1",
         "is2": "^2.0.6"
@@ -13522,8 +13503,8 @@
     },
     "node_modules/tcp-port-used/node_modules/debug": {
       "version": "4.3.1",
-      "dev": true,
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
+      "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -14760,7 +14741,6 @@
     },
     "node_modules/wrappy": {
       "version": "1.0.2",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/ws": {
@@ -14933,8 +14913,8 @@
     },
     "node_modules/yauzl": {
       "version": "2.10.0",
-      "dev": true,
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
       "dependencies": {
         "buffer-crc32": "~0.2.3",
         "fd-slicer": "~1.1.0"
diff --git a/package.json b/package.json
index 334d88b5..1f1db53a 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,6 @@
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-transform-builtin-extend": "1.1.2",
     "base64-loader": "^1.0.0",
-    "chromedriver": "^121.0.0",
     "cli-progress": "^3.12.0",
     "colors": "^1.4.0",
     "copy-webpack-plugin": "^12.0.2",
@@ -110,6 +109,7 @@
     "buffer": "^6.0.3",
     "cbor": "9.0.2",
     "chi-squared": "^1.1.0",
+    "chromedriver": "^121.0.2",
     "codepage": "^1.15.0",
     "crypto-api": "^0.8.5",
     "crypto-browserify": "^3.12.0",
diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index 86cd9783..5c22d542 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -4,7 +4,6 @@
  * @license Apache-2.0
  */
 
-import { log } from "loglevel";
 import Utils from "../../core/Utils.mjs";
 
 
@@ -359,7 +358,7 @@ class ControlsWaiter {
         }
 
         const tabs = document.querySelectorAll('[role="tab"]');
-       
+
         for (let i = 0; i < tabs.length; i++) {
             tabs[i].addEventListener("keydown", this.changeTabs, false);
             tabs[i].addEventListener("keydown", this.navigateTabsList, false);
@@ -385,58 +384,50 @@ ${navigator.userAgent}
     */
     changeTabs(ev) {
         const tab = ev.target;
-        console.log("tab" , tab);
         ev.preventDefault();
         ev.stopPropagation();
 
         if (ev.key === "ArrowRight") {
             const nextTab = tab.parentElement;
-            console.log("nextTab" , nextTab);
             if (nextTab.nextElementSibling === null) {
                 tab.parentElement.parentElement.firstElementChild.firstElementChild.focus();
             } else {
                 nextTab.nextElementSibling.firstElementChild.focus();
             }
-            
-            console.log("nextTab", nextTab);
 
-        } else if(ev.key === "ArrowLeft"){
+        } else if (ev.key === "ArrowLeft") {
             const prevTab = tab.parentElement;
-            
+
             if (prevTab.previousElementSibling === null) {
                 tab.parentElement.parentElement.lastElementChild.firstElementChild.focus();
             } else {
                 prevTab.previousElementSibling.firstElementChild.focus();
             }
-        } else if(ev.key === "Tab" && !ev.shiftKey){
+        } else if (ev.key === "Tab" && !ev.shiftKey) {
             tab.parentElement.parentElement.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']").focus();
-            console.log("tab to questions", tab.parentElement.parentElement.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']"))
         }
     }
 
      /**
     * @param {Event} ev
     */
-    navigateTabsList(ev){
+    navigateTabsList(ev) {
         ev.preventDefault();
         if (ev.key === "Enter" || ev.key === "Space" ||ev.key === " ") {
             const el = ev.target;
             const targetElement = el.parentElement.parentElement;
             ev.preventDefault();
-            for (let i = 0; i < targetElement.children.length; i++){
+            for (let i = 0; i < targetElement.children.length; i++) {
                 const targetChild = targetElement.children[i];
-                console.log("targetChild", targetChild)
-                if (targetChild.children !== undefined && targetChild.children.classList.querySelectorAll("nav-link")){
-                    console.log("includes", targetChild.children.classList.value.querySelectorAll("nav-link"))
+                if (targetChild.children !== undefined && targetChild.children.classList.querySelectorAll("nav-link")) {
                     if (!targetChild.contains("active")) {
                         targetChild.add("active");
-                    } 
-
+                    }
                 }
             }
         }
     }
-    
+
     /**
      * Shows the stale indicator to show that the input or recipe has changed
      * since the last bake.

From 6cc0d05e7813bacaa49c79a25fa8697ba9aff87a Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Wed, 6 Mar 2024 17:03:23 +0000
Subject: [PATCH 08/10] added full functionality to support-model with arrows
 tab and enter/space.

---
 src/web/html/index.html                |  8 ++---
 src/web/stylesheets/layout/_modals.css |  5 +++
 src/web/waiters/ControlsWaiter.mjs     | 42 ++++++++++++++++----------
 3 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/src/web/html/index.html b/src/web/html/index.html
index c3650fb5..d80f6435 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -573,22 +573,22 @@
 
                         <ul class="nav nav-tabs" role="tablist">
                             <li class="nav-item" role="presentation">
-                                <a class="nav-link active" href="#faqs" aria-controls="profile" role="tab" data-toggle="tab">
+                                <a id="tab-1" class="nav-link active" href="#faqs" aria-controls="profile" role="tab" data-toggle="tab">
                                     FAQs
                                 </a>
                             </li>
                             <li class="nav-item" role="presentation">
-                                <a class="nav-link" href="#report-bug" aria-controls="messages" role="tab" data-toggle="tab">
+                                <a id="tab-2" class="nav-link" href="#report-bug" aria-controls="messages" role="tab" data-toggle="tab">
                                     Report a bug
                                 </a>
                             </li>
                             <li class="nav-item" role="presentation">
-                                <a class="nav-link" href="#about" aria-controls="messages" role="tab" data-toggle="tab">
+                                <a id="tab-3" class="nav-link" href="#about" aria-controls="messages" role="tab" data-toggle="tab">
                                     About
                                 </a>
                             </li>
                             <li class="nav-item" role="presentation">
-                                <a class="nav-link" href="#keybindings" aria-controls="messages" role="tab" data-toggle="tab">
+                                <a id="tab-4" class="nav-link" href="#keybindings" aria-controls="messages" role="tab" data-toggle="tab">
                                     Keybindings
                                 </a>
                             </li>
diff --git a/src/web/stylesheets/layout/_modals.css b/src/web/stylesheets/layout/_modals.css
index affc372d..69ac4bcd 100755
--- a/src/web/stylesheets/layout/_modals.css
+++ b/src/web/stylesheets/layout/_modals.css
@@ -78,6 +78,11 @@
     border-left: 2px solid var(--primary-border-colour);
 }
 
+p a:focus{
+    color: #0a6ebd;
+    text-decoration: underline;
+}
+
 .checkbox label input[type=checkbox]+.checkbox-decorator .check,
 .checkbox label input[type=checkbox]+.checkbox-decorator .check::before {
     border-color: var(--input-border-colour);
diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index 5c22d542..eb7fb14c 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -355,13 +355,14 @@ class ControlsWaiter {
         const faqsAElement = faqs.getElementsByTagName("a");
         for (let i = 0; i < faqsAElement.length; i++) {
             faqsAElement[i].setAttribute("tabindex", "0");
+            faqsAElement[i].addEventListener("keydown", this.navigateFAQList, false);
         }
 
         const tabs = document.querySelectorAll('[role="tab"]');
 
         for (let i = 0; i < tabs.length; i++) {
             tabs[i].addEventListener("keydown", this.changeTabs, false);
-            tabs[i].addEventListener("keydown", this.navigateTabsList, false);
+            // tabs[i].addEventListener("keydown", this.navigateFAQList, false);
         }
 
         const reportBugInfo = document.getElementById("report-bug-info");
@@ -403,29 +404,38 @@ ${navigator.userAgent}
             } else {
                 prevTab.previousElementSibling.firstElementChild.focus();
             }
-        } else if (ev.key === "Tab" && !ev.shiftKey) {
-            tab.parentElement.parentElement.nextElementSibling.firstElementChild.querySelector("[class='btn btn-primary']").focus();
-        }
+        } else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-1")) {
+            document.getElementById("faqs").querySelector("[class='btn btn-primary']").focus();
+        }  else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-2")) {
+            document.getElementById("report-bug").querySelector("[class='btn btn-primary']").focus();
+        }  else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-3")) {
+            document.getElementById("about").querySelector("[href]").focus();
+        }  else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-4")) {
+            const button = document.getElementById("support-modal").getElementsByClassName("modal-footer");
+            const close = button[0].firstElementChild;
+            close.focus();
+        } else if (ev.key === "Enter" || ev.key === "Space" ||ev.key === " ") {
+            tab.click();
+        }  
     }
 
      /**
     * @param {Event} ev
     */
-    navigateTabsList(ev) {
-        ev.preventDefault();
-        if (ev.key === "Enter" || ev.key === "Space" ||ev.key === " ") {
-            const el = ev.target;
-            const targetElement = el.parentElement.parentElement;
+    navigateFAQList(ev) {
+       
+        const el = ev.target.nextElementSibling;
+        if (ev.key === "Enter" || ev.key === "Space"|| ev.key === " "){
             ev.preventDefault();
-            for (let i = 0; i < targetElement.children.length; i++) {
-                const targetChild = targetElement.children[i];
-                if (targetChild.children !== undefined && targetChild.children.classList.querySelectorAll("nav-link")) {
-                    if (!targetChild.contains("active")) {
-                        targetChild.add("active");
-                    }
+            const question = el.classList;
+            if(question !== undefined && question.value){
+                if (!question.value.includes("show")) {
+                    question.add("show");
+                } else if (question.contains("show")) {
+                    question.remove("show");
                 }
             }
-        }
+        } 
     }
 
     /**

From 0fa8be7dd07be28f60ae2bc4851e73a5d1a69c1c Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Thu, 7 Mar 2024 09:34:14 +0000
Subject: [PATCH 09/10] fixed lintting issue

---
 src/web/stylesheets/layout/_modals.css |  2 +-
 src/web/waiters/ControlsWaiter.mjs     | 25 ++++++++++++-------------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/web/stylesheets/layout/_modals.css b/src/web/stylesheets/layout/_modals.css
index 69ac4bcd..54ce4619 100755
--- a/src/web/stylesheets/layout/_modals.css
+++ b/src/web/stylesheets/layout/_modals.css
@@ -78,7 +78,7 @@
     border-left: 2px solid var(--primary-border-colour);
 }
 
-p a:focus{
+p a:focus {
     color: #0a6ebd;
     text-decoration: underline;
 }
diff --git a/src/web/waiters/ControlsWaiter.mjs b/src/web/waiters/ControlsWaiter.mjs
index eb7fb14c..8aa9160f 100755
--- a/src/web/waiters/ControlsWaiter.mjs
+++ b/src/web/waiters/ControlsWaiter.mjs
@@ -362,7 +362,6 @@ class ControlsWaiter {
 
         for (let i = 0; i < tabs.length; i++) {
             tabs[i].addEventListener("keydown", this.changeTabs, false);
-            // tabs[i].addEventListener("keydown", this.navigateFAQList, false);
         }
 
         const reportBugInfo = document.getElementById("report-bug-info");
@@ -406,36 +405,36 @@ ${navigator.userAgent}
             }
         } else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-1")) {
             document.getElementById("faqs").querySelector("[class='btn btn-primary']").focus();
-        }  else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-2")) {
+        } else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-2")) {
             document.getElementById("report-bug").querySelector("[class='btn btn-primary']").focus();
-        }  else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-3")) {
+        } else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-3")) {
             document.getElementById("about").querySelector("[href]").focus();
-        }  else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-4")) {
+        } else if (ev.key === "Tab" && !ev.shiftKey && ev.target === document.getElementById("tab-4")) {
             const button = document.getElementById("support-modal").getElementsByClassName("modal-footer");
             const close = button[0].firstElementChild;
             close.focus();
-        } else if (ev.key === "Enter" || ev.key === "Space" ||ev.key === " ") {
+        } else if (ev.key === "Enter" || ev.key === "Space" || ev.key === " ") {
             tab.click();
-        }  
+        }
     }
 
-     /**
-    * @param {Event} ev
-    */
+    /**
+   * @param {Event} ev
+   */
     navigateFAQList(ev) {
-       
+
         const el = ev.target.nextElementSibling;
-        if (ev.key === "Enter" || ev.key === "Space"|| ev.key === " "){
+        if (ev.key === "Enter" || ev.key === "Space" || ev.key === " ") {
             ev.preventDefault();
             const question = el.classList;
-            if(question !== undefined && question.value){
+            if (question !== undefined && question.value) {
                 if (!question.value.includes("show")) {
                     question.add("show");
                 } else if (question.contains("show")) {
                     question.remove("show");
                 }
             }
-        } 
+        }
     }
 
     /**

From 1f09c6b1cee9ae99ba552ed1471a895cbb11f1a5 Mon Sep 17 00:00:00 2001
From: j264415 <j264415@protonmail.com>
Date: Thu, 7 Mar 2024 09:36:38 +0000
Subject: [PATCH 10/10] revert files to main

---
 package-lock.json | 84 +++++++++++++++++++++++++++++------------------
 package.json      |  2 +-
 2 files changed, 53 insertions(+), 33 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cefa6871..5e6671a5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,6 @@
         "buffer": "^6.0.3",
         "cbor": "9.0.2",
         "chi-squared": "^1.1.0",
-        "chromedriver": "^121.0.2",
         "codepage": "^1.15.0",
         "crypto-api": "^0.8.5",
         "crypto-browserify": "^3.12.0",
@@ -115,6 +114,7 @@
         "babel-plugin-dynamic-import-node": "^2.3.3",
         "babel-plugin-transform-builtin-extend": "1.1.2",
         "base64-loader": "^1.0.0",
+        "chromedriver": "^121.0.0",
         "cli-progress": "^3.12.0",
         "colors": "^1.4.0",
         "copy-webpack-plugin": "^12.0.2",
@@ -2822,7 +2822,8 @@
     "node_modules/@testim/chrome-version": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@testim/chrome-version/-/chrome-version-1.1.4.tgz",
-      "integrity": "sha512-kIhULpw9TrGYnHp/8VfdcneIcxKnLixmADtukQRtJUmsVlMg0niMkwV0xZmi8hqa57xqilIHjWFA0GKvEjVU5g=="
+      "integrity": "sha512-kIhULpw9TrGYnHp/8VfdcneIcxKnLixmADtukQRtJUmsVlMg0niMkwV0xZmi8hqa57xqilIHjWFA0GKvEjVU5g==",
+      "dev": true
     },
     "node_modules/@tokenizer/token": {
       "version": "0.3.0",
@@ -3008,9 +3009,9 @@
       }
     },
     "node_modules/@types/yauzl": {
-      "version": "2.10.3",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
-      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "version": "2.9.2",
+      "dev": true,
+      "license": "MIT",
       "optional": true,
       "dependencies": {
         "@types/node": "*"
@@ -3244,6 +3245,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
       "dependencies": {
         "debug": "4"
       },
@@ -3612,7 +3614,8 @@
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true
     },
     "node_modules/autoprefixer": {
       "version": "10.4.17",
@@ -3684,6 +3687,7 @@
       "version": "1.6.7",
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
       "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
+      "dev": true,
       "dependencies": {
         "follow-redirects": "^1.15.4",
         "form-data": "^4.0.0",
@@ -4509,6 +4513,7 @@
     },
     "node_modules/buffer-crc32": {
       "version": "0.2.13",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": "*"
@@ -4703,9 +4708,10 @@
       }
     },
     "node_modules/chromedriver": {
-      "version": "121.0.2",
-      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-121.0.2.tgz",
-      "integrity": "sha512-58MUSCEE3oB3G3Y/Jo3URJ2Oa1VLHcVBufyYt7vNfGrABSJm7ienQLF9IQ8LPDlPVgLUXt2OBfggK3p2/SlEBg==",
+      "version": "121.0.0",
+      "resolved": "https://registry.npmjs.org/chromedriver/-/chromedriver-121.0.0.tgz",
+      "integrity": "sha512-ZIKEdZrQAfuzT/RRofjl8/EZR99ghbdBXNTOcgJMKGP6N/UL6lHUX4n6ONWBV18pDvDFfQJ0x58h5AdOaXIOMw==",
+      "dev": true,
       "hasInstallScript": true,
       "dependencies": {
         "@testim/chrome-version": "^1.1.4",
@@ -4873,6 +4879,7 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -4896,7 +4903,8 @@
     "node_modules/compare-versions": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-6.1.0.tgz",
-      "integrity": "sha512-LNZQXhqUvqUTotpZ00qLSaify3b4VFD588aRr8MKFw4CMUr98ytzCW5wDH5qx/DEY5kCDXcbcRuCqL0szEf2tg=="
+      "integrity": "sha512-LNZQXhqUvqUTotpZ00qLSaify3b4VFD588aRr8MKFw4CMUr98ytzCW5wDH5qx/DEY5kCDXcbcRuCqL0szEf2tg==",
+      "dev": true
     },
     "node_modules/compress-commons": {
       "version": "4.1.2",
@@ -5839,6 +5847,7 @@
     },
     "node_modules/debug": {
       "version": "4.3.4",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
@@ -5907,6 +5916,7 @@
     },
     "node_modules/deep-is": {
       "version": "0.1.4",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/default-gateway": {
@@ -5976,6 +5986,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -6271,6 +6282,7 @@
     },
     "node_modules/end-of-stream": {
       "version": "1.4.4",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "once": "^1.4.0"
@@ -6994,8 +7006,8 @@
     },
     "node_modules/extract-zip": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
-      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "debug": "^4.1.1",
         "get-stream": "^5.1.0",
@@ -7083,8 +7095,8 @@
     },
     "node_modules/fd-slicer": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "pend": "~1.2.0"
       }
@@ -7303,6 +7315,7 @@
       "version": "1.15.5",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
       "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -7350,6 +7363,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dev": true,
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
@@ -7485,8 +7499,8 @@
     },
     "node_modules/get-stream": {
       "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "pump": "^3.0.0"
       },
@@ -8656,6 +8670,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
       "dependencies": {
         "agent-base": "6",
         "debug": "4"
@@ -8862,8 +8877,8 @@
     },
     "node_modules/ip-regex": {
       "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz",
-      "integrity": "sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -9277,9 +9292,9 @@
       }
     },
     "node_modules/is2": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/is2/-/is2-2.0.9.tgz",
-      "integrity": "sha512-rZkHeBn9Zzq52sd9IUIV3a5mfwBY+o2HePMh0wkGBM4z4qjvy2GwVxQ6nNXSfw6MmVP6gf1QIlWjiOavhM3x5g==",
+      "version": "2.0.7",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "deep-is": "^0.1.3",
         "ip-regex": "^4.1.0",
@@ -10296,6 +10311,7 @@
     },
     "node_modules/mime-db": {
       "version": "1.52.0",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -10303,6 +10319,7 @@
     },
     "node_modules/mime-types": {
       "version": "2.1.35",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
@@ -11226,6 +11243,7 @@
     },
     "node_modules/once": {
       "version": "1.4.0",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "wrappy": "1"
@@ -11733,8 +11751,8 @@
     },
     "node_modules/pend": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg=="
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/pgp-utils": {
       "version": "0.0.35",
@@ -12244,7 +12262,8 @@
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true
     },
     "node_modules/psl": {
       "version": "1.9.0",
@@ -12270,8 +12289,8 @@
     },
     "node_modules/pump": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "end-of-stream": "^1.1.0",
         "once": "^1.3.1"
@@ -13494,8 +13513,8 @@
     },
     "node_modules/tcp-port-used": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/tcp-port-used/-/tcp-port-used-1.0.2.tgz",
-      "integrity": "sha512-l7ar8lLUD3XS1V2lfoJlCBaeoaWo/2xfYt81hM7VlvR4RrMVFqfmzfhLVk40hAb368uitje5gPtBRL1m/DGvLA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "debug": "4.3.1",
         "is2": "^2.0.6"
@@ -13503,8 +13522,8 @@
     },
     "node_modules/tcp-port-used/node_modules/debug": {
       "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
-      "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -14741,6 +14760,7 @@
     },
     "node_modules/wrappy": {
       "version": "1.0.2",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/ws": {
@@ -14913,8 +14933,8 @@
     },
     "node_modules/yauzl": {
       "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "buffer-crc32": "~0.2.3",
         "fd-slicer": "~1.1.0"
diff --git a/package.json b/package.json
index 1f1db53a..334d88b5 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-transform-builtin-extend": "1.1.2",
     "base64-loader": "^1.0.0",
+    "chromedriver": "^121.0.0",
     "cli-progress": "^3.12.0",
     "colors": "^1.4.0",
     "copy-webpack-plugin": "^12.0.2",
@@ -109,7 +110,6 @@
     "buffer": "^6.0.3",
     "cbor": "9.0.2",
     "chi-squared": "^1.1.0",
-    "chromedriver": "^121.0.2",
     "codepage": "^1.15.0",
     "crypto-api": "^0.8.5",
     "crypto-browserify": "^3.12.0",