@finqu/cool 1.2.0 → 1.2.3

package/dist/js/cool.esm.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI v1.1.9 (https://finqu.fi)
+  * Cool UI v1.2.2 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */
@@ -1332,6 +1332,10 @@ function () {
         linkDisabled = true;
       }
 
+      if (target.hasClass('table-link-exclude')) {
+        linkDisabled = true;
+      }
+
       if (target.is('td, .td, img') && !linkDisabled) {
         if (e.ctrlKey || e.metaKey) {
           window.open(href, '_blank');
@@ -1368,6 +1372,10 @@ function () {
         btnDisabled = true;
       }
 
+      if (target.hasClass('table-btn-exclude')) {
+        btnDisabled = true;
+      }
+
       if (target.is('td, .td, img') && !btnDisabled) {
         $(btn).click();
       } else {
@@ -2237,6 +2245,10 @@ function (_AbstractUIComponent) {
       _this3.itemsToExclude = _this3.$el.data('itemsToExclude') ? _this3.$el.data('itemsToExclude').replace(/\s/g, '').split(',') : _this3.opts.itemsToExclude;
       _this3.preventClose = false;
 
+      if (_this3.itemsToExclude.length > 0) {
+        _this3.itemsToExclude = _this3.itemsToExclude.map(Number);
+      }
+
       if (_this3.opts.setData) {
         _this3.data = _this3.opts.setData;
       }
@@ -2245,12 +2257,17 @@ function (_AbstractUIComponent) {
         _this3.data = _this3.$el.data('setData');
       }
 
-      _this3.data[_this3.name] = _this3.data[_this3.name].filter(function (item) {
-        return self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1;
-      });
-      _this3.items = _this3.items.filter(function (item) {
-        return self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1;
-      });
+      if (typeof _this3.data[_this3.name].filter !== 'undefined' && self.itemsToExclude) {
+        _this3.data[_this3.name] = _this3.data[_this3.name].filter(function (item) {
+          return self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1;
+        });
+      }
+
+      if (typeof _this3.items.filter !== 'undefined' && self.itemsToExclude) {
+        _this3.items = _this3.items.filter(function (item) {
+          return self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1;
+        });
+      }
 
       if (_this3.$el.find('.select-search').length) {
         _this3.showSearch = true;
@@ -2410,6 +2427,8 @@ function (_AbstractUIComponent) {
     this.$el.on('change' + '.' + NAME$1, 'input[type="checkbox"]', function () {
       var el = this;
       var val = $(this).val();
+      var closeTimeout = 600; // ms
+
       self.preventClose = true;
 
       if (typeof self.confirmCheck === 'function' && el.checked) {
@@ -2419,19 +2438,18 @@ function (_AbstractUIComponent) {
             self.data[self.name].indexOf(val) === -1 ? self.data[self.name].push(val) : false;
             el.checked = true;
             self.onSelect(el);
-            self.preventClose = false;
-          } else {
-            setTimeout(function () {
-              self.preventClose = false;
-            }, 800);
           }
+
+          setTimeout(function () {
+            self.preventClose = false;
+          }, closeTimeout);
         }, el);
       } else if (el.checked) {
         self.data[self.name].indexOf(val) === -1 ? self.data[self.name].push(val) : false;
         self.onSelect(el);
         setTimeout(function () {
           self.preventClose = false;
-        }, 800);
+        }, closeTimeout);
       } else if (typeof self.confirmUncheck === 'function' && !el.checked) {
         el.checked = true;
         self.confirmUncheck(function (cb) {
@@ -2441,12 +2459,11 @@ function (_AbstractUIComponent) {
             });
             el.checked = false;
             self.onSelect(el);
-            self.preventClose = false;
-          } else {
-            setTimeout(function () {
-              self.preventClose = false;
-            }, 800);
           }
+
+          setTimeout(function () {
+            self.preventClose = false;
+          }, closeTimeout);
         }, el);
       } else if (!el.checked && !self.preventUncheck) {
         self.data[self.name] = self.data[self.name].filter(function (n) {
@@ -2455,12 +2472,12 @@ function (_AbstractUIComponent) {
         self.onSelect(el);
         setTimeout(function () {
           self.preventClose = false;
-        }, 800);
+        }, closeTimeout);
       } else if (!el.checked && self.preventUncheck) {
         el.checked = true;
         setTimeout(function () {
           self.preventClose = false;
-        }, 800);
+        }, closeTimeout);
       }
     });
     this.$el.on('change' + '.' + NAME$1, 'input[type="radio"]', function () {
@@ -2586,7 +2603,7 @@ function (_AbstractUIComponent) {
           return item;
         });
         items = items.filter(function (item) {
-          return !(self.data[self.name].indexOf(item.id) > -1) && self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1;
+          return self.data[self.name].indexOf(item.id) > -1 && self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1 && parseInt(item.id, 10) > 0;
         });
         var result = $(self._renderItemList(items));
         $.when(self.$scrollableContent.append(result)).then(function () {
@@ -2677,11 +2694,7 @@ function (_AbstractUIComponent) {
             return item;
           });
           items = items.filter(function (item) {
-            return !(self.data[self.name].indexOf(item.id) > -1) && self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1;
-          }); // Remove id with value 0 from results
-
-          items = items.filter(function (item) {
-            return item.id > 0;
+            return self.data[self.name].indexOf(item.id) === -1 && self.itemsToExclude.indexOf(parseInt(item.id, 10)) === -1 && parseInt(item.id, 10) > 0;
           });
           var result = $(self._renderItemList(items));
           $.when(self.$scrollableContent.append(result)).then(function () {
@@ -2868,7 +2881,7 @@ function (_AbstractUIComponent) {
             var val = parseInt($input.val(), 10);
             $input.prop('checked', true);
             $input.addClass('checked');
-            _this7.data[_this7.name].indexOf(val) === -1 ? _this7.data[_this7.name].push(val) : false;
+            _this7.data[_this7.name].indexOf(val) === -1 ? _this7.data[_this7.name] = [val] : false;
 
             if (_this7.dynamicTitle) {
               _this7.$selectTitle.html($input.parent().find('[data-label]').text());
@@ -3178,6 +3191,7 @@ function (_AbstractUIComponent) {
     this.minWidth = this.$el.data('minWidth') ? this.$el.data('minWidth') : this.opts.minWidth;
     this.scroll = this.$el.data('scroll') ? this.$el.data('scroll') : this.opts.scroll;
     this.scrollContentHeight = this.$el.data('scrollContentHeight') ? this.$el.data('scrollContentHeight') : this.opts.scrollContentHeight;
+    this.positionObserver = this.$el.attr('data-position-observer') ? JSON.parse(this.$el.attr('data-position-observer')) : this.opts.positionObserver;
     this.closeOnItemClick = this.$el.data('closeOnItemClick') ? this.$el.data('closeOnItemClick') : this.opts.closeOnItemClick;
     this.content = this.$el.data('content') ? this.$el.data('content') : this.opts.content;
     this.contentOpen = false;
@@ -3344,8 +3358,10 @@ function (_AbstractUIComponent) {
     var dropdownTriggerHeight = this.$el.outerHeight(true);
     var dropdownTriggerPosX = this.$el.position().left;
     var dropdownTriggerPosY = this.$el.position().top;
-    var dropdownPosX;
-    var dropdownPosY;
+    var dropdownPosX = 0;
+    var dropdownPosY = 0;
+    var offsetX = 0;
+    var offsetY = 0;
 
     if (placement === 'top') {
       if (this.align === 'end') {
@@ -3373,12 +3389,78 @@ function (_AbstractUIComponent) {
 
     if (this.offset) {
       var offsets = this.offset.split(',');
-      var offsetX = offsets[0];
-      var offsetY = offsets[1];
+      offsetX = offsets[0];
+      offsetY = offsets[1];
       dropdownPosX += parseInt(offsetX, 10);
       dropdownPosY += parseInt(offsetY, 10);
     }
 
+    if (this.positionObserver) {
+      // 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;
+
+      do {
+        $containingParent = $containingParent ? $containingParent.parent() : this.$container.parent();
+
+        if (!$containingParent) {
+          $containingParent = $('body');
+          break;
+        }
+      } while ($containingParent.css('overflow-x') !== 'hidden' && $containingParent.css('overflow') !== 'hidden' && ($containingParent.prop('tagName') ? $containingParent.prop('tagName').toLowerCase() !== 'body' : false));
+
+      var containingBoundingRect = $containingParent.get(0).getBoundingClientRect();
+      var containerBoundingRect = this.$container.get(0).getBoundingClientRect();
+
+      if (containingBoundingRect.width < dropdownWidth) {
+        this.$dropdown.css('max-width', containingBoundingRect.width);
+        dropdownWidth = containingBoundingRect.width;
+      } else {
+        this.$dropdown.css('max-width', '');
+      }
+
+      if (containingBoundingRect.height < dropdownHeight) {
+        this.$dropdown.css('max-height', containingBoundingRect.height);
+        dropdownHeight = containingBoundingRect.height;
+      } else {
+        this.$dropdown.css('max-height', '');
+      }
+
+      var maxTop = Math.max(Math.abs(containingBoundingRect.y - containerBoundingRect.y), 0);
+      var maxLeft = Math.max(Math.abs(containingBoundingRect.x - containerBoundingRect.x), 0);
+      var maxRight = $containingParent.get(0).scrollWidth - (containerBoundingRect.x + containerBoundingRect.width);
+      var maxBottom = $containingParent.get(0).scrollHeight - (containerBoundingRect.y + (placement === 'dropbottom' ? containerBoundingRect.height : 0));
+
+      if (maxLeft < dropdownWidth && dropdownPosX < dropdownTriggerPosX) {
+        dropdownPosX = dropdownTriggerPosX; // would be on top of the trigger
+
+        if (dropdownTriggerPosY + dropdownTriggerHeight > dropdownPosY) {
+          dropdownPosY = dropdownTriggerPosY + dropdownTriggerHeight + (offsetY > 0 ? offsetY : 0);
+        }
+      }
+
+      if (maxRight < dropdownWidth && dropdownPosX + dropdownWidth > dropdownTriggerPosX + dropdownTriggerWidth) {
+        dropdownPosX = dropdownTriggerPosX + dropdownTriggerWidth - dropdownWidth;
+
+        if (dropdownTriggerPosY + dropdownTriggerHeight > dropdownPosY) {
+          dropdownPosY = dropdownTriggerPosY + dropdownTriggerHeight + (offsetY > 0 ? offsetY : 0);
+        }
+      }
+
+      if (dropdownPosY < dropdownTriggerPosY && maxTop < dropdownHeight) {
+        dropdownPosY = dropdownTriggerPosY + dropdownTriggerHeight + offsetY;
+      }
+
+      if (dropdownPosY >= dropdownTriggerPosY && maxBottom < dropdownHeight) {
+        if (dropdownPosX >= dropdownTriggerPosX + dropdownTriggerWidth || dropdownTriggerPosX >= dropdownPosX + dropdownWidth) {
+          dropdownPosY = dropdownTriggerPosY - (dropdownHeight - maxBottom);
+        } else {
+          dropdownPosY = dropdownTriggerPosY - dropdownHeight - offsetY;
+        }
+      }
+    }
+
     this.$dropdown.css({
       position: 'absolute',
       top: '0px',
@@ -3503,6 +3585,7 @@ if (typeof $ !== 'undefined') {
     minWidth: null,
     align: 'start',
     closeOnItemClick: true,
+    positionObserver: true,
     content: false,
     scroll: true,
     scrollContentHeight: 100,
@@ -4972,6 +5055,10 @@ function () {
       onClose: settings.onClose
     };
 
+    if (dialog.maxBodyHeight == null) {
+      dialog.maxBodyHeight = window.innerHeight - 200;
+    }
+
     if (typeof dialog.template === 'function') {
       dialog.$el = $(dialog.template());
     } else {
@@ -5315,7 +5402,7 @@ if (typeof $ !== 'undefined') {
     animationOut: 'fadeOut',
     animationSpeed: 'fastest',
     callbacks: {},
-    maxBodyHeight: window.innerHeight - 200,
+    maxBodyHeight: null,
     overflowVisible: false,
     faPro: false,
     debug: true,