fix(core): replace references to obsolete addListener/removeListener (#4221)

peitschie · web-flow · commit 443072262bcb · 2023-09-12T17:35:37.000+03:00
as per https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList
diff --git a/src/core/components/app/app-class.js b/src/core/components/app/app-class.js
@@ -198,8 +198,8 @@ class Framework7 extends Framework7Class {
     const app = this;
     const html = document.querySelector('html');
     if (app.mq.dark && app.mq.light) {
-      app.mq.dark.addListener(app.colorSchemeListener);
-      app.mq.light.addListener(app.colorSchemeListener);
+      app.mq.dark.addEventListener("change", app.colorSchemeListener);
+      app.mq.light.addEventListener("change", app.colorSchemeListener);
     }
     if (app.mq.dark && app.mq.dark.matches) {
       html.classList.add('dark');
@@ -216,8 +216,8 @@ class Framework7 extends Framework7Class {
     const window = getWindow();
     if (!window.matchMedia) return;
     const app = this;
-    if (app.mq.dark) app.mq.dark.removeListener(app.colorSchemeListener);
-    if (app.mq.light) app.mq.light.removeListener(app.colorSchemeListener);
+    if (app.mq.dark) app.mq.dark.removeEventListener("change", app.colorSchemeListener);
+    if (app.mq.light) app.mq.light.removeEventListener("change", app.colorSchemeListener);
   }
 
   setDarkMode(mode) {
