@baleada/logic 0.24.10 → 0.24.11

package/lib/index.cjs

@@ -2212,26 +2212,61 @@ const defaultOptions$d = {
 };
 function createFocusable(order, options = {}) {
   const { predicatesElement, tabbableSelector } = { ...defaultOptions$d, ...options }, predicateFocusable = (element) => element.matches(tabbableSelector);
-  return (element) => {
-    if (predicatesElement && predicateFocusable(element))
-      return element;
-    switch (order) {
-      case "first":
+  switch (order) {
+    case "first":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
         for (let i = 0; i < element.children.length; i++) {
           const focusable = createFocusable(order, { predicatesElement: true })(element.children[i]);
           if (focusable)
             return focusable;
         }
-        break;
-      case "last":
+      };
+    case "last":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
         for (let i = element.children.length - 1; i > -1; i--) {
           const focusable = createFocusable(order, { predicatesElement: true })(element.children[i]);
           if (focusable)
             return focusable;
         }
-        break;
-    }
-  };
+      };
+    case "next":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
+        const focusable = createFocusable("first")(element);
+        if (focusable)
+          return focusable;
+        let current = element;
+        while (current && current !== document.documentElement) {
+          const nextSibling = current.nextElementSibling;
+          if (nextSibling) {
+            const focusable2 = createFocusable("first", { predicatesElement: true })(nextSibling);
+            if (focusable2)
+              return focusable2;
+          }
+          current = current.parentElement;
+        }
+      };
+    case "previous":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
+        let current = element;
+        while (current && current !== document.documentElement) {
+          const previousSibling = current.previousElementSibling;
+          if (previousSibling) {
+            const focusable = createFocusable("last", { predicatesElement: true })(previousSibling);
+            if (focusable)
+              return focusable;
+          }
+          current = current.parentElement;
+        }
+      };
+  }
 }
 function createComputedStyle(pseudoElement) {
   return (element) => getComputedStyle(element, pseudoElement);
@@ -2796,6 +2831,11 @@ function storeKeyboardTimeMetadata({
         effect(event);
     }
   }, storeDuration = () => {
+    const sequence = api.getSequence();
+    if (!document.body.contains(
+      lazyCollections.at(-1)(sequence).target
+    ))
+      return;
     const request = requestAnimationFrame((timestamp) => {
       if (!getShouldStore())
         return;
@@ -2915,6 +2955,11 @@ function storePointerTimeMetadata(event, api, getShouldStore, setRequest, recogn
     if (getStatus() === "recognized")
       effect(event2);
   }, storeDuration = () => {
+    const sequence = api.getSequence();
+    if (!document.body.contains(
+      lazyCollections.at(-1)(sequence).target
+    ))
+      return;
     const request = requestAnimationFrame((timestamp) => {
       if (!getShouldStore())
         return;

package/lib/index.d.ts

@@ -638,7 +638,7 @@ type CreateFocusableOptions = {
 /**
  * [Docs](https://baleada.dev/docs/logic/pipes/focusable)
  */
-declare function createFocusable(order: 'first' | 'last', options?: CreateFocusableOptions): ElementTransform<HTMLElement, HTMLElement | undefined>;
+declare function createFocusable(order: 'first' | 'last' | 'next' | 'previous', options?: CreateFocusableOptions): ElementTransform<HTMLElement, HTMLElement | undefined>;
 /**
  * [Docs](https://baleada.dev/docs/logic/pipes/computed-style)
  */

package/lib/index.js

@@ -2210,26 +2210,61 @@ const defaultOptions$d = {
 };
 function createFocusable(order, options = {}) {
   const { predicatesElement, tabbableSelector } = { ...defaultOptions$d, ...options }, predicateFocusable = (element) => element.matches(tabbableSelector);
-  return (element) => {
-    if (predicatesElement && predicateFocusable(element))
-      return element;
-    switch (order) {
-      case "first":
+  switch (order) {
+    case "first":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
         for (let i = 0; i < element.children.length; i++) {
           const focusable = createFocusable(order, { predicatesElement: true })(element.children[i]);
           if (focusable)
             return focusable;
         }
-        break;
-      case "last":
+      };
+    case "last":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
         for (let i = element.children.length - 1; i > -1; i--) {
           const focusable = createFocusable(order, { predicatesElement: true })(element.children[i]);
           if (focusable)
             return focusable;
         }
-        break;
-    }
-  };
+      };
+    case "next":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
+        const focusable = createFocusable("first")(element);
+        if (focusable)
+          return focusable;
+        let current = element;
+        while (current && current !== document.documentElement) {
+          const nextSibling = current.nextElementSibling;
+          if (nextSibling) {
+            const focusable2 = createFocusable("first", { predicatesElement: true })(nextSibling);
+            if (focusable2)
+              return focusable2;
+          }
+          current = current.parentElement;
+        }
+      };
+    case "previous":
+      return (element) => {
+        if (predicatesElement && predicateFocusable(element))
+          return element;
+        let current = element;
+        while (current && current !== document.documentElement) {
+          const previousSibling = current.previousElementSibling;
+          if (previousSibling) {
+            const focusable = createFocusable("last", { predicatesElement: true })(previousSibling);
+            if (focusable)
+              return focusable;
+          }
+          current = current.parentElement;
+        }
+      };
+  }
 }
 function createComputedStyle(pseudoElement) {
   return (element) => getComputedStyle(element, pseudoElement);
@@ -2794,6 +2829,11 @@ function storeKeyboardTimeMetadata({
         effect(event);
     }
   }, storeDuration = () => {
+    const sequence = api.getSequence();
+    if (!document.body.contains(
+      at(-1)(sequence).target
+    ))
+      return;
     const request = requestAnimationFrame((timestamp) => {
       if (!getShouldStore())
         return;
@@ -2913,6 +2953,11 @@ function storePointerTimeMetadata(event, api, getShouldStore, setRequest, recogn
     if (getStatus() === "recognized")
       effect(event2);
   }, storeDuration = () => {
+    const sequence = api.getSequence();
+    if (!document.body.contains(
+      at(-1)(sequence).target
+    ))
+      return;
     const request = requestAnimationFrame((timestamp) => {
       if (!getShouldStore())
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baleada/logic",
-  "version": "0.24.10",
+  "version": "0.24.11",
   "description": "UI logic for the Baleada toolkit",
   "main": "lib/index.cjs",
   "module": "lib/index.js",