@danielgindi/selectbox 1.0.54 → 1.0.58

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.54
+ * @danielgindi/selectbox 1.0.58
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -5993,7 +5993,8 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
  * @property {Element} [el] An element to attach to, instead of creating a new one
  * @property {string} [baseClassName='droplist'] class name for the menu root element
  * @property {string|string[]} [additionalClasses]
- * @property {number} [itemBlurDelay=300] How long to wait before deciding to blur the focused item?
+ * @property {boolean} [autoItemBlur=true] Should we automatically blur the focused item when the droplist loses focus?
+ * @property {number} [autoItemBlurDelay=300] How long to wait before deciding to blur the focused item (when the droplist loses focus)?
  * @property {boolean} [capturesFocus=true] Should this DropList be added to the TAB-key stack?
  * @property {boolean} [multi=false] Does this DropList show checkboxes for multiple item selection?
  * @property {function} [keyDownHandler=null] An alternative "keydown" event handler. Return true to prevent default behaviour.
@@ -6053,7 +6054,8 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
 var defaultOptions$1 = {
   baseClassName: 'droplist',
 
-  itemBlurDelay: 300,
+  autoItemBlur: true,
+  autoItemBlurDelay: 300,
   capturesFocus: true,
   multi: false,
   keyDownHandler: null,
@@ -6076,9 +6078,9 @@ var defaultOptions$1 = {
 Emits the following events:
 ---------------------------
 
-'itemfocus' {value, item, event}: item gained focus.
+'itemfocus' {value, item, event?, el}: item gained focus.
 'itemblur' {value, item}: item lost focus.
-'select' {value, item}: item was selected (in single mode).
+'select' {value, item, event?, el}: item was selected (in single mode).
 'show:before': the drop list will show.
 'show': the drop list has been shown.
 'hide:before': the drop list will hide.
@@ -6107,7 +6109,8 @@ var DropList = /*#__PURE__*/function () {
 
       baseClassName: o.baseClassName,
       additionalClasses: o.additionalClasses,
-      itemBlurDelay: o.itemBlurDelay,
+      autoItemBlur: o.autoItemBlur,
+      autoItemBlurDelay: o.autoItemBlurDelay,
       capturesFocus: o.capturesFocus,
       multi: o.multi,
       keyDownHandler: o.keyDownHandler,
@@ -6244,7 +6247,9 @@ var DropList = /*#__PURE__*/function () {
       p.virtualListHelper.setOnItemUnrender(function (el) {
         try {
           fn(el[ItemSymbol$1][ItemSymbol$1], el);
-        } catch (err) {console.error(err);} // eslint-disable-line no-console
+        } catch (err) {
+          console.error(err);
+        } // eslint-disable-line no-console
         delete el[ItemSymbol$1];
 
         if (p.focusItemEl === el)
@@ -6363,7 +6368,9 @@ var DropList = /*#__PURE__*/function () {
         p.virtualListHelper.setOnItemUnrender(function (el) {
           try {
             _fn(el[ItemSymbol$1][ItemSymbol$1], el);
-          } catch (err) {console.error(err);} // eslint-disable-line no-console
+          } catch (err) {
+            console.error(err);
+          } // eslint-disable-line no-console
           delete el[ItemSymbol$1];
 
           if (p.focusItemEl === el)
@@ -6480,7 +6487,12 @@ var DropList = /*#__PURE__*/function () {
         this._setSingleSelectedItemEl(p.focusItemEl);
       }
 
-      this._trigger('select', { value: item ? item.value : undefined, item: (_item$ItemSymbol3 = item[ItemSymbol$1]) !== null && _item$ItemSymbol3 !== void 0 ? _item$ItemSymbol3 : item });
+      this._trigger('select', {
+        value: item ? item.value : undefined,
+        item: (_item$ItemSymbol3 = item[ItemSymbol$1]) !== null && _item$ItemSymbol3 !== void 0 ? _item$ItemSymbol3 : item,
+        event: event,
+        el: p.focusItemEl });
+
 
       return true;
     }
@@ -7074,7 +7086,7 @@ var DropList = /*#__PURE__*/function () {
           // Detect mouse tap outside of the droplist, to blur the focused item
           p.sink.add(document, 'mousedown', p.onDocumentMouseDown = function (event) {
             if (!p.el.contains(event.target))
-            _this2._delayBlur();
+            _this2._delayBlurItemOnBlur();
           });
         }
       });
@@ -7223,7 +7235,12 @@ var DropList = /*#__PURE__*/function () {
           itemElement.classList.add("".concat(p.baseClassName, "__item_focus"));
           p.focusItemEl = itemElement;
 
-          this._trigger('itemfocus', { value: itemElement.value, item: itemElement[ItemSymbol$1], event: null });
+          this._trigger('itemfocus', {
+            value: itemElement.value,
+            item: itemElement[ItemSymbol$1],
+            event: null,
+            el: itemElement });
+
         }
       }
 
@@ -7498,7 +7515,9 @@ var DropList = /*#__PURE__*/function () {
 
         // Track scrolling
         var didScroll = false;
-        var onScroll = function onScroll() {didScroll = true;};
+        var onScroll = function onScroll() {
+          didScroll = true;
+        };
         var onTouchCancel = function onTouchCancel() {
           currentTouchId = null;
           p.sink.remove(null, '.dropdown_touchextra');
@@ -7547,7 +7566,7 @@ var DropList = /*#__PURE__*/function () {
           if (_this8[DestroyedSymbol$1]) return;
 
           if (!p.el.contains(document.activeElement)) {
-            _this8._delayBlur();
+            _this8._delayBlurItemOnBlur();
           }
         });
       });
@@ -7730,21 +7749,24 @@ var DropList = /*#__PURE__*/function () {
       p.focusItemIndex = itemIndex;
 
       var item = p.items[itemIndex];
-      this._trigger('itemfocus', { value: item.value, item: (_item$ItemSymbol4 = item[ItemSymbol$1]) !== null && _item$ItemSymbol4 !== void 0 ? _item$ItemSymbol4 : item, event: event });
-    } }, { key: "_delayBlur", value:
+      this._trigger('itemfocus', { value: item.value, item: (_item$ItemSymbol4 = item[ItemSymbol$1]) !== null && _item$ItemSymbol4 !== void 0 ? _item$ItemSymbol4 : item, event: event, el: focusItemEl });
+    } }, { key: "_delayBlurItemOnBlur", value:
 
-    function _delayBlur() {var _this10 = this;
+    function _delayBlurItemOnBlur() {var _this10 = this;
       if (this[DestroyedSymbol$1])
       return;
 
       var p = this._p;
 
+      if (!p.autoItemBlur)
+      return;
+
       clearTimeout(p.blurTimer);
 
       p.blurTimer = setTimeout(function () {
         if (_this10[DestroyedSymbol$1]) return;
         _this10.blurFocusedItem();
-      }, p.itemBlurDelay);
+      }, p.autoItemBlurDelay);
     } }, { key: "_move", value:
 
     function _move(direction, event) {
@@ -7930,7 +7952,11 @@ var DropList = /*#__PURE__*/function () {
           }
 
           // Fire event
-          this._trigger('groupcheck', { value: item.value, item: (_item$ItemSymbol5 = item[ItemSymbol$1]) !== null && _item$ItemSymbol5 !== void 0 ? _item$ItemSymbol5 : item, affectedItems: affectedItems });
+          this._trigger('groupcheck', {
+            value: item.value,
+            item: (_item$ItemSymbol5 = item[ItemSymbol$1]) !== null && _item$ItemSymbol5 !== void 0 ? _item$ItemSymbol5 : item,
+            affectedItems: affectedItems });
+
         } else if (p.groupCount > 0) {
           items = p.items;
           itemIndex = items.indexOf(item);