@danielgindi/selectbox 1.0.78 → 1.0.79

package/dist/lib.es6.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.78
+ * @danielgindi/selectbox 1.0.79
  * git://github.com/danielgindi/selectbox.git
  */
 import { createElement, closestUntil, setElementAttrs, next, prev } from '@danielgindi/dom-utils/lib/Dom';
@@ -475,6 +475,14 @@ class DropList {
         this._move('prev_page', event);
     }
 
+    goToFirst(event) {
+        this._move('first', event);
+    }
+
+    goToLast(event) {
+        this._move('last', event);
+    }
+
     toggleFocusedItem() {
         const p = this._p;
 
@@ -1500,12 +1508,6 @@ class DropList {
         const p = this._p;
 
         p.sink
-            .add(p.el, 'mousedown', (event) => {
-                const li = closestUntil(event.target, 'li', event.currentTarget);
-                if (!li) return;
-
-                event.preventDefault();
-            })
             .add(p.el, 'mouseup', (event) => {
                 const li = closestUntil(event.target, 'li', event.currentTarget);
                 if (!li) return;
@@ -4150,6 +4152,16 @@ class SelectBox {
                     case VALUE_PAGE_DOWN:
                     case VALUE_UP:
                     case VALUE_DOWN:
+                    case VALUE_HOME:
+                    case VALUE_END:
+                        if ((evt.key === VALUE_HOME || evt.key === VALUE_END) &&
+                            p.input && p.input.value.length > 0 && !p.lastKeyAllowsNonTypeKeys) {
+                            // Allow using HOME/END button within the textbox
+                            suppressKeyPressRepeat = true;
+                            dropList._keydownFreeType(evt);
+                            break;
+                        }
+
                         suppressKeyPress = true;
                         evt.preventDefault();
 
@@ -4177,11 +4189,18 @@ class SelectBox {
                                 }
                                 break;
 
+                            case VALUE_HOME:
+                                dropList.goToFirst(evt);
+                                break;
+
+                            case VALUE_END:
+                                dropList.goToLast(evt);
+                                break;
                         }
                         break;
 
                     case VALUE_SPACE:
-                        if (p.lastKeyAllowsSpaceToggle) {
+                        if (p.lastKeyAllowsNonTypeKeys) {
                             if (dropList.isVisible() && dropList.hasFocusedItem()) {
                                 suppressKeyPress = true;
                                 suppressKeyPressRepeat = true;
@@ -4222,11 +4241,13 @@ class SelectBox {
                         break;
                 }
 
-                p.lastKeyAllowsSpaceToggle = evt.key === VALUE_UP ||
+                p.lastKeyAllowsNonTypeKeys = evt.key === VALUE_UP ||
                     evt.key === VALUE_DOWN ||
                     evt.key === VALUE_PAGE_UP ||
                     evt.key === VALUE_PAGE_DOWN ||
-                    (evt.key === VALUE_SPACE && !!p.lastKeyAllowsSpaceToggle);
+                    evt.key === VALUE_HOME ||
+                    evt.key === VALUE_END ||
+                    (evt.key === VALUE_SPACE && !!p.lastKeyAllowsNonTypeKeys);
             })
             .add(keyEventsTarget, 'keypress.dropdown', evt => {
                 if (suppressKeyPress) {
@@ -4238,52 +4259,16 @@ class SelectBox {
                 if (suppressKeyPressRepeat)
                     return;
 
-                if (evt.key === VALUE_ENTER ||
-                    (
-                        evt.key === VALUE_SPACE &&
-                        p.lastKeyAllowsSpaceToggle &&
-                        !p.multi &&
-                        !dropList.hasFocusedItem()
-                    )
+                if (evt.key === VALUE_ENTER || (
+                    evt.key === VALUE_SPACE &&
+                    p.lastKeyAllowsNonTypeKeys &&
+                    !p.multi &&
+                    !dropList.hasFocusedItem()
+                )
                 ) {
                     this.toggleList();
                     evt.preventDefault();
                     evt.stopPropagation();
-                    return;
-                }
-
-                switch (evt.key) {
-                    case VALUE_PAGE_UP:
-                    case VALUE_PAGE_DOWN:
-                    case VALUE_UP:
-                    case VALUE_DOWN:
-                        evt.preventDefault();
-
-                        switch (evt.key) {
-                            case VALUE_PAGE_UP:
-                                if (dropList.isVisible())
-                                    dropList.previousPage(evt);
-                                break;
-                            case VALUE_PAGE_DOWN:
-                                if (dropList.isVisible())
-                                    dropList.nextPage(evt);
-                                break;
-                            case VALUE_UP:
-                                if (dropList.isVisible()) {
-                                    dropList.previous(evt);
-                                } else {
-                                    this._movePrev();
-                                }
-                                break;
-                            case VALUE_DOWN:
-                                if (dropList.isVisible()) {
-                                    dropList.next(evt);
-                                } else {
-                                    this._moveNext();
-                                }
-                                break;
-                        }
-                        break;
                 }
             });