@danielgindi/selectbox 1.0.69 → 1.0.72

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.69
+ * @danielgindi/selectbox 1.0.72
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -9681,6 +9681,7 @@ var inputBackbufferCssProps = [
  * @property {boolean|'touch'} [blurOnSingleSelection='touch']
  * @property {boolean} [multi=false] can multiple values be selected?
  * @property {boolean} [showSelection=true] show selection? if false, the placeholder will take effect
+ * @property {boolean} [showPlaceholderInTooltip=false] show placeholder in title attribute
  * @property {function(items: DropList.ItemBase[]):string} [multiPlaceholderFormatter] formatter for placeholder for multi items mode
  * @property {boolean} [searchable=false] is it searchable?
  * @property {string} [noResultsText='No matching results'] text for no results (empty for none)
@@ -9724,6 +9725,7 @@ var defaultOptions = {
   blurOnSingleSelection: 'touch',
   multi: false,
   showSelection: true,
+  showPlaceholderInTooltip: false,
   multiPlaceholderFormatter: null,
   searchable: true,
   noResultsText: 'No matching results',
@@ -9814,6 +9816,7 @@ var SelectBox = /*#__PURE__*/function () {
       blurOnSingleSelection: o.blurOnSingleSelection,
       multi: o.multi,
       showSelection: o.showSelection,
+      showPlaceholderInTooltip: o.showPlaceholderInTooltip,
       multiPlaceholderFormatter: o.multiPlaceholderFormatter,
       searchable: o.searchable,
       noResultsText: o.noResultsText,
@@ -10246,6 +10249,16 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.input)
       return p.input.value;
       return '';
+    } }, { key: "invokeRefilter", value:
+
+    function invokeRefilter() {
+      var p = this._p;
+      if (!p.filterTerm && !p.filterOnEmptyTerm)
+      return this;
+      p.filteredItems = null;
+      p.itemsChanged = true;
+      p.throttledUpdateListItems();
+      return this;
     }
 
     /**
@@ -10415,7 +10428,7 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.showSelection === showSelection)
       return this;
 
-      this._p.showSelection = showSelection;
+      p.showSelection = showSelection;
       this._scheduleSync('full');
       return this;
     }
@@ -10427,6 +10440,28 @@ var SelectBox = /*#__PURE__*/function () {
       return this._p.showSelection;
     }
 
+    /**
+     * @param {boolean} showPlaceholderInTooltip
+     * @returns {SelectBox}
+     */ }, { key: "setShowPlaceholderInTooltip", value:
+    function setShowPlaceholderInTooltip(showPlaceholderInTooltip) {
+      var p = this._p;
+      showPlaceholderInTooltip = !!showPlaceholderInTooltip;
+      if (p.showPlaceholderInTooltip === showPlaceholderInTooltip)
+      return this;
+
+      p.showPlaceholderInTooltip = showPlaceholderInTooltip;
+      this._scheduleSync('full');
+      return this;
+    }
+
+    /**
+     * @returns {boolean}
+     */ }, { key: "isShowPlaceholderInTooltipEnabled", value:
+    function isShowPlaceholderInTooltipEnabled() {
+      return this._p.showPlaceholderInTooltip;
+    }
+
     /**
      * @param {function(items: DropList.ItemBase[]):string} formatter
      * @returns {SelectBox}
@@ -10437,7 +10472,7 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.multiPlaceholderFormatter === formatter)
       return this;
 
-      this._p.multiPlaceholderFormatter = formatter;
+      p.multiPlaceholderFormatter = formatter;
       this._scheduleSync('full');
       return this;
     }
@@ -10451,7 +10486,7 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.blurOnSingleSelection === value)
       return this;
 
-      this._p.blurOnSingleSelection = value;
+      p.blurOnSingleSelection = value;
       return this;
     }
 
@@ -10566,7 +10601,10 @@ var SelectBox = /*#__PURE__*/function () {
      */ }, { key: "setFilterOnEmptyTerm", value:
     function setFilterOnEmptyTerm(value) {
       var p = this._p;
+      if (p.filterOnEmptyTerm === value)
+      return this;
       p.filterOnEmptyTerm = value;
+      p.throttledUpdateListItems();
       return this;
     }
 
@@ -10706,7 +10744,10 @@ var SelectBox = /*#__PURE__*/function () {
      */ }, { key: "setFilterFn", value:
     function setFilterFn(fn) {
       var p = this._p;
+      if (p.filterFn === fn)
+      return this;
       p.filterFn = fn;
+      p.throttledUpdateListItems();
       return this;
     }
 
@@ -10822,7 +10863,7 @@ var SelectBox = /*#__PURE__*/function () {
           if (item !== undefined) {
             selectedItems.push(item);
           } else {
-            selectedItems.push(_defineProperty({}, p.valueProp, value));
+            selectedItems.push(_defineProperty({}, valueProp, value));
           }
         }} catch (err) {_iterator2.e(err);} finally {_iterator2.f();}
 
@@ -10831,7 +10872,6 @@ var SelectBox = /*#__PURE__*/function () {
       p.selectionChanged = true;
       p.resortBySelectionNeeded = true;
 
-      this._updateListItems();
       this._scheduleSync('full');
 
       return this;
@@ -11847,8 +11887,9 @@ var SelectBox = /*#__PURE__*/function () {
       if (hasRefocusedItem) {
         p.dropList.setFocusedItemAtIndex(p.dropList.getFocusedItemIndex());
       }
-    } }, { key: "_refilterItems", value:
+    }
 
+    /** @private */ }, { key: "_refilterItems", value:
     function _refilterItems() {
       var p = this._p;
 
@@ -11917,8 +11958,9 @@ var SelectBox = /*#__PURE__*/function () {
       this._trigger('itemschanged', { term: term, mutated: false, count: this.getFilteredItemCount() });
 
       p.itemsChanged = true;
-    } }, { key: "_setSelectedItems", value:
+    }
 
+    /** @private */ }, { key: "_setSelectedItems", value:
     function _setSelectedItems(items) {
       var p = this._p,valueProp = p.valueProp;
 
@@ -11935,8 +11977,9 @@ var SelectBox = /*#__PURE__*/function () {
 
       this._updateListItems();
       this._scheduleSync('full');
-    } }, { key: "_scheduleSync", value:
+    }
 
+    /** @private */ }, { key: "_scheduleSync", value:
     function _scheduleSync(mode, data) {var _this7 = this;
       var p = this._p;
 
@@ -11958,8 +12001,9 @@ var SelectBox = /*#__PURE__*/function () {
         delete p.syncQueue;
         _this7._performSync(queue);
       });
-    } }, { key: "_performSync", value:
+    }
 
+    /** @private */ }, { key: "_performSync", value:
     function _performSync(queue) {var _this8 = this;
       var p = this._p;
 
@@ -12032,8 +12076,9 @@ var SelectBox = /*#__PURE__*/function () {
               break;}
 
         }} catch (err) {_iterator4.e(err);} finally {_iterator4.f();}
-    } }, { key: "_cleanupSingleWrapper", value:
+    }
 
+    /** @private */ }, { key: "_cleanupSingleWrapper", value:
     function _cleanupSingleWrapper() {
       var p = this._p;
 
@@ -12212,6 +12257,12 @@ var SelectBox = /*#__PURE__*/function () {
 
       // Set input placeholder
       p.input.setAttribute('placeholder', placeholder);
+
+      if (p.showPlaceholderInTooltip) {
+        p.input.setAttribute('title', placeholder);
+      } else {
+        p.input.removeAttribute('title');
+      }
     }
 
     /** @private */ }, { key: "_syncSingleItem", value:
@@ -12325,7 +12376,10 @@ var SelectBox = /*#__PURE__*/function () {
       }
 
       // Update input size
-      this._resizeInput()._updateListItems();
+      this._resizeInput();
+
+      // Update list items
+      this._updateListItems();
 
       return this;
     }