bk-magic-vue 2.4.0 → 2.4.1

package/lib/dropdown-menu.js

@@ -1,1896 +1,1896 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-    typeof define === 'function' && define.amd ? define(['exports'], factory) :
-    (global = global || self, factory(global.library = {}));
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = global || self, factory(global.library = {}));
 }(this, function (exports) { 'use strict';
 
-    var nodeList = [];
-    var clickctx = '$clickoutsideCtx';
-    var beginClick;
-    document.addEventListener('mousedown', function (event) {
-      return beginClick = event;
+  var nodeList = [];
+  var clickctx = '$clickoutsideCtx';
+  var beginClick;
+  document.addEventListener('mousedown', function (event) {
+    return beginClick = event;
+  });
+  document.addEventListener('mouseup', function (event) {
+    nodeList.forEach(function (node) {
+      node[clickctx].clickoutsideHandler(event, beginClick);
     });
-    document.addEventListener('mouseup', function (event) {
-      nodeList.forEach(function (node) {
-        node[clickctx].clickoutsideHandler(event, beginClick);
-      });
-    });
-    var bkClickoutside = {
-      bind: function bind(el, binding, vnode) {
-        var id = nodeList.push(el) - 1;
-        var clickoutsideHandler = function clickoutsideHandler() {
-          var mouseup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-          var mousedown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-          if (!vnode.context
-          || !mouseup.target || !mousedown.target || el.contains(mouseup.target)
-          || el.contains(mousedown.target)
-          || el === mouseup.target
-          || vnode.context.popup
-          && (vnode.context.popup.contains(mouseup.target)
-          || vnode.context.popup.contains(mousedown.target)
-          )) {
-            return;
-          }
-          if (binding.expression
-          && el[clickctx].callbackName
-          && vnode.context[el[clickctx].callbackName]
-          ) {
-            vnode.context[el[clickctx].callbackName](mouseup, mousedown, el);
-          } else {
-            el[clickctx].bindingFn && el[clickctx].bindingFn(mouseup, mousedown, el);
-          }
-        };
-        el[clickctx] = {
-          id: id,
-          clickoutsideHandler: clickoutsideHandler,
-          callbackName: binding.expression,
-          callbackFn: binding.value
-        };
-      },
-      update: function update(el, binding) {
-        el[clickctx].callbackName = binding.expression;
-        el[clickctx].callbackFn = binding.value;
-      },
-      unbind: function unbind(el) {
-        for (var i = 0, len = nodeList.length; i < len; i++) {
-          if (nodeList[i][clickctx].id === el[clickctx].id) {
-            nodeList.splice(i, 1);
-            break;
-          }
-        }
-      }
-    };
-    bkClickoutside.install = function (Vue) {
-      Vue.directive('bkClickoutside', bkClickoutside);
-    };
-
-    var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
-    var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
-    var timeoutDuration = 0;
-    for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
-      if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
-        timeoutDuration = 1;
-        break;
-      }
-    }
-    function microtaskDebounce(fn) {
-      var called = false;
-      return function () {
-        if (called) {
+  });
+  var bkClickoutside = {
+    bind: function bind(el, binding, vnode) {
+      var id = nodeList.push(el) - 1;
+      var clickoutsideHandler = function clickoutsideHandler() {
+        var mouseup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var mousedown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+        if (!vnode.context
+        || !mouseup.target || !mousedown.target || el.contains(mouseup.target)
+        || el.contains(mousedown.target)
+        || el === mouseup.target
+        || vnode.context.popup
+        && (vnode.context.popup.contains(mouseup.target)
+        || vnode.context.popup.contains(mousedown.target)
+        )) {
           return;
         }
-        called = true;
-        window.Promise.resolve().then(function () {
-          called = false;
-          fn();
-        });
-      };
-    }
-    function taskDebounce(fn) {
-      var scheduled = false;
-      return function () {
-        if (!scheduled) {
-          scheduled = true;
-          setTimeout(function () {
-            scheduled = false;
-            fn();
-          }, timeoutDuration);
+        if (binding.expression
+        && el[clickctx].callbackName
+        && vnode.context[el[clickctx].callbackName]
+        ) {
+          vnode.context[el[clickctx].callbackName](mouseup, mousedown, el);
+        } else {
+          el[clickctx].bindingFn && el[clickctx].bindingFn(mouseup, mousedown, el);
         }
       };
-    }
-    var supportsMicroTasks = isBrowser && window.Promise;
-    var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
-    function isFunction(functionToCheck) {
-      var getType = {};
-      return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-    }
-    function getStyleComputedProperty(element, property) {
-      if (element.nodeType !== 1) {
-        return [];
-      }
-      var window = element.ownerDocument.defaultView;
-      var css = window.getComputedStyle(element, null);
-      return property ? css[property] : css;
-    }
-    function getParentNode(element) {
-      if (element.nodeName === 'HTML') {
-        return element;
-      }
-      return element.parentNode || element.host;
-    }
-    function getScrollParent(element) {
-      if (!element) {
-        return document.body;
-      }
-      switch (element.nodeName) {
-        case 'HTML':
-        case 'BODY':
-          return element.ownerDocument.body;
-        case '#document':
-          return element.body;
-      }
-      var _getStyleComputedProp = getStyleComputedProperty(element),
-          overflow = _getStyleComputedProp.overflow,
-          overflowX = _getStyleComputedProp.overflowX,
-          overflowY = _getStyleComputedProp.overflowY;
-      if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
-        return element;
-      }
-      return getScrollParent(getParentNode(element));
-    }
-    var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
-    var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
-    function isIE(version) {
-      if (version === 11) {
-        return isIE11;
-      }
-      if (version === 10) {
-        return isIE10;
-      }
-      return isIE11 || isIE10;
-    }
-    function getOffsetParent(element) {
-      if (!element) {
-        return document.documentElement;
-      }
-      var noOffsetParent = isIE(10) ? document.body : null;
-      var offsetParent = element.offsetParent || null;
-      while (offsetParent === noOffsetParent && element.nextElementSibling) {
-        offsetParent = (element = element.nextElementSibling).offsetParent;
-      }
-      var nodeName = offsetParent && offsetParent.nodeName;
-      if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
-        return element ? element.ownerDocument.documentElement : document.documentElement;
-      }
-      if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
-        return getOffsetParent(offsetParent);
-      }
-      return offsetParent;
-    }
-    function isOffsetContainer(element) {
-      var nodeName = element.nodeName;
-      if (nodeName === 'BODY') {
-        return false;
-      }
-      return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
-    }
-    function getRoot(node) {
-      if (node.parentNode !== null) {
-        return getRoot(node.parentNode);
-      }
-      return node;
-    }
-    function findCommonOffsetParent(element1, element2) {
-      if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
-        return document.documentElement;
-      }
-      var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
-      var start = order ? element1 : element2;
-      var end = order ? element2 : element1;
-      var range = document.createRange();
-      range.setStart(start, 0);
-      range.setEnd(end, 0);
-      var commonAncestorContainer = range.commonAncestorContainer;
-      if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
-        if (isOffsetContainer(commonAncestorContainer)) {
-          return commonAncestorContainer;
+      el[clickctx] = {
+        id: id,
+        clickoutsideHandler: clickoutsideHandler,
+        callbackName: binding.expression,
+        callbackFn: binding.value
+      };
+    },
+    update: function update(el, binding) {
+      el[clickctx].callbackName = binding.expression;
+      el[clickctx].callbackFn = binding.value;
+    },
+    unbind: function unbind(el) {
+      for (var i = 0, len = nodeList.length; i < len; i++) {
+        if (nodeList[i][clickctx].id === el[clickctx].id) {
+          nodeList.splice(i, 1);
+          break;
         }
-        return getOffsetParent(commonAncestorContainer);
-      }
-      var element1root = getRoot(element1);
-      if (element1root.host) {
-        return findCommonOffsetParent(element1root.host, element2);
-      } else {
-        return findCommonOffsetParent(element1, getRoot(element2).host);
-      }
-    }
-    function getScroll(element) {
-      var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
-      var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
-      var nodeName = element.nodeName;
-      if (nodeName === 'BODY' || nodeName === 'HTML') {
-        var html = element.ownerDocument.documentElement;
-        var scrollingElement = element.ownerDocument.scrollingElement || html;
-        return scrollingElement[upperSide];
       }
-      return element[upperSide];
-    }
-    function includeScroll(rect, element) {
-      var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var scrollTop = getScroll(element, 'top');
-      var scrollLeft = getScroll(element, 'left');
-      var modifier = subtract ? -1 : 1;
-      rect.top += scrollTop * modifier;
-      rect.bottom += scrollTop * modifier;
-      rect.left += scrollLeft * modifier;
-      rect.right += scrollLeft * modifier;
-      return rect;
-    }
-    function getBordersSize(styles, axis) {
-      var sideA = axis === 'x' ? 'Left' : 'Top';
-      var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
-      return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
-    }
-    function getSize(axis, body, html, computedStyle) {
-      return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
-    }
-    function getWindowSizes(document) {
-      var body = document.body;
-      var html = document.documentElement;
-      var computedStyle = isIE(10) && getComputedStyle(html);
-      return {
-        height: getSize('Height', body, html, computedStyle),
-        width: getSize('Width', body, html, computedStyle)
-      };
     }
-    var classCallCheck = function (instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
+  };
+  bkClickoutside.install = function (Vue) {
+    Vue.directive('bkClickoutside', bkClickoutside);
+  };
+
+  var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+  var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
+  var timeoutDuration = 0;
+  for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
+    if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
+      timeoutDuration = 1;
+      break;
+    }
+  }
+  function microtaskDebounce(fn) {
+    var called = false;
+    return function () {
+      if (called) {
+        return;
       }
+      called = true;
+      window.Promise.resolve().then(function () {
+        called = false;
+        fn();
+      });
     };
-    var createClass = function () {
-      function defineProperties(target, props) {
-        for (var i = 0; i < props.length; i++) {
-          var descriptor = props[i];
-          descriptor.enumerable = descriptor.enumerable || false;
-          descriptor.configurable = true;
-          if ("value" in descriptor) descriptor.writable = true;
-          Object.defineProperty(target, descriptor.key, descriptor);
-        }
-      }
-      return function (Constructor, protoProps, staticProps) {
-        if (protoProps) defineProperties(Constructor.prototype, protoProps);
-        if (staticProps) defineProperties(Constructor, staticProps);
-        return Constructor;
-      };
-    }();
-    var defineProperty = function (obj, key, value) {
-      if (key in obj) {
-        Object.defineProperty(obj, key, {
-          value: value,
-          enumerable: true,
-          configurable: true,
-          writable: true
-        });
-      } else {
-        obj[key] = value;
+  }
+  function taskDebounce(fn) {
+    var scheduled = false;
+    return function () {
+      if (!scheduled) {
+        scheduled = true;
+        setTimeout(function () {
+          scheduled = false;
+          fn();
+        }, timeoutDuration);
       }
-      return obj;
     };
-    var _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
+  }
+  var supportsMicroTasks = isBrowser && window.Promise;
+  var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
+  function isFunction(functionToCheck) {
+    var getType = {};
+    return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+  }
+  function getStyleComputedProperty(element, property) {
+    if (element.nodeType !== 1) {
+      return [];
+    }
+    var window = element.ownerDocument.defaultView;
+    var css = window.getComputedStyle(element, null);
+    return property ? css[property] : css;
+  }
+  function getParentNode(element) {
+    if (element.nodeName === 'HTML') {
+      return element;
+    }
+    return element.parentNode || element.host;
+  }
+  function getScrollParent(element) {
+    if (!element) {
+      return document.body;
+    }
+    switch (element.nodeName) {
+      case 'HTML':
+      case 'BODY':
+        return element.ownerDocument.body;
+      case '#document':
+        return element.body;
+    }
+    var _getStyleComputedProp = getStyleComputedProperty(element),
+        overflow = _getStyleComputedProp.overflow,
+        overflowX = _getStyleComputedProp.overflowX,
+        overflowY = _getStyleComputedProp.overflowY;
+    if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
+      return element;
+    }
+    return getScrollParent(getParentNode(element));
+  }
+  var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
+  var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
+  function isIE(version) {
+    if (version === 11) {
+      return isIE11;
+    }
+    if (version === 10) {
+      return isIE10;
+    }
+    return isIE11 || isIE10;
+  }
+  function getOffsetParent(element) {
+    if (!element) {
+      return document.documentElement;
+    }
+    var noOffsetParent = isIE(10) ? document.body : null;
+    var offsetParent = element.offsetParent || null;
+    while (offsetParent === noOffsetParent && element.nextElementSibling) {
+      offsetParent = (element = element.nextElementSibling).offsetParent;
+    }
+    var nodeName = offsetParent && offsetParent.nodeName;
+    if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
+      return element ? element.ownerDocument.documentElement : document.documentElement;
+    }
+    if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
+      return getOffsetParent(offsetParent);
+    }
+    return offsetParent;
+  }
+  function isOffsetContainer(element) {
+    var nodeName = element.nodeName;
+    if (nodeName === 'BODY') {
+      return false;
+    }
+    return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
+  }
+  function getRoot(node) {
+    if (node.parentNode !== null) {
+      return getRoot(node.parentNode);
+    }
+    return node;
+  }
+  function findCommonOffsetParent(element1, element2) {
+    if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
+      return document.documentElement;
+    }
+    var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
+    var start = order ? element1 : element2;
+    var end = order ? element2 : element1;
+    var range = document.createRange();
+    range.setStart(start, 0);
+    range.setEnd(end, 0);
+    var commonAncestorContainer = range.commonAncestorContainer;
+    if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
+      if (isOffsetContainer(commonAncestorContainer)) {
+        return commonAncestorContainer;
+      }
+      return getOffsetParent(commonAncestorContainer);
+    }
+    var element1root = getRoot(element1);
+    if (element1root.host) {
+      return findCommonOffsetParent(element1root.host, element2);
+    } else {
+      return findCommonOffsetParent(element1, getRoot(element2).host);
+    }
+  }
+  function getScroll(element) {
+    var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
+    var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
+    var nodeName = element.nodeName;
+    if (nodeName === 'BODY' || nodeName === 'HTML') {
+      var html = element.ownerDocument.documentElement;
+      var scrollingElement = element.ownerDocument.scrollingElement || html;
+      return scrollingElement[upperSide];
+    }
+    return element[upperSide];
+  }
+  function includeScroll(rect, element) {
+    var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var scrollTop = getScroll(element, 'top');
+    var scrollLeft = getScroll(element, 'left');
+    var modifier = subtract ? -1 : 1;
+    rect.top += scrollTop * modifier;
+    rect.bottom += scrollTop * modifier;
+    rect.left += scrollLeft * modifier;
+    rect.right += scrollLeft * modifier;
+    return rect;
+  }
+  function getBordersSize(styles, axis) {
+    var sideA = axis === 'x' ? 'Left' : 'Top';
+    var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
+    return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
+  }
+  function getSize(axis, body, html, computedStyle) {
+    return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
+  }
+  function getWindowSizes(document) {
+    var body = document.body;
+    var html = document.documentElement;
+    var computedStyle = isIE(10) && getComputedStyle(html);
+    return {
+      height: getSize('Height', body, html, computedStyle),
+      width: getSize('Width', body, html, computedStyle)
+    };
+  }
+  var classCallCheck = function (instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  };
+  var createClass = function () {
+    function defineProperties(target, props) {
+      for (var i = 0; i < props.length; i++) {
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+      }
+    }
+    return function (Constructor, protoProps, staticProps) {
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
+      if (staticProps) defineProperties(Constructor, staticProps);
+      return Constructor;
     };
-    function getClientRect(offsets) {
-      return _extends({}, offsets, {
-        right: offsets.left + offsets.width,
-        bottom: offsets.top + offsets.height
+  }();
+  var defineProperty = function (obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
       });
-    }
-    function getBoundingClientRect(element) {
-      var rect = {};
-      try {
-        if (isIE(10)) {
-          rect = element.getBoundingClientRect();
-          var scrollTop = getScroll(element, 'top');
-          var scrollLeft = getScroll(element, 'left');
-          rect.top += scrollTop;
-          rect.left += scrollLeft;
-          rect.bottom += scrollTop;
-          rect.right += scrollLeft;
-        } else {
-          rect = element.getBoundingClientRect();
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  };
+  var _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
         }
-      } catch (e) {}
-      var result = {
-        left: rect.left,
-        top: rect.top,
-        width: rect.right - rect.left,
-        height: rect.bottom - rect.top
-      };
-      var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
-      var width = sizes.width || element.clientWidth || result.right - result.left;
-      var height = sizes.height || element.clientHeight || result.bottom - result.top;
-      var horizScrollbar = element.offsetWidth - width;
-      var vertScrollbar = element.offsetHeight - height;
-      if (horizScrollbar || vertScrollbar) {
-        var styles = getStyleComputedProperty(element);
-        horizScrollbar -= getBordersSize(styles, 'x');
-        vertScrollbar -= getBordersSize(styles, 'y');
-        result.width -= horizScrollbar;
-        result.height -= vertScrollbar;
-      }
-      return getClientRect(result);
-    }
-    function getOffsetRectRelativeToArbitraryNode(children, parent) {
-      var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var isIE10 = isIE(10);
-      var isHTML = parent.nodeName === 'HTML';
-      var childrenRect = getBoundingClientRect(children);
-      var parentRect = getBoundingClientRect(parent);
-      var scrollParent = getScrollParent(children);
-      var styles = getStyleComputedProperty(parent);
-      var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
-      var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
-      if (fixedPosition && isHTML) {
-        parentRect.top = Math.max(parentRect.top, 0);
-        parentRect.left = Math.max(parentRect.left, 0);
-      }
-      var offsets = getClientRect({
-        top: childrenRect.top - parentRect.top - borderTopWidth,
-        left: childrenRect.left - parentRect.left - borderLeftWidth,
-        width: childrenRect.width,
-        height: childrenRect.height
-      });
-      offsets.marginTop = 0;
-      offsets.marginLeft = 0;
-      if (!isIE10 && isHTML) {
-        var marginTop = parseFloat(styles.marginTop, 10);
-        var marginLeft = parseFloat(styles.marginLeft, 10);
-        offsets.top -= borderTopWidth - marginTop;
-        offsets.bottom -= borderTopWidth - marginTop;
-        offsets.left -= borderLeftWidth - marginLeft;
-        offsets.right -= borderLeftWidth - marginLeft;
-        offsets.marginTop = marginTop;
-        offsets.marginLeft = marginLeft;
       }
-      if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
-        offsets = includeScroll(offsets, parent);
-      }
-      return offsets;
-    }
-    function getViewportOffsetRectRelativeToArtbitraryNode(element) {
-      var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var html = element.ownerDocument.documentElement;
-      var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
-      var width = Math.max(html.clientWidth, window.innerWidth || 0);
-      var height = Math.max(html.clientHeight, window.innerHeight || 0);
-      var scrollTop = !excludeScroll ? getScroll(html) : 0;
-      var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
-      var offset = {
-        top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
-        left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
-        width: width,
-        height: height
-      };
-      return getClientRect(offset);
-    }
-    function isFixed(element) {
-      var nodeName = element.nodeName;
-      if (nodeName === 'BODY' || nodeName === 'HTML') {
-        return false;
-      }
-      if (getStyleComputedProperty(element, 'position') === 'fixed') {
-        return true;
-      }
-      var parentNode = getParentNode(element);
-      if (!parentNode) {
-        return false;
-      }
-      return isFixed(parentNode);
     }
