@danielgindi/selectbox 1.0.46 → 1.0.50

package/dist/lib.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.46
+ * @danielgindi/selectbox 1.0.50
  * git://github.com/danielgindi/selectbox.git
  */
 (function (global, factory) {
@@ -5628,14 +5628,14 @@
 
   /**
    * @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
    * */
   /** */
@@ -5741,7 +5741,7 @@
       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 = {
@@ -5944,6 +5944,50 @@
         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}
@@ -6312,7 +6356,7 @@
         }
 
         // Now set the width of the dropdown
-        if (positionOptions.updateWidth) {
+        if (positionOptions.updateWidth || typeof positionOptions.updateWidth === 'number') {
           this._updateWidth(positionOptions);
         }
 
@@ -7670,9 +7714,14 @@
         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);
           }
         }