aria-ease 2.0.2 → 2.0.3

package/README.md

@@ -19,7 +19,7 @@ Add accessibility to menu: menu can be a dropdown, combo box, slide navigation m
 #### Usage
 
 ```javascript
-import { Menu } from "aria-ease";
+import * as Menu from "aria-ease/menu";
 
 useEffect(() => {
   menuRef.current = Menu.makeMenuAccessible({
@@ -29,8 +29,7 @@ useEffect(() => {
   });
 }, []);
 
-const toggleMenuDisplay = (event) => {
-  event.preventDefault();
+const toggleMenuDisplay = () => {
   const menuDiv = document.querySelector("#menu-div");
   if (getComputedStyle(menuDiv).display === "none") {
     menuRef.current.openMenu();

package/dist/Types.d-p85gN5m_.d.cts

@@ -0,0 +1,22 @@
+declare global {
+  type HTMLElement = Element;
+  type NodeListOf<HTMLElement> = Iterable<HTMLElement>;
+}
+
+interface AccordionStates {
+    display: boolean;
+}
+
+interface CheckboxStates {
+    checked: boolean;
+}
+  
+interface RadioStates {
+    checked: boolean;
+}
+  
+interface ToggleStates {
+    pressed: boolean;
+}
+
+export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T };

package/dist/Types.d-p85gN5m_.d.ts

@@ -0,0 +1,22 @@
+declare global {
+  type HTMLElement = Element;
+  type NodeListOf<HTMLElement> = Iterable<HTMLElement>;
+}
+
+interface AccordionStates {
+    display: boolean;
+}
+
+interface CheckboxStates {
+    checked: boolean;
+}
+  
+interface RadioStates {
+    checked: boolean;
+}
+  
+interface ToggleStates {
+    pressed: boolean;
+}
+
+export type { AccordionStates as A, CheckboxStates as C, RadioStates as R, ToggleStates as T };

package/dist/chunk-4366LRNM.js

@@ -0,0 +1,38 @@
+import { handleKeyPress } from './chunk-RT5IROW4.js';
+// src/block/src/makeBlockAccessible/makeBlockAccessible.ts
+var eventListenersMap = /* @__PURE__ */ new Map();
+function makeBlockAccessible(blockId, blockElementsClass) {
+    var blockDiv = document.querySelector("#".concat(blockId));
+    if (!blockDiv) {
+        throw new Error("Invalid block main div id provided.");
+    }
+    var blockItems = blockDiv.querySelectorAll(".".concat(blockElementsClass));
+    if (!blockItems) {
+        throw new Error("Invalid block items shared class provided.");
+    }
+    blockItems.forEach(function(blockItem) {
+        if (!eventListenersMap.has(blockItem)) {
+            blockItem.addEventListener("keydown", function(event) {
+                var items = blockDiv.querySelectorAll(".".concat(blockElementsClass));
+                var index = Array.prototype.indexOf.call(items, blockItem);
+                handleKeyPress(event, items, index);
+                var handler = function(event2) {
+                    return handleKeyPress(event2, items, index);
+                };
+                eventListenersMap.set(blockItem, handler);
+            });
+        }
+    });
+    return function cleanUpBlockEventListeners() {
+        blockItems.forEach(function(blockItem, blockItemIndex) {
+            if (eventListenersMap.has(blockItem)) {
+                blockItem.removeEventListener("keydown", function(event) {
+                    return handleKeyPress(event, blockItems, blockItemIndex);
+                });
+                eventListenersMap.delete(blockItem);
+            }
+        });
+    };
+}
+export { makeBlockAccessible }; //# sourceMappingURL=chunk-4366LRNM.js.map
+//# sourceMappingURL=chunk-4366LRNM.js.map

package/dist/chunk-4366LRNM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-4366LRNM.js","../src/block/src/makeBlockAccessible/makeBlockAccessible.ts"],"names":["handleKeyPress","blockDiv","Error","blockItems","querySelectorAll","blockElementsClass","forEach","blockItem","eventListenersMap","has","addEventListener","event","items","index","Array","prototype","indexOf","call","handler","set","cleanUpBlockEventListeners","blockItemIndex"],"mappings":"AAAA,SAASA,cAAc,QAAQ,sBAAsB;MCanD,EAAG,CAACC,UAAU,KAAA,IAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,OAAA,GAAA,GAAA;UACZ,MAAM,GAAA,CAAIC,IAAAA,EAAM,EAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,OAAA,GAAA;UAClB,MAAA,GAAA,CAAA,MAAA,EAAA,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,OAAA,GAAA;YAEA,IAAMC,GAAAA,CAAAA,MAAAA,EAAAA,CAAoCF,SAASG,GAAAA,CAAAA,IAAA,CAAiB,IAAsB,EAAvCA,KAAqBC;cACxE,EAAG,CAACF,EAAAA,CAAAA,MAAAA,GAAY,SAAA,gBAAA,CAAA,IAAA,OAAA;gBACd,EAAA,IAAM,EAAA,EAAID,CAAAA,KAAM,IAAA,gBAAA,CAAA,IAAA,OAAA;YAClB,MAAA,IAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,IAAA,OAAA;YAEAC,IAAAA,IAAAA,CAAAA,EAAWG,GAAAA,IAAA,CAAQ,SAACC,MAAAA,CAAAA,IAAAA,OAAAA;kBAClB,EAAA,CAAA,CAAI,CAACC,GAAAA,IAAAA,CAAAA,SAAAA,SAAkBC,GAAA,CAAIF,YAAY;wBACrCA,IAAAA,CAAAA,SAAAA,IAAUG,KAAAA,GAAAA,CAAAA,OAAA,CAAiB,IAAA,OAAW,SAACC;sCACrC,IAAMC,CAAAA,GAAAA,CAAAA,GAAQX,IAAAA,CAAAA,IAASG,OAAAA,SAAAA,QAAA,CAAiB,IAAsB,OAAlBC;0CAC5C,EAAA,CAAA,CAAMQ,EAAAA,IAAAA,CAAAA,CAAQC,GAAAA,GAAMC,IAAAA,SAAAA,IAAA,CAAUC,GAAAA,CAAAA,EAAA,EAAoBT,OAAZU,IAAA,CAAKL,OAAOL;sCAClDP,IAAAA,CAAAA,CAAAA,GAAAA,GAAAA,GAAeW,CAAAA,SAAAA,IAAAA,CAAOC,GAAAA,CAAAA,EAAOC,EAAAA,OAAAA,IAAAA,CAAAA,OAAAA;0CAC7B,CAAA,GAAMK,GAAAA,CAAAA,SAAAA,IAAAA,CAAU,GAAA,CAAA,EAAA,EAACP,OAAD,CAACA,GAAAA,CAAAA,OAAAA;0DAAyBX,UAAAA,CAAAA,CAAAA,OAAAA;uDAAAA,CAAAA,CAAAA,IAAeW,GAAAA;iDAAAA,KAAOC,CAAAA;yCAAAA,GAAOC,EAAAA,CAAAA;2BAAAA,GAAAA,EAAAA,CAAAA,MAAAA,EAAAA,CAAAA,MAAAA,EAAAA,OAAAA;;;;;;8BACvEL,kBAAkBW,GAAA,CAAIZ,WAAWW;wBACnC,EAAA,CAAA,SAAA,WAAA;sBAEF,GAAA,KAAA,EAAA,CAAA,CAAA,GAAA,CAAA,IAAA,QAAA,GAAA;wBACF,EAAA,GAAA,IAAA,KAAA,EAAA,CAAA,CAAA,GAAA,CAAA,IAAA,OAAA,SAAA,GAAA;2BAAA,eAAA,OAAA,YAAA;;8BAIA,EAAA,EAAA,GAAO,GAAA,CAAA,KAASE,EAAAA,CAAAA,CAAAA,GAAAA,CAAAA,IAAAA,OAAAA,SAAAA,GAAAA;iCAAAA,eAAAA,OAAAA,YAAAA;;gCACdjB,EAAAA,EAAAA,MAAAA,CAAWG,OAAA,CAAQ,CAAA,GAAA,CAAA,IAACC,OAAAA,SAAAA,GAAwBc;iCAAAA,eAAAA,OAAAA,YAAAA;8BAC1C,CAAA,GAAIb,EAAAA,MAAAA,CAAAA,SAAkBC,GAAA,CAAIF,SAAY,EAAZA,OAAY,EAAA,IAAA,OAAA,YAAA","sourcesContent":["import { handleKeyPress } from './chunk-RT5IROW4.js';\n\n// src/block/src/makeBlockAccessible/makeBlockAccessible.ts\nvar eventListenersMap = /* @__PURE__ */ new Map();\nfunction makeBlockAccessible(blockId, blockElementsClass) {\n  const blockDiv = document.querySelector(`#${blockId}`);\n  if (!blockDiv) {\n    throw new Error(\"Invalid block main div id provided.\");\n  }\n  const blockItems = blockDiv.querySelectorAll(`.${blockElementsClass}`);\n  if (!blockItems) {\n    throw new Error(\"Invalid block items shared class provided.\");\n  }\n  blockItems.forEach((blockItem) => {\n    if (!eventListenersMap.has(blockItem)) {\n      blockItem.addEventListener(\"keydown\", (event) => {\n        const items = blockDiv.querySelectorAll(`.${blockElementsClass}`);\n        const index = Array.prototype.indexOf.call(items, blockItem);\n        handleKeyPress(event, items, index);\n        const handler = (event2) => handleKeyPress(event2, items, index);\n        eventListenersMap.set(blockItem, handler);\n      });\n    }\n  });\n  return function cleanUpBlockEventListeners() {\n    blockItems.forEach((blockItem, blockItemIndex) => {\n      if (eventListenersMap.has(blockItem)) {\n        blockItem.removeEventListener(\"keydown\", (event) => handleKeyPress(event, blockItems, blockItemIndex));\n        eventListenersMap.delete(blockItem);\n      }\n    });\n  };\n}\n\nexport { makeBlockAccessible };\n//# sourceMappingURL=chunk-4366LRNM.js.map\n","/** \n * Adds keyboard interaction to block. The block traps focus and can be interacted with using the keyboard.\n * @param {string} blockId The id of the block container.\n * @param {string} blockElementsClass The shared class of the elements that are children of the block.\n*/\n\nimport { HTMLElement, NodeListOfHTMLElement } from \"../../../../Types\"\nimport { handleKeyPress } from \"../../../utils/handleKeyPress/handleKeyPress\";\n\nconst eventListenersMap = new Map<HTMLElement, (event: KeyboardEvent) => void>();\n\nexport function makeBlockAccessible(blockId: string, blockElementsClass: string) {\n  const blockDiv: HTMLElement = document.querySelector(`#${blockId}`) as HTMLElement\n  if(!blockDiv) {\n    throw new Error(\"Invalid block main div id provided.\")\n  }\n\n  const blockItems: NodeListOfHTMLElement = blockDiv.querySelectorAll(`.${blockElementsClass}`);\n  if(!blockItems) {\n    throw new Error(\"Invalid block items shared class provided.\")\n  }\n\n  blockItems.forEach((blockItem: HTMLElement): void => {\n    if (!eventListenersMap.has(blockItem)) {\n      blockItem.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n        const items = blockDiv.querySelectorAll(`.${blockElementsClass}`) as NodeListOf<HTMLElement>;\n        const index = Array.prototype.indexOf.call(items, blockItem);\n        handleKeyPress(event, items, index);\n        const handler = (event: KeyboardEvent) => handleKeyPress(event, items, index);\n        eventListenersMap.set(blockItem, handler);\n      });\n      \n    }\n  });\n\n\n\n  return function cleanUpBlockEventListeners(): void {\n    blockItems.forEach((blockItem: HTMLElement, blockItemIndex: number): void => {\n      if (eventListenersMap.has(blockItem)) {\n        blockItem.removeEventListener(\"keydown\", (event: KeyboardEvent) => handleKeyPress(event, blockItems, blockItemIndex));\n        eventListenersMap.delete(blockItem);\n      }\n    });\n  };\n}"]}

