aria-ease 2.0.0 → 2.0.1

package/src/handleKeyPress.js

@@ -1,83 +0,0 @@
-import { updateMenuTriggerAriaAttributes } from "./menu/updateMenuTriggerAriaAttributes";
-function handleMenuEscapeKeyPress(menuElement, menuTriggerButton, menuClosedStateAriaLabel) {
-    menuElement.style.display = 'none';
-    var menuTriggerButtonId = menuTriggerButton.getAttribute('id');
-    if (!menuTriggerButtonId) {
-        throw new Error("Menu trigger button does not have id attribute");
-    }
-    updateMenuTriggerAriaAttributes("".concat(menuTriggerButtonId), "".concat(menuClosedStateAriaLabel));
-}
-export function handleKeyPress(event, elementItems, elementItemIndex, menuElementDiv, triggerButton, menuClosedStateAriaLabel) {
-    switch (event.key) {
-        case 'ArrowUp':
-        case 'ArrowLeft':
-            if (((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA')) || (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
-                event.preventDefault();
-                if (elementItemIndex === 0) {
-                    elementItems.item(elementItems.length - 1).focus();
-                }
-                else {
-                    elementItems.item(elementItemIndex - 1).focus();
-                }
-            }
-            if ((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
-                if (elementItems.item(elementItemIndex).selectionStart === 0) {
-                    event.preventDefault();
-                    if (elementItemIndex === 0) {
-                        elementItems.item(elementItems.length - 1).focus();
-                    }
-                    else {
-                        elementItems.item(elementItemIndex - 1).focus();
-                    }
-                }
-            }
-            break;
-        case 'ArrowDown':
-        case 'ArrowRight':
-            if (((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA')) || (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
-                event.preventDefault();
-                if (elementItemIndex === elementItems.length - 1) {
-                    elementItems.item(0).focus();
-                }
-                else {
-                    elementItems.item(elementItemIndex + 1).focus();
-                }
-            }
-            if ((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
-                if (elementItems.item(elementItemIndex).selectionStart === elementItems.item(elementItemIndex).value.length) {
-                    event.preventDefault();
-                    if (elementItemIndex === elementItems.length - 1) {
-                        elementItems.item(0).focus();
-                    }
-                    else {
-                        elementItems.item(elementItemIndex + 1).focus();
-                    }
-                }
-            }
-            break;
-        case 'Escape':
-            event.preventDefault();
-            if (menuElementDiv && triggerButton && menuClosedStateAriaLabel) {
-                (getComputedStyle(menuElementDiv).display === 'block') ?
-                    handleMenuEscapeKeyPress(menuElementDiv, triggerButton, menuClosedStateAriaLabel) :
-                    null;
-                triggerButton.focus();
-            }
-            break;
-        case 'Enter':
-        case ' ':
-            if (elementItems.item(elementItemIndex).tagName === 'BUTTON') {
-                event.preventDefault();
-                elementItems.item(elementItemIndex).click();
-                break;
-            }
-            else if (elementItems.item(elementItemIndex).tagName === 'A') {
-                event.preventDefault();
-                elementItems.item(elementItemIndex).click();
-                break;
-            }
-            break;
-        default:
-            break;
-    }
-}

package/src/handleKeyPress.ts

@@ -1,82 +0,0 @@
-import { NodeListOfHTMLElement, HTMLElement } from "../Types";
-import { updateMenuTriggerAriaAttributes } from "./menu/updateMenuTriggerAriaAttributes";
-
-function handleMenuEscapeKeyPress(menuElement: HTMLElement, menuTriggerButton: HTMLElement, menuClosedStateAriaLabel: string) {
-    menuElement.style.display = 'none';
-    const menuTriggerButtonId = menuTriggerButton.getAttribute('id');
-    if(!menuTriggerButtonId) {
-        throw new Error("Menu trigger button does not have id attribute");
-    }
-    
-    updateMenuTriggerAriaAttributes(`${menuTriggerButtonId}`, `${menuClosedStateAriaLabel}`)
-}
-
-export function handleKeyPress(event: KeyboardEvent, elementItems: NodeListOfHTMLElement, elementItemIndex: number, menuElementDiv?: HTMLElement | undefined, triggerButton?: HTMLElement | undefined, menuClosedStateAriaLabel?: string | undefined): void {
-    switch(event.key) {
-        case 'ArrowUp':
-        case 'ArrowLeft':
-            if(((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA')) || (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
-                event.preventDefault();
-                if (elementItemIndex === 0) {
-                    elementItems.item(elementItems.length - 1).focus();
-                } else {
-                    elementItems.item(elementItemIndex - 1).focus();
-                }
-            }
-            if((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
-                if (elementItems.item(elementItemIndex).selectionStart === 0) {
-                    event.preventDefault()
-                    if (elementItemIndex === 0) {
-                        elementItems.item(elementItems.length - 1).focus();
-                    } else {
-                        elementItems.item(elementItemIndex - 1).focus();
-                    }
-                }
-            }
-            break;
-        case 'ArrowDown':
-        case 'ArrowRight':
-            if(((elementItems.item(elementItemIndex).tagName !== 'INPUT') && (elementItems.item(elementItemIndex).tagName !== 'TEXTAREA')) || (elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type !== 'text' && elementItems.item(elementItemIndex).type !== 'email' && elementItems.item(elementItemIndex).type !== 'password' && elementItems.item(elementItemIndex).type !== 'tel' && elementItems.item(elementItemIndex).type !== 'number'))) {
-                event.preventDefault()
-                if (elementItemIndex === elementItems.length - 1) {
-                    elementItems.item(0).focus();
-                } else {
-                    elementItems.item(elementItemIndex + 1).focus();
-                }
-            }
-            if((elementItems.item(elementItemIndex).tagName === 'INPUT' && (elementItems.item(elementItemIndex).type === 'text' || elementItems.item(elementItemIndex).type === 'tel' || elementItems.item(elementItemIndex).type === 'password' || elementItems.item(elementItemIndex).type === 'email' || elementItems.item(elementItemIndex).type === 'number')) || elementItems.item(elementItemIndex).tagName === 'TEXTAREA') {
-                if (elementItems.item(elementItemIndex).selectionStart === elementItems.item(elementItemIndex).value.length) {
-                    event.preventDefault()
-                    if (elementItemIndex === elementItems.length - 1) {
-                        elementItems.item(0).focus();
-                    } else {
-                        elementItems.item(elementItemIndex + 1).focus();
-                    } 
-                }
-            }
-            break;
-        case 'Escape':
-            event.preventDefault();
-            if(menuElementDiv && triggerButton && menuClosedStateAriaLabel) {
-                (getComputedStyle(menuElementDiv).display === 'block') ?
-                    handleMenuEscapeKeyPress(menuElementDiv, triggerButton, menuClosedStateAriaLabel) :
-                    null
-                triggerButton.focus();
-            }
-            break;
-        case 'Enter':
-        case ' ':
-            if(elementItems.item(elementItemIndex).tagName === 'BUTTON') {
-                event.preventDefault();
-                elementItems.item(elementItemIndex).click();
-                break;
-            } else if (elementItems.item(elementItemIndex).tagName === 'A') {
-                event.preventDefault();
-                elementItems.item(elementItemIndex).click();
-                break;
-            }
-            break;
-        default:
-            break;
-    }
-}

package/src/menu/cleanUpMenuEventListeners.js

@@ -1,22 +0,0 @@
-import { handleKeyPress } from "../handleKeyPress";
-export function cleanUpMenuEventListeners(menuId, menuItemsClass) {
-    var menuDiv = document.querySelector("#".concat(menuId));
-    if (!menuDiv) {
-        throw new Error("Invalid menu div id provided");
-    }
-    var menuItems = menuDiv.querySelectorAll(".".concat(menuItemsClass));
-    if (!menuItems) {
-        throw new Error("Invalid menu items shared class provided");
-    }
-    var triggerId = menuDiv.getAttribute('aria-labelledby');
-    if (!triggerId) {
-        throw new Error("Menu div doesn't contain aria-labelledby attribute");
-    }
-    var triggerButton = document.querySelector("#".concat(triggerId));
-    if (!triggerButton) {
-        throw new Error("Menu trigger button id does not match menu div aria-labelledby attribute");
-    }
-    menuItems.forEach(function (menuItem, menuItemIndex) {
-        menuItem.removeEventListener('keydown', function (event) { return handleKeyPress(event, menuItems, menuItemIndex, menuDiv, triggerButton); });
-    });
-}

package/src/menu/cleanUpMenuEventListeners.ts

@@ -1,29 +0,0 @@
-import { NodeListOfHTMLElement } from "../../Types"
-import { handleKeyPress } from "../handleKeyPress"
-
-
-export function cleanUpMenuEventListeners(menuId: string, menuItemsClass: string): void {
-    const menuDiv: HTMLElement = document.querySelector(`#${menuId}`) as HTMLElement
-    if(!menuDiv) {
-        throw new Error("Invalid menu div id provided")
-    }
-
-    const menuItems: NodeListOfHTMLElement = menuDiv.querySelectorAll(`.${menuItemsClass}`)
-    if(!menuItems) {
-        throw new Error("Invalid menu items shared class provided")
-    }
-
-    const triggerId: string = menuDiv.getAttribute('aria-labelledby') as string
-    if(!triggerId) {
-        throw new Error("Menu div doesn't contain aria-labelledby attribute")
-    }
-
-    const triggerButton: HTMLElement = document.querySelector(`#${triggerId}`) as HTMLElement
-    if(!triggerButton) {
-        throw new Error("Menu trigger button id does not match menu div aria-labelledby attribute")
-    }
-
-    menuItems.forEach((menuItem: HTMLElement, menuItemIndex: number): void => {
-        menuItem.removeEventListener('keydown', (event: KeyboardEvent): void => handleKeyPress(event, menuItems, menuItemIndex, menuDiv, triggerButton));
-    })
-}

package/src/menu/makeMenuAccessible.js

@@ -1,38 +0,0 @@
-/**
- * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
- * @param {string} menuId The id of the menu
- * @param {string} menuItemsClass The shared class of the items that are children of the menu
-*/
-import { handleKeyPress } from '../handleKeyPress';
-var eventListenersAdded = new Set();
-export function makeMenuAccessible(menuId, menuItemsClass) {
-    var menuDiv = document.querySelector("#".concat(menuId));
-    if (!menuDiv) {
-        throw new Error("Invalid menu div id provided");
-    }
-    var menuItems = menuDiv.querySelectorAll(".".concat(menuItemsClass));
-    var triggerId = menuDiv.getAttribute('aria-labelledby');
-    if (!triggerId) {
-        throw new Error("Menu div doesn't contain aria-labelledby attribute");
-    }
-    var triggerButton = document.querySelector("#".concat(triggerId));
-    if (!triggerButton) {
-        throw new Error("Menu trigger button id does not match menu div aria-labelledby attribute");
-    }
-    var menuClosedStateAriaLabel = triggerButton.getAttribute('aria-label');
-    if (!menuClosedStateAriaLabel) {
-        throw new Error("Menu trigger button does not have initial aria-label");
-    }
-    if (menuItems && menuItems.length > 0) {
-        menuItems.item(0).focus();
-        menuItems.forEach(function (menuItem, menuItemIndex) {
-            if (!eventListenersAdded.has(menuItem)) {
-                eventListenersAdded.add(menuItem);
-                menuItem.addEventListener('keydown', function (event) { return handleKeyPress(event, menuItems, menuItemIndex, menuDiv, triggerButton, menuClosedStateAriaLabel); });
-            }
-        });
-    }
-    else {
-        throw new Error("Invalid menu items shared class provided");
-    }
-}

package/src/menu/makeMenuAccessible.ts

@@ -1,46 +0,0 @@
-/**
- * Adds keyboard interaction to toggle menu. The menu traps focus and can be interacted with using the keyboard. The first item of the menu has focus when menu appears.
- * @param {string} menuId The id of the menu
- * @param {string} menuItemsClass The shared class of the items that are children of the menu
-*/
-
-import { HTMLElement, NodeListOfHTMLElement } from '../../Types'
-import { handleKeyPress } from '../handleKeyPress';
-
-let eventListenersAdded: Set<HTMLElement> = new Set();
-
-export function makeMenuAccessible(menuId: string, menuItemsClass: string): void {
-    const menuDiv: HTMLElement = document.querySelector(`#${menuId}`) as HTMLElement;
-    if(!menuDiv) {
-        throw new Error("Invalid menu div id provided")
-    }
-
-    const menuItems: NodeListOfHTMLElement = menuDiv.querySelectorAll(`.${menuItemsClass}`);
-    
-    const triggerId: string = menuDiv.getAttribute('aria-labelledby') as string;
-    if(!triggerId) {
-        throw new Error("Menu div doesn't contain aria-labelledby attribute")
-    }
-
-    const triggerButton: HTMLElement = document.querySelector(`#${triggerId}`) as HTMLElement;
-    if(!triggerButton) {
-        throw new Error("Menu trigger button id does not match menu div aria-labelledby attribute")
-    }
-
-    const menuClosedStateAriaLabel: string = triggerButton.getAttribute('aria-label')  as string;
-    if(!menuClosedStateAriaLabel) {
-        throw new Error("Menu trigger button does not have initial aria-label")
-    }
-
-    if(menuItems && menuItems.length > 0) {
-        menuItems.item(0).focus();
-        menuItems.forEach((menuItem: HTMLElement, menuItemIndex: number): void => {
-            if (!eventListenersAdded.has(menuItem)) {
-                eventListenersAdded.add(menuItem);
-                menuItem.addEventListener('keydown', (event: KeyboardEvent): void => handleKeyPress(event, menuItems, menuItemIndex, menuDiv, triggerButton, menuClosedStateAriaLabel));
-            }
-        })
-    } else {
-        throw new Error("Invalid menu items shared class provided")
-    }
-}

package/src/menu/updateMenuTriggerAriaAttributes.js

@@ -1,26 +0,0 @@
-/**
- * Adds screen reader accessibility to menus. Updates the aria attributes of the menu trigger button. Trigger button element must possess the following aria attributes; aria-expanded and aria-label.
- * @param {string} triggerId The id of the trigger button that toggles the menu
- * @param {string} ariaLabel The aria label to be updated to trigger element
- */
-export function updateMenuTriggerAriaAttributes(triggerId, ariaLabel) {
-    var triggerButton = document.querySelector("#".concat(triggerId));
-    if (!triggerButton) {
-        throw new Error("Invalid menu trigger button id provided");
-    }
-    var currentAriaExpandedState = triggerButton.getAttribute('aria-expanded');
-    if (!currentAriaExpandedState) {
-        throw new Error("Menu trigger button does not have aria-expanded attribute");
-    }
-    function triggerOpen(ariaLabel) {
-        triggerButton.setAttribute('aria-expanded', 'true');
-        triggerButton.setAttribute('aria-label', ariaLabel);
-    }
-    function triggerClose(ariaLabel) {
-        triggerButton.setAttribute('aria-expanded', 'false');
-        triggerButton.setAttribute('aria-label', ariaLabel);
-    }
-    (currentAriaExpandedState === 'false') ?
-        triggerOpen(ariaLabel) :
-        triggerClose(ariaLabel);
-}

package/src/menu/updateMenuTriggerAriaAttributes.ts

@@ -1,33 +0,0 @@
-/**
- * Adds screen reader accessibility to menus. Updates the aria attributes of the menu trigger button. Trigger button element must possess the following aria attributes; aria-expanded and aria-label.
- * @param {string} triggerId The id of the trigger button that toggles the menu
- * @param {string} ariaLabel The aria label to be updated to trigger element
- */
-
-import { HTMLElement } from "../../Types";
-
-export function updateMenuTriggerAriaAttributes(triggerId: string, ariaLabel: string): void {
-    const triggerButton: HTMLElement = document.querySelector(`#${triggerId}`) as HTMLElement
-    if(!triggerButton) {
-        throw new Error("Invalid menu trigger button id provided")
-    }
-
-    const currentAriaExpandedState: string = triggerButton.getAttribute('aria-expanded') as string
-    if(!currentAriaExpandedState) {
-        throw new Error("Menu trigger button does not have aria-expanded attribute")
-    }
-
-    function triggerOpen(ariaLabel: string): void {
-        triggerButton.setAttribute('aria-expanded', 'true')
-        triggerButton.setAttribute('aria-label', ariaLabel)
-    }
-
-    function triggerClose(ariaLabel: string): void {
-        triggerButton.setAttribute('aria-expanded', 'false')
-        triggerButton.setAttribute('aria-label', ariaLabel)
-    }
-
-    (currentAriaExpandedState === 'false') ?
-        triggerOpen(ariaLabel) :
-        triggerClose(ariaLabel)
-}

package/src/radio/group/updateGroupRadiosAriaAttributes.js

@@ -1,22 +0,0 @@
-/**
- * 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.
- * @param {RadioStates[]} radioStates Array of objects containing radio buttons state information
- * @param {string} radiosClass The shared class of all the radio buttons
- * @param {number} currentPressedRadioIndex Index of the currently checked or unchecked radio button
- */
-export function updateGroupRadiosAriaAttributes(radioStates, radiosClass, currentPressedRadioIndex) {
-    var allRadios = Array.from(document.querySelectorAll(".".concat(radiosClass)));
-    if (!allRadios) {
-        throw new Error('Invalid radios shared class provided.');
-    }
-    allRadios.forEach(function (radio, index) {
-        if (index === currentPressedRadioIndex) {
-            radio.setAttribute("aria-checked", radioStates[index].checked ? 'true' : 'false');
-        }
-        else {
-            if (radio.getAttribute("aria-checked") === "true") {
-                radio.setAttribute("aria-checked", 'false');
-            }
-        }
-    });
-}

package/src/radio/group/updateGroupRadiosAriaAttributes.ts

@@ -1,26 +0,0 @@
-/**
- * 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.
- * @param {RadioStates[]} radioStates Array of objects containing radio buttons state information
- * @param {string} radiosClass The shared class of all the radio buttons
- * @param {number} currentPressedRadioIndex Index of the currently checked or unchecked radio button
- */
-
-import { HTMLElement, RadioStates } from "../../../Types";
-
-export function updateGroupRadiosAriaAttributes(radioStates: RadioStates[], radiosClass: string, currentPressedRadioIndex: number): void {
-    const allRadios: HTMLElement[] = Array.from(document.querySelectorAll(`.${radiosClass}`));
-
-    if( !allRadios) {
-      throw new Error('Invalid radios shared class provided.');
-    }
-
-    allRadios.forEach((radio, index) => {
-      if (index === currentPressedRadioIndex) {
-        radio.setAttribute("aria-checked", radioStates[index].checked ? 'true' : 'false');
-      } else {
-        if(radio.getAttribute("aria-checked") === "true") {
-            radio.setAttribute("aria-checked", 'false');
-        }
-      }
-    });
-}

package/src/radio/single/updateSingleRadioAriaAttribute.js

@@ -1,24 +0,0 @@
-/**
- * Adds screen reader accessibility to single radio button. Updates the aria attribute of the radio button. Radio element must possess the following aria attributes; aria-checked and aria-label.
- * @param {string} radioClass The class of the radio button
- * @param {string} updatedAriaLabel The aria label to be updated to button element
- */
-export function updateSingleRadioAriaAttribute(radioClass, updatedAriaLabel) {
-    var radio = document.querySelector(".".concat(radioClass));
-    if (!radio) {
-        throw new Error('Invalid radio button class provided.');
-    }
-    var currentAriaCheckedState = radio.getAttribute('aria-checked');
-    if (!currentAriaCheckedState) {
-        throw new Error("Radio element does not have aria-checked attribute");
-    }
-    function radioChecked() {
-        radio.setAttribute('aria-checked', 'true');
-    }
-    function radioUnchecked() {
-        radio.setAttribute('aria-checked', 'false');
-    }
-    (currentAriaCheckedState === 'false') ?
-        radioChecked() :
-        radioUnchecked();
-}

package/src/radio/single/updateSingleRadioAriaAttribute.ts

@@ -1,34 +0,0 @@
-/**
- * Adds screen reader accessibility to single radio button. Updates the aria attribute of the radio button. Radio element must possess the following aria attributes; aria-checked and aria-label.
- * @param {string} radioClass The class of the radio button
- * @param {string} updatedAriaLabel The aria label to be updated to button element
- */
-
-import { HTMLElement } from "../../../Types";
-
-export function updateSingleRadioAriaAttribute(radioClass: string, updatedAriaLabel: string): void {
-    const radio: HTMLElement = document.querySelector(`.${radioClass}`) as HTMLElement;
-
-    if( !radio) {
-      throw new Error('Invalid radio button class provided.');
-    }
-
-    const currentAriaCheckedState: string = radio.getAttribute('aria-checked') as string
-    if(!currentAriaCheckedState) {
-        throw new Error("Radio element does not have aria-checked attribute")
-    }
-
-    function radioChecked(): void {
-        radio.setAttribute('aria-checked', 'true');
-
-    }
-
-    function radioUnchecked(): void {
-        radio.setAttribute('aria-checked', 'false');
-
-    }
-
-    (currentAriaCheckedState === 'false') ?
-        radioChecked() :
-        radioUnchecked()
-}

package/src/toggle/group/updateGroupTogglesAriaAttributes.js

@@ -1,17 +0,0 @@
-/**
- * Adds screen reader accessibility to toggle buttons. Updates the aria attributes of the toggle buttons. Button must be button element with a role of button, and possess the aria-pressed attribute.
- * @param {ToggleStates[]} toggleStates Array of objects containing toggle buttons state information
- * @param {string} togglesClass The shared class of all the toggle buttons
- * @param {number} currentPressedToggleIndex Index of the currently pressed or unpressed toggle button
- */
-export function updateGroupTogglesAriaAttributes(toggleStates, togglesClass, currentPressedToggleIndex) {
-    var allToggles = Array.from(document.querySelectorAll(".".concat(togglesClass)));
-    if (!allToggles) {
-        throw new Error('Invalid toggles shared class provided.');
-    }
-    allToggles.forEach(function (toggle, index) {
-        if (index === currentPressedToggleIndex) {
-            toggle.setAttribute("aria-pressed", toggleStates[index].pressed ? 'true' : 'false');
-        }
-    });
-}

package/src/toggle/group/updateGroupTogglesAriaAttributes.ts

@@ -1,22 +0,0 @@
-/**
- * Adds screen reader accessibility to toggle buttons. Updates the aria attributes of the toggle buttons. Button must be button element with a role of button, and possess the aria-pressed attribute.
- * @param {ToggleStates[]} toggleStates Array of objects containing toggle buttons state information
- * @param {string} togglesClass The shared class of all the toggle buttons
- * @param {number} currentPressedToggleIndex Index of the currently pressed or unpressed toggle button
- */
-
-import { HTMLElement, ToggleStates } from "../../../Types";
-
-export function updateGroupTogglesAriaAttributes(toggleStates: ToggleStates[], togglesClass: string, currentPressedToggleIndex: number): void {
-    const allToggles: HTMLElement[] = Array.from(document.querySelectorAll(`.${togglesClass}`));
-
-    if ( !allToggles) {
-      throw new Error('Invalid toggles shared class provided.');
-    }
-
-    allToggles.forEach((toggle, index) => {
-      if (index === currentPressedToggleIndex) {
-        toggle.setAttribute("aria-pressed", toggleStates[index].pressed ? 'true' : 'false');
-      }
-    });
-}

package/src/toggle/single/updateSingleToggleAriaAttribute.js

@@ -1,23 +0,0 @@
-/**
- * Adds screen reader accessibility to a single toggle element. Updates the aria attribute of the toggle element. Toggle element must possess the aria-pressed attribute.
- * @param {string} toggleClass The class of all the toggle element
- */
-export function updateSingleToggleAriaAttribute(toggleClass) {
-    var toggle = document.querySelector(".".concat(toggleClass));
-    if (!toggle) {
-        throw new Error('Invalid toggle class provided.');
-    }
-    var currentAriaPressedState = toggle.getAttribute('aria-pressed');
-    if (!currentAriaPressedState) {
-        throw new Error("Toggle element does not have aria-pressed attribute");
-    }
-    function togglePressed() {
-        toggle.setAttribute('aria-pressed', 'true');
-    }
-    function toggleUnpressed() {
-        toggle.setAttribute('aria-pressed', 'false');
-    }
-    (currentAriaPressedState === 'false') ?
-        togglePressed() :
-        toggleUnpressed();
-}

package/src/toggle/single/updateSingleToggleAriaAttribute.ts

@@ -1,31 +0,0 @@
-/**
- * Adds screen reader accessibility to a single toggle element. Updates the aria attribute of the toggle element. Toggle element must possess the aria-pressed attribute.
- * @param {string} toggleClass The class of all the toggle element
- */
-
-import { HTMLElement } from "../../../Types";
-
-export function updateSingleToggleAriaAttribute(toggleClass: string): void {
-    const toggle: HTMLElement = document.querySelector(`.${toggleClass}`) as HTMLElement;
-
-    if( !toggle) {
-      throw new Error('Invalid toggle class provided.');
-    }
-
-    const currentAriaPressedState: string = toggle.getAttribute('aria-pressed') as string
-    if(!currentAriaPressedState) {
-        throw new Error("Toggle element does not have aria-pressed attribute")
-    }
-
-    function togglePressed(): void {
-        toggle.setAttribute('aria-pressed', 'true');
-    }
-
-    function toggleUnpressed(): void {
-        toggle.setAttribute('aria-pressed', 'false');
-    }
-
-    (currentAriaPressedState === 'false') ?
-        togglePressed() :
-        toggleUnpressed()
-}

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-    "compilerOptions": {
-      "target": "es5",
-      "lib": ["dom", "dom.iterable", "esnext"],
-      "allowJs": true,
-      "skipLibCheck": true,
-      "esModuleInterop": false,
-      "allowSyntheticDefaultImports": true,
-      "strict": true,
-      "forceConsistentCasingInFileNames": true,
-      "module": "es2015",
-      "moduleResolution": "node",
-      "declaration": false
-    },
-    "include": ["src"]
-  }
-