-    function getFixedPositionOffsetParent(element) {
-      if (!element || !element.parentElement || isIE()) {
-        return document.documentElement;
-      }
-      var el = element.parentElement;
-      while (el && getStyleComputedProperty(el, 'transform') === 'none') {
-        el = el.parentElement;
-      }
-      return el || document.documentElement;
-    }
-    function getBoundaries(popper, reference, padding, boundariesElement) {
-      var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-      var boundaries = { top: 0, left: 0 };
-      var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
-      if (boundariesElement === 'viewport') {
-        boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
+    return target;
+  };
+  function getClientRect(offsets) {
+    return _extends({}, offsets, {
+      right: offsets.left + offsets.width,
+      bottom: offsets.top + offsets.height
+    });
+  }
+  function getBoundingClientRect(element) {
+    var rect = {};
+    try {
+      if (isIE(10)) {
+        rect = element.getBoundingClientRect();
+        var scrollTop = getScroll(element, 'top');
+        var scrollLeft = getScroll(element, 'left');
+        rect.top += scrollTop;
+        rect.left += scrollLeft;
+        rect.bottom += scrollTop;
+        rect.right += scrollLeft;
       } else {
-        var boundariesNode = void 0;
-        if (boundariesElement === 'scrollParent') {
-          boundariesNode = getScrollParent(getParentNode(reference));
-          if (boundariesNode.nodeName === 'BODY') {
-            boundariesNode = popper.ownerDocument.documentElement;
-          }
-        } else if (boundariesElement === 'window') {
+        rect = element.getBoundingClientRect();
+      }
+    } catch (e) {}
+    var result = {
+      left: rect.left,
+      top: rect.top,
+      width: rect.right - rect.left,
+      height: rect.bottom - rect.top
+    };
+    var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
+    var width = sizes.width || element.clientWidth || result.right - result.left;
+    var height = sizes.height || element.clientHeight || result.bottom - result.top;
+    var horizScrollbar = element.offsetWidth - width;
+    var vertScrollbar = element.offsetHeight - height;
+    if (horizScrollbar || vertScrollbar) {
+      var styles = getStyleComputedProperty(element);
+      horizScrollbar -= getBordersSize(styles, 'x');
+      vertScrollbar -= getBordersSize(styles, 'y');
+      result.width -= horizScrollbar;
+      result.height -= vertScrollbar;
+    }
+    return getClientRect(result);
+  }
+  function getOffsetRectRelativeToArbitraryNode(children, parent) {
+    var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var isIE10 = isIE(10);
+    var isHTML = parent.nodeName === 'HTML';
+    var childrenRect = getBoundingClientRect(children);
+    var parentRect = getBoundingClientRect(parent);
+    var scrollParent = getScrollParent(children);
+    var styles = getStyleComputedProperty(parent);
+    var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
+    var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
+    if (fixedPosition && isHTML) {
+      parentRect.top = Math.max(parentRect.top, 0);
+      parentRect.left = Math.max(parentRect.left, 0);
+    }
+    var offsets = getClientRect({
+      top: childrenRect.top - parentRect.top - borderTopWidth,
+      left: childrenRect.left - parentRect.left - borderLeftWidth,
+      width: childrenRect.width,
+      height: childrenRect.height
+    });
+    offsets.marginTop = 0;
+    offsets.marginLeft = 0;
+    if (!isIE10 && isHTML) {
+      var marginTop = parseFloat(styles.marginTop, 10);
+      var marginLeft = parseFloat(styles.marginLeft, 10);
+      offsets.top -= borderTopWidth - marginTop;
+      offsets.bottom -= borderTopWidth - marginTop;
+      offsets.left -= borderLeftWidth - marginLeft;
+      offsets.right -= borderLeftWidth - marginLeft;
+      offsets.marginTop = marginTop;
+      offsets.marginLeft = marginLeft;
+    }
+    if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
+      offsets = includeScroll(offsets, parent);
+    }
+    return offsets;
+  }
+  function getViewportOffsetRectRelativeToArtbitraryNode(element) {
+    var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var html = element.ownerDocument.documentElement;
+    var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
+    var width = Math.max(html.clientWidth, window.innerWidth || 0);
+    var height = Math.max(html.clientHeight, window.innerHeight || 0);
+    var scrollTop = !excludeScroll ? getScroll(html) : 0;
+    var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
+    var offset = {
+      top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
+      left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
+      width: width,
+      height: height
+    };
+    return getClientRect(offset);
+  }
+  function isFixed(element) {
+    var nodeName = element.nodeName;
+    if (nodeName === 'BODY' || nodeName === 'HTML') {
+      return false;
+    }
+    if (getStyleComputedProperty(element, 'position') === 'fixed') {
+      return true;
+    }
+    var parentNode = getParentNode(element);
+    if (!parentNode) {
+      return false;
+    }
+    return isFixed(parentNode);
+  }
+  function getFixedPositionOffsetParent(element) {
+    if (!element || !element.parentElement || isIE()) {
+      return document.documentElement;
+    }
+    var el = element.parentElement;
+    while (el && getStyleComputedProperty(el, 'transform') === 'none') {
+      el = el.parentElement;
+    }
+    return el || document.documentElement;
+  }
+  function getBoundaries(popper, reference, padding, boundariesElement) {
+    var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+    var boundaries = { top: 0, left: 0 };
+    var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
+    if (boundariesElement === 'viewport') {
+      boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
+    } else {
+      var boundariesNode = void 0;
+      if (boundariesElement === 'scrollParent') {
+        boundariesNode = getScrollParent(getParentNode(reference));
+        if (boundariesNode.nodeName === 'BODY') {
           boundariesNode = popper.ownerDocument.documentElement;
-        } else {
-          boundariesNode = boundariesElement;
-        }
-        var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
-        if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
-          var _getWindowSizes = getWindowSizes(popper.ownerDocument),
-              height = _getWindowSizes.height,
-              width = _getWindowSizes.width;
-          boundaries.top += offsets.top - offsets.marginTop;
-          boundaries.bottom = height + offsets.top;
-          boundaries.left += offsets.left - offsets.marginLeft;
-          boundaries.right = width + offsets.left;
-        } else {
-          boundaries = offsets;
         }
-      }
-      padding = padding || 0;
-      var isPaddingNumber = typeof padding === 'number';
-      boundaries.left += isPaddingNumber ? padding : padding.left || 0;
-      boundaries.top += isPaddingNumber ? padding : padding.top || 0;
-      boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
-      boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
-      return boundaries;
-    }
-    function getArea(_ref) {
-      var width = _ref.width,
-          height = _ref.height;
-      return width * height;
-    }
-    function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
-      var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
-      if (placement.indexOf('auto') === -1) {
-        return placement;
-      }
-      var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
-      var rects = {
-        top: {
-          width: boundaries.width,
-          height: refRect.top - boundaries.top
-        },
-        right: {
-          width: boundaries.right - refRect.right,
-          height: boundaries.height
-        },
-        bottom: {
-          width: boundaries.width,
-          height: boundaries.bottom - refRect.bottom
-        },
-        left: {
-          width: refRect.left - boundaries.left,
-          height: boundaries.height
-        }
-      };
-      var sortedAreas = Object.keys(rects).map(function (key) {
-        return _extends({
-          key: key
-        }, rects[key], {
-          area: getArea(rects[key])
-        });
-      }).sort(function (a, b) {
-        return b.area - a.area;
-      });
-      var filteredAreas = sortedAreas.filter(function (_ref2) {
-        var width = _ref2.width,
-            height = _ref2.height;
-        return width >= popper.clientWidth && height >= popper.clientHeight;
-      });
-      var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
-      var variation = placement.split('-')[1];
-      return computedPlacement + (variation ? '-' + variation : '');
-    }
-    function getReferenceOffsets(state, popper, reference) {
-      var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-      var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
-      return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
-    }
-    function getOuterSizes(element) {
-      var window = element.ownerDocument.defaultView;
-      var styles = window.getComputedStyle(element);
-      var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
-      var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
-      var result = {
-        width: element.offsetWidth + y,
-        height: element.offsetHeight + x
-      };
-      return result;
-    }
-    function getOppositePlacement(placement) {
-      var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
-      return placement.replace(/left|right|bottom|top/g, function (matched) {
-        return hash[matched];
-      });
-    }
-    function getPopperOffsets(popper, referenceOffsets, placement) {
-      placement = placement.split('-')[0];
-      var popperRect = getOuterSizes(popper);
-      var popperOffsets = {
-        width: popperRect.width,
-        height: popperRect.height
-      };
-      var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
-      var mainSide = isHoriz ? 'top' : 'left';
-      var secondarySide = isHoriz ? 'left' : 'top';
-      var measurement = isHoriz ? 'height' : 'width';
-      var secondaryMeasurement = !isHoriz ? 'height' : 'width';
-      popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
-      if (placement === secondarySide) {
-        popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
+      } else if (boundariesElement === 'window') {
+        boundariesNode = popper.ownerDocument.documentElement;
       } else {
-        popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
-      }
-      return popperOffsets;
-    }
-    function find(arr, check) {
-      if (Array.prototype.find) {
-        return arr.find(check);
-      }
-      return arr.filter(check)[0];
-    }
-    function findIndex(arr, prop, value) {
-      if (Array.prototype.findIndex) {
-        return arr.findIndex(function (cur) {
-          return cur[prop] === value;
-        });
+        boundariesNode = boundariesElement;
+      }
+      var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
+      if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
+        var _getWindowSizes = getWindowSizes(popper.ownerDocument),
+            height = _getWindowSizes.height,
+            width = _getWindowSizes.width;
+        boundaries.top += offsets.top - offsets.marginTop;
+        boundaries.bottom = height + offsets.top;
+        boundaries.left += offsets.left - offsets.marginLeft;
+        boundaries.right = width + offsets.left;
+      } else {
+        boundaries = offsets;
+      }
+    }
+    padding = padding || 0;
+    var isPaddingNumber = typeof padding === 'number';
+    boundaries.left += isPaddingNumber ? padding : padding.left || 0;
+    boundaries.top += isPaddingNumber ? padding : padding.top || 0;
+    boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
+    boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
+    return boundaries;
+  }
+  function getArea(_ref) {
+    var width = _ref.width,
+        height = _ref.height;
+    return width * height;
+  }
+  function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
+    var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+    if (placement.indexOf('auto') === -1) {
+      return placement;
+    }
+    var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
+    var rects = {
+      top: {
+        width: boundaries.width,
+        height: refRect.top - boundaries.top
+      },
+      right: {
+        width: boundaries.right - refRect.right,
+        height: boundaries.height
+      },
+      bottom: {
+        width: boundaries.width,
+        height: boundaries.bottom - refRect.bottom
+      },
+      left: {
+        width: refRect.left - boundaries.left,
+        height: boundaries.height
       }
-      var match = find(arr, function (obj) {
-        return obj[prop] === value;
+    };
+    var sortedAreas = Object.keys(rects).map(function (key) {
+      return _extends({
+        key: key
+      }, rects[key], {
+        area: getArea(rects[key])
       });
-      return arr.indexOf(match);
-    }
-    function runModifiers(modifiers, data, ends) {
-      var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
-      modifiersToRun.forEach(function (modifier) {
-        if (modifier['function']) {
-          console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
-        }
-        var fn = modifier['function'] || modifier.fn;
-        if (modifier.enabled && isFunction(fn)) {
-          data.offsets.popper = getClientRect(data.offsets.popper);
-          data.offsets.reference = getClientRect(data.offsets.reference);
-          data = fn(data, modifier);
-        }
+    }).sort(function (a, b) {
+      return b.area - a.area;
+    });
+    var filteredAreas = sortedAreas.filter(function (_ref2) {
+      var width = _ref2.width,
+          height = _ref2.height;
+      return width >= popper.clientWidth && height >= popper.clientHeight;
+    });
+    var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
+    var variation = placement.split('-')[1];
+    return computedPlacement + (variation ? '-' + variation : '');
+  }
+  function getReferenceOffsets(state, popper, reference) {
+    var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
+    return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
+  }
+  function getOuterSizes(element) {
+    var window = element.ownerDocument.defaultView;
+    var styles = window.getComputedStyle(element);
+    var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
+    var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
+    var result = {
+      width: element.offsetWidth + y,
+      height: element.offsetHeight + x
+    };
+    return result;
+  }
+  function getOppositePlacement(placement) {
+    var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
+    return placement.replace(/left|right|bottom|top/g, function (matched) {
+      return hash[matched];
+    });
+  }
+  function getPopperOffsets(popper, referenceOffsets, placement) {
+    placement = placement.split('-')[0];
+    var popperRect = getOuterSizes(popper);
+    var popperOffsets = {
+      width: popperRect.width,
+      height: popperRect.height
+    };
+    var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
+    var mainSide = isHoriz ? 'top' : 'left';
+    var secondarySide = isHoriz ? 'left' : 'top';
+    var measurement = isHoriz ? 'height' : 'width';
+    var secondaryMeasurement = !isHoriz ? 'height' : 'width';
+    popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
+    if (placement === secondarySide) {
+      popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
+    } else {
+      popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
+    }
+    return popperOffsets;
+  }
+  function find(arr, check) {
+    if (Array.prototype.find) {
+      return arr.find(check);
+    }
+    return arr.filter(check)[0];
+  }
+  function findIndex(arr, prop, value) {
+    if (Array.prototype.findIndex) {
+      return arr.findIndex(function (cur) {
+        return cur[prop] === value;
       });
-      return data;
     }
-    function update() {
-      if (this.state.isDestroyed) {
-        return;
+    var match = find(arr, function (obj) {
+      return obj[prop] === value;
+    });
+    return arr.indexOf(match);
+  }
+  function runModifiers(modifiers, data, ends) {
+    var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
+    modifiersToRun.forEach(function (modifier) {
+      if (modifier['function']) {
+        console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
+      }
+      var fn = modifier['function'] || modifier.fn;
+      if (modifier.enabled && isFunction(fn)) {
+        data.offsets.popper = getClientRect(data.offsets.popper);
+        data.offsets.reference = getClientRect(data.offsets.reference);
+        data = fn(data, modifier);
       }
-      var data = {
-        instance: this,
-        styles: {},
-        arrowStyles: {},
-        attributes: {},
-        flipped: false,
-        offsets: {}
-      };
-      data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed);
-      data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
-      data.originalPlacement = data.placement;
-      data.positionFixed = this.options.positionFixed;
-      data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
-      data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute';
-      data = runModifiers(this.modifiers, data);
-      if (!this.state.isCreated) {
-        this.state.isCreated = true;
-        this.options.onCreate(data);
+    });
+    return data;
+  }
+  function update() {
+    if (this.state.isDestroyed) {
+      return;
+    }
+    var data = {
+      instance: this,
+      styles: {},
+      arrowStyles: {},
+      attributes: {},
+      flipped: false,
+      offsets: {}
+    };
+    data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed);
+    data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
+    data.originalPlacement = data.placement;
+    data.positionFixed = this.options.positionFixed;
+    data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
+    data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute';
+    data = runModifiers(this.modifiers, data);
+    if (!this.state.isCreated) {
+      this.state.isCreated = true;
+      this.options.onCreate(data);
+    } else {
+      this.options.onUpdate(data);
+    }
+  }
+  function isModifierEnabled(modifiers, modifierName) {
+    return modifiers.some(function (_ref) {
+      var name = _ref.name,
+          enabled = _ref.enabled;
+      return enabled && name === modifierName;
+    });
+  }
+  function getSupportedPropertyName(property) {
+    var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
+    var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
+    for (var i = 0; i < prefixes.length; i++) {
+      var prefix = prefixes[i];
+      var toCheck = prefix ? '' + prefix + upperProp : property;
+      if (typeof document.body.style[toCheck] !== 'undefined') {
+        return toCheck;
+      }
+    }
+    return null;
+  }
+  function destroy() {
+    this.state.isDestroyed = true;
+    if (isModifierEnabled(this.modifiers, 'applyStyle')) {
+      this.popper.removeAttribute('x-placement');
+      this.popper.style.position = '';
+      this.popper.style.top = '';
+      this.popper.style.left = '';
+      this.popper.style.right = '';
+      this.popper.style.bottom = '';
+      this.popper.style.willChange = '';
+      this.popper.style[getSupportedPropertyName('transform')] = '';
+    }
+    this.disableEventListeners();
+    if (this.options.removeOnDestroy) {
+      this.popper.parentNode.removeChild(this.popper);
+    }
+    return this;
+  }
+  function getWindow(element) {
+    var ownerDocument = element.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView : window;
+  }
+  function attachToScrollParents(scrollParent, event, callback, scrollParents) {
+    var isBody = scrollParent.nodeName === 'BODY';
+    var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
+    target.addEventListener(event, callback, { passive: true });
+    if (!isBody) {
+      attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
+    }
+    scrollParents.push(target);
+  }
+  function setupEventListeners(reference, options, state, updateBound) {
+    state.updateBound = updateBound;
+    getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
+    var scrollElement = getScrollParent(reference);
+    attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
+    state.scrollElement = scrollElement;
+    state.eventsEnabled = true;
+    return state;
+  }
+  function enableEventListeners() {
+    if (!this.state.eventsEnabled) {
+      this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
+    }
+  }
+  function removeEventListeners(reference, state) {
+    getWindow(reference).removeEventListener('resize', state.updateBound);
+    state.scrollParents.forEach(function (target) {
+      target.removeEventListener('scroll', state.updateBound);
+    });
+    state.updateBound = null;
+    state.scrollParents = [];
+    state.scrollElement = null;
+    state.eventsEnabled = false;
+    return state;
+  }
+  function disableEventListeners() {
+    if (this.state.eventsEnabled) {
+      cancelAnimationFrame(this.scheduleUpdate);
+      this.state = removeEventListeners(this.reference, this.state);
+    }
+  }
+  function isNumeric(n) {
+    return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
+  }
+  function setStyles(element, styles) {
+    Object.keys(styles).forEach(function (prop) {
+      var unit = '';
+      if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
+        unit = 'px';
+      }
+      element.style[prop] = styles[prop] + unit;
+    });
+  }
+  function setAttributes(element, attributes) {
+    Object.keys(attributes).forEach(function (prop) {
+      var value = attributes[prop];
+      if (value !== false) {
+        element.setAttribute(prop, attributes[prop]);
+      } else {
+        element.removeAttribute(prop);
+      }
+    });
+  }
+  function applyStyle(data) {
+    setStyles(data.instance.popper, data.styles);
+    setAttributes(data.instance.popper, data.attributes);
+    if (data.arrowElement && Object.keys(data.arrowStyles).length) {
+      setStyles(data.arrowElement, data.arrowStyles);
+    }
+    return data;
+  }
+  function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
+    var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
+    var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
+    popper.setAttribute('x-placement', placement);
+    setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
+    return options;
+  }
+  function getRoundedOffsets(data, shouldRound) {
+    var _data$offsets = data.offsets,
+        popper = _data$offsets.popper,
+        reference = _data$offsets.reference;
+    var round = Math.round,
+        floor = Math.floor;
+    var noRound = function noRound(v) {
+      return v;
+    };
+    var referenceWidth = round(reference.width);
+    var popperWidth = round(popper.width);
+    var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
+    var isVariation = data.placement.indexOf('-') !== -1;
+    var sameWidthParity = referenceWidth % 2 === popperWidth % 2;
+    var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;
+    var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;
+    var verticalToInteger = !shouldRound ? noRound : round;
+    return {
+      left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),
+      top: verticalToInteger(popper.top),
+      bottom: verticalToInteger(popper.bottom),
+      right: horizontalToInteger(popper.right)
+    };
+  }
+  var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
+  function computeStyle(data, options) {
+    var x = options.x,
+        y = options.y;
+    var popper = data.offsets.popper;
+    var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
+      return modifier.name === 'applyStyle';
+    }).gpuAcceleration;
+    if (legacyGpuAccelerationOption !== undefined) {
+      console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
+    }
+    var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
+    var offsetParent = getOffsetParent(data.instance.popper);
+    var offsetParentRect = getBoundingClientRect(offsetParent);
+    var styles = {
+      position: popper.position
+    };
+    var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);
+    var sideA = x === 'bottom' ? 'top' : 'bottom';
+    var sideB = y === 'right' ? 'left' : 'right';
+    var prefixedProperty = getSupportedPropertyName('transform');
+    var left = void 0,
+        top = void 0;
+    if (sideA === 'bottom') {
+      if (offsetParent.nodeName === 'HTML') {
+        top = -offsetParent.clientHeight + offsets.bottom;
       } else {
-        this.options.onUpdate(data);
+        top = -offsetParentRect.height + offsets.bottom;
       }
+    } else {
+      top = offsets.top;
     }
