bind arrows only once

main.js

@@ -426,7 +426,7 @@
   }
 
   let makeCoordinatesLinks = (function () {
-    var executed = false
+    let executed = false
     return function () {
       if (executed) return
       executed = true
@@ -697,7 +697,7 @@
   }
 
   let prettifyFiles = (function () {
-    var executed = false
+    let executed = false
     return function (insertedFileRows) {
       if (executed) return
       executed = true
@@ -952,23 +952,29 @@
     bindArrowsForGallery('.swiper-button-prev', '.swiper-button-next')
   }
 
-  function bindArrowsForGallery(leftButtonQuery, rightButtonQuery) {
+  const bindArrowsForGallery = (function () {
-    document.addEventListener("keydown", function (e) {
+    let executed = false
-      if (!document.querySelector("dialog").open) return
+    return function(leftButtonQuery, rightButtonQuery) {
-      switch (e.key) {
+      if (executed) return
-        case "ArrowLeft":
+      executed = true
-          document.querySelector(leftButtonQuery).click()
-          break
 
-        case "ArrowRight":
+      document.addEventListener("keydown", function (e) {
-          document.querySelector(rightButtonQuery).click()
+        if (!document.querySelector("dialog").open) return
-          break
+        switch (e.key) {
+          case "ArrowLeft":
+            document.querySelector(leftButtonQuery).click()
+            break
 
-        default: return
+          case "ArrowRight":
-      }
+            document.querySelector(rightButtonQuery).click()
-      e.preventDefault()
+            break
-    })
+
-  }
+          default: return
+        }
+        e.preventDefault()
+      })
+    }
+  })()
 
   async function sendForm() {
     let formData = new FormData(document.querySelector("form"))