@finqu/cool 1.2.4 → 1.2.6

package/dist/js/cool.esm.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI v1.2.3 (https://finqu.fi)
+  * Cool UI v1.2.5 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */
@@ -2243,6 +2243,7 @@ function (_AbstractUIComponent) {
       _this3.allowNoneOnRadioSelect = _this3.$el.data('allowNoneOnRadioSelect') ? _this3.$el.data('allowNoneOnRadioSelect') : _this3.opts.allowNoneOnRadioSelect;
       _this3.showValidStateIcon = _this3.$el.data('showValidStateIcon') ? _this3.$el.data('showValidStateIcon') : _this3.opts.showValidStateIcon;
       _this3.itemsToExclude = _this3.$el.data('itemsToExclude') ? _this3.$el.data('itemsToExclude').replace(/\s/g, '').split(',') : _this3.opts.itemsToExclude;
+      _this3.primaryKeyword = _this3.$el.data('primaryKeyword') ? _this3.$el.data('primaryKeyword') : _this3.opts.primaryKeyword;
       _this3.preventClose = false;
 
       if (_this3.itemsToExclude.length > 0) {
@@ -2599,7 +2600,7 @@ function (_AbstractUIComponent) {
         url: searchUrl
       }).done(function (data) {
         var items = data.map(function (item) {
-          item.id = item.id.toString();
+          item.id = item[self.primaryKeyword].toString();
           return item;
         });
         items = items.filter(function (item) {
@@ -2690,7 +2691,7 @@ function (_AbstractUIComponent) {
           url: this.searchApi + this.searchString
         }).done(function (data) {
           var items = data.map(function (item) {
-            item.id = item.id.toString();
+            item.id = item[self.primaryKeyword].toString();
             return item;
           });
           items = items.filter(function (item) {
@@ -2821,7 +2822,8 @@ function (_AbstractUIComponent) {
     var onSelect = this.opts.onSelect;
 
     if (typeof onSelect === 'function') {
-      onSelect.call(el);
+      var data = this.getItem('id', el.value);
+      onSelect.call(el, data, this);
     }
   } // Add more items after plugin is already initialized
   ;
@@ -3115,7 +3117,8 @@ if (typeof $ !== 'undefined') {
     allowNoneOnRadioSelect: true,
     preventUncheck: false,
     showValidStateIcon: true,
-    itemsToExclude: []
+    itemsToExclude: [],
+    primaryKeyword: 'id'
   };
 }
 
@@ -3395,20 +3398,26 @@ function (_AbstractUIComponent) {
       dropdownPosY += parseInt(offsetY, 10);
     }
 
-    if (this.positionObserver) {
+    if (this.positionObserver && this.$container.length > 0) {
       // this is not set during init so we have to fetch it
       // and let's assume that this containing parent fits and is inside
       // viewport
-      var $containingParent = null;
+      var $containingParent = this.$container.parent();
+      var index = 0;
 
-      do {
-        $containingParent = $containingParent ? $containingParent.parent() : this.$container.parent();
+      while ($containingParent.css('overflow-x') !== 'hidden' && $containingParent.css('overflow') !== 'hidden' && ($containingParent.prop('tagName') || '').toLowerCase() !== 'body' && index < 100) {
+        $containingParent = $containingParent.parent();
 
-        if (!$containingParent) {
-          $containingParent = $('body');
-          break;
+        if (!$containingParent.get(0)) {
+          return;
         }
-      } while ($containingParent.css('overflow-x') !== 'hidden' && $containingParent.css('overflow') !== 'hidden' && ($containingParent.prop('tagName') ? $containingParent.prop('tagName').toLowerCase() !== 'body' : false));
+
+        ++index;
+      }
+
+      if (!$containingParent.get(0)) {
+        return;
+      }
 
       var containingBoundingRect = $containingParent.get(0).getBoundingClientRect();
       var containerBoundingRect = this.$container.get(0).getBoundingClientRect();