@ionic/core 8.4.1-dev.11732734107.1ad7a02d → 8.4.1-dev.11732743645.19f772f4

package/hydrate/index.js

@@ -9223,6 +9223,7 @@ const startFocusVisible = (rootEl) => {
     const ref = rootEl ? rootEl.shadowRoot : document;
     const root = rootEl ? rootEl : document.body;
     const setFocus = (elements) => {
+        console.log('setFocus', elements, currentFocus);
         currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
         elements.forEach((el) => el.classList.add(ION_FOCUSED));
         currentFocus = elements;
@@ -9243,8 +9244,9 @@ const startFocusVisible = (rootEl) => {
     };
     const onFocusin = (ev) => {
         console.log('onFocusin', ev);
+        let toFocus = [];
         if (keyboardMode && ev.composedPath !== undefined) {
-            const toFocus = ev.composedPath().filter((el) => {
+            toFocus = ev.composedPath().filter((el) => {
                 // TODO(FW-2832): type
                 if (el.classList) {
                     return el.classList.contains(ION_FOCUSABLE);
@@ -9253,9 +9255,12 @@ const startFocusVisible = (rootEl) => {
             });
             setFocus(toFocus);
         }
-        keyboardMode = true;
+        if (toFocus.length > 0) {
+            keyboardMode = true;
+        }
     };
     const onFocusout = () => {
+        console.log('onFocusout');
         if (ref.activeElement === root) {
             setFocus([]);
         }

package/hydrate/index.mjs

@@ -9219,6 +9219,7 @@ const startFocusVisible = (rootEl) => {
     const ref = rootEl ? rootEl.shadowRoot : document;
     const root = rootEl ? rootEl : document.body;
     const setFocus = (elements) => {
+        console.log('setFocus', elements, currentFocus);
         currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
         elements.forEach((el) => el.classList.add(ION_FOCUSED));
         currentFocus = elements;
@@ -9239,8 +9240,9 @@ const startFocusVisible = (rootEl) => {
     };
     const onFocusin = (ev) => {
         console.log('onFocusin', ev);
+        let toFocus = [];
         if (keyboardMode && ev.composedPath !== undefined) {
-            const toFocus = ev.composedPath().filter((el) => {
+            toFocus = ev.composedPath().filter((el) => {
                 // TODO(FW-2832): type
                 if (el.classList) {
                     return el.classList.contains(ION_FOCUSABLE);
@@ -9249,9 +9251,12 @@ const startFocusVisible = (rootEl) => {
             });
             setFocus(toFocus);
         }
-        keyboardMode = true;
+        if (toFocus.length > 0) {
+            keyboardMode = true;
+        }
     };
     const onFocusout = () => {
+        console.log('onFocusout');
         if (ref.activeElement === root) {
             setFocus([]);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.4.1-dev.11732734107.1ad7a02d",
+  "version": "8.4.1-dev.11732743645.19f772f4",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",

package/dist/esm-es5/focus-visible-e39af5f9.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","Meta"];var startFocusVisible=function(o){var n=[];var r=true;var t=o?o.shadowRoot:document;var e=o?o:document.body;var u=function(o){n.forEach((function(o){return o.classList.remove(ION_FOCUSED)}));o.forEach((function(o){return o.classList.add(ION_FOCUSED)}));n=o};var c=function(o){console.log("pointerDown",o);r=false;u([])};var i=function(o){console.log("onKeydown",o);r=FOCUS_KEYS.includes(o.key);if(!r){u([])}};var s=function(o){console.log("onFocusin",o);if(r&&o.composedPath!==undefined){var n=o.composedPath().filter((function(o){if(o.classList){return o.classList.contains(ION_FOCUSABLE)}return false}));u(n)}r=true};var a=function(){if(t.activeElement===e){u([])}};t.addEventListener("keydown",i);t.addEventListener("focusin",s);t.addEventListener("focusout",a);t.addEventListener("touchstart",c,{passive:true});t.addEventListener("mousedown",c);var f=function(){t.removeEventListener("keydown",i);t.removeEventListener("focusin",s);t.removeEventListener("focusout",a);t.removeEventListener("touchstart",c);t.removeEventListener("mousedown",c)};return{destroy:f,setFocus:u}};export{startFocusVisible};

package/dist/ionic/p-34ad1b32.system.js

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

package/dist/ionic/p-b203d729.js

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