@danielgindi/selectbox 1.0.145 → 1.0.147

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.145
+ * @danielgindi/selectbox 1.0.147
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -686,7 +686,10 @@ class DropList {
 
     p.virtualListHelper.setCount(0);
 
-    return this.addItems(items);
+    this.addItems(items);
+    this.updateSublist();
+
+    return this;
   }
 
   updateItemByValue(value, newItem) {
@@ -1450,20 +1453,21 @@ class DropList {
       droplist: droplist
     });
 
-    droplist.show({
-      target: itemElement,
-      position: { x: 'start', y: 'top' },
-      anchor: { x: 'end', y: 'top' },
-      offset: { x: 0, y: 0 },
-      updateWidth: false
-    });
-
     p.currentSubDropList = {
       item: item,
       itemElement: itemElement,
-      droplist: droplist
+      droplist: droplist,
+      showOptions: {
+        target: itemElement,
+        position: { x: 'start', y: 'top' },
+        anchor: { x: 'end', y: 'top' },
+        offset: { x: 0, y: 0 },
+        updateWidth: false
+      }
     };
 
+    droplist.show(p.currentSubDropList.showOptions);
+
     droplist.el.focus();
   }
 
@@ -1492,6 +1496,36 @@ class DropList {
     });
   }
 
+  /**
+   * Updates the current open sublist with new subitems if changed
+   */
+  updateSublist() {
+    const p = this._p;
+
+    if (!p.currentSubDropList)
+    return;
+
+    const originalItem = p.currentSubDropList.item;
+
+    const data = p.currentSubDropList;
+    const newItem = p.items.find((x) => x === originalItem) ||
+    p.items.find((x) => x.value === data.item.value);
+    if (newItem) {
+      p.currentSubDropList.item = newItem;
+      const itemElement = p.virtualListHelper.getItemElementAt(this._getItemIndex(newItem));
+      p.currentSubDropList.itemElement = itemElement;
+
+      if (newItem._subitems) {
+        p.currentSubDropList.droplist.setItems(newItem._subitems);
+
+        if (itemElement) {
+          p.currentSubDropList.showOptions.target = itemElement;
+          p.currentSubDropList.droplist.relayout(p.currentSubDropList.showOptions);
+        }
+      }
+    }
+  }
+
   setFocusedItem(item) {
     const p = this._p;