@danielgindi/selectbox 1.0.65 → 1.0.68

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.65
+ * @danielgindi/selectbox 1.0.68
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -8820,7 +8820,7 @@ var checkCorrectnessOfIteration = checkCorrectnessOfIteration$2;
 var setToStringTag = setToStringTag$4;
 var inheritIfRequired = inheritIfRequired$2;
 
-var collection$1 = function (CONSTRUCTOR_NAME, wrapper, common) {
+var collection$2 = function (CONSTRUCTOR_NAME, wrapper, common) {
   var IS_MAP = CONSTRUCTOR_NAME.indexOf('Map') !== -1;
   var IS_WEAK = CONSTRUCTOR_NAME.indexOf('Weak') !== -1;
   var ADDER = IS_MAP ? 'set' : 'add';
@@ -8933,7 +8933,7 @@ var InternalStateModule = internalState;
 var setInternalState = InternalStateModule.set;
 var internalStateGetterFor = InternalStateModule.getterFor;
 
-var collectionStrong$1 = {
+var collectionStrong$2 = {
   getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
     var Constructor = wrapper(function (that, iterable) {
       anInstance(that, Prototype);
@@ -9123,14 +9123,14 @@ var collectionStrong$1 = {
 };
 
 'use strict';
-var collection = collection$1;
-var collectionStrong = collectionStrong$1;
+var collection$1 = collection$2;
+var collectionStrong$1 = collectionStrong$2;
 
 // `Set` constructor
 // https://tc39.es/ecma262/#sec-set-objects
-collection('Set', function (init) {
+collection$1('Set', function (init) {
   return function Set() { return init(this, arguments.length ? arguments[0] : undefined); };
-}, collectionStrong);
+}, collectionStrong$1);
 
 var web_domCollections_iterator = {};
 
@@ -9370,6 +9370,20 @@ $$2({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
   }
 });
 
+var es_map = {};
+
+var es_map_constructor = {};
+
+'use strict';
+var collection = collection$2;
+var collectionStrong = collectionStrong$2;
+
+// `Map` constructor
+// https://tc39.es/ecma262/#sec-map-objects
+collection('Map', function (init) {
+  return function Map() { return init(this, arguments.length ? arguments[0] : undefined); };
+}, collectionStrong);
+
 var es_array_findIndex = {};
 
 'use strict';
@@ -9935,6 +9949,7 @@ var SelectBox = /*#__PURE__*/function () {
     }
 
     this.setItems(o.items);
+    delete o.items; // we do not need this in memory anymore
 
     if (o.multi && Array.isArray(o.selectedValues)) {
       this.setSelectedValues(o.selectedValues);
@@ -10086,6 +10101,8 @@ var SelectBox = /*#__PURE__*/function () {
       p.filteredItems = null;
       p.itemsChanged = true;
 
+      this._updateItemByValueMap();
+
       if (resetValues) {
         this.setSelectedValues(this.getSelectedValues());
       }
@@ -10115,9 +10132,9 @@ var SelectBox = /*#__PURE__*/function () {
     } }, { key: "updateItemByValue", value:
 
     function updateItemByValue(value, newItem) {
-      var p = this._p,valueProp = p.valueProp;
+      var p = this._p;
 
-      var existingItem = p.items.find(function (x) {return x[valueProp] === value;});
+      var existingItem = p.itemByValueMap.get(value);
       if (existingItem)
       Object.assign(existingItem, newItem);
 
@@ -10639,11 +10656,17 @@ var SelectBox = /*#__PURE__*/function () {
      */ }, { key: "setValueProp", value:
     function setValueProp(prop) {
       var p = this._p;
+
+      if (p.valueProp === prop)
+      return this;
+
       p.valueProp = prop;
 
       if (p.dropList)
       p.dropList.setValueProp(prop);
 
+      this._updateItemByValueMap();
+
       return this;
     }
 
@@ -10788,19 +10811,19 @@ var SelectBox = /*#__PURE__*/function () {
       var selectedValues = [];
       var selectedItems = [];var _iterator2 = _createForOfIteratorHelper(
 
-      values),_step2;try {var _loop = function _loop() {var value = _step2.value;
+      values),_step2;try {for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {var value = _step2.value;
           if (set.has(value))
-          return "continue";
+          continue;
           set.add(value);
 
           selectedValues.push(value);
 
-          var item = p.items.find(function (x) {return x[valueProp] === value;});
+          var item = p.itemByValueMap.get(value);
           if (item !== undefined) {
             selectedItems.push(item);
           } else {
             selectedItems.push(_defineProperty({}, p.valueProp, value));
-          }};for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {var _ret = _loop();if (_ret === "continue") continue;
+          }
         }} catch (err) {_iterator2.e(err);} finally {_iterator2.f();}
 
       p.selectedValues = selectedValues;
@@ -11016,6 +11039,21 @@ var SelectBox = /*#__PURE__*/function () {
       return this;
     }
 
+    /**
+     * Prepare the mapping between values and items.
+     * This reduces search time greatly (i.e when checking items), especially when Vue proxies are in place.
+     * @private
+     */ }, { key: "_updateItemByValueMap", value:
+    function _updateItemByValueMap() {
+      var p = this._p;
+
+      var itemByValueMap = p.itemByValueMap = new Map();
+      var valueProp = p.valueProp;var _iterator3 = _createForOfIteratorHelper(
+      p.items),_step3;try {for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {var item = _step3.value;
+          itemByValueMap.set(item[valueProp], item);
+        }} catch (err) {_iterator3.e(err);} finally {_iterator3.f();}
+    }
+
     /** @private */ }, { key: "_renderBase", value:
     function _renderBase() {var _this4 = this;
       var p = this._p;
@@ -11926,9 +11964,9 @@ var SelectBox = /*#__PURE__*/function () {
       var p = this._p;
 
       if (this[DestroyedSymbol])
-      return;var _iterator3 = _createForOfIteratorHelper(
+      return;var _iterator4 = _createForOfIteratorHelper(
 
-      queue),_step3;try {for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {var op = _step3.value;
+      queue),_step4;try {for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {var op = _step4.value;
           switch (op.mode) {
             case 'full':
               this._syncFull(true);
@@ -11993,7 +12031,7 @@ var SelectBox = /*#__PURE__*/function () {
               this._syncFull(false);
               break;}
 
-        }} catch (err) {_iterator3.e(err);} finally {_iterator3.f();}
+        }} catch (err) {_iterator4.e(err);} finally {_iterator4.f();}
     } }, { key: "_cleanupSingleWrapper", value:
 
     function _cleanupSingleWrapper() {
@@ -12086,15 +12124,18 @@ var SelectBox = /*#__PURE__*/function () {
 
     /**
      * @param {DropList.ItemBase} item
+     * @returns {boolean} true if rendered, false if not
      * @private
      */ }, { key: "_addMultiItemElement", value:
     function _addMultiItemElement(item) {
       var p = this._p;
       var itemEl = this._renderMultiItem(item);
-      if (!itemEl) return;
+      if (!itemEl) return false;
 
       DomCompat.before(p.inputWrapper, itemEl);
       p.multiItemEls.push(itemEl);
+
+      return true;
     }
 
     /** @private */ }, { key: "_addMultiItemRestElement", value:
@@ -12116,10 +12157,13 @@ var SelectBox = /*#__PURE__*/function () {
 
     /** @private */ }, { key: "_syncClearButton", value:
     function _syncClearButton() {var _this9 = this;
-      var p = this._p;
+      var p = this._p,
+      multiItemLabelProp = p.multiItemLabelProp;
 
       // Set clear button
-      if (p.selectedItems.length > 0 && p.clearable && p.showSelection) {
+      if (p.selectedItems.length > 0 &&
+      p.selectedItems.some(function (x) {return x[multiItemLabelProp] !== false;}) &&
+      p.clearable && p.showSelection) {
         if (!p.clearButtonWrapper) {
           p.clearButtonWrapper = Dom.createElement(
           p.multi ? 'li' : 'span',
@@ -12149,7 +12193,8 @@ var SelectBox = /*#__PURE__*/function () {
 
     /** @private */ }, { key: "_syncPlaceholder", value:
     function _syncPlaceholder() {
-      var p = this._p;
+      var p = this._p,
+      multiItemLabelProp = p.multiItemLabelProp;
 
       var placeholder = '';
 
@@ -12159,7 +12204,9 @@ var SelectBox = /*#__PURE__*/function () {
         } else {
           placeholder = defaultMultiPlaceholderFormatter(p.selectedItems, p.labelProp);
         }
-      } else if (p.selectedItems.length === 0 || !p.showSelection) {
+      } else if (p.selectedItems.length === 0 ||
+      !p.showSelection ||
+      p.selectedItems.every(function (x) {return x[multiItemLabelProp] === false;})) {
         placeholder = p.placeholder == null ? '' : p.placeholder + '';
       }
 
@@ -12188,13 +12235,16 @@ var SelectBox = /*#__PURE__*/function () {
      * @returns {SelectBox}
      */ }, { key: "_syncFull", value:
     function _syncFull(fullItemsRender) {
-      var p = this._p;
+      var p = this._p,
+      multiItemLabelProp = p.multiItemLabelProp;
 
       this._renderBase();
       this._syncClearButton();
       this._syncPlaceholder();
 
-      fullItemsRender = p.multi && p.showSelection && (fullItemsRender || p.selectedItems.length !== p.multiItemEls.length);
+      fullItemsRender = p.multi &&
+      p.showSelection && (
+      fullItemsRender || p.selectedItems.filter(function (x) {return x[multiItemLabelProp] !== false;}).length !== p.multiItemEls.length);
 
       if (fullItemsRender || !p.showSelection || !p.multi) {
         // Remove all item elements
@@ -12212,7 +12262,7 @@ var SelectBox = /*#__PURE__*/function () {
           // Sort these
           if (p.sortSelectedItems) {
             var labelProp = p.labelProp,
-            multiItemLabelProp = p.multiItemLabelProp,
+            _multiItemLabelProp = p.multiItemLabelProp,
             valueProp = p.valueProp,
             stickyValues = p.stickyValues;
 
@@ -12224,8 +12274,8 @@ var SelectBox = /*#__PURE__*/function () {
                 if (!sa && sb) return 1;
               }
 
-              var aLabel = a[multiItemLabelProp] || a[labelProp];
-              var bLabel = b[multiItemLabelProp] || b[labelProp];
+              var aLabel = a[_multiItemLabelProp] || a[labelProp];
+              var bLabel = b[_multiItemLabelProp] || b[labelProp];
               return aLabel < bLabel ? -1 : aLabel > bLabel ? 1 : 0;
             };
 
@@ -12247,8 +12297,9 @@ var SelectBox = /*#__PURE__*/function () {
               break;
             }
 
-            actualItemCount++;
-            this._addMultiItemElement(items[i]);
+            if (this._addMultiItemElement(items[i])) {
+              actualItemCount++;
+            }
           }
 
           if (addRestItem) {
@@ -12355,19 +12406,19 @@ var SelectBox = /*#__PURE__*/function () {
         if (value === RestMultiItemsSymbol) {
           var items = (p.treatGroupSelectionAsItems ? p.selectedItems : p.selectedItems.filter(function (x) {return !x._group;})).
           slice(p.maxMultiItems);
-          var itemsToRemove = [];var _iterator4 = _createForOfIteratorHelper(
+          var itemsToRemove = [];var _iterator5 = _createForOfIteratorHelper(
 
-          items),_step4;try {for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {var _item3 = _step4.value;
+          items),_step5;try {for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {var _item3 = _step5.value;
               var removeselEvt = { value: value, item: _item3, cancel: false };
               this._trigger('removesel:before', removeselEvt);
               if (!removeselEvt.cancel)
               itemsToRemove.push(_item3);
-            }} catch (err) {_iterator4.e(err);} finally {_iterator4.f();}
+            }} catch (err) {_iterator5.e(err);} finally {_iterator5.f();}
 
           if (itemsToRemove.length > 0) {
-            this._removeMultiItemElementByIndex(p.multiItemEls.length - 1);var _iterator5 = _createForOfIteratorHelper(
+            this._removeMultiItemElementByIndex(p.multiItemEls.length - 1);var _iterator6 = _createForOfIteratorHelper(
 
-            itemsToRemove),_step5;try {for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {var _item2 = _step5.value;
+            itemsToRemove),_step6;try {for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {var _item2 = _step6.value;
                 // sync selection
                 var idx = p.selectedItems.indexOf(_item2);
                 if (idx === -1)
@@ -12378,7 +12429,7 @@ var SelectBox = /*#__PURE__*/function () {
                   p.selectionChanged = true;
                   p.resortBySelectionNeeded = true;
                 }
-              }} catch (err) {_iterator5.e(err);} finally {_iterator5.f();}
+              }} catch (err) {_iterator6.e(err);} finally {_iterator6.f();}
           }
 
           if (items.length > itemsToRemove.length) {
@@ -12777,6 +12828,11 @@ var SelectBox = /*#__PURE__*/function () {
         stickyGroup = groups[0].filter(function (x) {return stickyValues.has(x[valueProp]);});
         if (stickyGroup.length > 0) {
           groups[0] = groups[0].filter(function (x) {return !stickyValues.has(x[valueProp]);});
+
+          if (groups[0].length === 0)
+          groups.shift();
+        } else {
+          stickyGroup = null;
         }
       }
 
@@ -12801,7 +12857,7 @@ var SelectBox = /*#__PURE__*/function () {
         });
       }
 
-      if (stickyGroup && stickyGroup.length > 0) {
+      if (stickyGroup) {
         groups.unshift(stickyGroup);
       }