From 0eacb755b67bf5bb41f267075bd29c5bd2999bc8 Mon Sep 17 00:00:00 2001
From: Lee Mills <8024370+millnut@users.noreply.github.com>
Date: Sat, 4 Jan 2025 12:55:58 +0000
Subject: [PATCH] fix: replace deprecated javascript apis

---
 .../js/localgov-accordion.js                           |  2 +-
 .../js/localgov-tabs.es6.js                            | 10 +++++-----
 .../localgov_subsites_paragraphs/js/localgov-tabs.js   | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/modules/localgov_subsites_paragraphs/js/localgov-accordion.js b/modules/localgov_subsites_paragraphs/js/localgov-accordion.js
index cfba2a9..9021a2c 100644
--- a/modules/localgov_subsites_paragraphs/js/localgov-accordion.js
+++ b/modules/localgov_subsites_paragraphs/js/localgov-accordion.js
@@ -247,7 +247,7 @@
       // Trigger create/destroy functions at different screen widths
       // based on the value of data-accordion-tabs-switch attribute.
       if (window.matchMedia) {
-        mq.addListener(() => {
+        mq.addEventListener("change", () => {
           breakpointCheck();
         });
         breakpointCheck();
diff --git a/modules/localgov_subsites_paragraphs/js/localgov-tabs.es6.js b/modules/localgov_subsites_paragraphs/js/localgov-tabs.es6.js
index 66d674a..ecfc841 100644
--- a/modules/localgov_subsites_paragraphs/js/localgov-tabs.es6.js
+++ b/modules/localgov_subsites_paragraphs/js/localgov-tabs.es6.js
@@ -80,8 +80,8 @@
             tab.addEventListener('keydown', e => {
               let newActiveControl;
 
-              switch (e.which) {
-                case 37:
+              switch (e.key) {
+                case 'ArrowLeft':
                   // Left arrow. If there's a previous element, switch to it.
                   if (i - 1 >= 0) {
                     newActiveControl = tabList
@@ -94,7 +94,7 @@
                     newActiveControl[0].focus();
                   }
                   break;
-                case 39:
+                case 'ArrowRight':
                   // Right arrow. If there's a next element, switch to it.
                   if (i + 1 < tabPanelsNumber) {
                     newActiveControl = tabList
@@ -107,7 +107,7 @@
                     newActiveControl[0].focus();
                   }
                   break;
-                case 40:
+                case 'ArrowDown':
                   // Arrow down. Move focus into the active panel.
                   tabPanels[i].focus();
                   break;
@@ -177,7 +177,7 @@
       // Trigger create/destroy functions at different screen widths
       // based on the value of data-accordion-tabs-switch attribute.
       if (window.matchMedia) {
-        mq.addListener(() => {
+        mq.addEventListener("change", () => {
           breakpointCheck();
         });
         breakpointCheck();
diff --git a/modules/localgov_subsites_paragraphs/js/localgov-tabs.js b/modules/localgov_subsites_paragraphs/js/localgov-tabs.js
index 1b5ed77..86287f7 100644
--- a/modules/localgov_subsites_paragraphs/js/localgov-tabs.js
+++ b/modules/localgov_subsites_paragraphs/js/localgov-tabs.js
@@ -89,8 +89,8 @@
               tab.addEventListener('keydown', function (e) {
                 var newActiveControl = void 0;
 
-                switch (e.which) {
-                  case 37:
+                switch (e.key) {
+                  case 'ArrowLeft':
                     // Left arrow. If there's a previous element, switch to it.
                     if (i - 1 >= 0) {
                       newActiveControl = tabList.querySelectorAll('li')[i - 1].querySelectorAll('button');
@@ -98,7 +98,7 @@
                       newActiveControl[0].focus();
                     }
                     break;
-                  case 39:
+                  case 'ArrowRight':
                     // Right arrow. If there's a next element, switch to it.
                     if (i + 1 < tabPanelsNumber) {
                       newActiveControl = tabList.querySelectorAll('li')[i + 1].querySelectorAll('button');
@@ -106,7 +106,7 @@
                       newActiveControl[0].focus();
                     }
                     break;
-                  case 40:
+                  case 'ArrowDown':
                     // Arrow down. Move focus into the active panel.
                     tabPanels[i].focus();
                     break;
@@ -179,7 +179,7 @@
       // Trigger create/destroy functions at different screen widths
       // based on the value of data-accordion-tabs-switch attribute.
       if (window.matchMedia) {
-        mq.addListener(function () {
+        mq.addEventListener("change", () => {
           breakpointCheck();
         });
         breakpointCheck();