@danielgindi/selectbox 2.0.11 → 2.0.13

package/dist/lib.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 2.0.11
+ * @danielgindi/selectbox 2.0.13
  * git://github.com/danielgindi/selectbox.git
  */
 (function (global, factory) {
@@ -7550,7 +7550,14 @@
      * @returns {DropList}
      */
     setNoResultsText(noResultsText) {
-      this._p.noResultsText = noResultsText;
+      const p = this._p;
+
+      p.noResultsText = noResultsText;
+
+      if (p.hasNoResultsItem) {
+        p.virtualListHelper.refreshItemAt(0).render();
+      }
+
       return this;
     }
 
@@ -9907,6 +9914,8 @@
    * @property {function(items: DropList.ItemBase[], term: string):(DropList.ItemBase[]|null)} [filterFn]
    * @property {function(name: string, ...args)} [on]
    * @property {boolean} [isLoadingMode]
+   * @property {boolean} [closeListWhenLoading] whether we should close the list automatically when loading
+   * @property {string[]} [clearInputWhen=['single_close','multi_select_single']] clear input box when closing the droplist or selecting <code>['single_close', 'multi_close', 'multi_select_single']</code>
    * */
   const defaultOptions = {
     el: null,
@@ -9940,7 +9949,9 @@
     items: [],
     selectedValues: undefined,
     value: undefined,
-    isLoadingMode: false
+    isLoadingMode: false,
+    closeListWhenLoading: true,
+    clearInputWhen: ['single_close', 'multi_select_single']
   };
 
   /**
@@ -10046,6 +10057,8 @@
         mitt: mitt(),
 
         isLoadingMode: !!o.isLoadingMode,
+        closeListWhenLoading: !!o.closeListWhenLoading,
+        clearInputWhen: Array.isArray(o.clearInputWhen) ? o.clearInputWhen.slice(0) : [],
 
         items: [],
         itemsChanged: true,
@@ -11192,6 +11205,8 @@
 
       if (p.dropList.hasFocusedItem()) {
         p.dropList.setFocusedItemAtIndex(p.dropList.getFocusedItemIndex());
+      } else if (!p.multi && this.getValue() !== undefined) {
+        p.dropList.setFocusedItemByValue(this.getValue());
       }
 
       return this;
@@ -11257,9 +11272,9 @@
 
       p.isLoadingMode = isLoadingMode;
 
-      if (p.isLoadingMode && p.items.length === 0 && this.isListOpen()) {
+      if (p.isLoadingMode && p.closeListWhenLoading && p.items.length === 0 && this.isListOpen()) {
         this.closeList();
-      } else if (!p.isLoadingMode && document.activeElement && (
+      } else if (!p.isLoadingMode && p.closeListWhenLoading && document.activeElement && (
       (p.multi || p.searchable) && p.input.contains(document.activeElement) ||
       !p.multi && !p.searchable && p.el.contains(document.activeElement))) {
         this.openList();
@@ -11276,6 +11291,41 @@
       return this._p.isLoadingMode;
     }
 
+    /**
+     * Sets whether to close the list when loading mode is enabled
+     * @param {boolean} closeListWhenLoading
+     * @returns {SelectBox}
+     */
+    setCloseListWhenLoading(closeListWhenLoading) {
+      this._p.closeListWhenLoading = closeListWhenLoading;
+      return this;
+    }
+
+    /**
+     * @returns {boolean}
+     */
+    getCloseListWhenLoading() {
+      return this._p.closeListWhenLoading;
+    }
+
+    /**
+     * Sets when to clear the input field
+     * @param {string[]} clearInputWhen
+     * @returns {SelectBox}
+     */
+    setClearInputWhen(clearInputWhen) {
+      this._p.clearInputWhen = Array.isArray(clearInputWhen) ? clearInputWhen.slice(0) : [];
+      return this;
+    }
+
+    /**
+     * Retrieves the settings for when to clear the input field
+     * @returns {string[]}
+     */
+    getClearInputWhen() {
+      return this._p.clearInputWhen;
+    }
+
     /**
      * Sets the appropriate direction for the selectbox
      * @param {'ltr'|'rtl'|'auto'} direction
@@ -11649,8 +11699,12 @@
                 p.el.classList.add("".concat(p.baseClassName, "__closed_list"));
 
                 if (!p.multi) {
+                  if (p.clearInputWhen.includes('single_close'))
                   this._setInputText('');
                   this._scheduleSync('render_base');
+                } else {
+                  if (p.clearInputWhen.includes('multi_close'))
+                  this._setInputText('');
                 }
 
                 this._trigger('close');
@@ -11706,7 +11760,7 @@
 
                 if (p.showSelection) {
                   if (checked) {
-                    if (dropList.itemCount() === 1) {
+                    if (dropList.itemCount() === 1 && p.clearInputWhen.includes('multi_select_single')) {
                       this._setInputText('');
                     }
 
@@ -11976,8 +12030,6 @@
 
           p.filterTerm = p.input.value.trim();
           (_p$dropList9 = p.dropList) === null || _p$dropList9 === void 0 || _p$dropList9.setSearchTerm(p.filterTerm, true);
-
-          this._trigger('search', { value: p.input.value });
         }).
         add(p.input, 'click.dropdown', () => {
           if (p.disabled) return;