-    function isModifierEnabled(modifiers, modifierName) {
-      return modifiers.some(function (_ref) {
-        var name = _ref.name,
-            enabled = _ref.enabled;
-        return enabled && name === modifierName;
-      });
+    if (sideB === 'right') {
+      if (offsetParent.nodeName === 'HTML') {
+        left = -offsetParent.clientWidth + offsets.right;
+      } else {
+        left = -offsetParentRect.width + offsets.right;
+      }
+    } else {
+      left = offsets.left;
+    }
+    if (gpuAcceleration && prefixedProperty) {
+      styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
+      styles[sideA] = 0;
+      styles[sideB] = 0;
+      styles.willChange = 'transform';
+    } else {
+      var invertTop = sideA === 'bottom' ? -1 : 1;
+      var invertLeft = sideB === 'right' ? -1 : 1;
+      styles[sideA] = top * invertTop;
+      styles[sideB] = left * invertLeft;
+      styles.willChange = sideA + ', ' + sideB;
+    }
+    var attributes = {
+      'x-placement': data.placement
+    };
+    data.attributes = _extends({}, attributes, data.attributes);
+    data.styles = _extends({}, styles, data.styles);
+    data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
+    return data;
+  }
+  function isModifierRequired(modifiers, requestingName, requestedName) {
+    var requesting = find(modifiers, function (_ref) {
+      var name = _ref.name;
+      return name === requestingName;
+    });
+    var isRequired = !!requesting && modifiers.some(function (modifier) {
+      return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
+    });
+    if (!isRequired) {
+      var _requesting = '`' + requestingName + '`';
+      var requested = '`' + requestedName + '`';
+      console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
+    }
+    return isRequired;
+  }
+  function arrow(data, options) {
+    var _data$offsets$arrow;
+    if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
+      return data;
     }
