@finqu/cool 1.0.0

package/dist/js/cool.esm.js

@@ -0,0 +1,4766 @@
+/*!
+  * Cool UI v1.0.0 (https://finqu.fi)
+  * Copyright 2011-2019 Finqu Oy
+  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
+  */
+import 'jquery';
+
+/*!
+ * perfect-scrollbar v1.4.0
+ * (c) 2018 Hyunje Jun
+ * @license MIT
+ */
+function get(element) {
+  return getComputedStyle(element);
+}
+
+function set(element, obj) {
+  for (var key in obj) {
+    var val = obj[key];
+
+    if (typeof val === 'number') {
+      val = val + "px";
+    }
+
+    element.style[key] = val;
+  }
+
+  return element;
+}
+
+function div(className) {
+  var div = document.createElement('div');
+  div.className = className;
+  return div;
+}
+
+var elMatches = typeof Element !== 'undefined' && (Element.prototype.matches || Element.prototype.webkitMatchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector);
+
+function matches(element, query) {
+  if (!elMatches) {
+    throw new Error('No element matching method supported');
+  }
+
+  return elMatches.call(element, query);
+}
+
+function remove(element) {
+  if (element.remove) {
+    element.remove();
+  } else {
+    if (element.parentNode) {
+      element.parentNode.removeChild(element);
+    }
+  }
+}
+
+function queryChildren(element, selector) {
+  return Array.prototype.filter.call(element.children, function (child) {
+    return matches(child, selector);
+  });
+}
+
+var cls = {
+  main: 'ps',
+  element: {
+    thumb: function thumb(x) {
+      return "ps__thumb-" + x;
+    },
+    rail: function rail(x) {
+      return "ps__rail-" + x;
+    },
+    consuming: 'ps__child--consume'
+  },
+  state: {
+    focus: 'ps--focus',
+    clicking: 'ps--clicking',
+    active: function active(x) {
+      return "ps--active-" + x;
+    },
+    scrolling: function scrolling(x) {
+      return "ps--scrolling-" + x;
+    }
+  }
+};
+/*
+ * Helper methods
+ */
+
+var scrollingClassTimeout = {
+  x: null,
+  y: null
+};
+
+function addScrollingClass(i, x) {
+  var classList = i.element.classList;
+  var className = cls.state.scrolling(x);
+
+  if (classList.contains(className)) {
+    clearTimeout(scrollingClassTimeout[x]);
+  } else {
+    classList.add(className);
+  }
+}
+
+function removeScrollingClass(i, x) {
+  scrollingClassTimeout[x] = setTimeout(function () {
+    return i.isAlive && i.element.classList.remove(cls.state.scrolling(x));
+  }, i.settings.scrollingThreshold);
+}
+
+function setScrollingClassInstantly(i, x) {
+  addScrollingClass(i, x);
+  removeScrollingClass(i, x);
+}
+
+var EventElement = function EventElement(element) {
+  this.element = element;
+  this.handlers = {};
+};
+
+var prototypeAccessors = {
+  isEmpty: {
+    configurable: true
+  }
+};
+
+EventElement.prototype.bind = function bind(eventName, handler) {
+  if (typeof this.handlers[eventName] === 'undefined') {
+    this.handlers[eventName] = [];
+  }
+
+  this.handlers[eventName].push(handler);
+  this.element.addEventListener(eventName, handler, false);
+};
+
+EventElement.prototype.unbind = function unbind(eventName, target) {
+  var this$1 = this;
+  this.handlers[eventName] = this.handlers[eventName].filter(function (handler) {
+    if (target && handler !== target) {
+      return true;
+    }
+
+    this$1.element.removeEventListener(eventName, handler, false);
+    return false;
+  });
+};
+
+EventElement.prototype.unbindAll = function unbindAll() {
+  var this$1 = this;
+
+  for (var name in this$1.handlers) {
+    this$1.unbind(name);
+  }
+};
+
+prototypeAccessors.isEmpty.get = function () {
+  var this$1 = this;
+  return Object.keys(this.handlers).every(function (key) {
+    return this$1.handlers[key].length === 0;
+  });
+};
+
+Object.defineProperties(EventElement.prototype, prototypeAccessors);
+
+var EventManager = function EventManager() {
+  this.eventElements = [];
+};
+
+EventManager.prototype.eventElement = function eventElement(element) {
+  var ee = this.eventElements.filter(function (ee) {
+    return ee.element === element;
+  })[0];
+
+  if (!ee) {
+    ee = new EventElement(element);
+    this.eventElements.push(ee);
+  }
+
+  return ee;
+};
+
+EventManager.prototype.bind = function bind(element, eventName, handler) {
+  this.eventElement(element).bind(eventName, handler);
+};
+
+EventManager.prototype.unbind = function unbind(element, eventName, handler) {
+  var ee = this.eventElement(element);
+  ee.unbind(eventName, handler);
+
+  if (ee.isEmpty) {
+    // remove
+    this.eventElements.splice(this.eventElements.indexOf(ee), 1);
+  }
+};
+
+EventManager.prototype.unbindAll = function unbindAll() {
+  this.eventElements.forEach(function (e) {
+    return e.unbindAll();
+  });
+  this.eventElements = [];
+};
+
+EventManager.prototype.once = function once(element, eventName, handler) {
+  var ee = this.eventElement(element);
+
+  var onceHandler = function onceHandler(evt) {
+    ee.unbind(eventName, onceHandler);
+    handler(evt);
+  };
+
+  ee.bind(eventName, onceHandler);
+};
+
+function createEvent(name) {
+  if (typeof window.CustomEvent === 'function') {
+    return new CustomEvent(name);
+  } else {
+    var evt = document.createEvent('CustomEvent');
+    evt.initCustomEvent(name, false, false, undefined);
+    return evt;
+  }
+}
+
+var processScrollDiff = function processScrollDiff(i, axis, diff, useScrollingClass, forceFireReachEvent) {
+  if (useScrollingClass === void 0) useScrollingClass = true;
+  if (forceFireReachEvent === void 0) forceFireReachEvent = false;
+  var fields;
+
+  if (axis === 'top') {
+    fields = ['contentHeight', 'containerHeight', 'scrollTop', 'y', 'up', 'down'];
+  } else if (axis === 'left') {
+    fields = ['contentWidth', 'containerWidth', 'scrollLeft', 'x', 'left', 'right'];
+  } else {
+    throw new Error('A proper axis should be provided');
+  }
+
+  processScrollDiff$1(i, diff, fields, useScrollingClass, forceFireReachEvent);
+};
+
+function processScrollDiff$1(i, diff, ref, useScrollingClass, forceFireReachEvent) {
+  var contentHeight = ref[0];
+  var containerHeight = ref[1];
+  var scrollTop = ref[2];
+  var y = ref[3];
+  var up = ref[4];
+  var down = ref[5];
+  if (useScrollingClass === void 0) useScrollingClass = true;
+  if (forceFireReachEvent === void 0) forceFireReachEvent = false;
+  var element = i.element; // reset reach
+
+  i.reach[y] = null; // 1 for subpixel rounding
+
+  if (element[scrollTop] < 1) {
+    i.reach[y] = 'start';
+  } // 1 for subpixel rounding
+
+
+  if (element[scrollTop] > i[contentHeight] - i[containerHeight] - 1) {
+    i.reach[y] = 'end';
+  }
+
+  if (diff) {
+    element.dispatchEvent(createEvent("ps-scroll-" + y));
+
+    if (diff < 0) {
+      element.dispatchEvent(createEvent("ps-scroll-" + up));
+    } else if (diff > 0) {
+      element.dispatchEvent(createEvent("ps-scroll-" + down));
+    }
+
+    if (useScrollingClass) {
+      setScrollingClassInstantly(i, y);
+    }
+  }
+
+  if (i.reach[y] && (diff || forceFireReachEvent)) {
+    element.dispatchEvent(createEvent("ps-" + y + "-reach-" + i.reach[y]));
+  }
+}
+
+function toInt(x) {
+  return parseInt(x, 10) || 0;
+}
+
+function isEditable(el) {
+  return matches(el, 'input,[contenteditable]') || matches(el, 'select,[contenteditable]') || matches(el, 'textarea,[contenteditable]') || matches(el, 'button,[contenteditable]');
+}
+
+function outerWidth(element) {
+  var styles = get(element);
+  return toInt(styles.width) + toInt(styles.paddingLeft) + toInt(styles.paddingRight) + toInt(styles.borderLeftWidth) + toInt(styles.borderRightWidth);
+}
+
+var env = {
+  isWebKit: typeof document !== 'undefined' && 'WebkitAppearance' in document.documentElement.style,
+  supportsTouch: typeof window !== 'undefined' && ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch),
+  supportsIePointer: typeof navigator !== 'undefined' && navigator.msMaxTouchPoints,
+  isChrome: typeof navigator !== 'undefined' && /Chrome/i.test(navigator && navigator.userAgent)
+};
+
+var updateGeometry = function updateGeometry(i) {
+  var element = i.element;
+  var roundedScrollTop = Math.floor(element.scrollTop);
+  i.containerWidth = element.clientWidth;
+  i.containerHeight = element.clientHeight;
+  i.contentWidth = element.scrollWidth;
+  i.contentHeight = element.scrollHeight;
+
+  if (!element.contains(i.scrollbarXRail)) {
+    // clean up and append
+    queryChildren(element, cls.element.rail('x')).forEach(function (el) {
+      return remove(el);
+    });
+    element.appendChild(i.scrollbarXRail);
+  }
+
+  if (!element.contains(i.scrollbarYRail)) {
+    // clean up and append
+    queryChildren(element, cls.element.rail('y')).forEach(function (el) {
+      return remove(el);
+    });
+    element.appendChild(i.scrollbarYRail);
+  }
+
+  if (!i.settings.suppressScrollX && i.containerWidth + i.settings.scrollXMarginOffset < i.contentWidth) {
+    i.scrollbarXActive = true;
+    i.railXWidth = i.containerWidth - i.railXMarginWidth;
+    i.railXRatio = i.containerWidth / i.railXWidth;
+    i.scrollbarXWidth = getThumbSize(i, toInt(i.railXWidth * i.containerWidth / i.contentWidth));
+    i.scrollbarXLeft = toInt((i.negativeScrollAdjustment + element.scrollLeft) * (i.railXWidth - i.scrollbarXWidth) / (i.contentWidth - i.containerWidth));
+  } else {
+    i.scrollbarXActive = false;
+  }
+
+  if (!i.settings.suppressScrollY && i.containerHeight + i.settings.scrollYMarginOffset < i.contentHeight) {
+    i.scrollbarYActive = true;
+    i.railYHeight = i.containerHeight - i.railYMarginHeight;
+    i.railYRatio = i.containerHeight / i.railYHeight;
+    i.scrollbarYHeight = getThumbSize(i, toInt(i.railYHeight * i.containerHeight / i.contentHeight));
+    i.scrollbarYTop = toInt(roundedScrollTop * (i.railYHeight - i.scrollbarYHeight) / (i.contentHeight - i.containerHeight));
+  } else {
+    i.scrollbarYActive = false;
+  }
+
+  if (i.scrollbarXLeft >= i.railXWidth - i.scrollbarXWidth) {
+    i.scrollbarXLeft = i.railXWidth - i.scrollbarXWidth;
+  }
+
+  if (i.scrollbarYTop >= i.railYHeight - i.scrollbarYHeight) {
+    i.scrollbarYTop = i.railYHeight - i.scrollbarYHeight;
+  }
+
+  updateCss(element, i);
+
+  if (i.scrollbarXActive) {
+    element.classList.add(cls.state.active('x'));
+  } else {
+    element.classList.remove(cls.state.active('x'));
+    i.scrollbarXWidth = 0;
+    i.scrollbarXLeft = 0;
+    element.scrollLeft = 0;
+  }
+
+  if (i.scrollbarYActive) {
+    element.classList.add(cls.state.active('y'));
+  } else {
+    element.classList.remove(cls.state.active('y'));
+    i.scrollbarYHeight = 0;
+    i.scrollbarYTop = 0;
+    element.scrollTop = 0;
+  }
+};
+
+function getThumbSize(i, thumbSize) {
+  if (i.settings.minScrollbarLength) {
+    thumbSize = Math.max(thumbSize, i.settings.minScrollbarLength);
+  }
+
+  if (i.settings.maxScrollbarLength) {
+    thumbSize = Math.min(thumbSize, i.settings.maxScrollbarLength);
+  }
+
+  return thumbSize;
+}
+
+function updateCss(element, i) {
+  var xRailOffset = {
+    width: i.railXWidth
+  };
+  var roundedScrollTop = Math.floor(element.scrollTop);
+
+  if (i.isRtl) {
+    xRailOffset.left = i.negativeScrollAdjustment + element.scrollLeft + i.containerWidth - i.contentWidth;
+  } else {
+    xRailOffset.left = element.scrollLeft;
+  }
+
+  if (i.isScrollbarXUsingBottom) {
+    xRailOffset.bottom = i.scrollbarXBottom - roundedScrollTop;
+  } else {
+    xRailOffset.top = i.scrollbarXTop + roundedScrollTop;
+  }
+
+  set(i.scrollbarXRail, xRailOffset);
+  var yRailOffset = {
+    top: roundedScrollTop,
+    height: i.railYHeight
+  };
+
+  if (i.isScrollbarYUsingRight) {
+    if (i.isRtl) {
+      yRailOffset.right = i.contentWidth - (i.negativeScrollAdjustment + element.scrollLeft) - i.scrollbarYRight - i.scrollbarYOuterWidth;
+    } else {
+      yRailOffset.right = i.scrollbarYRight - element.scrollLeft;
+    }
+  } else {
+    if (i.isRtl) {
+      yRailOffset.left = i.negativeScrollAdjustment + element.scrollLeft + i.containerWidth * 2 - i.contentWidth - i.scrollbarYLeft - i.scrollbarYOuterWidth;
+    } else {
+      yRailOffset.left = i.scrollbarYLeft + element.scrollLeft;
+    }
+  }
+
+  set(i.scrollbarYRail, yRailOffset);
+  set(i.scrollbarX, {
+    left: i.scrollbarXLeft,
+    width: i.scrollbarXWidth - i.railBorderXWidth
+  });
+  set(i.scrollbarY, {
+    top: i.scrollbarYTop,
+    height: i.scrollbarYHeight - i.railBorderYWidth
+  });
+}
+
+var clickRail = function clickRail(i) {
+  i.event.bind(i.scrollbarY, 'mousedown', function (e) {
+    return e.stopPropagation();
+  });
+  i.event.bind(i.scrollbarYRail, 'mousedown', function (e) {
+    var positionTop = e.pageY - window.pageYOffset - i.scrollbarYRail.getBoundingClientRect().top;
+    var direction = positionTop > i.scrollbarYTop ? 1 : -1;
+    i.element.scrollTop += direction * i.containerHeight;
+    updateGeometry(i);
+    e.stopPropagation();
+  });
+  i.event.bind(i.scrollbarX, 'mousedown', function (e) {
+    return e.stopPropagation();
+  });
+  i.event.bind(i.scrollbarXRail, 'mousedown', function (e) {
+    var positionLeft = e.pageX - window.pageXOffset - i.scrollbarXRail.getBoundingClientRect().left;
+    var direction = positionLeft > i.scrollbarXLeft ? 1 : -1;
+    i.element.scrollLeft += direction * i.containerWidth;
+    updateGeometry(i);
+    e.stopPropagation();
+  });
+};
+
+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']);
+};
+
+function bindMouseScrollHandler(i, ref) {
+  var containerHeight = ref[0];
+  var contentHeight = ref[1];
+  var pageY = ref[2];
+  var railYHeight = ref[3];
+  var scrollbarY = ref[4];
+  var scrollbarYHeight = ref[5];
+  var scrollTop = ref[6];
+  var y = ref[7];
+  var scrollbarYRail = ref[8];
+  var element = i.element;
+  var startingScrollTop = null;
+  var startingMousePageY = null;
+  var scrollBy = null;
+
+  function mouseMoveHandler(e) {
+    element[scrollTop] = startingScrollTop + scrollBy * (e[pageY] - startingMousePageY);
+    addScrollingClass(i, y);
+    updateGeometry(i);
+    e.stopPropagation();
+    e.preventDefault();
+  }
+
+  function mouseUpHandler() {
+    removeScrollingClass(i, y);
+    i[scrollbarYRail].classList.remove(cls.state.clicking);
+    i.event.unbind(i.ownerDocument, 'mousemove', mouseMoveHandler);
+  }
+
+  i.event.bind(i[scrollbarY], 'mousedown', function (e) {
+    startingScrollTop = element[scrollTop];
+    startingMousePageY = e[pageY];
+    scrollBy = (i[contentHeight] - i[containerHeight]) / (i[railYHeight] - i[scrollbarYHeight]);
+    i.event.bind(i.ownerDocument, 'mousemove', mouseMoveHandler);
+    i.event.once(i.ownerDocument, 'mouseup', mouseUpHandler);
+    i[scrollbarYRail].classList.add(cls.state.clicking);
+    e.stopPropagation();
+    e.preventDefault();
+  });
+}
+
+var keyboard = function keyboard(i) {
+  var element = i.element;
+
+  var elementHovered = function elementHovered() {
+    return matches(element, ':hover');
+  };
+
+  var scrollbarFocused = function scrollbarFocused() {
+    return matches(i.scrollbarX, ':focus') || matches(i.scrollbarY, ':focus');
+  };
+
+  function shouldPreventDefault(deltaX, deltaY) {
+    var scrollTop = Math.floor(element.scrollTop);
+
+    if (deltaX === 0) {
+      if (!i.scrollbarYActive) {
+        return false;
+      }
+
+      if (scrollTop === 0 && deltaY > 0 || scrollTop >= i.contentHeight - i.containerHeight && deltaY < 0) {
+        return !i.settings.wheelPropagation;
+      }
+    }
+
+    var scrollLeft = element.scrollLeft;
+
+    if (deltaY === 0) {
+      if (!i.scrollbarXActive) {
+        return false;
+      }
+
+      if (scrollLeft === 0 && deltaX < 0 || scrollLeft >= i.contentWidth - i.containerWidth && deltaX > 0) {
+        return !i.settings.wheelPropagation;
+      }
+    }
+
+    return true;
+  }
+
+  i.event.bind(i.ownerDocument, 'keydown', function (e) {
+    if (e.isDefaultPrevented && e.isDefaultPrevented() || e.defaultPrevented) {
+      return;
+    }
+
+    if (!elementHovered() && !scrollbarFocused()) {
+      return;
+    }
+
+    var activeElement = document.activeElement ? document.activeElement : i.ownerDocument.activeElement;
+
+    if (activeElement) {
+      if (activeElement.tagName === 'IFRAME') {
+        activeElement = activeElement.contentDocument.activeElement;
+      } else {
+        // go deeper if element is a webcomponent
+        while (activeElement.shadowRoot) {
+          activeElement = activeElement.shadowRoot.activeElement;
+        }
+      }
+
+      if (isEditable(activeElement)) {
+        return;
+      }
+    }
+
+    var deltaX = 0;
+    var deltaY = 0;
+
+    switch (e.which) {
+      case 37:
+        // left
+        if (e.metaKey) {
+          deltaX = -i.contentWidth;
+        } else if (e.altKey) {
+          deltaX = -i.containerWidth;
+        } else {
+          deltaX = -30;
+        }
+
+        break;
+
+      case 38:
+        // up
+        if (e.metaKey) {
+          deltaY = i.contentHeight;
+        } else if (e.altKey) {
+          deltaY = i.containerHeight;
+        } else {
+          deltaY = 30;
+        }
+
+        break;
+
+      case 39:
+        // right
+        if (e.metaKey) {
+          deltaX = i.contentWidth;
+        } else if (e.altKey) {
+          deltaX = i.containerWidth;
+        } else {
+          deltaX = 30;
+        }
+
+        break;
+
+      case 40:
+        // down
+        if (e.metaKey) {
+          deltaY = -i.contentHeight;
+        } else if (e.altKey) {
+          deltaY = -i.containerHeight;
+        } else {
+          deltaY = -30;
+        }
+
+        break;
+
+      case 32:
+        // space bar
+        if (e.shiftKey) {
+          deltaY = i.containerHeight;
+        } else {
+          deltaY = -i.containerHeight;
+        }
+
+        break;
+
+      case 33:
+        // page up
+        deltaY = i.containerHeight;
+        break;
+
+      case 34:
+        // page down
+        deltaY = -i.containerHeight;
+        break;
+
+      case 36:
+        // home
+        deltaY = i.contentHeight;
+        break;
+
+      case 35:
+        // end
+        deltaY = -i.contentHeight;
+        break;
+
+      default:
+        return;
+    }
+
+    if (i.settings.suppressScrollX && deltaX !== 0) {
+      return;
+    }
+
+    if (i.settings.suppressScrollY && deltaY !== 0) {
+      return;
+    }
+
+    element.scrollTop -= deltaY;
+    element.scrollLeft += deltaX;
+    updateGeometry(i);
+
+    if (shouldPreventDefault(deltaX, deltaY)) {
+      e.preventDefault();
+    }
+  });
+};
+
+var wheel = function wheel(i) {
+  var element = i.element;
+
+  function shouldPreventDefault(deltaX, deltaY) {
+    var roundedScrollTop = Math.floor(element.scrollTop);
+    var isTop = element.scrollTop === 0;
+    var isBottom = roundedScrollTop + element.offsetHeight === element.scrollHeight;
+    var isLeft = element.scrollLeft === 0;
+    var isRight = element.scrollLeft + element.offsetWidth === element.scrollWidth;
+    var hitsBound; // pick axis with primary direction
+
+    if (Math.abs(deltaY) > Math.abs(deltaX)) {
+      hitsBound = isTop || isBottom;
+    } else {
+      hitsBound = isLeft || isRight;
+    }
+
+    return hitsBound ? !i.settings.wheelPropagation : true;
+  }
+
+  function getDeltaFromEvent(e) {
+    var deltaX = e.deltaX;
+    var deltaY = -1 * e.deltaY;
+
+    if (typeof deltaX === 'undefined' || typeof deltaY === 'undefined') {
+      // OS X Safari
+      deltaX = -1 * e.wheelDeltaX / 6;
+      deltaY = e.wheelDeltaY / 6;
+    }
+
+    if (e.deltaMode && e.deltaMode === 1) {
+      // Firefox in deltaMode 1: Line scrolling
+      deltaX *= 10;
+      deltaY *= 10;
+    }
+
+    if (deltaX !== deltaX && deltaY !== deltaY
+    /* NaN checks */
+    ) {
+        // IE in some mouse drivers
+        deltaX = 0;
+        deltaY = e.wheelDelta;
+      }
+
+    if (e.shiftKey) {
+      // reverse axis with shift key
+      return [-deltaY, -deltaX];
+    }
+
+    return [deltaX, deltaY];
+  }
+
+  function shouldBeConsumedByChild(target, deltaX, deltaY) {
+    // FIXME: this is a workaround for <select> issue in FF and IE #571
+    if (!env.isWebKit && element.querySelector('select:focus')) {
+      return true;
+    }
+
+    if (!element.contains(target)) {
+      return false;
+    }
+
+    var cursor = target;
+
+    while (cursor && cursor !== element) {
+      if (cursor.classList.contains(cls.element.consuming)) {
+        return true;
+      }
+
+      var style = get(cursor);
+      var overflow = [style.overflow, style.overflowX, style.overflowY].join(''); // if scrollable
+
+      if (overflow.match(/(scroll|auto)/)) {
+        var maxScrollTop = cursor.scrollHeight - cursor.clientHeight;
+
+        if (maxScrollTop > 0) {
+          if (!(cursor.scrollTop === 0 && deltaY > 0) && !(cursor.scrollTop === maxScrollTop && deltaY < 0)) {
+            return true;
+          }
+        }
+
+        var maxScrollLeft = cursor.scrollWidth - cursor.clientWidth;
+
+        if (maxScrollLeft > 0) {
+          if (!(cursor.scrollLeft === 0 && deltaX < 0) && !(cursor.scrollLeft === maxScrollLeft && deltaX > 0)) {
+            return true;
+          }
+        }
+      }
+
+      cursor = cursor.parentNode;
+    }
+
+    return false;
+  }
+
+  function mousewheelHandler(e) {
+    var ref = getDeltaFromEvent(e);
+    var deltaX = ref[0];
+    var deltaY = ref[1];
+
+    if (shouldBeConsumedByChild(e.target, deltaX, deltaY)) {
+      return;
+    }
+
+    var shouldPrevent = false;
+
+    if (!i.settings.useBothWheelAxes) {
+      // deltaX will only be used for horizontal scrolling and deltaY will
+      // only be used for vertical scrolling - this is the default
+      element.scrollTop -= deltaY * i.settings.wheelSpeed;
+      element.scrollLeft += deltaX * i.settings.wheelSpeed;
+    } else if (i.scrollbarYActive && !i.scrollbarXActive) {
+      // only vertical scrollbar is active and useBothWheelAxes option is
+      // active, so let's scroll vertical bar using both mouse wheel axes
+      if (deltaY) {
+        element.scrollTop -= deltaY * i.settings.wheelSpeed;
+      } else {
+        element.scrollTop += deltaX * i.settings.wheelSpeed;
+      }
+
+      shouldPrevent = true;
+    } else if (i.scrollbarXActive && !i.scrollbarYActive) {
+      // useBothWheelAxes and only horizontal bar is active, so use both
+      // wheel axes for horizontal bar
+      if (deltaX) {
+        element.scrollLeft += deltaX * i.settings.wheelSpeed;
+      } else {
+        element.scrollLeft -= deltaY * i.settings.wheelSpeed;
+      }
+
+      shouldPrevent = true;
+    }
+
+    updateGeometry(i);
+    shouldPrevent = shouldPrevent || shouldPreventDefault(deltaX, deltaY);
+
+    if (shouldPrevent && !e.ctrlKey) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+  }
+
+  if (typeof window.onwheel !== 'undefined') {
+    i.event.bind(element, 'wheel', mousewheelHandler);
+  } else if (typeof window.onmousewheel !== 'undefined') {
+    i.event.bind(element, 'mousewheel', mousewheelHandler);
+  }
+};
+
+var touch = function touch(i) {
+  if (!env.supportsTouch && !env.supportsIePointer) {
+    return;
+  }
+
+  var element = i.element;
+
+  function shouldPrevent(deltaX, deltaY) {
+    var scrollTop = Math.floor(element.scrollTop);
+    var scrollLeft = element.scrollLeft;
+    var magnitudeX = Math.abs(deltaX);
+    var magnitudeY = Math.abs(deltaY);
+
+    if (magnitudeY > magnitudeX) {
+      // user is perhaps trying to swipe up/down the page
+      if (deltaY < 0 && scrollTop === i.contentHeight - i.containerHeight || deltaY > 0 && scrollTop === 0) {
+        // set prevent for mobile Chrome refresh
+        return window.scrollY === 0 && deltaY > 0 && env.isChrome;
+      }
+    } else if (magnitudeX > magnitudeY) {
+      // user is perhaps trying to swipe left/right across the page
+      if (deltaX < 0 && scrollLeft === i.contentWidth - i.containerWidth || deltaX > 0 && scrollLeft === 0) {
+        return true;
+      }
+    }
+
+    return true;
+  }
+
+  function applyTouchMove(differenceX, differenceY) {
+    element.scrollTop -= differenceY;
+    element.scrollLeft -= differenceX;
+    updateGeometry(i);
+  }
+
+  var startOffset = {};
+  var startTime = 0;
+  var speed = {};
+  var easingLoop = null;
+
+  function getTouch(e) {
+    if (e.targetTouches) {
+      return e.targetTouches[0];
+    } else {
+      // Maybe IE pointer
+      return e;
+    }
+  }
+
+  function shouldHandle(e) {
+    if (e.pointerType && e.pointerType === 'pen' && e.buttons === 0) {
+      return false;
+    }
+
+    if (e.targetTouches && e.targetTouches.length === 1) {
+      return true;
+    }
+
+    if (e.pointerType && e.pointerType !== 'mouse' && e.pointerType !== e.MSPOINTER_TYPE_MOUSE) {
+      return true;
+    }
+
+    return false;
+  }
+
+  function touchStart(e) {
+    if (!shouldHandle(e)) {
+      return;
+    }
+
+    var touch = getTouch(e);
+    startOffset.pageX = touch.pageX;
+    startOffset.pageY = touch.pageY;
+    startTime = new Date().getTime();
+
+    if (easingLoop !== null) {
+      clearInterval(easingLoop);
+    }
+  }
+
+  function shouldBeConsumedByChild(target, deltaX, deltaY) {
+    if (!element.contains(target)) {
+      return false;
+    }
+
+    var cursor = target;
+
+    while (cursor && cursor !== element) {
+      if (cursor.classList.contains(cls.element.consuming)) {
+        return true;
+      }
+
+      var style = get(cursor);
+      var overflow = [style.overflow, style.overflowX, style.overflowY].join(''); // if scrollable
+
+      if (overflow.match(/(scroll|auto)/)) {
+        var maxScrollTop = cursor.scrollHeight - cursor.clientHeight;
+
+        if (maxScrollTop > 0) {
+          if (!(cursor.scrollTop === 0 && deltaY > 0) && !(cursor.scrollTop === maxScrollTop && deltaY < 0)) {
+            return true;
+          }
+        }
+
+        var maxScrollLeft = cursor.scrollLeft - cursor.clientWidth;
+
+        if (maxScrollLeft > 0) {
+          if (!(cursor.scrollLeft === 0 && deltaX < 0) && !(cursor.scrollLeft === maxScrollLeft && deltaX > 0)) {
+            return true;
+          }
+        }
+      }
+
+      cursor = cursor.parentNode;
+    }
+
+    return false;
+  }
+
+  function touchMove(e) {
+    if (shouldHandle(e)) {
+      var touch = getTouch(e);
+      var currentOffset = {
+        pageX: touch.pageX,
+        pageY: touch.pageY
+      };
+      var differenceX = currentOffset.pageX - startOffset.pageX;
+      var differenceY = currentOffset.pageY - startOffset.pageY;
+
+      if (shouldBeConsumedByChild(e.target, differenceX, differenceY)) {
+        return;
+      }
+
+      applyTouchMove(differenceX, differenceY);
+      startOffset = currentOffset;
+      var currentTime = new Date().getTime();
+      var timeGap = currentTime - startTime;
+
+      if (timeGap > 0) {
+        speed.x = differenceX / timeGap;
+        speed.y = differenceY / timeGap;
+        startTime = currentTime;
+      }
+
+      if (shouldPrevent(differenceX, differenceY)) {
+        e.preventDefault();
+      }
+    }
+  }
+
+  function touchEnd() {
+    if (i.settings.swipeEasing) {
+      clearInterval(easingLoop);
+      easingLoop = setInterval(function () {
+        if (i.isInitialized) {
+          clearInterval(easingLoop);
+          return;
+        }
+
+        if (!speed.x && !speed.y) {
+          clearInterval(easingLoop);
+          return;
+        }
+
+        if (Math.abs(speed.x) < 0.01 && Math.abs(speed.y) < 0.01) {
+          clearInterval(easingLoop);
+          return;
+        }
+
+        applyTouchMove(speed.x * 30, speed.y * 30);
+        speed.x *= 0.8;
+        speed.y *= 0.8;
+      }, 10);
+    }
+  }
+
+  if (env.supportsTouch) {
+    i.event.bind(element, 'touchstart', touchStart);
+    i.event.bind(element, 'touchmove', touchMove);
+    i.event.bind(element, 'touchend', touchEnd);
+  } else if (env.supportsIePointer) {
+    if (window.PointerEvent) {
+      i.event.bind(element, 'pointerdown', touchStart);
+      i.event.bind(element, 'pointermove', touchMove);
+      i.event.bind(element, 'pointerup', touchEnd);
+    } else if (window.MSPointerEvent) {
+      i.event.bind(element, 'MSPointerDown', touchStart);
+      i.event.bind(element, 'MSPointerMove', touchMove);
+      i.event.bind(element, 'MSPointerUp', touchEnd);
+    }
+  }
+};
+
+var defaultSettings = function defaultSettings() {
+  return {
+    handlers: ['click-rail', 'drag-thumb', 'keyboard', 'wheel', 'touch'],
+    maxScrollbarLength: null,
+    minScrollbarLength: null,
+    scrollingThreshold: 1000,
+    scrollXMarginOffset: 0,
+    scrollYMarginOffset: 0,
+    suppressScrollX: false,
+    suppressScrollY: false,
+    swipeEasing: true,
+    useBothWheelAxes: false,
+    wheelPropagation: true,
+    wheelSpeed: 1
+  };
+};
+
+var handlers = {
+  'click-rail': clickRail,
+  'drag-thumb': dragThumb,
+  keyboard: keyboard,
+  wheel: wheel,
+  touch: touch
+};
+
+var PerfectScrollbar = function PerfectScrollbar(element, userSettings) {
+  var this$1 = this;
+  if (userSettings === void 0) userSettings = {};
+
+  if (typeof element === 'string') {
+    element = document.querySelector(element);
+  }
+
+  if (!element || !element.nodeName) {
+    throw new Error('no element is specified to initialize PerfectScrollbar');
+  }
+
+  this.element = element;
+  element.classList.add(cls.main);
+  this.settings = defaultSettings();
+
+  for (var key in userSettings) {
+    this$1.settings[key] = userSettings[key];
+  }
+
+  this.containerWidth = null;
+  this.containerHeight = null;
+  this.contentWidth = null;
+  this.contentHeight = null;
+
+  var focus = function focus() {
+    return element.classList.add(cls.state.focus);
+  };
+
+  var blur = function blur() {
+    return element.classList.remove(cls.state.focus);
+  };
+
+  this.isRtl = get(element).direction === 'rtl';
+
+  this.isNegativeScroll = function () {
+    var originalScrollLeft = element.scrollLeft;
+    var result = null;
+    element.scrollLeft = -1;
+    result = element.scrollLeft < 0;
+    element.scrollLeft = originalScrollLeft;
+    return result;
+  }();
+
+  this.negativeScrollAdjustment = this.isNegativeScroll ? element.scrollWidth - element.clientWidth : 0;
+  this.event = new EventManager();
+  this.ownerDocument = element.ownerDocument || document;
+  this.scrollbarXRail = div(cls.element.rail('x'));
+  element.appendChild(this.scrollbarXRail);
+  this.scrollbarX = div(cls.element.thumb('x'));
+  this.scrollbarXRail.appendChild(this.scrollbarX);
+  this.scrollbarX.setAttribute('tabindex', 0);
+  this.event.bind(this.scrollbarX, 'focus', focus);
+  this.event.bind(this.scrollbarX, 'blur', blur);
+  this.scrollbarXActive = null;
+  this.scrollbarXWidth = null;
+  this.scrollbarXLeft = null;
+  var railXStyle = get(this.scrollbarXRail);
+  this.scrollbarXBottom = parseInt(railXStyle.bottom, 10);
+
+  if (isNaN(this.scrollbarXBottom)) {
+    this.isScrollbarXUsingBottom = false;
+    this.scrollbarXTop = toInt(railXStyle.top);
+  } else {
+    this.isScrollbarXUsingBottom = true;
+  }
+
+  this.railBorderXWidth = toInt(railXStyle.borderLeftWidth) + toInt(railXStyle.borderRightWidth); // Set rail to display:block to calculate margins
+
+  set(this.scrollbarXRail, {
+    display: 'block'
+  });
+  this.railXMarginWidth = toInt(railXStyle.marginLeft) + toInt(railXStyle.marginRight);
+  set(this.scrollbarXRail, {
+    display: ''
+  });
+  this.railXWidth = null;
+  this.railXRatio = null;
+  this.scrollbarYRail = div(cls.element.rail('y'));
+  element.appendChild(this.scrollbarYRail);
+  this.scrollbarY = div(cls.element.thumb('y'));
+  this.scrollbarYRail.appendChild(this.scrollbarY);
+  this.scrollbarY.setAttribute('tabindex', 0);
+  this.event.bind(this.scrollbarY, 'focus', focus);
+  this.event.bind(this.scrollbarY, 'blur', blur);
+  this.scrollbarYActive = null;
+  this.scrollbarYHeight = null;
+  this.scrollbarYTop = null;
+  var railYStyle = get(this.scrollbarYRail);
+  this.scrollbarYRight = parseInt(railYStyle.right, 10);
+
+  if (isNaN(this.scrollbarYRight)) {
+    this.isScrollbarYUsingRight = false;
+    this.scrollbarYLeft = toInt(railYStyle.left);
+  } else {
+    this.isScrollbarYUsingRight = true;
+  }
+
+  this.scrollbarYOuterWidth = this.isRtl ? outerWidth(this.scrollbarY) : null;
+  this.railBorderYWidth = toInt(railYStyle.borderTopWidth) + toInt(railYStyle.borderBottomWidth);
+  set(this.scrollbarYRail, {
+    display: 'block'
+  });
+  this.railYMarginHeight = toInt(railYStyle.marginTop) + toInt(railYStyle.marginBottom);
+  set(this.scrollbarYRail, {
+    display: ''
+  });
+  this.railYHeight = null;
+  this.railYRatio = null;
+  this.reach = {
+    x: element.scrollLeft <= 0 ? 'start' : element.scrollLeft >= this.contentWidth - this.containerWidth ? 'end' : null,
+    y: element.scrollTop <= 0 ? 'start' : element.scrollTop >= this.contentHeight - this.containerHeight ? 'end' : null
+  };
+  this.isAlive = true;
+  this.settings.handlers.forEach(function (handlerName) {
+    return handlers[handlerName](this$1);
+  });
+  this.lastScrollTop = Math.floor(element.scrollTop); // for onScroll only
+
+  this.lastScrollLeft = element.scrollLeft; // for onScroll only
+
+  this.event.bind(this.element, 'scroll', function (e) {
+    return this$1.onScroll(e);
+  });
+  updateGeometry(this);
+};
+
+PerfectScrollbar.prototype.update = function update() {
+  if (!this.isAlive) {
+    return;
+  } // Recalcuate negative scrollLeft adjustment
+
+
+  this.negativeScrollAdjustment = this.isNegativeScroll ? this.element.scrollWidth - this.element.clientWidth : 0; // Recalculate rail margins
+
+  set(this.scrollbarXRail, {
+    display: 'block'
+  });
+  set(this.scrollbarYRail, {
+    display: 'block'
+  });
+  this.railXMarginWidth = toInt(get(this.scrollbarXRail).marginLeft) + toInt(get(this.scrollbarXRail).marginRight);
+  this.railYMarginHeight = toInt(get(this.scrollbarYRail).marginTop) + toInt(get(this.scrollbarYRail).marginBottom); // Hide scrollbars not to affect scrollWidth and scrollHeight
+
+  set(this.scrollbarXRail, {
+    display: 'none'
+  });
+  set(this.scrollbarYRail, {
+    display: 'none'
+  });
+  updateGeometry(this);
+  processScrollDiff(this, 'top', 0, false, true);
+  processScrollDiff(this, 'left', 0, false, true);
+  set(this.scrollbarXRail, {
+    display: ''
+  });
+  set(this.scrollbarYRail, {
+    display: ''
+  });
+};
+
+PerfectScrollbar.prototype.onScroll = function onScroll(e) {
+  if (!this.isAlive) {
+    return;
+  }
+
+  updateGeometry(this);
+  processScrollDiff(this, 'top', this.element.scrollTop - this.lastScrollTop);
+  processScrollDiff(this, 'left', this.element.scrollLeft - this.lastScrollLeft);
+  this.lastScrollTop = Math.floor(this.element.scrollTop);
+  this.lastScrollLeft = this.element.scrollLeft;
+};
+
+PerfectScrollbar.prototype.destroy = function destroy() {
+  if (!this.isAlive) {
+    return;
+  }
+
+  this.event.unbindAll();
+  remove(this.scrollbarX);
+  remove(this.scrollbarY);
+  remove(this.scrollbarXRail);
+  remove(this.scrollbarYRail);
+  this.removePsClasses(); // unset elements
+
+  this.element = null;
+  this.scrollbarX = null;
+  this.scrollbarY = null;
+  this.scrollbarXRail = null;
+  this.scrollbarYRail = null;
+  this.isAlive = false;
+};
+
+PerfectScrollbar.prototype.removePsClasses = function removePsClasses() {
+  this.element.className = this.element.className.split(' ').filter(function (name) {
+    return !name.match(/^ps([-_].+|)$/);
+  }).join(' ');
+};
+
+$.fn.extend({
+  animateCss: function animateCss(animationName, callback) {
+    var el = this;
+    var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
+    el.addClass('animated ' + animationName).one(animationEnd, function (e) {
+      $(this).removeClass('animated ' + animationName);
+
+      if (callback) {
+        callback();
+      }
+    }).children().on(animationEnd, function (e) {
+      e.stopPropagation();
+    });
+  }
+});
+
+window.Cool = window.Cool || {};
+window.Cool.settings = window.Cool.settings || {};
+
+class Common {
+  static initialize(opts) {
+    // There's an error if opts is not defined
+    opts = opts || {}; // Save settings for later use
+
+    window.Cool.settings = opts; // Init plugins
+
+    $('[data-toggle="popover"]').coolPopover(opts.popover);
+    $('[data-toggle="select"]').coolSelect(opts.select);
+    $('[data-toggle="dropdown"]').coolDropdown(opts.dropdown);
+    $('[data-toggle="tooltip"]').coolTooltip(opts.tooltip);
+    $('[data-toggle="collapse"]').coolCollapse(opts.collapse);
+    $('[data-toggle="section-tabs"]').coolSectionTabs(opts.sectionTabs);
+    $('body').coolToast(opts.toast);
+    $('body').coolDialog(opts.dialog); // Dom ready
+
+    $('html').addClass('dom-ready'); // Input group focus in
+
+    $(document).on('focus', '.form-control', function () {
+      if (!$(this).hasClass('disabled') && $(this).not(':disabled') && !$(this).attr('readonly')) {
+        let $inputGroup = $(this).closest('.input-group');
+
+        if (!$inputGroup.hasClass('input-group-focus')) {
+          $inputGroup.addClass('input-group-focus');
+        }
+      }
+    }); // Input group focus out
+
+    $(document).on('blur', '.form-control', function () {
+      if (!$(this).hasClass('disabled') && $(this).not(':disabled') && !$(this).attr('readonly')) {
+        let $inputGroup = $(this).closest('.input-group');
+
+        if ($inputGroup.hasClass('input-group-focus')) {
+          $inputGroup.removeClass('input-group-focus');
+        }
+      }
+    }); // Custom Form group
+
+    $('.form-label-group').each(function (i, formLabelGroup) {
+      let $formLabelGroup = $(formLabelGroup);
+      $formLabelGroup.find('input').on('blur input change', function () {
+        let val = $(this).val();
+
+        if (val) {
+          $(formLabelGroup).addClass('label-on-top');
+        } else {
+          $(formLabelGroup).removeClass('label-on-top');
+        }
+      }).trigger('change');
+    }); // Table actions
+
+    $.each($('.table'), function () {
+      if ($(this).find('[data-table-link], [data-table-btn]').length && !$(this).hasClass('table-hover')) {
+        $(this).addClass('table-hover');
+      }
+    });
+    $(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;
+      $.each(exceptions, function (item) {
+        if (target.is(item) || item == 'a' && target.parent().is(item)) {
+          linkDisabled = true;
+        }
+      });
+
+      if ($container.hasClass('bulk-actions-active')) {
+        linkDisabled = true;
+      }
+
+      if (target.is('td, .td, img') && !linkDisabled) {
+        if (e.ctrlKey || e.metaKey) {
+          window.open(href, '_blank');
+        } else {
+          window.location.href = href;
+        }
+      } else {
+        return;
+      }
+    });
+    $(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;
+
+      if (!btn) {
+        btn = $self.find('button')[0];
+
+        if (!btn) {
+          return;
+        }
+      }
+
+      $.each(exceptions, function (item) {
+        if (target.is(item) || item == 'a' && target.parent().is(item)) {
+          btnDisabled = true;
+        }
+      });
+
+      if ($container.hasClass('bulk-actions-active')) {
+        btnDisabled = true;
+      }
+
+      if (target.is('td, .td, img') && !btnDisabled) {
+        $(btn).click();
+      } else {
+        return;
+      }
+    }); // Force select element unfocus after change
+
+    $('select').on('change', function () {
+      $(this).blur();
+    }); // Tabs
+
+    $('.tab-toggler').on('click', function (e) {
+      e.stopPropagation();
+      $(this).parent().toggleClass('open');
+    });
+    $(document).on('click', function () {
+      $('.tabs-container').removeClass('open');
+    }); // Sidebar togglers
+
+    $('.sidebar-left-toggler').on('click', function (e) {
+      e.stopPropagation();
+      $(this).toggleClass('open');
+      $('body').toggleClass('sidebar-left-open');
+    });
+    $('.sidebar-right-toggler').on('click', function (e) {
+      e.stopPropagation();
+      $(this).toggleClass('open');
+      $('body').toggleClass('sidebar-right-open');
+    }); // Sidebar scroll
+
+    $('.sidebar-content .ps__thumb-y').mousedown(function () {
+      $(this).parent().parent().addClass('ps-mousedown-scroll');
+    });
+    $(document).mouseup(function () {
+      if ($('.sidebar-content').hasClass('ps-mousedown-scroll')) {
+        $('.sidebar-content').removeClass('ps-mousedown-scroll');
+      }
+    }); // Sidebar left scroll
+
+    let $sidebarLeft = $('.sidebar-left');
+    let $sidebarLeftContent = $sidebarLeft.find('.sidebar-content');
+
+    if ($sidebarLeftContent.length) {
+      let sidebarLeftScroll = new PerfectScrollbar($sidebarLeftContent[0], {
+        wheelSpeed: 2,
+        wheelPropagation: true,
+        minScrollbarLength: 20,
+        suppressScrollX: true
+      });
+    } // Sidebar tabs
+
+
+    let $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], {
+          wheelSpeed: 2,
+          wheelPropagation: true,
+          minScrollbarLength: 20,
+          suppressScrollX: true
+        });
+      });
+      $('[name="sidebar-tab-select"]').on('click', function () {
+        let val = $(this).val();
+        let $tab = $('#sidebar-tab-' + val);
+        $sidebarTabs.not($tab).removeClass('active');
+        $tab.addClass('active');
+        $('[name="sidebar-tab-select"]').not($(this)).removeClass('active');
+        $(this).addClass('active');
+
+        if ($tab[0] == $sidebarTabs.first()[0]) {
+          $sidebarTabs.not($tab).find('.tab-content').css({
+            'transform': 'translate3d(100%, 0px, 0px)'
+          });
+        } else if ($tab[0] == $sidebarTabs.last()[0]) {
+          $sidebarTabs.not($tab).find('.tab-content').css({
+            'transform': 'translate3d(-100%, 0px, 0px)'
+          });
+        } else {
+          $sidebarTabs.first().not($tab).find('.tab-content').css({
+            'transform': 'translate3d(-100%, 0px, 0px)'
+          });
+          $sidebarTabs.last().not($tab).find('.tab-content').css({
+            'transform': 'translate3d(100%, 0px, 0px)'
+          });
+        }
+
+        $tab.find('.tab-content').css({
+          'transform': 'none'
+        });
+      });
+    }
+  }
+
+}
+
+window.Cool.initialize = Common.initialize;
+
+const debounce = function debounce(func, wait, immediate) {
+  let timeout;
+  return function () {
+    let context = this;
+    let args = arguments;
+
+    let later = function later() {
+      timeout = null;
+
+      if (!immediate) {
+        func.apply(context, args);
+      }
+    };
+
+    let callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+
+    if (callNow) {
+      func.apply(context, args);
+    }
+  };
+};
+
+const touchEvents = function touchEvents() {
+  let result = false;
+
+  if ('ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch) {
+    result = true;
+  }
+
+  return result;
+};
+
+class AbstractUIComponent {
+  // Init callback
+  onInit() {
+    let onInit = this.opts.onInit;
+
+    if (typeof onInit === 'function') {
+      onInit.call(this.el);
+    }
+  } // Update callback
+
+
+  onUpdate() {
+    let onUpdate = this.opts.onUpdate;
+
+    if (typeof onUpdate === 'function') {
+      onUpdate.call(this.el);
+    }
+  } // Destroy callback
+
+
+  onDestroy() {
+    let onDestroy = this.opts.onDestroy;
+
+    if (typeof onDestroy === 'function') {
+      onDestroy.call(this.el);
+    }
+  } // Show callback
+
+
+  onShow() {
+    let onShow = this.opts.onShow;
+
+    if (typeof onShow === 'function') {
+      onShow.call(this.el);
+    }
+  } // Close callback
+
+
+  onClose() {
+    let onClose = this.opts.onClose;
+
+    if (typeof onClose === 'function') {
+      onClose.call(this.el);
+    }
+  } // Debug log
+
+
+  log() {
+    if (this.debug) {
+      if (typeof this.debug === 'function') {
+        this.debug(...arguments);
+      } else {
+        console.log(...arguments);
+      }
+    }
+  }
+
+}
+
+const NAME = 'coolPopover';
+const DATA_KEY = 'plugin_coolPopover';
+
+class Popover extends AbstractUIComponent {
+  constructor(el, opts) {
+    super();
+    this.opts = {};
+
+    if (window.Cool.settings.popover) {
+      $.extend(true, this.opts, $.fn[NAME].defaults, window.Cool.settings.popover, opts);
+    } else {
+      $.extend(true, this.opts, $.fn[NAME].defaults, opts);
+    }
+
+    this.el = el;
+    this.debug = this.opts.debug;
+    this.init();
+  } // Init plugin
+
+
+  init() {
+    this.buildCache();
+    this.bindEvents();
+    this.onInit();
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.unbindEvents();
+    this.$el.removeData(DATA_KEY);
+    this.onDestroy();
+  } // Update plugin data
+
+
+  update() {
+    this.buildCache();
+    this.onUpdate();
+  } // Cache DOM nodes for performance
+
+
+  buildCache() {
+    this.$el = $(this.el);
+    this.$container = this.$el.data('container') ? $(this.$el.data('container')) : $(this.opts.container);
+    this.id = 'popover-' + this.generateUUID();
+    this.animation = this.$el.data('animation') ? this.$el.data('animation') : this.opts.animation;
+    this.animationIn = this.$el.data('animationIn') ? this.$el.data('animationIn') : this.opts.animationIn;
+    this.animationOut = this.$el.data('animationOut') ? this.$el.data('animationOut') : this.opts.animationOut;
+    this.animationSpeed = this.$el.data('animationSpeed') ? this.$el.data('animationSpeed') : this.opts.animationSpeed;
+    this.trigger = this.$el.data('trigger') ? this.$el.data('trigger') : this.opts.trigger;
+    this.placement = this.$el.data('placement') ? this.$el.data('placement') : this.opts.placement;
+    this.placementChanged = false;
+    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
+
+
+  bindEvents() {
+    if (this.trigger === 'click') {
+      this.$el.on('click' + '.' + NAME, () => {
+        if (this.$popover) {
+          this.close();
+        } else {
+          this.show();
+        }
+      });
+    } else if (this.trigger === 'hover') {
+      this.$el.on('mouseenter' + '.' + NAME, () => {
+        this.show();
+      });
+      this.$el.on('mouseleave' + '.' + NAME, () => {
+        this.close();
+      });
+    } else if (this.trigger === 'focus') {
+      this.$el.on('focusin' + '.' + NAME, () => {
+        this.show();
+      });
+      this.$el.on('focusout' + '.' + NAME, () => {
+        this.close();
+      });
+    }
+
+    $(window).on('resize', debounce(() => {
+      if (this.$popover) {
+        this.setPosition();
+        this.onUpdate();
+      }
+    }, 250));
+  } // Unbind events that trigger methods
+
+
+  unbindEvents() {
+    this.$el.off('.' + NAME);
+  } // Generate UUID
+
+
+  generateUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      let r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : r & 0x3 | 0x8;
+      return v.toString(16);
+    });
+  } // Build popover
+
+
+  buildPopover() {
+    let content;
+
+    if (typeof this.content === 'function') {
+      content = this.content();
+    } else {
+      content = this.content;
+    }
+
+    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);
+    this.log(this.$container);
+    this.log(this.$popover);
+    this.log(this.$arrow);
+    this.log('Id: ' + this.id);
+    this.log('Trigger: ' + this.trigger);
+    this.log('Placement: ' + this.placement);
+    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('Title: ' + this.title);
+    this.log('Content: ' + this.content);
+  } // Set positions
+
+
+  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;
+
+    if (placement === 'top') {
+      popoverPosX = Math.round(popoverTriggerPosX - (popoverWidth - popoverTriggerWidth) / 2);
+      popoverPosY = Math.round(popoverTriggerPosY - popoverHeight);
+      arrowPos = Math.round(popoverWidth / 2 - arrowWidth / 2);
+      this.$arrow.css({
+        left: arrowPos + 'px'
+      });
+    } else if (placement === 'right') {
+      popoverPosX = Math.round(popoverTriggerPosX + popoverTriggerWidth);
+      popoverPosY = Math.round(popoverTriggerPosY - (popoverHeight - popoverTriggerHeight) / 2);
+      arrowPos = Math.round(popoverHeight / 2 - arrowHeight / 2);
+      this.$arrow.css({
+        top: arrowPos + 'px'
+      });
+    } else if (placement === 'bottom') {
+      popoverPosX = Math.round(popoverTriggerPosX - (popoverWidth - popoverTriggerWidth) / 2);
+      popoverPosY = Math.round(popoverTriggerPosY + popoverTriggerHeight);
+      arrowPos = Math.round(popoverWidth / 2 - arrowWidth / 2);
+      this.$arrow.css({
+        left: arrowPos + 'px'
+      });
+    } else if (placement === 'left') {
+      popoverPosX = Math.round(popoverTriggerPosX - popoverWidth);
+      popoverPosY = Math.round(popoverTriggerPosY - (popoverHeight - popoverTriggerHeight) / 2);
+      arrowPos = Math.round(popoverHeight / 2 - arrowHeight / 2);
+      this.$arrow.css({
+        top: arrowPos + 'px'
+      });
+    }
+
+    this.$popover.css({
+      position: 'absolute',
+      top: '0px',
+      left: '0px',
+      transform: 'translate3d(' + popoverPosX + 'px, ' + popoverPosY + 'px, 0px)',
+      'will-change': 'transform'
+    }); // Correct placement if popover goes outside of container
+
+    let popoverOverflowCount = 0;
+    let 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 = {
+      left: false,
+      top: false,
+      right: false,
+      bottom: false
+    };
+
+    if (popoverPosition.right < 0) {
+      popoverOverflow.right = true;
+      popoverOverflowCount++;
+      this.log('Popover overflowing from right');
+    }
+
+    if (popoverPosition.left < 0) {
+      popoverOverflow.left = true;
+      popoverOverflowCount++;
+      this.log('Popover overflowing from left');
+    }
+
+    if (popoverPosition.bottom < 0) {
+      popoverOverflow.bottom = true;
+      popoverOverflowCount++;
+      this.log('Popover overflowing from bottom');
+    }
+
+    if (popoverPosition.top < 0) {
+      popoverOverflow.top = true;
+      popoverOverflowCount++;
+      this.log('Popover overflowing from top');
+    }
+
+    if (popoverOverflowCount > 0) {
+      if (!this.placementChanged && popoverOverflow.left && popoverPosition.right > popoverWidth) {
+        this.log('Changing popover placement to right');
+        this.placementChanged = true;
+        this.$popover.removeClass('popover-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('right');
+      } else if (!this.placementChanged && popoverOverflow.top && popoverPosition.top > popoverHeight) {
+        this.log('Changing popover placement to bottom');
+        this.placementChanged = true;
+        this.$popover.removeClass('popover-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('bottom');
+      } else if (!this.placementChanged && popoverOverflow.right && popoverPosition.left > popoverWidth) {
+        this.log('Changing popover placement to left');
+        this.placementChanged = true;
+        this.$popover.removeClass('popover-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('left');
+      } else if (!this.placementChanged && popoverOverflow.bottom && popoverPosition.top > popoverHeight) {
+        this.log('Changing popover placement to top');
+        this.placementChanged = true;
+        this.$popover.removeClass('popover-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('top');
+      } else if (!this.placementChanged && (placement !== 'top' || placement !== 'bottom') && (popoverOverflow.left || popoverOverflow.right)) {
+        if (popoverPosition.top > popoverPosition.bottom) {
+          this.log('Changing popover placement to top');
+          this.placementChanged = true;
+          this.$popover.removeClass('popover-' + placement);
+          this.$arrow.removeAttr('style');
+          this.setPosition('top');
+        } else {
+          this.log('Changing popover placement to bottom');
+          this.placementChanged = true;
+          this.$popover.removeClass('popover-' + placement);
+          this.$arrow.removeAttr('style');
+          this.setPosition('bottom');
+        }
+      } else {
+        this.fixPopoverPosition = true;
+      }
+
+      if (this.fixPopoverPosition) {
+        this.log('Adjusting popover size or position in order to popover fit in the container');
+
+        if (popoverOverflow.left) {
+          this.log('Popover overflowing from left');
+          let overflowAmount = Math.abs(popoverPosition.left);
+          let excludePlacements = ['top', 'bottom'];
+
+          if (popoverTriggerPosX >= popoverPosX + overflowAmount && excludePlacements.indexOf(placement) < 0) {
+            this.log('Popover adjusting width');
+            popoverWidth -= overflowAmount;
+            popoverPosX += overflowAmount;
+          } else {
+            this.log('Popover adjusting position x');
+            popoverPosX += overflowAmount;
+            arrowPos -= overflowAmount;
+          }
+        }
+
+        if (popoverOverflow.top) {
+          this.log('Popover overflowing from top');
+          let overflowAmount = Math.abs(popoverPosition.top);
+          this.log('Popover adjusting position y');
+          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) {
+            this.log('Popover adjusting width');
+            popoverWidth -= overflowAmount;
+          } else {
+            this.log('Popover adjusting position x');
+            popoverPosX -= overflowAmount;
+            arrowPos += overflowAmount;
+          }
+        }
+
+        if (popoverOverflow.bottom) {
+          this.log('Popover overflowing from bottom');
+          let overflowAmount = Math.abs(popoverPosition.bottom);
+          this.log('Popover adjusting position y');
+          popoverPosY -= overflowAmount;
+          arrowPos += overflowAmount;
+        }
+
+        if (placement === 'top') {
+          this.$arrow.css({
+            left: arrowPos + 'px'
+          });
+        } else if (placement === 'right') {
+          this.$arrow.css({
+            top: arrowPos + 'px'
+          });
+        } else if (placement === 'bottom') {
+          this.$arrow.css({
+            left: arrowPos + 'px'
+          });
+        } else if (placement === 'left') {
+          this.$arrow.css({
+            top: arrowPos + 'px'
+          });
+        }
+
+        this.$popover.css({
+          width: popoverWidth,
+          transform: 'translate3d(' + popoverPosX + 'px, ' + popoverPosY + 'px, 0px)'
+        });
+        this.fixPopoverPosition = false;
+        this.log('Popover placement changed: ' + this.placementChanged);
+        this.log('Popover container inner width: ' + containerInnerWidth + 'px');
+        this.log('Popover container inner height: ' + containerInnerHeight + 'px');
+        this.log('Popover trigger width: ' + popoverTriggerWidth + 'px');
+        this.log('Popover trigger height: ' + popoverTriggerHeight + 'px');
+        this.log('popover trigger position x: ' + popoverTriggerPosX + 'px');
+        this.log('Popover trigger position Y: ' + popoverTriggerPosY + 'px');
+        this.log('Popover width: ' + popoverWidth + 'px');
+        this.log('Popover height: ' + popoverHeight + 'px');
+        this.log('Popover position x: ' + popoverPosX + 'px');
+        this.log('Popover position y: ' + popoverPosY + 'px');
+        this.log('Popover position left: ' + popoverPosition.left + 'px');
+        this.log('Popover position top: ' + popoverPosition.top + 'px');
+        this.log('Popover position right: ' + popoverPosition.right + 'px');
+        this.log('Popover position bottom: ' + popoverPosition.bottom + 'px');
+      }
+    } else {
+      this.log('Popover placement changed: ' + this.placementChanged);
+      this.log('Popover container inner width: ' + containerInnerWidth + 'px');
+      this.log('Popover container inner height: ' + containerInnerHeight + 'px');
+      this.log('Popover trigger width: ' + popoverTriggerWidth + 'px');
+      this.log('Popover trigger height: ' + popoverTriggerHeight + 'px');
+      this.log('popover trigger position x: ' + popoverTriggerPosX + 'px');
+      this.log('Popover trigger position Y: ' + popoverTriggerPosY + 'px');
+      this.log('Popover width: ' + popoverWidth + 'px');
+      this.log('Popover height: ' + popoverHeight + 'px');
+      this.log('Popover position x: ' + popoverPosX + 'px');
+      this.log('Popover position y: ' + popoverPosY + 'px');
+      this.log('Popover position left: ' + popoverPosition.left + 'px');
+      this.log('Popover position top: ' + popoverPosition.top + 'px');
+      this.log('Popover position right: ' + popoverPosition.right + 'px');
+      this.log('Popover position bottom: ' + popoverPosition.bottom + 'px');
+    }
+  } // Show
+
+
+  show() {
+    if (this.$popover) {
+      return;
+    }
+
+    this.buildPopover();
+    this.setPosition();
+
+    if (this.animation) {
+      this.$popover.addClass(this.animationSpeed);
+      this.$popover.animateCss(this.animationIn);
+      this.$popover.addClass('show');
+      this.$popover.attr('id', this.id);
+      this.$el.attr('data-popover', this.id);
+    } else {
+      this.$popover.addClass('show');
+      this.$popover.attr('id', this.id);
+      this.$el.attr('data-popover', this.id);
+    }
+
+    this.onShow();
+  } // Close
+
+
+  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();
+      });
+    } else {
+      this.$popover.remove();
+      this.$el.removeAttr('data-popover');
+      this.$popover = null;
+      this.placementChanged = false;
+      this.onClose();
+    }
+  }
+
+  static _jQueryInterface(config) {
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY);
+
+      const _config = typeof config === 'object' && config;
+
+      if (!data) {
+        data = new Popover(this, _config);
+        $(this).data(DATA_KEY, data);
+      }
+
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError("No method named \"" + config + "\"");
+        }
+
+        data[config]();
+      }
+    });
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME];
+  $.fn[NAME] = Popover._jQueryInterface;
+  $.fn[NAME].Constructor = Popover;
+
+  $.fn[NAME].noConflict = () => {
+    $.fn[NAME] = JQUERY_NO_CONFLICT;
+    return Popover._jQueryInterface;
+  };
+
+  $.fn[NAME].defaults = {
+    container: '.content-inner',
+    trigger: 'focus',
+    placement: 'bottom',
+    animation: true,
+    animationIn: 'fadeIn',
+    animationOut: 'fadeOut',
+    animationSpeed: 'fastest',
+    title: '',
+    content: '',
+    onInit: null,
+    onUpdate: null,
+    onDestroy: null,
+    onShow: null,
+    onClose: null,
+    debug: false
+  };
+}
+
+const NAME$1 = 'coolSelect';
+const DATA_KEY$1 = 'plugin_coolSelect';
+
+class Select extends AbstractUIComponent {
+  constructor(el, opts) {
+    super();
+    this.opts = {};
+
+    if (window.Cool.settings.select) {
+      $.extend(true, this.opts, $.fn[NAME$1].defaults, window.Cool.settings.select, opts);
+    } else {
+      $.extend(true, this.opts, $.fn[NAME$1].defaults, opts);
+    }
+
+    this.el = el;
+    this.debug = this.opts.debug;
+    this.init();
+  } // Init plugin
+
+
+  init() {
+    $.when(this.buildCache()).then(() => {
+      this.buildScroll();
+      this.bindEvents();
+
+      if (this.data[this.name].length > 0) {
+        this.setData();
+      }
+
+      this.onInit();
+    });
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.unbindEvents();
+    this.$el.removeData(DATA_KEY$1);
+    this.onDestroy();
+  } // Update plugin data
+
+
+  update() {
+    this.buildCache();
+    this.bindEvents();
+    this.onUpdate();
+  } // Cache DOM nodes for performance
+
+
+  buildCache() {
+    this.$el = $(this.el);
+    this.$selectHeader = this.$el.find('.select-header');
+    this.$selectIconContainer = this.$selectHeader.find('.select-icon');
+    this.name = this.$el.data('name') ? this.$el.data('name') : this.opts.name;
+    this.scrollContentHeight = this.$el.data('scrollContentHeight') ? this.$el.data('scrollContentHeight') : this.opts.scrollContentHeight;
+    this.items = this.$el.data('items') ? this.$el.data('items') : this.opts.items;
+    this.data = {};
+    this.data[this.name] = [];
+    this.searchData = [];
+    this.searchApi = this.$el.data('searchApi') ? this.$el.data('searchApi') : this.opts.searchApi;
+    this.type = this.$el.data('type') ? this.$el.data('type') : this.opts.type;
+    this.contentOpen = false;
+
+    if (this.$el.data('setData') && this.$el.data('setData') != '') {
+      this.data = this.$el.data('setData');
+    }
+
+    if (this.$el.find('.select-search')) {
+      this.showSearch = true;
+    } else {
+      this.showSearch = this.$el.data('showSearch') ? this.$el.data('showSearch') : this.opts.showSearch;
+    }
+
+    if (this.$el.find('.select-footer')) {
+      this.showFooter = true;
+    } else {
+      this.showFooter = this.$el.data('showFooter') ? this.$el.data('showFooter') : this.opts.showFooter;
+    }
+
+    if (this.items.length) {
+      let items = this._renderItemList(this.items);
+
+      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');
+      this.$selectLabels = this.$select.find('[data-label]');
+
+      if (this.showSearch) {
+        this.$searchContainer = this.$select.find('.select-search');
+        this.$searchInput = this.$select.find('[name="select-search"]');
+        this.$searchIconContainer = this.$select.find('.select-search-icon');
+        this.$clearSearchButton = this.$select.find('[data-clear-search]');
+      }
+
+      if (this.showFooter) {
+        this.$footerContainer = this.$select.find('.select-footer');
+        this.$closeButton = this.$select.find('[data-select-close]');
+      }
+
+      $.each(this.$selectLabels, function (i, el) {
+        this.searchData.push({
+          id: i,
+          val: $(el).text().trim()
+        });
+      });
+      this.log(this.$el);
+      this.log(this.$select);
+      this.log(this.$scrollableContent);
+      this.log('Name: ' + this.name);
+      this.log('Show search: ' + this.showSearch);
+      this.log('Show footer: ' + this.showFooter);
+      this.log('Scroll content height: ' + this.scrollContentHeight + 'px');
+      this.log(this.items);
+      this.log(this.searchData);
+    } else {
+      this.$select = this.$el.find('.select-content');
+      this.$scrollableContent = this.$select.find('.select-scrollable-content');
+      this.$selectItems = this.$select.find('.select-item');
+      this.$selectLabels = this.$select.find('[data-label]');
+
+      if (this.showSearch) {
+        this.$searchContainer = this.$select.find('.select-search');
+        this.$searchInput = this.$select.find('[name="select-search"]');
+        this.$searchIconContainer = this.$select.find('.select-search-icon');
+        this.$clearSearchButton = this.$select.find('[data-clear-search]');
+      }
+
+      if (this.showFooter) {
+        this.$footerContainer = this.$select.find('.select-footer');
+        this.$closeButton = this.$select.find('[data-select-close]');
+      }
+
+      $.each(this.$selectLabels, (i, el) => {
+        this.searchData.push({
+          id: i,
+          val: $(el).text().trim()
+        });
+      });
+      this.log(this.$el);
+      this.log(this.$select);
+      this.log(this.$scrollableContent);
+      this.log('Name: ' + this.name);
+      this.log('Show search: ' + this.showSearch);
+      this.log('Show footer: ' + this.showFooter);
+      this.log('Scroll content height: ' + this.scrollContentHeight + 'px');
+      this.log(this.items);
+      this.log(this.searchData);
+      return true;
+    }
+  } // Build scroll
+
+
+  buildScroll() {
+    if (this.$scrollableContent.length > 0) {
+      let scrollContentHeight = this.scrollContentHeight;
+
+      if (this.showSearch) {
+        scrollContentHeight = scrollContentHeight - (this.$searchContainer.outerHeight(true) || 0);
+      }
+
+      if (this.showFooter) {
+        scrollContentHeight = scrollContentHeight - (this.$footerContainer.outerHeight(true) || 0);
+      }
+
+      this.$scrollableContent.css({
+        'max-height': scrollContentHeight - parseInt(this.$scrollableContent.css('marginTop'), 10) - parseInt(this.$scrollableContent.css('marginBottom'), 10) + 'px'
+      });
+
+      if (touchEvents()) {
+        this.$scrollableContent.css({
+          'overflow-y': 'auto'
+        });
+      } else {
+        this.$scrollableContent.addClass('ps-dark');
+        this.scroll = new PerfectScrollbar(this.$scrollableContent[0], {
+          wheelSpeed: 1,
+          wheelPropagation: false,
+          minScrollbarLength: 20,
+          scrollYMarginOffset: -1,
+          suppressScrollY: true,
+          suppressScrollX: true
+        });
+
+        if (this.$scrollableContent[0].offsetHeight < this.$scrollableContent[0].scrollHeight) {
+          this.$scrollableContent.addClass('ps-show-rail-y');
+          this.scroll.settings.suppressScrollY = false;
+        }
+      }
+    }
+  } // Bind events that trigger methods
+
+
+  bindEvents() {
+    let self = this;
+    this.$selectHeader.on('click' + '.' + NAME$1, () => {
+      if (this.contentOpen) {
+        this.close();
+      } else {
+        this.show();
+      }
+    });
+    this.$el.on('change' + '.' + NAME$1, 'input[type="checkbox"]', function () {
+      let 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.onSelect(this);
+    });
+    this.$el.on('change' + '.' + NAME$1, 'input[type="radio"]', function () {
+      let val = $(this).val();
+
+      if (this.checked) {
+        self.data[self.name] = val;
+        self.$select.find('input[type="radio"]').not($(this)).prop('checked', false);
+        self.$select.find('input[type="radio"]').not($(this)).removeClass('checked');
+      } else {
+        self.data[self.name] = [];
+      }
+    });
+    this.$el.on('click' + '.' + NAME$1, 'input[type="radio"]', function () {
+      if ($(this).hasClass('checked')) {
+        self.data[plugin.name] = [];
+        $(this).prop('checked', false);
+        $(this).removeClass('checked');
+      } else {
+        $(this).addClass('checked');
+      }
+
+      self.onSelect(this);
+    });
+
+    if (this.scroll) {
+      this.$scrollableContent.find('.ps__thumb-y').mousedown(function () {
+        self.$scrollableContent.addClass('ps-mousedown-scroll');
+      });
+      $(document).mouseup(function () {
+        if (self.$scrollableContent.hasClass('ps-mousedown-scroll')) {
+          self.$scrollableContent.removeClass('ps-mousedown-scroll');
+        }
+      });
+    }
+
+    if (this.showSearch) {
+      this.$searchInput.on('keydown' + '.' + NAME$1, debounce(function () {
+        self.searchString = $(this).val().trim();
+        self.search.call(self);
+      }, 250));
+      this.$searchInput.on('focusin' + '.' + NAME$1, function () {
+        self.$searchContainer.addClass('focused');
+      });
+      this.$searchInput.on('focusout' + '.' + NAME$1, function () {
+        self.$searchContainer.removeClass('focused');
+      });
+      this.$clearSearchButton.on('click' + '.' + NAME$1, function () {
+        if (self.searchString.length) {
+          self.$searchInput.val('');
+          self.searchString = '';
+          self.search.call(self);
+        } else {
+          return;
+        }
+      });
+    }
+
+    if (this.showFooter) {
+      this.$closeButton.on('click' + '.' + NAME$1, () => {
+        this.close();
+      });
+    }
+
+    $(document).on('touchstart click', function (e) {
+      if (!self.$el.is(e.target) && self.$el.has(e.target).length === 0 && self.contentOpen) {
+        self.close.call(self);
+      }
+    });
+  } // Unbind events that trigger methods
+
+
+  unbindEvents() {
+    this.$el.off('.' + NAME$1);
+  } // Get data
+
+
+  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>");
+
+    if (this.searchApi.length) {
+      let searchUrl = this.searchApi;
+      let itemCount = this.data[this.name].length;
+      let currentCount = 0;
+      this.data[this.name].forEach(function (value) {
+        searchUrl += encodeURIComponent('#' + value);
+        currentCount++;
+
+        if (currentCount !== itemCount) {
+          searchUrl += '+';
+        }
+      });
+      $.ajax({
+        method: 'GET',
+        url: searchUrl
+      }).done(function (data) {
+        let items = data.map(function (item) {
+          if (item.name) {
+            let label = item.name;
+          } else if (item.label) {
+            let label = item.label;
+          } else if (item.value) {
+            let label = item.value;
+          }
+
+          return {
+            id: item.id.toString(),
+            label: label
+          };
+        });
+        items = items.filter(function (item) {
+          return self.data[self.name].indexOf(item.id) > -1;
+        });
+        let result = $(self._renderItemList(items));
+        $.when(self.$scrollableContent.append(result)).then(function () {
+          if (self.$scrollableContent[0].offsetHeight < self.$scrollableContent[0].scrollHeight) {
+            self.scroll.update();
+            self.scroll.settings.suppressScrollY = false;
+            self.$scrollableContent.addClass('ps-show-rail-y');
+          } else {
+            self.scroll.update();
+            self.scroll.settings.suppressScrollY = true;
+            self.$scrollableContent.removeClass('ps-show-rail-y');
+          }
+
+          if (self.$select.find(':input[type="checkbox"]').length) {
+            type = 'checkbox';
+          } else if (self.$select.find(':input[type="radio"]').length) {
+            type = 'radio';
+          }
+
+          if (type == 'checkbox') {
+            self.data[self.name].forEach(function (value) {
+              let $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 () {
+              return this.value == self.data[self.name];
+            });
+            $input.prop('checked', true);
+            $input.addClass('checked');
+            self.onSelect($input[0]);
+          }
+        });
+      });
+    } else {
+      if (this.$select.find(':input[type="checkbox"]').length) {
+        type = 'checkbox';
+      } else if (this.$select.find(':input[type="radio"]').length) {
+        type = 'radio';
+      }
+
+      if (type == 'checkbox') {
+        this.data[this.name].forEach(function (value) {
+          let $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 () {
+          return this.value == self.data[self.name];
+        });
+        $input.prop('checked', true);
+        $input.addClass('checked');
+        this.onSelect($input[0]);
+      }
+    }
+  } // Search
+
+
+  search() {
+    let self = this;
+    let faNameSpace = this.opts.faPro ? 'fal' : 'fas';
+
+    if (this.searchString.length) {
+      if (this.searchApi.length) {
+        this.$scrollableContent.find('input:not(:checked)').parents('.select-item').not('.static-item').remove();
+        $.ajax({
+          method: 'GET',
+          url: this.searchApi + this.searchString
+        }).done(function (data) {
+          let items = data.map(function (item) {
+            return {
+              id: item.id.toString(),
+              label: item.name || item.label || item.value || null
+            };
+          });
+          items = items.filter(function (item) {
+            return !(self.data[self.name].indexOf(item.id) > -1);
+          }); // Remove 0 id from results
+
+          items = items.filter(function (item) {
+            return [0].indexOf(item.id) > -1;
+          });
+          let 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>");
+            self.$searchIconContainer.attr('data-clear-search', 'true');
+
+            if (self.$scrollableContent[0].offsetHeight < self.$scrollableContent[0].scrollHeight) {
+              self.scroll.update();
+              self.scroll.settings.suppressScrollY = false;
+              self.$scrollableContent.addClass('ps-show-rail-y');
+            } else {
+              self.scroll.update();
+              self.scroll.settings.suppressScrollY = true;
+              self.$scrollableContent.removeClass('ps-show-rail-y');
+            }
+          });
+        });
+      } else {
+        let results = this.searchData.filter(function (item) {
+          return item.val.toLocaleLowerCase().indexOf(self.searchString.toLocaleLowerCase()) > -1;
+        });
+        this.$selectItems.removeClass('d-none');
+        this.$selectItems.removeClass('visible');
+        results.forEach(function (item) {
+          $(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.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.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.attr('data-clear-search', '');
+      }
+    }
+
+    if (this.scroll) {
+      this.scroll.update();
+    }
+
+    this.onUpdate();
+  } // Show
+
+
+  show() {
+    if (this.$el.hasClass('show')) {
+      return;
+    }
+
+    let $otherSelects = $('.select.show');
+    let zindex = 1;
+    let faNameSpace = this.opts.faPro ? 'fal' : 'fas';
+
+    if ($otherSelects.length) {
+      zindex = parseInt($otherSelects.first().css('z-index'), 10) + 2;
+    }
+
+    this.$el.css({
+      'max-height': this.scrollContentHeight + this.$selectHeader.outerHeight(true) + 'px'
+    });
+    this.$el.addClass('show');
+
+    if (!$otherSelects.length) {
+      zindex = parseInt(this.$el.css('z-index'), 10) + 1;
+    }
+
+    this.$el.css({
+      'z-index': zindex
+    });
+
+    if (this.scroll && this.$scrollableContent.length) {
+      if (this.$scrollableContent[0].offsetHeight < this.$scrollableContent[0].scrollHeight) {
+        this.$scrollableContent[0].scrollTop = 1;
+        this.$scrollableContent[0].scrollTop = 0;
+      }
+    }
+
+    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';
+    this.$el.css('max-height', '');
+    this.$el.removeClass('show');
+    setTimeout(() => {
+      self.$el.removeAttr('style');
+    }, 300);
+
+    if (this.data[this.name].length > 0) {
+      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.contentOpen = false;
+    this.onClose();
+  }
+
+  onSelect(el) {
+    let onSelect = this.opts.onSelect;
+
+    if (typeof onSelect === 'function') {
+      onSelect.call(el);
+    }
+  }
+
+  _renderItemList(items) {
+    let html = '';
+
+    for (let i = 0; i < items.length; ++i) {
+      html += "\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() {
+    if (!this.showSearch) {
+      return '';
+    }
+
+    let 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() {
+    if (!this.showFooter) {
+      return '';
+    }
+
+    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) {
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY$1);
+
+      const _config = typeof config === 'object' && config;
+
+      if (!data) {
+        data = new Select(this, _config);
+        $(this).data(DATA_KEY$1, data);
+      }
+
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError("No method named \"" + config + "\"");
+        }
+
+        data[config]();
+      }
+    });
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME$1];
+  $.fn[NAME$1] = Select._jQueryInterface;
+  $.fn[NAME$1].Constructor = Select;
+
+  $.fn[NAME$1].noConflict = () => {
+    $.fn[NAME$1] = JQUERY_NO_CONFLICT;
+    return Select._jQueryInterface;
+  };
+
+  $.fn[NAME$1].defaults = {
+    name: '',
+    type: 'checkbox',
+    scrollContentHeight: 100,
+    faPro: false,
+    items: [],
+    showSearch: false,
+    showFooter: false,
+    searchApi: false,
+    onInit: null,
+    onUpdate: null,
+    onDestroy: null,
+    onShow: null,
+    onClose: null,
+    onSearch: null,
+    onSelect: null,
+    buildScroll: null,
+    searchPlaceholder: null,
+    btnCloseText: null,
+    debug: false
+  };
+}
+
+const NAME$2 = 'coolDropdown';
+const DATA_KEY$2 = 'plugin_coolDropdown';
+
+class Dropdown extends AbstractUIComponent {
+  constructor(el, opts) {
+    super();
+    this.opts = {};
+
+    if (window.Cool.settings.dropdown) {
+      $.extend(true, this.opts, $.fn[NAME$2].defaults, window.Cool.settings.dropdown, opts);
+    } else {
+      $.extend(true, this.opts, $.fn[NAME$2].defaults, opts);
+    }
+
+    this.el = el;
+    this.debug = this.opts.debug;
+    this.init();
+  } // Init plugin
+
+
+  init() {
+    $.when(this.buildCache()).then(() => {
+      this.buildScroll();
+      this.bindEvents();
+      this.onInit();
+    });
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.unbindEvents();
+    this.$el.removeData(DATA_KEY$2);
+    this.onDestroy();
+  } // Update plugin data
+
+
+  update() {
+    this.buildCache();
+    this.onUpdate();
+  } // Cache DOM nodes for performance
+
+
+  buildCache() {
+    this.$el = $(this.el);
+    this.$el.addClass('dropdown-trigger');
+    this.$container = this.$el.parent('.dropdown');
+    this.id = 'dropdown-' + this.generateUUID();
+    this.animation = this.$el.data('animation') ? this.$el.data('animation') : this.opts.animation;
+    this.animationIn = this.$el.data('animationIn') ? this.$el.data('animationIn') : this.opts.animationIn;
+    this.animationOut = this.$el.data('animationOut') ? this.$el.data('animationOut') : this.opts.animationOut;
+    this.animationSpeed = this.$el.data('animationSpeed') ? this.$el.data('animationSpeed') : this.opts.animationSpeed;
+    this.offset = this.$el.data('offset') ? this.$el.data('offset') : this.opts.offset;
+    this.minWidth = this.$el.data('minWidth') ? this.$el.data('minWidth') : this.opts.minWidth;
+    this.scroll = this.$el.data('scroll') ? this.$el.data('scroll') : this.opts.scroll;
+    this.scrollContentHeight = this.$el.data('scrollContentHeight') ? this.$el.data('scrollContentHeight') : this.opts.scrollContentHeight;
+    this.closeOnItemClick = this.$el.data('closeOnItemClick') ? this.$el.data('closeOnItemClick') : this.opts.closeOnItemClick;
+    this.content = this.$el.data('content') ? this.$el.data('content') : this.opts.content;
+    this.contentOpen = false;
+
+    if (this.$container.hasClass('dropup')) {
+      this.placement = 'top';
+    } else if (this.$container.hasClass('dropright')) {
+      this.placement = 'right';
+    } else if (this.$container.hasClass('dropbottom')) {
+      this.placement = 'bottom';
+    } else {
+      this.placement = 'left';
+    }
+
+    if (typeof this.content === 'function') {
+      let 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(() => {
+        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');
+        }
+
+        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');
+        return true;
+      });
+    } else {
+      this.$dropdown = this.$el.next('.dropdown-menu') ? this.$el.next('.dropdown-menu') : false;
+      this.$dropdown.hasClass('dropdown-menu-right') ? this.align = 'end' : this.align = 'start';
+      this.$scrollableContent = this.$dropdown.find('.dropdown-scrollable-content') ? this.$dropdown.find('.dropdown-scrollable-content') : false;
+      this.$dropdownItem = this.$dropdown.find('.dropdown-item');
+
+      if (this.minWidth) {
+        this.$dropdown.css('min-width', this.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.opts.content);
+      this.log('Scroll: ' + this.scroll);
+      this.log('Scroll content height: ' + this.scrollContentHeight + 'px');
+      return true;
+    }
+  } // Build scroll
+
+
+  buildScroll() {
+    if (this.opts.scroll && this.$scrollableContent.length) {
+      this.$scrollableContent.css({
+        'max-height': this.scrollContentHeight + 'px'
+      });
+
+      if (touchEvents()) {
+        this.$scrollableContent.css({
+          'overflow-y': 'auto'
+        });
+      } else {
+        this.$scrollableContent.css({
+          'overflow-y': 'auto'
+        });
+        this.scroll = new PerfectScrollbar(this.$scrollableContent[0], {
+          wheelSpeed: 1,
+          wheelPropagation: false,
+          minScrollbarLength: 20
+        });
+        this.$scrollableContent.addClass('ps-show-rail-y');
+      }
+    }
+  } // Bind events that trigger methods
+
+
+  bindEvents() {
+    let self = this;
+    this.$el.on('click' + '.' + NAME$2, () => {
+      if (this.contentOpen) {
+        this.close();
+      } else {
+        this.show();
+      }
+    });
+    this.$dropdownItem.on('click' + '.' + NAME$2, function () {
+      if (self.closeOnItemClick) {
+        self.close();
+      }
+
+      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();
+      }
+    });
+    $(window).on('resize', debounce(() => {
+      this.setPosition();
+      this.onUpdate();
+    }, 250));
+  } // Unbind events that trigger methods
+
+
+  unbindEvents() {
+    this.$el.off('.' + NAME$2);
+  } // Generate UUID
+
+
+  generateUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      let r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : r & 0x3 | 0x8;
+      return v.toString(16);
+    });
+  } // Set positions
+
+
+  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;
+
+    if (placement === 'top') {
+      if (this.align === 'end') {
+        dropdownPosX = dropdownTriggerWidth - dropdownWidth;
+      } else {
+        dropdownPosX = dropdownTriggerPosX;
+      }
+
+      dropdownPosY = dropdownTriggerPosY - dropdownHeight;
+    } else if (placement === 'right') {
+      dropdownPosX = dropdownTriggerPosX + dropdownTriggerWidth;
+      dropdownPosY = dropdownTriggerPosY;
+    } else if (placement === 'bottom') {
+      if (this.align === 'end') {
+        dropdownPosX = dropdownTriggerWidth - dropdownWidth;
+      } else {
+        dropdownPosX = dropdownTriggerPosX;
+      }
+
+      dropdownPosY = dropdownTriggerPosY + dropdownTriggerHeight;
+    } else if (placement === 'left') {
+      dropdownPosX = dropdownTriggerPosX - dropdownWidth;
+      dropdownPosY = dropdownTriggerPosY;
+    }
+
+    if (this.offset) {
+      let offsets = this.offset.split(',');
+      let offsetX = offsets[0];
+      let offsetY = offsets[1];
+      dropdownPosX += parseInt(offsetX, 10);
+      dropdownPosY += parseInt(offsetY, 10);
+    }
+
+    this.$dropdown.css({
+      position: 'absolute',
+      top: '0px',
+      left: '0px',
+      transform: 'translate3d(' + Math.round(dropdownPosX) + 'px, ' + Math.round(dropdownPosY) + 'px, 0px)',
+      'will-change': 'transform'
+    });
+    this.log('Dropdown trigger width: ' + dropdownTriggerWidth + 'px');
+    this.log('Dropdown trigger height: ' + dropdownTriggerHeight + 'px');
+    this.log('Dropdown trigger position x: ' + dropdownTriggerPosX + 'px');
+    this.log('Dropdown trigger position Y: ' + dropdownTriggerPosY + 'px');
+    this.log('Dropdown width: ' + dropdownWidth + 'px');
+    this.log('Dropdown height: ' + dropdownHeight + 'px');
+    this.log('Dropdown position x: ' + dropdownPosX + 'px');
+    this.log('Dropdown position y: ' + dropdownPosY + 'px');
+  } // Show
+
+
+  show() {
+    if (!this.$dropdown || this.$dropdown.hasClass('show')) {
+      return;
+    }
+
+    this.setPosition();
+
+    if (this.animation) {
+      this.$dropdown.attr('x-placement', this.placement + '-' + this.align);
+      this.$dropdown.addClass(this.animationSpeed);
+      this.$dropdown.animateCss(this.animationIn);
+      this.$dropdown.addClass('show');
+      this.$dropdown.attr('id', this.id);
+      this.$el.attr('data-dropdown', this.id);
+    } else {
+      this.$dropdown.attr('x-placement', this.placement + '-' + this.align);
+      this.$dropdown.addClass('show');
+      this.$dropdown.attr('id', this.id);
+      this.$el.attr('data-dropdown', this.id);
+    }
+
+    if (this.opts.scroll && this.scroll && this.$scrollableContent.length) {
+      this.$scrollableContent[0].scrollTop = 1;
+      this.$scrollableContent[0].scrollTop = 0;
+    }
+
+    this.contentOpen = true;
+    this.onShow();
+  } // Close
+
+
+  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');
+      });
+    } else {
+      this.$dropdown.removeClass('show');
+      this.$el.removeAttr('data-dropdown');
+    }
+
+    this.contentOpen = false;
+    this.onClose();
+  } // Item callback
+
+
+  onItemClick(el) {
+    let onItemClick = this.opts.onItemClick;
+
+    if (typeof onItemClick === 'function') {
+      onItemClick.call(el);
+    }
+  }
+
+  static _jQueryInterface(config) {
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY$2);
+
+      const _config = typeof config === 'object' && config;
+
+      if (!data) {
+        data = new Dropdown(this, _config);
+        $(this).data(DATA_KEY$2, data);
+      }
+
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError("No method named \"" + config + "\"");
+        }
+
+        data[config]();
+      }
+    });
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME$2];
+  $.fn[NAME$2] = Dropdown._jQueryInterface;
+  $.fn[NAME$2].Constructor = Dropdown;
+
+  $.fn[NAME$2].noConflict = () => {
+    $.fn[NAME$2] = JQUERY_NO_CONFLICT;
+    return Dropdown._jQueryInterface;
+  };
+
+  $.fn[NAME$2].defaults = {
+    animation: true,
+    animationIn: 'zoomIn',
+    animationOut: 'zoomOut',
+    animationSpeed: 'fastest',
+    offset: null,
+    minWidth: null,
+    align: 'start',
+    closeOnItemClick: true,
+    content: false,
+    scroll: true,
+    scrollContentHeight: 100,
+    onInit: null,
+    onUpdate: null,
+    onDestroy: null,
+    onShow: null,
+    onClose: null,
+    onItemClick: null,
+    debug: false
+  };
+}
+
+const NAME$3 = 'coolTooltip';
+const DATA_KEY$3 = 'plugin_coolTooltip';
+
+class Tooltip extends AbstractUIComponent {
+  constructor(el, opts) {
+    super();
+    this.opts = {};
+
+    if (window.Cool.settings.tooltip) {
+      $.extend(true, this.opts, $.fn[NAME$3].defaults, window.Cool.settings.tooltip, opts);
+    } else {
+      $.extend(true, this.opts, $.fn[NAME$3].defaults, opts);
+    }
+
+    this.el = el;
+    this.debug = this.opts.debug;
+    this.init();
+  } // Init plugin
+
+
+  init() {
+    this.buildCache();
+    this.bindEvents();
+    this.onInit();
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.unbindEvents();
+    this.$el.removeData(DATA_KEY$3);
+    this.onDestroy();
+  } // Update plugin data
+
+
+  update() {
+    this.buildCache();
+    this.onUpdate();
+  } // Cache DOM nodes for performance
+
+
+  buildCache() {
+    this.$el = $(this.el);
+    this.$container = this.$el.data('container') ? $(this.$el.data('container')) : $(this.opts.container);
+    this.id = 'tooltip-' + this.generateUUID();
+    this.animation = this.$el.data('animation') ? this.$el.data('animation') : this.opts.animation;
+    this.animationIn = this.$el.data('animationIn') ? this.$el.data('animationIn') : this.opts.animationIn;
+    this.animationOut = this.$el.data('animationOut') ? this.$el.data('animationOut') : this.opts.animationOut;
+    this.animationSpeed = this.$el.data('animationSpeed') ? this.$el.data('animationSpeed') : this.opts.animationSpeed;
+    this.placement = this.$el.data('placement') ? this.$el.data('placement') : this.opts.placement;
+    this.placementChanged = false;
+    this.content = this.$el.data('content') ? this.$el.data('content') : this.opts.content;
+  } // Bind events that trigger methods
+
+
+  bindEvents() {
+    this.$el.on('mouseenter' + '.' + NAME$3, () => {
+      this.show();
+    });
+    this.$el.on('mouseleave' + '.' + NAME$3, () => {
+      this.close();
+    });
+    $(window).on('resize', debounce(() => {
+      if (this.$tooltip) {
+        this.setPosition();
+        this.onUpdate();
+      }
+    }, 250));
+  } // Unbind events that trigger methods
+
+
+  unbindEvents() {
+    this.$el.off('.' + NAME$3);
+  } // Generate UUID
+
+
+  generateUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      let r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : r & 0x3 | 0x8;
+      return v.toString(16);
+    });
+  } // Build tooltip
+
+
+  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);
+    this.log(this.$container);
+    this.log(this.$tooltip);
+    this.log(this.$arrow);
+    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('Placement: ' + this.placement);
+    this.log('Content: ' + this.content);
+  } // Set positions
+
+
+  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;
+
+    if (placement === 'top') {
+      tooltipPosX = Math.round(tooltipTriggerPosX - (tooltipWidth - tooltipTriggerWidth) / 2);
+      tooltipPosY = Math.round(tooltipTriggerPosY - tooltipHeight);
+      arrowPos = Math.round(tooltipWidth / 2 - arrowWidth / 2);
+      this.$arrow.css({
+        left: arrowPos + 'px'
+      });
+    } else if (placement === 'right') {
+      tooltipPosX = Math.round(tooltipTriggerPosX + tooltipTriggerWidth);
+      tooltipPosY = Math.round(tooltipTriggerPosY - (tooltipHeight - tooltipTriggerHeight) / 2);
+      arrowPos = Math.round(tooltipHeight / 2 - arrowHeight / 2);
+      this.$arrow.css({
+        top: arrowPos + 'px'
+      });
+    } else if (placement === 'bottom') {
+      tooltipPosX = Math.round(tooltipTriggerPosX - (tooltipWidth - tooltipTriggerWidth) / 2);
+      tooltipPosY = Math.round(tooltipTriggerPosY + tooltipTriggerHeight);
+      arrowPos = Math.round(tooltipWidth / 2 - arrowWidth / 2);
+      this.$arrow.css({
+        left: arrowPos + 'px'
+      });
+    } else if (placement === 'left') {
+      tooltipPosX = Math.round(tooltipTriggerPosX - tooltipWidth);
+      tooltipPosY = Math.round(tooltipTriggerPosY - (tooltipHeight - tooltipTriggerHeight) / 2);
+      arrowPos = Math.round(tooltipHeight / 2 - arrowHeight / 2);
+      this.$arrow.css({
+        top: arrowPos + 'px'
+      });
+    }
+
+    this.$tooltip.css({
+      position: 'absolute',
+      top: '0px',
+      left: '0px',
+      transform: 'translate3d(' + tooltipPosX + 'px, ' + tooltipPosY + 'px, 0px)',
+      'will-change': 'transform'
+    }); // Correct placement if tooltip goes outside of container
+
+    let tooltipOverflowCount = 0;
+    let 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 = {
+      left: false,
+      top: false,
+      right: false,
+      bottom: false
+    };
+
+    if (tooltipPosition.right < 0) {
+      tooltipOverflow.right = true;
+      tooltipOverflowCount++;
+      this.log('Tooltip overflowing from right');
+    }
+
+    if (tooltipPosition.left < 0) {
+      tooltipOverflow.left = true;
+      tooltipOverflowCount++;
+      this.log('Tooltip overflowing from left');
+    }
+
+    if (tooltipPosition.bottom < 0) {
+      tooltipOverflow.bottom = true;
+      tooltipOverflowCount++;
+      this.log('Tooltip overflowing from bottom');
+    }
+
+    if (tooltipPosition.top < 0) {
+      tooltipOverflow.top = true;
+      tooltipOverflowCount++;
+      this.log('Tooltip overflowing from top');
+    }
+
+    if (tooltipOverflowCount > 0) {
+      if (!this.placementChanged && tooltipOverflow.left && tooltipPosition.right > tooltipWidth) {
+        this.log('Changing tooltip placement to right');
+        this.placementChanged = true;
+        this.$tooltip.removeClass('tooltip-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('right');
+      } else if (!this.placementChanged && tooltipOverflow.top && tooltipPosition.top > tooltipHeight) {
+        this.log('Changing tooltip placement to bottom');
+        this.placementChanged = true;
+        this.$tooltip.removeClass('tooltip-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('bottom');
+      } else if (!this.placementChanged && tooltipOverflow.right && tooltipPosition.left > tooltipWidth) {
+        this.log('Changing tooltip placement to left');
+        this.placementChanged = true;
+        this.$tooltip.removeClass('tooltip-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('left');
+      } else if (!this.placementChanged && tooltipOverflow.bottom && tooltipPosition.top > tooltipHeight) {
+        this.log('Changing tooltip placement to top');
+        this.placementChanged = true;
+        this.$tooltip.removeClass('tooltip-' + placement);
+        this.$arrow.removeAttr('style');
+        this.setPosition('top');
+      } else if (!this.placementChanged && (placement !== 'top' || placement !== 'bottom') && (tooltipOverflow.left || tooltipOverflow.right)) {
+        if (tooltipPosition.top > tooltipPosition.bottom) {
+          this.log('Changing tooltip placement to top');
+          this.placementChanged = true;
+          this.$tooltip.removeClass('tooltip-' + placement);
+          this.$arrow.removeAttr('style');
+          this.setPosition('top');
+        } else {
+          this.log('Changing tooltip placement to bottom');
+          this.placementChanged = true;
+          this.$tooltip.removeClass('tooltip-' + placement);
+          this.$arrow.removeAttr('style');
+          this.setPosition('bottom');
+        }
+      } else {
+        this.fixTooltipPosition = true;
+      }
+
+      if (this.fixTooltipPosition) {
+        this.log('Adjusting tooltip size or position in order to tooltip fit in the container');
+
+        if (tooltipOverflow.left) {
+          this.log('Tooltip overflowing from left');
+          let overflowAmount = Math.abs(tooltipPosition.left);
+          let excludePlacements = ['top', 'bottom'];
+
+          if (tooltipTriggerPosX >= tooltipPosX + overflowAmount && excludePlacements.indexOf(placement) < 0) {
+            this.log('Tooltip adjusting width');
+            tooltipWidth -= overflowAmount;
+            tooltipPosX += overflowAmount;
+          } else {
+            this.log('Tooltip adjusting position x');
+            tooltipPosX += overflowAmount;
+            arrowPos -= overflowAmount;
+          }
+        }
+
+        if (tooltipOverflow.top) {
+          this.log('Tooltip overflowing from top');
+          let overflowAmount = Math.abs(tooltipPosition.top);
+          this.log('Tooltip adjusting position y');
+          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) {
+            this.log('Tooltip adjusting width');
+            tooltipWidth -= overflowAmount;
+          } else {
+            this.log('Tooltip adjusting position x');
+            tooltipPosX -= overflowAmount;
+            arrowPos += overflowAmount;
+          }
+        }
+
+        if (tooltipOverflow.bottom) {
+          this.log('Tooltip overflowing from bottom');
+          let overflowAmount = Math.abs(tooltipPosition.bottom);
+          this.log('Tooltip adjusting position y');
+          tooltipPosY -= overflowAmount;
+          arrowPos += overflowAmount;
+        }
+
+        if (placement === 'top') {
+          this.$arrow.css({
+            left: arrowPos + 'px'
+          });
+        } else if (placement === 'right') {
+          this.$arrow.css({
+            top: arrowPos + 'px'
+          });
+        } else if (placement === 'bottom') {
+          this.$arrow.css({
+            left: arrowPos + 'px'
+          });
+        } else if (placement === 'left') {
+          this.$arrow.css({
+            top: arrowPos + 'px'
+          });
+        }
+
+        this.$tooltip.css({
+          width: tooltipWidth,
+          transform: 'translate3d(' + tooltipPosX + 'px, ' + tooltipPosY + 'px, 0px)'
+        });
+        this.fixTooltipPosition = false;
+        this.log('Tooltip placement changed: ' + this.placementChanged);
+        this.log('Tooltip container inner width: ' + containerInnerWidth + 'px');
+        this.log('Tooltip container inner height: ' + containerInnerHeight + 'px');
+        this.log('Tooltip trigger width: ' + tooltipTriggerWidth + 'px');
+        this.log('Tooltip trigger height: ' + tooltipTriggerHeight + 'px');
+        this.log('Tooltip trigger position x: ' + tooltipTriggerPosX + 'px');
+        this.log('Tooltip trigger position Y: ' + tooltipTriggerPosY + 'px');
+        this.log('Tooltip width: ' + tooltipWidth + 'px');
+        this.log('Tooltip height: ' + tooltipHeight + 'px');
+        this.log('Tooltip position x: ' + tooltipPosX + 'px');
+        this.log('Tooltip position y: ' + tooltipPosY + 'px');
+        this.log('Tooltip position left: ' + tooltipPosition.left + 'px');
+        this.log('Tooltip position top: ' + tooltipPosition.top + 'px');
+        this.log('Tooltip position right: ' + tooltipPosition.right + 'px');
+        this.log('Tooltip position bottom: ' + tooltipPosition.bottom + 'px');
+      }
+    } else {
+      this.log('Tooltip placement changed: ' + this.placementChanged);
+      this.log('Tooltip container inner width: ' + containerInnerWidth + 'px');
+      this.log('Tooltip container inner height: ' + containerInnerHeight + 'px');
+      this.log('Tooltip trigger width: ' + tooltipTriggerWidth + 'px');
+      this.log('Tooltip trigger height: ' + tooltipTriggerHeight + 'px');
+      this.log('Tooltip trigger position x: ' + tooltipTriggerPosX + 'px');
+      this.log('Tooltip trigger position Y: ' + tooltipTriggerPosY + 'px');
+      this.log('Tooltip width: ' + tooltipWidth + 'px');
+      this.log('Tooltip height: ' + tooltipHeight + 'px');
+      this.log('Tooltip position x: ' + tooltipPosX + 'px');
+      this.log('Tooltip position y: ' + tooltipPosY + 'px');
+      this.log('Tooltip position left: ' + tooltipPosition.left + 'px');
+      this.log('Tooltip position top: ' + tooltipPosition.top + 'px');
+      this.log('Tooltip position right: ' + tooltipPosition.right + 'px');
+      this.log('Tooltip position bottom: ' + tooltipPosition.bottom + 'px');
+    }
+  } // Show
+
+
+  show() {
+    if (this.$tooltip) {
+      return;
+    }
+
+    this.buildTooltip();
+    this.setPosition();
+
+    if (this.animation) {
+      this.$tooltip.addClass(this.animationSpeed);
+      this.$tooltip.animateCss(this.animationIn);
+      this.$tooltip.addClass('show');
+      this.$tooltip.attr('id', this.id);
+      this.$el.attr('data-tooltip', this.id);
+    } else {
+      this.$tooltip.addClass('show');
+      this.$tooltip.attr('id', this.id);
+      this.$el.attr('data-tooltip', this.id);
+    }
+
+    this.onShow();
+  } // Close
+
+
+  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();
+      });
+    } else {
+      this.$tooltip.remove();
+      this.$el.removeAttr('data-tooltip');
+      this.$tooltip = null;
+      this.placementChanged = false;
+      this.onClose();
+    }
+  }
+
+  static _jQueryInterface(config) {
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY$3);
+
+      const _config = typeof config === 'object' && config;
+
+      if (!data) {
+        data = new Tooltip(this, _config);
+        $(this).data(DATA_KEY$3, data);
+      }
+
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError("No method named \"" + config + "\"");
+        }
+
+        data[config]();
+      }
+    });
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME$3];
+  $.fn[NAME$3] = Tooltip._jQueryInterface;
+  $.fn[NAME$3].Constructor = Tooltip;
+
+  $.fn[NAME$3].noConflict = () => {
+    $.fn[NAME$3] = JQUERY_NO_CONFLICT;
+    return Tooltip._jQueryInterface;
+  };
+
+  $.fn[NAME$3].defaults = {
+    container: 'body',
+    animation: false,
+    animationIn: 'fadeIn',
+    animationOut: 'fadeOut',
+    animationSpeed: 'fastest',
+    placement: 'bottom',
+    content: '',
+    onInit: null,
+    onUpdate: null,
+    onDestroy: null,
+    onShow: null,
+    onClose: null,
+    debug: false
+  };
+}
+
+const NAME$4 = 'coolSectionTabs';
+const DATA_KEY$4 = 'plugin_coolSectionTabs';
+
+class SectionTabs extends AbstractUIComponent {
+  constructor(el, opts) {
+    super();
+    this.opts = {};
+
+    if (window.Cool.settings.sectionTabs) {
+      $.extend(true, this.opts, $.fn[NAME$4].defaults, window.Cool.settings.sectionTabs, opts);
+    } else {
+      $.extend(true, this.opts, $.fn[NAME$4].defaults, opts);
+    }
+
+    this.el = el;
+    this.debug = this.opts.debug;
+    this.init();
+  } // Init plugin
+
+
+  init() {
+    this.buildCache();
+    this.bindEvents();
+    this.checkForChanges();
+    this.onInit();
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.unbindEvents();
+    this.$el.removeData(DATA_KEY$4);
+    this.onDestroy();
+  } // Update plugin data
+
+
+  update() {
+    this.buildCache();
+    this.onUpdate();
+  } // Cache DOM nodes for performance
+
+
+  buildCache() {
+    this.$el = $(this.el);
+    this.$dropdownContainer = this.$el.find('.dropdown-container');
+    this.$dropdownList = this.$el.find('.dropdown-list');
+    this.tabsCount = this.$el.find('> .tab-item').length;
+    this.tabs = this.$el.find('> .tab-item:visible');
+    $.each(this.tabs, function (i, el) {
+      $(el).data('width', $(el).outerWidth(true));
+    });
+    this.log(this.$el);
+    this.log(this.$dropdownContainer);
+    this.log(this.$dropdownList);
+    this.log(this.tabsCount);
+  } // Bind events that trigger methods
+
+
+  bindEvents() {
+    $(window).on('resize', debounce(() => {
+      this.checkForChanges();
+    }, 250));
+  } // Unbind events that trigger methods
+
+
+  unbindEvents() {
+    this.$el.off('.' + this._name);
+  } // Move to list
+
+
+  moveToList(el) {
+    $(el).insertBefore(this.$dropdownContainer);
+    this.checkForChanges();
+  } // Move to dropdown
+
+
+  moveToDropdown(el) {
+    $(el).appendTo(this.$dropdownList);
+    this.checkForChanges();
+  } // Overflow status
+
+
+  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;
+    $.each(tabs, function (i, el) {
+      usedSpace += $(el).outerWidth(true);
+    });
+    let freeSpace = this.$el[0].offsetWidth - usedSpace;
+
+    if (dropdownItems.length > 0) {
+      if (!this.$dropdownContainer.hasClass('visible')) {
+        this.$dropdownContainer.addClass('visible');
+      }
+    } else {
+      if (this.$dropdownContainer.hasClass('visible')) {
+        this.$dropdownContainer.removeClass('visible');
+      }
+    }
+
+    if (this.overflowStatus() == true) {
+      if (moveableTabs.length > 0) {
+        this.moveToDropdown(moveableTabs.last());
+      }
+    } else {
+      if (dropdownItems.length > 0) {
+        if (freeSpace > dropdownItems.last().data('width')) {
+          this.moveToList(dropdownItems.last());
+        }
+      }
+    }
+  }
+
+  static _jQueryInterface(config) {
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY$4);
+
+      const _config = typeof config === 'object' && config;
+
+      if (!data) {
+        data = new SectionTabs(this, _config);
+        $(this).data(DATA_KEY$4, data);
+      }
+
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError("No method named \"" + config + "\"");
+        }
+
+        data[config]();
+      }
+    });
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME$4];
+  $.fn[NAME$4] = SectionTabs._jQueryInterface;
+  $.fn[NAME$4].Constructor = SectionTabs;
+
+  $.fn[NAME$4].noConflict = () => {
+    $.fn[NAME$4] = JQUERY_NO_CONFLICT;
+    return SectionTabs._jQueryInterface;
+  };
+
+  $.fn[NAME$4].defaults = {
+    onInit: null,
+    onUpdate: null,
+    onDestroy: null,
+    debug: false
+  };
+}
+
+const NAME$5 = 'coolCollapse';
+const DATA_KEY$5 = 'plugin_coolCollapse';
+
+class Collapse extends AbstractUIComponent {
+  constructor(el, opts) {
+    super();
+    this.opts = {};
+
+    if (window.Cool.settings.collapse) {
+      $.extend(true, this.opts, $.fn[NAME$5].defaults, window.Cool.settings.dialog, opts);
+    } else {
+      $.extend(true, this.opts, $.fn[NAME$5].defaults, opts);
+    }
+
+    this.el = el;
+    this.debug = this.opts.debug;
+    this.init();
+  } // Init plugin
+
+
+  init() {
+    this.buildCache();
+    this.bindEvents();
+    this.onInit();
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.unbindEvents();
+    this.$el.removeData(DATA_KEY$5);
+    this.onDestroy();
+  } // Update plugin data
+
+
+  update() {
+    this.buildCache();
+    this.onUpdate();
+  } // Cache DOM nodes for performance
+
+
+  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;
+
+    if (this.$target.length) {
+      this.targetHeight = this.$target.height();
+      this.$container = this.$target.closest('.section-collapse');
+      this.$indicator = $(document).find('[data-collapse-indicator="' + this.$el.data('target') + '"]');
+    } else {
+      this.$target = $(this.$el).parent().find('.collapse');
+      this.targetHeight = this.$target.height();
+      this.$container = this.$target.closest('.section-collapse');
+      this.$indicator = $(this.$el).parent().find('[data-collapse-indicator]');
+    }
+
+    this.log(this.$el);
+    this.log(this.$target);
+    this.log(this.$container);
+    this.log(this.$indicator);
+    this.log('Expanded: ' + this.expanded);
+    this.log('Target height: ' + this.targetHeight + 'px');
+  } // Bind events that trigger methods
+
+
+  bindEvents() {
+    this.$el.on('click' + '.' + this.name, e => {
+      if (this.expanded) {
+        this.close();
+      } else {
+        this.show();
+      }
+    });
+    $(window).on('resize', debounce(() => {
+      if (this.$target.length) {
+        this.targetHeight = this.$target.height();
+        this.log('Target height: ' + this.targetHeight + 'px');
+      }
+    }, 250));
+  } // Unbind events that trigger methods
+
+
+  unbindEvents() {
+    this.$el.off('.' + this.name);
+  } // Which transition
+
+
+  whichTransitionEvent() {
+    let el = document.createElement('text-transition');
+    let transEndEventNames = {
+      'WebkitTransition': 'webkitTransitionEnd',
+      // Saf 6, Android Browser
+      'MozTransition': 'transitionend',
+      // only for FF < 15
+      'transition': 'transitionend' // IE10, Opera, Chrome, FF 15+, Saf 7+
+
+    };
+
+    for (let t in transEndEventNames) {
+      if (el.style[t] !== undefined) {
+        return transEndEventNames[t];
+      }
+    }
+  } // Show
+
+
+  show() {
+    this.$target.removeClass('collapse visible');
+    this.$target.addClass('collapsing');
+
+    if (this.$el.is('button')) {
+      this.$el.attr('disabled', true);
+    }
+
+    if (this.$container.length) {
+      this.$container.addClass('visible');
+    }
+
+    this.$target.css('height');
+    this.$target.css('height', this.targetHeight);
+
+    if (this.$indicator.length) {
+      this.$indicator.addClass('visible');
+    }
+
+    this.$target.one(this.whichTransitionEvent(), () => {
+      this.$target.removeClass('collapsing');
+
+      if (this.$el.is('button')) {
+        this.$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;
+    });
+    this.onShow();
+  } // Close
+
+
+  close() {
+    this.$target.removeClass('collapse visible');
+    this.$target.addClass('collapsing');
+
+    if (this.$el.is('button')) {
+      this.$el.attr('disabled', true);
+    }
+
+    if (this.$container.length) {
+      this.$container.removeClass('visible');
+    }
+
+    this.$target.css('height', this.$target.height());
+    setTimeout(() => {
+      this.$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');
+
+      if (this.$el.is('button')) {
+        this.$el.attr('disabled', false);
+      }
+
+      this.$target.removeAttr('style');
+      this.$target.addClass('collapse');
+      this.$el.attr('aria-expanded', false);
+      this.expanded = false;
+    });
+    this.onClose();
+  }
+
+  static _jQueryInterface(config) {
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY$5);
+
+      const _config = typeof config === 'object' && config;
+
+      if (!data) {
+        data = new Collapse(this, _config);
+        $(this).data(DATA_KEY$5, data);
+      }
+
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError("No method named \"" + config + "\"");
+        }
+
+        data[config]();
+      }
+    });
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME$5];
+  $.fn[NAME$5] = Collapse._jQueryInterface;
+  $.fn[NAME$5].Constructor = Collapse;
+
+  $.fn[NAME$5].noConflict = () => {
+    $.fn[NAME$5] = JQUERY_NO_CONFLICT;
+    return Collapse._jQueryInterface;
+  };
+
+  $.fn[NAME$5].defaults = {
+    target: null,
+    onInit: null,
+    onUpdate: null,
+    onDestroy: null,
+    onShow: null,
+    onClose: null,
+    debug: false
+  };
+}
+
+const NAME$6 = 'coolToast';
+const DATA_KEY$6 = 'plugin_coolToast';
+
+class Toast {
+  constructor(container, opts) {
+    this.settings = {};
+
+    if (window.Cool.settings.toast) {
+      $.extend(true, this.settings, $.fn[NAME$6].defaults, window.Cool.settings.toast, opts);
+    } else {
+      $.extend(true, this.settings, $.fn[NAME$6].defaults, opts);
+    }
+
+    this.container = container;
+    this.$container = $(this.container);
+    this.debug = this.settings.debug;
+    this.faPro = this.settings.faPro;
+    this.toasts = [];
+    this.queue = [];
+    this.processingQueue = false;
+    this.onInitialize = this.settings.onInitialize;
+    this.onDestroy = this.settings.onDestroy;
+  } // Add item to queue
+
+
+  addQueue(toast) {
+    this.queue.push(toast);
+
+    if (this.processingQueue) {
+      return;
+    }
+
+    return this.processQueue();
+  } // Process queue
+
+
+  processQueue() {
+    if (this.processingQueue) {
+      this.queue.shift();
+    }
+
+    if (!this.queue.length) {
+      this.processingQueue = false;
+      return;
+    }
+
+    this.processingQueue = true;
+    return this.show(this.queue[0]);
+  } // Init toast
+
+
+  init(opts) {
+    let settings = {};
+    $.extend(true, settings, this.settings, opts);
+    let toast = this.buildToast(settings);
+    this.addQueue(toast);
+    this.onInit(toast);
+    return toast;
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.$container.removeData(DATA_KEY$6);
+    this.onDestroy();
+  } // Build toast
+
+
+  buildToast(settings) {
+    let toast = {
+      uuid: 'toast-' + this.generateUUID(),
+      placement: settings.placement,
+      placementX: settings.placementX,
+      placementY: settings.placementY,
+      offset: settings.offset,
+      animation: settings.animation,
+      animationIn: settings.animationIn,
+      animationOut: settings.animationOut,
+      animationSpeed: settings.animationSpeed,
+      dismiss: settings.dismiss,
+      size: settings.size,
+      header: settings.header,
+      theme: settings.theme,
+      title: settings.title,
+      content: settings.content,
+      template: settings.template,
+      maxBodyHeight: settings.maxBodyHeight,
+      onInit: settings.onInit,
+      onShow: settings.onShow,
+      onClose: settings.onClose
+    };
+
+    if (typeof toast.content === 'function') {
+      toast.$el = $(toast.template());
+    } else {
+      toast.$el = $(this._renderTemplate(toast));
+    }
+
+    toast.$inner = toast.$el.find('.toast-inner');
+    toast.$closeBtn = toast.$el.find('[data-toast-close]');
+    this.log(toast);
+    this.toasts.push(toast);
+    return toast;
+  } // Bind events that trigger methods
+
+
+  bindEvents(toast) {
+    let self = this;
+    toast.$el.on('click', '[data-toast-close]', () => {
+      if (toast.$el) {
+        self.close(toast);
+      }
+    });
+    $(window).on('resize', debounce(() => {
+      if (toast.$el) {
+        this.setPosition(toast);
+      }
+    }, 250));
+  } // Generate UUID
+
+
+  generateUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      let r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : r & 0x3 | 0x8;
+      return v.toString(16);
+    });
+  } // Set positions
+
+
+  setPosition(toast, placement, placementY, placementX) {
+    if (typeof placementY === 'undefined' || placementY === null) {
+      placementY = toast.placementY;
+    }
+
+    if (typeof placementX === 'undefined' || placementX === null) {
+      placementX = toast.placementX;
+    }
+
+    if (!placementX || !placementY) {
+      placement = toast.placement;
+    }
+
+    if (toast.offset) {
+      let offsets = toast.offset.split(',');
+      let offsetX = parseInt(offsets[0], 10);
+      let offsetY = parseInt(offsets[1], 10);
+    }
+
+    let toastWidth = toast.$el.outerWidth(true);
+    let toastHeight = toast.$el.outerHeight(true);
+    let toastPosX;
+    let toastPosY;
+
+    if (placement) {
+      if (placement === 'top-left') {
+        toastPosX = 0;
+        toastPosY = 0;
+
+        if (toast.offset) {
+          toastPosX += offsetX;
+          toastPosY += offsetY;
+        } else {
+          toastPosX += 30;
+          toastPosY += 30;
+        }
+      } else if (placement === 'top-center') {
+        toastPosX = this.$container.width() / 2 - toastWidth / 2;
+        toastPosY = 0;
+        this.log(this.$container.width);
+
+        if (toast.offset) {
+          toastPosX += offsetX;
+          toastPosY += offsetY;
+        } else {
+          toastPosY += 30;
+        }
+      } else if (placement === 'top-right') {
+        toastPosX = this.$container.width() - toastWidth;
+        toastPosY = 0;
+
+        if (toast.offset) {
+          toastPosX += -offsetX;
+          toastPosY += offsetY;
+        } else {
+          toastPosX += -30;
+          toastPosY += 30;
+        }
+      } else if (placement === 'center-left') {
+        toastPosX = 0;
+        toastPosY = this.$container.height() / 2 - toastHeight / 2;
+
+        if (toast.offset) {
+          toastPosX += offsetX;
+          toastPosY += offsetY;
+        } else {
+          toastPosX += 30;
+        }
+      } else if (placement === 'center-center') {
+        toastPosX = this.$container.width() / 2 - toastWidth / 2;
+        toastPosY = this.$container.height() / 2 - toastHeight / 2;
+
+        if (toast.offset) {
+          toastPosX += offsetX;
+          toastPosY += offsetY;
+        }
+      } else if (placement === 'center-right') {
+        toastPosX = this.$container.width() - toastWidth;
+        toastPosY = this.$container.height() / 2 - toastHeight / 2;
+
+        if (toast.offset) {
+          toastPosX += -offsetX;
+          toastPosY += offsetY;
+        } else {
+          toastPosX += -30;
+        }
+      } else if (placement === 'bottom-left') {
+        toastPosX = 0;
+        toastPosY = this.$container.height() - toastHeight;
+
+        if (toast.offset) {
+          toastPosX += offsetX;
+          toastPosY += -offsetY;
+        } else {
+          toastPosX += 30;
+          toastPosY += -30;
+        }
+      } else if (placement === 'bottom-center') {
+        toastPosX = this.$container.width() / 2 - toastWidth / 2;
+        toastPosY = this.$container.height() - toastHeight;
+
+        if (toast.offset) {
+          toastPosX += offsetX;
+          toastPosY += -offsetY;
+        } else {
+          toastPosY += -30;
+        }
+      } else if (placement === 'bottom-right') {
+        toastPosX = this.$container.width() - toastWidth;
+        toastPosY = this.$container.height() - toastHeight;
+
+        if (toast.offset) {
+          toastPosX += -offsetX;
+          toastPosY += -offsetY;
+        } else {
+          toastPosX += -30;
+          toastPosY += -30;
+        }
+      }
+    } else {
+      toastPosX = placementX;
+      toastPosY = placementY;
+    }
+
+    toast.$el.css({
+      position: 'absolute',
+      top: '0px',
+      left: '0px',
+      transform: 'translate3d(' + toastPosX + 'px, ' + toastPosY + 'px, 0px)',
+      'will-change': 'transform'
+    });
+    this.log('Toast width: ' + toastWidth + 'px');
+    this.log('Toast height: ' + toastHeight + 'px');
+    this.log('Toast position Y: ' + toastPosX + 'px');
+    this.log('Toast position x: ' + toastPosY + 'px');
+  } // Show
+
+
+  show(toast) {
+    this.$container.append(toast.$el);
+    this.bindEvents(toast);
+    this.setPosition(toast);
+
+    if (toast.animation) {
+      toast.$el.addClass('show');
+      toast.$inner.addClass(toast.animationSpeed);
+      toast.$inner.animateCss(toast.animationIn);
+    } else {
+      toast.$el.addClass('show');
+    }
+
+    if (toast.dismiss) {
+      setTimeout(() => {
+        this.close(toast);
+      }, toast.dismiss * 1000);
+    }
+
+    this.onShow(toast);
+  } // Close
+
+
+  close(toast) {
+    if (toast.animation && !toast.$inner.hasClass('animated')) {
+      toast.$el.removeClass('show');
+      toast.$inner.animateCss(toast.animationOut, () => {
+        toast.$el.remove();
+        this.toasts = $.grep(this.toasts, function (item) {
+          return item.uuid != toast.uuid;
+        });
+        this.processQueue();
+        this.onClose(toast);
+      });
+    } else {
+      toast.$el.remove();
+      this.toasts = $.grep(this.toasts, function (item) {
+        return item.uuid != toast.uuid;
+      });
+      this.processQueue();
+      this.onClose(toast);
+    }
+  } // Initialize callback
+
+
+  onInitialize() {
+    let onInitialize = this.onInitialize;
+
+    if (typeof onInitialize === 'function') {
+      onInitialize.call(this.container);
+    }
+  } // Destroy callback
+
+
+  onDestroy() {
+    let onDestroy = this.onDestroy;
+
+    if (typeof onDestroy === 'function') {
+      onDestroy.call(this.container);
+    }
+  } // Init callback
+
+
+  onInit(toast) {
+    let onInit = toast.onInit;
+
+    if (typeof onInit === 'function') {
+      onInit.call(toast);
+    }
+  } // Show callback
+
+
+  onShow(toast) {
+    let onShow = toast.onShow;
+
+    if (typeof onShow === 'function') {
+      onShow.call(toast);
+    }
+  } // Close callback
+
+
+  onClose(toast) {
+    let onClose = toast.onClose;
+
+    if (typeof onClose === 'function') {
+      onClose.call(toast);
+    }
+  } // Debug log
+
+
+  log() {
+    if (this.debug) {
+      if (typeof this.debug === 'function') {
+        this.debug(...arguments);
+      } else {
+        console.log(...arguments);
+      }
+    }
+  } // Render template
+
+
+  _renderTemplate(toast) {
+    let faNameSpace = this.faPro ? 'far' : 'fas';
+    let content = '';
+    let header = '';
+    let body = '';
+    let bodyCloseBtn = '';
+
+    if (typeof toast.content === 'function') {
+      content = toast.content();
+    } else {
+      content = toast.content;
+    }
+
+    if (toast.header) {
+      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 = "\n                <button type=\"button\" data-toast-close>\n\n                    <i class=\"" + faNameSpace + " fa-times icon\"></i>\n\n                </button>\n            ";
+    }
+
+    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) {
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY$6);
+
+      const _config = typeof config === 'object' && config;
+
+      if (!data) {
+        data = new Toast(this, _config);
+        $(this).data(DATA_KEY$6, data);
+      }
+
+      if (typeof config === 'string') {
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError("No method named \"" + config + "\"");
+        }
+
+        data[config]();
+      }
+    });
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME$6];
+  $.fn[NAME$6] = Toast._jQueryInterface;
+  $.fn[NAME$6].Constructor = Toast;
+
+  $.fn[NAME$6].noConflict = () => {
+    $.fn[NAME$6] = JQUERY_NO_CONFLICT;
+    return Toast._jQueryInterface;
+  };
+
+  $.fn[NAME$6].defaults = {
+    title: '',
+    content: '',
+    template: '',
+    theme: 'dark',
+    placement: 'bottom-center',
+    placementX: null,
+    placementY: null,
+    animation: true,
+    animationIn: 'slideInUp',
+    animationOut: 'slideOutDown',
+    animationSpeed: 'faster',
+    offset: null,
+    size: null,
+    dismiss: 3,
+    header: false,
+    faPro: false,
+    debug: false,
+    onInitialize: null,
+    onDestroy: null,
+    onInit: null,
+    onDestroy: null,
+    onShow: null,
+    onClose: null
+  };
+}
+
+const NAME$7 = 'coolDialog';
+const DATA_KEY$7 = 'plugin_coolDialog';
+
+class Dialog {
+  constructor(container, opts) {
+    this.settings = {};
+
+    if (window.Cool.settings.dialog) {
+      $.extend(true, this.settings, $.fn[NAME$7].defaults, window.Cool.settings.dialog, opts);
+    } else {
+      $.extend(true, this.settings, $.fn[NAME$7].defaults, opts);
+    }
+
+    this.container = container;
+    this.$container = $(this.container);
+    this.debug = this.settings.debug;
+    this.faPro = this.settings.faPro;
+    this.dialogs = [];
+    this.onInitialize = this.settings.onInitialize;
+    this.onDestroy = this.settings.onDestroy;
+  } // Init dialog
+
+
+  init(opts) {
+    let settings = {};
+    $.extend(true, settings, this.settings, opts);
+    let dialog = this.buildDialog(settings);
+    this.show(dialog);
+    this.bindEvents(dialog);
+    this.onInit(dialog);
+    return dialog;
+  } // Remove plugin instance completely
+
+
+  destroy() {
+    this.$container.removeData(DATA_KEY$7);
+    this.onDestroy();
+  } // Build dialog
+
+
+  buildDialog(settings) {
+    let self = this;
+    let dialog = {
+      uuid: 'dialog-' + this.generateUUID(),
+      title: settings.title,
+      template: settings.template,
+      body: settings.body,
+      footer: settings.footer,
+      size: settings.size,
+      classes: settings.classes,
+      centered: settings.centered,
+      backdrop: settings.backdrop,
+      preventScroll: settings.preventScroll,
+      closeBtn: settings.closeBtn,
+      animation: settings.animation,
+      animationIn: settings.animationIn,
+      animationOut: settings.animationOut,
+      animationSpeed: settings.animationSpeed,
+      callbacks: settings.callbacks,
+      maxBodyHeight: settings.maxBodyHeight,
+      actions: settings.actions,
+      onInit: settings.onInit,
+      onShow: settings.onShow,
+      onClose: settings.onClose
+    };
+
+    if (typeof dialog.template === 'function') {
+      dialog.$el = $(dialog.template());
+    } else {
+      dialog.$el = $(this._renderTemplate(dialog));
+    }
+
+    dialog.show = function () {
+      self.show(dialog);
+    };
+
+    dialog.close = function () {
+      self.close(dialog);
+    };
+
+    this.log(dialog);
+    this.dialogs.push(dialog);
+    return dialog;
+  } // Bind events that trigger methods
+
+
+  bindEvents(dialog) {
+    let self = this;
+    dialog.$el.on('click', '[data-dialog-close]', function (e) {
+      dialog.$el.trigger('dialog.close');
+
+      if (typeof dialog.callbacks.close === 'function') {
+        dialog.callbacks.close.call(self, function () {
+          self.close(dialog);
+        }, dialog);
+      } else {
+        self.close(dialog);
+      }
+    });
+    dialog.$el.on('click', '[data-dialog-remove]', function (e) {
+      dialog.$el.trigger('dialog.remove');
+
+      if (typeof dialog.callbacks.remove === 'function') {
+        dialog.callbacks.remove.call(self, function () {
+          self.close(dialog);
+        }, dialog);
+      }
+    });
+    dialog.$el.on('click', '[data-dialog-confirm]', debounce(function (e) {
+      dialog.$el.trigger('dialog.close');
+
+      if (typeof dialog.callbacks.confirm === 'function') {
+        dialog.callbacks.confirm.call(self, function () {
+          self.close(dialog);
+        }, dialog);
+      } else {
+        self.close(dialog);
+      }
+    }));
+  } // Generate UUID
+
+
+  generateUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      let r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : r & 0x3 | 0x8;
+      return v.toString(16);
+    });
+  } // Show
+
+
+  show(dialog) {
+    if (!this.$container.hasClass('has-dialogs')) {
+      this.$container.addClass('has-dialogs');
+    }
+
+    if (dialog.preventScroll && !this.$container.hasClass('dialog-prevent-scroll')) {
+      this.$container.addClass('dialog-prevent-scroll');
+    }
+
+    if (this.dialogs.length > 1) {
+      let $prevDialog = $(this.dialogs).eq(-2)[0].$el;
+      let zIndex = parseInt($prevDialog.css('z-index'), 10) + 1;
+      dialog.$el.css('z-index', zIndex);
+      $prevDialog.css({
+        'transition': 'opacity 0.3s',
+        'opacity': 0,
+        'visibility': 'visible'
+      });
+    }
+
+    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) {
+          $('.dialog-backdrop').remove();
+          clearInterval(checkForBackdrop);
+        }
+      }, 100);
+    }
+
+    this.$container.append(dialog.$el);
+
+    if (dialog.animation) {
+      dialog.$el.find('.dialog-content').addClass(dialog.animationSpeed).animateCss(dialog.animationIn);
+    }
+
+    this.onShow(dialog);
+  } // Close
+
+
+  close(dialog) {
+    let $prevDialog = null;
+
+    if (this.dialogs.length > 1) {
+      $prevDialog = $(this.dialogs).eq(-2)[0].$el;
+    }
+
+    if ($('.dialog[data-dialog-backdrop="true"]').length === 0 && $('.dialog-backdrop').length) {
+      $('.dialog-backdrop').remove();
+    }
+
+    if (dialog.animation) {
+      dialog.$el.find('.dialog-content').animateCss(dialog.animationOut, () => {
+        dialog.$el.remove();
+        this.dialogs = $.grep(this.dialogs, function (item) {
+          return item.uuid != dialog.uuid;
+        });
+
+        if (this.dialogs.length == 0) {
+          this.$container.removeClass('has-dialogs');
+
+          if (this.$container.hasClass('dialog-prevent-scroll')) {
+            this.$container.removeClass('dialog-prevent-scroll');
+          }
+        } else {
+          if ($prevDialog) {
+            $prevDialog.css('opacity', 1);
+          }
+        }
+      });
+    } else {
+      dialog.$el.remove();
+      this.dialogs = $.grep(this.dialogs, function (item) {
+        return item.uuid != dialog.uuid;
+      });
+
+      if (this.dialogs.length == 0) {
+        this.$container.removeClass('has-dialogs');
+
+        if (this.$container.hasClass('dialog-prevent-scroll')) {
+          this.$container.removeClass('dialog-prevent-scroll');
+        }
+      } else {
+        if ($prevDialog) {
+          $prevDialog.css('opacity', 1);
+        }
+      }
+    }
+
+    this.onClose(dialog);
+  } // Initialize callback
+
+
+  onInitialize() {
+    let onInitialize = this.onInitialize;
+
+    if (typeof onInitialize === 'function') {
+      onInitialize.call(this.container);
+    }
+  } // Destroy callback
+
+
+  onDestroy() {
+    let onDestroy = this.onDestroy;
+
+    if (typeof onDestroy === 'function') {
+      onDestroy.call(this.container);
+    }
+  } // Init callback
+
+
+  onInit(dialog) {
+    let onInit = dialog.onInit;
+
+    if (typeof onInit === 'function') {
+      onInit.call(dialog);
+    }
+  } // Show callback
+
+
+  onShow(dialog) {
+    let onShow = dialog.onShow;
+
+    if (typeof onShow === 'function') {
+      onShow.call(dialog);
+    }
+  } // Close callback
+
+
+  onClose(dialog) {
+    let onClose = dialog.onClose;
+
+    if (typeof onClose === 'function') {
+      onClose.call(dialog);
+    }
+  } // Debug log
+
+
+  log() {
+    if (this.debug) {
+      if (typeof this.debug === 'function') {
+        this.debug(...arguments);
+      } else {
+        console.log(...arguments);
+      }
+    }
+  } // Render footer
+
+
+  _renderFooter(dialog) {
+    let 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 = '';
+
+      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 = "\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 = "\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 = "\n                    <button type=\"button\" class=\"btn " + btnStyle + btnClasses + "\"" + btnAttrs + " data-dialog-confirm>\n                        " + dialog.actions.confirm.content + "\n                    </button>\n                ";
+      }
+
+      footer = "\n                " + btnCancel + "\n                " + btnRemove + "\n                " + btnConfirm + "\n            ";
+    } else {
+      return footer;
+    }
+
+    if (footer) {
+      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);
+
+    if (typeof dialog.body === 'function') {
+      body = dialog.body();
+    } else {
+      body = dialog.body;
+    }
+
+    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);
+
+    const _config = typeof config === 'object' && config;
+
+    if (!data) {
+      data = new Dialog(this, _config);
+      $(this).data(DATA_KEY$7, data);
+    }
+
+    if (typeof config === 'string') {
+      if (typeof data[config] === 'undefined') {
+        throw new TypeError("No method named \"" + config + "\"");
+      }
+
+      data[config]();
+    }
+  }
+
+}
+
+if (typeof $ !== 'undefined') {
+  // jQuery
+  const JQUERY_NO_CONFLICT = $.fn[NAME$7];
+  $.fn[NAME$7] = Dialog._jQueryInterface;
+  $.fn[NAME$7].Constructor = Dialog;
+
+  $.fn[NAME$7].noConflict = () => {
+    $.fn[NAME$7] = JQUERY_NO_CONFLICT;
+    return Dialog._jQueryInterface;
+  };
+
+  $.fn[NAME$7].defaults = {
+    title: '',
+    template: '',
+    body: '',
+    footer: true,
+    size: '',
+    // sm/lg
+    classes: '',
+    centered: true,
+    backdrop: true,
+    preventScroll: true,
+    closeBtn: true,
+    animation: true,
+    animationIn: 'zoomIn',
+    animationOut: 'fadeOut',
+    animationSpeed: 'fastest',
+    callbacks: {},
+    maxBodyHeight: window.innerHeight - 200,
+    faPro: false,
+    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: ''
+      }
+    }
+  };
+}
+
+var index_esm = {
+  Common,
+  Popover,
+  Select,
+  Dropdown,
+  Tooltip,
+  SectionTabs,
+  Collapse,
+  Toast,
+  Dialog
+};
+
+export default index_esm;
+//# sourceMappingURL=cool.esm.js.map