@danielgindi/selectbox 1.0.67 → 1.0.68

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.67
+ * @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() {
@@ -12368,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)
@@ -12391,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) {