-    function getSupportedPropertyName(property) {
-      var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
-      var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
-      for (var i = 0; i < prefixes.length; i++) {
-        var prefix = prefixes[i];
-        var toCheck = prefix ? '' + prefix + upperProp : property;
-        if (typeof document.body.style[toCheck] !== 'undefined') {
-          return toCheck;
-        }
-      }
-      return null;
-    }
-    function destroy() {
-      this.state.isDestroyed = true;
-      if (isModifierEnabled(this.modifiers, 'applyStyle')) {
-        this.popper.removeAttribute('x-placement');
-        this.popper.style.position = '';
-        this.popper.style.top = '';
-        this.popper.style.left = '';
-        this.popper.style.right = '';
-        this.popper.style.bottom = '';
-        this.popper.style.willChange = '';
-        this.popper.style[getSupportedPropertyName('transform')] = '';
-      }
-      this.disableEventListeners();
-      if (this.options.removeOnDestroy) {
-        this.popper.parentNode.removeChild(this.popper);
-      }
-      return this;
-    }
-    function getWindow(element) {
-      var ownerDocument = element.ownerDocument;
-      return ownerDocument ? ownerDocument.defaultView : window;
-    }
-    function attachToScrollParents(scrollParent, event, callback, scrollParents) {
-      var isBody = scrollParent.nodeName === 'BODY';
-      var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
-      target.addEventListener(event, callback, { passive: true });
-      if (!isBody) {
-        attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
-      }
-      scrollParents.push(target);
-    }
-    function setupEventListeners(reference, options, state, updateBound) {
-      state.updateBound = updateBound;
-      getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
-      var scrollElement = getScrollParent(reference);
-      attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
-      state.scrollElement = scrollElement;
-      state.eventsEnabled = true;
-      return state;
-    }
-    function enableEventListeners() {
-      if (!this.state.eventsEnabled) {
-        this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
+    var arrowElement = options.element;
+    if (typeof arrowElement === 'string') {
+      arrowElement = data.instance.popper.querySelector(arrowElement);
+      if (!arrowElement) {
+        return data;
       }
-    }
-    function removeEventListeners(reference, state) {
-      getWindow(reference).removeEventListener('resize', state.updateBound);
-      state.scrollParents.forEach(function (target) {
-        target.removeEventListener('scroll', state.updateBound);
-      });
-      state.updateBound = null;
-      state.scrollParents = [];
-      state.scrollElement = null;
-      state.eventsEnabled = false;
-      return state;
-    }
-    function disableEventListeners() {
-      if (this.state.eventsEnabled) {
-        cancelAnimationFrame(this.scheduleUpdate);
-        this.state = removeEventListeners(this.reference, this.state);
+    } else {
+      if (!data.instance.popper.contains(arrowElement)) {
+        console.warn('WARNING: `arrow.element` must be child of its popper element!');
+        return data;
       }
     }
-    function isNumeric(n) {
-      return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
-    }
-    function setStyles(element, styles) {
-      Object.keys(styles).forEach(function (prop) {
-        var unit = '';
-        if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
-          unit = 'px';
-        }
-        element.style[prop] = styles[prop] + unit;
-      });
-    }
-    function setAttributes(element, attributes) {
-      Object.keys(attributes).forEach(function (prop) {
-        var value = attributes[prop];
-        if (value !== false) {
-          element.setAttribute(prop, attributes[prop]);
-        } else {
-          element.removeAttribute(prop);
-        }
-      });
-    }
-    function applyStyle(data) {
-      setStyles(data.instance.popper, data.styles);
-      setAttributes(data.instance.popper, data.attributes);
-      if (data.arrowElement && Object.keys(data.arrowStyles).length) {
-        setStyles(data.arrowElement, data.arrowStyles);
-      }
+    var placement = data.placement.split('-')[0];
+    var _data$offsets = data.offsets,
+        popper = _data$offsets.popper,
+        reference = _data$offsets.reference;
+    var isVertical = ['left', 'right'].indexOf(placement) !== -1;
+    var len = isVertical ? 'height' : 'width';
+    var sideCapitalized = isVertical ? 'Top' : 'Left';
+    var side = sideCapitalized.toLowerCase();
+    var altSide = isVertical ? 'left' : 'top';
+    var opSide = isVertical ? 'bottom' : 'right';
+    var arrowElementSize = getOuterSizes(arrowElement)[len];
+    if (reference[opSide] - arrowElementSize < popper[side]) {
+      data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
+    }
+    if (reference[side] + arrowElementSize > popper[opSide]) {
+      data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
+    }
+    data.offsets.popper = getClientRect(data.offsets.popper);
+    var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
+    var css = getStyleComputedProperty(data.instance.popper);
+    var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
+    var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
+    var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
+    sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
+    data.arrowElement = arrowElement;
+    data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
+    return data;
+  }
+  function getOppositeVariation(variation) {
+    if (variation === 'end') {
+      return 'start';
+    } else if (variation === 'start') {
+      return 'end';
+    }
+    return variation;
+  }
+  var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+  var validPlacements = placements.slice(3);
+  function clockwise(placement) {
+    var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var index = validPlacements.indexOf(placement);
+    var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
+    return counter ? arr.reverse() : arr;
+  }
+  var BEHAVIORS = {
+    FLIP: 'flip',
+    CLOCKWISE: 'clockwise',
+    COUNTERCLOCKWISE: 'counterclockwise'
+  };
+  function flip(data, options) {
+    if (isModifierEnabled(data.instance.modifiers, 'inner')) {
       return data;
     }
-    function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
-      var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
-      var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
-      popper.setAttribute('x-placement', placement);
-      setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
-      return options;
-    }
-    function getRoundedOffsets(data, shouldRound) {
-      var _data$offsets = data.offsets,
-          popper = _data$offsets.popper,
-          reference = _data$offsets.reference;
-      var round = Math.round,
-          floor = Math.floor;
-      var noRound = function noRound(v) {
-        return v;
-      };
-      var referenceWidth = round(reference.width);
-      var popperWidth = round(popper.width);
-      var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
-      var isVariation = data.placement.indexOf('-') !== -1;
-      var sameWidthParity = referenceWidth % 2 === popperWidth % 2;
-      var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;
-      var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;
-      var verticalToInteger = !shouldRound ? noRound : round;
-      return {
-        left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),
-        top: verticalToInteger(popper.top),
-        bottom: verticalToInteger(popper.bottom),
-        right: horizontalToInteger(popper.right)
-      };
-    }
-    var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
-    function computeStyle(data, options) {
-      var x = options.x,
-          y = options.y;
-      var popper = data.offsets.popper;
-      var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
-        return modifier.name === 'applyStyle';
-      }).gpuAcceleration;
-      if (legacyGpuAccelerationOption !== undefined) {
-        console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
-      }
-      var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
-      var offsetParent = getOffsetParent(data.instance.popper);
-      var offsetParentRect = getBoundingClientRect(offsetParent);
-      var styles = {
-        position: popper.position
-      };
-      var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);
-      var sideA = x === 'bottom' ? 'top' : 'bottom';
-      var sideB = y === 'right' ? 'left' : 'right';
-      var prefixedProperty = getSupportedPropertyName('transform');
-      var left = void 0,
-          top = void 0;
-      if (sideA === 'bottom') {
-        if (offsetParent.nodeName === 'HTML') {
-          top = -offsetParent.clientHeight + offsets.bottom;
-        } else {
-          top = -offsetParentRect.height + offsets.bottom;
-        }
-      } else {
-        top = offsets.top;
-      }
-      if (sideB === 'right') {
-        if (offsetParent.nodeName === 'HTML') {
-          left = -offsetParent.clientWidth + offsets.right;
-        } else {
-          left = -offsetParentRect.width + offsets.right;
-        }
-      } else {
-        left = offsets.left;
-      }
-      if (gpuAcceleration && prefixedProperty) {
-        styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
-        styles[sideA] = 0;
-        styles[sideB] = 0;
-        styles.willChange = 'transform';
-      } else {
-        var invertTop = sideA === 'bottom' ? -1 : 1;
-        var invertLeft = sideB === 'right' ? -1 : 1;
-        styles[sideA] = top * invertTop;
-        styles[sideB] = left * invertLeft;
-        styles.willChange = sideA + ', ' + sideB;
-      }
-      var attributes = {
-        'x-placement': data.placement
-      };
-      data.attributes = _extends({}, attributes, data.attributes);
-      data.styles = _extends({}, styles, data.styles);
-      data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
+    if (data.flipped && data.placement === data.originalPlacement) {
       return data;
     }
-    function isModifierRequired(modifiers, requestingName, requestedName) {
-      var requesting = find(modifiers, function (_ref) {
-        var name = _ref.name;
-        return name === requestingName;
-      });
-      var isRequired = !!requesting && modifiers.some(function (modifier) {
-        return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
-      });
-      if (!isRequired) {
-        var _requesting = '`' + requestingName + '`';
-        var requested = '`' + requestedName + '`';
-        console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
-      }
-      return isRequired;
+    var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);
+    var placement = data.placement.split('-')[0];
+    var placementOpposite = getOppositePlacement(placement);
+    var variation = data.placement.split('-')[1] || '';
+    var flipOrder = [];
+    switch (options.behavior) {
+      case BEHAVIORS.FLIP:
+        flipOrder = [placement, placementOpposite];
+        break;
+      case BEHAVIORS.CLOCKWISE:
+        flipOrder = clockwise(placement);
+        break;
+      case BEHAVIORS.COUNTERCLOCKWISE:
+        flipOrder = clockwise(placement, true);
+        break;
+      default:
+        flipOrder = options.behavior;
     }