package/dist/chunk-4WO5XJ5K.js

@@ -0,0 +1,58 @@
+import { handleKeyPress } from './chunk-RT5IROW4.js';
+// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts
+function makeMenuAccessible(param) {
+    var menuId = param.menuId, menuElementsClass = param.menuElementsClass, triggerId = param.triggerId;
+    var menuDiv = document.querySelector("#".concat(menuId));
+    if (!menuDiv) throw new Error("Invalid menu div id provided");
+    var triggerButton = document.querySelector("#".concat(triggerId));
+    if (!triggerButton) throw new Error("Invalid trigger button id provided");
+    var handlerMap = /* @__PURE__ */ new Map();
+    function setAria(isOpen) {
+        triggerButton.setAttribute("aria-expanded", isOpen ? "true" : "false");
+    }
+    function addListeners() {
+        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
+        menuItems.forEach(function(menuItem, index) {
+            if (!handlerMap.has(menuItem)) {
+                var handler = function(event) {
+                    return handleKeyPress(event, menuItems, index, menuDiv, triggerButton);
+                };
+                menuItem.addEventListener("keydown", handler);
+                handlerMap.set(menuItem, handler);
+            }
+        });
+    }
+    function removeListeners() {
+        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
+        menuItems.forEach(function(menuItem) {
+            var handler = handlerMap.get(menuItem);
+            if (handler) {
+                menuItem.removeEventListener("keydown", handler);
+                handlerMap.delete(menuItem);
+            }
+        });
+    }
+    function openMenu() {
+        menuDiv.style.display = "block";
+        setAria(true);
+        addListeners();
+        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
+        if (menuItems.length > 0) menuItems[0].focus();
+    }
+    function closeMenu() {
+        removeListeners();
+        menuDiv.style.display = "none";
+        setAria(false);
+        triggerButton.focus();
+    }
+    function cleanup() {
+        removeListeners();
+    }
+    return {
+        openMenu: openMenu,
+        closeMenu: closeMenu,
+        cleanup: cleanup
+    };
+}
+export { makeMenuAccessible }; //# sourceMappingURL=chunk-4WO5XJ5K.js.map
+//# sourceMappingURL=chunk-4WO5XJ5K.js.map

package/dist/chunk-4WO5XJ5K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-4WO5XJ5K.js","../src/menu/src/makeMenuAccessible/makeMenuAccessible.ts"],"names":["handleKeyPress","makeMenuAccessible","menuId","menuElementsClass","triggerId","menuDiv","document","querySelector","Error","triggerButton","handlerMap","Map","setAria","isOpen","setAttribute","addListeners","menuItems","querySelectorAll","forEach","menuItem","index","has","handler","event","addEventListener","set","removeListeners","get","removeEventListener","delete","openMenu","style","display","length","focus","closeMenu","cleanup"],"mappings":"AAAA,SAASA,cAAc,QAAQ,sBAAsB;ACU9C,SAASC,mBAAmB,KAAuC,uBAAA;QAArCC,CAAAA,QAAF,MAAEA,KAAAA,KAAQC,QAAmBC,YAA7B,MAA6BA;QAA3BF,SAAAA,MAAAA,CAAQC,OAAAA,oBAARD,MAAQC,aAAV,MAAUA,YAARD;MACnC,EAAMG,UAAUC,SAASC,aAAA,CAAc,IAAIL,OAAM;MACjD,EAAA,CAAA,CAAI,CAACG,OAAAA,EAAS,IAAA,EAAM,EAAA,EAAIG,IAAAA,EAAM;MAE9B,EAAMC,gBAAgBH,SAASC,aAAA,CAAc,IAAIH,OAAS,OAATA;MACjD,EAAA,CAAA,CAAI,CAACK,aAAAA,EAAe,IAAA,EAAM,EAAA,EAAID,IAAAA,EAAM;MAGpC,EAAME,aAAA,aAAA,GAAA,IAAiBC;MAEvB,OAAA,EAASC,MAAAA,EAAQC,IAAAA,EAAA;YACfJ,UAAAA,IAAcK,QAAAA,CAAAA,GAAA,CAAa,aAAA,IAAiBD,KAAAA,IAAS,KAAA,IAAS;MAChE;MAEA,OAAA,EAASE;YACP,EAAMC,UAAAA,EAAYX,MAAAA,EAAQY,cAAAA,CAAA,AAAAA,CAAiB,GAAId,OAAJ,EAAqB,OAAjBA;YAC/Ca,MAAAA,IAAUE,GAAAA,CAAAA,SAAAA,EAAA,CAAQ,OAAA,EAACC,UAAuBC;kBACxC,IAAI,CAACV,KAAAA,GAAAA,CAAAA,EAAWW,GAAA,CAAIF,KAAAA,MAAW;sBAC7B,IAAMG,IAAAA,SAAAA,KAAU;2BAAA,IAACC,WAAAA,OAAAA,WAAAA,OAAAA,SAAAA;;mCAAyBvB,MAAAA,CAAAA,QAAeuB,GAAAA,IAAOP,WAAWI,OAAOf,SAASI;;sBAC3FU,SAASK,gBAAA,CAAiB,WAAWF;oBACrCZ,WAAWe,GAAA,CAAIN,UAAUG;cAC3B;UACF,GAAA;QACF,IAAA,YAAA,QAAA,gBAAA,CAAA,IAAA,OAAA;QAEA,SAASI,CAAAA,OAAAA,CAAAA,SAAAA;cACP,EAAMV,UAAAA,EAAYX,QAAQY,CAAAA,GAAAA,CAAAA,WAAA,CAAiB,IAAqB,OAAjBd;cAC/Ca,EAAAA,QAAUE,CAAAA,MAAA,CAAQ,SAACC;oBACjB,IAAMG,CAAAA,SAAUZ,UAAAA,CAAWiB,GAAA,CAAIR,OAAAA;oBAC/B,IAAIG,GAAAA,MAAS,CAAA;sBACXH,SAASS,mBAAA,CAAoB,WAAWN;oBACxCZ,WAAWmB,MAAA,CAAOV;cACpB;UACF,GAAA;QACF,QAAA,KAAA,CAAA,OAAA,GAAA;QAEA,QAAA,CAASW;YACPzB,QAAQ0B,KAAA,CAAMC,OAAA,GAAU;YACxBpB,MAAQ,MAAA,QAAA,gBAAA,CAAA,IAAA,OAAA;YACRG,UAAAA,MAAAA,GAAAA,GAAAA,SAAAA,CAAAA,EAAAA,CAAAA,KAAAA;UAEA,IAAMC,YAAYX,QAAQY,gBAAA,CAAiB,IAAqB,OAAjBd;UAC/C,GAAA,CAAIa,UAAUiB,MAAA,GAAS,GAAGjB,SAAA,CAAU,EAAC,CAAEkB,KAAA;QACzC;QAEA,QAAA,CAASC,IAAAA,CAAAA,OAAAA,GAAAA;YACPT,IAAAA;YACArB,QAAQ0B,EAAAA,GAAA,CAAMC,CAAAA,MAAA,GAAU;UACxBpB,QAAQ;UACRH,GAAAA,WAAcyB,KAAA;QAChB;MAEA,SAASE;UACPV,CAAAA;QAAAA,UAAAA;QAAAA,WAAAA;QAAAA,SAAAA;IAAAA;IACF;QAESI,CAAAA,SAAAA,SAAAA,GAAAA,SAAUK,WAAAA,uBAAAA","sourcesContent":["import { handleKeyPress } from './chunk-RT5IROW4.js';\n\n// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts\nfunction makeMenuAccessible({ menuId, menuElementsClass, triggerId }) {\n  const menuDiv = document.querySelector(`#${menuId}`);\n  if (!menuDiv) throw new Error(\"Invalid menu div id provided\");\n  const triggerButton = document.querySelector(`#${triggerId}`);\n  if (!triggerButton) throw new Error(\"Invalid trigger button id provided\");\n  const handlerMap = /* @__PURE__ */ new Map();\n  function setAria(isOpen) {\n    triggerButton.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n  }\n  function addListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    menuItems.forEach((menuItem, index) => {\n      if (!handlerMap.has(menuItem)) {\n        const handler = (event) => handleKeyPress(event, menuItems, index, menuDiv, triggerButton);\n        menuItem.addEventListener(\"keydown\", handler);\n        handlerMap.set(menuItem, handler);\n      }\n    });\n  }\n  function removeListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    menuItems.forEach((menuItem) => {\n      const handler = handlerMap.get(menuItem);\n      if (handler) {\n        menuItem.removeEventListener(\"keydown\", handler);\n        handlerMap.delete(menuItem);\n      }\n    });\n  }\n  function openMenu() {\n    menuDiv.style.display = \"block\";\n    setAria(true);\n    addListeners();\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    if (menuItems.length > 0) menuItems[0].focus();\n  }\n  function closeMenu() {\n    removeListeners();\n    menuDiv.style.display = \"none\";\n    setAria(false);\n    triggerButton.focus();\n  }\n  function cleanup() {\n    removeListeners();\n  }\n  return { openMenu, closeMenu, cleanup };\n}\n\nexport { makeMenuAccessible };\n//# sourceMappingURL=chunk-4WO5XJ5K.js.map\n","/**\n  * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first interactive item of the menu has focus when menu open.\n  * @param {string} menuId - The id of the menu.\n  * @param {string} menuElementsClass - The class of the items that are children of the menu.\n  * @param {string} triggerId - The id of the button that triggers the menu.\n*/\n\nimport { handleKeyPress } from \"../../../utils/handleKeyPress/handleKeyPress\";\nimport { NodeListOfHTMLElement } from \"../../../../Types\";\n\nexport function makeMenuAccessible({ menuId, menuElementsClass, triggerId }: {menuId: string; menuElementsClass: string; triggerId: string;}) {\n  const menuDiv = document.querySelector(`#${menuId}`) as HTMLElement;\n  if (!menuDiv) throw new Error(\"Invalid menu div id provided\");\n\n  const triggerButton = document.querySelector(`#${triggerId}`) as HTMLElement;\n  if (!triggerButton) throw new Error(\"Invalid trigger button id provided\");\n\n\n  const handlerMap = new Map<HTMLElement, (event: KeyboardEvent) => void>();\n\n  function setAria(isOpen: boolean) {\n    triggerButton.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n  }\n\n  function addListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`) as NodeListOfHTMLElement<HTMLElement>;\n    menuItems.forEach((menuItem: HTMLElement, index: number) => {\n      if (!handlerMap.has(menuItem)) {\n        const handler = (event: KeyboardEvent) => handleKeyPress(event, menuItems, index, menuDiv, triggerButton);\n        menuItem.addEventListener(\"keydown\", handler);\n        handlerMap.set(menuItem, handler);\n      }\n    });\n  }\n\n  function removeListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`) as NodeListOfHTMLElement<HTMLElement>;\n    menuItems.forEach((menuItem: HTMLElement) => {\n      const handler = handlerMap.get(menuItem);\n      if (handler) {\n        menuItem.removeEventListener(\"keydown\", handler);\n        handlerMap.delete(menuItem);\n      }\n    });\n  }\n\n  function openMenu() {\n    menuDiv.style.display = \"block\";\n    setAria(true);\n    addListeners();\n  \n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`) as NodeListOfHTMLElement<HTMLElement>;\n    if (menuItems.length > 0) menuItems[0].focus();\n  }\n\n  function closeMenu() {\n    removeListeners();\n    menuDiv.style.display = \"none\";\n    setAria(false);\n    triggerButton.focus();\n  }\n\n  function cleanup() {\n    removeListeners();\n  }\n\n  return { openMenu, closeMenu, cleanup };\n}\n"]}

