aria-ease 6.14.0 → 7.0.1

package/dist/src/accordion/index.cjs

@@ -1,183 +1 @@
-'use strict';
-
-// src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
-function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultipleOpen = false, callback }) {
-  const accordionContainer = document.querySelector(`#${accordionId}`);
-  if (!accordionContainer) {
-    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const triggers = Array.from(accordionContainer.querySelectorAll(`.${triggersClass}`));
-  if (triggers.length === 0) {
-    console.error(`[aria-ease] No elements with class="${triggersClass}" found. Make sure accordion triggers exist before calling makeAccordionAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const panels = Array.from(accordionContainer.querySelectorAll(`.${panelsClass}`));
-  if (panels.length === 0) {
-    console.error(`[aria-ease] No elements with class="${panelsClass}" found. Make sure accordion panels exist before calling makeAccordionAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  if (triggers.length !== panels.length) {
-    console.error(`[aria-ease] Accordion trigger/panel mismatch: found ${triggers.length} triggers but ${panels.length} panels.`);
-    return { cleanup: () => {
-    } };
-  }
-  const handlerMap = /* @__PURE__ */ new WeakMap();
-  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
-  function initialize() {
-    triggers.forEach((trigger, index) => {
-      const panel = panels[index];
-      if (!trigger.id) {
-        trigger.id = `${accordionId}-trigger-${index}`;
-      }
-      if (!panel.id) {
-        panel.id = `${accordionId}-panel-${index}`;
-      }
-      trigger.setAttribute("aria-controls", panel.id);
-      trigger.setAttribute("aria-expanded", "false");
-      if (!allowMultipleOpen || triggers.length <= 6) {
-        panel.setAttribute("role", "region");
-      }
-      panel.setAttribute("aria-labelledby", trigger.id);
-      panel.style.display = "none";
-    });
-  }
-  function expandItem(index) {
-    if (index < 0 || index >= triggers.length) {
-      console.error(`[aria-ease] Invalid accordion index: ${index}`);
-      return;
-    }
-    const trigger = triggers[index];
-    const panel = panels[index];
-    trigger.setAttribute("aria-expanded", "true");
-    panel.style.display = "block";
-    if (callback?.onExpand) {
-      try {
-        callback.onExpand(index);
-      } catch (error) {
-        console.error("[aria-ease] Error in accordion onExpand callback:", error);
-      }
-    }
-  }
-  function collapseItem(index) {
-    if (index < 0 || index >= triggers.length) {
-      console.error(`[aria-ease] Invalid accordion index: ${index}`);
-      return;
-    }
-    const trigger = triggers[index];
-    const panel = panels[index];
-    trigger.setAttribute("aria-expanded", "false");
-    panel.style.display = "none";
-    if (callback?.onCollapse) {
-      try {
-        callback.onCollapse(index);
-      } catch (error) {
-        console.error("[aria-ease] Error in accordion onCollapse callback:", error);
-      }
-    }
-  }
-  function toggleItem(index) {
-    const trigger = triggers[index];
-    const isExpanded = trigger.getAttribute("aria-expanded") === "true";
-    if (isExpanded) {
-      collapseItem(index);
-    } else {
-      if (!allowMultipleOpen) {
-        triggers.forEach((_, i) => {
-          if (i !== index) {
-            collapseItem(i);
-          }
-        });
-      }
-      expandItem(index);
-    }
-  }
-  function handleTriggerClick(index) {
-    return () => {
-      toggleItem(index);
-    };
-  }
-  function handleTriggerKeydown(index) {
-    return (event) => {
-      const { key } = event;
-      switch (key) {
-        case "Enter":
-        case " ":
-          event.preventDefault();
-          toggleItem(index);
-          break;
-        case "ArrowDown":
-          event.preventDefault();
-          {
-            const nextIndex = (index + 1) % triggers.length;
-            triggers[nextIndex].focus();
-          }
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          {
-            const prevIndex = (index - 1 + triggers.length) % triggers.length;
-            triggers[prevIndex].focus();
-          }
-          break;
-        case "Home":
-          event.preventDefault();
-          triggers[0].focus();
-          break;
-        case "End":
-          event.preventDefault();
-          triggers[triggers.length - 1].focus();
-          break;
-      }
-    };
-  }
-  function addListeners() {
-    triggers.forEach((trigger, index) => {
-      const clickHandler = handleTriggerClick(index);
-      const keydownHandler = handleTriggerKeydown(index);
-      trigger.addEventListener("click", clickHandler);
-      trigger.addEventListener("keydown", keydownHandler);
-      handlerMap.set(trigger, keydownHandler);
-      clickHandlerMap.set(trigger, clickHandler);
-    });
-  }
-  function removeListeners() {
-    triggers.forEach((trigger) => {
-      const keydownHandler = handlerMap.get(trigger);
-      const clickHandler = clickHandlerMap.get(trigger);
-      if (keydownHandler) {
-        trigger.removeEventListener("keydown", keydownHandler);
-        handlerMap.delete(trigger);
-      }
-      if (clickHandler) {
-        trigger.removeEventListener("click", clickHandler);
-        clickHandlerMap.delete(trigger);
-      }
-    });
-  }
-  function cleanup() {
-    removeListeners();
-    triggers.forEach((_, index) => {
-      collapseItem(index);
-    });
-  }
-  function refresh() {
-    removeListeners();
-    const newTriggers = Array.from(accordionContainer.querySelectorAll(`.${triggersClass}`));
-    const newPanels = Array.from(accordionContainer.querySelectorAll(`.${panelsClass}`));
-    triggers.length = 0;
-    triggers.push(...newTriggers);
-    panels.length = 0;
-    panels.push(...newPanels);
-    initialize();
-    addListeners();
-  }
-  initialize();
-  addListeners();
-  return { expandItem, collapseItem, toggleItem, cleanup, refresh };
-}
-
-exports.makeAccordionAccessible = makeAccordionAccessible;
+'use strict';function H({accordionId:c,triggersClass:l,panelsClass:i,allowMultipleOpen:h=false,callback:u}){if(c==="")return console.error("[aria-ease] 'accordionId' should not be an empty string. Provide an id to the accordion container element that exists before calling makeAccordionAccessible."),{cleanup:()=>{}};let s=document.querySelector(`#${c}`);if(!s)return console.error(`[aria-ease] Element with id="${c}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`),{cleanup:()=>{}};if(l==="")return console.error("[aria-ease] 'triggersClass' should not be an empty string. Provide a class name that exists on the accordion trigger elements before calling makeAccordionAccessible."),{cleanup:()=>{}};let r=Array.from(s.querySelectorAll(`.${l}`));if(r.length===0)return console.error(`[aria-ease] No elements with class="${l}" found. Make sure accordion triggers exist before calling makeAccordionAccessible.`),{cleanup:()=>{}};if(i==="")return console.error("[aria-ease] 'panelsClass' should not be an empty string. Provide a class name that exists on the accordion panel elements before calling makeAccordionAccessible."),{cleanup:()=>{}};let a=Array.from(s.querySelectorAll(`.${i}`));if(a.length===0)return console.error(`[aria-ease] No elements with class="${i}" found. Make sure accordion panels exist before calling makeAccordionAccessible.`),{cleanup:()=>{}};if(r.length!==a.length)return console.error(`[aria-ease] Accordion trigger/panel mismatch: found ${r.length} triggers but ${a.length} panels.`),{cleanup:()=>{}};let f=new WeakMap,m=new WeakMap;function b(){r.forEach((e,n)=>{let o=a[n];e.id||(e.id=`${c}-trigger-${n}`),o.id||(o.id=`${c}-panel-${n}`),e.setAttribute("aria-controls",o.id),e.setAttribute("aria-expanded","false"),(!h||r.length<=6)&&o.setAttribute("role","region"),o.setAttribute("aria-labelledby",e.id),o.style.display="none";});}function A(e){if(e<0||e>=r.length){console.error(`[aria-ease] Invalid accordion index: ${e}`);return}let n=r[e],o=a[e];if(n.setAttribute("aria-expanded","true"),o.style.display="block",u?.onExpand)try{u.onExpand(e);}catch(t){console.error("[aria-ease] Error in accordion onExpand callback:",t);}}function d(e){if(e<0||e>=r.length){console.error(`[aria-ease] Invalid accordion index: ${e}`);return}let n=r[e],o=a[e];if(n.setAttribute("aria-expanded","false"),o.style.display="none",u?.onCollapse)try{u.onCollapse(e);}catch(t){console.error("[aria-ease] Error in accordion onCollapse callback:",t);}}function p(e){r[e].getAttribute("aria-expanded")==="true"?d(e):(h||r.forEach((t,E)=>{E!==e&&d(E);}),A(e));}function k(e){return ()=>{p(e);}}function v(e){return n=>{let{key:o}=n;switch(o){case "Enter":case " ":n.preventDefault(),p(e);break;case "ArrowDown":n.preventDefault();{let t=(e+1)%r.length;r[t].focus();}break;case "ArrowUp":n.preventDefault();{let t=(e-1+r.length)%r.length;r[t].focus();}break;case "Home":n.preventDefault(),r[0].focus();break;case "End":n.preventDefault(),r[r.length-1].focus();break}}}function y(){r.forEach((e,n)=>{let o=k(n),t=v(n);e.addEventListener("click",o),e.addEventListener("keydown",t),f.set(e,t),m.set(e,o);});}function g(){r.forEach(e=>{let n=f.get(e),o=m.get(e);n&&(e.removeEventListener("keydown",n),f.delete(e)),o&&(e.removeEventListener("click",o),m.delete(e));});}function $(){g(),r.forEach((e,n)=>{d(n);});}function w(){g();let e=Array.from(s.querySelectorAll(`.${l}`)),n=Array.from(s.querySelectorAll(`.${i}`));r.length=0,r.push(...e),a.length=0,a.push(...n),b(),y();}return b(),y(),{expandItem:A,collapseItem:d,toggleItem:p,cleanup:$,refresh:w}}exports.makeAccordionAccessible=H;

package/dist/src/accordion/index.js

@@ -1,181 +1 @@
-// src/accordion/src/makeAccordionAccessible/makeAccordionAccessible.ts
-function makeAccordionAccessible({ accordionId, triggersClass, panelsClass, allowMultipleOpen = false, callback }) {
-  const accordionContainer = document.querySelector(`#${accordionId}`);
-  if (!accordionContainer) {
-    console.error(`[aria-ease] Element with id="${accordionId}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const triggers = Array.from(accordionContainer.querySelectorAll(`.${triggersClass}`));
-  if (triggers.length === 0) {
-    console.error(`[aria-ease] No elements with class="${triggersClass}" found. Make sure accordion triggers exist before calling makeAccordionAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const panels = Array.from(accordionContainer.querySelectorAll(`.${panelsClass}`));
-  if (panels.length === 0) {
-    console.error(`[aria-ease] No elements with class="${panelsClass}" found. Make sure accordion panels exist before calling makeAccordionAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  if (triggers.length !== panels.length) {
-    console.error(`[aria-ease] Accordion trigger/panel mismatch: found ${triggers.length} triggers but ${panels.length} panels.`);
-    return { cleanup: () => {
-    } };
-  }
-  const handlerMap = /* @__PURE__ */ new WeakMap();
-  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
-  function initialize() {
-    triggers.forEach((trigger, index) => {
-      const panel = panels[index];
-      if (!trigger.id) {
-        trigger.id = `${accordionId}-trigger-${index}`;
-      }
-      if (!panel.id) {
-        panel.id = `${accordionId}-panel-${index}`;
-      }
-      trigger.setAttribute("aria-controls", panel.id);
-      trigger.setAttribute("aria-expanded", "false");
-      if (!allowMultipleOpen || triggers.length <= 6) {
-        panel.setAttribute("role", "region");
-      }
-      panel.setAttribute("aria-labelledby", trigger.id);
-      panel.style.display = "none";
-    });
-  }
-  function expandItem(index) {
-    if (index < 0 || index >= triggers.length) {
-      console.error(`[aria-ease] Invalid accordion index: ${index}`);
-      return;
-    }
-    const trigger = triggers[index];
-    const panel = panels[index];
-    trigger.setAttribute("aria-expanded", "true");
-    panel.style.display = "block";
-    if (callback?.onExpand) {
-      try {
-        callback.onExpand(index);
-      } catch (error) {
-        console.error("[aria-ease] Error in accordion onExpand callback:", error);
-      }
-    }
-  }
-  function collapseItem(index) {
-    if (index < 0 || index >= triggers.length) {
-      console.error(`[aria-ease] Invalid accordion index: ${index}`);
-      return;
-    }
-    const trigger = triggers[index];
-    const panel = panels[index];
-    trigger.setAttribute("aria-expanded", "false");
-    panel.style.display = "none";
-    if (callback?.onCollapse) {
-      try {
-        callback.onCollapse(index);
-      } catch (error) {
-        console.error("[aria-ease] Error in accordion onCollapse callback:", error);
-      }
-    }
-  }
-  function toggleItem(index) {
-    const trigger = triggers[index];
-    const isExpanded = trigger.getAttribute("aria-expanded") === "true";
-    if (isExpanded) {
-      collapseItem(index);
-    } else {
-      if (!allowMultipleOpen) {
-        triggers.forEach((_, i) => {
-          if (i !== index) {
-            collapseItem(i);
-          }
-        });
-      }
-      expandItem(index);
-    }
-  }
-  function handleTriggerClick(index) {
-    return () => {
-      toggleItem(index);
-    };
-  }
-  function handleTriggerKeydown(index) {
-    return (event) => {
-      const { key } = event;
-      switch (key) {
-        case "Enter":
-        case " ":
-          event.preventDefault();
-          toggleItem(index);
-          break;
-        case "ArrowDown":
-          event.preventDefault();
-          {
-            const nextIndex = (index + 1) % triggers.length;
-            triggers[nextIndex].focus();
-          }
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          {
-            const prevIndex = (index - 1 + triggers.length) % triggers.length;
-            triggers[prevIndex].focus();
-          }
-          break;
-        case "Home":
-          event.preventDefault();
-          triggers[0].focus();
-          break;
-        case "End":
-          event.preventDefault();
-          triggers[triggers.length - 1].focus();
-          break;
-      }
-    };
-  }
-  function addListeners() {
-    triggers.forEach((trigger, index) => {
-      const clickHandler = handleTriggerClick(index);
-      const keydownHandler = handleTriggerKeydown(index);
-      trigger.addEventListener("click", clickHandler);
-      trigger.addEventListener("keydown", keydownHandler);
-      handlerMap.set(trigger, keydownHandler);
-      clickHandlerMap.set(trigger, clickHandler);
-    });
-  }
-  function removeListeners() {
-    triggers.forEach((trigger) => {
-      const keydownHandler = handlerMap.get(trigger);
-      const clickHandler = clickHandlerMap.get(trigger);
-      if (keydownHandler) {
-        trigger.removeEventListener("keydown", keydownHandler);
-        handlerMap.delete(trigger);
-      }
-      if (clickHandler) {
-        trigger.removeEventListener("click", clickHandler);
-        clickHandlerMap.delete(trigger);
-      }
-    });
-  }
-  function cleanup() {
-    removeListeners();
-    triggers.forEach((_, index) => {
-      collapseItem(index);
-    });
-  }
-  function refresh() {
-    removeListeners();
-    const newTriggers = Array.from(accordionContainer.querySelectorAll(`.${triggersClass}`));
-    const newPanels = Array.from(accordionContainer.querySelectorAll(`.${panelsClass}`));
-    triggers.length = 0;
-    triggers.push(...newTriggers);
-    panels.length = 0;
-    panels.push(...newPanels);
-    initialize();
-    addListeners();
-  }
-  initialize();
-  addListeners();
-  return { expandItem, collapseItem, toggleItem, cleanup, refresh };
-}
-
-export { makeAccordionAccessible };
+function H({accordionId:c,triggersClass:l,panelsClass:i,allowMultipleOpen:h=false,callback:u}){if(c==="")return console.error("[aria-ease] 'accordionId' should not be an empty string. Provide an id to the accordion container element that exists before calling makeAccordionAccessible."),{cleanup:()=>{}};let s=document.querySelector(`#${c}`);if(!s)return console.error(`[aria-ease] Element with id="${c}" not found. Make sure the accordion container exists before calling makeAccordionAccessible.`),{cleanup:()=>{}};if(l==="")return console.error("[aria-ease] 'triggersClass' should not be an empty string. Provide a class name that exists on the accordion trigger elements before calling makeAccordionAccessible."),{cleanup:()=>{}};let r=Array.from(s.querySelectorAll(`.${l}`));if(r.length===0)return console.error(`[aria-ease] No elements with class="${l}" found. Make sure accordion triggers exist before calling makeAccordionAccessible.`),{cleanup:()=>{}};if(i==="")return console.error("[aria-ease] 'panelsClass' should not be an empty string. Provide a class name that exists on the accordion panel elements before calling makeAccordionAccessible."),{cleanup:()=>{}};let a=Array.from(s.querySelectorAll(`.${i}`));if(a.length===0)return console.error(`[aria-ease] No elements with class="${i}" found. Make sure accordion panels exist before calling makeAccordionAccessible.`),{cleanup:()=>{}};if(r.length!==a.length)return console.error(`[aria-ease] Accordion trigger/panel mismatch: found ${r.length} triggers but ${a.length} panels.`),{cleanup:()=>{}};let f=new WeakMap,m=new WeakMap;function b(){r.forEach((e,n)=>{let o=a[n];e.id||(e.id=`${c}-trigger-${n}`),o.id||(o.id=`${c}-panel-${n}`),e.setAttribute("aria-controls",o.id),e.setAttribute("aria-expanded","false"),(!h||r.length<=6)&&o.setAttribute("role","region"),o.setAttribute("aria-labelledby",e.id),o.style.display="none";});}function A(e){if(e<0||e>=r.length){console.error(`[aria-ease] Invalid accordion index: ${e}`);return}let n=r[e],o=a[e];if(n.setAttribute("aria-expanded","true"),o.style.display="block",u?.onExpand)try{u.onExpand(e);}catch(t){console.error("[aria-ease] Error in accordion onExpand callback:",t);}}function d(e){if(e<0||e>=r.length){console.error(`[aria-ease] Invalid accordion index: ${e}`);return}let n=r[e],o=a[e];if(n.setAttribute("aria-expanded","false"),o.style.display="none",u?.onCollapse)try{u.onCollapse(e);}catch(t){console.error("[aria-ease] Error in accordion onCollapse callback:",t);}}function p(e){r[e].getAttribute("aria-expanded")==="true"?d(e):(h||r.forEach((t,E)=>{E!==e&&d(E);}),A(e));}function k(e){return ()=>{p(e);}}function v(e){return n=>{let{key:o}=n;switch(o){case "Enter":case " ":n.preventDefault(),p(e);break;case "ArrowDown":n.preventDefault();{let t=(e+1)%r.length;r[t].focus();}break;case "ArrowUp":n.preventDefault();{let t=(e-1+r.length)%r.length;r[t].focus();}break;case "Home":n.preventDefault(),r[0].focus();break;case "End":n.preventDefault(),r[r.length-1].focus();break}}}function y(){r.forEach((e,n)=>{let o=k(n),t=v(n);e.addEventListener("click",o),e.addEventListener("keydown",t),f.set(e,t),m.set(e,o);});}function g(){r.forEach(e=>{let n=f.get(e),o=m.get(e);n&&(e.removeEventListener("keydown",n),f.delete(e)),o&&(e.removeEventListener("click",o),m.delete(e));});}function $(){g(),r.forEach((e,n)=>{d(n);});}function w(){g();let e=Array.from(s.querySelectorAll(`.${l}`)),n=Array.from(s.querySelectorAll(`.${i}`));r.length=0,r.push(...e),a.length=0,a.push(...n),b(),y();}return b(),y(),{expandItem:A,collapseItem:d,toggleItem:p,cleanup:$,refresh:w}}export{H as makeAccordionAccessible};

package/dist/src/block/index.cjs

@@ -1,124 +1 @@
-'use strict';
-
-// src/utils/handleKeyPress/handleKeyPress.ts
-function isTextInput(el) {
-  if (el.tagName !== "INPUT") return false;
-  const type = el.type;
-  return ["text", "email", "password", "tel", "number"].includes(type);
-}
-function isTextArea(el) {
-  return el.tagName === "TEXTAREA";
-}
-function isNativeButton(el) {
-  return el.tagName === "BUTTON" || el.tagName === "INPUT" && ["button", "submit", "reset"].includes(el.type);
-}
-function isLink(el) {
-  return el.tagName === "A";
-}
-function moveFocus(elementItems, currentIndex, direction) {
-  const len = elementItems.length;
-  const nextIndex = (currentIndex + direction + len) % len;
-  elementItems.item(nextIndex).focus();
-}
-function isClickableButNotSemantic(el) {
-  return el.getAttribute("data-custom-click") !== null && el.getAttribute("data-custom-click") !== void 0;
-}
-function handleKeyPress(event, elementItems, elementItemIndex) {
-  const currentEl = elementItems.item(elementItemIndex);
-  switch (event.key) {
-    case "ArrowUp":
-    case "ArrowLeft": {
-      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
-        event.preventDefault();
-        moveFocus(elementItems, elementItemIndex, -1);
-      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
-        const cursorStart = currentEl.selectionStart;
-        if (cursorStart === 0) {
-          event.preventDefault();
-          moveFocus(elementItems, elementItemIndex, -1);
-        }
-      }
-      break;
-    }
-    case "ArrowDown":
-    case "ArrowRight": {
-      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
-        event.preventDefault();
-        moveFocus(elementItems, elementItemIndex, 1);
-      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
-        const value = currentEl.value;
-        const cursorEnd = currentEl.selectionStart;
-        if (cursorEnd === value.length) {
-          event.preventDefault();
-          moveFocus(elementItems, elementItemIndex, 1);
-        }
-      }
-      break;
-    }
-    case "Escape": {
-      event.preventDefault();
-      break;
-    }
-    case "Enter":
-    case " ": {
-      if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {
-        event.preventDefault();
-        currentEl.click();
-      } else if (isNativeButton(currentEl)) {
-        event.preventDefault();
-        currentEl.click();
-      }
-      break;
-    }
-  }
-}
-
-// src/block/src/makeBlockAccessible/makeBlockAccessible.ts
-function makeBlockAccessible({ blockId, blockItemsClass }) {
-  const blockDiv = document.querySelector(`#${blockId}`);
-  if (!blockDiv) {
-    console.error(`[aria-ease] Element with id="${blockId}" not found. Make sure the block element exists before calling makeBlockAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  let cachedItems = null;
-  function getItems() {
-    if (!cachedItems) {
-      cachedItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
-    }
-    return cachedItems;
-  }
-  const blockItems = getItems();
-  if (!blockItems || blockItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${blockItemsClass}" not found. Make sure the block items exist before calling makeBlockAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const eventListenersMap = /* @__PURE__ */ new Map();
-  blockItems.forEach((blockItem) => {
-    if (!eventListenersMap.has(blockItem)) {
-      const handler = (event) => {
-        const items = blockDiv.querySelectorAll(`.${blockItemsClass}`);
-        const index = Array.prototype.indexOf.call(items, blockItem);
-        handleKeyPress(event, items, index);
-      };
-      blockItem.addEventListener("keydown", handler);
-      eventListenersMap.set(blockItem, handler);
-    }
-  });
-  function cleanup() {
-    blockItems.forEach((blockItem) => {
-      const handler = eventListenersMap.get(blockItem);
-      if (handler) {
-        blockItem.removeEventListener("keydown", handler);
-        eventListenersMap.delete(blockItem);
-      }
-    });
-  }
-  function refresh() {
-    cachedItems = null;
-  }
-  return { cleanup, refresh };
-}
-
-exports.makeBlockAccessible = makeBlockAccessible;
+'use strict';function c(e){if(e.tagName!=="INPUT")return  false;let n=e.type;return ["text","email","password","tel","number"].includes(n)}function u(e){return e.tagName==="TEXTAREA"}function d(e){return e.tagName==="BUTTON"||e.tagName==="INPUT"&&["button","submit","reset"].includes(e.type)}function k(e){return e.tagName==="A"}function f(e,n,r){let t=e.length,a=(n+r+t)%t;e.item(a).focus();}function M(e){return e.getAttribute("data-custom-click")!==null&&e.getAttribute("data-custom-click")!==void 0}function E(e,n,r){let t=n.item(r);switch(e.key){case "ArrowUp":case "ArrowLeft":{(!c(t)&&!u(t)||(c(t)||u(t))&&t.selectionStart===0)&&(e.preventDefault(),f(n,r,-1));break}case "ArrowDown":case "ArrowRight":{if(!c(t)&&!u(t))e.preventDefault(),f(n,r,1);else if(c(t)||u(t)){let a=t.value;t.selectionStart===a.length&&(e.preventDefault(),f(n,r,1));}break}case "Escape":{e.preventDefault();break}case "Enter":case " ":{(!d(t)&&!k(t)&&M(t)||d(t))&&(e.preventDefault(),t.click());break}}}function g({blockId:e,blockItemsClass:n}){if(e==="")return console.error("[aria-ease] 'blockId' should not be an empty string. Provide an id to the block container element that exists before calling makeBlockAccessible."),{cleanup:()=>{}};let r=document.querySelector(`#${e}`);if(!r)return console.error(`[aria-ease] Element with id="${e}" not found. Make sure the block element exists before calling makeBlockAccessible.`),{cleanup:()=>{}};if(n==="")return console.error("[aria-ease] 'blockItemsClass' should not be an empty string. Provide a class name that exists on the block item elements before calling makeBlockAccessible."),{cleanup:()=>{}};let t=null;function a(){return t||(t=r.querySelectorAll(`.${n}`)),t}let s=a();if(!s||s.length===0)return console.error(`[aria-ease] Element with class="${n}" not found. Make sure the block items exist before calling makeBlockAccessible.`),{cleanup:()=>{}};let l=new Map;s.forEach(o=>{if(!l.has(o)){let i=T=>{let m=r.querySelectorAll(`.${n}`),b=Array.prototype.indexOf.call(m,o);E(T,m,b);};o.addEventListener("keydown",i),l.set(o,i);}});function p(){s.forEach(o=>{let i=l.get(o);i&&(o.removeEventListener("keydown",i),l.delete(o));});}function L(){t=null;}return {cleanup:p,refresh:L}}exports.makeBlockAccessible=g;

package/dist/src/block/index.js

@@ -1,122 +1 @@
-// src/utils/handleKeyPress/handleKeyPress.ts
-function isTextInput(el) {
-  if (el.tagName !== "INPUT") return false;
-  const type = el.type;
-  return ["text", "email", "password", "tel", "number"].includes(type);
-}
-function isTextArea(el) {
-  return el.tagName === "TEXTAREA";
-}
-function isNativeButton(el) {
-  return el.tagName === "BUTTON" || el.tagName === "INPUT" && ["button", "submit", "reset"].includes(el.type);
-}
-function isLink(el) {
-  return el.tagName === "A";
-}
-function moveFocus(elementItems, currentIndex, direction) {
-  const len = elementItems.length;
-  const nextIndex = (currentIndex + direction + len) % len;
-  elementItems.item(nextIndex).focus();
-}
-function isClickableButNotSemantic(el) {
-  return el.getAttribute("data-custom-click") !== null && el.getAttribute("data-custom-click") !== void 0;
-}
-function handleKeyPress(event, elementItems, elementItemIndex) {
-  const currentEl = elementItems.item(elementItemIndex);
-  switch (event.key) {
-    case "ArrowUp":
-    case "ArrowLeft": {
-      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
-        event.preventDefault();
-        moveFocus(elementItems, elementItemIndex, -1);
-      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
-        const cursorStart = currentEl.selectionStart;
-        if (cursorStart === 0) {
-          event.preventDefault();
-          moveFocus(elementItems, elementItemIndex, -1);
-        }
-      }
-      break;
-    }
-    case "ArrowDown":
-    case "ArrowRight": {
-      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {
-        event.preventDefault();
-        moveFocus(elementItems, elementItemIndex, 1);
-      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {
-        const value = currentEl.value;
-        const cursorEnd = currentEl.selectionStart;
-        if (cursorEnd === value.length) {
-          event.preventDefault();
-          moveFocus(elementItems, elementItemIndex, 1);
-        }
-      }
-      break;
-    }
-    case "Escape": {
-      event.preventDefault();
-      break;
-    }
-    case "Enter":
-    case " ": {
-      if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {
-        event.preventDefault();
-        currentEl.click();
-      } else if (isNativeButton(currentEl)) {
-        event.preventDefault();
-        currentEl.click();
-      }
-      break;
-    }
-  }
-}
-
-// src/block/src/makeBlockAccessible/makeBlockAccessible.ts
-function makeBlockAccessible({ blockId, blockItemsClass }) {
-  const blockDiv = document.querySelector(`#${blockId}`);
-  if (!blockDiv) {
-    console.error(`[aria-ease] Element with id="${blockId}" not found. Make sure the block element exists before calling makeBlockAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  let cachedItems = null;
-  function getItems() {
-    if (!cachedItems) {
-      cachedItems = blockDiv.querySelectorAll(`.${blockItemsClass}`);
-    }
-    return cachedItems;
-  }
-  const blockItems = getItems();
-  if (!blockItems || blockItems.length === 0) {
-    console.error(`[aria-ease] Element with class="${blockItemsClass}" not found. Make sure the block items exist before calling makeBlockAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const eventListenersMap = /* @__PURE__ */ new Map();
-  blockItems.forEach((blockItem) => {
-    if (!eventListenersMap.has(blockItem)) {
-      const handler = (event) => {
-        const items = blockDiv.querySelectorAll(`.${blockItemsClass}`);
-        const index = Array.prototype.indexOf.call(items, blockItem);
-        handleKeyPress(event, items, index);
-      };
-      blockItem.addEventListener("keydown", handler);
-      eventListenersMap.set(blockItem, handler);
-    }
-  });
-  function cleanup() {
-    blockItems.forEach((blockItem) => {
-      const handler = eventListenersMap.get(blockItem);
-      if (handler) {
-        blockItem.removeEventListener("keydown", handler);
-        eventListenersMap.delete(blockItem);
-      }
-    });
-  }
-  function refresh() {
-    cachedItems = null;
-  }
-  return { cleanup, refresh };
-}
-
-export { makeBlockAccessible };
+function c(e){if(e.tagName!=="INPUT")return  false;let n=e.type;return ["text","email","password","tel","number"].includes(n)}function u(e){return e.tagName==="TEXTAREA"}function d(e){return e.tagName==="BUTTON"||e.tagName==="INPUT"&&["button","submit","reset"].includes(e.type)}function k(e){return e.tagName==="A"}function f(e,n,r){let t=e.length,a=(n+r+t)%t;e.item(a).focus();}function M(e){return e.getAttribute("data-custom-click")!==null&&e.getAttribute("data-custom-click")!==void 0}function E(e,n,r){let t=n.item(r);switch(e.key){case "ArrowUp":case "ArrowLeft":{(!c(t)&&!u(t)||(c(t)||u(t))&&t.selectionStart===0)&&(e.preventDefault(),f(n,r,-1));break}case "ArrowDown":case "ArrowRight":{if(!c(t)&&!u(t))e.preventDefault(),f(n,r,1);else if(c(t)||u(t)){let a=t.value;t.selectionStart===a.length&&(e.preventDefault(),f(n,r,1));}break}case "Escape":{e.preventDefault();break}case "Enter":case " ":{(!d(t)&&!k(t)&&M(t)||d(t))&&(e.preventDefault(),t.click());break}}}function g({blockId:e,blockItemsClass:n}){if(e==="")return console.error("[aria-ease] 'blockId' should not be an empty string. Provide an id to the block container element that exists before calling makeBlockAccessible."),{cleanup:()=>{}};let r=document.querySelector(`#${e}`);if(!r)return console.error(`[aria-ease] Element with id="${e}" not found. Make sure the block element exists before calling makeBlockAccessible.`),{cleanup:()=>{}};if(n==="")return console.error("[aria-ease] 'blockItemsClass' should not be an empty string. Provide a class name that exists on the block item elements before calling makeBlockAccessible."),{cleanup:()=>{}};let t=null;function a(){return t||(t=r.querySelectorAll(`.${n}`)),t}let s=a();if(!s||s.length===0)return console.error(`[aria-ease] Element with class="${n}" not found. Make sure the block items exist before calling makeBlockAccessible.`),{cleanup:()=>{}};let l=new Map;s.forEach(o=>{if(!l.has(o)){let i=T=>{let m=r.querySelectorAll(`.${n}`),b=Array.prototype.indexOf.call(m,o);E(T,m,b);};o.addEventListener("keydown",i),l.set(o,i);}});function p(){s.forEach(o=>{let i=l.get(o);i&&(o.removeEventListener("keydown",i),l.delete(o));});}function L(){t=null;}return {cleanup:p,refresh:L}}export{g as makeBlockAccessible};