@ionic/core 8.4.2-dev.11736265112.120bf7af → 8.4.2-dev.11736277041.14f34ba1

package/components/focus-visible.js

@@ -3,23 +3,8 @@
  */
 const ION_FOCUSED = 'ion-focused';
 const ION_FOCUSABLE = 'ion-focusable';
-const FOCUS_KEYS = [
-    'Tab',
-    'ArrowDown',
-    'Space',
-    'Escape',
-    ' ',
-    'Shift',
-    'Enter',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'Home',
-    'End',
-];
 const startFocusVisible = (rootEl) => {
     let currentFocus = [];
-    let keyboardMode = true;
     const ref = rootEl ? rootEl.shadowRoot : document;
     const root = rootEl ? rootEl : document.body;
     const setFocus = (elements) => {
@@ -28,39 +13,24 @@ const startFocusVisible = (rootEl) => {
         currentFocus = elements;
     };
     const pointerDown = () => {
-        keyboardMode = false;
         setFocus([]);
     };
-    const onKeydown = (ev) => {
-        keyboardMode = FOCUS_KEYS.includes(ev.key);
-        if (!keyboardMode) {
-            setFocus([]);
-        }
-    };
     const onFocusin = (ev) => {
-        if (keyboardMode && ev.composedPath !== undefined) {
-            const toFocus = ev.composedPath().filter((el) => {
-                // TODO(FW-2832): type
-                if (el.classList) {
-                    return el.classList.contains(ION_FOCUSABLE);
-                }
-                return false;
-            });
-            setFocus(toFocus);
-        }
+        const toFocus = ev.composedPath().filter((el) => {
+            return el instanceof HTMLElement && el.classList.contains(ION_FOCUSABLE);
+        });
+        setFocus(toFocus);
     };
     const onFocusout = () => {
         if (ref.activeElement === root) {
             setFocus([]);
         }
     };
-    ref.addEventListener('keydown', onKeydown);
     ref.addEventListener('focusin', onFocusin);
     ref.addEventListener('focusout', onFocusout);
     ref.addEventListener('touchstart', pointerDown, { passive: true });
     ref.addEventListener('mousedown', pointerDown);
     const destroy = () => {
-        ref.removeEventListener('keydown', onKeydown);
         ref.removeEventListener('focusin', onFocusin);
         ref.removeEventListener('focusout', onFocusout);
         ref.removeEventListener('touchstart', pointerDown);

package/dist/cjs/{app-globals-16893c1e.js → app-globals-21afee77.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-aa46b97c.js');
+const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 
 const globalScripts = ionicGlobal.initialize;
 

package/dist/cjs/{button-active-ec3d9ca2.js → button-active-3f2f60b4.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index$1 = require('./index-55b6245a.js');
+const index$1 = require('./index-73f75efb.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const index = require('./index-ee07ed59.js');
 

package/dist/cjs/{focus-visible-7a0ce04f.js → focus-visible-8657bbbf.js}

@@ -5,23 +5,8 @@
 
 const ION_FOCUSED = 'ion-focused';
 const ION_FOCUSABLE = 'ion-focusable';
-const FOCUS_KEYS = [
-    'Tab',
-    'ArrowDown',
-    'Space',
-    'Escape',
-    ' ',
-    'Shift',
-    'Enter',
-    'ArrowLeft',
-    'ArrowRight',
-    'ArrowUp',
-    'Home',
-    'End',
-];
 const startFocusVisible = (rootEl) => {
     let currentFocus = [];
-    let keyboardMode = true;
     const ref = rootEl ? rootEl.shadowRoot : document;
     const root = rootEl ? rootEl : document.body;
     const setFocus = (elements) => {
@@ -30,39 +15,24 @@ const startFocusVisible = (rootEl) => {
         currentFocus = elements;
     };
     const pointerDown = () => {
-        keyboardMode = false;
         setFocus([]);
     };
-    const onKeydown = (ev) => {
-        keyboardMode = FOCUS_KEYS.includes(ev.key);
-        if (!keyboardMode) {
-            setFocus([]);
-        }
-    };
     const onFocusin = (ev) => {
-        if (keyboardMode && ev.composedPath !== undefined) {
-            const toFocus = ev.composedPath().filter((el) => {
-                // TODO(FW-2832): type
-                if (el.classList) {
-                    return el.classList.contains(ION_FOCUSABLE);
-                }
-                return false;
-            });
-            setFocus(toFocus);
-        }
+        const toFocus = ev.composedPath().filter((el) => {
+            return el instanceof HTMLElement && el.classList.contains(ION_FOCUSABLE);
+        });
+        setFocus(toFocus);
     };
     const onFocusout = () => {
         if (ref.activeElement === root) {
             setFocus([]);
         }
     };
-    ref.addEventListener('keydown', onKeydown);
     ref.addEventListener('focusin', onFocusin);
     ref.addEventListener('focusout', onFocusout);
     ref.addEventListener('touchstart', pointerDown, { passive: true });
     ref.addEventListener('mousedown', pointerDown);
     const destroy = () => {
-        ref.removeEventListener('keydown', onKeydown);
         ref.removeEventListener('focusin', onFocusin);
         ref.removeEventListener('focusout', onFocusout);
         ref.removeEventListener('touchstart', pointerDown);

package/dist/cjs/{hardware-back-button-5a19da86.js → hardware-back-button-9e8a2c4f.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const ionicGlobal = require('./ionic-global-aa46b97c.js');
-require('./index-55b6245a.js');
+const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+require('./index-73f75efb.js');
 
 /**
  * CloseWatcher is a newer API that lets