makeup-navigation-emitter - npm Package Compare versions

Comparing version 0.2.1 to 0.2.2

index.js

@@ -32,2 +32,3 @@ 'use strict'; // requires following polyfills or transforms for IE11
 var defaultOptions = {
+  axis: 'both',
   autoInit: 0,
@@ -198,6 +199,14 @@ autoReset: null,
     ExitEmitter.addFocusExit(this.el);
-    this.el.addEventListener('arrowLeftKeyDown', this._keyPrevListener);
-    this.el.addEventListener('arrowRightKeyDown', this._keyNextListener);
-    this.el.addEventListener('arrowUpKeyDown', this._keyPrevListener);
-    this.el.addEventListener('arrowDownKeyDown', this._keyNextListener);
+    var axis = model.options.axis;
+
+    if (axis === 'both' || axis === 'x') {
+      this.el.addEventListener('arrowLeftKeyDown', this._keyPrevListener);
+      this.el.addEventListener('arrowRightKeyDown', this._keyNextListener);
+    }
+
+    if (axis === 'both' || axis === 'y') {
+      this.el.addEventListener('arrowUpKeyDown', this._keyPrevListener);
+      this.el.addEventListener('arrowDownKeyDown', this._keyNextListener);
+    }
+
     this.el.addEventListener('homeKeyDown', this._keyHomeListener);
@@ -204,0 +213,0 @@ this.el.addEventListener('endKeyDown', this._keyEndListener);

package.json

 {
   "name": "makeup-navigation-emitter",
   "description": "Emits custom events based on keyboard navigation of one or two dimensional model",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "main": "index.js",
@@ -6,0 +6,0 @@ "repository": "https://github.com/makeup-js/makeup-navigation-emitter.git",

README.md

@@ -119,2 +119,3 @@ # makeup-navigation-emitter
 * `wrap` : specify whether arrow keys should wrap/loop (default: false)
+* `axis` : specify 'x' for left/right arrow keys, 'y' for up/down arrow keys, or 'both' (default: 'both')
 
@@ -121,0 +122,0 @@ ## Events

No alert changes

Improved metrics

Total package byte prevSize

278247

0.1%

Lines of code

215

2.87%

Number of lines in readme file

167

0.6%

No dependency changes