package/dist/chunk-5HQ6LLC5.js

@@ -0,0 +1,21 @@
+// src/radio/src/updateRadioAriaAttributes/updateRadioAriaAttributes.ts
+function updateRadioAriaAttributes(radioId, radiosClass, radioStates, currentPressedRadioIndex) {
+    var radioDiv = document.querySelector("#".concat(radioId));
+    if (!radioDiv) {
+        throw new Error("Invalid radio main div id provided.");
+    }
+    var radioItems = Array.from(radioDiv.querySelectorAll(".".concat(radiosClass)));
+    if (radioItems.length === 0) {
+        throw new Error("Invalid radios shared class provided.");
+    }
+    radioItems.forEach(function(radioItem, index) {
+        var state = radioStates[index];
+        var checked = radioItem.getAttribute("aria-checked");
+        var shouldBeChecked = index === currentPressedRadioIndex ? state.checked ? "true" : "false" : "false";
+        if (checked && checked !== shouldBeChecked) {
+            radioItem.setAttribute("aria-checked", shouldBeChecked);
+        }
+    });
+}
+export { updateRadioAriaAttributes }; //# sourceMappingURL=chunk-5HQ6LLC5.js.map
+//# sourceMappingURL=chunk-5HQ6LLC5.js.map

package/dist/chunk-5HQ6LLC5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-5HQ6LLC5.js","../src/radio/src/updateRadioAriaAttributes/updateRadioAriaAttributes.ts"],"names":["updateRadioAriaAttributes","radioId","radiosClass","radioStates","currentPressedRadioIndex","radioDiv","document","querySelector","Error","radioItems","Array","from","querySelectorAll","length","forEach","radioItem","index","state","checked","getAttribute","shouldBeChecked","setAttribute"],"mappings":"AAAA,uEAAuE;ACUhE,SAASA,0BAA0BC,OAAA,EAAiBC,WAAA,EAAqBC,WAAA,EAA4BC,wBAAA;QAClGC,WAA+BC,SAASC,aAAA,CAAc,IAAW,KAAPN,CAAAA,CAAAA,MAAO,CAAA;YACvE,CAAA,CAAA,CAAA,CAAI,CAACI,EAAAA,EAAAA,EAAAA,EAAAA,EAAU;wBACX,EAAA,EAAA,EAAM,EAAA,EAAIG,EAAAA,IAAM;YACpB;QAEMC,aAA4BC,MAAMC,IAAA,CAAKN,SAASO,gBAAA,CAAiB,IAAIV,EAAAA,KAAAA,EAAW,KAAA,EAAXA;YAC3E,EAAA,EAAGO,GAAAA,EAAAA,EAAAA,EAAAA,EAAWI,EAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,EAAG;wBAC1B,EAAA,EAAA,EAAM,EAAA,EAAIL,EAAAA,IAAM;YAClB;YAEAC,GAAAA,EAAAA,EAAAA,EAAAA,CAAAA,CAAWK,SAAAA,CAAAA,SAAAA,CAAAA,SAAAA,CAAAA,SAAA,CAAQ,SAACC,CAAAA,UAAwBC;kBACxC,EAAMC,EAAAA,EAAAA,EAAAA,EAAQd,GAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAYa,EAAAA,EAAAA,EAAK;kBAC/B,EAAME,EAAAA,EAAAA,EAAAA,EAAAA,EAAUH,EAAAA,EAAAA,EAAAA,EAAAA,EAAUI,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAa;kBACvC,EAAMC,UAAAA,EAAAA,EAAAA,EAAAA,EAAkBJ,EAAAA,EAAAA,EAAAA,EAAAA,EAAUZ,mBAAAA,EAAAA,EAAAA,EAAAA,EAA4Ba,EAAAA,EAAAA,CAAAA,CAAMC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,EAAU,CAAA,EAAA,EAAA,EAAA,EAAS,EAAA,EAAA,EAAA,EAAA,EAAW;wBAClG,GAAA,CAAIA,GAAAA,IAAAA,IAAWA,IAAAA,IAAAA,IAAYE,CAAAA,IAAAA,IAAAA,IAAAA,IAAiB;oCACxCL,IAAAA,CAAAA,KAAUM,CAAAA,IAAAA,CAAAA,CAAAA,IAAAA,CAAA,CAAa,IAAA,MAAA,MAAgBD;wBAC3C;YACJ;AACJ","sourcesContent":["// src/radio/src/updateRadioAriaAttributes/updateRadioAriaAttributes.ts\nfunction updateRadioAriaAttributes(radioId, radiosClass, radioStates, currentPressedRadioIndex) {\n  const radioDiv = document.querySelector(`#${radioId}`);\n  if (!radioDiv) {\n    throw new Error(\"Invalid radio main div id provided.\");\n  }\n  const radioItems = Array.from(radioDiv.querySelectorAll(`.${radiosClass}`));\n  if (radioItems.length === 0) {\n    throw new Error(\"Invalid radios shared class provided.\");\n  }\n  radioItems.forEach((radioItem, index) => {\n    const state = radioStates[index];\n    const checked = radioItem.getAttribute(\"aria-checked\");\n    const shouldBeChecked = index === currentPressedRadioIndex ? state.checked ? \"true\" : \"false\" : \"false\";\n    if (checked && checked !== shouldBeChecked) {\n      radioItem.setAttribute(\"aria-checked\", shouldBeChecked);\n    }\n  });\n}\n\nexport { updateRadioAriaAttributes };\n//# sourceMappingURL=chunk-5HQ6LLC5.js.map\n","/**\n * Adds screen reader accessibility to multiple radio buttons. Updates the aria attributes of the radio buttons. Radio elements must possess the following aria attributes; aria-checked and aria-label.\n * @param {string} radioId The id of the radio parent container.\n * @param {string} radiosClass The shared class of all the radios.\n * @param {RadioStates[]} radioStates Array of objects containing radio buttons state information.\n * @param {number} currentPressedRadioIndex Index of the currently checked or unchecked radio button.\n */\n\nimport { HTMLElement, RadioStates } from \"../../../../Types\";\n\nexport function updateRadioAriaAttributes(radioId: string, radiosClass: string, radioStates: RadioStates[], currentPressedRadioIndex: number): void {\n    const radioDiv: HTMLElement | null = document.querySelector(`#${radioId}`);\n    if (!radioDiv) {\n        throw new Error(\"Invalid radio main div id provided.\");\n    }\n    \n    const radioItems: HTMLElement[] = Array.from(radioDiv.querySelectorAll(`.${radiosClass}`));\n    if(radioItems.length === 0) {\n      throw new Error('Invalid radios shared class provided.');\n    }\n\n    radioItems.forEach((radioItem: HTMLElement, index: number) => {\n        const state = radioStates[index];\n        const checked = radioItem.getAttribute(\"aria-checked\");\n        const shouldBeChecked = index === currentPressedRadioIndex ? (state.checked ? \"true\" : \"false\") : \"false\";\n        if (checked && checked !== shouldBeChecked) {\n            radioItem.setAttribute(\"aria-checked\", shouldBeChecked);\n        }\n    });\n}"]}

