@ionic/core 8.4.2-dev.11734462711.1a2281e0 → 8.4.2-dev.11736277041.14f34ba1

package/dist/ionic/p-cf130350.system.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+System.register([],(function(n){"use strict";return{execute:function(){var t="ion-focused";var u="ion-focusable";var o=n("startFocusVisible",(function(n){var o=[];var r=n?n.shadowRoot:document;var c=n?n:document.body;var e=function(n){o.forEach((function(n){return n.classList.remove(t)}));n.forEach((function(n){return n.classList.add(t)}));o=n};var s=function(){e([])};var i=function(n){var t=n.composedPath().filter((function(n){return n instanceof HTMLElement&&n.classList.contains(u)}));e(t)};var f=function(){if(r.activeElement===c){e([])}};r.addEventListener("focusin",i);r.addEventListener("focusout",f);r.addEventListener("touchstart",s,{passive:true});r.addEventListener("mousedown",s);var a=function(){r.removeEventListener("focusin",i);r.removeEventListener("focusout",f);r.removeEventListener("touchstart",s);r.removeEventListener("mousedown",s)};return{destroy:a,setFocus:e}}))}}}));

package/hydrate/index.js

@@ -9203,23 +9203,8 @@ const updateScrollDetail = (detail, el, timestamp, shouldStart) => {
 
 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) => {
@@ -9228,39 +9213,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/hydrate/index.mjs

@@ -9199,23 +9199,8 @@ const updateScrollDetail = (detail, el, timestamp, shouldStart) => {
 
 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) => {
@@ -9224,39 +9209,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.4.2-dev.11734462711.1a2281e0",
+  "version": "8.4.2-dev.11736277041.14f34ba1",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",

package/dist/esm-es5/focus-visible-dd40d69f.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-var ION_FOCUSED="ion-focused";var ION_FOCUSABLE="ion-focusable";var FOCUS_KEYS=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];var startFocusVisible=function(r){var o=[];var n=true;var t=r?r.shadowRoot:document;var u=r?r:document.body;var e=function(r){o.forEach((function(r){return r.classList.remove(ION_FOCUSED)}));r.forEach((function(r){return r.classList.add(ION_FOCUSED)}));o=r};var a=function(){n=false;e([])};var i=function(r){n=FOCUS_KEYS.includes(r.key);if(!n){e([])}};var c=function(r){if(n&&r.composedPath!==undefined){var o=r.composedPath().filter((function(r){if(r.classList){return r.classList.contains(ION_FOCUSABLE)}return false}));e(o)}};var f=function(){if(t.activeElement===u){e([])}};t.addEventListener("keydown",i);t.addEventListener("focusin",c);t.addEventListener("focusout",f);t.addEventListener("touchstart",a,{passive:true});t.addEventListener("mousedown",a);var s=function(){t.removeEventListener("keydown",i);t.removeEventListener("focusin",c);t.removeEventListener("focusout",f);t.removeEventListener("touchstart",a);t.removeEventListener("mousedown",a)};return{destroy:s,setFocus:e}};export{startFocusVisible};

package/dist/ionic/p-c468af8a.system.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-System.register([],(function(n){"use strict";return{execute:function(){var r="ion-focused";var t="ion-focusable";var o=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];var u=n("startFocusVisible",(function(n){var u=[];var e=true;var c=n?n.shadowRoot:document;var f=n?n:document.body;var i=function(n){u.forEach((function(n){return n.classList.remove(r)}));n.forEach((function(n){return n.classList.add(r)}));u=n};var a=function(){e=false;i([])};var s=function(n){e=o.includes(n.key);if(!e){i([])}};var v=function(n){if(e&&n.composedPath!==undefined){var r=n.composedPath().filter((function(n){if(n.classList){return n.classList.contains(t)}return false}));i(r)}};var d=function(){if(c.activeElement===f){i([])}};c.addEventListener("keydown",s);c.addEventListener("focusin",v);c.addEventListener("focusout",d);c.addEventListener("touchstart",a,{passive:true});c.addEventListener("mousedown",a);var w=function(){c.removeEventListener("keydown",s);c.removeEventListener("focusin",v);c.removeEventListener("focusout",d);c.removeEventListener("touchstart",a);c.removeEventListener("mousedown",a)};return{destroy:w,setFocus:i}}))}}}));

package/dist/ionic/p-d47265c8.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-const o="ion-focused",t=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"],e=e=>{let s=[],n=!0;const c=e?e.shadowRoot:document,u=e||document.body,r=t=>{s.forEach((t=>t.classList.remove(o))),t.forEach((t=>t.classList.add(o))),s=t},d=()=>{n=!1,r([])},f=o=>{n=t.includes(o.key),n||r([])},i=o=>{if(n&&void 0!==o.composedPath){const t=o.composedPath().filter((o=>!!o.classList&&o.classList.contains("ion-focusable")));r(t)}},w=()=>{c.activeElement===u&&r([])};return c.addEventListener("keydown",f),c.addEventListener("focusin",i),c.addEventListener("focusout",w),c.addEventListener("touchstart",d,{passive:!0}),c.addEventListener("mousedown",d),{destroy:()=>{c.removeEventListener("keydown",f),c.removeEventListener("focusin",i),c.removeEventListener("focusout",w),c.removeEventListener("touchstart",d),c.removeEventListener("mousedown",d)},setFocus:r}};export{e as startFocusVisible}