@danielgindi/selectbox 1.0.123 → 1.0.124

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.123
+ * @danielgindi/selectbox 1.0.124
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -2813,9 +2813,9 @@ class DropList {
       DomCompat.remove(p.el);
     }
 
-    if (p._currentSubDropList) {var _p$_currentSubDropLis;
-      (_p$_currentSubDropLis = p._currentSubDropList) === null || _p$_currentSubDropLis === void 0 || (_p$_currentSubDropLis = _p$_currentSubDropLis.droplist) === null || _p$_currentSubDropLis === void 0 || _p$_currentSubDropLis.destroy();
-      p._currentSubDropList = null;
+    if (p.currentSubDropList) {var _p$currentSubDropList;
+      (_p$currentSubDropList = p.currentSubDropList) === null || _p$currentSubDropList === void 0 || (_p$currentSubDropList = _p$currentSubDropList.droplist) === null || _p$currentSubDropList === void 0 || _p$currentSubDropList.destroy();
+      p.currentSubDropList = null;
     }
 
     if (!p.ownsEl) {
@@ -2846,6 +2846,22 @@ class DropList {
     return this._p.el;
   }
 
+  /**
+   * Returns true if other is an inclusive descendant of node, and false otherwise.
+   * @param {Node} other
+   * @param {boolean} [considerSubmenus=true]
+   * @returns {boolean}
+   */
+  elContains(other) {var _this$_p$currentSubDr;let considerSubmenus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    if (this.el.contains(other))
+    return true;
+
+    if (considerSubmenus && (_this$_p$currentSubDr = this._p.currentSubDropList) !== null && _this$_p$currentSubDr !== void 0 && (_this$_p$currentSubDr = _this$_p$currentSubDr.droplist) !== null && _this$_p$currentSubDr !== void 0 && _this$_p$currentSubDr.elContains(other))
+    return true;
+
+    return false;
+  }
+
   /**
    * @param {string|string[]} classes
    * @returns {DropList}
@@ -2983,7 +2999,7 @@ class DropList {
     if (!item)
     return;
 
-    if (p._currentSubDropList) {
+    if (p.currentSubDropList) {
       this._hideSublist();
     }
 
@@ -3776,7 +3792,7 @@ class DropList {
       if (this[DestroyedSymbol$1]) return;
       this._trigger('hide:after');
 
-      if (p._currentSubDropList) {
+      if (p.currentSubDropList) {
         this._hideSublist();
       }
     }
@@ -3902,7 +3918,7 @@ class DropList {
       updateWidth: true
     });
 
-    p._currentSubDropList = {
+    p.currentSubDropList = {
       item: item,
       itemElement: itemElement,
       droplist: droplist
@@ -3912,13 +3928,13 @@ class DropList {
   _hideSublist() {
     const p = this._p;
 
-    if (!p._currentSubDropList)
+    if (!p.currentSubDropList)
     return;
 
-    const data = p._currentSubDropList;
+    const data = p.currentSubDropList;
     data.droplist.hide();
     data.droplist.destroy();
-    p._currentSubDropList = null;
+    p.currentSubDropList = null;
 
     this._trigger('hide_subitems', {
       value: data.item.value,
@@ -4168,7 +4184,7 @@ class DropList {
   }
 
   _handleMouseOver(event, itemEl) {
-    this._focus(event, itemEl);
+    this._focus(event, itemEl, true);
   }
 
   _hookTouchEvents() {
@@ -4234,7 +4250,7 @@ class DropList {
       let itemEl = p.focusItemEl || // focused item
       p.el.firstChild; // or the first item
 
-      this._focus(event, itemEl);
+      this._focus(event, itemEl, false);
     }).
     add(p.el, 'blur', () => {
       setTimeout(() => {
@@ -4293,6 +4309,21 @@ class DropList {
         }
         break;
 
+      case keycodeJs.VALUE_LEFT:
+      case keycodeJs.VALUE_RIGHT:
+        if (event.key === keycodeJs.VALUE_RIGHT && getComputedStyle(event.target).direction !== 'rtl' ||
+        event.key === keycodeJs.VALUE_LEFT && getComputedStyle(event.target).direction === 'rtl') {
+          let item = p.items[p.focusItemIndex];
+          if (p.focusItemIndex > -1 && item._subitems)
+          this._showSublist(item, p.focusItemEl);
+        } else {
+          if (p.currentSubDropList) {
+            p.currentSubDropList.hide();
+            preventDefault = false;
+          }
+        }
+        break;
+
       case keycodeJs.VALUE_ENTER:
         this.triggerItemSelection(null, event);
         event.preventDefault();
@@ -4369,7 +4400,7 @@ class DropList {
 
     if (matchIndex > -1) {
       let next = p.virtualListHelper.getItemElementAt(matchIndex);
-      this._focus(evt, next || null, matchIndex);
+      this._focus(evt, next || null, matchIndex, true);
 
       if (!this.isVisible()) {
         this.triggerItemSelection(next ? null : p.items[matchIndex], evt);
@@ -4388,7 +4419,7 @@ class DropList {
     }
   }
 
-  _focus(event, itemEl, itemIndex) {var _item$ItemSymbol6;
+  _focus(event, itemEl, itemIndex, openSubitems) {var _item$ItemSymbol6;
     const p = this._p;
 
     if (!itemIndex && itemEl) {
@@ -4425,6 +4456,8 @@ class DropList {
       event: event,
       el: focusItemEl
     });
+
+    if (openSubitems)
     this._showSublist(item, focusItemEl);
   }
 
@@ -4569,7 +4602,7 @@ class DropList {
     }
 
     next = p.virtualListHelper.getItemElementAt(nextIndex);
-    this._focus(event, next || null, nextIndex);
+    this._focus(event, next || null, nextIndex, false);
 
     if (!this.isVisible()) {
       this.triggerItemSelection(item, event);