package/dist/chunk-FBQ5LF2T.js

@@ -0,0 +1,21 @@
+// src/toggle/src/updateToggleAriaAttribute/updateToggleAriaAttribute.ts
+function updateToggleAriaAttribute(toggleId, togglesClass, toggleStates, currentPressedToggleIndex) {
+    var toggleDiv = document.querySelector("#".concat(toggleId));
+    if (!toggleDiv) {
+        throw new Error("Invalid toggle main div id provided.");
+    }
+    var toggleItems = Array.from(toggleDiv.querySelectorAll(".".concat(togglesClass)));
+    if (toggleItems.length === 0) {
+        throw new Error("Invalid toggles shared class provided.");
+    }
+    if (toggleItems.length !== toggleStates.length) {
+        throw new Error("Toggle state/DOM length mismatch: found ".concat(toggleItems.length, " triggers, but got ").concat(toggleStates.length, " state objects."));
+    }
+    toggleItems.forEach(function(toggle, index) {
+        if (index === currentPressedToggleIndex) {
+            toggle.setAttribute("aria-pressed", toggleStates[index].pressed ? "true" : "false");
+        }
+    });
+}
+export { updateToggleAriaAttribute }; //# sourceMappingURL=chunk-FBQ5LF2T.js.map
+//# sourceMappingURL=chunk-FBQ5LF2T.js.map

package/dist/chunk-FBQ5LF2T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-FBQ5LF2T.js","../src/toggle/src/updateToggleAriaAttribute/updateToggleAriaAttribute.ts"],"names":["updateToggleAriaAttribute","toggleId","togglesClass","toggleStates","currentPressedToggleIndex","toggleDiv","document","querySelector","Error","toggleItems","Array","from","querySelectorAll","length","forEach","toggle","index","setAttribute","pressed"],"mappings":"AAAA,wEAAwE;ACUjE,SAASA,0BAA0BC,QAAA,EAAkBC,YAAA,EAAsBC,YAAA,EAA8BC,yBAAA;QACxGC,YAAgCC,SAASC,aAAA,CAAc,IAAY,GAARN,EAAAA,EAAAA,KAAQ,EAAA;YACzE,CAAA,CAAA,CAAA,CAAI,CAACI,GAAAA,EAAAA,EAAAA,EAAAA,EAAW;wBACd,EAAA,EAAA,EAAM,EAAA,EAAIG,EAAAA,IAAM;YAClB;QAEMC,cAA6BC,MAAMC,IAAA,CAAKN,UAAUO,gBAAA,CAAiB,IAAIV,CAAAA,MAAAA,CAAY,MAAA,CAAZA;YAC7E,EAAA,EAAIO,IAAAA,EAAAA,EAAAA,EAAAA,EAAYI,EAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,EAAG;wBAC5B,EAAA,EAAA,EAAM,EAAA,EAAIL,EAAAA,IAAM;YAClB;YAEA,EAAA,EAAGC,IAAAA,EAAAA,EAAAA,EAAAA,EAAYI,EAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,EAAA,EAAWV,KAAAA,EAAAA,EAAAA,EAAAA,EAAaU,EAAAA,EAAAA,EAAA,EAAQ;wBAC7C,CAAA,EAAA,CAAM,EAAA,CAAIL,EAAAA,GAAM,+BAAmFL,OAAnF,IAA2CM,OAA3C,CAAA,GAAuDI,GAAAA,EAAAA,GAAvD,CAAA,GAA6D,GAAA,EAAA,GAA7D,CAAA,GAAmFV,IAAmB,OAAnBA,CAAAA,EAAAA,GAAxCM,CAAAA,MAAAA,CAA2D,KAAA,EAAA,CAA3DA,CAAAA,EAAAA,IAAYI,MAAAA,CAA+C,KAAA,EAAA,CAA/CA,CAAM,EAAA,UAAA,CAAyC,KAAA,EAAA,CAAzC,aAAA,CAAyC,KAAA,EAAA,CAAnBV,aAAaU,MAAM,EAAA;YACxH;YAEAJ,IAAAA,EAAAA,EAAAA,EAAAA,CAAAA,CAAYK,SAAAA,CAAAA,OAAAA,EAAAA,CAAAA,OAAAA,EAAAA,CAAAA,OAAAA,EAAA,CAAQ,OAAA,EAACC,QAAQC;wBAC3B,EAAA,EAAIA,EAAAA,IAAAA,IAAUZ,WAAAA,IAAAA,IAAAA,IAAAA,IAA2B;oCACvCW,CAAAA,CAAAA,KAAOE,CAAAA,IAAAA,CAAAA,CAAAA,IAAAA,CAAA,CAAa,IAAA,CAAA,KAAA,CAAA,CAAA,IAAgBd,CAAAA,CAAAA,CAAAA,GAAAA,CAAAA,CAAAA,CAAAA,GAAA,CAAaa,CAAAA,CAAAA,GAAAA,CAAK,CAAEE,CAAAA,GAAAA,GAAA,GAAU,GAAA,MAAS;wBAC7E;YACF;AACF","sourcesContent":["// src/toggle/src/updateToggleAriaAttribute/updateToggleAriaAttribute.ts\nfunction updateToggleAriaAttribute(toggleId, togglesClass, toggleStates, currentPressedToggleIndex) {\n  const toggleDiv = document.querySelector(`#${toggleId}`);\n  if (!toggleDiv) {\n    throw new Error(\"Invalid toggle main div id provided.\");\n  }\n  const toggleItems = Array.from(toggleDiv.querySelectorAll(`.${togglesClass}`));\n  if (toggleItems.length === 0) {\n    throw new Error(\"Invalid toggles shared class provided.\");\n  }\n  if (toggleItems.length !== toggleStates.length) {\n    throw new Error(`Toggle state/DOM length mismatch: found ${toggleItems.length} triggers, but got ${toggleStates.length} state objects.`);\n  }\n  toggleItems.forEach((toggle, index) => {\n    if (index === currentPressedToggleIndex) {\n      toggle.setAttribute(\"aria-pressed\", toggleStates[index].pressed ? \"true\" : \"false\");\n    }\n  });\n}\n\nexport { updateToggleAriaAttribute };\n//# sourceMappingURL=chunk-FBQ5LF2T.js.map\n","/**\n * Adds screen reader accessibility to toggle buttons. Updates the aria attributes of the toggle buttons. Button must be a semantic button element or a non-semantic element with a role of button, and possess the aria-pressed attribute.\n * @param {string} toggleId The id of the toggle buttons parent container.\n * @param {string} togglesClass The shared class of all the toggle buttons.\n * @param {ToggleStates[]} toggleStates Array of objects containing toggle buttons state information.\n * @param {number} currentPressedToggleIndex Index of the currently pressed or unpressed toggle button.\n*/\n\nimport { HTMLElement, ToggleStates } from \"../../../../Types\";\n\nexport function updateToggleAriaAttribute(toggleId: string, togglesClass: string, toggleStates: ToggleStates[], currentPressedToggleIndex: number): void {\n  const toggleDiv: HTMLElement | null = document.querySelector(`#${toggleId}`);\n  if (!toggleDiv) {\n    throw new Error(\"Invalid toggle main div id provided.\");\n  }\n\n  const toggleItems: HTMLElement[] = Array.from(toggleDiv.querySelectorAll(`.${togglesClass}`));\n  if (toggleItems.length === 0) {\n    throw new Error('Invalid toggles shared class provided.');\n  }\n\n  if(toggleItems.length !== toggleStates.length) {\n    throw new Error(`Toggle state/DOM length mismatch: found ${toggleItems.length} triggers, but got ${toggleStates.length} state objects.`);\n  }\n\n  toggleItems.forEach((toggle, index) => {\n    if (index === currentPressedToggleIndex) {\n      toggle.setAttribute(\"aria-pressed\", toggleStates[index].pressed ? 'true' : 'false');\n    }\n  });\n}"]}

package/dist/chunk-KGYGCX67.js

@@ -0,0 +1,18 @@
+// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
+function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {
+    var checkboxDiv = document.querySelector("#".concat(checkboxId));
+    if (!checkboxDiv) {
+        throw new Error("Invalid checkbox main div id provided.");
+    }
+    var checkboxItems = Array.from(document.querySelectorAll(".".concat(checkboxesClass)));
+    if (checkboxItems.length === 0) {
+        throw new Error("Invalid checkboxes shared class provided.");
+    }
+    checkboxItems.forEach(function(checkbox, index) {
+        if (index === currentPressedCheckboxIndex) {
+            checkbox.setAttribute("aria-checked", checkboxStates[index].checked ? "true" : "false");
+        }
+    });
+}
+export { updateCheckboxAriaAttributes }; //# sourceMappingURL=chunk-KGYGCX67.js.map
+//# sourceMappingURL=chunk-KGYGCX67.js.map

