npm - @finqu/cool - Versions diffs - 1.1.4 → 1.1.5 - Mend

@finqu/cool 1.1.4 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/.babelrc.js +20 -0
package/.browserslistrc +13 -0
package/build/rollup.config.js +14 -46
package/dist/js/cool.bundle.js +4971 -15307
package/dist/js/cool.bundle.js.map +1 -1
package/dist/js/cool.bundle.min.js +6 -39
package/dist/js/cool.bundle.min.js.map +1 -1
package/dist/js/cool.esm.js +931 -735
package/dist/js/cool.esm.js.map +1 -1
package/dist/js/cool.esm.min.js +7 -2
package/dist/js/cool.esm.min.js.map +1 -1
package/dist/js/cool.js +983 -963
package/dist/js/cool.js.map +1 -1
package/dist/js/cool.min.js +7 -2
package/dist/js/cool.min.js.map +1 -1
package/js/dist/collapse.js +4859 -295
package/js/dist/collapse.js.map +1 -1
package/js/dist/common.js +20673 -449
package/js/dist/common.js.map +1 -1
package/js/dist/dropdown.js +25324 -1279
package/js/dist/dropdown.js.map +1 -1
package/js/dist/popover.js +8957 -565
package/js/dist/popover.js.map +1 -1
package/js/dist/sectiontabs.js +4116 -229
package/js/dist/sectiontabs.js.map +1 -1
package/js/dist/select.js +28817 -1512
package/js/dist/select.js.map +1 -1
package/js/dist/tooltip.js +8327 -524
package/js/dist/tooltip.js.map +1 -1
package/package.json +1 -1

package/dist/js/cool.js CHANGED Viewed

