@finqu/cool 1.2.4 → 1.2.6

package/js/dist/tooltip.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI tooltip.js v1.2.3 (https://finqu.fi)
+  * Cool UI tooltip.js v1.2.5 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/src/dropdown.js

@@ -294,21 +294,31 @@ class Dropdown extends 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
-            let $containingParent = null;
+            let $containingParent = this.$container.parent();
+            let index = 0;
+            while (
+                $containingParent.css('overflow-x') !== 'hidden' && 
+                $containingParent.css('overflow') !== 'hidden' &&
+                ($containingParent.prop('tagName') || '').toLowerCase() !== 'body' &&
+                index < 100
+            ) {
+                $containingParent = $containingParent.parent();
+
+                if (!$containingParent.get(0)) {
+                    return;
+                }
 
-            do {
-                $containingParent = $containingParent ? $containingParent.parent() : this.$container.parent();
+                ++index;
+            }
 
-                if (!$containingParent) {
-                    $containingParent = $('body');
-                    break;
-                }
-            } while ($containingParent.css('overflow-x') !== 'hidden' && $containingParent.css('overflow') !== 'hidden' && ($containingParent.prop('tagName') ? $containingParent.prop('tagName').toLowerCase() !== 'body' : false));
+            if (!$containingParent.get(0)) {
+                return;
+            }
 
             const containingBoundingRect = $containingParent.get(0).getBoundingClientRect();
             const containerBoundingRect = this.$container.get(0).getBoundingClientRect();

package/js/src/select.js

@@ -130,6 +130,7 @@ class Select extends AbstractUIComponent {
             this.allowNoneOnRadioSelect = this.$el.data('allowNoneOnRadioSelect') ? this.$el.data('allowNoneOnRadioSelect') : this.opts.allowNoneOnRadioSelect;
             this.showValidStateIcon = this.$el.data('showValidStateIcon') ? this.$el.data('showValidStateIcon') : this.opts.showValidStateIcon;
             this.itemsToExclude = this.$el.data('itemsToExclude') ? this.$el.data('itemsToExclude').replace(/\s/g, '').split(',') : this.opts.itemsToExclude;
+            this.primaryKeyword = this.$el.data('primaryKeyword') ? this.$el.data('primaryKeyword') : this.opts.primaryKeyword;
             this.preventClose = false;
 
             if (this.itemsToExclude.length > 0) {
@@ -568,7 +569,7 @@ class Select extends AbstractUIComponent {
 
                 let items = data.map(item => {
 
-                    item.id = item.id.toString();
+                    item.id = item[self.primaryKeyword].toString();
 
                     return item;
                 });
@@ -681,7 +682,7 @@ class Select extends AbstractUIComponent {
 
                     let items = data.map(item => {
 
-                        item.id = item.id.toString();
+                        item.id = item[self.primaryKeyword].toString();
 
                         return item;
                     });
@@ -836,7 +837,9 @@ class Select extends AbstractUIComponent {
 
         if (typeof onSelect === 'function') {
 
-            onSelect.call(el);
+            let data = this.getItem('id', el.value);
+
+            onSelect.call(el, data, this);
         }
     }
 
@@ -1228,7 +1231,8 @@ if (typeof $ !== 'undefined') {
         allowNoneOnRadioSelect: true,
         preventUncheck: false,
         showValidStateIcon: true,
-        itemsToExclude: []
+        itemsToExclude: [],
+        primaryKeyword: 'id'
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finqu/cool",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "Finqu UI package",
   "main": "index.js",
   "scripts": {

package/scss/_frame.scss

@@ -315,6 +315,7 @@
 									font-size: $frame-sidebar-nav-icon-size;
 									margin: 0 auto;
 									color: $frame-sidebar-nav-icon-color;
+									min-width: 23px;
 
 									& + span {
 										margin-left: 20px;

package/scss/_section.scss

@@ -710,6 +710,38 @@
                 }
             }
 
+            .collapsing {
+                left: auto;
+                right: auto;
+            }
+
+            .collapse,
+            .collapsing {
+
+                > .section-hr {
+                    width: 100%;
+                    padding-top: 0;
+                    padding-bottom: $section-padding;
+
+                    &:after {
+                        margin-left: 0;
+                        margin-right: 0;
+                    }
+
+                    &.content-full-width {
+                        position: relative;
+                        margin-left: 0;
+                        margin-right: 0;
+
+                        &:after {
+                            position: absolute;
+                            left: -$section-padding;
+                            right: -$section-padding;
+                        }
+                    }
+                }
+            }
+
             &:not(.show) {
                 margin-top: 0;
                 padding-top: 0;

package/scss/_variables.scss

@@ -629,7 +629,7 @@ $section-font-size:                          $font-size-base !default;
 $section-border-radius:                      $border-radius !default;
 $section-spacer:                             spacer(4) !default;
 $section-spacer-mobile:                      spacer(2) !default;
-$section-padding:                            spacer(3) !default;
+$section-padding:                            spacer(4) !default;
 
 $section-bg:                                 color('white') !default;
 $section-color:                              $body-color !default;

package/scss/cool-grid.scss

@@ -1,5 +1,5 @@
 /*!
- * Cool UI - Grid v1.2.4 (https://finqu.fi)
+ * Cool UI - Grid v1.2.6 (https://finqu.fi)
  * Copyright 2019 Finqu Oy.
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
  * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

package/scss/cool-reboot.scss

@@ -1,5 +1,5 @@
 /*!
- * Cool UI - Reboot v1.2.4 (https://finqu.fi)
+ * Cool UI - Reboot v1.2.6 (https://finqu.fi)
  * Copyright 2019 Finqu Oy.
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
  * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

package/scss/cool.scss

@@ -1,5 +1,5 @@
 /*!
- * Cool UI v1.2.4 (https://finqu.fi)
+ * Cool UI v1.2.6 (https://finqu.fi)
  * Copyright 2019 Finqu Oy.
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
  * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)