package/dist/chunk-KGYGCX67.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-KGYGCX67.js","../src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts"],"names":["updateCheckboxAriaAttributes","checkboxId","checkboxesClass","checkboxStates","currentPressedCheckboxIndex","checkboxDiv","document","querySelector","Error","checkboxItems","Array","from","querySelectorAll","length","forEach","checkbox","index","setAttribute","checked"],"mappings":"AAAA,gFAAgF;ACUzE,SAASA,6BAA6BC,UAAA,EAAoBC,eAAA,EAAyBC,cAAA,EAAkCC,2BAAA;MAC1H,EAAMC,cAAkCC,SAASC,aAAA,CAAc,IAAIN,OAAU,OAAVA;MACnE,EAAA,CAAA,CAAI,CAACI,WAAAA,EAAa;YAChB,EAAA,IAAM,IAAIG,EAAAA,IAAM;MAClB;MAEA,EAAMC,gBAA+BC,MAAMC,IAAA,CAAKL,SAASM,gBAAA,CAAiB,IAAIV,OAAe,OAAfA;MAC9E,EAAA,EAAIO,YAAAA,EAAcI,IAAAA,EAAA,GAAA,EAAW,CAAA,EAAG;YAC9B,EAAA,IAAM,IAAIL,EAAAA,IAAM;MAClB;MAEAC,YAAAA,EAAcK,KAAAA,CAAAA,SAAA,CAAQ,SAACC,UAAuBC;YAC5C,IAAIA,MAAAA,IAAUZ,yBAAAA,IAA6B;kBACzCW,GAAAA,MAASE,MAAAA,CAAAA,KAAA,CAAa,UAAA,MAAgBd,QAAAA,CAAAA,KAAA,CAAea,CAAAA,KAAK,CAAEE,CAAAA,GAAAA,GAAA,GAAU,GAAA,MAAS;YACjF;MACF;AACF","sourcesContent":["// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts\nfunction updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {\n  const checkboxDiv = document.querySelector(`#${checkboxId}`);\n  if (!checkboxDiv) {\n    throw new Error(\"Invalid checkbox main div id provided.\");\n  }\n  const checkboxItems = Array.from(document.querySelectorAll(`.${checkboxesClass}`));\n  if (checkboxItems.length === 0) {\n    throw new Error(\"Invalid checkboxes shared class provided.\");\n  }\n  checkboxItems.forEach((checkbox, index) => {\n    if (index === currentPressedCheckboxIndex) {\n      checkbox.setAttribute(\"aria-checked\", checkboxStates[index].checked ? \"true\" : \"false\");\n    }\n  });\n}\n\nexport { updateCheckboxAriaAttributes };\n//# sourceMappingURL=chunk-KGYGCX67.js.map\n","/**\n * Adds screen reader accessibility to multiple checkboxes. Updates the aria attributes of the checkboxes. Checkbox elements must possess the following aria attributes; aria-checked and aria-label.\n * @param {string} checkboxId The id of the checkbox parent container.\n * @param {string} checkboxesClass The shared class of all the checkboxes.\n * @param {CheckboxStates[]} checkboxStates Array of objects containing checkboxes state information.\n * @param {number} currentPressedCheckboxIndex Index of the currently checked or unchecked checkbox.\n */\n\nimport { HTMLElement, CheckboxStates } from \"../../../../Types\";\n\nexport function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClass: string, checkboxStates: CheckboxStates[], currentPressedCheckboxIndex: number): void {\n  const checkboxDiv: HTMLElement | null = document.querySelector(`#${checkboxId}`);\n  if (!checkboxDiv) {\n    throw new Error(\"Invalid checkbox main div id provided.\");\n  }\n    \n  const checkboxItems: HTMLElement[] = Array.from(document.querySelectorAll(`.${checkboxesClass}`));\n  if (checkboxItems.length === 0) {\n    throw new Error('Invalid checkboxes shared class provided.');\n  };\n\n  checkboxItems.forEach((checkbox: HTMLElement, index: number) => {\n    if (index === currentPressedCheckboxIndex) {\n      checkbox.setAttribute(\"aria-checked\", checkboxStates[index].checked ? 'true' : 'false');\n    }\n  });\n}"]}

package/dist/chunk-KVTLMA4J.js

@@ -0,0 +1,58 @@
+import { handleKeyPress } from './chunk-RT5IROW4.js';
+// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts
+function makeMenuAccessible(param) {
+    var menuId = param.menuId, menuElementsClass = param.menuElementsClass, triggerId = param.triggerId;
+    var menuDiv = document.querySelector("#".concat(menuId));
+    if (!menuDiv) throw new Error("Invalid menu div id provided");
+    var triggerButton = document.querySelector("#".concat(triggerId));
+    if (!triggerButton) throw new Error("Invalid trigger button id provided");
+    var handlerMap = /* @__PURE__ */ new Map();
+    function setAria(isOpen) {
+        triggerButton.setAttribute("aria-expanded", isOpen ? "true" : "false");
+    }
+    function addListeners() {
+        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
+        menuItems.forEach(function(menuItem, index) {
+            if (!handlerMap.has(menuItem)) {
+                var handler = function(event) {
+                    return handleKeyPress(event, menuItems, index, menuDiv, triggerButton);
+                };
+                menuItem.addEventListener("keydown", handler);
+                handlerMap.set(menuItem, handler);
+            }
+        });
+    }
+    function removeListeners() {
+        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
+        menuItems.forEach(function(menuItem) {
+            var handler = handlerMap.get(menuItem);
+            if (handler) {
+                menuItem.removeEventListener("keydown", handler);
+                handlerMap.delete(menuItem);
+            }
+        });
+    }
+    function openMenu() {
+        menuDiv.style.display = "block";
+        setAria(true);
+        addListeners();
+        var menuItems = menuDiv.querySelectorAll(".".concat(menuElementsClass));
+        if (menuItems.length > 0) menuItems[0].focus();
+    }
+    function closeMenu() {
+        removeListeners();
+        menuDiv.style.display = "none";
+        setAria(false);
+        triggerButton.focus();
+    }
+    function cleanup() {
+        removeListeners();
+    }
+    return {
+        openMenu: openMenu,
+        closeMenu: closeMenu,
+        cleanup: cleanup
+    };
+}
+export { makeMenuAccessible }; //# sourceMappingURL=chunk-KVTLMA4J.js.map
+//# sourceMappingURL=chunk-KVTLMA4J.js.map

