[pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

Author: pre-commit-ci[bot]

debug_toolbar/static/debug_toolbar/js/toolbar.js

@@ -8,7 +8,7 @@ function onKeyDown(event) {
 
 const djdt = {
     handleDragged: false,
-    abort(){
+    abort() {
         controller.abort();
         resetAbortController();
     },
@@ -146,19 +146,23 @@ const djdt = {
                 });
         });
 
-        document
-            .getElementById("djHideToolBarButton")
-            .addEventListener("click", function (event) {
+        document.getElementById("djHideToolBarButton").addEventListener(
+            "click",
+            function (event) {
                 event.preventDefault();
                 djdt.hide_toolbar();
-            }, {'signal': controller.signal});
-        document
-            .getElementById("djShowToolBarButton")
-            .addEventListener("click", function () {
+            },
+            { signal: controller.signal }
+        );
+        document.getElementById("djShowToolBarButton").addEventListener(
+            "click",
+            function () {
                 if (!djdt.handleDragged) {
                     djdt.show_toolbar();
                 }
-            }, {'signal': controller.signal});
+            },
+            { signal: controller.signal }
+        );
         let startPageY, baseY;
         const handle = document.getElementById("djDebugToolbarHandle");
         function onHandleMove(event) {
@@ -178,25 +182,31 @@ const djdt = {
                 djdt.handleDragged = true;
             }
         }
-        document
-            .getElementById("djShowToolBarButton")
-            .addEventListener("mousedown", function (event) {
+        document.getElementById("djShowToolBarButton").addEventListener(
+            "mousedown",
+            function (event) {
                 event.preventDefault();
                 startPageY = event.pageY;
                 baseY = handle.offsetTop - startPageY;
                 document.addEventListener("mousemove", onHandleMove);
-            }, {'signal': controller.signal});
-        document.addEventListener("mouseup", function (event) {
-            document.removeEventListener("mousemove", onHandleMove);
-            if (djdt.handleDragged) {
-                event.preventDefault();
-                localStorage.setItem("djdt.top", handle.offsetTop);
-                requestAnimationFrame(function () {
-                    djdt.handleDragged = false;
-                });
-                djdt.ensure_handle_visibility();
-            }
-        }, {'signal': controller.signal});
+            },
+            { signal: controller.signal }
+        );
+        document.addEventListener(
+            "mouseup",
+            function (event) {
+                document.removeEventListener("mousemove", onHandleMove);
+                if (djdt.handleDragged) {
+                    event.preventDefault();
+                    localStorage.setItem("djdt.top", handle.offsetTop);
+                    requestAnimationFrame(function () {
+                        djdt.handleDragged = false;
+                    });
+                    djdt.ensure_handle_visibility();
+                }
+            },
+            { signal: controller.signal }
+        );
         const show =
             localStorage.getItem("djdt.show") || djDebug.dataset.defaultShow;
         if (show === "true") {
@@ -232,7 +242,9 @@ const djdt = {
         const handle = document.getElementById("djDebugToolbarHandle");
         $$.show(handle);
         djdt.ensure_handle_visibility();
-        window.addEventListener("resize", djdt.ensure_handle_visibility, {'signal': controller.signal});
+        window.addEventListener("resize", djdt.ensure_handle_visibility, {
+            signal: controller.signal,
+        });
         document.removeEventListener("keydown", onKeyDown);
 
         localStorage.setItem("djdt.show", "false");
@@ -251,7 +263,9 @@ const djdt = {
         }
     },
     show_toolbar() {
-        document.addEventListener("keydown", onKeyDown, {'signal': controller.signal});
+        document.addEventListener("keydown", onKeyDown, {
+            signal: controller.signal,
+        });
         $$.hide(document.getElementById("djDebugToolbarHandle"));
         $$.show(document.getElementById("djDebugToolbar"));
         localStorage.setItem("djdt.show", "true");
@@ -311,5 +325,7 @@ window.djdt = {
 if (document.readyState !== "loading") {
     djdt.init();
 } else {
-    document.addEventListener("DOMContentLoaded", djdt.init, {'signal': controller.signal});
+    document.addEventListener("DOMContentLoaded", djdt.init, {
+        signal: controller.signal,
+    });
 }

debug_toolbar/static/debug_toolbar/js/utils.js

@@ -2,12 +2,16 @@ let controller = null;
 
 const $$ = {
     on(root, eventName, selector, fn) {
-        root.addEventListener(eventName, function (event) {
-            const target = event.target.closest(selector);
-            if (root.contains(target)) {
-                fn.call(target, event);
-            }
-        }, {'signal': controller.signal});
+        root.addEventListener(
+            eventName,
+            function (event) {
+                const target = event.target.closest(selector);
+                if (root.contains(target)) {
+                    fn.call(target, event);
+                }
+            },
+            { signal: controller.signal }
+        );
     },
     onPanelRender(root, panelId, fn) {
         /*
@@ -18,11 +22,15 @@ const $$ = {
         panelId: The Id of the panel.
         fn: A function to execute when the event is triggered.
          */
-        root.addEventListener("djdt.panel.render", function (event) {
-            if (event.detail.panelId === panelId) {
-                fn.call(event);
-            }
-        }, {'signal': controller.signal});
+        root.addEventListener(
+            "djdt.panel.render",
+            function (event) {
+                if (event.detail.panelId === panelId) {
+                    fn.call(event);
+                }
+            },
+            { signal: controller.signal }
+        );
     },
     show(element) {
         element.classList.remove("djdt-hidden");
@@ -71,9 +79,9 @@ const $$ = {
     },
 };
 
-function resetAbortController(){
+function resetAbortController() {
     controller = new AbortController();
-};
+}
 resetAbortController();
 
 function ajax(url, init) {