@danielgindi/selectbox 2.0.37 → 2.0.39

package/dist/lib.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 2.0.37
+ * @danielgindi/selectbox 2.0.39
  * git://github.com/danielgindi/selectbox.git
  */
 (function (global, factory) {
@@ -8962,14 +8962,14 @@
 
             // Inline search box not available, then support typing to focus by first letters
             if (!p.searchable)
-            this._keydownFreeType(event);
+            this._keydownFreeType(event, !this.isVisible());
 
             preventDefault = false;
           }
       }
     }
 
-    _keydownFreeType(evt) {var _p$filteredItems13;
+    _keydownFreeType(evt, autoSelect) {var _p$filteredItems13;
       const p = this._p;
 
       // noinspection JSDeprecatedSymbols
@@ -9028,6 +9028,10 @@
         let next = p.virtualListHelper.getItemElementAt(matchIndex);
         this._focus(evt, next || null, matchIndex, true);
 
+        if (autoSelect) {
+          this.triggerItemSelection(next ? null : items[matchIndex], evt);
+        }
+
         // Record the last filter used
         p.previousFilter = keyword;
 
@@ -9903,6 +9907,7 @@
    * @property {function(item: DropList.ItemBase, itemEl: Element):(*|false)} [renderRestMultiItem]
    * @property {function(item: DropList.ItemBase, itemEl: Element)} [unrenderRestMultiItem]
    * @property {boolean} [searchable=false] is it searchable?
+   * @property {boolean} [allowTypeToSelect=true] default behavior of type to select (focus first item starting with the search term) when searchable is true
    * @property {string} [noResultsText='No matching results'] text for no results (empty for none)
    * @property {boolean} [autoSelectTextOnCheck=true] automatically select text in input when an item is checked (multi mode). Used to allow the user to quickly type multiple items.
    * @property {number} [filterThrottleWindow=300] throttle time (milliseconds) for filtering
@@ -10033,6 +10038,7 @@
         showPlaceholderInTooltip: o.showPlaceholderInTooltip,
         multiPlaceholderFormatter: o.multiPlaceholderFormatter,
         searchable: o.searchable,
+        allowTypeToSelect: o.allowTypeToSelect,
         noResultsText: o.noResultsText,
         autoSelectTextOnCheck: o.autoSelectTextOnCheck,
 
@@ -10815,6 +10821,20 @@
       return this;
     }
 
+    /**
+     * @param {boolean} allowTypeToSelect
+     * @returns {SelectBox}
+     */
+    setAllowTypeToSelect(allowTypeToSelect) {
+      const p = this._p;
+      allowTypeToSelect = !!allowTypeToSelect;
+      if (p.allowTypeToSelect === allowTypeToSelect)
+      return this;
+
+      p.allowTypeToSelect = allowTypeToSelect;
+      return this;
+    }
+
     /**
      * @returns {boolean}
      */
@@ -12014,11 +12034,17 @@
             break;
 
           default:
-            if (!dropList.isVisible()) {
+            if (dropList.isVisible()) {
+              dropList._keydownFreeType(evt, false);
+            } else if (p.allowTypeToSelect) {
+              dropList._keydownFreeType(evt, true);
+            } else {
               this.openList();
+              setTimeout(() => {
+                if (this[DestroyedSymbol]) return; // destroyed by event handler
+                dropList._keydownFreeType(evt, false);
+              });
             }
-
-            dropList._keydownFreeType(evt);
             break;
         }