package/dist/chunk-KVTLMA4J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-KVTLMA4J.js","../src/menu/src/makeMenuAccessible/makeMenuAccessible.ts"],"names":["handleKeyPress","menuId","menuElementsClass","triggerId","menuDiv","document","querySelector","Error","triggerButton","handlerMap","Map","setAria","isOpen","setAttribute","addListeners","menuItems","querySelectorAll","forEach","menuItem","index","has","handler","event","addEventListener","set","removeListeners","get","removeEventListener","delete","openMenu","style","display","length","focus","closeMenu","cleanup"],"mappings":"AAAA,SAASA,cAAc,QAAQ,sBAAsB;QCUhBC,CAAAA,QAAF,MAAEA,KAAAA,KAAQC,QAAmBC,YAA7B,GAAA,GAA6BA;QAA3BF,CAAAA,QAAAA,MAAAA,CAAQC,IAAAA,KAAAA,EAAV,MAAUA,YAARD;QAAQC,SAAAA,MAAAA,CAAAA,OAAAA,oBAAAA,MAAAA,aAARD,MAAQC,YAAAA;QAC3C,AAAME,UAAUC,SAASC,aAAA,CAAc,IAAU,OAANL;QAC3C,CAAA,CAAA,CAAA,CAAI,CAACG,KAAAA,EAAAA,EAAS,EAAA,EAAA,EAAM,EAAA,EAAIG,EAAAA,EAAAA,EAAM;QAE9B,AAAMC,gBAAgBH,SAASC,aAAA,CAAc,IAAa,IAATH,GAAAA,OAAS;QAC1D,CAAA,CAAA,CAAA,CAAI,CAACK,WAAAA,EAAAA,EAAe,EAAA,EAAA,EAAM,EAAA,EAAID,EAAAA,EAAAA,EAAM;QAGpC,AAAME,aAAA,aAAA,GAAA,IAAiBC;QAEvB,KAAA,EAAA,EAASC,IAAAA,EAAAA,EAAQC,EAAAA,EAAAA,EAAA;gBACfJ,MAAAA,IAAAA,IAAcK,IAAAA,CAAAA,GAAAA,CAAAA,GAAA,CAAa,SAAA,IAAA,IAAiBD,CAAAA,IAAAA,IAAS,CAAA,IAAA,IAAS;QAChE;QAEA,KAAA,EAAA,EAASE;cACP,EAAMC,QAAAA,EAAAA,EAAYX,IAAAA,EAAAA,EAAQY,YAAAA,CAAAA,CAAA,AAAAA,CAAiB,EAAId,OAAJ,EAAIA,OAAJ,EAAqB;gBAChEa,EAAAA,IAAAA,GAAAA,CAAUE,SAAAA,EAAAA,CAAAA,OAAAA,EAAAA,EAAA,CAAQ,OAAA,EAACC,UAAuBC;wBACxC,IAAI,CAACV,EAAAA,CAAAA,EAAAA,GAAAA,CAAAA,EAAWW,GAAA,CAAIF,KAAAA,MAAW;4BAC7B,EAAA,SAAA,CAAMG,IAAAA;2BAAAA,IAAAA,KAAU,MAAA,OAAA,WAAA,OAAA,SAAA;;mCAAA,IAACC,EAAAA,CAAAA,QAAAA,GAAAA,IAAAA,WAAAA,OAAAA,SAAAA;;yCAAyBtB,MAAAA,CAAAA,QAAesB,GAAAA,IAAOP,WAAWI,OAAOf,SAASI;;wBAC3FU,SAASK,gBAAA,CAAiB,WAAWF;sBACrCZ,WAAWe,GAAA,CAAIN,UAAUG;gBAC3B,QAAA,QAAA,gBAAA,CAAA,IAAA,OAAA;cACF,GAAA,CAAA,OAAA,CAAA,SAAA;cACF,EAAA,UAAA,EAAA,QAAA,CAAA,GAAA,CAAA,WAAA,CAAA,IAAA,OAAA;cAEA,EAAA,OAASI,CAAAA,CAAAA,MAAAA,CAAAA,SAAAA;sBACP,EAAMV,CAAAA,SAAAA,EAAYX,QAAQY,CAAAA,GAAAA,CAAAA,OAAAA,IAAA,CAAiB,IAAqB,OAAjBd;sBAC/Ca,EAAAA,GAAAA,KAAUE,CAAAA,CAAAA,KAAA,CAAQ,SAACC;0BACjB,IAAMG,CAAAA,SAAUZ,UAAAA,CAAWiB,GAAA,CAAIR,OAAAA;wBAC/B,IAAIG,GAAAA,MAAS,CAAA;wBACXH,SAASS,mBAAA,CAAoB,WAAWN;sBACxCZ,WAAWmB,MAAA,CAAOV;kBACpB,GAAA,CAAA,OAAA,GAAA;cACF,EAAA,CAAA;YACF,QAAA,KAAA,CAAA,OAAA,GAAA;YAEA,MAAA,CAASW,KAAAA,QAAAA,gBAAAA,CAAAA,IAAAA,OAAAA;gBACPzB,MAAAA,EAAQ0B,IAAAA,CAAA,CAAMC,CAAAA,GAAAA,GAAA,GAAU,GAAA,CAAA,EAAA,CAAA,KAAA;cACxBpB,MAAQ,MAAA,QAAA,gBAAA,CAAA,IAAA,OAAA;cACRG,UAAAA,MAAAA,GAAAA,GAAAA,SAAAA,CAAAA,EAAAA,CAAAA,KAAAA;cAEA,IAAMC,YAAYX,QAAQY,gBAAA,CAAiB,IAAqB,OAAjBd;cAC/C,EAAA,CAAA,CAAIa,GAAAA,CAAAA,MAAUiB,CAAAA,GAAAA,EAAA,GAAS,GAAGjB,SAAA,CAAU,EAAC,CAAEkB,KAAA;YACzC,IAAA;YAEA,QAAA,CAASC,CAAAA,GAAAA,CAAAA,CAAAA,MAAAA,GAAAA;cACPT,IAAAA;cACArB,QAAQ0B,EAAAA,GAAA,CAAMC,CAAAA,MAAA,GAAU;cACxBpB,QAAQ;YACRH,GAAAA,WAAcyB,KAAA;UAChB,CAAA;QAAA,UAAA;QAAA,WAAA;QAAA,SAAA;IAAA;MAEA,SAASE;QACPV,CAAAA,SAAAA,SAAAA,GAAAA,SAAAA,WAAAA,uBAAAA","sourcesContent":["import { handleKeyPress } from './chunk-RT5IROW4.js';\n\n// src/menu/src/makeMenuAccessible/makeMenuAccessible.ts\nfunction makeMenuAccessible({ menuId, menuElementsClass, triggerId }) {\n  const menuDiv = document.querySelector(`#${menuId}`);\n  if (!menuDiv) throw new Error(\"Invalid menu div id provided\");\n  const triggerButton = document.querySelector(`#${triggerId}`);\n  if (!triggerButton) throw new Error(\"Invalid trigger button id provided\");\n  const handlerMap = /* @__PURE__ */ new Map();\n  function setAria(isOpen) {\n    triggerButton.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n  }\n  function addListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    menuItems.forEach((menuItem, index) => {\n      if (!handlerMap.has(menuItem)) {\n        const handler = (event) => handleKeyPress(event, menuItems, index, menuDiv, triggerButton);\n        menuItem.addEventListener(\"keydown\", handler);\n        handlerMap.set(menuItem, handler);\n      }\n    });\n  }\n  function removeListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    menuItems.forEach((menuItem) => {\n      const handler = handlerMap.get(menuItem);\n      if (handler) {\n        menuItem.removeEventListener(\"keydown\", handler);\n        handlerMap.delete(menuItem);\n      }\n    });\n  }\n  function openMenu() {\n    menuDiv.style.display = \"block\";\n    setAria(true);\n    addListeners();\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`);\n    if (menuItems.length > 0) menuItems[0].focus();\n  }\n  function closeMenu() {\n    removeListeners();\n    menuDiv.style.display = \"none\";\n    setAria(false);\n    triggerButton.focus();\n  }\n  function cleanup() {\n    removeListeners();\n  }\n  return { openMenu, closeMenu, cleanup };\n}\n\nexport { makeMenuAccessible };\n//# sourceMappingURL=chunk-KVTLMA4J.js.map\n","/**\n  * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first interactive item of the menu has focus when menu open.\n  * @param {string} menuId - The id of the menu.\n  * @param {string} menuElementsClass - The class of the items that are children of the menu.\n  * @param {string} triggerId - The id of the button that triggers the menu.\n*/\n\nimport { handleKeyPress } from \"../../../utils/handleKeyPress/handleKeyPress\";\nimport { NodeListOfHTMLElement } from \"../../../../Types\";\n\nexport function makeMenuAccessible({ menuId, menuElementsClass, triggerId }: {menuId: string; menuElementsClass: string; triggerId: string;}) {\n  const menuDiv = document.querySelector(`#${menuId}`) as HTMLElement;\n  if (!menuDiv) throw new Error(\"Invalid menu div id provided\");\n\n  const triggerButton = document.querySelector(`#${triggerId}`) as HTMLElement;\n  if (!triggerButton) throw new Error(\"Invalid trigger button id provided\");\n\n\n  const handlerMap = new Map<HTMLElement, (event: KeyboardEvent) => void>();\n\n  function setAria(isOpen: boolean) {\n    triggerButton.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n  }\n\n  function addListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`) as NodeListOfHTMLElement<HTMLElement>;\n    menuItems.forEach((menuItem: HTMLElement, index: number) => {\n      if (!handlerMap.has(menuItem)) {\n        const handler = (event: KeyboardEvent) => handleKeyPress(event, menuItems, index, menuDiv, triggerButton);\n        menuItem.addEventListener(\"keydown\", handler);\n        handlerMap.set(menuItem, handler);\n      }\n    });\n  }\n\n  function removeListeners() {\n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`) as NodeListOfHTMLElement<HTMLElement>;\n    menuItems.forEach((menuItem: HTMLElement) => {\n      const handler = handlerMap.get(menuItem);\n      if (handler) {\n        menuItem.removeEventListener(\"keydown\", handler);\n        handlerMap.delete(menuItem);\n      }\n    });\n  }\n\n  function openMenu() {\n    menuDiv.style.display = \"block\";\n    setAria(true);\n    addListeners();\n  \n    const menuItems = menuDiv.querySelectorAll(`.${menuElementsClass}`) as NodeListOfHTMLElement<HTMLElement>;\n    if (menuItems.length > 0) menuItems[0].focus();\n  }\n\n  function closeMenu() {\n    removeListeners();\n    menuDiv.style.display = \"none\";\n    setAria(false);\n    triggerButton.focus();\n  }\n\n  function cleanup() {\n    removeListeners();\n  }\n\n  return { openMenu, closeMenu, cleanup };\n}"]}

package/dist/chunk-MEA5U2G4.js

@@ -0,0 +1,24 @@
+// src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts
+function updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {
+    var accordionDiv = document.querySelector("#".concat(accordionId));
+    if (!accordionDiv) {
+        throw new Error("Invalid accordion main div id provided.");
+    }
+    var accordionItems = Array.from(accordionDiv.querySelectorAll(".".concat(accordionTriggersClass)));
+    if (accordionItems.length === 0) {
+        throw new Error("Invalid accordion items shared class provided.");
+    }
+    if (accordionItems.length !== accordionStates.length) {
+        throw new Error("Accordion state/DOM length mismatch: found ".concat(accordionItems.length, " triggers, but got ").concat(accordionStates.length, " state objects."));
+    }
+    accordionItems.forEach(function(accordionItem, index) {
+        var state = accordionStates[index];
+        var expanded = accordionItem.getAttribute("aria-expanded");
+        var shouldBeExpanded = index === clickedTriggerIndex ? state.display ? "true" : "false" : "false";
+        if (expanded && expanded !== shouldBeExpanded) {
+            accordionItem.setAttribute("aria-expanded", shouldBeExpanded);
+        }
+    });
+}
+export { updateAccordionTriggerAriaAttributes }; //# sourceMappingURL=chunk-MEA5U2G4.js.map
+//# sourceMappingURL=chunk-MEA5U2G4.js.map

