@danielgindi/selectbox 1.0.46 → 1.0.50

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.46
+ * @danielgindi/selectbox 1.0.50
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -5634,14 +5634,14 @@ var 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
  * */
 /** */
@@ -5747,7 +5747,7 @@ var DropList = /*#__PURE__*/function () {
     var classes = [p.baseClassName];
 
     if (p.additionalClasses) {
-      classes = classes.concat((p.additionalClasses + '').split('').filter(function (x) {return x;}));
+      classes = classes.concat((p.additionalClasses + '').split(' ').filter(function (x) {return x;}));
     }
 
     var initialCss = {
@@ -5950,6 +5950,50 @@ var DropList = /*#__PURE__*/function () {
       return this;
     }
 
+    /**
+     *
+     * @property {function(item: DropList.ItemBase, itemEl: Element):(*|false)} [fn] Function to call when rendering an item element
+     * @returns {DropList}
+     */ }, { key: "setRenderItem", value:
+    function setRenderItem(fn) {
+      var 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}
+     */ }, { key: "setUnrenderItem", value:
+    function setUnrenderItem(fn) {
+      var p = this._p;
+
+      p.unrenderItem = fn;
+
+      if (typeof p.unrenderItem === 'function') {
+        var _fn = p.unrenderItem;
+        p.virtualListHelper.setOnItemUnrender(function (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(function (el) {
+          delete el[ItemSymbol$1];
+
+          if (p.focusItemEl === el)
+          p.focusItemEl = null;
+        });
+      }
+
+      return this;
+    }
+
     /**
      * @param {string} prop
      * @returns {DropList}
@@ -6318,7 +6362,7 @@ var DropList = /*#__PURE__*/function () {
       }
 
       // Now set the width of the dropdown
-      if (positionOptions.updateWidth) {
+      if (positionOptions.updateWidth || typeof positionOptions.updateWidth === 'number') {
         this._updateWidth(positionOptions);
       }
 
@@ -7676,9 +7720,14 @@ var DropList = /*#__PURE__*/function () {
       var 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 = Css.getElementWidth(positionOptions.target, true, true);
         }
       }