aria-ease 1.2.8 → 1.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aria-ease",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "description": "Out of the box utility accessibility package to develop production ready applications.",
   "main": "index.js",
   "scripts": {

package/src/block/makeBlockAccessible.js

@@ -8,10 +8,12 @@ var eventListenersAdded = new Set();
 export function makeBlockAccessible(blockId, blockItemClass) {
     var blockDiv = document.querySelector("#".concat(blockId));
     var blockItems = blockDiv.querySelectorAll(".".concat(blockItemClass));
-    blockItems.forEach(function (blockItem, blockItemIndex) {
-        if (!eventListenersAdded.has(blockItem)) {
-            eventListenersAdded.add(blockItem);
-            blockItem.addEventListener('keydown', function (event) { return handleKeyPress(event, blockItems, blockItemIndex); });
-        }
-    });
+    if (window.innerWidth >= 992) {
+        blockItems.forEach(function (blockItem, blockItemIndex) {
+            if (!eventListenersAdded.has(blockItem)) {
+                eventListenersAdded.add(blockItem);
+                blockItem.addEventListener('keydown', function (event) { return handleKeyPress(event, blockItems, blockItemIndex); });
+            }
+        });
+    }
 }

package/src/block/makeBlockAccessible.ts

@@ -10,14 +10,15 @@ import { handleKeyPress } from '../handleKeyPress';
 let eventListenersAdded: Set<HTMLElement> = new Set();
 
 export function makeBlockAccessible(blockId: string, blockItemClass: string): void {
-    const blockDiv: HTMLElement = document.querySelector(`#${blockId}`) as HTMLElement
-    const blockItems: NodeListOfHTMLElement = blockDiv.querySelectorAll(`.${blockItemClass}`)
+  const blockDiv: HTMLElement = document.querySelector(`#${blockId}`) as HTMLElement
+  const blockItems: NodeListOfHTMLElement = blockDiv.querySelectorAll(`.${blockItemClass}`)
 
+  if(window.innerWidth >= 992) {
     blockItems.forEach((blockItem: HTMLElement, blockItemIndex: number): void => {
-        if (!eventListenersAdded.has(blockItem)) {
-          eventListenersAdded.add(blockItem);
-          blockItem.addEventListener('keydown', (event: KeyboardEvent) => handleKeyPress(event, blockItems, blockItemIndex));
-        }
+      if (!eventListenersAdded.has(blockItem)) {
+        eventListenersAdded.add(blockItem);
+        blockItem.addEventListener('keydown', (event: KeyboardEvent) => handleKeyPress(event, blockItems, blockItemIndex));
+      }
     });
-
+  }
 }