@ionic/core 8.4.2-dev.11736277041.14f34ba1 → 8.4.2-dev.11736797843.16cc5058

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

@@ -5,8 +5,23 @@
 
 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) => {
@@ -15,24 +30,39 @@ 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) => {
-        const toFocus = ev.composedPath().filter((el) => {
-            return el instanceof HTMLElement && el.classList.contains(ION_FOCUSABLE);
-        });
-        setFocus(toFocus);
+        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 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-9e8a2c4f.js → hardware-back-button-f0972dab.js}

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

package/dist/cjs/{index-f05acd21.js → index-213cabf1.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
-const index$1 = require('./index-73f75efb.js');
+const ionicGlobal = require('./ionic-global-3c758a1a.js');
+const index$1 = require('./index-2e7a27db.js');
 const index = require('./index-5915f9b3.js');
 const helpers = require('./helpers-afaa9001.js');
 
@@ -122,8 +122,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-cf40433b.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-ededf99f.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-ac964d6c.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-45089eda.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {