@finqu/cool 1.1.3 → 1.1.5

package/dist/js/cool.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI v1.1.2 (https://finqu.fi)
+  * Cool UI v1.1.3 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */
@@ -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);
+        var items = this._renderItemList(this.items);
 
-        this.$select = $(`
-                <div class="select-content">
-
-                    ${this._renderSearch()}
-
-                    <div class="select-scrollable-content">${items}</div>
-
-                    ${this._renderFooter()}
-
-                </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,13 +2424,15 @@
           method: 'GET',
           url: searchUrl
         }).done(function (data) {
-          let items = data.map(function (item) {
+          var items = data.map(function (item) {
+            var label = '';
+
             if (item.name) {
-              let label = item.name;
+              label = item.name;
             } else if (item.label) {
-              let label = item.label;
+              label = item.label;
             } else if (item.value) {
-              let label = item.value;
+              label = item.value;
             }
 
             return {
@@ -2395,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();
@@ -2415,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);
@@ -2440,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);
@@ -2456,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) {
@@ -2469,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
@@ -2477,15 +2525,15 @@
             });
             items = items.filter(function (item) {
               return !(self.data[self.name].indexOf(item.id) > -1);
-            }); // Remove 0 id from results
+            }); // Remove id with value 0 from results
 
             items = items.filter(function (item) {
-              return [0].indexOf(item.id) > -1;
+              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) {
@@ -2500,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');
@@ -2509,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', '');
         }
       }
@@ -2531,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;
@@ -2566,127 +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 html = '';
-
-      for (let i = 0; i < items.length; ++i) {
-        html += `
-
-                <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            ";
       }
-    }
 
-    _renderSearch() {
+      return result;
+    };
+
+    _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);
@@ -2695,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;
     };
 
@@ -2739,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');
@@ -2809,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 {
@@ -2867,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'
@@ -2892,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 () {
@@ -2910,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') {
@@ -2975,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);
       }
@@ -2998,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;
       }
@@ -3029,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');
@@ -3049,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);
@@ -3072,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;
     };
 
@@ -3115,47 +3142,58 @@
     };
   }
 
-  const NAME$3 = 'coolTooltip';
-  const DATA_KEY$3 = 'plugin_coolTooltip';
+  var NAME$3 = 'coolTooltip';
+  var DATA_KEY$3 = 'plugin_coolTooltip';
 
-  class Tooltip extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+  var Tooltip =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(Tooltip, _AbstractUIComponent);
+
+    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();
@@ -3167,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);
@@ -3225,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);
@@ -3285,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,
@@ -3371,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');
@@ -3387,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') {
@@ -3473,9 +3510,9 @@
         this.log('Tooltip position bottom: ' + tooltipPosition.bottom + 'px');
       }
     } // Show
+    ;
 
-
-    show() {
+    _proto.show = function show() {
       if (this.$tooltip) {
         return;
       }
@@ -3497,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();
@@ -3519,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);
@@ -3534,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;
     };
 
@@ -3572,48 +3615,59 @@
     };
   }
 
-  const NAME$4 = 'coolSectionTabs';
-  const DATA_KEY$4 = 'plugin_coolSectionTabs';
+  var NAME$4 = 'coolSectionTabs';
+  var DATA_KEY$4 = 'plugin_coolSectionTabs';
 
-  class SectionTabs extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+  var SectionTabs =
+  /*#__PURE__*/
+  function (_AbstractUIComponent) {
+    _inheritsLoose(SectionTabs, _AbstractUIComponent);
+
+    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');
@@ -3627,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')) {
@@ -3693,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);
@@ -3708,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;
     };
 
@@ -3737,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);
 
-  class Collapse extends AbstractUIComponent {
-    constructor(el, opts) {
-      super();
-      this.opts = {};
+    function Collapse(el, opts) {
+      var _this;
+
+      _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;
@@ -3800,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',
@@ -3835,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');
 
@@ -3862,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');
 
@@ -3892,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);
@@ -3928,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;
     };
 
@@ -3960,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) {
@@ -3985,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) {
@@ -3994,9 +4081,9 @@
 
       return this.processQueue();
     } // Process queue
+    ;
 
-
-    processQueue() {
+    _proto.processQueue = function processQueue() {
       if (this.processingQueue) {
         this.queue.shift();
       }
@@ -4009,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,
@@ -4063,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;
       }
@@ -4103,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') {
@@ -4225,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);
@@ -4241,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();
@@ -4270,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();
@@ -4342,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);
@@ -4398,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: '',
@@ -4439,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) {
@@ -4469,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,
@@ -4530,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');
 
@@ -4566,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');
       }
@@ -4587,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',
@@ -4599,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);
           }
@@ -4625,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;
@@ -4639,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) {
@@ -4678,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();
@@ -4823,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);
@@ -4868,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: '',
@@ -4910,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;