@danielgindi/selectbox 1.0.46 → 1.0.50

package/dist/lib.es6.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.46
+ * @danielgindi/selectbox 1.0.50
  * git://github.com/danielgindi/selectbox.git
  */
 import { createElement, closestUntil, setElementAttrs, next, prev } from '@danielgindi/dom-utils/lib/Dom';
@@ -51,14 +51,14 @@ const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 /**
  * @typedef {Object} DropList.PositionOptions
- * @property {Element} [target] Target element to act as anchor
- * @property {{left: number, top: number}} [targetOffset=undefined] Override the offset of target. Automatically calculated if unspecified.
- * @property {number} [targetHeight=undefined] Override height of the target
- * @property {number} [targetWidth=undefined] Override width of the target
- * @property {DropList.PositionAnchor} [position=undefined]
- * @property {DropList.PositionAnchor} [anchor=undefined]
- * @property {boolean} [updateWidth=false] Should update the width of the menu according to target
- * @property {string} [targetRtl=undefined] Override for rtl mode of the target
+ * @property {Element?} [target] Target element to act as anchor
+ * @property {{left: number, top: number}?} [targetOffset] Override the offset of target. Automatically calculated if unspecified.
+ * @property {number?} [targetHeight] Override height of the target
+ * @property {number?} [targetWidth] Override width of the target
+ * @property {DropList.PositionAnchor?} [position]
+ * @property {DropList.PositionAnchor?} [anchor]
+ * @property {boolean|number?} [updateWidth=false] `true` to set width of the menu according to `target`'s width, or specify an arbitrary number.
+ * @property {string?} [targetRtl] Override for rtl mode of the target
  * @property {{x: number, y: number}} [offset=undefined] Extra rtl-aware offset to the target
  * */
 /** */
@@ -164,7 +164,7 @@ class DropList {
         let classes = [p.baseClassName];
 
         if (p.additionalClasses) {
-            classes = classes.concat((p.additionalClasses + '').split('').filter(x => x));
+            classes = classes.concat((p.additionalClasses + '').split(' ').filter(x => x));
         }
 
         const initialCss = {
@@ -367,6 +367,50 @@ class DropList {
         return this;
     }
 
+    /**
+     *
+     * @property {function(item: DropList.ItemBase, itemEl: Element):(*|false)} [fn] Function to call when rendering an item element
+     * @returns {DropList}
+     */
+    setRenderItem(fn) {
+        const p = this._p;
+        p.renderItem = fn;
+        return this;
+    }
+
+    /**
+     *
+     * @property {function(item: DropList.ItemBase, itemEl: Element)} [fn] Function to call when rendering an item element
+     * @returns {DropList}
+     */
+    setUnrenderItem(fn) {
+        const p = this._p;
+
+        p.unrenderItem = fn;
+
+        if (typeof p.unrenderItem === 'function') {
+            const fn = p.unrenderItem;
+            p.virtualListHelper.setOnItemUnrender(el => {
+                try {
+                    fn(el[ItemSymbol$1][ItemSymbol$1], el);
+                } catch (err) { console.error(err); } // eslint-disable-line no-console
+                delete el[ItemSymbol$1];
+
+                if (p.focusItemEl === el)
+                    p.focusItemEl = null;
+            });
+        } else {
+            p.virtualListHelper.setOnItemUnrender(el => {
+                delete el[ItemSymbol$1];
+
+                if (p.focusItemEl === el)
+                    p.focusItemEl = null;
+            });
+        }
+
+        return this;
+    }
+
     /**
      * @param {string} prop
      * @returns {DropList}
@@ -735,7 +779,7 @@ class DropList {
         }
 
         // Now set the width of the dropdown
-        if (positionOptions.updateWidth) {
+        if (positionOptions.updateWidth || typeof positionOptions.updateWidth === 'number') {
             this._updateWidth(positionOptions);
         }
 
@@ -2093,9 +2137,14 @@ class DropList {
         let targetWidth = 0;
 
         if (positionOptions) {
-            // Measure target
-            targetWidth = positionOptions.targetWidth;
-            if (targetWidth == null) {
+            if (typeof positionOptions.updateWidth === 'number') {
+                // Set from width specified
+                targetWidth = positionOptions.updateWidth;
+            } else if (positionOptions.targetWidth != null) {
+                // Set from simulated target width
+                targetWidth = positionOptions.updateWidth;
+            } else {
+                // Measure target
                 targetWidth = getElementWidth(positionOptions.target, true, true);
             }
         }