package/dist/chunk-MEA5U2G4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-MEA5U2G4.js","../src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts"],"names":["updateAccordionTriggerAriaAttributes","accordionId","accordionTriggersClass","accordionStates","clickedTriggerIndex","accordionDiv","document","querySelector","Error","accordionItems","Array","from","querySelectorAll","length","forEach","accordionItem","index","state","expanded","getAttribute","shouldBeExpanded","display","setAttribute"],"mappings":"AAAA,iGAAiG;ACU1F,SAASA,qCAAqCC,WAAA,EAAqBC,sBAAA,EAAgCC,eAAA,EAAoCC,mBAAA;QACpIC,eAAmCC,SAASC,aAAA,CAAc,IAAIN,EAAAA,KAAAA,EAAW,KAAA,EAAXA;YACpE,CAAA,CAAA,CAAA,CAAI,CAACI,MAAAA,EAAAA,EAAAA,EAAAA,EAAc;wBACf,EAAA,EAAA,EAAM,EAAA,EAAIG,EAAAA,IAAM;YACpB;QAEMC,iBAAgCC,MAAMC,IAAA,CAAKN,aAAaO,gBAAA,CAAiB,IAA0B,KAAtBV,EAAAA,OAAAA,OAAAA,OAAsB;YACzG,EAAA,EAAIO,OAAAA,EAAAA,EAAAA,EAAAA,EAAeI,EAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,EAAG;wBAC7B,EAAA,EAAA,EAAM,EAAA,EAAIL,EAAAA,IAAM;YACpB;YAEA,EAAA,EAAIC,OAAAA,EAAAA,EAAAA,EAAAA,EAAeI,EAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,EAAA,EAAWV,QAAAA,EAAAA,EAAAA,EAAAA,EAAgBU,EAAAA,EAAAA,EAAA,EAAQ;wBAClD,CAAA,EAAA,CAAM,EAAA,CAAIL,EAAAA,GAAM,kCAAyFL,OAAzF,IAA8CM,OAA9C,IAA6DI,MAAAA,EAA7D,IAAmE,MAAA,EAAnE,IAAyFV,OAA3CM,OAA2CN,CAAAA,EAA3CM,IAAAA,OAAqB,EAAA,KAArBA,CAAAA,EAAAA,CAAAA,IAAeI,OAAM,EAAA,KAANA,CAAM,EAAA,CAAA,WAAsBV,EAAAA,KAAtB,CAAA,EAAA,YAA4C,EAAA,KAAtBA,CAAAA,EAAAA,cAAgBU,MAAM,EAAA;YACnI;YAEAJ,OAAAA,EAAAA,EAAAA,EAAAA,CAAAA,CAAeK,SAAAA,CAAAA,SAAAA,CAAAA,IAAAA,KAAAA,CAAAA,IAAAA,KAAA,CAAQ,IAAA,KAACC,KAAAA,UAA4BC;kBAChD,EAAMC,EAAAA,EAAAA,EAAAA,EAAQd,OAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAgBa,EAAAA,EAAAA,EAAK;kBACnC,EAAME,GAAAA,EAAAA,EAAAA,EAAAA,EAAWH,MAAAA,EAAAA,EAAAA,EAAAA,EAAcI,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAa;kBAC5C,EAAMC,WAAAA,EAAAA,EAAAA,EAAAA,EAAmBJ,EAAAA,EAAAA,EAAAA,EAAAA,EAAUZ,cAAAA,EAAAA,EAAAA,EAAAA,EAAuBa,EAAAA,EAAAA,CAAAA,CAAMI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,EAAU,CAAA,EAAA,EAAA,EAAA,EAAS,EAAA,EAAA,EAAA,EAAA,EAAW;wBAC9F,IAAIH,IAAAA,IAAAA,CAAAA,GAAYA,CAAAA,IAAAA,IAAAA,IAAaE,EAAAA,IAAAA,IAAAA,IAAAA,IAAkB;oCAC3CL,EAAAA,CAAAA,KAAAA,CAAAA,KAAcO,CAAAA,KAAAA,CAAAA,KAAA,CAAa,KAAA,MAAA,MAAiBF;wBAChD;YACJ;AACJ","sourcesContent":["// src/accordion/src/updateAccordionTriggerAriaAttributes/updateAccordionTriggerAriaAttributes.ts\nfunction updateAccordionTriggerAriaAttributes(accordionId, accordionTriggersClass, accordionStates, clickedTriggerIndex) {\n  const accordionDiv = document.querySelector(`#${accordionId}`);\n  if (!accordionDiv) {\n    throw new Error(\"Invalid accordion main div id provided.\");\n  }\n  const accordionItems = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));\n  if (accordionItems.length === 0) {\n    throw new Error(\"Invalid accordion items shared class provided.\");\n  }\n  if (accordionItems.length !== accordionStates.length) {\n    throw new Error(`Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.`);\n  }\n  accordionItems.forEach((accordionItem, index) => {\n    const state = accordionStates[index];\n    const expanded = accordionItem.getAttribute(\"aria-expanded\");\n    const shouldBeExpanded = index === clickedTriggerIndex ? state.display ? \"true\" : \"false\" : \"false\";\n    if (expanded && expanded !== shouldBeExpanded) {\n      accordionItem.setAttribute(\"aria-expanded\", shouldBeExpanded);\n    }\n  });\n}\n\nexport { updateAccordionTriggerAriaAttributes };\n//# sourceMappingURL=chunk-MEA5U2G4.js.map\n","/**\n * Adds screen reader accessibility to accordions. Updates the aria attributes of the accordion trigger button. Trigger button element must possess the following aria attributes; aria-expanded, aria-controls, aria-label (for only non-text triggers).\n * @param {string} accordionId The id of the accordion triggers parent container.\n * @param {string} accordionTriggersClass The shared class of all the accordion triggers.\n * @param {AccordionStates[]} accordionStates Array of objects containing accordions state information.\n * @param {number} clickedTriggerIndex Index of the currently clicked accordion trigger within the accordion div container.\n*/\n\nimport { HTMLElement, AccordionStates } from \"../../../../Types\";\n\nexport function updateAccordionTriggerAriaAttributes(accordionId: string, accordionTriggersClass: string, accordionStates: AccordionStates[], clickedTriggerIndex: number): void {\n    const accordionDiv: HTMLElement | null = document.querySelector(`#${accordionId}`);\n    if (!accordionDiv) {\n        throw new Error(\"Invalid accordion main div id provided.\");\n    }\n\n    const accordionItems: HTMLElement[] = Array.from(accordionDiv.querySelectorAll(`.${accordionTriggersClass}`));\n    if (accordionItems.length === 0) {\n        throw new Error(\"Invalid accordion items shared class provided.\");\n    }\n\n    if (accordionItems.length !== accordionStates.length) {\n        throw new Error(`Accordion state/DOM length mismatch: found ${accordionItems.length} triggers, but got ${accordionStates.length} state objects.`);\n    }\n\n    accordionItems.forEach((accordionItem: HTMLElement, index: number) => {\n        const state = accordionStates[index];\n        const expanded = accordionItem.getAttribute(\"aria-expanded\");\n        const shouldBeExpanded = index === clickedTriggerIndex ? (state.display ? \"true\" : \"false\") : \"false\";\n        if (expanded && expanded !== shouldBeExpanded) {\n            accordionItem.setAttribute(\"aria-expanded\", shouldBeExpanded);\n        }\n    });\n}"]}

package/dist/chunk-RK3JUAFZ.js

@@ -0,0 +1,18 @@
+// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts
+function updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {
+    var checkboxDiv = document.querySelector("#".concat(checkboxId));
+    if (!checkboxDiv) {
+        throw new Error("Invalid checkbox main div id provided.");
+    }
+    var checkboxItems = Array.from(document.querySelectorAll(".".concat(checkboxesClass)));
+    if (checkboxItems.length === 0) {
+        throw new Error("Invalid checkboxes shared class provided.");
+    }
+    checkboxItems.forEach(function(checkbox, index) {
+        if (index === currentPressedCheckboxIndex) {
+            checkbox.setAttribute("aria-checked", checkboxStates[index].checked ? "true" : "false");
+        }
+    });
+}
+export { updateCheckboxAriaAttributes }; //# sourceMappingURL=chunk-RK3JUAFZ.js.map
+//# sourceMappingURL=chunk-RK3JUAFZ.js.map

package/dist/chunk-RK3JUAFZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-RK3JUAFZ.js","../src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts"],"names":["updateCheckboxAriaAttributes","checkboxId","checkboxesClass","checkboxStates","currentPressedCheckboxIndex","checkboxDiv","document","querySelector","Error","checkboxItems","Array","from","querySelectorAll","length","forEach","checkbox","index","setAttribute","checked"],"mappings":"AAAA,gFAAgF;ACUzE,SAASA,6BAA6BC,UAAA,EAAoBC,eAAA,EAAyBC,cAAA,EAAkCC,2BAAA;QAC1H,AAAMC,cAAkCC,SAASC,aAAA,CAAc,IAAc,GAAVN,IAAAA,OAAU;QAC7E,CAAA,CAAA,CAAA,CAAI,CAACI,SAAAA,EAAAA,EAAa;gBAChB,EAAA,IAAM,EAAA,EAAIG,EAAAA,IAAM;QAClB;QAEA,AAAMC,gBAA+BC,MAAMC,IAAA,CAAKL,SAASM,gBAAA,CAAiB,IAAIV,OAAAA,OAAe,OAAfA;QAC9E,EAAA,EAAIO,UAAAA,EAAAA,EAAcI,EAAAA,EAAAA,EAAA,CAAA,EAAA,CAAA,CAAW,CAAA,EAAG;gBAC9B,EAAA,IAAM,EAAA,EAAIL,EAAAA,IAAM;QAClB;QAEAC,UAAAA,EAAAA,EAAcK,GAAAA,CAAAA,SAAAA,CAAAA,SAAA,CAAQ,SAACC,UAAuBC;gBAC5C,IAAIA,EAAAA,IAAAA,IAAUZ,qBAAAA,IAAAA,IAA6B;wBACzCW,GAAAA,MAASE,CAAAA,KAAAA,CAAAA,KAAA,CAAa,IAAA,MAAA,MAAgBd,EAAAA,CAAAA,KAAAA,CAAAA,CAAAA,IAAA,CAAea,CAAAA,CAAAA,GAAAA,CAAK,CAAEE,CAAAA,GAAAA,GAAA,GAAU,GAAA,MAAS;gBACjF;QACF;AACF","sourcesContent":["// src/checkbox/src/updateCheckboxAriaAttributes/updateCheckboxAriaAttributes.ts\nfunction updateCheckboxAriaAttributes(checkboxId, checkboxesClass, checkboxStates, currentPressedCheckboxIndex) {\n  const checkboxDiv = document.querySelector(`#${checkboxId}`);\n  if (!checkboxDiv) {\n    throw new Error(\"Invalid checkbox main div id provided.\");\n  }\n  const checkboxItems = Array.from(document.querySelectorAll(`.${checkboxesClass}`));\n  if (checkboxItems.length === 0) {\n    throw new Error(\"Invalid checkboxes shared class provided.\");\n  }\n  checkboxItems.forEach((checkbox, index) => {\n    if (index === currentPressedCheckboxIndex) {\n      checkbox.setAttribute(\"aria-checked\", checkboxStates[index].checked ? \"true\" : \"false\");\n    }\n  });\n}\n\nexport { updateCheckboxAriaAttributes };\n//# sourceMappingURL=chunk-RK3JUAFZ.js.map\n","/**\n * Adds screen reader accessibility to multiple checkboxes. Updates the aria attributes of the checkboxes. Checkbox elements must possess the following aria attributes; aria-checked and aria-label.\n * @param {string} checkboxId The id of the checkbox parent container.\n * @param {string} checkboxesClass The shared class of all the checkboxes.\n * @param {CheckboxStates[]} checkboxStates Array of objects containing checkboxes state information.\n * @param {number} currentPressedCheckboxIndex Index of the currently checked or unchecked checkbox.\n*/\n\nimport { HTMLElement, CheckboxStates } from \"../../../../Types\";\n\nexport function updateCheckboxAriaAttributes(checkboxId: string, checkboxesClass: string, checkboxStates: CheckboxStates[], currentPressedCheckboxIndex: number): void {\n  const checkboxDiv: HTMLElement | null = document.querySelector(`#${checkboxId}`);\n  if (!checkboxDiv) {\n    throw new Error(\"Invalid checkbox main div id provided.\");\n  }\n            \n  const checkboxItems: HTMLElement[] = Array.from(document.querySelectorAll(`.${checkboxesClass}`));\n  if (checkboxItems.length === 0) {\n    throw new Error('Invalid checkboxes shared class provided.');\n  };\n\n  checkboxItems.forEach((checkbox: HTMLElement, index: number) => {\n    if (index === currentPressedCheckboxIndex) {\n      checkbox.setAttribute(\"aria-checked\", checkboxStates[index].checked ? 'true' : 'false');\n    }\n  });\n}"]}

