@danielgindi/selectbox 1.0.31 → 1.0.32

package/dist/lib.es6.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.31
+ * @danielgindi/selectbox 1.0.32
  * git://github.com/danielgindi/selectbox.git
  */
 import { createElement, closestUntil, setElementAttrs, next, prev } from '@danielgindi/dom-utils/lib/Dom';
@@ -2163,7 +2163,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]
@@ -2204,6 +2206,8 @@ const defaultOptions = {
     maxMultiItems: null,
     multiItemsRestLabelProvider: null,
     items: [],
+    selectedValues: undefined,
+    value: undefined,
     isLoadingMode: false,
 };
 
@@ -2302,12 +2306,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,
 
@@ -2401,7 +2405,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();