@danielgindi/selectbox 1.0.145 → 1.0.146

package/dist/lib.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.145
+ * @danielgindi/selectbox 1.0.146
  * git://github.com/danielgindi/selectbox.git
  */
 (function (global, factory) {
@@ -682,7 +682,10 @@
 
         p.virtualListHelper.setCount(0);
 
-        return this.addItems(items);
+        this.addItems(items);
+        this.updateSublist();
+
+        return this;
       }
 
       updateItemByValue(value, newItem) {
@@ -1446,20 +1449,21 @@
           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();
       }
 
@@ -1488,6 +1492,36 @@
         });
       }
 
+      /**
+       * 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;