package/dist/chunk-RT5IROW4.js

@@ -0,0 +1,99 @@
+// src/utils/handleKeyPress/handleKeyPress.ts
+function isTextInput(el) {
+    if (el.tagName !== "INPUT") return false;
+    var 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) {
+    var len = elementItems.length;
+    var 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 handleMenuEscapeKeyPress(menuElement, menuTriggerButton) {
+    menuElement.style.display = "none";
+    var menuTriggerButtonId = menuTriggerButton.getAttribute("id");
+    if (!menuTriggerButtonId) {
+        throw new Error("Menu trigger button does not have id attribute");
+    }
+    menuTriggerButton.setAttribute("aria-expanded", "false");
+}
+function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, triggerButton) {
+    var 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)) {
+                    var 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)) {
+                    var value = currentEl.value;
+                    var cursorEnd = currentEl.selectionStart;
+                    if (cursorEnd === value.length) {
+                        event.preventDefault();
+                        moveFocus(elementItems, elementItemIndex, 1);
+                    }
+                }
+                break;
+            }
+        case "Escape":
+            {
+                event.preventDefault();
+                if (menuElementDiv && triggerButton) {
+                    if (getComputedStyle(menuElementDiv).display === "block") {
+                        handleMenuEscapeKeyPress(menuElementDiv, triggerButton);
+                    }
+                    triggerButton.focus();
+                }
+                break;
+            }
+        case "Enter":
+        case " ":
+            {
+                if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {
+                    event.preventDefault();
+                    currentEl.click();
+                }
+                break;
+            }
+    }
+}
+export { handleKeyPress }; //# sourceMappingURL=chunk-RT5IROW4.js.map
+//# sourceMappingURL=chunk-RT5IROW4.js.map

package/dist/chunk-RT5IROW4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/macx/aria-ease/package/dist/chunk-RT5IROW4.js","../src/utils/handleKeyPress/handleKeyPress.ts"],"names":["isTextInput","el","tagName","type","includes","isTextArea","isNativeButton","isLink","moveFocus","elementItems","currentIndex","direction","len","length","nextIndex","item","focus","isClickableButNotSemantic","getAttribute","handleMenuEscapeKeyPress","menuElement","menuTriggerButton","style","display","menuTriggerButtonId","Error","setAttribute","handleKeyPress","event","elementItemIndex","menuElementDiv","triggerButton","currentEl","key","preventDefault"],"mappings":"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","sourcesContent":["// src/utils/handleKeyPress/handleKeyPress.ts\nfunction isTextInput(el) {\n  if (el.tagName !== \"INPUT\") return false;\n  const type = el.type;\n  return [\"text\", \"email\", \"password\", \"tel\", \"number\"].includes(type);\n}\nfunction isTextArea(el) {\n  return el.tagName === \"TEXTAREA\";\n}\nfunction isNativeButton(el) {\n  return el.tagName === \"BUTTON\" || el.tagName === \"INPUT\" && [\"button\", \"submit\", \"reset\"].includes(el.type);\n}\nfunction isLink(el) {\n  return el.tagName === \"A\";\n}\nfunction moveFocus(elementItems, currentIndex, direction) {\n  const len = elementItems.length;\n  const nextIndex = (currentIndex + direction + len) % len;\n  elementItems.item(nextIndex).focus();\n}\nfunction isClickableButNotSemantic(el) {\n  return el.getAttribute(\"data-custom-click\") !== null || el.getAttribute(\"data-custom-click\") !== void 0;\n}\nfunction handleMenuEscapeKeyPress(menuElement, menuTriggerButton) {\n  menuElement.style.display = \"none\";\n  const menuTriggerButtonId = menuTriggerButton.getAttribute(\"id\");\n  if (!menuTriggerButtonId) {\n    throw new Error(\"Menu trigger button does not have id attribute\");\n  }\n  menuTriggerButton.setAttribute(\"aria-expanded\", \"false\");\n}\nfunction handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, triggerButton) {\n  const currentEl = elementItems.item(elementItemIndex);\n  switch (event.key) {\n    case \"ArrowUp\":\n    case \"ArrowLeft\": {\n      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n        event.preventDefault();\n        moveFocus(elementItems, elementItemIndex, -1);\n      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n        const cursorStart = currentEl.selectionStart;\n        if (cursorStart === 0) {\n          event.preventDefault();\n          moveFocus(elementItems, elementItemIndex, -1);\n        }\n      }\n      break;\n    }\n    case \"ArrowDown\":\n    case \"ArrowRight\": {\n      if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n        event.preventDefault();\n        moveFocus(elementItems, elementItemIndex, 1);\n      } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n        const value = currentEl.value;\n        const cursorEnd = currentEl.selectionStart;\n        if (cursorEnd === value.length) {\n          event.preventDefault();\n          moveFocus(elementItems, elementItemIndex, 1);\n        }\n      }\n      break;\n    }\n    case \"Escape\": {\n      event.preventDefault();\n      if (menuElementDiv && triggerButton) {\n        if (getComputedStyle(menuElementDiv).display === \"block\") {\n          handleMenuEscapeKeyPress(menuElementDiv, triggerButton);\n        }\n        triggerButton.focus();\n      }\n      break;\n    }\n    case \"Enter\":\n    case \" \": {\n      if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {\n        event.preventDefault();\n        currentEl.click();\n      }\n      break;\n    }\n  }\n}\n\nexport { handleKeyPress };\n//# sourceMappingURL=chunk-RT5IROW4.js.map\n","import { NodeListOfHTMLElement, HTMLElement } from \"../../../Types\";\n\n\nfunction isTextInput(el: HTMLElement): boolean {\n    if (el.tagName !== 'INPUT') return false;\n    const type = (el as HTMLInputElement).type;\n    return ['text', 'email', 'password', 'tel', 'number'].includes(type);\n}\n\nfunction isTextArea(el: HTMLElement): boolean {\n    return el.tagName === 'TEXTAREA';\n}\n\nexport function isNativeButton(el: HTMLElement): boolean {\n    return el.tagName === 'BUTTON' || (el.tagName === 'INPUT' && ['button', 'submit', 'reset'].includes((el as HTMLInputElement).type));\n}\n\nexport function isLink(el: HTMLElement): boolean {\n    return el.tagName === 'A';\n}\n\nfunction moveFocus(elementItems: NodeListOfHTMLElement, currentIndex: number, direction: -1 | 1) {\n    const len = elementItems.length;\n    const nextIndex = (currentIndex + direction + len) % len;\n    elementItems.item(nextIndex).focus();\n}\n\nfunction isClickableButNotSemantic(el: HTMLElement): boolean {\n    return el.getAttribute(\"data-custom-click\") !== null || el.getAttribute(\"data-custom-click\") !== undefined;\n}\n\nfunction handleMenuEscapeKeyPress(menuElement: HTMLElement, menuTriggerButton: HTMLElement) {\n    menuElement.style.display = 'none';\n    const menuTriggerButtonId = menuTriggerButton.getAttribute('id');\n    if (!menuTriggerButtonId) {\n        throw new Error(\"Menu trigger button does not have id attribute\");\n    }\n    menuTriggerButton.setAttribute(\"aria-expanded\", \"false\");\n}\n\nexport function handleKeyPress(\n    event: KeyboardEvent,\n    elementItems: NodeListOfHTMLElement,\n    elementItemIndex: number,\n    menuElementDiv?: HTMLElement,\n    triggerButton?: HTMLElement\n): void {\n    const currentEl = elementItems.item(elementItemIndex);\n    switch (event.key) {\n        case 'ArrowUp':\n        case 'ArrowLeft': {\n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, -1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const cursorStart = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorStart === 0) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, -1);\n                }\n            }\n            break;\n        }\n        case 'ArrowDown':\n        case 'ArrowRight': {\n            if (!isTextInput(currentEl) && !isTextArea(currentEl)) {\n                event.preventDefault();\n                moveFocus(elementItems, elementItemIndex, 1);\n            } else if (isTextInput(currentEl) || isTextArea(currentEl)) {\n                const value = (currentEl as HTMLInputElement | HTMLTextAreaElement).value;\n                const cursorEnd = (currentEl as HTMLInputElement | HTMLTextAreaElement).selectionStart;\n                if (cursorEnd === value.length) {\n                    event.preventDefault();\n                    moveFocus(elementItems, elementItemIndex, 1);\n                }\n            }\n            break;\n        }\n        case 'Escape': {\n            event.preventDefault();\n            if (menuElementDiv && triggerButton) {\n                if (getComputedStyle(menuElementDiv).display === 'block') {\n                    handleMenuEscapeKeyPress(menuElementDiv, triggerButton);\n                }\n                triggerButton.focus();\n            }\n            break;\n        }\n        case 'Enter':\n        case ' ': {\n            if (!isNativeButton(currentEl) && !isLink(currentEl) && isClickableButNotSemantic(currentEl)) {\n                event.preventDefault();\n                currentEl.click();\n            }\n            break;\n        }\n        default:\n            break;\n    }\n}"]}