@finqu/cool 1.2.0 → 1.2.3

package/dist/js/cool.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)
   */
@@ -1336,6 +1336,10 @@
           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');
@@ -1372,6 +1376,10 @@
           btnDisabled = true;
         }
 
+        if (target.hasClass('table-btn-exclude')) {
+          btnDisabled = true;
+        }
+
         if (target.is('td, .td, img') && !btnDisabled) {
           $(btn).click();
         } else {
@@ -2241,6 +2249,10 @@
         _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;
         }
@@ -2249,12 +2261,17 @@
           _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;
@@ -2414,6 +2431,8 @@
       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) {
@@ -2423,19 +2442,18 @@
               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) {
@@ -2445,12 +2463,11 @@
               });
               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) {
@@ -2459,12 +2476,12 @@
           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 () {
@@ -2590,7 +2607,7 @@
             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 () {
@@ -2681,11 +2698,7 @@
               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 () {
@@ -2872,7 +2885,7 @@
               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());
@@ -3182,6 +3195,7 @@
       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;
@@ -3348,8 +3362,10 @@
       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') {
@@ -3377,12 +3393,78 @@
 
       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',
@@ -3507,6 +3589,7 @@
       minWidth: null,
       align: 'start',
       closeOnItemClick: true,
+      positionObserver: true,
       content: false,
       scroll: true,
       scrollContentHeight: 100,
@@ -4976,6 +5059,10 @@
         onClose: settings.onClose
       };
 
+      if (dialog.maxBodyHeight == null) {
+        dialog.maxBodyHeight = window.innerHeight - 200;
+      }
+
       if (typeof dialog.template === 'function') {
         dialog.$el = $(dialog.template());
       } else {
@@ -5319,7 +5406,7 @@
       animationOut: 'fadeOut',
       animationSpeed: 'fastest',
       callbacks: {},
-      maxBodyHeight: window.innerHeight - 200,
+      maxBodyHeight: null,
       overflowVisible: false,
       faPro: false,
       debug: true,