-    function arrow(data, options) {
-      var _data$offsets$arrow;
-      if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
+    flipOrder.forEach(function (step, index) {
+      if (placement !== step || flipOrder.length === index + 1) {
         return data;
       }
-      var arrowElement = options.element;
-      if (typeof arrowElement === 'string') {
-        arrowElement = data.instance.popper.querySelector(arrowElement);
-        if (!arrowElement) {
-          return data;
+      placement = data.placement.split('-')[0];
+      placementOpposite = getOppositePlacement(placement);
+      var popperOffsets = data.offsets.popper;
+      var refOffsets = data.offsets.reference;
+      var floor = Math.floor;
+      var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
+      var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
+      var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
+      var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
+      var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
+      var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
+      var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
+      var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
+      var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);
+      var flippedVariation = flippedVariationByRef || flippedVariationByContent;
+      if (overlapsRef || overflowsBoundaries || flippedVariation) {
+        data.flipped = true;
+        if (overlapsRef || overflowsBoundaries) {
+          placement = flipOrder[index + 1];
         }
-      } else {
-        if (!data.instance.popper.contains(arrowElement)) {
-          console.warn('WARNING: `arrow.element` must be child of its popper element!');
-          return data;
+        if (flippedVariation) {
+          variation = getOppositeVariation(variation);
         }
+        data.placement = placement + (variation ? '-' + variation : '');
+        data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+        data = runModifiers(data.instance.modifiers, data, 'flip');
       }
-      var placement = data.placement.split('-')[0];
-      var _data$offsets = data.offsets,
-          popper = _data$offsets.popper,
-          reference = _data$offsets.reference;
-      var isVertical = ['left', 'right'].indexOf(placement) !== -1;
-      var len = isVertical ? 'height' : 'width';
-      var sideCapitalized = isVertical ? 'Top' : 'Left';
-      var side = sideCapitalized.toLowerCase();
-      var altSide = isVertical ? 'left' : 'top';
-      var opSide = isVertical ? 'bottom' : 'right';
-      var arrowElementSize = getOuterSizes(arrowElement)[len];
-      if (reference[opSide] - arrowElementSize < popper[side]) {
-        data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
-      }
-      if (reference[side] + arrowElementSize > popper[opSide]) {
-        data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
-      }
-      data.offsets.popper = getClientRect(data.offsets.popper);
-      var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
-      var css = getStyleComputedProperty(data.instance.popper);
-      var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
-      var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
-      var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
-      sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
-      data.arrowElement = arrowElement;
-      data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
-      return data;
-    }
-    function getOppositeVariation(variation) {
-      if (variation === 'end') {
-        return 'start';
-      } else if (variation === 'start') {
-        return 'end';
-      }
-      return variation;
-    }
-    var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
-    var validPlacements = placements.slice(3);
-    function clockwise(placement) {
-      var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var index = validPlacements.indexOf(placement);
-      var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
-      return counter ? arr.reverse() : arr;
-    }
-    var BEHAVIORS = {
-      FLIP: 'flip',
-      CLOCKWISE: 'clockwise',
-      COUNTERCLOCKWISE: 'counterclockwise'
-    };
-    function flip(data, options) {
-      if (isModifierEnabled(data.instance.modifiers, 'inner')) {
-        return data;
-      }
-      if (data.flipped && data.placement === data.originalPlacement) {
-        return data;
-      }
-      var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);
-      var placement = data.placement.split('-')[0];
-      var placementOpposite = getOppositePlacement(placement);
-      var variation = data.placement.split('-')[1] || '';
-      var flipOrder = [];
-      switch (options.behavior) {
-        case BEHAVIORS.FLIP:
-          flipOrder = [placement, placementOpposite];
-          break;
-        case BEHAVIORS.CLOCKWISE:
-          flipOrder = clockwise(placement);
-          break;
-        case BEHAVIORS.COUNTERCLOCKWISE:
-          flipOrder = clockwise(placement, true);
+    });
+    return data;
+  }
+  function keepTogether(data) {
+    var _data$offsets = data.offsets,
+        popper = _data$offsets.popper,
+        reference = _data$offsets.reference;
+    var placement = data.placement.split('-')[0];
+    var floor = Math.floor;
+    var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
+    var side = isVertical ? 'right' : 'bottom';
+    var opSide = isVertical ? 'left' : 'top';
+    var measurement = isVertical ? 'width' : 'height';
+    if (popper[side] < floor(reference[opSide])) {
+      data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
+    }
+    if (popper[opSide] > floor(reference[side])) {
+      data.offsets.popper[opSide] = floor(reference[side]);
+    }
+    return data;
+  }
+  function toValue(str, measurement, popperOffsets, referenceOffsets) {
+    var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
+    var value = +split[1];
+    var unit = split[2];
+    if (!value) {
+      return str;
+    }
+    if (unit.indexOf('%') === 0) {
+      var element = void 0;
+      switch (unit) {
+        case '%p':
+          element = popperOffsets;
           break;
+        case '%':
+        case '%r':
         default:
-          flipOrder = options.behavior;
-      }
-      flipOrder.forEach(function (step, index) {
-        if (placement !== step || flipOrder.length === index + 1) {
-          return data;
+          element = referenceOffsets;
+      }
+      var rect = getClientRect(element);
+      return rect[measurement] / 100 * value;
+    } else if (unit === 'vh' || unit === 'vw') {
+      var size = void 0;
+      if (unit === 'vh') {
+        size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
+      } else {
+        size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
+      }
+      return size / 100 * value;
+    } else {
+      return value;
+    }
+  }
+  function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
+    var offsets = [0, 0];
+    var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
+    var fragments = offset.split(/(\+|\-)/).map(function (frag) {
+      return frag.trim();
+    });
+    var divider = fragments.indexOf(find(fragments, function (frag) {
+      return frag.search(/,|\s/) !== -1;
+    }));
+    if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
+      console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
+    }
+    var splitRegex = /\s*,\s*|\s+/;
+    var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
+    ops = ops.map(function (op, index) {
+      var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
+      var mergeWithPrevious = false;
+      return op
+      .reduce(function (a, b) {
+        if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
+          a[a.length - 1] = b;
+          mergeWithPrevious = true;
+          return a;
+        } else if (mergeWithPrevious) {
+          a[a.length - 1] += b;
+          mergeWithPrevious = false;
+          return a;
+        } else {
+          return a.concat(b);
         }
-        placement = data.placement.split('-')[0];
-        placementOpposite = getOppositePlacement(placement);
-        var popperOffsets = data.offsets.popper;
-        var refOffsets = data.offsets.reference;
-        var floor = Math.floor;
-        var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
-        var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
-        var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
-        var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
-        var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
-        var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
-        var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
-        var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
-        var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);
-        var flippedVariation = flippedVariationByRef || flippedVariationByContent;
-        if (overlapsRef || overflowsBoundaries || flippedVariation) {
-          data.flipped = true;
-          if (overlapsRef || overflowsBoundaries) {
-            placement = flipOrder[index + 1];
-          }
-          if (flippedVariation) {
-            variation = getOppositeVariation(variation);
-          }
-          data.placement = placement + (variation ? '-' + variation : '');
-          data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
-          data = runModifiers(data.instance.modifiers, data, 'flip');
+      }, [])
+      .map(function (str) {
+        return toValue(str, measurement, popperOffsets, referenceOffsets);
+      });
+    });
+    ops.forEach(function (op, index) {
+      op.forEach(function (frag, index2) {
+        if (isNumeric(frag)) {
+          offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
         }
       });
-      return data;
-    }
-    function keepTogether(data) {
-      var _data$offsets = data.offsets,
-          popper = _data$offsets.popper,
-          reference = _data$offsets.reference;
-      var placement = data.placement.split('-')[0];
-      var floor = Math.floor;
-      var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
-      var side = isVertical ? 'right' : 'bottom';
-      var opSide = isVertical ? 'left' : 'top';
-      var measurement = isVertical ? 'width' : 'height';
-      if (popper[side] < floor(reference[opSide])) {
-        data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
-      }
-      if (popper[opSide] > floor(reference[side])) {
-        data.offsets.popper[opSide] = floor(reference[side]);
-      }
-      return data;
-    }
-    function toValue(str, measurement, popperOffsets, referenceOffsets) {
-      var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
-      var value = +split[1];
-      var unit = split[2];
-      if (!value) {
-        return str;
-      }
-      if (unit.indexOf('%') === 0) {
-        var element = void 0;
-        switch (unit) {
-          case '%p':
-            element = popperOffsets;
-            break;
-          case '%':
-          case '%r':
-          default:
-            element = referenceOffsets;
+    });
+    return offsets;
+  }
+  function offset(data, _ref) {
+    var offset = _ref.offset;
+    var placement = data.placement,
+        _data$offsets = data.offsets,
+        popper = _data$offsets.popper,
+        reference = _data$offsets.reference;
+    var basePlacement = placement.split('-')[0];
+    var offsets = void 0;
+    if (isNumeric(+offset)) {
+      offsets = [+offset, 0];
+    } else {
+      offsets = parseOffset(offset, popper, reference, basePlacement);
+    }
+    if (basePlacement === 'left') {
+      popper.top += offsets[0];
+      popper.left -= offsets[1];
+    } else if (basePlacement === 'right') {
+      popper.top += offsets[0];
+      popper.left += offsets[1];
+    } else if (basePlacement === 'top') {
+      popper.left += offsets[0];
+      popper.top -= offsets[1];
+    } else if (basePlacement === 'bottom') {
+      popper.left += offsets[0];
+      popper.top += offsets[1];
+    }
+    data.popper = popper;
+    return data;
+  }
+  function preventOverflow(data, options) {
+    var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
+    if (data.instance.reference === boundariesElement) {
+      boundariesElement = getOffsetParent(boundariesElement);
+    }
+    var transformProp = getSupportedPropertyName('transform');
+    var popperStyles = data.instance.popper.style;
+    var top = popperStyles.top,
+        left = popperStyles.left,
+        transform = popperStyles[transformProp];
+    popperStyles.top = '';
+    popperStyles.left = '';
+    popperStyles[transformProp] = '';
+    var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed);
+    popperStyles.top = top;
+    popperStyles.left = left;
+    popperStyles[transformProp] = transform;
+    options.boundaries = boundaries;
+    var order = options.priority;
+    var popper = data.offsets.popper;
+    var check = {
+      primary: function primary(placement) {
+        var value = popper[placement];
+        if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
+          value = Math.max(popper[placement], boundaries[placement]);
         }
-        var rect = getClientRect(element);
-        return rect[measurement] / 100 * value;
-      } else if (unit === 'vh' || unit === 'vw') {
-        var size = void 0;
-        if (unit === 'vh') {
-          size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
-        } else {
-          size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
+        return defineProperty({}, placement, value);
+      },
+      secondary: function secondary(placement) {
+        var mainSide = placement === 'right' ? 'left' : 'top';
+        var value = popper[mainSide];
+        if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
+          value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
         }
-        return size / 100 * value;
-      } else {
-        return value;
-      }
-    }
-    function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
-      var offsets = [0, 0];
-      var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
-      var fragments = offset.split(/(\+|\-)/).map(function (frag) {
-        return frag.trim();
-      });
-      var divider = fragments.indexOf(find(fragments, function (frag) {
-        return frag.search(/,|\s/) !== -1;
-      }));
-      if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
-        console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
+        return defineProperty({}, mainSide, value);
       }
-      var splitRegex = /\s*,\s*|\s+/;
-      var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
-      ops = ops.map(function (op, index) {
-        var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
-        var mergeWithPrevious = false;
-        return op
-        .reduce(function (a, b) {
-          if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
-            a[a.length - 1] = b;
-            mergeWithPrevious = true;
-            return a;
-          } else if (mergeWithPrevious) {
-            a[a.length - 1] += b;
-            mergeWithPrevious = false;
-            return a;
-          } else {
-            return a.concat(b);
-          }
-        }, [])
-        .map(function (str) {
-          return toValue(str, measurement, popperOffsets, referenceOffsets);
-        });
-      });
-      ops.forEach(function (op, index) {
-        op.forEach(function (frag, index2) {
-          if (isNumeric(frag)) {
-            offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
-          }
-        });
-      });
-      return offsets;
-    }
-    function offset(data, _ref) {
-      var offset = _ref.offset;
-      var placement = data.placement,
-          _data$offsets = data.offsets,
-          popper = _data$offsets.popper,
-          reference = _data$offsets.reference;
-      var basePlacement = placement.split('-')[0];
-      var offsets = void 0;
-      if (isNumeric(+offset)) {
-        offsets = [+offset, 0];
-      } else {
-        offsets = parseOffset(offset, popper, reference, basePlacement);
-      }
-      if (basePlacement === 'left') {
-        popper.top += offsets[0];
-        popper.left -= offsets[1];
-      } else if (basePlacement === 'right') {
-        popper.top += offsets[0];
-        popper.left += offsets[1];
-      } else if (basePlacement === 'top') {
-        popper.left += offsets[0];
-        popper.top -= offsets[1];
-      } else if (basePlacement === 'bottom') {
-        popper.left += offsets[0];
-        popper.top += offsets[1];
-      }
-      data.popper = popper;
-      return data;
-    }
-    function preventOverflow(data, options) {
-      var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
-      if (data.instance.reference === boundariesElement) {
-        boundariesElement = getOffsetParent(boundariesElement);
-      }
-      var transformProp = getSupportedPropertyName('transform');
-      var popperStyles = data.instance.popper.style;
-      var top = popperStyles.top,
-          left = popperStyles.left,
-          transform = popperStyles[transformProp];
-      popperStyles.top = '';
-      popperStyles.left = '';
-      popperStyles[transformProp] = '';
-      var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed);
-      popperStyles.top = top;
-      popperStyles.left = left;
-      popperStyles[transformProp] = transform;
-      options.boundaries = boundaries;
-      var order = options.priority;
-      var popper = data.offsets.popper;
-      var check = {
-        primary: function primary(placement) {
-          var value = popper[placement];
-          if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
-            value = Math.max(popper[placement], boundaries[placement]);
-          }
-          return defineProperty({}, placement, value);
-        },
-        secondary: function secondary(placement) {
-          var mainSide = placement === 'right' ? 'left' : 'top';
-          var value = popper[mainSide];
-          if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
-            value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
-          }
-          return defineProperty({}, mainSide, value);
-        }
+    };
+    order.forEach(function (placement) {
+      var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
+      popper = _extends({}, popper, check[side](placement));
+    });
+    data.offsets.popper = popper;
+    return data;
+  }
+  function shift(data) {
+    var placement = data.placement;
+    var basePlacement = placement.split('-')[0];
+    var shiftvariation = placement.split('-')[1];
+    if (shiftvariation) {
+      var _data$offsets = data.offsets,
+          reference = _data$offsets.reference,
+          popper = _data$offsets.popper;
+      var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
+      var side = isVertical ? 'left' : 'top';
+      var measurement = isVertical ? 'width' : 'height';
+      var shiftOffsets = {
+        start: defineProperty({}, side, reference[side]),
+        end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
       };
-      order.forEach(function (placement) {
-        var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
-        popper = _extends({}, popper, check[side](placement));
-      });
-      data.offsets.popper = popper;
-      return data;
+      data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
     }
-    function shift(data) {
-      var placement = data.placement;
-      var basePlacement = placement.split('-')[0];
-      var shiftvariation = placement.split('-')[1];
-      if (shiftvariation) {
-        var _data$offsets = data.offsets,
-            reference = _data$offsets.reference,
-            popper = _data$offsets.popper;
-        var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
-        var side = isVertical ? 'left' : 'top';
-        var measurement = isVertical ? 'width' : 'height';
-        var shiftOffsets = {
-          start: defineProperty({}, side, reference[side]),
-          end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
-        };
-        data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
-      }
+    return data;
+  }
+  function hide(data) {
+    if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
       return data;
     }
-    function hide(data) {
-      if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
+    var refRect = data.offsets.reference;
+    var bound = find(data.instance.modifiers, function (modifier) {
+      return modifier.name === 'preventOverflow';
+    }).boundaries;
+    if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
+      if (data.hide === true) {
+        return data;
+      }
+      data.hide = true;
+      data.attributes['x-out-of-boundaries'] = '';
+    } else {
+      if (data.hide === false) {
         return data;
       }
-      var refRect = data.offsets.reference;
-      var bound = find(data.instance.modifiers, function (modifier) {
-        return modifier.name === 'preventOverflow';
-      }).boundaries;
-      if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
-        if (data.hide === true) {
-          return data;
+      data.hide = false;
+      data.attributes['x-out-of-boundaries'] = false;
+    }
+    return data;
+  }
+  function inner(data) {
+    var placement = data.placement;
+    var basePlacement = placement.split('-')[0];
+    var _data$offsets = data.offsets,
+        popper = _data$offsets.popper,
+        reference = _data$offsets.reference;
+    var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
+    var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
+    popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
+    data.placement = getOppositePlacement(placement);
+    data.offsets.popper = getClientRect(popper);
+    return data;
+  }
+  var modifiers = {
+    shift: {
+      order: 100,
+      enabled: true,
+      fn: shift
+    },
+    offset: {
+      order: 200,
+      enabled: true,
+      fn: offset,
+      offset: 0
+    },
+    preventOverflow: {
+      order: 300,
+      enabled: true,
+      fn: preventOverflow,
+      priority: ['left', 'right', 'top', 'bottom'],
+      padding: 5,
+      boundariesElement: 'scrollParent'
+    },
+    keepTogether: {
+      order: 400,
+      enabled: true,
+      fn: keepTogether
+    },
+    arrow: {
+      order: 500,
+      enabled: true,
+      fn: arrow,
+      element: '[x-arrow]'
+    },
+    flip: {
+      order: 600,
+      enabled: true,
+      fn: flip,
+      behavior: 'flip',
+      padding: 5,
+      boundariesElement: 'viewport',
+      flipVariations: false,
+      flipVariationsByContent: false
+    },
+    inner: {
+      order: 700,
+      enabled: false,
+      fn: inner
+    },
+    hide: {
+      order: 800,
+      enabled: true,
+      fn: hide
+    },
+    computeStyle: {
+      order: 850,
+      enabled: true,
+      fn: computeStyle,
+      gpuAcceleration: true,
+      x: 'bottom',
+      y: 'right'
+    },
+    applyStyle: {
+      order: 900,
+      enabled: true,
+      fn: applyStyle,
+      onLoad: applyStyleOnLoad,
+      gpuAcceleration: undefined
+    }
+  };
+  var Defaults = {
+    placement: 'bottom',
+    positionFixed: false,
+    eventsEnabled: true,
+    removeOnDestroy: false,
+    onCreate: function onCreate() {},
+    onUpdate: function onUpdate() {},
+    modifiers: modifiers
+  };
+  var Popper = function () {
+    function Popper(reference, popper) {
+      var _this = this;
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      classCallCheck(this, Popper);
+      this.scheduleUpdate = function () {
+        return requestAnimationFrame(_this.update);
+      };
+      this.update = debounce(this.update.bind(this));
+      this.options = _extends({}, Popper.Defaults, options);
+      this.state = {
+        isDestroyed: false,
+        isCreated: false,
+        scrollParents: []
+      };
+      this.reference = reference && reference.jquery ? reference[0] : reference;
+      this.popper = popper && popper.jquery ? popper[0] : popper;
+      this.options.modifiers = {};
+      Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
+        _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+      });
+      this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
+        return _extends({
+          name: name
+        }, _this.options.modifiers[name]);
+      })
+      .sort(function (a, b) {
+        return a.order - b.order;
+      });
+      this.modifiers.forEach(function (modifierOptions) {
+        if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
+          modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
         }
-        data.hide = true;
-        data.attributes['x-out-of-boundaries'] = '';
-      } else {
-        if (data.hide === false) {
-          return data;
+      });
+      this.update();
+      var eventsEnabled = this.options.eventsEnabled;
+      if (eventsEnabled) {
+        this.enableEventListeners();
+      }
+      this.state.eventsEnabled = eventsEnabled;
+    }
+    createClass(Popper, [{
+      key: 'update',
+      value: function update$$1() {
+        return update.call(this);
+      }
+    }, {
+      key: 'destroy',
+      value: function destroy$$1() {
+        return destroy.call(this);
+      }
+    }, {
+      key: 'enableEventListeners',
+      value: function enableEventListeners$$1() {
+        return enableEventListeners.call(this);
+      }
+    }, {
+      key: 'disableEventListeners',
+      value: function disableEventListeners$$1() {
+        return disableEventListeners.call(this);
+      }
+    }]);
+    return Popper;
+  }();
+  Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
+  Popper.placements = placements;
+  Popper.Defaults = Defaults;
+
+  var variable = {
+    dropdownMarginBottom: '4px'
+  };
+  var variable_1 = variable.dropdownMarginBottom;
+
+  var script = {
+    name: 'bk-dropdown-menu',
+    directives: {
+      clickoutside: bkClickoutside
+    },
+    props: {
+      trigger: {
+        type: String,
+        default: 'mouseover',
+        validator: function validator(event) {
+          return ['click', 'mouseover'].includes(event);
         }
-        data.hide = false;
-        data.attributes['x-out-of-boundaries'] = false;
-      }
-      return data;
-    }
-    function inner(data) {
-      var placement = data.placement;
-      var basePlacement = placement.split('-')[0];
-      var _data$offsets = data.offsets,
-          popper = _data$offsets.popper,
-          reference = _data$offsets.reference;
-      var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
-      var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
-      popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
-      data.placement = getOppositePlacement(placement);
-      data.offsets.popper = getClientRect(popper);
-      return data;
-    }
-    var modifiers = {
-      shift: {
-        order: 100,
-        enabled: true,
-        fn: shift
       },
-      offset: {
-        order: 200,
-        enabled: true,
-        fn: offset,
-        offset: 0
+      align: {
+        type: String,
+        default: 'left'
       },
-      preventOverflow: {
-        order: 300,
-        enabled: true,
-        fn: preventOverflow,
-        priority: ['left', 'right', 'top', 'bottom'],
-        padding: 5,
-        boundariesElement: 'scrollParent'
+      disabled: {
+        type: Boolean,
+        default: false
       },
-      keepTogether: {
-        order: 400,
-        enabled: true,
-        fn: keepTogether
+      positionFixed: {
+        type: Boolean,
+        default: false
       },
-      arrow: {
-        order: 500,
-        enabled: true,
-        fn: arrow,
-        element: '[x-arrow]'
+      fontSize: {
+        type: String,
+        default: 'normal'
       },
-      flip: {
-        order: 600,
-        enabled: true,
-        fn: flip,
-        behavior: 'flip',
-        padding: 5,
-        boundariesElement: 'viewport',
-        flipVariations: false,
-        flipVariationsByContent: false
+      extCls: {
+        type: String,
+        default: ''
       },
-      inner: {
-        order: 700,
-        enabled: false,
-        fn: inner
+      openDelay: {
+        type: Number,
+        default: 0
       },
-      hide: {
-        order: 800,
-        enabled: true,
-        fn: hide
-      },
-      computeStyle: {
-        order: 850,
-        enabled: true,
-        fn: computeStyle,
-        gpuAcceleration: true,
-        x: 'bottom',
-        y: 'right'
-      },
-      applyStyle: {
-        order: 900,
-        enabled: true,
-        fn: applyStyle,
-        onLoad: applyStyleOnLoad,
-        gpuAcceleration: undefined
+      closeDelay: {
+        type: Number,
+        default: 100
       }
-    };
-    var Defaults = {
-      placement: 'bottom',
-      positionFixed: false,
-      eventsEnabled: true,
-      removeOnDestroy: false,
-      onCreate: function onCreate() {},
-      onUpdate: function onUpdate() {},
-      modifiers: modifiers
-    };
-    var Popper = function () {
-      function Popper(reference, popper) {
-        var _this = this;
-        var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-        classCallCheck(this, Popper);
-        this.scheduleUpdate = function () {
-          return requestAnimationFrame(_this.update);
-        };
-        this.update = debounce(this.update.bind(this));
-        this.options = _extends({}, Popper.Defaults, options);
-        this.state = {
-          isDestroyed: false,
-          isCreated: false,
-          scrollParents: []
-        };
-        this.reference = reference && reference.jquery ? reference[0] : reference;
-        this.popper = popper && popper.jquery ? popper[0] : popper;
-        this.options.modifiers = {};
-        Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
-          _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
-        });
-        this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
-          return _extends({
-            name: name
-          }, _this.options.modifiers[name]);
-        })
-        .sort(function (a, b) {
-          return a.order - b.order;
-        });
-        this.modifiers.forEach(function (modifierOptions) {
-          if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
-            modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
-          }
-        });
-        this.update();
-        var eventsEnabled = this.options.eventsEnabled;
-        if (eventsEnabled) {
-          this.enableEventListeners();
-        }
-        this.state.eventsEnabled = eventsEnabled;
-      }
-      createClass(Popper, [{
-        key: 'update',
-        value: function update$$1() {
-          return update.call(this);
-        }
-      }, {
-        key: 'destroy',
-        value: function destroy$$1() {
-          return destroy.call(this);
+    },
+    data: function data() {
+      return {
+        menuStyle: null,
+        timer: 0,
+        isShow: false,
+        popInstance: null
+      };
+    },
+    computed: {
+      fontSizeCls: function fontSizeCls() {
+        var cls = '';
+        if (this.fontSize === 'medium') {
+          cls = 'medium-font';
+        } else if (this.fontSize === 'large') {
+          cls = 'large-font';
         }
-      }, {
-        key: 'enableEventListeners',
-        value: function enableEventListeners$$1() {
-          return enableEventListeners.call(this);
+        return cls;
+      }
+    },
+    mounted: function mounted() {
+      var placement = "bottom".concat(this.getPlacementFix());
+      this.popInstance = new Popper(this.$refs.refDropTrigger, this.$refs.refDropContent, {
+        placement: placement,
+        positionFixed: this.positionFixed,
+        modifiers: {
+          offset: {
+            offset: "0, ".concat(variable_1)
+          },
+          keepTogether: {}
         }
-      }, {
-        key: 'disableEventListeners',
-        value: function disableEventListeners$$1() {
-          return disableEventListeners.call(this);
+      });
+    },
+    beforeDestroy: function beforeDestroy() {
+      if (this.popInstance) {
+        this.popInstance.destroy();
+        this.popInstance = null;
+      }
+    },
+    methods: {
+      getPlacementFix: function getPlacementFix() {
+        var placementFix = {
+          'left': '-start',
+          'right': '-end',
+          'center': ''
+        };
+        var fixAppend = placementFix[this.align];
+        if (fixAppend !== undefined) {
+          return fixAppend;
         }
-      }]);
-      return Popper;
-    }();
-    Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
-    Popper.placements = placements;
-    Popper.Defaults = Defaults;
-
-    var variable = {
-      dropdownMarginBottom: '4px'
-    };
-    var variable_1 = variable.dropdownMarginBottom;
-
-    var script = {
-      name: 'bk-dropdown-menu',
-      directives: {
-        clickoutside: bkClickoutside
+        return '';
       },
-      props: {
-        trigger: {
-          type: String,
-          default: 'mouseover',
-          validator: function validator(event) {
-            return ['click', 'mouseover'].includes(event);
-          }
-        },
-        align: {
-          type: String,
-          default: 'left'
-        },
-        disabled: {
-          type: Boolean,
-          default: false
-        },
-        positionFixed: {
-          type: Boolean,
-          default: false
-        },
-        fontSize: {
-          type: String,
-          default: 'normal'
-        },
-        extCls: {
-          type: String,
-          default: ''
-        },
-        openDelay: {
-          type: Number,
-          default: 0
-        },
-        closeDelay: {
-          type: Number,
-          default: 100
+      handleClick: function handleClick() {
+        if (this.disabled || this.trigger !== 'click') {
+          return;
         }
+        this.isShow ? this.hide() : this.show();
       },
-      data: function data() {
-        return {
-          menuStyle: null,
-          timer: 0,
-          isShow: false,
-          popInstance: null
-        };
-      },
-      computed: {
-        fontSizeCls: function fontSizeCls() {
-          var cls = '';
-          if (this.fontSize === 'medium') {
-            cls = 'medium-font';
-          } else if (this.fontSize === 'large') {
-            cls = 'large-font';
-          }
-          return cls;
+      handleMouseover: function handleMouseover() {
+        if (this.trigger === 'mouseover' && !this.disabled) {
+          this.show();
         }
       },
-      mounted: function mounted() {
-        var placement = "bottom".concat(this.getPlacementFix());
-        this.popInstance = new Popper(this.$refs.refDropTrigger, this.$refs.refDropContent, {
-          placement: placement,
-          positionFixed: this.positionFixed,
-          modifiers: {
-            offset: {
-              offset: "0, ".concat(variable_1)
-            },
-            keepTogether: {}
-          }
-        });
-      },
-      beforeDestroy: function beforeDestroy() {
-        if (this.popInstance) {
-          this.popInstance.destroy();
-          this.popInstance = null;
+      handleMouseout: function handleMouseout() {
+        if (this.trigger === 'mouseover' && !this.disabled) {
+          this.hide();
         }
       },
-      methods: {
-        getPlacementFix: function getPlacementFix() {
-          var placementFix = {
-            'left': '-start',
-            'right': '-end',
-            'center': ''
-          };
-          var fixAppend = placementFix[this.align];
-          if (fixAppend !== undefined) {
-            return fixAppend;
-          }
-          return '';
-        },
-        handleClick: function handleClick() {
-          if (this.disabled || this.trigger !== 'click') {
-            return;
-          }
-          this.isShow ? this.hide() : this.show();
-        },
-        handleMouseover: function handleMouseover() {
-          if (this.trigger === 'mouseover' && !this.disabled) {
-            this.show();
-          }
-        },
-        handleMouseout: function handleMouseout() {
-          if (this.trigger === 'mouseover' && !this.disabled) {
-            this.hide();
-          }
-        },
-        handleClickoutside: function handleClickoutside() {
-          if (this.isShow) {
-            this.hide();
-          }
-        },
-        show: function show() {
-          var _this = this;
-          clearTimeout(this.openTimer);
-          clearTimeout(this.closeTimer);
-          this.openTimer = setTimeout(function () {
-            _this.isShow = true;
-          }, this.openDelay);
-          this.popInstance.scheduleUpdate();
-        },
-        hide: function hide() {
-          var _this2 = this;
-          clearTimeout(this.closeTimer);
-          clearTimeout(this.openTimer);
-          this.closeTimer = setTimeout(function () {
-            _this2.isShow = false;
-          }, this.closeDelay);
-          this.popInstance.scheduleUpdate();
+      handleClickoutside: function handleClickoutside() {
+        if (this.isShow) {
+          this.hide();
         }
+      },
+      show: function show() {
+        var _this = this;
+        clearTimeout(this.openTimer);
+        clearTimeout(this.closeTimer);
+        this.openTimer = setTimeout(function () {
+          _this.isShow = true;
+        }, this.openDelay);
+        this.popInstance.scheduleUpdate();
+      },
+      hide: function hide() {
+        var _this2 = this;
+        clearTimeout(this.closeTimer);
+        clearTimeout(this.openTimer);
+        this.closeTimer = setTimeout(function () {
+          _this2.isShow = false;
+        }, this.closeDelay);
+        this.popInstance.scheduleUpdate();
       }
-    };
+    }
+  };
 
-    function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
-    , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-      if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-      }
-      var options = typeof script === 'function' ? script.options : script;
-      if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        if (isFunctionalTemplate) {
-          options.functional = true;
+  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
+  , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+      createInjectorSSR = createInjector;
+      createInjector = shadowMode;
+      shadowMode = false;
+    }
+    var options = typeof script === 'function' ? script.options : script;
+    if (template && template.render) {
+      options.render = template.render;
+      options.staticRenderFns = template.staticRenderFns;
+      options._compiled = true;
+      if (isFunctionalTemplate) {
+        options.functional = true;
+      }
+    }
+    if (scopeId) {
+      options._scopeId = scopeId;
+    }
+    var hook;
+    if (moduleIdentifier) {
+      hook = function hook(context) {
+        context = context ||
+        this.$vnode && this.$vnode.ssrContext ||
+        this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+        if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+          context = __VUE_SSR_CONTEXT__;
         }
-      }
-      if (scopeId) {
-        options._scopeId = scopeId;
-      }
-      var hook;
-      if (moduleIdentifier) {
-        hook = function hook(context) {
-          context = context ||
-          this.$vnode && this.$vnode.ssrContext ||
-          this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
-          if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-            context = __VUE_SSR_CONTEXT__;
-          }
-          if (style) {
-            style.call(this, createInjectorSSR(context));
-          }
-          if (context && context._registeredComponents) {
-            context._registeredComponents.add(moduleIdentifier);
-          }
-        };
-        options._ssrRegister = hook;
-      } else if (style) {
-        hook = shadowMode ? function () {
-          style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
-        } : function (context) {
-          style.call(this, createInjector(context));
-        };
-      }
-      if (hook) {
-        if (options.functional) {
-          var originalRender = options.render;
-          options.render = function renderWithStyleInjection(h, context) {
-            hook.call(context);
-            return originalRender(h, context);
-          };
-        } else {
-          var existing = options.beforeCreate;
-          options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        if (style) {
+          style.call(this, createInjectorSSR(context));
+        }
+        if (context && context._registeredComponents) {
+          context._registeredComponents.add(moduleIdentifier);
         }
+      };
+      options._ssrRegister = hook;
+    } else if (style) {
+      hook = shadowMode ? function () {
+        style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
+      } : function (context) {
+        style.call(this, createInjector(context));
+      };
+    }
+    if (hook) {
+      if (options.functional) {
+        var originalRender = options.render;
+        options.render = function renderWithStyleInjection(h, context) {
+          hook.call(context);
+          return originalRender(h, context);
+        };
+      } else {
+        var existing = options.beforeCreate;
+        options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
       }
-      return script;
     }
-    var normalizeComponent_1 = normalizeComponent;
+    return script;
+  }
+  var normalizeComponent_1 = normalizeComponent;
 
-    /* script */
-    var __vue_script__ = script;
-    /* template */
+  /* script */
+  var __vue_script__ = script;
+  /* template */
 
-    var __vue_render__ = function __vue_render__() {
-      var _vm = this;
+  var __vue_render__ = function __vue_render__() {
+    var _vm = this;
 
-      var _h = _vm.$createElement;
+    var _h = _vm.$createElement;
 
-      var _c = _vm._self._c || _h;
+    var _c = _vm._self._c || _h;
 
-      return _c('div', {
-        directives: [{
-          name: "clickoutside",
-          rawName: "v-clickoutside",
-          value: _vm.handleClickoutside,
-          expression: "handleClickoutside"
-        }],
-        staticClass: "bk-dropdown-menu",
-        class: [_vm.disabled ? 'disabled' : '', _vm.positionFixed ? '' : 'bk-dropdown-full-width', _vm.fontSizeCls, _vm.extCls],
-        attrs: {
-          "tabindex": "0"
-        },
-        on: {
-          "keydown": [function ($event) {
-            if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
-              return null;
-            }
+    return _c('div', {
+      directives: [{
+        name: "clickoutside",
+        rawName: "v-clickoutside",
+        value: _vm.handleClickoutside,
+        expression: "handleClickoutside"
+      }],
+      staticClass: "bk-dropdown-menu",
+      class: [_vm.disabled ? 'disabled' : '', _vm.positionFixed ? '' : 'bk-dropdown-full-width', _vm.fontSizeCls, _vm.extCls],
+      attrs: {
+        "tabindex": "0"
+      },
+      on: {
+        "keydown": [function ($event) {
+          if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+            return null;
+          }
 
-            $event.preventDefault();
-            return _vm.handleMouseover($event);
-          }, function ($event) {
-            if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
-              return null;
-            }
+          $event.preventDefault();
+          return _vm.handleMouseover($event);
+        }, function ($event) {
+          if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
+            return null;
+          }
 
-            $event.stopPropagation();
-            $event.preventDefault();
-            return _vm.handleMouseout($event);
-          }],
-          "click": _vm.handleClick,
-          "mouseover": _vm.handleMouseover,
-          "mouseout": _vm.handleMouseout
-        }
-      }, [_c('div', {
-        ref: "refDropTrigger",
-        staticClass: "bk-dropdown-trigger"
-      }, [_vm._t("dropdown-trigger")], 2), _c('div', {
-        ref: "refDropContent",
-        class: ['bk-dropdown-content', {
-          'is-show': _vm.isShow,
-          'right-align': _vm.align === 'right',
-          'center-align': _vm.align === 'center',
-          'left-align': _vm.align === 'left'
-        }]
-      }, [_vm._t("dropdown-content")], 2)]);
-    };
+          $event.stopPropagation();
+          $event.preventDefault();
+          return _vm.handleMouseout($event);
+        }],
+        "click": _vm.handleClick,
+        "mouseover": _vm.handleMouseover,
+        "mouseout": _vm.handleMouseout
+      }
+    }, [_c('div', {
+      ref: "refDropTrigger",
+      staticClass: "bk-dropdown-trigger"
+    }, [_vm._t("dropdown-trigger")], 2), _c('div', {
+      ref: "refDropContent",
+      class: ['bk-dropdown-content', {
+        'is-show': _vm.isShow,
+        'right-align': _vm.align === 'right',
+        'center-align': _vm.align === 'center',
+        'left-align': _vm.align === 'left'
+      }]
+    }, [_vm._t("dropdown-content")], 2)]);
+  };
 
-    var __vue_staticRenderFns__ = [];
-    /* style */
+  var __vue_staticRenderFns__ = [];
+  /* style */
 
-    var __vue_inject_styles__ = undefined;
-    /* scoped */
+  var __vue_inject_styles__ = undefined;
+  /* scoped */
 
-    var __vue_scope_id__ = undefined;
-    /* module identifier */
+  var __vue_scope_id__ = undefined;
+  /* module identifier */
 
-    var __vue_module_identifier__ = undefined;
-    /* functional template */
+  var __vue_module_identifier__ = undefined;
+  /* functional template */
 
-    var __vue_is_functional_template__ = false;
-    /* style inject */
+  var __vue_is_functional_template__ = false;
+  /* style inject */
 
-    /* style inject SSR */
+  /* style inject SSR */
 
-    /* style inject shadow dom */
+  /* style inject shadow dom */
 
-    var __vue_component__ = /*#__PURE__*/normalizeComponent_1({
-      render: __vue_render__,
-      staticRenderFns: __vue_staticRenderFns__
-    }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+  var __vue_component__ = /*#__PURE__*/normalizeComponent_1({
+    render: __vue_render__,
+    staticRenderFns: __vue_staticRenderFns__
+  }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-    var _defined = function (it) {
-      if (it == undefined) throw TypeError("Can't call method on  " + it);
-      return it;
-    };
+  var _defined = function (it) {
+    if (it == undefined) throw TypeError("Can't call method on  " + it);
+    return it;
+  };
 
-    var _toObject = function (it) {
-      return Object(_defined(it));
-    };
+  var _toObject = function (it) {
+    return Object(_defined(it));
+  };
 
-    var hasOwnProperty = {}.hasOwnProperty;
-    var _has = function (it, key) {
-      return hasOwnProperty.call(it, key);
-    };
+  var hasOwnProperty = {}.hasOwnProperty;
+  var _has = function (it, key) {
+    return hasOwnProperty.call(it, key);
+  };
 
-    var toString = {}.toString;
-    var _cof = function (it) {
-      return toString.call(it).slice(8, -1);
-    };
+  var toString = {}.toString;
+  var _cof = function (it) {
+    return toString.call(it).slice(8, -1);
+  };
 
-    var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-      return _cof(it) == 'String' ? it.split('') : Object(it);
-    };
+  var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+    return _cof(it) == 'String' ? it.split('') : Object(it);
+  };
 
-    var _toIobject = function (it) {
-      return _iobject(_defined(it));
-    };
+  var _toIobject = function (it) {
+    return _iobject(_defined(it));
+  };
 
-    var ceil = Math.ceil;
-    var floor = Math.floor;
-    var _toInteger = function (it) {
-      return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
-    };
+  var ceil = Math.ceil;
+  var floor = Math.floor;
+  var _toInteger = function (it) {
+    return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
+  };
 
-    var min = Math.min;
-    var _toLength = function (it) {
-      return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0;
-    };
+  var min = Math.min;
+  var _toLength = function (it) {
+    return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0;
+  };
 
-    var max = Math.max;
-    var min$1 = Math.min;
-    var _toAbsoluteIndex = function (index, length) {
-      index = _toInteger(index);
-      return index < 0 ? max(index + length, 0) : min$1(index, length);
-    };
+  var max = Math.max;
+  var min$1 = Math.min;
+  var _toAbsoluteIndex = function (index, length) {
+    index = _toInteger(index);
+    return index < 0 ? max(index + length, 0) : min$1(index, length);
+  };
 
-    var _arrayIncludes = function (IS_INCLUDES) {
-      return function ($this, el, fromIndex) {
-        var O = _toIobject($this);
-        var length = _toLength(O.length);
-        var index = _toAbsoluteIndex(fromIndex, length);
-        var value;
-        if (IS_INCLUDES && el != el) while (length > index) {
-          value = O[index++];
-          if (value != value) return true;
-        } else for (;length > index; index++) if (IS_INCLUDES || index in O) {
-          if (O[index] === el) return IS_INCLUDES || index || 0;
-        } return !IS_INCLUDES && -1;
-      };
+  var _arrayIncludes = function (IS_INCLUDES) {
+    return function ($this, el, fromIndex) {
+      var O = _toIobject($this);
+      var length = _toLength(O.length);
+      var index = _toAbsoluteIndex(fromIndex, length);
+      var value;
+      if (IS_INCLUDES && el != el) while (length > index) {
+        value = O[index++];
+        if (value != value) return true;
+      } else for (;length > index; index++) if (IS_INCLUDES || index in O) {
+        if (O[index] === el) return IS_INCLUDES || index || 0;
+      } return !IS_INCLUDES && -1;
     };
+  };
 
-    function createCommonjsModule(fn, module) {
-    	return module = { exports: {} }, fn(module, module.exports), module.exports;
-    }
+  function createCommonjsModule(fn, module) {
+  	return module = { exports: {} }, fn(module, module.exports), module.exports;
+  }
 
-    var _core = createCommonjsModule(function (module) {
-    var core = module.exports = { version: '2.6.12' };
-    if (typeof __e == 'number') __e = core;
-    });
-    var _core_1 = _core.version;
+  var _core = createCommonjsModule(function (module) {
+  var core = module.exports = { version: '2.6.12' };
+  if (typeof __e == 'number') __e = core;
+  });
+  var _core_1 = _core.version;
 
-    var _global = createCommonjsModule(function (module) {
-    var global = module.exports = typeof window != 'undefined' && window.Math == Math
-      ? window : typeof self != 'undefined' && self.Math == Math ? self
-      : Function('return this')();
-    if (typeof __g == 'number') __g = global;
-    });
+  var _global = createCommonjsModule(function (module) {
+  var global = module.exports = typeof window != 'undefined' && window.Math == Math
+    ? window : typeof self != 'undefined' && self.Math == Math ? self
+    : Function('return this')();
+  if (typeof __g == 'number') __g = global;
+  });
 
-    var _shared = createCommonjsModule(function (module) {
-    var SHARED = '__core-js_shared__';
-    var store = _global[SHARED] || (_global[SHARED] = {});
-    (module.exports = function (key, value) {
-      return store[key] || (store[key] = value !== undefined ? value : {});
-    })('versions', []).push({
-      version: _core.version,
-      mode:  'pure' ,
-      copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
-    });
-    });
+  var _shared = createCommonjsModule(function (module) {
+  var SHARED = '__core-js_shared__';
+  var store = _global[SHARED] || (_global[SHARED] = {});
+  (module.exports = function (key, value) {
+    return store[key] || (store[key] = value !== undefined ? value : {});
+  })('versions', []).push({
+    version: _core.version,
+    mode:  'pure' ,
+    copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
+  });
+  });
 
-    var id = 0;
-    var px = Math.random();
-    var _uid = function (key) {
-      return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
-    };
+  var id = 0;
+  var px = Math.random();
+  var _uid = function (key) {
+    return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
+  };
 
-    var shared = _shared('keys');
-    var _sharedKey = function (key) {
-      return shared[key] || (shared[key] = _uid(key));
-    };
+  var shared = _shared('keys');
+  var _sharedKey = function (key) {
+    return shared[key] || (shared[key] = _uid(key));
+  };
 
-    var arrayIndexOf = _arrayIncludes(false);
-    var IE_PROTO = _sharedKey('IE_PROTO');
-    var _objectKeysInternal = function (object, names) {
-      var O = _toIobject(object);
-      var i = 0;
-      var result = [];
-      var key;
-      for (key in O) if (key != IE_PROTO) _has(O, key) && result.push(key);
-      while (names.length > i) if (_has(O, key = names[i++])) {
-        ~arrayIndexOf(result, key) || result.push(key);
-      }
-      return result;
-    };
+  var arrayIndexOf = _arrayIncludes(false);
+  var IE_PROTO = _sharedKey('IE_PROTO');
+  var _objectKeysInternal = function (object, names) {
+    var O = _toIobject(object);
+    var i = 0;
+    var result = [];
+    var key;
+    for (key in O) if (key != IE_PROTO) _has(O, key) && result.push(key);
+    while (names.length > i) if (_has(O, key = names[i++])) {
+      ~arrayIndexOf(result, key) || result.push(key);
+    }
+    return result;
+  };
 
-    var _enumBugKeys = (
-      'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
-    ).split(',');
+  var _enumBugKeys = (
+    'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+  ).split(',');
 
-    var _objectKeys = Object.keys || function keys(O) {
-      return _objectKeysInternal(O, _enumBugKeys);
-    };
+  var _objectKeys = Object.keys || function keys(O) {
+    return _objectKeysInternal(O, _enumBugKeys);
+  };
 
-    var _aFunction = function (it) {
-      if (typeof it != 'function') throw TypeError(it + ' is not a function!');
-      return it;
-    };
+  var _aFunction = function (it) {
+    if (typeof it != 'function') throw TypeError(it + ' is not a function!');
+    return it;
+  };
 
-    var _ctx = function (fn, that, length) {
-      _aFunction(fn);
-      if (that === undefined) return fn;
-      switch (length) {
-        case 1: return function (a) {
-          return fn.call(that, a);
-        };
-        case 2: return function (a, b) {
-          return fn.call(that, a, b);
-        };
-        case 3: return function (a, b, c) {
-          return fn.call(that, a, b, c);
-        };
-      }
-      return function () {
-        return fn.apply(that, arguments);
+  var _ctx = function (fn, that, length) {
+    _aFunction(fn);
+    if (that === undefined) return fn;
+    switch (length) {
+      case 1: return function (a) {
+        return fn.call(that, a);
+      };
+      case 2: return function (a, b) {
+        return fn.call(that, a, b);
+      };
+      case 3: return function (a, b, c) {
+        return fn.call(that, a, b, c);
       };
+    }
+    return function () {
+      return fn.apply(that, arguments);
     };
+  };
 
-    var _isObject = function (it) {
-      return typeof it === 'object' ? it !== null : typeof it === 'function';
-    };
+  var _isObject = function (it) {
+    return typeof it === 'object' ? it !== null : typeof it === 'function';
+  };
 
-    var _anObject = function (it) {
-      if (!_isObject(it)) throw TypeError(it + ' is not an object!');
-      return it;
-    };
+  var _anObject = function (it) {
+    if (!_isObject(it)) throw TypeError(it + ' is not an object!');
+    return it;
+  };
 
-    var _fails = function (exec) {
-      try {
-        return !!exec();
-      } catch (e) {
-        return true;
-      }
-    };
+  var _fails = function (exec) {
+    try {
+      return !!exec();
+    } catch (e) {
+      return true;
+    }
+  };
 
-    var _descriptors = !_fails(function () {
-      return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-    });
+  var _descriptors = !_fails(function () {
+    return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+  });
 
-    var document$1 = _global.document;
-    var is = _isObject(document$1) && _isObject(document$1.createElement);
-    var _domCreate = function (it) {
-      return is ? document$1.createElement(it) : {};
-    };
+  var document$1 = _global.document;
+  var is = _isObject(document$1) && _isObject(document$1.createElement);
+  var _domCreate = function (it) {
+    return is ? document$1.createElement(it) : {};
+  };
 
-    var _ie8DomDefine = !_descriptors && !_fails(function () {
-      return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
-    });
+  var _ie8DomDefine = !_descriptors && !_fails(function () {
+    return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
+  });
 
-    var _toPrimitive = function (it, S) {
-      if (!_isObject(it)) return it;
-      var fn, val;
-      if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
-      if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
-      if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
-      throw TypeError("Can't convert object to primitive value");
-    };
+  var _toPrimitive = function (it, S) {
+    if (!_isObject(it)) return it;
+    var fn, val;
+    if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+    if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
+    if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+    throw TypeError("Can't convert object to primitive value");
+  };
 
-    var dP = Object.defineProperty;
-    var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-      _anObject(O);
-      P = _toPrimitive(P, true);
-      _anObject(Attributes);
-      if (_ie8DomDefine) try {
-        return dP(O, P, Attributes);
-      } catch (e) {  }
-      if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-      if ('value' in Attributes) O[P] = Attributes.value;
-      return O;
-    };
-    var _objectDp = {
-    	f: f
-    };
+  var dP = Object.defineProperty;
+  var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+    _anObject(O);
+    P = _toPrimitive(P, true);
+    _anObject(Attributes);
+    if (_ie8DomDefine) try {
+      return dP(O, P, Attributes);
+    } catch (e) {  }
+    if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+    if ('value' in Attributes) O[P] = Attributes.value;
+    return O;
+  };
+  var _objectDp = {
+  	f: f
+  };
 
-    var _propertyDesc = function (bitmap, value) {
-      return {
-        enumerable: !(bitmap & 1),
-        configurable: !(bitmap & 2),
-        writable: !(bitmap & 4),
-        value: value
-      };
+  var _propertyDesc = function (bitmap, value) {
+    return {
+      enumerable: !(bitmap & 1),
+      configurable: !(bitmap & 2),
+      writable: !(bitmap & 4),
+      value: value
     };
+  };
 
-    var _hide = _descriptors ? function (object, key, value) {
-      return _objectDp.f(object, key, _propertyDesc(1, value));
-    } : function (object, key, value) {
-      object[key] = value;
-      return object;
-    };
+  var _hide = _descriptors ? function (object, key, value) {
+    return _objectDp.f(object, key, _propertyDesc(1, value));
+  } : function (object, key, value) {
+    object[key] = value;
+    return object;
+  };
 
-    var PROTOTYPE = 'prototype';
-    var $export = function (type, name, source) {
-      var IS_FORCED = type & $export.F;
-      var IS_GLOBAL = type & $export.G;
-      var IS_STATIC = type & $export.S;
-      var IS_PROTO = type & $export.P;
-      var IS_BIND = type & $export.B;
-      var IS_WRAP = type & $export.W;
-      var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
-      var expProto = exports[PROTOTYPE];
-      var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] : (_global[name] || {})[PROTOTYPE];
-      var key, own, out;
-      if (IS_GLOBAL) source = name;
-      for (key in source) {
-        own = !IS_FORCED && target && target[key] !== undefined;
-        if (own && _has(exports, key)) continue;
-        out = own ? target[key] : source[key];
-        exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
-        : IS_BIND && own ? _ctx(out, _global)
-        : IS_WRAP && target[key] == out ? (function (C) {
-          var F = function (a, b, c) {
-            if (this instanceof C) {
-              switch (arguments.length) {
-                case 0: return new C();
-                case 1: return new C(a);
-                case 2: return new C(a, b);
-              } return new C(a, b, c);
-            } return C.apply(this, arguments);
-          };
-          F[PROTOTYPE] = C[PROTOTYPE];
-          return F;
-        })(out) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
-        if (IS_PROTO) {
-          (exports.virtual || (exports.virtual = {}))[key] = out;
-          if (type & $export.R && expProto && !expProto[key]) _hide(expProto, key, out);
-        }
-      }
-    };
-    $export.F = 1;
-    $export.G = 2;
-    $export.S = 4;
-    $export.P = 8;
-    $export.B = 16;
-    $export.W = 32;
-    $export.U = 64;
-    $export.R = 128;
-    var _export = $export;
+  var PROTOTYPE = 'prototype';
+  var $export = function (type, name, source) {
+    var IS_FORCED = type & $export.F;
+    var IS_GLOBAL = type & $export.G;
+    var IS_STATIC = type & $export.S;
+    var IS_PROTO = type & $export.P;
+    var IS_BIND = type & $export.B;
+    var IS_WRAP = type & $export.W;
+    var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
+    var expProto = exports[PROTOTYPE];
+    var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] : (_global[name] || {})[PROTOTYPE];
+    var key, own, out;
+    if (IS_GLOBAL) source = name;
+    for (key in source) {
+      own = !IS_FORCED && target && target[key] !== undefined;
+      if (own && _has(exports, key)) continue;
+      out = own ? target[key] : source[key];
+      exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
+      : IS_BIND && own ? _ctx(out, _global)
+      : IS_WRAP && target[key] == out ? (function (C) {
+        var F = function (a, b, c) {
+          if (this instanceof C) {
+            switch (arguments.length) {
+              case 0: return new C();
+              case 1: return new C(a);
+              case 2: return new C(a, b);
+            } return new C(a, b, c);
+          } return C.apply(this, arguments);
+        };
+        F[PROTOTYPE] = C[PROTOTYPE];
+        return F;
+      })(out) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
+      if (IS_PROTO) {
+        (exports.virtual || (exports.virtual = {}))[key] = out;
+        if (type & $export.R && expProto && !expProto[key]) _hide(expProto, key, out);
+      }
+    }
+  };
+  $export.F = 1;
+  $export.G = 2;
+  $export.S = 4;
+  $export.P = 8;
+  $export.B = 16;
+  $export.W = 32;
+  $export.U = 64;
+  $export.R = 128;
+  var _export = $export;
 
-    var _objectSap = function (KEY, exec) {
-      var fn = (_core.Object || {})[KEY] || Object[KEY];
-      var exp = {};
-      exp[KEY] = exec(fn);
-      _export(_export.S + _export.F * _fails(function () { fn(1); }), 'Object', exp);
-    };
+  var _objectSap = function (KEY, exec) {
+    var fn = (_core.Object || {})[KEY] || Object[KEY];
+    var exp = {};
+    exp[KEY] = exec(fn);
+    _export(_export.S + _export.F * _fails(function () { fn(1); }), 'Object', exp);
+  };
 
-    _objectSap('keys', function () {
-      return function keys(it) {
-        return _objectKeys(_toObject(it));
-      };
-    });
+  _objectSap('keys', function () {
+    return function keys(it) {
+      return _objectKeys(_toObject(it));
+    };
+  });
 
-    var keys = _core.Object.keys;
+  var keys = _core.Object.keys;
 
-    var keys$1 = keys;
+  var keys$1 = keys;
 
-    function setInstaller (component, afterInstall) {
-      component.install = function (Vue) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var props = component.props || {};
-        keys$1(options).forEach(function (key) {
-          if (props.hasOwnProperty(key)) {
-            if (typeof props[key] === 'function' || props[key] instanceof Array) {
-              props[key] = {
-                type: props[key],
-                default: options[key]
-              };
-            } else {
-              props[key].default = options[key];
-            }
+  function setInstaller (component, afterInstall) {
+    component.install = function (Vue) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var props = component.props || {};
+      keys$1(options).forEach(function (key) {
+        if (props.hasOwnProperty(key)) {
+          if (typeof props[key] === 'function' || props[key] instanceof Array) {
+            props[key] = {
+              type: props[key],
+              default: options[key]
+            };
+          } else {
+            props[key].default = options[key];
           }
-        });
-        component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
-        Vue.component(component.name, component);
-        typeof afterInstall === 'function' && afterInstall(Vue, options);
-      };
-    }
+        }
+      });
+      component.name = options.namespace ? component.name.replace('bk', options.namespace) : component.name;
+      Vue.component(component.name, component);
+      typeof afterInstall === 'function' && afterInstall(Vue, options);
+    };
+  }
 
-    setInstaller(__vue_component__);
+  setInstaller(__vue_component__);
 
-    exports.default = __vue_component__;
+  exports.default = __vue_component__;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+  Object.defineProperty(exports, '__esModule', { value: true });
 
 }));