@@ -67,10 +67,10 @@
   var cls = {
     main: 'ps',
     element: {
-      thumb: function (x) {
+      thumb: function thumb(x) {
         return "ps__thumb-" + x;
       },
-      rail: function (x) {
+      rail: function rail(x) {
         return "ps__rail-" + x;
       },
       consuming: 'ps__child--consume'
@@ -78,10 +78,10 @@
     state: {
       focus: 'ps--focus',
       clicking: 'ps--clicking',
-      active: function (x) {
+      active: function active(x) {
         return "ps--active-" + x;
       },
-      scrolling: function (x) {
+      scrolling: function scrolling(x) {
         return "ps--scrolling-" + x;
       }
     }
@@ -207,7 +207,7 @@
   EventManager.prototype.once = function once(element, eventName, handler) {
     var ee = this.eventElement(element);
-    var onceHandler = function (evt) {
+    var onceHandler = function onceHandler(evt) {
       ee.unbind(eventName, onceHandler);
       handler(evt);
     };
@@ -225,7 +225,7 @@
     }
   }
-  var processScrollDiff = function (i, axis, diff, useScrollingClass, forceFireReachEvent) {
+  var processScrollDiff = function processScrollDiff(i, axis, diff, useScrollingClass, forceFireReachEvent) {
     if (useScrollingClass === void 0) useScrollingClass = true;
     if (forceFireReachEvent === void 0) forceFireReachEvent = false;
     var fields;
@@ -302,7 +302,7 @@
     isChrome: typeof navigator !== 'undefined' && /Chrome/i.test(navigator && navigator.userAgent)
   };
-  var updateGeometry = function (i) {
+  var updateGeometry = function updateGeometry(i) {
     var element = i.element;
     var roundedScrollTop = Math.floor(element.scrollTop);
     i.containerWidth = element.clientWidth;
@@ -436,7 +436,7 @@
     });
   }
-  var clickRail = function (i) {
+  var clickRail = function clickRail(i) {
     i.event.bind(i.scrollbarY, 'mousedown', function (e) {
       return e.stopPropagation();
     });
@@ -459,7 +459,7 @@
     });
   };
-  var dragThumb = function (i) {
+  var dragThumb = function dragThumb(i) {
     bindMouseScrollHandler(i, ['containerWidth', 'contentWidth', 'pageX', 'railXWidth', 'scrollbarX', 'scrollbarXWidth', 'scrollLeft', 'x', 'scrollbarXRail']);
     bindMouseScrollHandler(i, ['containerHeight', 'contentHeight', 'pageY', 'railYHeight', 'scrollbarY', 'scrollbarYHeight', 'scrollTop', 'y', 'scrollbarYRail']);
   };
@@ -505,14 +505,14 @@
     });
   }
-  var keyboard = function (i) {
+  var keyboard = function keyboard(i) {
     var element = i.element;
-    var elementHovered = function () {
+    var elementHovered = function elementHovered() {
       return matches(element, ':hover');
     };
-    var scrollbarFocused = function () {
+    var scrollbarFocused = function scrollbarFocused() {
       return matches(i.scrollbarX, ':focus') || matches(i.scrollbarY, ':focus');
     };
@@ -674,7 +674,7 @@
     });
   };
-  var wheel = function (i) {
+  var wheel = function wheel(i) {
     var element = i.element;
     function shouldPreventDefault(deltaX, deltaY) {
@@ -824,7 +824,7 @@
     }
   };
-  var touch = function (i) {
+  var touch = function touch(i) {
     if (!env.supportsTouch && !env.supportsIePointer) {
       return;
     }
@@ -1017,7 +1017,7 @@
     }
   };
-  var defaultSettings = function () {
+  var defaultSettings = function defaultSettings() {
     return {
       handlers: ['click-rail', 'drag-thumb', 'keyboard', 'wheel', 'touch'],
       maxScrollbarLength: null,
@@ -1067,11 +1067,11 @@
     this.contentWidth = null;
     this.contentHeight = null;
-    var focus = function () {
+    var focus = function focus() {
       return element.classList.add(cls.state.focus);
     };
-    var blur = function () {
+    var blur = function blur() {
       return element.classList.remove(cls.state.focus);
     };
@@ -1242,7 +1242,7 @@
   };
   $.fn.extend({
-    animateCss: function (animationName, callback) {
+    animateCss: function animateCss(animationName, callback) {
       var el = this;
       var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
       el.addClass('animated ' + animationName).one(animationEnd, function (e) {
@@ -1260,8 +1260,12 @@
   window.Cool = window.Cool || {};
   window.Cool.settings = window.Cool.settings || {};
-  class Common {
-    static initialize(opts) {
+  var Common =
+  /*#__PURE__*/
+  function () {
+    function Common() {}
+    Common.initialize = function initialize(opts) {
       // There's an error if opts is not defined
       opts = opts || {}; // Save settings for later use
@@ -1280,7 +1284,7 @@
       $(document).on('focus', '.form-control', function () {
         if (!$(this).hasClass('disabled') && $(this).not(':disabled') && !$(this).attr('readonly')) {
-          let $inputGroup = $(this).closest('.input-group');
+          var $inputGroup = $(this).closest('.input-group');
           if (!$inputGroup.hasClass('input-group-focus')) {
             $inputGroup.addClass('input-group-focus');
@@ -1290,7 +1294,7 @@
       $(document).on('blur', '.form-control', function () {
         if (!$(this).hasClass('disabled') && $(this).not(':disabled') && !$(this).attr('readonly')) {
-          let $inputGroup = $(this).closest('.input-group');
+          var $inputGroup = $(this).closest('.input-group');
           if ($inputGroup.hasClass('input-group-focus')) {
             $inputGroup.removeClass('input-group-focus');
@@ -1299,9 +1303,9 @@
       }); // Custom Form group
       $('.form-label-group').each(function (i, formLabelGroup) {
-        let $formLabelGroup = $(formLabelGroup);
+        var $formLabelGroup = $(formLabelGroup);
         $formLabelGroup.find('input').on('blur input change', function () {
-          let val = $(this).val();
+          var val = $(this).val();
           if (val) {
             $(formLabelGroup).addClass('label-on-top');
@@ -1317,11 +1321,11 @@
         }
       });
       $(document).on('click', '[data-table-link]', function (e) {
-        let $container = $(this).parents('table, .table');
-        let href = $(this).data('tableLink');
-        let target = $(e.target);
-        let exceptions = ['input', 'button', 'a', 'label', 'td.col-select'];
-        let linkDisabled = false;
+        var $container = $(this).parents('table, .table');
+        var href = $(this).data('tableLink');
+        var target = $(e.target);
+        var exceptions = ['input', 'button', 'a', 'label', 'td.col-select'];
+        var linkDisabled = false;
         $.each(exceptions, function (item) {
           if (target.is(item) || item == 'a' && target.parent().is(item)) {
             linkDisabled = true;
@@ -1343,12 +1347,12 @@
         }
       });
       $(document).on('click', '[data-table-btn]', function (e) {
-        let $container = $(this).parents('table, .table');
-        let $self = $(this);
-        let btn = $(this).data('tableButton');
-        let target = $(e.target);
-        let exceptions = ['input', 'button', 'a', 'label', 'td.col-select'];
-        let btnDisabled = false;
+        var $container = $(this).parents('table, .table');
+        var $self = $(this);
+        var btn = $(this).data('tableButton');
+        var target = $(e.target);
+        var exceptions = ['input', 'button', 'a', 'label', 'td.col-select'];
+        var btnDisabled = false;
         if (!btn) {
           btn = $self.find('button')[0];
@@ -1407,11 +1411,11 @@
         }
       }); // Sidebar left scroll
-      let $sidebarLeft = $('.sidebar-left');
-      let $sidebarLeftContent = $sidebarLeft.find('.sidebar-content');
+      var $sidebarLeft = $('.sidebar-left');
+      var $sidebarLeftContent = $sidebarLeft.find('.sidebar-content');
       if ($sidebarLeftContent.length) {
-        let sidebarLeftScroll = new PerfectScrollbar($sidebarLeftContent[0], {
+        var sidebarLeftScroll = new PerfectScrollbar($sidebarLeftContent[0], {
           wheelSpeed: 2,
           wheelPropagation: true,
           minScrollbarLength: 20,
@@ -1420,12 +1424,12 @@
       } // Sidebar tabs
-      let $sidebarTabs = $(document).find('.sidebar-tab');
+      var $sidebarTabs = $(document).find('.sidebar-tab');
       if ($sidebarTabs.length) {
         $.each($sidebarTabs, function (i, el) {
-          let scrollContainer = $(el).find('.tab-content');
-          const sidebarTabsScroll = new PerfectScrollbar(scrollContainer[0], {
+          var scrollContainer = $(el).find('.tab-content');
+          var sidebarTabsScroll = new PerfectScrollbar(scrollContainer[0], {
             wheelSpeed: 2,
             wheelPropagation: true,
             minScrollbarLength: 20,
@@ -1433,8 +1437,8 @@
           });
         });
         $('[name="sidebar-tab-select"]').on('click', function () {
-          let val = $(this).val();
-          let $tab = $('#sidebar-tab-' + val);
+          var val = $(this).val();
+          var $tab = $('#sidebar-tab-' + val);
           $sidebarTabs.not($tab).removeClass('active');
           $tab.addClass('active');
           $('[name="sidebar-tab-select"]').not($(this)).removeClass('active');
@@ -1462,19 +1466,26 @@
           });
         });
       }
-    }
+    };
-  }
+    return Common;
+  }();
   window.Cool.initialize = Common.initialize;
-  const debounce = function (func, wait, immediate) {
-    let timeout;
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    subClass.__proto__ = superClass;
+  }
+  var debounce = function debounce(func, wait, immediate) {
+    var timeout;
     return function () {
-      let context = this;
-      let args = arguments;
+      var context = this;
+      var args = arguments;
-      let later = function () {
+      var later = function later() {
         timeout = null;
         if (!immediate) {
@@ -1482,7 +1493,7 @@
         }
       };
-      let callNow = immediate && !timeout;
+      var callNow = immediate && !timeout;
       clearTimeout(timeout);
       timeout = setTimeout(later, wait);
@@ -1492,8 +1503,8 @@
     };
   };
-  const touchEvents = function () {
-    let result = false;
+  var touchEvents = function touchEvents() {
+    var result = false;
     if ('ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch) {
       result = true;
@@ -1502,106 +1513,126 @@
     return result;
   };
-  class AbstractUIComponent {
+  var AbstractUIComponent =
+  /*#__PURE__*/
+  function () {
+    function AbstractUIComponent() {}
+    var _proto = AbstractUIComponent.prototype;
     // Init callback
-    onInit() {
-      let onInit = this.opts.onInit;
+    _proto.onInit = function onInit() {
+      var onInit = this.opts.onInit;
       if (typeof onInit === 'function') {
         onInit.call(this.el);
       }
     } // Update callback
+    ;
-    onUpdate() {
-      let onUpdate = this.opts.onUpdate;
+    _proto.onUpdate = function onUpdate() {
+      var onUpdate = this.opts.onUpdate;
       if (typeof onUpdate === 'function') {
         onUpdate.call(this.el);
       }
     } // Destroy callback
+    ;
-    onDestroy() {
-      let onDestroy = this.opts.onDestroy;
+    _proto.onDestroy = function onDestroy() {
+      var onDestroy = this.opts.onDestroy;
       if (typeof onDestroy === 'function') {
         onDestroy.call(this.el);
       }
     } // Show callback
+    ;
-    onShow() {
-      let onShow = this.opts.onShow;
+    _proto.onShow = function onShow() {
+      var onShow = this.opts.onShow;
       if (typeof onShow === 'function') {
         onShow.call(this.el);
       }
     } // Close callback
+    ;
-    onClose() {
-      let onClose = this.opts.onClose;
+    _proto.onClose = function onClose() {
+      var onClose = this.opts.onClose;
       if (typeof onClose === 'function') {
         onClose.call(this.el);
       }
     } // Debug log
+    ;
-    log(...args) {
+    _proto.log = function log() {
       if (this.debug) {
         if (typeof this.debug === 'function') {
-          this.debug(...args);
+          this.debug.apply(this, arguments);
         } else {
-          console.log(...args);
+          var _console;
+          (_console = console).log.apply(_console, arguments);
         }
       }
-    }
+    };
-  }
+    return AbstractUIComponent;
+  }();
+  var NAME = 'coolPopover';
+  var DATA_KEY = 'plugin_coolPopover';
-  const NAME = 'coolPopover';
-  const DATA_KEY = 'plugin_coolPopover';
+  var Popover =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(Popover, _AbstractUIComponent);
-  class Popover extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+    function Popover(el, opts) {
+      var _this;
+      _this = _AbstractUIComponent.call(this) || this;
+      _this.opts = {};
       if (window.Cool.settings.popover) {
-        $.extend(true, this.opts, $.fn[NAME].defaults, window.Cool.settings.popover, opts);
+        $.extend(true, _this.opts, $.fn[NAME].defaults, window.Cool.settings.popover, opts);
       } else {
-        $.extend(true, this.opts, $.fn[NAME].defaults, opts);
+        $.extend(true, _this.opts, $.fn[NAME].defaults, opts);
       }
-      this.el = el;
-      this.debug = this.opts.debug;
-      this.init();
+      _this.el = el;
+      _this.debug = _this.opts.debug;
+      _this.init();
+      return _this;
     } // Init plugin
-    init() {
+    var _proto = Popover.prototype;
+    _proto.init = function init() {
       this.buildCache();
       this.bindEvents();
       this.onInit();
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.unbindEvents();
       this.$el.removeData(DATA_KEY);
       this.onDestroy();
     } // Update plugin data
+    ;
-    update() {
+    _proto.update = function update() {
       this.buildCache();
       this.onUpdate();
     } // Cache DOM nodes for performance
+    ;
-    buildCache() {
+    _proto.buildCache = function buildCache() {
       this.$el = $(this.el);
       this.$container = this.$el.data('container') ? $(this.$el.data('container')) : $(this.opts.container);
       this.id = 'popover-' + this.generateUUID();
@@ -1615,58 +1646,61 @@
       this.title = this.$el.data('title') ? this.$el.data('title') : this.opts.title;
       this.content = this.$el.data('content') ? this.$el.data('content') : this.opts.content;
     } // Bind events that trigger methods
+    ;
+    _proto.bindEvents = function bindEvents() {
+      var _this2 = this;
-    bindEvents() {
       if (this.trigger === 'click') {
-        this.$el.on('click' + '.' + NAME, () => {
-          if (this.$popover) {
-            this.close();
+        this.$el.on('click' + '.' + NAME, function () {
+          if (_this2.$popover) {
+            _this2.close();
           } else {
-            this.show();
+            _this2.show();
           }
         });
       } else if (this.trigger === 'hover') {
-        this.$el.on('mouseenter' + '.' + NAME, () => {
-          this.show();
+        this.$el.on('mouseenter' + '.' + NAME, function () {
+          _this2.show();
         });
-        this.$el.on('mouseleave' + '.' + NAME, () => {
-          this.close();
+        this.$el.on('mouseleave' + '.' + NAME, function () {
+          _this2.close();
         });
       } else if (this.trigger === 'focus') {
-        this.$el.on('focusin' + '.' + NAME, () => {
-          this.show();
+        this.$el.on('focusin' + '.' + NAME, function () {
+          _this2.show();
         });
-        this.$el.on('focusout' + '.' + NAME, () => {
-          this.close();
+        this.$el.on('focusout' + '.' + NAME, function () {
+          _this2.close();
         });
       }
-      $(window).on('resize', debounce(() => {
-        if (this.$popover) {
-          this.setPosition();
-          this.onUpdate();
+      $(window).on('resize', debounce(function () {
+        if (_this2.$popover) {
+          _this2.setPosition();
+          _this2.onUpdate();
         }
       }, 250));
     } // Unbind events that trigger methods
+    ;
-    unbindEvents() {
+    _proto.unbindEvents = function unbindEvents() {
       this.$el.off('.' + NAME);
     } // Generate UUID
+    ;
-    generateUUID() {
+    _proto.generateUUID = function generateUUID() {
       return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        let r = Math.random() * 16 | 0,
+        var r = Math.random() * 16 | 0,
             v = c == 'x' ? r : r & 0x3 | 0x8;
         return v.toString(16);
       });
     } // Build popover
+    ;
-    buildPopover() {
-      let content;
+    _proto.buildPopover = function buildPopover() {
+      var content;
       if (typeof this.content === 'function') {
         content = this.content();
@@ -1674,17 +1708,7 @@
         content = this.content;
       }
-      this.$popover = $(`
-    		<div class="popover" role="tooltip" id="${this.id}">
-			    <div class="arrow"></div>
-			    <h3 class="popover-header">${this.title}</h3>
-			    <div class="popover-body">${content}</div>
-			</div>
-    	`);
+      this.$popover = $("\n    \t\t<div class=\"popover\" role=\"tooltip\" id=\"" + this.id + "\">\n\n\t\t\t    <div class=\"arrow\"></div>\n\n\t\t\t    <h3 class=\"popover-header\">" + this.title + "</h3>\n\n\t\t\t    <div class=\"popover-body\">" + content + "</div>\n\n\t\t\t</div>\n    \t");
       this.$container.append(this.$popover);
       this.$arrow = this.$popover.find('.arrow') ? this.$popover.find('.arrow') : false;
       this.log(this.$el);
@@ -1701,27 +1725,27 @@
       this.log('Title: ' + this.title);
       this.log('Content: ' + this.content);
     } // Set positions
+    ;
-    setPosition(placement) {
+    _proto.setPosition = function setPosition(placement) {
       if (typeof placement === 'undefined' || placement === null) {
         placement = this.placement;
       }
       this.$popover.addClass('popover-' + placement);
-      let containerInnerWidth = this.$container.innerWidth();
-      let containerInnerHeight = this.$container.innerHeight();
-      let popoverWidth = this.$popover.outerWidth(true);
-      let popoverHeight = this.$popover.outerHeight(true);
-      let popoverTriggerWidth = this.$el.outerWidth();
-      let popoverTriggerHeight = this.$el.outerHeight();
-      let popoverTriggerPosX = this.$el.position().left;
-      let popoverTriggerPosY = this.$el.position().top;
-      let arrowWidth = this.$arrow.outerWidth(true);
-      let arrowHeight = this.$arrow.outerHeight(true);
-      let arrowPos;
-      let popoverPosX;
-      let popoverPosY;
+      var containerInnerWidth = this.$container.innerWidth();
+      var containerInnerHeight = this.$container.innerHeight();
+      var popoverWidth = this.$popover.outerWidth(true);
+      var popoverHeight = this.$popover.outerHeight(true);
+      var popoverTriggerWidth = this.$el.outerWidth();
+      var popoverTriggerHeight = this.$el.outerHeight();
+      var popoverTriggerPosX = this.$el.position().left;
+      var popoverTriggerPosY = this.$el.position().top;
+      var arrowWidth = this.$arrow.outerWidth(true);
+      var arrowHeight = this.$arrow.outerHeight(true);
+      var arrowPos;
+      var popoverPosX;
+      var popoverPosY;
       if (placement === 'top') {
         popoverPosX = Math.round(popoverTriggerPosX - (popoverWidth - popoverTriggerWidth) / 2);
@@ -1761,14 +1785,14 @@
         'will-change': 'transform'
       }); // Correct placement if popover goes outside of container
-      let popoverOverflowCount = 0;
-      let popoverPosition = {
+      var popoverOverflowCount = 0;
+      var popoverPosition = {
         left: this.$popover.position().left,
         top: this.$popover.position().top,
         right: containerInnerWidth - (this.$popover.position().left + popoverWidth),
         bottom: containerInnerHeight - (this.$popover.position().top + popoverHeight)
       };
-      let popoverOverflow = {
+      var popoverOverflow = {
         left: false,
         top: false,
         right: false,
@@ -1847,8 +1871,8 @@
           if (popoverOverflow.left) {
             this.log('Popover overflowing from left');
-            let overflowAmount = Math.abs(popoverPosition.left);
-            let excludePlacements = ['top', 'bottom'];
+            var overflowAmount = Math.abs(popoverPosition.left);
+            var excludePlacements = ['top', 'bottom'];
             if (popoverTriggerPosX >= popoverPosX + overflowAmount && excludePlacements.indexOf(placement) < 0) {
               this.log('Popover adjusting width');
@@ -1863,33 +1887,39 @@
           if (popoverOverflow.top) {
             this.log('Popover overflowing from top');
-            let overflowAmount = Math.abs(popoverPosition.top);
+            var _overflowAmount = Math.abs(popoverPosition.top);
             this.log('Popover adjusting position y');
-            popoverPosY += overflowAmount;
-            arrowPos -= overflowAmount;
+            popoverPosY += _overflowAmount;
+            arrowPos -= _overflowAmount;
           }
           if (popoverOverflow.right) {
             this.log('Popover overflowing from right');
-            let overflowAmount = Math.abs(popoverPosition.right);
-            let excludePlacements = ['top', 'bottom'];
-            if (popoverTriggerPosX <= popoverPosX - overflowAmount && excludePlacements.indexOf(placement) < 0) {
+            var _overflowAmount2 = Math.abs(popoverPosition.right);
+            var _excludePlacements = ['top', 'bottom'];
+            if (popoverTriggerPosX <= popoverPosX - _overflowAmount2 && _excludePlacements.indexOf(placement) < 0) {
               this.log('Popover adjusting width');
-              popoverWidth -= overflowAmount;
+              popoverWidth -= _overflowAmount2;
             } else {
               this.log('Popover adjusting position x');
-              popoverPosX -= overflowAmount;
-              arrowPos += overflowAmount;
+              popoverPosX -= _overflowAmount2;
+              arrowPos += _overflowAmount2;
             }
           }
           if (popoverOverflow.bottom) {
             this.log('Popover overflowing from bottom');
-            let overflowAmount = Math.abs(popoverPosition.bottom);
+            var _overflowAmount3 = Math.abs(popoverPosition.bottom);
             this.log('Popover adjusting position y');
-            popoverPosY -= overflowAmount;
-            arrowPos += overflowAmount;
+            popoverPosY -= _overflowAmount3;
+            arrowPos += _overflowAmount3;
           }
           if (placement === 'top') {
@@ -1949,9 +1979,9 @@
         this.log('Popover position bottom: ' + popoverPosition.bottom + 'px');
       }
     } // Show
+    ;
-    show() {
+    _proto.show = function show() {
       if (this.$popover) {
         return;
       }
@@ -1973,20 +2003,25 @@
       this.onShow();
     } // Close
+    ;
+    _proto.close = function close() {
+      var _this3 = this;
-    close() {
       if (!this.$popover) {
         return;
       }
       if (this.animation && !this.$popover.hasClass('animated')) {
-        this.$popover.animateCss(this.animationOut, () => {
-          this.$popover.remove();
-          this.$el.removeAttr('data-popover');
-          this.$popover = null;
-          this.placementChanged = false;
-          this.onClose();
+        this.$popover.animateCss(this.animationOut, function () {
+          _this3.$popover.remove();
+          _this3.$el.removeAttr('data-popover');
+          _this3.$popover = null;
+          _this3.placementChanged = false;
+          _this3.onClose();
         });
       } else {
         this.$popover.remove();
@@ -1995,13 +2030,13 @@
         this.placementChanged = false;
         this.onClose();
       }
-    }
+    };
-    static _jQueryInterface(config) {
+    Popover._jQueryInterface = function _jQueryInterface(config) {
       return this.each(function () {
-        let data = $(this).data(DATA_KEY);
+        var data = $(this).data(DATA_KEY);
-        const _config = typeof config === 'object' && config;
+        var _config = typeof config === 'object' && config;
         if (!data) {
           data = new Popover(this, _config);
@@ -2010,23 +2045,24 @@
         if (typeof config === 'string') {
           if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`);
+            throw new TypeError("No method named \"" + config + "\"");
           }
           data[config]();
         }
       });
-    }
+    };
-  }
+    return Popover;
+  }(AbstractUIComponent);
   if (typeof $ !== 'undefined') {
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME];
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
     $.fn[NAME] = Popover._jQueryInterface;
     $.fn[NAME].Constructor = Popover;
-    $.fn[NAME].noConflict = () => {
+    $.fn[NAME].noConflict = function () {
       $.fn[NAME] = JQUERY_NO_CONFLICT;
       return Popover._jQueryInterface;
     };
@@ -2050,55 +2086,71 @@
     };
   }
-  const NAME$1 = 'coolSelect';
-  const DATA_KEY$1 = 'plugin_coolSelect';
+  var NAME$1 = 'coolSelect';
+  var DATA_KEY$1 = 'plugin_coolSelect';
+  var Select =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(Select, _AbstractUIComponent);
+    function Select(el, opts) {
+      var _this;
-  class Select extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+      _this = _AbstractUIComponent.call(this) || this;
+      _this.opts = {};
       if (window.Cool.settings.select) {
-        $.extend(true, this.opts, $.fn[NAME$1].defaults, window.Cool.settings.select, opts);
+        $.extend(true, _this.opts, $.fn[NAME$1].defaults, window.Cool.settings.select, opts);
       } else {
-        $.extend(true, this.opts, $.fn[NAME$1].defaults, opts);
+        $.extend(true, _this.opts, $.fn[NAME$1].defaults, opts);
       }
-      this.el = el;
-      this.debug = this.opts.debug;
-      this.init();
+      _this.el = el;
+      _this.debug = _this.opts.debug;
+      _this.init();
+      return _this;
     } // Init plugin
-    init() {
-      $.when(this.buildCache()).then(() => {
-        this.buildScroll();
-        this.bindEvents();
+    var _proto = Select.prototype;
-        if (this.data[this.name].length > 0) {
-          this.setData();
+    _proto.init = function init() {
+      var _this2 = this;
+      $.when(this.buildCache()).then(function () {
+        _this2.buildScroll();
+        _this2.bindEvents();
+        if (_this2.data[_this2.name].length > 0) {
+          _this2.setData();
         }
-        this.onInit();
+        _this2.onInit();
       });
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.unbindEvents();
       this.$el.removeData(DATA_KEY$1);
       this.onDestroy();
     } // Update plugin data
+    ;
-    update() {
+    _proto.update = function update() {
       this.buildCache();
       this.bindEvents();
       this.onUpdate();
     } // Cache DOM nodes for performance
+    ;
+    _proto.buildCache = function buildCache() {
+      var _this3 = this;
-    buildCache() {
       this.$el = $(this.el);
       this.$selectHeader = this.$el.find('.select-header');
       this.$selectIconContainer = this.$selectHeader.find('.select-icon');
@@ -2129,19 +2181,9 @@
       }
       if (this.items.length) {
-        let items = this._renderItemList(this.items);
-        this.$select = $(`
-                <div class="select-content">
-                    ${this._renderSearch()}
-                    <div class="select-scrollable-content">${items}</div>
-                    ${this._renderFooter()}
+        var items = this._renderItemList(this.items);
-                </div>
-            `);
+        this.$select = $("\n                <div class=\"select-content\">\n\n                    " + this._renderSearch() + "\n\n                    <div class=\"select-scrollable-content\">" + items + "</div>\n\n                    " + this._renderFooter() + "\n\n                </div>\n            ");
         this.$el.append(this.$select);
         this.$scrollableContent = this.$select.find('.select-scrollable-content') ? this.$select.find('.select-scrollable-content') : false;
         this.$selectItems = this.$select.find('.select-item');
@@ -2192,8 +2234,8 @@
           this.$closeButton = this.$select.find('[data-select-close]');
         }
-        $.each(this.$selectLabels, (i, el) => {
-          this.searchData.push({
+        $.each(this.$selectLabels, function (i, el) {
+          _this3.searchData.push({
             id: i,
             val: $(el).text().trim()
           });
@@ -2210,11 +2252,11 @@
         return true;
       }
     } // Build scroll
+    ;
-    buildScroll() {
+    _proto.buildScroll = function buildScroll() {
       if (this.$scrollableContent.length > 0) {
-        let scrollContentHeight = this.scrollContentHeight;
+        var scrollContentHeight = this.scrollContentHeight;
         if (this.showSearch) {
           scrollContentHeight = scrollContentHeight - (this.$searchContainer.outerHeight(true) || 0);
@@ -2250,30 +2292,34 @@
         }
       }
     } // Bind events that trigger methods
+    ;
+    _proto.bindEvents = function bindEvents() {
+      var _this4 = this;
-    bindEvents() {
-      let self = this;
-      this.$selectHeader.on('click' + '.' + NAME$1, () => {
-        if (this.contentOpen) {
-          this.close();
+      var self = this;
+      this.$selectHeader.on('click' + '.' + NAME$1, function () {
+        if (_this4.contentOpen) {
+          _this4.close();
         } else {
-          this.show();
+          _this4.show();
         }
       });
       this.$el.on('change' + '.' + NAME$1, 'input[type="checkbox"]', function () {
-        let val = $(this).val();
+        var val = $(this).val();
         if (this.checked) {
           self.data[self.name].indexOf(val) === -1 ? self.data[self.name].push(val) : false;
         } else {
-          self.data[self.name] = self.data[self.name].filter(n => n != val);
+          self.data[self.name] = self.data[self.name].filter(function (n) {
+            return n != val;
+          });
         }
         self.onSelect(this);
       });
       this.$el.on('change' + '.' + NAME$1, 'input[type="radio"]', function () {
-        let val = $(this).val();
+        var val = $(this).val();
         if (this.checked) {
           self.data[self.name] = val;
@@ -2329,8 +2375,8 @@
       }
       if (this.showFooter) {
-        this.$closeButton.on('click' + '.' + NAME$1, () => {
-          this.close();
+        this.$closeButton.on('click' + '.' + NAME$1, function () {
+          _this4.close();
         });
       }
@@ -2340,32 +2386,32 @@
         }
       });
     } // Unbind events that trigger methods
+    ;
-    unbindEvents() {
+    _proto.unbindEvents = function unbindEvents() {
       this.$el.off('.' + NAME$1);
     } // Get data
+    ;
-    getData(data) {
+    _proto.getData = function getData(data) {
       if (data) {
         return this.data[data];
       } else {
         return this.data;
       }
     } // Set data
+    ;
-    setData() {
-      let self = this;
-      let type = null;
-      let faNameSpace = this.opts.faPro ? 'fal' : 'fas';
-      this.$selectIconContainer.html(`<i class="${faNameSpace} fa-check text-green icon"></i>`);
+    _proto.setData = function setData() {
+      var self = this;
+      var type = null;
+      var faNameSpace = this.opts.faPro ? 'fal' : 'fas';
+      this.$selectIconContainer.html("<i class=\"" + faNameSpace + " fa-check text-green icon\"></i>");
       if (this.searchApi.length) {
-        let searchUrl = this.searchApi;
-        let itemCount = this.data[this.name].length;
-        let currentCount = 0;
+        var searchUrl = this.searchApi;
+        var itemCount = this.data[this.name].length;
+        var currentCount = 0;
         this.data[this.name].forEach(function (value) {
           searchUrl += encodeURIComponent('#' + value);
           currentCount++;
@@ -2378,8 +2424,8 @@
           method: 'GET',
           url: searchUrl
         }).done(function (data) {
-          let items = data.map(function (item) {
-            let label = '';
+          var items = data.map(function (item) {
+            var label = '';
             if (item.name) {
               label = item.name;
@@ -2397,7 +2443,7 @@
           items = items.filter(function (item) {
             return self.data[self.name].indexOf(item.id) > -1;
           });
-          let result = $(self._renderItemList(items));
+          var result = $(self._renderItemList(items));
           $.when(self.$scrollableContent.append(result)).then(function () {
             if (self.$scrollableContent[0].offsetHeight < self.$scrollableContent[0].scrollHeight) {
               self.scroll.update();
@@ -2417,14 +2463,14 @@
             if (type == 'checkbox') {
               self.data[self.name].forEach(function (value) {
-                let $input = self.$select.find(':input').filter(function () {
+                var $input = self.$select.find(':input').filter(function () {
                   return this.value == value;
                 });
                 $input.prop('checked', true);
                 self.onSelect($input[0]);
               });
             } else if (type == 'radio') {
-              let $input = self.$select.find(':input').filter(function () {
+              var $input = self.$select.find(':input').filter(function () {
                 return this.value == self.data[self.name];
               });
               $input.prop('checked', true);
@@ -2442,14 +2488,14 @@
         if (type == 'checkbox') {
           this.data[this.name].forEach(function (value) {
-            let $input = self.$select.find(':input').filter(function () {
+            var $input = self.$select.find(':input').filter(function () {
               return this.value == value;
             });
             $input.prop('checked', true);
             self.onSelect($input[0]);
           });
         } else if (type == 'radio') {
-          let $input = this.$select.find(':input').filter(function () {
+          var $input = this.$select.find(':input').filter(function () {
             return this.value == self.data[self.name];
           });
           $input.prop('checked', true);
@@ -2458,11 +2504,11 @@
         }
       }
     } // Search
+    ;
-    search() {
-      let self = this;
-      let faNameSpace = this.opts.faPro ? 'fal' : 'fas';
+    _proto.search = function search() {
+      var self = this;
+      var faNameSpace = this.opts.faPro ? 'fal' : 'fas';
       if (this.searchString.length) {
         if (this.searchApi.length) {
@@ -2471,7 +2517,7 @@
             method: 'GET',
             url: this.searchApi + this.searchString
           }).done(function (data) {
-            let items = data.map(function (item) {
+            var items = data.map(function (item) {
               return {
                 id: item.id.toString(),
                 label: item.name || item.label || item.value || null
@@ -2484,10 +2530,10 @@
             items = items.filter(function (item) {
               return item.id > 0;
             });
-            let result = $(self._renderItemList(items));
+            var result = $(self._renderItemList(items));
             $.when(self.$scrollableContent.append(result)).then(function () {
-              let faNameSpace = self.opts.faPro ? 'fal' : 'fas';
-              self.$searchIconContainer.html(`<i class="${faNameSpace} fa-times icon"></i>`);
+              var faNameSpace = self.opts.faPro ? 'fal' : 'fas';
+              self.$searchIconContainer.html("<i class=\"" + faNameSpace + " fa-times icon\"></i>");
               self.$searchIconContainer.attr('data-clear-search', 'true');
               if (self.$scrollableContent[0].offsetHeight < self.$scrollableContent[0].scrollHeight) {
@@ -2502,7 +2548,7 @@
             });
           });
         } else {
-          let results = this.searchData.filter(function (item) {
+          var results = this.searchData.filter(function (item) {
             return item.val.toLocaleLowerCase().indexOf(self.searchString.toLocaleLowerCase()) > -1;
           });
           this.$selectItems.removeClass('d-none');
@@ -2511,18 +2557,18 @@
             $(self.$selectItems[item.id]).addClass('visible');
           });
           this.$selectItems.not('.visible').addClass('d-none');
-          this.$searchIconContainer.html(`<i class="${faNameSpace} fa-times icon"></i>`);
+          this.$searchIconContainer.html("<i class=\"" + faNameSpace + " fa-times icon\"></i>");
           this.$searchIconContainer.attr('data-clear-search', 'true');
         }
       } else {
         if (this.searchApi.length) {
           this.$scrollableContent.find('input:not(:checked)').parents('.select-item').not('.static-item').remove();
-          this.$searchIconContainer.html(`<i class="${faNameSpace} fa-search icon"></i>`);
+          this.$searchIconContainer.html("<i class=\"" + faNameSpace + " fa-search icon\"></i>");
           this.$searchIconContainer.attr('data-clear-search', '');
         } else {
           this.$selectItems.removeClass('d-none');
           this.$selectItems.removeClass('visible');
-          this.$searchIconContainer.html(`<i class="${faNameSpace} fa-search icon"></i>`);
+          this.$searchIconContainer.html("<i class=\"" + faNameSpace + " fa-search icon\"></i>");
           this.$searchIconContainer.attr('data-clear-search', '');
         }
       }
@@ -2533,16 +2579,16 @@
       this.onUpdate();
     } // Show
+    ;
-    show() {
+    _proto.show = function show() {
       if (this.$el.hasClass('show')) {
         return;
       }
-      let $otherSelects = $('.select.show');
-      let zindex = 1;
-      let faNameSpace = this.opts.faPro ? 'fal' : 'fas';
+      var $otherSelects = $('.select.show');
+      var zindex = 1;
+      var faNameSpace = this.opts.faPro ? 'fal' : 'fas';
       if ($otherSelects.length) {
         zindex = parseInt($otherSelects.first().css('z-index'), 10) + 2;
@@ -2568,129 +2614,71 @@
         }
       }
-      this.$selectIconContainer.html(`<i class="${faNameSpace} fa-angle-up icon"></i>`);
+      this.$selectIconContainer.html("<i class=\"" + faNameSpace + " fa-angle-up icon\"></i>");
       this.contentOpen = true;
       this.onShow();
     } // Close
+    ;
-    close() {
-      let self = this;
-      let faNameSpace = this.opts.faPro ? 'fal' : 'fas';
+    _proto.close = function close() {
+      var self = this;
+      var faNameSpace = this.opts.faPro ? 'fal' : 'fas';
       this.$el.css('max-height', '');
       this.$el.removeClass('show');
-      setTimeout(() => {
+      setTimeout(function () {
         self.$el.removeAttr('style');
       }, 300);
       if (this.data[this.name].length > 0) {
-        this.$selectIconContainer.html(`<i class="${faNameSpace} fa-check text-green icon"></i>`);
+        this.$selectIconContainer.html("<i class=\"" + faNameSpace + " fa-check text-green icon\"></i>");
       } else {
-        this.$selectIconContainer.html(`<i class="${faNameSpace} fa-angle-down icon"></i>`);
+        this.$selectIconContainer.html("<i class=\"" + faNameSpace + " fa-angle-down icon\"></i>");
       }
       this.contentOpen = false;
       this.onClose();
-    }
+    };
-    onSelect(el) {
-      let onSelect = this.opts.onSelect;
+    _proto.onSelect = function onSelect(el) {
+      var onSelect = this.opts.onSelect;
       if (typeof onSelect === 'function') {
         onSelect.call(el);
       }
-    }
-    _renderItemList(items) {
-      let result = '';
-      for (let i = 0; i < items.length; ++i) {
-        result += `
-                <div class="select-item">
-                    <div class="select-item-${this.type}">
-                        <div class="styled-${this.type}">
-                            <input type="${this.type}" id="select-${this.name}-${items[i].id}" value="${items[i].id}">
-                            <label for="select-${this.name}-${items[i].id}">
-                                <span class="radio-inner">
-                                    <svg viewBox="0 0 18 18">
-                                        <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
-                                    </svg>
-                                </span>
-                                <span class="${this.type}-label" data-label>
-                                    ${items[i].label}
-                                </span>
-                            </label>
-                        </div>
-                    </div>
+    };
-                </div>
+    _proto._renderItemList = function _renderItemList(items) {
+      var result = '';
-            `;
+      for (var i = 0; i < items.length; ++i) {
+        result += "\n\n                <div class=\"select-item\">\n\n                    <div class=\"select-item-" + this.type + "\">\n\n                        <div class=\"styled-" + this.type + "\">\n\n                            <input type=\"" + this.type + "\" id=\"select-" + this.name + "-" + items[i].id + "\" value=\"" + items[i].id + "\">\n\n                            <label for=\"select-" + this.name + "-" + items[i].id + "\">\n\n                                <span class=\"radio-inner\">\n                                    <svg viewBox=\"0 0 18 18\">\n                                        <polyline points=\"1.5 6 4.5 9 10.5 1\"></polyline>\n                                    </svg>\n                                </span>\n\n                                <span class=\"" + this.type + "-label\" data-label>\n                                    " + items[i].label + "\n                                </span>\n\n                            </label>\n\n                        </div>\n\n                    </div>\n\n                </div>\n\n            ";
       }
       return result;
-    }
+    };
-    _renderSearch() {
+    _proto._renderSearch = function _renderSearch() {
       if (!this.showSearch) {
         return '';
       }
-      let faNameSpace = this.opts.faPro ? 'fal' : 'fas';
-      return `
-            <div class="select-search">
-                <div class="select-search-input">
-                    <input type="text" name="select-search" value="" placeholder="${this.opts.searchPlaceholder}">
-                </div>
-                <div class="select-search-icon">
-                    <i class="${faNameSpace} fa-search icon"></i>
-                </div>
-            </div>
-        `;
-    }
+      var faNameSpace = this.opts.faPro ? 'fal' : 'fas';
+      return "\n\n            <div class=\"select-search\">\n\n                <div class=\"select-search-input\">\n\n                    <input type=\"text\" name=\"select-search\" value=\"\" placeholder=\"" + this.opts.searchPlaceholder + "\">\n\n                </div>\n\n                <div class=\"select-search-icon\">\n\n                    <i class=\"" + faNameSpace + " fa-search icon\"></i>\n\n                </div>\n\n            </div>\n\n        ";
+    };
-    _renderFooter() {
+    _proto._renderFooter = function _renderFooter() {
       if (!this.showFooter) {
         return '';
       }
-      return `
-            <div class="select-footer">
-                <button class="btn btn-primary" type="button" data-select-close>
-                    ${this.opts.btnCloseText}
-                </button>
-            </div>
-        `;
-    }
+      return "\n\n            <div class=\"select-footer\">\n\n                <button class=\"btn btn-primary\" type=\"button\" data-select-close>\n                    " + this.opts.btnCloseText + "\n                </button>\n\n            </div>\n\n        ";
+    };
-    static _jQueryInterface(config) {
+    Select._jQueryInterface = function _jQueryInterface(config) {
       return this.each(function () {
-        let data = $(this).data(DATA_KEY$1);
+        var data = $(this).data(DATA_KEY$1);
-        const _config = typeof config === 'object' && config;
+        var _config = typeof config === 'object' && config;
         if (!data) {
           data = new Select(this, _config);
@@ -2699,24 +2687,25 @@
         if (typeof config === 'string') {
           if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`);
+            throw new TypeError("No method named \"" + config + "\"");
           }
           data[config]();
         }
       });
-    }
+    };
-  }
+    return Select;
+  }(AbstractUIComponent);
   if (typeof $ !== 'undefined') {
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME$1];
+    var JQUERY_NO_CONFLICT$1 = $.fn[NAME$1];
     $.fn[NAME$1] = Select._jQueryInterface;
     $.fn[NAME$1].Constructor = Select;
-    $.fn[NAME$1].noConflict = () => {
-      $.fn[NAME$1] = JQUERY_NO_CONFLICT;
+    $.fn[NAME$1].noConflict = function () {
+      $.fn[NAME$1] = JQUERY_NO_CONFLICT$1;
       return Select._jQueryInterface;
     };
@@ -2743,49 +2732,66 @@
     };
   }
-  const NAME$2 = 'coolDropdown';
-  const DATA_KEY$2 = 'plugin_coolDropdown';
+  var NAME$2 = 'coolDropdown';
+  var DATA_KEY$2 = 'plugin_coolDropdown';
+  var Dropdown =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(Dropdown, _AbstractUIComponent);
-  class Dropdown extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+    function Dropdown(el, opts) {
+      var _this;
+      _this = _AbstractUIComponent.call(this) || this;
+      _this.opts = {};
       if (window.Cool.settings.dropdown) {
-        $.extend(true, this.opts, $.fn[NAME$2].defaults, window.Cool.settings.dropdown, opts);
+        $.extend(true, _this.opts, $.fn[NAME$2].defaults, window.Cool.settings.dropdown, opts);
       } else {
-        $.extend(true, this.opts, $.fn[NAME$2].defaults, opts);
+        $.extend(true, _this.opts, $.fn[NAME$2].defaults, opts);
       }
-      this.el = el;
-      this.debug = this.opts.debug;
-      this.init();
+      _this.el = el;
+      _this.debug = _this.opts.debug;
+      _this.init();
+      return _this;
     } // Init plugin
-    init() {
-      $.when(this.buildCache()).then(() => {
-        this.buildScroll();
-        this.bindEvents();
-        this.onInit();
+    var _proto = Dropdown.prototype;
+    _proto.init = function init() {
+      var _this2 = this;
+      $.when(this.buildCache()).then(function () {
+        _this2.buildScroll();
+        _this2.bindEvents();
+        _this2.onInit();
       });
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.unbindEvents();
       this.$el.removeData(DATA_KEY$2);
       this.onDestroy();
     } // Update plugin data
+    ;
-    update() {
+    _proto.update = function update() {
       this.buildCache();
       this.onUpdate();
     } // Cache DOM nodes for performance
+    ;
+    _proto.buildCache = function buildCache() {
+      var _this3 = this;
-    buildCache() {
       this.$el = $(this.el);
       this.$el.addClass('dropdown-trigger');
       this.$container = this.$el.parent('.dropdown');
@@ -2813,35 +2819,45 @@
       }
       if (typeof this.content === 'function') {
-        let menuRight = this.opts.align === 'end' ? ' dropdown-menu-right' : '';
-        this.$dropdown = $(`
-                <div class="dropdown-menu${menuRight}" id="${this.id}">
-                    ${this.content}
-                </div>
-            `);
-        $.when(this.$el.after(this.$dropdown)).then(() => {
-          this.$scrollableContent = this.$dropdown.find('.dropdown-scrollable-content') ? this.$dropdown.find('.dropdown-scrollable-content') : false;
-          this.$dropdown.hasClass('dropdown-menu-right') ? this.align = 'end' : this.align = 'start';
-          this.$dropdownItem = this.$dropdown.find('.dropdown-item');
-          if (this.minWidth) {
-            this.$dropdown.css('min-width', this.minWidth + 'px');
+        var menuRight = this.opts.align === 'end' ? ' dropdown-menu-right' : '';
+        this.$dropdown = $("\n                <div class=\"dropdown-menu" + menuRight + "\" id=\"" + this.id + "\">\n                    " + this.content + "\n                </div>\n            ");
+        $.when(this.$el.after(this.$dropdown)).then(function () {
+          _this3.$scrollableContent = _this3.$dropdown.find('.dropdown-scrollable-content') ? _this3.$dropdown.find('.dropdown-scrollable-content') : false;
+          _this3.$dropdown.hasClass('dropdown-menu-right') ? _this3.align = 'end' : _this3.align = 'start';
+          _this3.$dropdownItem = _this3.$dropdown.find('.dropdown-item');
+          if (_this3.minWidth) {
+            _this3.$dropdown.css('min-width', _this3.minWidth + 'px');
           }
-          this.log(this.$el);
-          this.log(this.$container);
-          this.log(this.$dropdown);
-          this.log(this.$scrollableContent);
-          this.log('Id: ' + this.id);
-          this.log('Animation: ' + this.animation);
-          this.log('Animation in: ' + this.animationIn);
-          this.log('Animation out: ' + this.animationOut);
-          this.log('Animation speed: ' + this.animationSpeed);
-          this.log('Offset: ' + this.offset);
-          this.log('Min width: ' + this.minWidth);
-          this.log('Content: ' + this.content);
-          this.log('Scroll: ' + this.scroll);
-          this.log('Scroll content height: ' + this.scrollContentHeight + 'px');
+          _this3.log(_this3.$el);
+          _this3.log(_this3.$container);
+          _this3.log(_this3.$dropdown);
+          _this3.log(_this3.$scrollableContent);
+          _this3.log('Id: ' + _this3.id);
+          _this3.log('Animation: ' + _this3.animation);
+          _this3.log('Animation in: ' + _this3.animationIn);
+          _this3.log('Animation out: ' + _this3.animationOut);
+          _this3.log('Animation speed: ' + _this3.animationSpeed);
+          _this3.log('Offset: ' + _this3.offset);
+          _this3.log('Min width: ' + _this3.minWidth);
+          _this3.log('Content: ' + _this3.content);
+          _this3.log('Scroll: ' + _this3.scroll);
+          _this3.log('Scroll content height: ' + _this3.scrollContentHeight + 'px');
           return true;
         });
       } else {
@@ -2871,9 +2887,9 @@
         return true;
       }
     } // Build scroll
+    ;
-    buildScroll() {
+    _proto.buildScroll = function buildScroll() {
       if (this.opts.scroll && this.$scrollableContent.length) {
         this.$scrollableContent.css({
           'max-height': this.scrollContentHeight + 'px'
@@ -2896,15 +2912,17 @@
         }
       }
     } // Bind events that trigger methods
+    ;
+    _proto.bindEvents = function bindEvents() {
+      var _this4 = this;
-    bindEvents() {
-      let self = this;
-      this.$el.on('click' + '.' + NAME$2, () => {
-        if (this.contentOpen) {
-          this.close();
+      var self = this;
+      this.$el.on('click' + '.' + NAME$2, function () {
+        if (_this4.contentOpen) {
+          _this4.close();
         } else {
-          this.show();
+          _this4.show();
         }
       });
       this.$dropdownItem.on('click' + '.' + NAME$2, function () {
@@ -2914,45 +2932,46 @@
         self.onItemClick(this);
       });
-      $(document).on('touchstart click', e => {
-        if (!this.$el.is(e.target) && !this.$dropdown.is(e.target) && this.$dropdown.has(e.target).length === 0 && this.contentOpen) {
-          this.close();
+      $(document).on('touchstart click', function (e) {
+        if (!_this4.$el.is(e.target) && !_this4.$dropdown.is(e.target) && _this4.$dropdown.has(e.target).length === 0 && _this4.contentOpen) {
+          _this4.close();
         }
       });
-      $(window).on('resize', debounce(() => {
-        this.setPosition();
-        this.onUpdate();
+      $(window).on('resize', debounce(function () {
+        _this4.setPosition();
+        _this4.onUpdate();
       }, 250));
     } // Unbind events that trigger methods
+    ;
-    unbindEvents() {
+    _proto.unbindEvents = function unbindEvents() {
       this.$el.off('.' + NAME$2);
     } // Generate UUID
+    ;
-    generateUUID() {
+    _proto.generateUUID = function generateUUID() {
       return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        let r = Math.random() * 16 | 0,
+        var r = Math.random() * 16 | 0,
             v = c == 'x' ? r : r & 0x3 | 0x8;
         return v.toString(16);
       });
     } // Set positions
+    ;
-    setPosition(placement) {
+    _proto.setPosition = function setPosition(placement) {
       if (typeof str === 'undefined' || str === null) {
         placement = this.placement;
       }
-      let dropdownWidth = this.$dropdown.outerWidth(true);
-      let dropdownHeight = this.$dropdown.outerHeight(true);
-      let dropdownTriggerWidth = this.$el.outerWidth(true);
-      let dropdownTriggerHeight = this.$el.outerHeight(true);
-      let dropdownTriggerPosX = this.$el.position().left;
-      let dropdownTriggerPosY = this.$el.position().top;
-      let dropdownPosX;
-      let dropdownPosY;
+      var dropdownWidth = this.$dropdown.outerWidth(true);
+      var dropdownHeight = this.$dropdown.outerHeight(true);
+      var dropdownTriggerWidth = this.$el.outerWidth(true);
+      var dropdownTriggerHeight = this.$el.outerHeight(true);
+      var dropdownTriggerPosX = this.$el.position().left;
+      var dropdownTriggerPosY = this.$el.position().top;
+      var dropdownPosX;
+      var dropdownPosY;
       if (placement === 'top') {
         if (this.align === 'end') {
@@ -2979,9 +2998,9 @@
       }
       if (this.offset) {
-        let offsets = this.offset.split(',');
-        let offsetX = offsets[0];
-        let offsetY = offsets[1];
+        var offsets = this.offset.split(',');
+        var offsetX = offsets[0];
+        var offsetY = offsets[1];
         dropdownPosX += parseInt(offsetX, 10);
         dropdownPosY += parseInt(offsetY, 10);
       }
@@ -3002,9 +3021,9 @@
       this.log('Dropdown position x: ' + dropdownPosX + 'px');
       this.log('Dropdown position y: ' + dropdownPosY + 'px');
     } // Show
+    ;
-    show() {
+    _proto.show = function show() {
       if (!this.$dropdown || this.$dropdown.hasClass('show')) {
         return;
       }
@@ -3033,17 +3052,20 @@
       this.contentOpen = true;
       this.onShow();
     } // Close
+    ;
+    _proto.close = function close() {
+      var _this5 = this;
-    close() {
       if (!this.$dropdown) {
         return;
       }
       if (this.animation && !this.$dropdown.hasClass('animated')) {
-        this.$dropdown.animateCss(this.animationOut, () => {
-          this.$dropdown.removeClass('show');
-          this.$el.removeAttr('data-dropdown');
+        this.$dropdown.animateCss(this.animationOut, function () {
+          _this5.$dropdown.removeClass('show');
+          _this5.$el.removeAttr('data-dropdown');
         });
       } else {
         this.$dropdown.removeClass('show');
@@ -3053,21 +3075,21 @@
       this.contentOpen = false;
       this.onClose();
     } // Item callback
+    ;
-    onItemClick(el) {
-      let onItemClick = this.opts.onItemClick;
+    _proto.onItemClick = function onItemClick(el) {
+      var onItemClick = this.opts.onItemClick;
       if (typeof onItemClick === 'function') {
         onItemClick.call(el);
       }
-    }
+    };
-    static _jQueryInterface(config) {
+    Dropdown._jQueryInterface = function _jQueryInterface(config) {
       return this.each(function () {
-        let data = $(this).data(DATA_KEY$2);
+        var data = $(this).data(DATA_KEY$2);
-        const _config = typeof config === 'object' && config;
+        var _config = typeof config === 'object' && config;
         if (!data) {
           data = new Dropdown(this, _config);
@@ -3076,24 +3098,25 @@
         if (typeof config === 'string') {
           if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`);
+            throw new TypeError("No method named \"" + config + "\"");
           }
           data[config]();
         }
       });
-    }
+    };
-  }
+    return Dropdown;
+  }(AbstractUIComponent);
   if (typeof $ !== 'undefined') {
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME$2];
+    var JQUERY_NO_CONFLICT$2 = $.fn[NAME$2];
     $.fn[NAME$2] = Dropdown._jQueryInterface;
     $.fn[NAME$2].Constructor = Dropdown;
-    $.fn[NAME$2].noConflict = () => {
-      $.fn[NAME$2] = JQUERY_NO_CONFLICT;
+    $.fn[NAME$2].noConflict = function () {
+      $.fn[NAME$2] = JQUERY_NO_CONFLICT$2;
       return Dropdown._jQueryInterface;
     };
@@ -3119,47 +3142,58 @@
     };
   }
-  const NAME$3 = 'coolTooltip';
-  const DATA_KEY$3 = 'plugin_coolTooltip';
+  var NAME$3 = 'coolTooltip';
+  var DATA_KEY$3 = 'plugin_coolTooltip';
+  var Tooltip =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(Tooltip, _AbstractUIComponent);
-  class Tooltip extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+    function Tooltip(el, opts) {
+      var _this;
+      _this = _AbstractUIComponent.call(this) || this;
+      _this.opts = {};
       if (window.Cool.settings.tooltip) {
-        $.extend(true, this.opts, $.fn[NAME$3].defaults, window.Cool.settings.tooltip, opts);
+        $.extend(true, _this.opts, $.fn[NAME$3].defaults, window.Cool.settings.tooltip, opts);
       } else {
-        $.extend(true, this.opts, $.fn[NAME$3].defaults, opts);
+        $.extend(true, _this.opts, $.fn[NAME$3].defaults, opts);
       }
-      this.el = el;
-      this.debug = this.opts.debug;
-      this.init();
+      _this.el = el;
+      _this.debug = _this.opts.debug;
+      _this.init();
+      return _this;
     } // Init plugin
-    init() {
+    var _proto = Tooltip.prototype;
+    _proto.init = function init() {
       this.buildCache();
       this.bindEvents();
       this.onInit();
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.unbindEvents();
       this.$el.removeData(DATA_KEY$3);
       this.onDestroy();
     } // Update plugin data
+    ;
-    update() {
+    _proto.update = function update() {
       this.buildCache();
       this.onUpdate();
     } // Cache DOM nodes for performance
+    ;
-    buildCache() {
+    _proto.buildCache = function buildCache() {
       this.$el = $(this.el);
       this.$container = this.$el.data('container') ? $(this.$el.data('container')) : $(this.opts.container);
       this.id = 'tooltip-' + this.generateUUID();
@@ -3171,50 +3205,43 @@
       this.placementChanged = false;
       this.content = this.$el.data('content') ? this.$el.data('content') : this.opts.content;
     } // Bind events that trigger methods
+    ;
+    _proto.bindEvents = function bindEvents() {
+      var _this2 = this;
-    bindEvents() {
-      this.$el.on('mouseenter' + '.' + NAME$3, () => {
-        this.show();
+      this.$el.on('mouseenter' + '.' + NAME$3, function () {
+        _this2.show();
       });
-      this.$el.on('mouseleave' + '.' + NAME$3, () => {
-        this.close();
+      this.$el.on('mouseleave' + '.' + NAME$3, function () {
+        _this2.close();
       });
-      $(window).on('resize', debounce(() => {
-        if (this.$tooltip) {
-          this.setPosition();
-          this.onUpdate();
+      $(window).on('resize', debounce(function () {
+        if (_this2.$tooltip) {
+          _this2.setPosition();
+          _this2.onUpdate();
         }
       }, 250));
     } // Unbind events that trigger methods
+    ;
-    unbindEvents() {
+    _proto.unbindEvents = function unbindEvents() {
       this.$el.off('.' + NAME$3);
     } // Generate UUID
+    ;
-    generateUUID() {
+    _proto.generateUUID = function generateUUID() {
       return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        let r = Math.random() * 16 | 0,
+        var r = Math.random() * 16 | 0,
             v = c == 'x' ? r : r & 0x3 | 0x8;
         return v.toString(16);
       });
     } // Build tooltip
+    ;
-    buildTooltip() {
-      this.$tooltip = $(`
-            <div class="tooltip" role="tooltip" id="${this.id}">
-                <div class="arrow"></div>
-                <div class="tooltip-inner">${this.content}</div>
-            </div>
-        `);
+    _proto.buildTooltip = function buildTooltip() {
+      this.$tooltip = $("\n\n            <div class=\"tooltip\" role=\"tooltip\" id=\"" + this.id + "\">\n\n                <div class=\"arrow\"></div>\n\n                <div class=\"tooltip-inner\">" + this.content + "</div>\n\n            </div>\n\n        ");
       this.$container.append(this.$tooltip);
       this.$arrow = this.$tooltip.find('.arrow');
       this.log(this.$el);
@@ -3229,27 +3256,27 @@
       this.log('Placement: ' + this.placement);
       this.log('Content: ' + this.content);
     } // Set positions
+    ;
-    setPosition(placement) {
+    _proto.setPosition = function setPosition(placement) {
       if (typeof placement === 'undefined' || placement === null) {
         placement = this.placement;
       }
       this.$tooltip.addClass('tooltip-' + placement);
-      let containerInnerWidth = this.$container.innerWidth();
-      let containerInnerHeight = this.$container.innerHeight();
-      let tooltipWidth = this.$tooltip.outerWidth(true);
-      let tooltipHeight = this.$tooltip.outerHeight(true);
-      let tooltipTriggerWidth = this.$el.outerWidth();
-      let tooltipTriggerHeight = this.$el.outerHeight();
-      let tooltipTriggerPosX = this.$el.offset().left;
-      let tooltipTriggerPosY = this.$el.offset().top;
-      let arrowWidth = this.$arrow.outerWidth(true);
-      let arrowHeight = this.$arrow.outerHeight(true);
-      let arrowPos;
-      let tooltipPosX;
-      let tooltipPosY;
+      var containerInnerWidth = this.$container.innerWidth();
+      var containerInnerHeight = this.$container.innerHeight();
+      var tooltipWidth = this.$tooltip.outerWidth(true);
+      var tooltipHeight = this.$tooltip.outerHeight(true);
+      var tooltipTriggerWidth = this.$el.outerWidth();
+      var tooltipTriggerHeight = this.$el.outerHeight();
+      var tooltipTriggerPosX = this.$el.offset().left;
+      var tooltipTriggerPosY = this.$el.offset().top;
+      var arrowWidth = this.$arrow.outerWidth(true);
+      var arrowHeight = this.$arrow.outerHeight(true);
+      var arrowPos;
+      var tooltipPosX;
+      var tooltipPosY;
       if (placement === 'top') {
         tooltipPosX = Math.round(tooltipTriggerPosX - (tooltipWidth - tooltipTriggerWidth) / 2);
@@ -3289,14 +3316,14 @@
         'will-change': 'transform'
       }); // Correct placement if tooltip goes outside of container
-      let tooltipOverflowCount = 0;
-      let tooltipPosition = {
+      var tooltipOverflowCount = 0;
+      var tooltipPosition = {
         left: this.$tooltip.position().left,
         top: this.$tooltip.position().top,
         right: containerInnerWidth - (this.$tooltip.position().left + tooltipWidth),
         bottom: containerInnerHeight - (this.$tooltip.position().top + tooltipHeight)
       };
-      let tooltipOverflow = {
+      var tooltipOverflow = {
         left: false,
         top: false,
         right: false,
@@ -3375,8 +3402,8 @@
           if (tooltipOverflow.left) {
             this.log('Tooltip overflowing from left');
-            let overflowAmount = Math.abs(tooltipPosition.left);
-            let excludePlacements = ['top', 'bottom'];
+            var overflowAmount = Math.abs(tooltipPosition.left);
+            var excludePlacements = ['top', 'bottom'];
             if (tooltipTriggerPosX >= tooltipPosX + overflowAmount && excludePlacements.indexOf(placement) < 0) {
               this.log('Tooltip adjusting width');
@@ -3391,33 +3418,39 @@
           if (tooltipOverflow.top) {
             this.log('Tooltip overflowing from top');
-            let overflowAmount = Math.abs(tooltipPosition.top);
+            var _overflowAmount = Math.abs(tooltipPosition.top);
             this.log('Tooltip adjusting position y');
-            tooltipPosY += overflowAmount;
-            arrowPos -= overflowAmount;
+            tooltipPosY += _overflowAmount;
+            arrowPos -= _overflowAmount;
           }
           if (tooltipOverflow.right) {
             this.log('Tooltip overflowing from right');
-            let overflowAmount = Math.abs(tooltipPosition.right);
-            let excludePlacements = ['top', 'bottom'];
-            if (tooltipTriggerPosX <= tooltipPosX - overflowAmount && excludePlacements.indexOf(placement) < 0) {
+            var _overflowAmount2 = Math.abs(tooltipPosition.right);
+            var _excludePlacements = ['top', 'bottom'];
+            if (tooltipTriggerPosX <= tooltipPosX - _overflowAmount2 && _excludePlacements.indexOf(placement) < 0) {
               this.log('Tooltip adjusting width');
-              tooltipWidth -= overflowAmount;
+              tooltipWidth -= _overflowAmount2;
             } else {
               this.log('Tooltip adjusting position x');
-              tooltipPosX -= overflowAmount;
-              arrowPos += overflowAmount;
+              tooltipPosX -= _overflowAmount2;
+              arrowPos += _overflowAmount2;
             }
           }
           if (tooltipOverflow.bottom) {
             this.log('Tooltip overflowing from bottom');
-            let overflowAmount = Math.abs(tooltipPosition.bottom);
+            var _overflowAmount3 = Math.abs(tooltipPosition.bottom);
             this.log('Tooltip adjusting position y');
-            tooltipPosY -= overflowAmount;
-            arrowPos += overflowAmount;
+            tooltipPosY -= _overflowAmount3;
+            arrowPos += _overflowAmount3;
           }
           if (placement === 'top') {
@@ -3477,9 +3510,9 @@
         this.log('Tooltip position bottom: ' + tooltipPosition.bottom + 'px');
       }
     } // Show
+    ;
-    show() {
+    _proto.show = function show() {
       if (this.$tooltip) {
         return;
       }
@@ -3501,20 +3534,25 @@
       this.onShow();
     } // Close
+    ;
+    _proto.close = function close() {
+      var _this3 = this;
-    close() {
       if (!this.$tooltip) {
         return;
       }
       if (this.animation && !this.$tooltip.hasClass('animated')) {
-        this.$tooltip.animateCss(this.animationOut, () => {
-          this.$tooltip.remove();
-          this.$el.removeAttr('data-tooltip');
-          this.$tooltip = null;
-          this.placementChanged = false;
-          this.onClose();
+        this.$tooltip.animateCss(this.animationOut, function () {
+          _this3.$tooltip.remove();
+          _this3.$el.removeAttr('data-tooltip');
+          _this3.$tooltip = null;
+          _this3.placementChanged = false;
+          _this3.onClose();
         });
       } else {
         this.$tooltip.remove();
@@ -3523,13 +3561,13 @@
         this.placementChanged = false;
         this.onClose();
       }
-    }
+    };
-    static _jQueryInterface(config) {
+    Tooltip._jQueryInterface = function _jQueryInterface(config) {
       return this.each(function () {
-        let data = $(this).data(DATA_KEY$3);
+        var data = $(this).data(DATA_KEY$3);
-        const _config = typeof config === 'object' && config;
+        var _config = typeof config === 'object' && config;
         if (!data) {
           data = new Tooltip(this, _config);
@@ -3538,24 +3576,25 @@
         if (typeof config === 'string') {
           if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`);
+            throw new TypeError("No method named \"" + config + "\"");
           }
           data[config]();
         }
       });
-    }
+    };
-  }
+    return Tooltip;
+  }(AbstractUIComponent);
   if (typeof $ !== 'undefined') {
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME$3];
+    var JQUERY_NO_CONFLICT$3 = $.fn[NAME$3];
     $.fn[NAME$3] = Tooltip._jQueryInterface;
     $.fn[NAME$3].Constructor = Tooltip;
-    $.fn[NAME$3].noConflict = () => {
-      $.fn[NAME$3] = JQUERY_NO_CONFLICT;
+    $.fn[NAME$3].noConflict = function () {
+      $.fn[NAME$3] = JQUERY_NO_CONFLICT$3;
       return Tooltip._jQueryInterface;
     };
@@ -3576,48 +3615,59 @@
     };
   }
-  const NAME$4 = 'coolSectionTabs';
-  const DATA_KEY$4 = 'plugin_coolSectionTabs';
+  var NAME$4 = 'coolSectionTabs';
+  var DATA_KEY$4 = 'plugin_coolSectionTabs';
+  var SectionTabs =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(SectionTabs, _AbstractUIComponent);
-  class SectionTabs extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+    function SectionTabs(el, opts) {
+      var _this;
+      _this = _AbstractUIComponent.call(this) || this;
+      _this.opts = {};
       if (window.Cool.settings.sectionTabs) {
-        $.extend(true, this.opts, $.fn[NAME$4].defaults, window.Cool.settings.sectionTabs, opts);
+        $.extend(true, _this.opts, $.fn[NAME$4].defaults, window.Cool.settings.sectionTabs, opts);
       } else {
-        $.extend(true, this.opts, $.fn[NAME$4].defaults, opts);
+        $.extend(true, _this.opts, $.fn[NAME$4].defaults, opts);
       }
-      this.el = el;
-      this.debug = this.opts.debug;
-      this.init();
+      _this.el = el;
+      _this.debug = _this.opts.debug;
+      _this.init();
+      return _this;
     } // Init plugin
-    init() {
+    var _proto = SectionTabs.prototype;
+    _proto.init = function init() {
       this.buildCache();
       this.bindEvents();
       this.checkForChanges();
       this.onInit();
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.unbindEvents();
       this.$el.removeData(DATA_KEY$4);
       this.onDestroy();
     } // Update plugin data
+    ;
-    update() {
+    _proto.update = function update() {
       this.buildCache();
       this.onUpdate();
     } // Cache DOM nodes for performance
+    ;
-    buildCache() {
+    _proto.buildCache = function buildCache() {
       this.$el = $(this.el);
       this.$dropdownContainer = this.$el.find('.dropdown-container');
       this.$dropdownList = this.$el.find('.dropdown-list');
@@ -3631,50 +3681,52 @@
       this.log(this.$dropdownList);
       this.log(this.tabsCount);
     } // Bind events that trigger methods
+    ;
+    _proto.bindEvents = function bindEvents() {
+      var _this2 = this;
-    bindEvents() {
-      $(window).on('resize', debounce(() => {
-        this.checkForChanges();
+      $(window).on('resize', debounce(function () {
+        _this2.checkForChanges();
       }, 250));
     } // Unbind events that trigger methods
+    ;
-    unbindEvents() {
+    _proto.unbindEvents = function unbindEvents() {
       this.$el.off('.' + this._name);
     } // Move to list
+    ;
-    moveToList(el) {
+    _proto.moveToList = function moveToList(el) {
       $(el).insertBefore(this.$dropdownContainer);
       this.checkForChanges();
     } // Move to dropdown
+    ;
-    moveToDropdown(el) {
+    _proto.moveToDropdown = function moveToDropdown(el) {
       $(el).appendTo(this.$dropdownList);
       this.checkForChanges();
     } // Overflow status
+    ;
-    overflowStatus() {
+    _proto.overflowStatus = function overflowStatus() {
       if (this.$el[0].offsetWidth < this.$el[0].scrollWidth) {
         return true;
       } else {
         return false;
       }
     } // CheckForChanges
+    ;
-    checkForChanges() {
-      let dropdownItems = this.$dropdownList.children();
-      let moveableTabs = this.$el.find('> .tab-item').not(this.$dropdownContainer);
-      let tabs = this.$el.find('> .tab-item:visible');
-      let usedSpace = 0;
+    _proto.checkForChanges = function checkForChanges() {
+      var dropdownItems = this.$dropdownList.children();
+      var moveableTabs = this.$el.find('> .tab-item').not(this.$dropdownContainer);
+      var tabs = this.$el.find('> .tab-item:visible');
+      var usedSpace = 0;
       $.each(tabs, function (i, el) {
         usedSpace += $(el).outerWidth(true);
       });
-      let freeSpace = this.$el[0].offsetWidth - usedSpace;
+      var freeSpace = this.$el[0].offsetWidth - usedSpace;
       if (dropdownItems.length > 0) {
         if (!this.$dropdownContainer.hasClass('visible')) {
@@ -3697,13 +3749,13 @@
           }
         }
       }
-    }
+    };
-    static _jQueryInterface(config) {
+    SectionTabs._jQueryInterface = function _jQueryInterface(config) {
       return this.each(function () {
-        let data = $(this).data(DATA_KEY$4);
+        var data = $(this).data(DATA_KEY$4);
-        const _config = typeof config === 'object' && config;
+        var _config = typeof config === 'object' && config;
         if (!data) {
           data = new SectionTabs(this, _config);
@@ -3712,24 +3764,25 @@
         if (typeof config === 'string') {
           if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`);
+            throw new TypeError("No method named \"" + config + "\"");
           }
           data[config]();
         }
       });
-    }
+    };
-  }
+    return SectionTabs;
+  }(AbstractUIComponent);
   if (typeof $ !== 'undefined') {
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME$4];
+    var JQUERY_NO_CONFLICT$4 = $.fn[NAME$4];
     $.fn[NAME$4] = SectionTabs._jQueryInterface;
     $.fn[NAME$4].Constructor = SectionTabs;
-    $.fn[NAME$4].noConflict = () => {
-      $.fn[NAME$4] = JQUERY_NO_CONFLICT;
+    $.fn[NAME$4].noConflict = function () {
+      $.fn[NAME$4] = JQUERY_NO_CONFLICT$4;
       return SectionTabs._jQueryInterface;
     };
@@ -3741,47 +3794,58 @@
     };
   }
-  const NAME$5 = 'coolCollapse';
-  const DATA_KEY$5 = 'plugin_coolCollapse';
+  var NAME$5 = 'coolCollapse';
+  var DATA_KEY$5 = 'plugin_coolCollapse';
+  var Collapse =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(Collapse, _AbstractUIComponent);
+    function Collapse(el, opts) {
+      var _this;
-  class Collapse extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+      _this = _AbstractUIComponent.call(this) || this;
+      _this.opts = {};
       if (window.Cool.settings.collapse) {
-        $.extend(true, this.opts, $.fn[NAME$5].defaults, window.Cool.settings.dialog, opts);
+        $.extend(true, _this.opts, $.fn[NAME$5].defaults, window.Cool.settings.dialog, opts);
       } else {
-        $.extend(true, this.opts, $.fn[NAME$5].defaults, opts);
+        $.extend(true, _this.opts, $.fn[NAME$5].defaults, opts);
       }
-      this.el = el;
-      this.debug = this.opts.debug;
-      this.init();
+      _this.el = el;
+      _this.debug = _this.opts.debug;
+      _this.init();
+      return _this;
     } // Init plugin
-    init() {
+    var _proto = Collapse.prototype;
+    _proto.init = function init() {
       this.buildCache();
       this.bindEvents();
       this.onInit();
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.unbindEvents();
       this.$el.removeData(DATA_KEY$5);
       this.onDestroy();
     } // Update plugin data
+    ;
-    update() {
+    _proto.update = function update() {
       this.buildCache();
       this.onUpdate();
     } // Cache DOM nodes for performance
+    ;
-    buildCache() {
+    _proto.buildCache = function buildCache() {
       this.$el = $(this.el);
       this.$target = this.$el.data('target') ? $(document).find(this.$el.data('target')) : $(document).find(this.opts.target);
       this.expanded = this.$el.attr('aria-expanded') == 'true' ? true : false;
@@ -3804,33 +3868,36 @@
       this.log('Expanded: ' + this.expanded);
       this.log('Target height: ' + this.targetHeight + 'px');
     } // Bind events that trigger methods
+    ;
+    _proto.bindEvents = function bindEvents() {
+      var _this2 = this;
-    bindEvents() {
-      this.$el.on('click' + '.' + this.name, e => {
-        if (this.expanded) {
-          this.close();
+      this.$el.on('click' + '.' + this.name, function (e) {
+        if (_this2.expanded) {
+          _this2.close();
         } else {
-          this.show();
+          _this2.show();
         }
       });
-      $(window).on('resize', debounce(() => {
-        if (this.$target.length) {
-          this.targetHeight = this.$target.height();
-          this.log('Target height: ' + this.targetHeight + 'px');
+      $(window).on('resize', debounce(function () {
+        if (_this2.$target.length) {
+          _this2.targetHeight = _this2.$target.height();
+          _this2.log('Target height: ' + _this2.targetHeight + 'px');
         }
       }, 250));
     } // Unbind events that trigger methods
+    ;
-    unbindEvents() {
+    _proto.unbindEvents = function unbindEvents() {
       this.$el.off('.' + this.name);
     } // Which transition
+    ;
-    whichTransitionEvent() {
-      let el = document.createElement('text-transition');
-      let transEndEventNames = {
+    _proto.whichTransitionEvent = function whichTransitionEvent() {
+      var el = document.createElement('text-transition');
+      var transEndEventNames = {
         'WebkitTransition': 'webkitTransitionEnd',
         // Saf 6, Android Browser
         'MozTransition': 'transitionend',
@@ -3839,15 +3906,17 @@
       };
-      for (let t in transEndEventNames) {
+      for (var t in transEndEventNames) {
         if (el.style[t] !== undefined) {
           return transEndEventNames[t];
         }
       }
     } // Show
+    ;
+    _proto.show = function show() {
+      var _this3 = this;
-    show() {
       this.$target.removeClass('collapse visible');
       this.$target.addClass('collapsing');
@@ -3866,24 +3935,30 @@
         this.$indicator.addClass('visible');
       }
-      this.$target.one(this.whichTransitionEvent(), () => {
-        this.$target.removeClass('collapsing');
+      this.$target.one(this.whichTransitionEvent(), function () {
+        _this3.$target.removeClass('collapsing');
-        if (this.$el.is('button')) {
-          this.$el.attr('disabled', false);
+        if (_this3.$el.is('button')) {
+          _this3.$el.attr('disabled', false);
         }
-        this.$target.removeAttr('style');
-        this.$target.addClass('collapse visible');
-        this.$el.attr('aria-expanded', true);
-        this.$target.css('height', 'auto');
-        this.expanded = true;
+        _this3.$target.removeAttr('style');
+        _this3.$target.addClass('collapse visible');
+        _this3.$el.attr('aria-expanded', true);
+        _this3.$target.css('height', 'auto');
+        _this3.expanded = true;
       });
       this.onShow();
     } // Close
+    ;
+    _proto.close = function close() {
+      var _this4 = this;
-    close() {
       this.$target.removeClass('collapse visible');
       this.$target.addClass('collapsing');
@@ -3896,34 +3971,37 @@
       }
       this.$target.css('height', this.$target.height());
-      setTimeout(() => {
-        this.$target.css('height', 0);
+      setTimeout(function () {
+        _this4.$target.css('height', 0);
       }, 10);
       if (this.$indicator.length && this.$indicator.hasClass('visible')) {
         this.$indicator.removeClass('visible');
       }
-      this.$target.one(this.whichTransitionEvent(), () => {
-        this.$target.removeClass('collapsing');
+      this.$target.one(this.whichTransitionEvent(), function () {
+        _this4.$target.removeClass('collapsing');
-        if (this.$el.is('button')) {
-          this.$el.attr('disabled', false);
+        if (_this4.$el.is('button')) {
+          _this4.$el.attr('disabled', false);
         }
-        this.$target.removeAttr('style');
-        this.$target.addClass('collapse');
-        this.$el.attr('aria-expanded', false);
-        this.expanded = false;
+        _this4.$target.removeAttr('style');
+        _this4.$target.addClass('collapse');
+        _this4.$el.attr('aria-expanded', false);
+        _this4.expanded = false;
       });
       this.onClose();
-    }
+    };
-    static _jQueryInterface(config) {
+    Collapse._jQueryInterface = function _jQueryInterface(config) {
       return this.each(function () {
-        let data = $(this).data(DATA_KEY$5);
+        var data = $(this).data(DATA_KEY$5);
-        const _config = typeof config === 'object' && config;
+        var _config = typeof config === 'object' && config;
         if (!data) {
           data = new Collapse(this, _config);
@@ -3932,24 +4010,25 @@
         if (typeof config === 'string') {
           if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`);
+            throw new TypeError("No method named \"" + config + "\"");
           }
           data[config]();
         }
       });
-    }
+    };
-  }
+    return Collapse;
+  }(AbstractUIComponent);
   if (typeof $ !== 'undefined') {
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME$5];
+    var JQUERY_NO_CONFLICT$5 = $.fn[NAME$5];
     $.fn[NAME$5] = Collapse._jQueryInterface;
     $.fn[NAME$5].Constructor = Collapse;
-    $.fn[NAME$5].noConflict = () => {
-      $.fn[NAME$5] = JQUERY_NO_CONFLICT;
+    $.fn[NAME$5].noConflict = function () {
+      $.fn[NAME$5] = JQUERY_NO_CONFLICT$5;
       return Collapse._jQueryInterface;
     };
@@ -3964,11 +4043,13 @@
     };
   }
-  const NAME$6 = 'coolToast';
-  const DATA_KEY$6 = 'plugin_coolToast';
+  var NAME$6 = 'coolToast';
+  var DATA_KEY$6 = 'plugin_coolToast';
-  class Toast {
-    constructor(container, opts) {
+  var Toast =
+  /*#__PURE__*/
+  function () {
+    function Toast(container, opts) {
       this.settings = {};
       if (window.Cool.settings.toast) {
@@ -3989,7 +4070,9 @@
     } // Add item to queue
-    addQueue(toast) {
+    var _proto = Toast.prototype;
+    _proto.addQueue = function addQueue(toast) {
       this.queue.push(toast);
       if (this.processingQueue) {
@@ -3998,9 +4081,9 @@
       return this.processQueue();
     } // Process queue
+    ;
-    processQueue() {
+    _proto.processQueue = function processQueue() {
       if (this.processingQueue) {
         this.queue.shift();
       }
@@ -4013,26 +4096,26 @@
       this.processingQueue = true;
       return this.show(this.queue[0]);
     } // Init toast
+    ;
-    init(opts) {
-      let settings = {};
+    _proto.init = function init(opts) {
+      var settings = {};
       $.extend(true, settings, this.settings, opts);
-      let toast = this.buildToast(settings);
+      var toast = this.buildToast(settings);
       this.addQueue(toast);
       this.onInit(toast);
       return toast;
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.$container.removeData(DATA_KEY$6);
       this.onDestroy();
     } // Build toast
+    ;
-    buildToast(settings) {
-      let toast = {
+    _proto.buildToast = function buildToast(settings) {
+      var toast = {
         uuid: 'toast-' + this.generateUUID(),
         placement: settings.placement,
         placementX: settings.placementX,
@@ -4067,33 +4150,35 @@
       this.toasts.push(toast);
       return toast;
     } // Bind events that trigger methods
+    ;
+    _proto.bindEvents = function bindEvents(toast) {
+      var _this = this;
-    bindEvents(toast) {
-      let self = this;
-      toast.$el.on('click', '[data-toast-close]', () => {
+      var self = this;
+      toast.$el.on('click', '[data-toast-close]', function () {
         if (toast.$el) {
           self.close(toast);
         }
       });
-      $(window).on('resize', debounce(() => {
+      $(window).on('resize', debounce(function () {
         if (toast.$el) {
-          this.setPosition(toast);
+          _this.setPosition(toast);
         }
       }, 250));
     } // Generate UUID
+    ;
-    generateUUID() {
+    _proto.generateUUID = function generateUUID() {
       return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        let r = Math.random() * 16 | 0,
+        var r = Math.random() * 16 | 0,
             v = c == 'x' ? r : r & 0x3 | 0x8;
         return v.toString(16);
       });
     } // Set positions
+    ;
-    setPosition(toast, placement, placementY, placementX) {
+    _proto.setPosition = function setPosition(toast, placement, placementY, placementX) {
       if (typeof placementY === 'undefined' || placementY === null) {
         placementY = toast.placementY;
       }
@@ -4107,15 +4192,17 @@
       }
       if (toast.offset) {
-        let offsets = toast.offset.split(',');
-        let offsetX = parseInt(offsets[0], 10);
-        let offsetY = parseInt(offsets[1], 10);
+        var offsets = toast.offset.split(',');
+        var _offsetX = parseInt(offsets[0], 10);
+        var _offsetY = parseInt(offsets[1], 10);
       }
-      let toastWidth = toast.$el.outerWidth(true);
-      let toastHeight = toast.$el.outerHeight(true);
-      let toastPosX;
-      let toastPosY;
+      var toastWidth = toast.$el.outerWidth(true);
+      var toastHeight = toast.$el.outerHeight(true);
+      var toastPosX;
+      var toastPosY;
       if (placement) {
         if (placement === 'top-left') {
@@ -4229,9 +4316,11 @@
       this.log('Toast position Y: ' + toastPosX + 'px');
       this.log('Toast position x: ' + toastPosY + 'px');
     } // Show
+    ;
+    _proto.show = function show(toast) {
+      var _this2 = this;
-    show(toast) {
       this.$container.append(toast.$el);
       this.bindEvents(toast);
       this.setPosition(toast);
@@ -4245,25 +4334,29 @@
       }
       if (toast.dismiss) {
-        setTimeout(() => {
-          this.close(toast);
+        setTimeout(function () {
+          _this2.close(toast);
         }, toast.dismiss * 1000);
       }
       this.onShow(toast);
     } // Close
+    ;
+    _proto.close = function close(toast) {
+      var _this3 = this;
-    close(toast) {
       if (toast.animation && !toast.$inner.hasClass('animated')) {
         toast.$el.removeClass('show');
-        toast.$inner.animateCss(toast.animationOut, () => {
+        toast.$inner.animateCss(toast.animationOut, function () {
           toast.$el.remove();
-          this.toasts = $.grep(this.toasts, function (item) {
+          _this3.toasts = $.grep(_this3.toasts, function (item) {
             return item.uuid != toast.uuid;
           });
-          this.processQueue();
-          this.onClose(toast);
+          _this3.processQueue();
+          _this3.onClose(toast);
         });
       } else {
         toast.$el.remove();
@@ -4274,70 +4367,72 @@
         this.onClose(toast);
       }
     } // Initialize callback
+    ;
-    onInitialize() {
-      let onInitialize = this.onInitialize;
+    _proto.onInitialize = function onInitialize() {
+      var onInitialize = this.onInitialize;
       if (typeof onInitialize === 'function') {
         onInitialize.call(this.container);
       }
     } // Destroy callback
+    ;
-    onDestroy() {
-      let onDestroy = this.onDestroy;
+    _proto.onDestroy = function onDestroy() {
+      var onDestroy = this.onDestroy;
       if (typeof onDestroy === 'function') {
         onDestroy.call(this.container);
       }
     } // Init callback
+    ;
-    onInit(toast) {
-      let onInit = toast.onInit;
+    _proto.onInit = function onInit(toast) {
+      var onInit = toast.onInit;
       if (typeof onInit === 'function') {
         onInit.call(toast);
       }
     } // Show callback
+    ;
-    onShow(toast) {
-      let onShow = toast.onShow;
+    _proto.onShow = function onShow(toast) {
+      var onShow = toast.onShow;
       if (typeof onShow === 'function') {
         onShow.call(toast);
       }
     } // Close callback
+    ;
-    onClose(toast) {
-      let onClose = toast.onClose;
+    _proto.onClose = function onClose(toast) {
+      var onClose = toast.onClose;
       if (typeof onClose === 'function') {
         onClose.call(toast);
       }
     } // Debug log
+    ;
-    log(...args) {
+    _proto.log = function log() {
       if (this.debug) {
         if (typeof this.debug === 'function') {
-          this.debug(...args);
+          this.debug.apply(this, arguments);
         } else {
-          console.log(...args);
+          var _console;
+          (_console = console).log.apply(_console, arguments);
         }
       }
     } // Render template
+    ;
-    _renderTemplate(toast) {
-      let faNameSpace = this.faPro ? 'far' : 'fas';
-      let content = '';
-      let header = '';
-      let body = '';
-      let bodyCloseBtn = '';
+    _proto._renderTemplate = function _renderTemplate(toast) {
+      var faNameSpace = this.faPro ? 'far' : 'fas';
+      var content = '';
+      var header = '';
+      var body = '';
+      var bodyCloseBtn = '';
       if (typeof toast.content === 'function') {
         content = toast.content();
@@ -4346,54 +4441,20 @@
       }
       if (toast.header) {
-        header = `
-                <div class="toast-header">
-                    <span>${toast.title}</span>
-                    <button type="button" data-toast-close>
-                        <i class="${faNameSpace} fa-times icon"></i>
-                    </button>
-                </div>
-            `;
+        header = "\n                <div class=\"toast-header\">\n\n                    <span>" + toast.title + "</span>\n\n                    <button type=\"button\" data-toast-close>\n                        <i class=\"" + faNameSpace + " fa-times icon\"></i>\n                    </button>\n\n                </div>\n            ";
       } else {
-        bodyCloseBtn = `
-                <button type="button" data-toast-close>
-                    <i class="${faNameSpace} fa-times icon"></i>
-                </button>
-            `;
+        bodyCloseBtn = "\n                <button type=\"button\" data-toast-close>\n\n                    <i class=\"" + faNameSpace + " fa-times icon\"></i>\n\n                </button>\n            ";
       }
-      body = `
-            <div class="toast-body">
-                <span>${content}</span>
-                ${bodyCloseBtn}
-            </div>
-        `;
-      return `
-            <div class="toast toast-${toast.size} toast-${toast.theme}" role="alert" id="${toast.uuid}">
-                <div class="toast-inner">
-                    ${header}
-                    ${body}
-                </div>
-            </div>
-        `;
-    }
+      body = "\n            <div class=\"toast-body\">\n\n                <span>" + content + "</span>\n                " + bodyCloseBtn + "\n\n            </div>\n        ";
+      return "\n            <div class=\"toast toast-" + toast.size + " toast-" + toast.theme + "\" role=\"alert\" id=\"" + toast.uuid + "\">\n\n                <div class=\"toast-inner\">\n\n                    " + header + "\n                    " + body + "\n\n                </div>\n\n            </div>\n        ";
+    };
-    static _jQueryInterface(config) {
+    Toast._jQueryInterface = function _jQueryInterface(config) {
       return this.each(function () {
-        let data = $(this).data(DATA_KEY$6);
+        var data = $(this).data(DATA_KEY$6);
-        const _config = typeof config === 'object' && config;
+        var _config = typeof config === 'object' && config;
         if (!data) {
           data = new Toast(this, _config);
@@ -4402,28 +4463,31 @@
         if (typeof config === 'string') {
           if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`);
+            throw new TypeError("No method named \"" + config + "\"");
           }
           data[config]();
         }
       });
-    }
+    };
-  }
+    return Toast;
+  }();
   if (typeof $ !== 'undefined') {
+    var _$$fn$NAME$defaults;
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME$6];
+    var JQUERY_NO_CONFLICT$6 = $.fn[NAME$6];
     $.fn[NAME$6] = Toast._jQueryInterface;
     $.fn[NAME$6].Constructor = Toast;
-    $.fn[NAME$6].noConflict = () => {
-      $.fn[NAME$6] = JQUERY_NO_CONFLICT;
+    $.fn[NAME$6].noConflict = function () {
+      $.fn[NAME$6] = JQUERY_NO_CONFLICT$6;
       return Toast._jQueryInterface;
     };
-    $.fn[NAME$6].defaults = {
+    $.fn[NAME$6].defaults = (_$$fn$NAME$defaults = {
       title: '',
       content: '',
       template: '',
@@ -4443,18 +4507,17 @@
       debug: false,
       onInitialize: null,
       onDestroy: null,
-      onInit: null,
-      onDestroy: null,
-      onShow: null,
-      onClose: null
-    };
+      onInit: null
+    }, _$$fn$NAME$defaults["onDestroy"] = null, _$$fn$NAME$defaults.onShow = null, _$$fn$NAME$defaults.onClose = null, _$$fn$NAME$defaults);
   }
-  const NAME$7 = 'coolDialog';
-  const DATA_KEY$7 = 'plugin_coolDialog';
+  var NAME$7 = 'coolDialog';
+  var DATA_KEY$7 = 'plugin_coolDialog';
-  class Dialog {
-    constructor(container, opts) {
+  var Dialog =
+  /*#__PURE__*/
+  function () {
+    function Dialog(container, opts) {
       this.settings = {};
       if (window.Cool.settings.dialog) {
@@ -4473,26 +4536,28 @@
     } // Init dialog
-    init(opts) {
-      let settings = {};
+    var _proto = Dialog.prototype;
+    _proto.init = function init(opts) {
+      var settings = {};
       $.extend(true, settings, this.settings, opts);
-      let dialog = this.buildDialog(settings);
+      var dialog = this.buildDialog(settings);
       this.show(dialog);
       this.bindEvents(dialog);
       this.onInit(dialog);
       return dialog;
     } // Remove plugin instance completely
+    ;
-    destroy() {
+    _proto.destroy = function destroy() {
       this.$container.removeData(DATA_KEY$7);
       this.onDestroy();
     } // Build dialog
+    ;
-    buildDialog(settings) {
-      let self = this;
-      let dialog = {
+    _proto.buildDialog = function buildDialog(settings) {
+      var self = this;
+      var dialog = {
         uuid: 'dialog-' + this.generateUUID(),
         title: settings.title,
         template: settings.template,
@@ -4534,10 +4599,10 @@
       this.dialogs.push(dialog);
       return dialog;
     } // Bind events that trigger methods
+    ;
-    bindEvents(dialog) {
-      let self = this;
+    _proto.bindEvents = function bindEvents(dialog) {
+      var self = this;
       dialog.$el.on('click', '[data-dialog-close]', function (e) {
         dialog.$el.trigger('dialog.close');
@@ -4570,18 +4635,20 @@
         }
       }));
     } // Generate UUID
+    ;
-    generateUUID() {
+    _proto.generateUUID = function generateUUID() {
       return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        let r = Math.random() * 16 | 0,
+        var r = Math.random() * 16 | 0,
             v = c == 'x' ? r : r & 0x3 | 0x8;
         return v.toString(16);
       });
     } // Show
+    ;
+    _proto.show = function show(dialog) {
+      var _this = this;
-    show(dialog) {
       if (!this.$container.hasClass('has-dialogs')) {
         this.$container.addClass('has-dialogs');
       }
@@ -4591,8 +4658,8 @@
       }
       if (this.dialogs.length > 1) {
-        let $prevDialog = $(this.dialogs).eq(-2)[0].$el;
-        let zIndex = parseInt($prevDialog.css('z-index'), 10) + 1;
+        var $prevDialog = $(this.dialogs).eq(-2)[0].$el;
+        var zIndex = parseInt($prevDialog.css('z-index'), 10) + 1;
         dialog.$el.css('z-index', zIndex);
         $prevDialog.css({
           'transition': 'opacity 0.3s',
@@ -4603,8 +4670,8 @@
       if (dialog.backdrop && $('.dialog-backdrop').length < 1) {
         this.$container.append('<div class="dialog-backdrop"></div>');
-        let checkForBackdrop = setInterval(() => {
-          if (this.dialogs.length == 0 && $('.dialog-backdrop').length) {
+        var checkForBackdrop = setInterval(function () {
+          if (_this.dialogs.length == 0 && $('.dialog-backdrop').length) {
             $('.dialog-backdrop').remove();
             clearInterval(checkForBackdrop);
           }
@@ -4629,10 +4696,12 @@
       this.onShow(dialog);
     } // Close
+    ;
+    _proto.close = function close(dialog) {
+      var _this2 = this;
-    close(dialog) {
-      let $prevDialog = null;
+      var $prevDialog = null;
       if (this.dialogs.length > 1) {
         $prevDialog = $(this.dialogs).eq(-2)[0].$el;
@@ -4643,17 +4712,17 @@
       }
       if (dialog.animation) {
-        dialog.$el.find('.dialog-content').animateCss(dialog.animationOut, () => {
+        dialog.$el.find('.dialog-content').animateCss(dialog.animationOut, function () {
           dialog.$el.remove();
-          this.dialogs = $.grep(this.dialogs, function (item) {
+          _this2.dialogs = $.grep(_this2.dialogs, function (item) {
             return item.uuid != dialog.uuid;
           });
-          if (this.dialogs.length == 0) {
-            this.$container.removeClass('has-dialogs');
+          if (_this2.dialogs.length == 0) {
+            _this2.$container.removeClass('has-dialogs');
-            if (this.$container.hasClass('dialog-prevent-scroll')) {
-              this.$container.removeClass('dialog-prevent-scroll');
+            if (_this2.$container.hasClass('dialog-prevent-scroll')) {
+              _this2.$container.removeClass('dialog-prevent-scroll');
             }
           } else {
             if ($prevDialog) {
@@ -4682,144 +4751,126 @@
       this.onClose(dialog);
     } // Initialize callback
+    ;
-    onInitialize() {
-      let onInitialize = this.onInitialize;
+    _proto.onInitialize = function onInitialize() {
+      var onInitialize = this.onInitialize;
       if (typeof onInitialize === 'function') {
         onInitialize.call(this.container);
       }
     } // Destroy callback
+    ;
-    onDestroy() {
-      let onDestroy = this.onDestroy;
+    _proto.onDestroy = function onDestroy() {
+      var onDestroy = this.onDestroy;
       if (typeof onDestroy === 'function') {
         onDestroy.call(this.container);
       }
     } // Init callback
+    ;
-    onInit(dialog) {
-      let onInit = dialog.onInit;
+    _proto.onInit = function onInit(dialog) {
+      var onInit = dialog.onInit;
       if (typeof onInit === 'function') {
         onInit.call(dialog);
       }
     } // Show callback
+    ;
-    onShow(dialog) {
-      let onShow = dialog.onShow;
+    _proto.onShow = function onShow(dialog) {
+      var onShow = dialog.onShow;
       if (typeof onShow === 'function') {
         onShow.call(dialog);
       }
     } // Close callback
+    ;
-    onClose(dialog) {
-      let onClose = dialog.onClose;
+    _proto.onClose = function onClose(dialog) {
+      var onClose = dialog.onClose;
       if (typeof onClose === 'function') {
         onClose.call(dialog);
       }
     } // Debug log
+    ;
-    log(...args) {
+    _proto.log = function log() {
       if (this.debug) {
         if (typeof this.debug === 'function') {
-          this.debug(...args);
+          this.debug.apply(this, arguments);
         } else {
-          console.log(...args);
+          var _console;
+          (_console = console).log.apply(_console, arguments);
         }
       }
     } // Render footer
+    ;
-    _renderFooter(dialog) {
-      let footer = '';
+    _proto._renderFooter = function _renderFooter(dialog) {
+      var footer = '';
       if (typeof dialog.footer === 'function') {
         footer = dialog.footer();
       } else if (dialog.footer !== '' && dialog.footer !== false && dialog.footer !== true) {
         footer = dialog.footer;
       } else if (dialog.footer === true) {
-        let btnCancel = '';
-        let btnRemove = '';
-        let btnConfirm = '';
-        let btnStyle = '';
-        let btnClasses = '';
-        let btnAttrs = '';
+        var btnCancel = '';
+        var btnRemove = '';
+        var btnConfirm = '';
+        var btnStyle = '';
+        var btnClasses = '';
+        var btnAttrs = '';
         if (dialog.actions.close.visible) {
           btnStyle = dialog.actions.close.primary ? 'btn-primary' : 'btn-secondary';
           btnClasses = dialog.actions.close.classes ? ' ' + dialog.actions.close.classes : '';
           btnAttrs = dialog.actions.close.attrs ? ' ' + dialog.actions.close.attrs : '';
-          btnCancel = `
-                    <button type="button" class="btn ${btnStyle}${btnClasses}"${btnAttrs} data-dialog-close>
-                        ${dialog.actions.close.content}
-                    </button>
-                `;
+          btnCancel = "\n                    <button type=\"button\" class=\"btn " + btnStyle + btnClasses + "\"" + btnAttrs + " data-dialog-close>\n                        " + dialog.actions.close.content + "\n                    </button>\n                ";
         }
         if (dialog.actions.remove.visible) {
           btnStyle = dialog.actions.remove.primary ? 'btn-primary' : 'btn-secondary';
           btnClasses = dialog.actions.remove.classes ? ' ' + dialog.actions.remove.classes : '';
           btnAttrs = dialog.actions.remove.attrs ? ' ' + dialog.actions.remove.attrs : '';
-          btnRemove = `
-                    <button type="button" class="btn ${btnStyle}${btnClasses}"${btnAttrs} data-dialog-remove>
-                        ${dialog.actions.remove.content}
-                    </button>
-                `;
+          btnRemove = "\n                    <button type=\"button\" class=\"btn " + btnStyle + btnClasses + "\"" + btnAttrs + " data-dialog-remove>\n                        " + dialog.actions.remove.content + "\n                    </button>\n                ";
         }
         if (dialog.actions.confirm.visible) {
           btnStyle = dialog.actions.confirm.primary ? 'btn-primary' : 'btn-secondary';
           btnClasses = dialog.actions.confirm.classes ? ' ' + dialog.actions.confirm.classes : '';
           btnAttrs = dialog.actions.confirm.attrs ? ' ' + dialog.actions.confirm.attrs : '';
-          btnConfirm = `
-                    <button type="button" class="btn ${btnStyle}${btnClasses}"${btnAttrs} data-dialog-confirm>
-                        ${dialog.actions.confirm.content}
-                    </button>
-                `;
+          btnConfirm = "\n                    <button type=\"button\" class=\"btn " + btnStyle + btnClasses + "\"" + btnAttrs + " data-dialog-confirm>\n                        " + dialog.actions.confirm.content + "\n                    </button>\n                ";
         }
-        footer = `
-                ${btnCancel}
-                ${btnRemove}
-                ${btnConfirm}
-            `;
+        footer = "\n                " + btnCancel + "\n                " + btnRemove + "\n                " + btnConfirm + "\n            ";
       } else {
         return footer;
       }
       if (footer) {
-        return `
-                <div class="dialog-footer">
-                    ${footer}
-                </div>
-            `;
+        return "\n                <div class=\"dialog-footer\">\n                    " + footer + "\n                </div>\n            ";
       }
     } // Render template
-    _renderTemplate(dialog) {
-      let faNameSpace = this.faPro ? 'far' : 'fas';
-      let classes = dialog.classes ? ' ' + dialog.classes : '';
-      let centered = dialog.centered ? ' dialog-centered' : '';
-      let size = dialog.size ? ' dialog-' + dialog.size : '';
-      let uuid = ' data-dialog-uuid="' + dialog.uuid + '"';
-      let backdrop = dialog.backdrop ? ' data-dialog-backdrop="true"' : ' data-dialog-backdrop="false"';
-      let title = dialog.title;
-      let closeBtn = dialog.closeBtn ? `<button type="button" data-dialog-close><i class="${faNameSpace} fa-times icon"></i></button>` : '';
-      let maxBodyHeight = dialog.maxBodyHeight ? ' style="max-height: ' + dialog.maxBodyHeight + 'px"' : '';
-      let body = '';
-      let footer = this._renderFooter(dialog);
+    ;
+    _proto._renderTemplate = function _renderTemplate(dialog) {
+      var faNameSpace = this.faPro ? 'far' : 'fas';
+      var classes = dialog.classes ? ' ' + dialog.classes : '';
+      var centered = dialog.centered ? ' dialog-centered' : '';
+      var size = dialog.size ? ' dialog-' + dialog.size : '';
+      var uuid = ' data-dialog-uuid="' + dialog.uuid + '"';
+      var backdrop = dialog.backdrop ? ' data-dialog-backdrop="true"' : ' data-dialog-backdrop="false"';
+      var title = dialog.title;
+      var closeBtn = dialog.closeBtn ? "<button type=\"button\" data-dialog-close><i class=\"" + faNameSpace + " fa-times icon\"></i></button>" : '';
+      var maxBodyHeight = dialog.maxBodyHeight ? ' style="max-height: ' + dialog.maxBodyHeight + 'px"' : '';
+      var body = '';
+      var footer = this._renderFooter(dialog);
       if (typeof dialog.body === 'function') {
         body = dialog.body();
@@ -4827,43 +4878,13 @@
         body = dialog.body;
       }
-      return `
-            <div class="dialog${classes}${centered}${size}"${uuid}${backdrop}>
-                <div class="dialog-container">
-                    <div class="dialog-content">
-                        <div class="dialog-header">
-                            <span class="dialog-title">
-                                ${title}
-                            </span>
-                            ${closeBtn}
-                        </div>
-                        <div class="dialog-body"${maxBodyHeight}>
-                            ${body}
-                        </div>
-                        ${footer}
-                    </div>
-                </div>
-            </div>
-        `;
-    }
+      return "\n            <div class=\"dialog" + classes + centered + size + "\"" + uuid + backdrop + ">\n\n                <div class=\"dialog-container\">\n\n                    <div class=\"dialog-content\">\n\n                        <div class=\"dialog-header\">\n\n                            <span class=\"dialog-title\">\n                                " + title + "\n                            </span>\n\n                            " + closeBtn + "\n\n                        </div>\n\n                        <div class=\"dialog-body\"" + maxBodyHeight + ">\n\n                            " + body + "\n\n                        </div>\n\n                        " + footer + "\n\n                    </div>\n\n                </div>\n\n            </div>\n        ";
+    };
-    static _jQueryInterface(config) {
-      let data = $(this).data(DATA_KEY$7);
+    Dialog._jQueryInterface = function _jQueryInterface(config) {
+      var data = $(this).data(DATA_KEY$7);
-      const _config = typeof config === 'object' && config;
+      var _config = typeof config === 'object' && config;
       if (!data) {
         data = new Dialog(this, _config);
@@ -4872,27 +4893,30 @@
       if (typeof config === 'string') {
         if (typeof data[config] === 'undefined') {
-          throw new TypeError(`No method named "${config}"`);
+          throw new TypeError("No method named \"" + config + "\"");
         }
         data[config]();
       }
-    }
+    };
-  }
+    return Dialog;
+  }();
   if (typeof $ !== 'undefined') {
+    var _$$fn$NAME$defaults$1;
     // jQuery
-    const JQUERY_NO_CONFLICT = $.fn[NAME$7];
+    var JQUERY_NO_CONFLICT$7 = $.fn[NAME$7];
     $.fn[NAME$7] = Dialog._jQueryInterface;
     $.fn[NAME$7].Constructor = Dialog;
-    $.fn[NAME$7].noConflict = () => {
-      $.fn[NAME$7] = JQUERY_NO_CONFLICT;
+    $.fn[NAME$7].noConflict = function () {
+      $.fn[NAME$7] = JQUERY_NO_CONFLICT$7;
       return Dialog._jQueryInterface;
     };
-    $.fn[NAME$7].defaults = {
+    $.fn[NAME$7].defaults = (_$$fn$NAME$defaults$1 = {
       title: '',
       template: '',
       body: '',
@@ -4914,46 +4938,42 @@
       debug: true,
       onInitialize: null,
       onDestroy: null,
-      onInit: null,
-      onDestroy: null,
-      onShow: null,
-      onClose: null,
-      actions: {
-        close: {
-          primary: false,
-          visible: true,
-          content: 'Close',
-          classes: '',
-          attrs: ''
-        },
-        remove: {
-          primary: false,
-          visible: true,
-          content: 'Remove',
-          classes: '',
-          attrs: ''
-        },
-        confirm: {
-          primary: true,
-          visible: true,
-          content: 'Confirm',
-          classes: '',
-          attrs: ''
-        }
-      }
-    };
+      onInit: null
+    }, _$$fn$NAME$defaults$1["onDestroy"] = null, _$$fn$NAME$defaults$1.onShow = null, _$$fn$NAME$defaults$1.onClose = null, _$$fn$NAME$defaults$1.actions = {
+      close: {
+        primary: false,
+        visible: true,
+        content: 'Close',
+        classes: '',
+        attrs: ''
+      },
+      remove: {
+        primary: false,
+        visible: true,
+        content: 'Remove',
+        classes: '',
+        attrs: ''
+      },
+      confirm: {
+        primary: true,
+        visible: true,
+        content: 'Confirm',
+        classes: '',
+        attrs: ''
+      }
+    }, _$$fn$NAME$defaults$1);
   }
   var index_umd = {
-    Common,
-    Popover,
-    Select,
-    Dropdown,
-    Tooltip,
-    SectionTabs,
-    Collapse,
-    Toast,
-    Dialog
+    Common: Common,
+    Popover: Popover,
+    Select: Select,
+    Dropdown: Dropdown,
+    Tooltip: Tooltip,
+    SectionTabs: SectionTabs,
+    Collapse: Collapse,
+    Toast: Toast,
+    Dialog: Dialog
   };
   return index_umd;