@danielgindi/selectbox 1.0.31 → 1.0.32

package/lib/SelectBox.js

@@ -100,7 +100,9 @@ const inputBackbufferCssProps = [
  * @property {string} [multiItemLabelProp='short_label']
  * @property {number} [maxMultiItems] maximum number of multi items. The rest will get a single item to represent.
  * @property {function(count: number, items: DropList.ItemBase[]):string} [multiItemsRestLabelProvider] label for the item representing the rest of the items.
- * @property {DropList.ItemBase[]|null} [items]
+ * @property {DropList.ItemBase[]|null} [items] initial items
+ * @property {*[]|null} [selectedValues] initial selected values
+ * @property {*|*[]|null} [value] initial selected value
  * @property {function(item: DropList.ItemBase, itemEl: Element):(*|false)} [renderSingleItem]
  * @property {function(item: DropList.ItemBase, itemEl: Element)} [unrenderSingleItem]
  * @property {function(item: DropList.ItemBase, itemEl: Element):(*|false)} [renderMultiItem]
@@ -141,6 +143,8 @@ const defaultOptions = {
     maxMultiItems: null,
     multiItemsRestLabelProvider: null,
     items: [],
+    selectedValues: undefined,
+    value: undefined,
     isLoadingMode: false,
 };
 
@@ -239,12 +243,12 @@ class SelectBox {
             renderNoResultsItem: o.renderNoResultsItem,
             unrenderNoResultsItem: o.unrenderNoResultsItem,
             filterFn: o.filterFn,
-            on: o.on,
+            on: null,
             additionalClasses: o.additionalClasses,
 
             isLoadingMode: !!o.isLoadingMode,
 
-            items: o.items || [],
+            items: [],
             filteredItems: null,
             itemsChanged: true,
 
@@ -338,7 +342,16 @@ class SelectBox {
         p.sink.add(window, 'resize', () => this._resizeInput());
         p.sink.add(window, 'orientationchange', () => this._resizeInput());
 
-        this.setItems(p.items);
+        this.setItems(o.items);
+
+        if (o.multi && Array.isArray(o.selectedValues)) {
+            this.setSelectedValues(o.selectedValues);
+        } else if (o.value != null) {
+            this.setValue(o.value);
+        }
+
+        // Start firing events
+        p.on = o.on || null;
 
         this._scheduleSync();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "A collection of dom utilities. So you can work natively with the dom without dom frameworks.",
   "main": "dist/lib.cjs.min.js",
   "module": "lib/index.js",