@youcan/celeste 0.21.1 → 0.22.0

package/dist/es/chunks/useArrowNavigation.js

@@ -1,60 +0,0 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useArrowNavigation.js
-var ignoredElement = ["INPUT", "TEXTAREA"];
-/**
-* Allow arrow navigation for every html element with data-reka-collection-item tag
-*
-* @param e               Keyboard event
-* @param currentElement  Event initiator element or any element that wants to handle the navigation
-* @param parentElement   Parent element where contains all the collection items, this will collect every item to be used when nav
-* @param options         further options
-* @returns               the navigated html element or null if none
-*/
-function useArrowNavigation(e, currentElement, parentElement, options = {}) {
-	if (!currentElement || options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)) return null;
-	const { arrowKeyOptions = "both", attributeName = "[data-reka-collection-item]", itemsArray = [], loop = true, dir = "ltr", preventScroll = true, focus = false } = options;
-	const [right, left, up, down, home, end] = [
-		e.key === "ArrowRight",
-		e.key === "ArrowLeft",
-		e.key === "ArrowUp",
-		e.key === "ArrowDown",
-		e.key === "Home",
-		e.key === "End"
-	];
-	const goingVertical = up || down;
-	const goingHorizontal = right || left;
-	if (!home && !end && (!goingVertical && !goingHorizontal || arrowKeyOptions === "vertical" && goingHorizontal || arrowKeyOptions === "horizontal" && goingVertical)) return null;
-	const allCollectionItems = parentElement ? Array.from(parentElement.querySelectorAll(attributeName)) : itemsArray;
-	if (!allCollectionItems.length) return null;
-	if (preventScroll) e.preventDefault();
-	let item = null;
-	if (goingHorizontal || goingVertical) item = findNextFocusableElement(allCollectionItems, currentElement, {
-		goForward: goingVertical ? down : dir === "ltr" ? right : left,
-		loop
-	});
-	else if (home) item = allCollectionItems.at(0) || null;
-	else if (end) item = allCollectionItems.at(-1) || null;
-	if (focus) item?.focus();
-	return item;
-}
-/**
-* Recursive function to find the next focusable element to avoid disabled elements
-*
-* @param elements Elements to navigate
-* @param currentElement Current active element
-* @param options
-* @returns next focusable element
-*/
-function findNextFocusableElement(elements, currentElement, options, iterations = !elements.includes(currentElement) ? elements.length + 1 : elements.length) {
-	if (--iterations === 0) return null;
-	const index = elements.indexOf(currentElement);
-	let newIndex;
-	if (index === -1) newIndex = options.goForward ? 0 : elements.length - 1;
-	else newIndex = options.goForward ? index + 1 : index - 1;
-	if (!options.loop && (newIndex < 0 || newIndex >= elements.length)) return null;
-	const candidate = elements[(newIndex + elements.length) % elements.length];
-	if (!candidate) return null;
-	if (candidate.hasAttribute("disabled") && candidate.getAttribute("disabled") !== "false") return findNextFocusableElement(elements, candidate, options, iterations);
-	return candidate;
-}
-//#endregion
-export { useArrowNavigation as t };