aria-ease 6.14.0 → 7.0.1

package/dist/src/tabs/index.cjs

@@ -1,265 +1 @@
-'use strict';
-
-// src/tabs/src/makeTabsAccessible/makeTabsAccessible.ts
-function makeTabsAccessible({ tabListId, tabsClass, tabPanelsClass, orientation = "horizontal", activateOnFocus = true, callback }) {
-  const tabList = document.querySelector(`#${tabListId}`);
-  if (!tabList) {
-    console.error(`[aria-ease] Element with id="${tabListId}" not found. Make sure the tab list container exists before calling makeTabsAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const tabs = Array.from(tabList.querySelectorAll(`.${tabsClass}`));
-  if (tabs.length === 0) {
-    console.error(`[aria-ease] No elements with class="${tabsClass}" found. Make sure tab buttons exist before calling makeTabsAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const tabPanels = Array.from(document.querySelectorAll(`.${tabPanelsClass}`));
-  if (tabPanels.length === 0) {
-    console.error(`[aria-ease] No elements with class="${tabPanelsClass}" found. Make sure tab panels exist before calling makeTabsAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  if (tabs.length !== tabPanels.length) {
-    console.error(`[aria-ease] Tab/panel mismatch: found ${tabs.length} tabs but ${tabPanels.length} panels.`);
-    return { cleanup: () => {
-    } };
-  }
-  const handlerMap = /* @__PURE__ */ new WeakMap();
-  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
-  const contextMenuHandlerMap = /* @__PURE__ */ new WeakMap();
-  let activeTabIndex = 0;
-  function initialize() {
-    tabList.setAttribute("role", "tablist");
-    tabList.setAttribute("aria-orientation", orientation);
-    tabs.forEach((tab, index) => {
-      const panel = tabPanels[index];
-      if (!tab.id) {
-        tab.id = `${tabListId}-tab-${index}`;
-      }
-      if (!panel.id) {
-        panel.id = `${tabListId}-panel-${index}`;
-      }
-      tab.setAttribute("role", "tab");
-      tab.setAttribute("aria-controls", panel.id);
-      tab.setAttribute("aria-selected", "false");
-      tab.setAttribute("tabindex", "-1");
-      panel.setAttribute("role", "tabpanel");
-      panel.setAttribute("aria-labelledby", tab.id);
-      panel.hidden = true;
-      const hasFocusableContent = panel.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-      if (!hasFocusableContent) {
-        panel.setAttribute("tabindex", "0");
-      }
-    });
-    activateTab(0, false);
-  }
-  function activateTab(index, shouldFocus = true) {
-    if (index < 0 || index >= tabs.length) {
-      console.error(`[aria-ease] Invalid tab index: ${index}`);
-      return;
-    }
-    const previousIndex = activeTabIndex;
-    tabs.forEach((tab, i) => {
-      const panel = tabPanels[i];
-      tab.setAttribute("aria-selected", "false");
-      tab.setAttribute("tabindex", "-1");
-      panel.hidden = true;
-    });
-    const activeTab = tabs[index];
-    const activePanel = tabPanels[index];
-    activeTab.setAttribute("aria-selected", "true");
-    activeTab.setAttribute("tabindex", "0");
-    activePanel.hidden = false;
-    if (shouldFocus) {
-      activeTab.focus();
-    }
-    activeTabIndex = index;
-    if (callback?.onTabChange && previousIndex !== index) {
-      try {
-        callback.onTabChange(index, previousIndex);
-      } catch (error) {
-        console.error("[aria-ease] Error in tabs onTabChange callback:", error);
-      }
-    }
-  }
-  function moveFocus(direction) {
-    const currentFocusedIndex = tabs.findIndex((tab) => tab === document.activeElement);
-    const currentIndex = currentFocusedIndex !== -1 ? currentFocusedIndex : activeTabIndex;
-    let newIndex = currentIndex;
-    switch (direction) {
-      case "first":
-        newIndex = 0;
-        break;
-      case "last":
-        newIndex = tabs.length - 1;
-        break;
-      case "next":
-        newIndex = (currentIndex + 1) % tabs.length;
-        break;
-      case "prev":
-        newIndex = (currentIndex - 1 + tabs.length) % tabs.length;
-        break;
-    }
-    tabs[newIndex].focus();
-    tabs[newIndex].setAttribute("tabindex", "0");
-    tabs[activeTabIndex].setAttribute("tabindex", "-1");
-    if (activateOnFocus) {
-      activateTab(newIndex, false);
-    } else {
-      const currentActive = activeTabIndex;
-      tabs.forEach((tab, i) => {
-        if (i === newIndex) {
-          tab.setAttribute("tabindex", "0");
-        } else if (i !== currentActive) {
-          tab.setAttribute("tabindex", "-1");
-        }
-      });
-    }
-  }
-  function handleTabClick(index) {
-    return () => {
-      activateTab(index);
-    };
-  }
-  function handleTabKeydown(index) {
-    return (event) => {
-      const { key } = event;
-      let handled = false;
-      if (orientation === "horizontal") {
-        switch (key) {
-          case "ArrowLeft":
-            event.preventDefault();
-            moveFocus("prev");
-            handled = true;
-            break;
-          case "ArrowRight":
-            event.preventDefault();
-            moveFocus("next");
-            handled = true;
-            break;
-        }
-      } else {
-        switch (key) {
-          case "ArrowUp":
-            event.preventDefault();
-            moveFocus("prev");
-            handled = true;
-            break;
-          case "ArrowDown":
-            event.preventDefault();
-            moveFocus("next");
-            handled = true;
-            break;
-        }
-      }
-      if (!handled) {
-        switch (key) {
-          case "Home":
-            event.preventDefault();
-            moveFocus("first");
-            break;
-          case "End":
-            event.preventDefault();
-            moveFocus("last");
-            break;
-          case " ":
-          case "Enter":
-            if (!activateOnFocus) {
-              event.preventDefault();
-              activateTab(index);
-            }
-            break;
-          case "F10":
-            if (event.shiftKey && callback?.onContextMenu) {
-              event.preventDefault();
-              try {
-                callback.onContextMenu(index, tabs[index]);
-              } catch (error) {
-                console.error("[aria-ease] Error in tabs onContextMenu callback:", error);
-              }
-            }
-            break;
-        }
-      }
-    };
-  }
-  function handleTabContextMenu(index) {
-    return (event) => {
-      if (callback?.onContextMenu) {
-        event.preventDefault();
-        try {
-          callback.onContextMenu(index, tabs[index]);
-        } catch (error) {
-          console.error("[aria-ease] Error in tabs onContextMenu callback:", error);
-        }
-      }
-    };
-  }
-  function addListeners() {
-    tabs.forEach((tab, index) => {
-      const clickHandler = handleTabClick(index);
-      const keydownHandler = handleTabKeydown(index);
-      const contextMenuHandler = handleTabContextMenu(index);
-      tab.addEventListener("click", clickHandler);
-      tab.addEventListener("keydown", keydownHandler);
-      if (callback?.onContextMenu) {
-        tab.addEventListener("contextmenu", contextMenuHandler);
-        contextMenuHandlerMap.set(tab, contextMenuHandler);
-      }
-      handlerMap.set(tab, keydownHandler);
-      clickHandlerMap.set(tab, clickHandler);
-    });
-  }
-  function removeListeners() {
-    tabs.forEach((tab) => {
-      const keydownHandler = handlerMap.get(tab);
-      const clickHandler = clickHandlerMap.get(tab);
-      const contextMenuHandler = contextMenuHandlerMap.get(tab);
-      if (keydownHandler) {
-        tab.removeEventListener("keydown", keydownHandler);
-        handlerMap.delete(tab);
-      }
-      if (clickHandler) {
-        tab.removeEventListener("click", clickHandler);
-        clickHandlerMap.delete(tab);
-      }
-      if (contextMenuHandler) {
-        tab.removeEventListener("contextmenu", contextMenuHandler);
-        contextMenuHandlerMap.delete(tab);
-      }
-    });
-  }
-  function cleanup() {
-    removeListeners();
-    tabs.forEach((tab, index) => {
-      const panel = tabPanels[index];
-      tab.removeAttribute("role");
-      tab.removeAttribute("aria-selected");
-      tab.removeAttribute("aria-controls");
-      tab.removeAttribute("tabindex");
-      panel.removeAttribute("role");
-      panel.removeAttribute("aria-labelledby");
-      panel.removeAttribute("tabindex");
-      panel.hidden = false;
-    });
-    tabList.removeAttribute("role");
-    tabList.removeAttribute("aria-orientation");
-  }
-  function refresh() {
-    removeListeners();
-    const newTabs = Array.from(tabList.querySelectorAll(`.${tabsClass}`));
-    const newPanels = Array.from(document.querySelectorAll(`.${tabPanelsClass}`));
-    tabs.length = 0;
-    tabs.push(...newTabs);
-    tabPanels.length = 0;
-    tabPanels.push(...newPanels);
-    initialize();
-    addListeners();
-  }
-  initialize();
-  addListeners();
-  return { activateTab, cleanup, refresh };
-}
-
-exports.makeTabsAccessible = makeTabsAccessible;
+'use strict';function D({tabListId:b,tabsClass:m,tabPanelsClass:h,orientation:E="horizontal",activateOnFocus:M=true,callback:i}){if(b==="")return console.error("[aria-ease] 'tabListId' should not be an empty string. Provide an id to the tab list container element that exists before calling makeTabsAccessible."),{cleanup:()=>{}};let l=document.querySelector(`#${b}`);if(!l)return console.error(`[aria-ease] Element with id="${b}" not found. Make sure the tab list container exists before calling makeTabsAccessible.`),{cleanup:()=>{}};if(m==="")return console.error("[aria-ease] 'tabsClass' should not be an empty string. Provide a class name that exists on the tab button elements before calling makeTabsAccessible."),{cleanup:()=>{}};let a=Array.from(l.querySelectorAll(`.${m}`));if(a.length===0)return console.error(`[aria-ease] No elements with class="${m}" found. Make sure tab buttons exist before calling makeTabsAccessible.`),{cleanup:()=>{}};if(h==="")return console.error("[aria-ease] 'tabPanelsClass' should not be an empty string. Provide a class name that exists on the tab panel elements before calling makeTabsAccessible."),{cleanup:()=>{}};let s=Array.from(document.querySelectorAll(`.${h}`));if(s.length===0)return console.error(`[aria-ease] No elements with class="${h}" found. Make sure tab panels exist before calling makeTabsAccessible.`),{cleanup:()=>{}};if(a.length!==s.length)return console.error(`[aria-ease] Tab/panel mismatch: found ${a.length} tabs but ${s.length} panels.`),{cleanup:()=>{}};let p=new WeakMap,v=new WeakMap,k=new WeakMap,f=0;function g(){l.setAttribute("role","tablist"),l.setAttribute("aria-orientation",E),a.forEach((e,t)=>{let n=s[t];e.id||(e.id=`${b}-tab-${t}`),n.id||(n.id=`${b}-panel-${t}`),e.setAttribute("role","tab"),e.setAttribute("aria-controls",n.id),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1"),n.setAttribute("role","tabpanel"),n.setAttribute("aria-labelledby",e.id),n.hidden=true,n.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')||n.setAttribute("tabindex","0");}),d(0,false);}function d(e,t=true){if(e<0||e>=a.length){console.error(`[aria-ease] Invalid tab index: ${e}`);return}let n=f;a.forEach((c,A)=>{let C=s[A];c.setAttribute("aria-selected","false"),c.setAttribute("tabindex","-1"),C.hidden=true;});let r=a[e],o=s[e];if(r.setAttribute("aria-selected","true"),r.setAttribute("tabindex","0"),o.hidden=false,t&&r.focus(),f=e,i?.onTabChange&&n!==e)try{i.onTabChange(e,n);}catch(c){console.error("[aria-ease] Error in tabs onTabChange callback:",c);}}function u(e){let t=a.findIndex(o=>o===document.activeElement),n=t!==-1?t:f,r=n;switch(e){case "first":r=0;break;case "last":r=a.length-1;break;case "next":r=(n+1)%a.length;break;case "prev":r=(n-1+a.length)%a.length;break}if(a[r].focus(),a[r].setAttribute("tabindex","0"),a[f].setAttribute("tabindex","-1"),M)d(r,false);else {let o=f;a.forEach((c,A)=>{A===r?c.setAttribute("tabindex","0"):A!==o&&c.setAttribute("tabindex","-1");});}}function y(e){return ()=>{d(e);}}function w(e){return t=>{let{key:n}=t,r=false;if(E==="horizontal")switch(n){case "ArrowLeft":t.preventDefault(),u("prev"),r=true;break;case "ArrowRight":t.preventDefault(),u("next"),r=true;break}else switch(n){case "ArrowUp":t.preventDefault(),u("prev"),r=true;break;case "ArrowDown":t.preventDefault(),u("next"),r=true;break}if(!r)switch(n){case "Home":t.preventDefault(),u("first");break;case "End":t.preventDefault(),u("last");break;case " ":case "Enter":M||(t.preventDefault(),d(e));break;case "F10":if(t.shiftKey&&i?.onContextMenu){t.preventDefault();try{i.onContextMenu(e,a[e]);}catch(o){console.error("[aria-ease] Error in tabs onContextMenu callback:",o);}}break}}}function H(e){return t=>{if(i?.onContextMenu){t.preventDefault();try{i.onContextMenu(e,a[e]);}catch(n){console.error("[aria-ease] Error in tabs onContextMenu callback:",n);}}}}function x(){a.forEach((e,t)=>{let n=y(t),r=w(t),o=H(t);e.addEventListener("click",n),e.addEventListener("keydown",r),i?.onContextMenu&&(e.addEventListener("contextmenu",o),k.set(e,o)),p.set(e,r),v.set(e,n);});}function T(){a.forEach(e=>{let t=p.get(e),n=v.get(e),r=k.get(e);t&&(e.removeEventListener("keydown",t),p.delete(e)),n&&(e.removeEventListener("click",n),v.delete(e)),r&&(e.removeEventListener("contextmenu",r),k.delete(e));});}function L(){T(),a.forEach((e,t)=>{let n=s[t];e.removeAttribute("role"),e.removeAttribute("aria-selected"),e.removeAttribute("aria-controls"),e.removeAttribute("tabindex"),n.removeAttribute("role"),n.removeAttribute("aria-labelledby"),n.removeAttribute("tabindex"),n.hidden=false;}),l.removeAttribute("role"),l.removeAttribute("aria-orientation");}function $(){T();let e=Array.from(l.querySelectorAll(`.${m}`)),t=Array.from(document.querySelectorAll(`.${h}`));a.length=0,a.push(...e),s.length=0,s.push(...t),g(),x();}return g(),x(),{activateTab:d,cleanup:L,refresh:$}}exports.makeTabsAccessible=D;

package/dist/src/tabs/index.js

@@ -1,263 +1 @@
-// src/tabs/src/makeTabsAccessible/makeTabsAccessible.ts
-function makeTabsAccessible({ tabListId, tabsClass, tabPanelsClass, orientation = "horizontal", activateOnFocus = true, callback }) {
-  const tabList = document.querySelector(`#${tabListId}`);
-  if (!tabList) {
-    console.error(`[aria-ease] Element with id="${tabListId}" not found. Make sure the tab list container exists before calling makeTabsAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const tabs = Array.from(tabList.querySelectorAll(`.${tabsClass}`));
-  if (tabs.length === 0) {
-    console.error(`[aria-ease] No elements with class="${tabsClass}" found. Make sure tab buttons exist before calling makeTabsAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  const tabPanels = Array.from(document.querySelectorAll(`.${tabPanelsClass}`));
-  if (tabPanels.length === 0) {
-    console.error(`[aria-ease] No elements with class="${tabPanelsClass}" found. Make sure tab panels exist before calling makeTabsAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  if (tabs.length !== tabPanels.length) {
-    console.error(`[aria-ease] Tab/panel mismatch: found ${tabs.length} tabs but ${tabPanels.length} panels.`);
-    return { cleanup: () => {
-    } };
-  }
-  const handlerMap = /* @__PURE__ */ new WeakMap();
-  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
-  const contextMenuHandlerMap = /* @__PURE__ */ new WeakMap();
-  let activeTabIndex = 0;
-  function initialize() {
-    tabList.setAttribute("role", "tablist");
-    tabList.setAttribute("aria-orientation", orientation);
-    tabs.forEach((tab, index) => {
-      const panel = tabPanels[index];
-      if (!tab.id) {
-        tab.id = `${tabListId}-tab-${index}`;
-      }
-      if (!panel.id) {
-        panel.id = `${tabListId}-panel-${index}`;
-      }
-      tab.setAttribute("role", "tab");
-      tab.setAttribute("aria-controls", panel.id);
-      tab.setAttribute("aria-selected", "false");
-      tab.setAttribute("tabindex", "-1");
-      panel.setAttribute("role", "tabpanel");
-      panel.setAttribute("aria-labelledby", tab.id);
-      panel.hidden = true;
-      const hasFocusableContent = panel.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-      if (!hasFocusableContent) {
-        panel.setAttribute("tabindex", "0");
-      }
-    });
-    activateTab(0, false);
-  }
-  function activateTab(index, shouldFocus = true) {
-    if (index < 0 || index >= tabs.length) {
-      console.error(`[aria-ease] Invalid tab index: ${index}`);
-      return;
-    }
-    const previousIndex = activeTabIndex;
-    tabs.forEach((tab, i) => {
-      const panel = tabPanels[i];
-      tab.setAttribute("aria-selected", "false");
-      tab.setAttribute("tabindex", "-1");
-      panel.hidden = true;
-    });
-    const activeTab = tabs[index];
-    const activePanel = tabPanels[index];
-    activeTab.setAttribute("aria-selected", "true");
-    activeTab.setAttribute("tabindex", "0");
-    activePanel.hidden = false;
-    if (shouldFocus) {
-      activeTab.focus();
-    }
-    activeTabIndex = index;
-    if (callback?.onTabChange && previousIndex !== index) {
-      try {
-        callback.onTabChange(index, previousIndex);
-      } catch (error) {
-        console.error("[aria-ease] Error in tabs onTabChange callback:", error);
-      }
-    }
-  }
-  function moveFocus(direction) {
-    const currentFocusedIndex = tabs.findIndex((tab) => tab === document.activeElement);
-    const currentIndex = currentFocusedIndex !== -1 ? currentFocusedIndex : activeTabIndex;
-    let newIndex = currentIndex;
-    switch (direction) {
-      case "first":
-        newIndex = 0;
-        break;
-      case "last":
-        newIndex = tabs.length - 1;
-        break;
-      case "next":
-        newIndex = (currentIndex + 1) % tabs.length;
-        break;
-      case "prev":
-        newIndex = (currentIndex - 1 + tabs.length) % tabs.length;
-        break;
-    }
-    tabs[newIndex].focus();
-    tabs[newIndex].setAttribute("tabindex", "0");
-    tabs[activeTabIndex].setAttribute("tabindex", "-1");
-    if (activateOnFocus) {
-      activateTab(newIndex, false);
-    } else {
-      const currentActive = activeTabIndex;
-      tabs.forEach((tab, i) => {
-        if (i === newIndex) {
-          tab.setAttribute("tabindex", "0");
-        } else if (i !== currentActive) {
-          tab.setAttribute("tabindex", "-1");
-        }
-      });
-    }
-  }
-  function handleTabClick(index) {
-    return () => {
-      activateTab(index);
-    };
-  }
-  function handleTabKeydown(index) {
-    return (event) => {
-      const { key } = event;
-      let handled = false;
-      if (orientation === "horizontal") {
-        switch (key) {
-          case "ArrowLeft":
-            event.preventDefault();
-            moveFocus("prev");
-            handled = true;
-            break;
-          case "ArrowRight":
-            event.preventDefault();
-            moveFocus("next");
-            handled = true;
-            break;
-        }
-      } else {
-        switch (key) {
-          case "ArrowUp":
-            event.preventDefault();
-            moveFocus("prev");
-            handled = true;
-            break;
-          case "ArrowDown":
-            event.preventDefault();
-            moveFocus("next");
-            handled = true;
-            break;
-        }
-      }
-      if (!handled) {
-        switch (key) {
-          case "Home":
-            event.preventDefault();
-            moveFocus("first");
-            break;
-          case "End":
-            event.preventDefault();
-            moveFocus("last");
-            break;
-          case " ":
-          case "Enter":
-            if (!activateOnFocus) {
-              event.preventDefault();
-              activateTab(index);
-            }
-            break;
-          case "F10":
-            if (event.shiftKey && callback?.onContextMenu) {
-              event.preventDefault();
-              try {
-                callback.onContextMenu(index, tabs[index]);
-              } catch (error) {
-                console.error("[aria-ease] Error in tabs onContextMenu callback:", error);
-              }
-            }
-            break;
-        }
-      }
-    };
-  }
-  function handleTabContextMenu(index) {
-    return (event) => {
-      if (callback?.onContextMenu) {
-        event.preventDefault();
-        try {
-          callback.onContextMenu(index, tabs[index]);
-        } catch (error) {
-          console.error("[aria-ease] Error in tabs onContextMenu callback:", error);
-        }
-      }
-    };
-  }
-  function addListeners() {
-    tabs.forEach((tab, index) => {
-      const clickHandler = handleTabClick(index);
-      const keydownHandler = handleTabKeydown(index);
-      const contextMenuHandler = handleTabContextMenu(index);
-      tab.addEventListener("click", clickHandler);
-      tab.addEventListener("keydown", keydownHandler);
-      if (callback?.onContextMenu) {
-        tab.addEventListener("contextmenu", contextMenuHandler);
-        contextMenuHandlerMap.set(tab, contextMenuHandler);
-      }
-      handlerMap.set(tab, keydownHandler);
-      clickHandlerMap.set(tab, clickHandler);
-    });
-  }
-  function removeListeners() {
-    tabs.forEach((tab) => {
-      const keydownHandler = handlerMap.get(tab);
-      const clickHandler = clickHandlerMap.get(tab);
-      const contextMenuHandler = contextMenuHandlerMap.get(tab);
-      if (keydownHandler) {
-        tab.removeEventListener("keydown", keydownHandler);
-        handlerMap.delete(tab);
-      }
-      if (clickHandler) {
-        tab.removeEventListener("click", clickHandler);
-        clickHandlerMap.delete(tab);
-      }
-      if (contextMenuHandler) {
-        tab.removeEventListener("contextmenu", contextMenuHandler);
-        contextMenuHandlerMap.delete(tab);
-      }
-    });
-  }
-  function cleanup() {
-    removeListeners();
-    tabs.forEach((tab, index) => {
-      const panel = tabPanels[index];
-      tab.removeAttribute("role");
-      tab.removeAttribute("aria-selected");
-      tab.removeAttribute("aria-controls");
-      tab.removeAttribute("tabindex");
-      panel.removeAttribute("role");
-      panel.removeAttribute("aria-labelledby");
-      panel.removeAttribute("tabindex");
-      panel.hidden = false;
-    });
-    tabList.removeAttribute("role");
-    tabList.removeAttribute("aria-orientation");
-  }
-  function refresh() {
-    removeListeners();
-    const newTabs = Array.from(tabList.querySelectorAll(`.${tabsClass}`));
-    const newPanels = Array.from(document.querySelectorAll(`.${tabPanelsClass}`));
-    tabs.length = 0;
-    tabs.push(...newTabs);
-    tabPanels.length = 0;
-    tabPanels.push(...newPanels);
-    initialize();
-    addListeners();
-  }
-  initialize();
-  addListeners();
-  return { activateTab, cleanup, refresh };
-}
-
-export { makeTabsAccessible };
+function D({tabListId:b,tabsClass:m,tabPanelsClass:h,orientation:E="horizontal",activateOnFocus:M=true,callback:i}){if(b==="")return console.error("[aria-ease] 'tabListId' should not be an empty string. Provide an id to the tab list container element that exists before calling makeTabsAccessible."),{cleanup:()=>{}};let l=document.querySelector(`#${b}`);if(!l)return console.error(`[aria-ease] Element with id="${b}" not found. Make sure the tab list container exists before calling makeTabsAccessible.`),{cleanup:()=>{}};if(m==="")return console.error("[aria-ease] 'tabsClass' should not be an empty string. Provide a class name that exists on the tab button elements before calling makeTabsAccessible."),{cleanup:()=>{}};let a=Array.from(l.querySelectorAll(`.${m}`));if(a.length===0)return console.error(`[aria-ease] No elements with class="${m}" found. Make sure tab buttons exist before calling makeTabsAccessible.`),{cleanup:()=>{}};if(h==="")return console.error("[aria-ease] 'tabPanelsClass' should not be an empty string. Provide a class name that exists on the tab panel elements before calling makeTabsAccessible."),{cleanup:()=>{}};let s=Array.from(document.querySelectorAll(`.${h}`));if(s.length===0)return console.error(`[aria-ease] No elements with class="${h}" found. Make sure tab panels exist before calling makeTabsAccessible.`),{cleanup:()=>{}};if(a.length!==s.length)return console.error(`[aria-ease] Tab/panel mismatch: found ${a.length} tabs but ${s.length} panels.`),{cleanup:()=>{}};let p=new WeakMap,v=new WeakMap,k=new WeakMap,f=0;function g(){l.setAttribute("role","tablist"),l.setAttribute("aria-orientation",E),a.forEach((e,t)=>{let n=s[t];e.id||(e.id=`${b}-tab-${t}`),n.id||(n.id=`${b}-panel-${t}`),e.setAttribute("role","tab"),e.setAttribute("aria-controls",n.id),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1"),n.setAttribute("role","tabpanel"),n.setAttribute("aria-labelledby",e.id),n.hidden=true,n.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')||n.setAttribute("tabindex","0");}),d(0,false);}function d(e,t=true){if(e<0||e>=a.length){console.error(`[aria-ease] Invalid tab index: ${e}`);return}let n=f;a.forEach((c,A)=>{let C=s[A];c.setAttribute("aria-selected","false"),c.setAttribute("tabindex","-1"),C.hidden=true;});let r=a[e],o=s[e];if(r.setAttribute("aria-selected","true"),r.setAttribute("tabindex","0"),o.hidden=false,t&&r.focus(),f=e,i?.onTabChange&&n!==e)try{i.onTabChange(e,n);}catch(c){console.error("[aria-ease] Error in tabs onTabChange callback:",c);}}function u(e){let t=a.findIndex(o=>o===document.activeElement),n=t!==-1?t:f,r=n;switch(e){case "first":r=0;break;case "last":r=a.length-1;break;case "next":r=(n+1)%a.length;break;case "prev":r=(n-1+a.length)%a.length;break}if(a[r].focus(),a[r].setAttribute("tabindex","0"),a[f].setAttribute("tabindex","-1"),M)d(r,false);else {let o=f;a.forEach((c,A)=>{A===r?c.setAttribute("tabindex","0"):A!==o&&c.setAttribute("tabindex","-1");});}}function y(e){return ()=>{d(e);}}function w(e){return t=>{let{key:n}=t,r=false;if(E==="horizontal")switch(n){case "ArrowLeft":t.preventDefault(),u("prev"),r=true;break;case "ArrowRight":t.preventDefault(),u("next"),r=true;break}else switch(n){case "ArrowUp":t.preventDefault(),u("prev"),r=true;break;case "ArrowDown":t.preventDefault(),u("next"),r=true;break}if(!r)switch(n){case "Home":t.preventDefault(),u("first");break;case "End":t.preventDefault(),u("last");break;case " ":case "Enter":M||(t.preventDefault(),d(e));break;case "F10":if(t.shiftKey&&i?.onContextMenu){t.preventDefault();try{i.onContextMenu(e,a[e]);}catch(o){console.error("[aria-ease] Error in tabs onContextMenu callback:",o);}}break}}}function H(e){return t=>{if(i?.onContextMenu){t.preventDefault();try{i.onContextMenu(e,a[e]);}catch(n){console.error("[aria-ease] Error in tabs onContextMenu callback:",n);}}}}function x(){a.forEach((e,t)=>{let n=y(t),r=w(t),o=H(t);e.addEventListener("click",n),e.addEventListener("keydown",r),i?.onContextMenu&&(e.addEventListener("contextmenu",o),k.set(e,o)),p.set(e,r),v.set(e,n);});}function T(){a.forEach(e=>{let t=p.get(e),n=v.get(e),r=k.get(e);t&&(e.removeEventListener("keydown",t),p.delete(e)),n&&(e.removeEventListener("click",n),v.delete(e)),r&&(e.removeEventListener("contextmenu",r),k.delete(e));});}function L(){T(),a.forEach((e,t)=>{let n=s[t];e.removeAttribute("role"),e.removeAttribute("aria-selected"),e.removeAttribute("aria-controls"),e.removeAttribute("tabindex"),n.removeAttribute("role"),n.removeAttribute("aria-labelledby"),n.removeAttribute("tabindex"),n.hidden=false;}),l.removeAttribute("role"),l.removeAttribute("aria-orientation");}function $(){T();let e=Array.from(l.querySelectorAll(`.${m}`)),t=Array.from(document.querySelectorAll(`.${h}`));a.length=0,a.push(...e),s.length=0,s.push(...t),g(),x();}return g(),x(),{activateTab:d,cleanup:L,refresh:$}}export{D as makeTabsAccessible};

package/dist/src/toggle/index.cjs

@@ -1,119 +1 @@
-'use strict';
-
-// src/toggle/src/makeTogggleAccessible/makeToggleAccessible.ts
-function makeToggleAccessible({ toggleId, togglesClass, isSingleToggle = true }) {
-  const toggleContainer = document.querySelector(`#${toggleId}`);
-  if (!toggleContainer) {
-    console.error(`[aria-ease] Element with id="${toggleId}" not found. Make sure the toggle element exists before calling makeToggleAccessible.`);
-    return { cleanup: () => {
-    } };
-  }
-  let toggles;
-  if (isSingleToggle) {
-    toggles = [toggleContainer];
-  } else {
-    if (!togglesClass) {
-      console.error(`[aria-ease] togglesClass is required when isSingleToggle is false.`);
-      return { cleanup: () => {
-      } };
-    }
-    toggles = Array.from(toggleContainer.querySelectorAll(`.${togglesClass}`));
-    if (toggles.length === 0) {
-      console.error(`[aria-ease] No elements with class="${togglesClass}" found. Make sure toggle buttons exist before calling makeToggleAccessible.`);
-      return { cleanup: () => {
-      } };
-    }
-  }
-  const handlerMap = /* @__PURE__ */ new WeakMap();
-  const clickHandlerMap = /* @__PURE__ */ new WeakMap();
-  function initialize() {
-    toggles.forEach((toggle) => {
-      if (toggle.tagName.toLowerCase() !== "button" && !toggle.getAttribute("role")) {
-        toggle.setAttribute("role", "button");
-      }
-      if (!toggle.hasAttribute("aria-pressed")) {
-        toggle.setAttribute("aria-pressed", "false");
-      }
-      if (!toggle.hasAttribute("tabindex")) {
-        toggle.setAttribute("tabindex", "0");
-      }
-    });
-  }
-  function toggleButton(index) {
-    if (index < 0 || index >= toggles.length) {
-      console.error(`[aria-ease] Invalid toggle index: ${index}`);
-      return;
-    }
-    const toggle = toggles[index];
-    const isPressed = toggle.getAttribute("aria-pressed") === "true";
-    toggle.setAttribute("aria-pressed", isPressed ? "false" : "true");
-  }
-  function setPressed(index, pressed) {
-    if (index < 0 || index >= toggles.length) {
-      console.error(`[aria-ease] Invalid toggle index: ${index}`);
-      return;
-    }
-    toggles[index].setAttribute("aria-pressed", pressed ? "true" : "false");
-  }
-  function handleToggleClick(index) {
-    return () => {
-      toggleButton(index);
-    };
-  }
-  function handleToggleKeydown(index) {
-    return (event) => {
-      const { key } = event;
-      switch (key) {
-        case "Enter":
-        case " ":
-          event.preventDefault();
-          toggleButton(index);
-          break;
-      }
-    };
-  }
-  function addListeners() {
-    toggles.forEach((toggle, index) => {
-      const clickHandler = handleToggleClick(index);
-      const keydownHandler = handleToggleKeydown(index);
-      toggle.addEventListener("click", clickHandler);
-      toggle.addEventListener("keydown", keydownHandler);
-      handlerMap.set(toggle, keydownHandler);
-      clickHandlerMap.set(toggle, clickHandler);
-    });
-  }
-  function removeListeners() {
-    toggles.forEach((toggle) => {
-      const keydownHandler = handlerMap.get(toggle);
-      const clickHandler = clickHandlerMap.get(toggle);
-      if (keydownHandler) {
-        toggle.removeEventListener("keydown", keydownHandler);
-        handlerMap.delete(toggle);
-      }
-      if (clickHandler) {
-        toggle.removeEventListener("click", clickHandler);
-        clickHandlerMap.delete(toggle);
-      }
-    });
-  }
-  function cleanup() {
-    removeListeners();
-  }
-  function getPressedStates() {
-    return toggles.map((toggle) => toggle.getAttribute("aria-pressed") === "true");
-  }
-  function getPressedIndices() {
-    return toggles.map((toggle, index) => toggle.getAttribute("aria-pressed") === "true" ? index : -1).filter((index) => index !== -1);
-  }
-  initialize();
-  addListeners();
-  return {
-    toggleButton,
-    setPressed,
-    getPressedStates,
-    getPressedIndices,
-    cleanup
-  };
-}
-
-exports.makeToggleAccessible = makeToggleAccessible;
+'use strict';function T({toggleId:s,togglesClass:i,isSingleToggle:d=true}){if(s==="")return console.error("[aria-ease] 'toggleId' should not be an empty string. Provide an id to the toggle element or toggle container before calling makeToggleAccessible."),{cleanup:()=>{}};let a=document.querySelector(`#${s}`);if(!a)return console.error(`[aria-ease] Element with id="${s}" not found. Make sure the toggle element exists before calling makeToggleAccessible.`),{cleanup:()=>{}};let r;if(d)r=[a];else {if(!i)return console.error("[aria-ease] togglesClass is required when isSingleToggle is false."),{cleanup:()=>{}};if(r=Array.from(a.querySelectorAll(`.${i}`)),r.length===0)return console.error(`[aria-ease] No elements with class="${i}" found. Make sure toggle buttons exist before calling makeToggleAccessible.`),{cleanup:()=>{}}}let o=new WeakMap,l=new WeakMap;function f(){r.forEach(e=>{e.tagName.toLowerCase()!=="button"&&!e.getAttribute("role")&&e.setAttribute("role","button"),e.hasAttribute("aria-pressed")||e.setAttribute("aria-pressed","false"),e.hasAttribute("tabindex")||e.setAttribute("tabindex","0");});}function c(e){if(e<0||e>=r.length){console.error(`[aria-ease] Invalid toggle index: ${e}`);return}let t=r[e],n=t.getAttribute("aria-pressed")==="true";t.setAttribute("aria-pressed",n?"false":"true");}function b(e,t){if(e<0||e>=r.length){console.error(`[aria-ease] Invalid toggle index: ${e}`);return}r[e].setAttribute("aria-pressed",t?"true":"false");}function g(e){return ()=>{c(e);}}function m(e){return t=>{let{key:n}=t;switch(n){case "Enter":case " ":t.preventDefault(),c(e);break}}}function p(){r.forEach((e,t)=>{let n=g(t),u=m(t);e.addEventListener("click",n),e.addEventListener("keydown",u),o.set(e,u),l.set(e,n);});}function k(){r.forEach(e=>{let t=o.get(e),n=l.get(e);t&&(e.removeEventListener("keydown",t),o.delete(e)),n&&(e.removeEventListener("click",n),l.delete(e));});}function A(){k();}function h(){return r.map(e=>e.getAttribute("aria-pressed")==="true")}function E(){return r.map((e,t)=>e.getAttribute("aria-pressed")==="true"?t:-1).filter(e=>e!==-1)}return f(),p(),{toggleButton:c,setPressed:b,getPressedStates:h,getPressedIndices:E,cleanup:A}}exports.makeToggleAccessible=T;