@danielgindi/selectbox 1.0.63 → 1.0.66

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.63
+ * @danielgindi/selectbox 1.0.66
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -8271,17 +8271,17 @@ var DropList = /*#__PURE__*/function () {
     function _updateGroupStateForItem(item) {
       var p = this._p;
 
-      if (p.multi && p.autoCheckGroupChildren) {
-
-        var items, groupIndex, itemIndex;
+      if (!p.multi)
+      return this;
 
-        if (item._group) {var _item$ItemSymbol5;
-          // Now loop through children below the group
+      if (item._group) {var _item$ItemSymbol5;
+        // Now loop through children below the group
 
-          items = p.items;
-          groupIndex = items.indexOf(item);
+        var affectedItems = 0;
 
-          var affectedItems = 0;
+        if (p.autoCheckGroupChildren) {
+          var items = p.items;
+          var groupIndex = items.indexOf(item);
 
           for (var i = groupIndex + 1, len = items.length; i < len; i++) {var _next$ItemSymbol;
             var next = items[i];
@@ -8314,29 +8314,29 @@ var DropList = /*#__PURE__*/function () {
               isCheckingGroup: true });
 
           }
+        }
 
-          // Fire event
-          this._trigger('groupcheck', {
-            value: item.value,
-            item: (_item$ItemSymbol5 = item[ItemSymbol$1]) !== null && _item$ItemSymbol5 !== void 0 ? _item$ItemSymbol5 : item,
-            affectedItems: affectedItems });
-
-        } else if (p.groupCount > 0) {
-          items = p.items;
-          itemIndex = items.indexOf(item);
-          groupIndex = -1;
-
-          // Find the group index
-          for (var _i8 = itemIndex - 1; _i8 >= 0; _i8--) {
-            if (items[_i8]._group) {
-              groupIndex = _i8;
-              break;
-            }
+        // Fire event
+        this._trigger('groupcheck', {
+          value: item.value,
+          item: (_item$ItemSymbol5 = item[ItemSymbol$1]) !== null && _item$ItemSymbol5 !== void 0 ? _item$ItemSymbol5 : item,
+          affectedItems: affectedItems });
+
+      } else if (p.groupCount > 0 && p.autoCheckGroupChildren) {
+        var _items = p.items;
+        var itemIndex = _items.indexOf(item);
+        var _groupIndex = -1;
+
+        // Find the group index
+        for (var _i8 = itemIndex - 1; _i8 >= 0; _i8--) {
+          if (_items[_i8]._group) {
+            _groupIndex = _i8;
+            break;
           }
+        }
 
-          if (groupIndex > -1) {
-            this._updateGroupCheckedState(groupIndex, true);
-          }
+        if (_groupIndex > -1) {
+          this._updateGroupCheckedState(_groupIndex, true);
         }
       }
 
@@ -8346,50 +8346,50 @@ var DropList = /*#__PURE__*/function () {
     function _updateGroupCheckedState(groupIndex, fireEvents) {
       var p = this._p;
 
-      if (p.multi && p.autoCheckGroupChildren && groupIndex > -1) {
+      if (!(p.multi && p.autoCheckGroupChildren && groupIndex > -1))
+      return this;
+
+      var items = p.items;
+      var groupItem = items[groupIndex];
 
-        var items = p.items;
-        var groupItem = items[groupIndex];
-        if (!groupItem || !groupItem._group) return this;
+      if (!groupItem || !groupItem._group) return this;
 
-        var item,hasChecked = false,hasUnchecked = false;
+      var item,hasChecked = false,hasUnchecked = false;
 
-        for (var i = groupIndex + 1, len = items.length; i < len; i++) {
-          item = items[i];
+      for (var i = groupIndex + 1, len = items.length; i < len; i++) {
+        item = items[i];
 
-          // Hit the next group, break out
-          if (item._group || !item._child && items[i - 1]._child)
-          break;
+        // Hit the next group, break out
+        if (item._group || !item._child && items[i - 1]._child)
+        break;
 
-          if (item._checked) {
-            hasChecked = true;
-          } else if (!item._checked) {
-            hasUnchecked = true;
-          }
+        if (item._checked) {
+          hasChecked = true;
+        } else if (!item._checked) {
+          hasUnchecked = true;
         }
+      }
 
-        // See if we need to update the group
-        var shouldCheckGroup = hasChecked && !hasUnchecked;
-        if (!!groupItem._checked !== shouldCheckGroup) {
-          // Update state
-          groupItem._checked = shouldCheckGroup;
+      var shouldCheckGroup = hasChecked && !hasUnchecked;
+      if (!!groupItem._checked !== shouldCheckGroup) {
+        // Update state
+        groupItem._checked = shouldCheckGroup;
 
-          // Update DOM
-          var nextEl = p.virtualListHelper.getItemElementAt(groupIndex);
-          if (nextEl) {
-            DomCompat.toggleClass(nextEl, "".concat(p.baseClassName, "__item_checked"), groupItem._checked);
-          }
+        // Update DOM
+        var nextEl = p.virtualListHelper.getItemElementAt(groupIndex);
+        if (nextEl) {
+          DomCompat.toggleClass(nextEl, "".concat(p.baseClassName, "__item_checked"), groupItem._checked);
+        }
 
-          if (fireEvents) {var _groupItem$ItemSymbol;
-            // Fire event
-            this._trigger('check', {
-              value: groupItem.value,
-              item: (_groupItem$ItemSymbol = groupItem[ItemSymbol$1]) !== null && _groupItem$ItemSymbol !== void 0 ? _groupItem$ItemSymbol : groupItem,
-              checked: groupItem._checked,
-              isGroup: groupItem._group,
-              isCheckingGroup: false });
+        if (fireEvents) {var _groupItem$ItemSymbol;
+          // Fire event
+          this._trigger('check', {
+            value: groupItem.value,
+            item: (_groupItem$ItemSymbol = groupItem[ItemSymbol$1]) !== null && _groupItem$ItemSymbol !== void 0 ? _groupItem$ItemSymbol : groupItem,
+            checked: groupItem._checked,
+            isGroup: groupItem._group,
+            isCheckingGroup: false });
 
-          }
         }
       }
 
@@ -9660,6 +9660,7 @@ var inputBackbufferCssProps = [
  * @property {boolean} [sortSelectedItems=true] Should the selected items be sorted?
  * @property {boolean} [sortListItems=false] Sort list items
  * @property {boolean} [sortListCheckedFirst=true] When sorting - put checked items first (applicable to `multi` mode only)
+ * @property {boolean} [treatGroupSelectionAsItems=false] Treat group items as normal items
  * @property {*[]} [stickyValues]
  * @property {function(a: DropList.ItemBase, b: DropList.ItemBase):number} [sortItemComparator]
  * @property {boolean} [splitListCheckedGroups=true] Split groups to "checked" and "unchecked", works with `sortCheckedFirst` only
@@ -9705,6 +9706,7 @@ var defaultOptions = {
   stickyValues: null,
   sortItemComparator: null,
   splitListCheckedGroups: true,
+  treatGroupSelectionAsItems: false,
   blurOnSingleSelection: 'touch',
   multi: false,
   showSelection: true,
@@ -9794,6 +9796,7 @@ var SelectBox = /*#__PURE__*/function () {
       stickyValues: Array.isArray(o.stickyValues) ? new Set(o.stickyValues) : null,
       sortItemComparator: o.sortItemComparator,
       splitListCheckedGroups: !!o.splitListCheckedGroups,
+      treatGroupSelectionAsItems: o.treatGroupSelectionAsItems,
       blurOnSingleSelection: o.blurOnSingleSelection,
       multi: o.multi,
       showSelection: o.showSelection,
@@ -10339,6 +10342,29 @@ var SelectBox = /*#__PURE__*/function () {
       return this._p.sortItemComparator;
     }
 
+    /**
+     * @param {boolean} treatGroupSelectionAsItems
+     * @returns {SelectBox}
+     */ }, { key: "setTreatGroupSelectionAsItems", value:
+    function setTreatGroupSelectionAsItems(treatGroupSelectionAsItems) {
+      var p = this._p;
+      treatGroupSelectionAsItems = !!treatGroupSelectionAsItems;
+      if (p.treatGroupSelectionAsItems === treatGroupSelectionAsItems)
+      return this;
+
+      p.treatGroupSelectionAsItems = treatGroupSelectionAsItems;
+      p.itemsChanged = true;
+      this._scheduleSync();
+      return this;
+    }
+
+    /**
+     * @returns {boolean}
+     */ }, { key: "isTreatGroupSelectionAsItemsEnabled", value:
+    function isTreatGroupSelectionAsItemsEnabled() {
+      return !this._p.treatGroupSelectionAsItems;
+    }
+
     /**
      * @param {boolean} splitListCheckedGroups
      * @returns {SelectBox}
@@ -11290,7 +11316,7 @@ var SelectBox = /*#__PURE__*/function () {
                 var value = event.value;
 
                 var checked = event.checked;
-                if (event.isGroup) return; // Ignore groups
+                if (event.isGroup && !p.treatGroupSelectionAsItems) return; // Ignore groups
 
                 var selEvt = { value: value, item: item, cancel: false };
                 _this5._trigger((checked ? 'addsel' : 'removesel') + ':before', selEvt);
@@ -11326,7 +11352,7 @@ var SelectBox = /*#__PURE__*/function () {
                       _this5._scheduleSync('full');
                     } else {
                       if (p.maxMultiItems != null &&
-                      p.selectedItems.filter(function (x) {return !x._group;}).length > p.maxMultiItems) {
+                      (p.treatGroupSelectionAsItems ? p.selectedItems : p.selectedItems.filter(function (x) {return !x._group;})).length > p.maxMultiItems) {
                         _this5._scheduleSync('addOrUpdateMultiItemRestElement');
                       } else {
                         _this5._scheduleSync('addMultiItemElement', item);
@@ -11337,7 +11363,7 @@ var SelectBox = /*#__PURE__*/function () {
                     }
                   } else {
                     if (p.maxMultiItems != null &&
-                    p.selectedItems.filter(function (x) {return !x._group;}).length === p.maxMultiItems) {
+                    (p.treatGroupSelectionAsItems ? p.selectedItems : p.selectedItems.filter(function (x) {return !x._group;})).length === p.maxMultiItems) {
                       _this5._scheduleSync('removeMultiItemRestElement');
                     } else {
                       _this5._scheduleSync('removeMultiItemElement', item);
@@ -11789,6 +11815,7 @@ var SelectBox = /*#__PURE__*/function () {
       var p = this._p;
 
       var term = p.filterTerm;
+      var treatGroupSelectionAsItems = p.treatGroupSelectionAsItems;
 
       if (term || p.filterOnEmptyTerm && p.filterFn) {
         var fn = p.filterFn;
@@ -11807,7 +11834,7 @@ var SelectBox = /*#__PURE__*/function () {
             multiItemLabelProp = p.multiItemLabelProp;
 
             filteredItems = p.items.filter(function (x) {
-              if (x._group) return true;
+              if (!treatGroupSelectionAsItems && x._group) return true;
               return matcher.test(x[labelProp] || x[multiItemLabelProp]);
             });
           } else {
@@ -11817,7 +11844,7 @@ var SelectBox = /*#__PURE__*/function () {
 
         p.filteredItems = filteredItems;
 
-        if (filteredItems) {
+        if (filteredItems && !treatGroupSelectionAsItems) {
           // Clean up groups without children
 
           var lastGroup = -1;
@@ -12059,15 +12086,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:
@@ -12075,7 +12105,7 @@ var SelectBox = /*#__PURE__*/function () {
       var p = this._p;
 
       var items = p.selectedItems.slice(0);
-      var count = items.filter(function (x) {return !x._group;}).length - p.maxMultiItems;
+      var count = (p.treatGroupSelectionAsItems ? items : items.filter(function (x) {return !x._group;})).length - p.maxMultiItems;
       var label = p.multiItemsRestLabelProvider ?
       p.multiItemsRestLabelProvider(count, items) : "+ ".concat(
       count);
@@ -12089,10 +12119,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',
@@ -12122,7 +12155,8 @@ var SelectBox = /*#__PURE__*/function () {
 
     /** @private */ }, { key: "_syncPlaceholder", value:
     function _syncPlaceholder() {
-      var p = this._p;
+      var p = this._p,
+      multiItemLabelProp = p.multiItemLabelProp;
 
       var placeholder = '';
 
@@ -12132,7 +12166,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 + '';
       }
 
@@ -12161,13 +12197,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
@@ -12180,11 +12219,12 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.multi) {
         if (fullItemsRender) {
           var items = p.selectedItems;
+          var treatGroupSelectionAsItems = p.treatGroupSelectionAsItems;
 
           // Sort these
           if (p.sortSelectedItems) {
             var labelProp = p.labelProp,
-            multiItemLabelProp = p.multiItemLabelProp,
+            _multiItemLabelProp = p.multiItemLabelProp,
             valueProp = p.valueProp,
             stickyValues = p.stickyValues;
 
@@ -12196,8 +12236,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;
             };
 
@@ -12212,15 +12252,16 @@ var SelectBox = /*#__PURE__*/function () {
 
           // Add item elements
           for (var i = 0; i < items.length; i++) {
-            if (items[i]._group) continue;
+            if (!treatGroupSelectionAsItems && items[i]._group) continue;
 
             if (max != null && actualItemCount === max) {
               addRestItem = true;
               break;
             }
 
-            actualItemCount++;
-            this._addMultiItemElement(items[i]);
+            if (this._addMultiItemElement(items[i])) {
+              actualItemCount++;
+            }
           }
 
           if (addRestItem) {
@@ -12325,7 +12366,8 @@ var SelectBox = /*#__PURE__*/function () {
 
       if (item !== undefined) {
         if (value === RestMultiItemsSymbol) {
-          var items = p.selectedItems.filter(function (x) {return !x._group;}).slice(p.maxMultiItems);
+          var items = (p.treatGroupSelectionAsItems ? p.selectedItems : p.selectedItems.filter(function (x) {return !x._group;})).
+          slice(p.maxMultiItems);
           var itemsToRemove = [];var _iterator4 = _createForOfIteratorHelper(
 
           items),_step4;try {for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {var _item3 = _step4.value;