@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/common/deps/popper.js

@@ -1,91 +1,84 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-import { typeOf } from '@opentiny/vue-renderless/common/type';
-import { xss } from '@opentiny/vue-renderless/common/xss.js';
-var win = window;
-var positions = ['left', 'right', 'top', 'bottom'];
-var modifiers = ['shift', 'offset', 'preventOverflow', 'keepTogether', 'arrow', 'flip', 'applyStyle'];
-var DEFAULTS = {
+import {
+  __spreadValues
+} from "../../chunk-PKUHTIDK.js";
+import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+import { typeOf } from "@opentiny/vue-renderless/common/type";
+import { xss } from "@opentiny/vue-renderless/common/xss.js";
+const win = window;
+const positions = ["left", "right", "top", "bottom"];
+const modifiers = ["shift", "offset", "preventOverflow", "keepTogether", "arrow", "flip", "applyStyle"];
+const DEFAULTS = {
   arrowOffset: 0,
-  arrowElement: '[x-arrow]',
-  boundariesElement: 'viewport',
+  arrowElement: "[x-arrow]",
+  boundariesElement: "viewport",
   boundariesPadding: 5,
-  flipBehavior: 'flip',
+  flipBehavior: "flip",
   forceAbsolute: false,
   gpuAcceleration: true,
   offset: 0,
-  placement: 'bottom',
+  placement: "bottom",
   preventOverflowOrder: positions,
-  modifiers: modifiers,
+  modifiers,
   modifiersIgnored: []
 };
-var getRealElement = function getRealElement(el) {
-  return el.jquery ? el[0] : el;
-};
-var setStyle = function setStyle(el, styles) {
-  var isNumeric = function isNumeric(n) {
-    return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
-  };
-  Object.keys(styles).forEach(function (prop) {
-    var unit = '';
-    if (~['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) && isNumeric(styles[prop])) {
-      unit = 'px';
+const getRealElement = (el) => el.jquery ? el[0] : el;
+const setStyle = (el, styles) => {
+  const isNumeric = (n) => n !== "" && !isNaN(parseFloat(n)) && isFinite(n);
+  Object.keys(styles).forEach((prop) => {
+    let unit = "";
+    if (~["width", "height", "top", "right", "bottom", "left"].indexOf(prop) && isNumeric(styles[prop])) {
+      unit = "px";
     }
     el.style[prop] = styles[prop] + unit;
   });
 };
-var getSupportedPropertyName = function getSupportedPropertyName(property) {
-  var prefixes = ['', 'ms', 'webkit', 'moz', 'o'];
-  var bodyEl = win.document.body;
-  for (var i = 0; i < prefixes.length; i++) {
-    var toCheck = prefixes[i] ? prefixes[i] + property.charAt(0).toUpperCase() + property.slice(1) : property;
-    if (typeof bodyEl.style[toCheck] !== 'undefined') {
+const getSupportedPropertyName = (property) => {
+  let prefixes = ["", "ms", "webkit", "moz", "o"];
+  let bodyEl = win.document.body;
+  for (let i = 0; i < prefixes.length; i++) {
+    let toCheck = prefixes[i] ? prefixes[i] + property.charAt(0).toUpperCase() + property.slice(1) : property;
+    if (typeof bodyEl.style[toCheck] !== "undefined") {
       return toCheck;
     }
   }
   return null;
 };
-var addClassNames = function addClassNames(el, classNames) {
-  classNames.forEach(function (className) {
+const addClassNames = (el, classNames) => {
+  classNames.forEach((className) => {
     el.classList.add(className);
   });
 };
-var addAttributes = function addAttributes(el, attributes) {
-  attributes.forEach(function (attribute) {
-    var attrs = attribute.split(':');
-    el.setAttribute(attrs[0], attrs[1] || '');
+const addAttributes = (el, attributes) => {
+  attributes.forEach((attribute) => {
+    const attrs = attribute.split(":");
+    el.setAttribute(attrs[0], attrs[1] || "");
   });
 };
-var getOffsetParent = function getOffsetParent(el) {
-  var offsetParent = el.offsetParent;
+const getOffsetParent = (el) => {
+  let offsetParent = el.offsetParent;
   return offsetParent === win.document.body || !offsetParent ? win.document.documentElement : offsetParent;
 };
-var getStyleComputedProperty = function getStyleComputedProperty(el, property) {
+const getStyleComputedProperty = (el, property) => {
   if (!el || el.nodeType !== 1) {
     return;
   }
-  var css = win.getComputedStyle(el, null);
+  let css = win.getComputedStyle(el, null);
   return css[property];
 };
-var isFixed = function isFixed(el) {
+const isFixed = (el) => {
   if (el === win.document.body) {
     return false;
   }
-  if (getStyleComputedProperty(el, 'position') === 'fixed') {
+  if (getStyleComputedProperty(el, "position") === "fixed") {
     return true;
   }
   return el.parentNode ? isFixed(el.parentNode) : el;
 };
-var getBoundingClientRect = function getBoundingClientRect(el) {
-  var rectObj = el.getBoundingClientRect();
-  var isIE = navigator.userAgent.indexOf('MSIE') != -1;
-  var rectTop = isIE && el.tagName === 'HTML' ? -el.scrollTop : rectObj.top;
+const getBoundingClientRect = (el) => {
+  let rectObj = el.getBoundingClientRect();
+  let isIE = navigator.userAgent.includes("MSIE");
+  let rectTop = isIE && el.tagName === "HTML" ? -el.scrollTop : rectObj.top;
   return {
     left: rectObj.left,
     top: rectTop,
@@ -95,12 +88,12 @@ var getBoundingClientRect = function getBoundingClientRect(el) {
     height: rectObj.bottom - rectTop
   };
 };
-var isScrollElement = function isScrollElement(el) {
-  var scrollTypes = ['scroll', 'auto'];
-  return scrollTypes.includes(getStyleComputedProperty(el, 'overflow')) || scrollTypes.includes(getStyleComputedProperty(el, 'overflow-x')) || scrollTypes.includes(getStyleComputedProperty(el, 'overflow-y'));
+const isScrollElement = (el) => {
+  const scrollTypes = ["scroll", "auto"];
+  return scrollTypes.includes(getStyleComputedProperty(el, "overflow")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-x")) || scrollTypes.includes(getStyleComputedProperty(el, "overflow-y"));
 };
-export var getScrollParent = function getScrollParent(el) {
-  var parent = el.parentNode;
+const getScrollParent = (el) => {
+  let parent = el.parentNode;
   if (!parent) {
     return el;
   }
@@ -115,50 +108,37 @@ export var getScrollParent = function getScrollParent(el) {
   }
   return getScrollParent(el.parentNode);
 };
-var getOffsetRectRelativeToCustomParent = function getOffsetRectRelativeToCustomParent(el, parent, fixed) {
-  var _getBoundingClientRec = getBoundingClientRect(el),
-    top = _getBoundingClientRec.top,
-    left = _getBoundingClientRec.left,
-    width = _getBoundingClientRec.width,
-    height = _getBoundingClientRec.height;
-  var parentRect = getBoundingClientRect(parent);
+const getOffsetRectRelativeToCustomParent = (el, parent, fixed) => {
+  let { top, left, width, height } = getBoundingClientRect(el);
+  let parentRect = getBoundingClientRect(parent);
   if (fixed) {
-    var _getScrollParent = getScrollParent(parent),
-      scrollTop = _getScrollParent.scrollTop,
-      scrollLeft = _getScrollParent.scrollLeft;
+    let { scrollTop, scrollLeft } = getScrollParent(parent);
     parentRect.top += scrollTop;
     parentRect.bottom += scrollTop;
     parentRect.left += scrollLeft;
     parentRect.right += scrollLeft;
   }
-  var rect = {
+  let rect = {
     top: top - parentRect.top,
     left: left - parentRect.left,
     bottom: top - parentRect.top + height,
     right: left - parentRect.left + width,
-    width: width,
-    height: height
+    width,
+    height
   };
   return rect;
 };
-var getScrollTopValue = function getScrollTopValue(el) {
-  return el == document.body ? Math.max(document.documentElement.scrollTop, document.body.scrollTop) : el.scrollTop;
-};
-var getScrollLeftValue = function getScrollLeftValue(el) {
-  return el == document.body ? Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) : el.scrollLeft;
-};
-var getMaxWH = function getMaxWH(body, html) {
-  var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-  var width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
-  return {
-    width: width,
-    height: height
-  };
-};
-var adjustArrowStyle = function adjustArrowStyle(arrowStyle, side, arrowRect, popperRect, popperOptions) {
-  var params = popperOptions.placement.split('-');
-  if (popperOptions.adjustArrow && ~['top', 'bottom'].indexOf(params[0]) && side === 'left') {
-    if (params[1] === 'start') {
+const getScrollTopValue = (el) => el == document.body ? Math.max(document.documentElement.scrollTop, document.body.scrollTop) : el.scrollTop;
+const getScrollLeftValue = (el) => el == document.body ? Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) : el.scrollLeft;
+const getMaxWH = (body, html) => {
+  const height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
+  const width = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
+  return { width, height };
+};
+const adjustArrowStyle = (arrowStyle, side, arrowRect, popperRect, popperOptions) => {
+  let params = popperOptions.placement.split("-");
+  if (popperOptions.adjustArrow && ~["top", "bottom"].indexOf(params[0]) && side === "left") {
+    if (params[1] === "start") {
       arrowStyle.left = 8;
     } else if (!params[1]) {
       arrowStyle.left = (popperRect.width - arrowRect.width) / 2;
@@ -166,69 +146,49 @@ var adjustArrowStyle = function adjustArrowStyle(arrowStyle, side, arrowRect, po
   }
   return arrowStyle;
 };
-var getOuterSizes = function getOuterSizes(el) {
-  var _display = el.style.display,
-    _visibility = el.style.visibility;
-  el.style.display = 'block';
-  el.style.visibility = 'hidden';
-  var styles = win.getComputedStyle(el);
-  var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
-  var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
-  var result = {
-    width: el.offsetWidth + y,
-    height: el.offsetHeight + x
-  };
+const getOuterSizes = (el) => {
+  let _display = el.style.display;
+  let _visibility = el.style.visibility;
+  el.style.display = "block";
+  el.style.visibility = "hidden";
+  let styles = win.getComputedStyle(el);
+  let x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+  let y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
+  let result = { width: el.offsetWidth + y, height: el.offsetHeight + x };
   el.style.display = _display;
   el.style.visibility = _visibility;
   return result;
 };
-var getOppositePlacement = 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];
-  });
+const getOppositePlacement = (placement) => {
+  let hash = { left: "right", right: "left", bottom: "top", top: "bottom" };
+  return placement.replace(/left|right|bottom|top/g, (matched) => hash[matched]);
 };
-var getPopperClientRect = function getPopperClientRect(popperOffsets) {
-  var offsets = _objectSpread({}, popperOffsets);
+const getPopperClientRect = (popperOffsets) => {
+  let offsets = __spreadValues({}, popperOffsets);
   offsets.right = offsets.left + offsets.width;
   offsets.bottom = offsets.top + offsets.height;
   return offsets;
 };
-var getArrayKeyIndex = function getArrayKeyIndex(arr, keyToFind) {
-  var i = 0;
-  var _iterator = _createForOfIteratorHelper(arr),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var value = _step.value;
-      if (value === keyToFind) {
-        return i;
-      }
-      i++;
+const getArrayKeyIndex = (arr, keyToFind) => {
+  let i = 0;
+  for (let value of arr) {
+    if (value === keyToFind) {
+      return i;
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+    i++;
   }
   return null;
 };
-export var getAllScrollParents = function getAllScrollParents(el) {
-  var parents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var parent = el.parentNode;
+const getAllScrollParents = (el, parents = []) => {
+  const parent = el.parentNode;
   if (parent) {
     isScrollElement(parent) && parents.push(parent);
     return getAllScrollParents(parent, parents);
   }
   return parents;
 };
-var getOffsetRect = function getOffsetRect(el) {
-  var elementRect = {
+const getOffsetRect = (el) => {
+  let elementRect = {
     width: el.offsetWidth,
     height: el.offsetHeight,
     left: el.offsetLeft,
@@ -239,112 +199,99 @@ var getOffsetRect = function getOffsetRect(el) {
   return elementRect;
 };
 function Popper(reference, popper, options) {
-  var _this = this;
   this._reference = getRealElement(reference);
   this.state = {};
-  var isNotDefined = typeof popper === 'undefined' || popper === null;
-  var isConfig = popper && Object.prototype.toString.call(popper) === '[object Object]';
+  let isNotDefined = typeof popper === "undefined" || popper === null;
+  let isConfig = popper && Object.prototype.toString.call(popper) === "[object Object]";
   if (isNotDefined || isConfig) {
     this._popper = this.parse(isConfig ? popper : {});
   } else {
     this._popper = getRealElement(popper);
   }
-  this._options = _objectSpread(_objectSpread({}, DEFAULTS), options);
-  this._options.modifiers = this._options.modifiers.map(function (modifier) {
-    if (~_this._options.modifiersIgnored.indexOf(modifier)) {
-      return undefined;
+  this._options = __spreadValues(__spreadValues({}, DEFAULTS), options);
+  this._options.modifiers = this._options.modifiers.map((modifier) => {
+    if (~this._options.modifiersIgnored.indexOf(modifier)) {
+      return void 0;
     }
-    if (modifier === 'applyStyle') {
-      _this._popper.setAttribute('x-placement', _this._options.placement);
+    if (modifier === "applyStyle") {
+      this._popper.setAttribute("x-placement", this._options.placement);
     }
-    return _this.modifiers[modifier] || modifier;
+    return this.modifiers[modifier] || modifier;
   });
   this.state.position = this._getPosition(this._popper, this._reference);
-  setStyle(this._popper, {
-    position: this.state.position,
-    top: 0
-  });
+  setStyle(this._popper, { position: this.state.position, top: 0 });
   this.update();
   this._setupEventListeners();
   this._oldreference = this._reference;
   this._oldreference._popper = this._popper.style || {};
   return this;
 }
-Popper.prototype.destroy = function () {
-  this._popper.removeAttribute('x-placement');
-  var popperStyle = this._reference === this._oldreference && this._oldreference._popper || {};
-  this._popper.style.position = '';
-  this._popper.style.top = popperStyle.top || '';
-  this._popper.style.left = popperStyle.left || '';
-  this._popper.style[getSupportedPropertyName('transform')] = '';
+Popper.prototype.destroy = function() {
+  this._popper.removeAttribute("x-placement");
+  const popperStyle = this._reference === this._oldreference && this._oldreference._popper || {};
+  this._popper.style.position = "";
+  this._popper.style.top = popperStyle.top || "";
+  this._popper.style.left = popperStyle.left || "";
+  this._popper.style[getSupportedPropertyName("transform")] = "";
   this._removeEventListeners();
   this._options.removeOnDestroy && this._popper.remove();
   return this;
 };
-Popper.prototype.onCreate = function (callback) {
+Popper.prototype.onCreate = function(callback) {
   callback(this);
   return this;
 };
-Popper.prototype.onUpdate = function (callback) {
+Popper.prototype.onUpdate = function(callback) {
   this.state.updateCallback = callback;
   return this;
 };
-Popper.prototype.update = function () {
-  var data = {
-    instance: this,
-    styles: {}
-  };
+Popper.prototype.update = function() {
+  let data = { instance: this, styles: {} };
   this.popperOuterSize = null;
   data.placement = data._originalPlacement = this._options.placement;
   data.offsets = this._getOffsets(this._popper, this._reference, data.placement);
   data.boundaries = this._getBoundaries(data, this._options.boundariesPadding, this._options.boundariesElement);
   data = this.runModifiers(data, this._options.modifiers);
-  typeof this.state.updateCallback === 'function' && this.state.updateCallback(data);
+  typeof this.state.updateCallback === "function" && this.state.updateCallback(data);
 };
-Popper.prototype.parse = function (config) {
-  var defaultConfig = {
+Popper.prototype.parse = function(config) {
+  let defaultConfig = {
     attributes: [],
-    arrowTagName: 'div',
-    arrowClassNames: ['popper__arrow'],
-    arrowAttributes: ['x-arrow'],
-    classNames: ['popper'],
-    content: '',
-    contentType: 'text',
+    arrowTagName: "div",
+    arrowClassNames: ["popper__arrow"],
+    arrowAttributes: ["x-arrow"],
+    classNames: ["popper"],
+    content: "",
+    contentType: "text",
     parent: win.document.body,
-    tagName: 'div'
+    tagName: "div"
   };
-  config = _objectSpread(_objectSpread({}, defaultConfig), config);
-  var _config = config,
-    tagName = _config.tagName,
-    classNames = _config.classNames,
-    attributes = _config.attributes,
-    contentType = _config.contentType,
-    content = _config.content,
-    arrowTagName = _config.arrowTagName;
-  var docEl = win.document;
-  var popper = docEl.createElement(tagName);
+  config = __spreadValues(__spreadValues({}, defaultConfig), config);
+  const { tagName, classNames, attributes, contentType, content, arrowTagName } = config;
+  let docEl = win.document;
+  let popper = docEl.createElement(tagName);
   addClassNames(popper, classNames);
   addAttributes(popper, attributes);
-  if (contentType === 'node') {
+  if (contentType === "node") {
     popper.appendChild(getRealElement(content));
-  } else if (contentType === 'html') {
+  } else if (contentType === "html") {
     popper.innerHTML = xss.filterHtml(content);
   } else {
     popper.textContent = content;
   }
   if (arrowTagName) {
-    var arrow = docEl.createElement(arrowTagName);
+    let arrow = docEl.createElement(arrowTagName);
     addClassNames(arrow, config.arrowClassNames);
     addAttributes(arrow, config.arrowAttributes);
     popper.appendChild(arrow);
   }
-  var parent = getRealElement(config.parent);
-  if (typeof parent === 'string') {
+  let parent = getRealElement(config.parent);
+  if (typeof parent === "string") {
     parent = docEl.querySelectorAll(config.parent);
     if (parent && parent.length) {
       parent = parent[0];
     } else {
-      throw new Error('ERROR: the given `parent` does not exists!');
+      throw new Error("ERROR: the given `parent` does not exists!");
     }
   }
   if (parent.length > 1 && parent instanceof Element === false) {
@@ -353,33 +300,31 @@ Popper.prototype.parse = function (config) {
   parent.appendChild(popper);
   return popper;
 };
-Popper.prototype._getPosition = function (popper, reference) {
-  var container = getOffsetParent(reference);
+Popper.prototype._getPosition = function(popper, reference) {
+  let container = getOffsetParent(reference);
   if (this._options.forceAbsolute) {
-    return 'absolute';
+    return "absolute";
   }
-  var isParentFixed = isFixed(reference, container);
-  return isParentFixed ? 'fixed' : 'absolute';
+  let isParentFixed = isFixed(reference, container);
+  return isParentFixed ? "fixed" : "absolute";
 };
-Popper.prototype._getOffsets = function (popper, reference, placement) {
-  placement = placement.split('-')[0];
-  var popperOffsets = {};
+Popper.prototype._getOffsets = function(popper, reference, placement) {
+  placement = placement.split("-")[0];
+  let popperOffsets = {};
   popperOffsets.position = this.state.position;
-  var isParentFixed = popperOffsets.position === 'fixed';
-  var referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
-  var _ref = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(popper),
-    width = _ref.width,
-    height = _ref.height;
-  if (~['right', 'left'].indexOf(placement)) {
+  let isParentFixed = popperOffsets.position === "fixed";
+  let referenceOffsets = getOffsetRectRelativeToCustomParent(reference, getOffsetParent(popper), isParentFixed);
+  let { width, height } = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(popper);
+  if (~["right", "left"].indexOf(placement)) {
     popperOffsets.top = referenceOffsets.top + referenceOffsets.height / 2 - height / 2;
-    if (placement === 'left') {
+    if (placement === "left") {
       popperOffsets.left = referenceOffsets.left - width;
     } else {
       popperOffsets.left = referenceOffsets.right;
     }
   } else {
     popperOffsets.left = referenceOffsets.left + referenceOffsets.width / 2 - width / 2;
-    if (placement === 'top') {
+    if (placement === "top") {
       popperOffsets.top = referenceOffsets.top - height;
     } else {
       popperOffsets.top = referenceOffsets.bottom;
@@ -392,64 +337,55 @@ Popper.prototype._getOffsets = function (popper, reference, placement) {
     reference: referenceOffsets
   };
 };
-Popper.prototype._setupEventListeners = function () {
-  var _this2 = this;
+Popper.prototype._setupEventListeners = function() {
   this.state.updateBound = this.update.bind(this);
-  on(win, 'resize', this.state.updateBound);
-  if (this._options.boundariesElement !== 'window') {
-    var target = getScrollParent(this._reference);
+  on(win, "resize", this.state.updateBound);
+  if (this._options.boundariesElement !== "window") {
+    let target = getScrollParent(this._reference);
     if (target === win.document.body || target === win.document.documentElement) {
       target = win;
     }
     this.state.scrollTarget = target;
     if (this._options.bubbling || PopupManager.globalScroll) {
-      var targets = getAllScrollParents(this._reference);
+      let targets = getAllScrollParents(this._reference);
       this.state.scrollTargets = targets || [];
-      targets.forEach(function (target) {
-        on(target, 'scroll', _this2.state.updateBound);
+      targets.forEach((target2) => {
+        on(target2, "scroll", this.state.updateBound);
       });
     } else {
-      on(target, 'scroll', this.state.updateBound);
+      on(target, "scroll", this.state.updateBound);
     }
   }
 };
-Popper.prototype._removeEventListeners = function () {
-  var _this3 = this;
-  off(win, 'resize', this.state.updateBound);
-  if (this._options.boundariesElement !== 'window' && this.state.scrollTarget) {
-    off(this.state.scrollTarget, 'scroll', this.state.updateBound);
+Popper.prototype._removeEventListeners = function() {
+  off(win, "resize", this.state.updateBound);
+  if (this._options.boundariesElement !== "window" && this.state.scrollTarget) {
+    off(this.state.scrollTarget, "scroll", this.state.updateBound);
     this.state.scrollTarget = null;
     if (this._options.bubbling || PopupManager.globalScroll) {
-      var targets = this.state.scrollTargets || [];
-      targets.forEach(function (target) {
-        off(target, 'scroll', _this3.state.updateBound);
+      let targets = this.state.scrollTargets || [];
+      targets.forEach((target) => {
+        off(target, "scroll", this.state.updateBound);
       });
       this.state.scrollTargets = null;
     }
   }
   this.state.updateBound = null;
 };
-Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
-  var boundaries = {};
-  if (boundariesElement === 'window') {
-    var body = win.document.body;
-    var html = win.document.documentElement;
-    var _getMaxWH = getMaxWH(body, html),
-      width = _getMaxWH.width,
-      height = _getMaxWH.height;
-    boundaries = {
-      top: 0,
-      right: width,
-      bottom: height,
-      left: 0
-    };
-  } else if (boundariesElement === 'viewport') {
-    var offsetParent = getOffsetParent(this._popper);
-    var scrollParent = getScrollParent(this._popper);
-    var offsetParentRect = getOffsetRect(offsetParent);
-    var _isFixed = data.offsets.popper.position === 'fixed';
-    var scrollTop = _isFixed ? 0 : getScrollTopValue(scrollParent);
-    var scrollLeft = _isFixed ? 0 : getScrollLeftValue(scrollParent);
+Popper.prototype._getBoundaries = function(data, padding, boundariesElement) {
+  let boundaries = {};
+  if (boundariesElement === "window") {
+    let body = win.document.body;
+    let html = win.document.documentElement;
+    let { width, height } = getMaxWH(body, html);
+    boundaries = { top: 0, right: width, bottom: height, left: 0 };
+  } else if (boundariesElement === "viewport") {
+    let offsetParent = getOffsetParent(this._popper);
+    let scrollParent = getScrollParent(this._popper);
+    let offsetParentRect = getOffsetRect(offsetParent);
+    let isFixed2 = data.offsets.popper.position === "fixed";
+    let scrollTop = isFixed2 ? 0 : getScrollTopValue(scrollParent);
+    let scrollLeft = isFixed2 ? 0 : getScrollLeftValue(scrollParent);
     boundaries = {
       top: 0 - (offsetParentRect.top - scrollTop),
       right: win.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
@@ -458,8 +394,7 @@ Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
     };
   } else {
     if (getOffsetParent(this._popper) === boundariesElement) {
-      var clientWidth = boundariesElement.clientWidth,
-        clientHeight = boundariesElement.clientHeight;
+      const { clientWidth, clientHeight } = boundariesElement;
       boundaries = {
         right: clientWidth,
         bottom: clientHeight,
@@ -476,138 +411,107 @@ Popper.prototype._getBoundaries = function (data, padding, boundariesElement) {
   boundaries.top = boundaries.top + padding;
   return boundaries;
 };
-Popper.prototype.isModifierRequired = function (requesting, requested) {
-  var index = getArrayKeyIndex(this._options.modifiers, requesting);
-  return !!this._options.modifiers.slice(0, index).filter(function (modifier) {
-    return modifier === requested;
-  }).length;
-};
-Popper.prototype.runModifiers = function (data, modifiers, ends) {
-  var _this4 = this;
-  var modifiersToRun = modifiers.slice();
-  var _options = this._options;
-  if (ends !== undefined) {
+Popper.prototype.isModifierRequired = function(requesting, requested) {
+  let index = getArrayKeyIndex(this._options.modifiers, requesting);
+  return !!this._options.modifiers.slice(0, index).filter((modifier) => modifier === requested).length;
+};
+Popper.prototype.runModifiers = function(data, modifiers2, ends) {
+  let modifiersToRun = modifiers2.slice();
+  const _options = this._options;
+  if (ends !== void 0) {
     modifiersToRun = _options.modifiers.slice(0, getArrayKeyIndex(_options.modifiers, ends));
   }
-  modifiersToRun.forEach(function (modifier) {
-    if (typeOf(modifier) === 'function') {
-      data = modifier.call(_this4, data);
+  modifiersToRun.forEach((modifier) => {
+    if (typeOf(modifier) === "function") {
+      data = modifier.call(this, data);
     }
   });
   return data;
 };
 Popper.prototype.modifiers = {};
-Popper.prototype.modifiers.applyStyle = function (data) {
-  var styles = {
-    position: data.offsets.popper.position
-  };
-  var left = Math.round(data.offsets.popper.left);
-  var top = Math.round(data.offsets.popper.top);
-  var prefixedProperty;
-  if (this._options.gpuAcceleration && (prefixedProperty = getSupportedPropertyName('transform'))) {
-    styles[prefixedProperty] = "translate3d(".concat(left, "px, ").concat(top, "px, 0)");
-    Object.assign(styles, {
-      top: 0,
-      left: 0
-    });
+Popper.prototype.modifiers.applyStyle = function(data) {
+  let styles = { position: data.offsets.popper.position };
+  let left = Math.round(data.offsets.popper.left);
+  let top = Math.round(data.offsets.popper.top);
+  let prefixedProperty;
+  if (this._options.gpuAcceleration && (prefixedProperty = getSupportedPropertyName("transform"))) {
+    styles[prefixedProperty] = `translate3d(${left}px, ${top}px, 0)`;
+    Object.assign(styles, { top: 0, left: 0 });
   } else {
-    Object.assign(styles, {
-      top: top,
-      left: left
-    });
+    Object.assign(styles, { top, left });
   }
   Object.assign(styles, data.styles);
   setStyle(this._popper, styles);
-  this._popper.setAttribute('x-placement', data.placement);
-  var modifiers = this.modifiers;
-  if (this.isModifierRequired(modifiers.applyStyle, modifiers.arrow) && data.offsets.arrow) {
+  this._popper.setAttribute("x-placement", data.placement);
+  const modifiers2 = this.modifiers;
+  if (this.isModifierRequired(modifiers2.applyStyle, modifiers2.arrow) && data.offsets.arrow) {
     setStyle(data.arrowElement, data.offsets.arrow);
   }
   return data;
 };
-Popper.prototype.modifiers.shift = function (data) {
-  var placement = data.placement;
-  var basePlacement = placement.split('-')[0];
-  var shiftVariation = placement.split('-')[1];
+Popper.prototype.modifiers.shift = function(data) {
+  let placement = data.placement;
+  let basePlacement = placement.split("-")[0];
+  let shiftVariation = placement.split("-")[1];
   if (shiftVariation) {
-    var _data$offsets$referen = data.offsets.reference,
-      top = _data$offsets$referen.top,
-      left = _data$offsets$referen.left,
-      height = _data$offsets$referen.height,
-      width = _data$offsets$referen.width;
-    var popper = getPopperClientRect(data.offsets.popper);
-    var shiftOffsets = {
+    let { top, left, height, width } = data.offsets.reference;
+    let popper = getPopperClientRect(data.offsets.popper);
+    let shiftOffsets = {
       y: {
-        start: {
-          top: top
-        },
-        end: {
-          top: top + height - popper.height
-        }
+        start: { top },
+        end: { top: top + height - popper.height }
       },
       x: {
-        start: {
-          left: left
-        },
-        end: {
-          left: left + width - popper.width
-        }
+        start: { left },
+        end: { left: left + width - popper.width }
       }
     };
-    var axis = ~['bottom', 'top'].indexOf(basePlacement) ? 'x' : 'y';
+    let axis = ~["bottom", "top"].indexOf(basePlacement) ? "x" : "y";
     data.offsets.popper = Object.assign(popper, shiftOffsets[axis][shiftVariation]);
   }
   return data;
 };
-Popper.prototype.modifiers.preventOverflow = function (data) {
-  var order = this._options.preventOverflowOrder;
-  var popper = getPopperClientRect(data.offsets.popper);
-  var check = {
-    top: function top() {
-      var top = popper.top;
+Popper.prototype.modifiers.preventOverflow = function(data) {
+  let order = this._options.preventOverflowOrder;
+  let popper = getPopperClientRect(data.offsets.popper);
+  let check = {
+    top: () => {
+      let { top } = popper;
       if (top < data.boundaries.top) {
         top = Math.max(top, data.boundaries.top);
       }
-      return {
-        top: top
-      };
+      return { top };
     },
-    right: function right() {
-      var left = popper.left;
+    right: () => {
+      let { left } = popper;
       if (popper.right > data.boundaries.right) {
         left = Math.min(left, data.boundaries.right - popper.width);
       }
-      return {
-        left: left
-      };
+      return { left };
     },
-    bottom: function bottom() {
-      var top = popper.top;
+    bottom: () => {
+      let { top } = popper;
       if (popper.bottom > data.boundaries.bottom) {
         top = Math.min(top, data.boundaries.bottom - popper.height);
       }
-      return {
-        top: top
-      };
+      return { top };
     },
-    left: function left() {
-      var left = popper.left;
+    left: () => {
+      let { left } = popper;
       if (popper.left < data.boundaries.left) {
         left = Math.max(left, data.boundaries.left);
       }
-      return {
-        left: left
-      };
+      return { left };
     }
   };
-  order.forEach(function (direction) {
+  order.forEach((direction) => {
     data.offsets.popper = Object.assign(popper, check[direction]());
   });
   return data;
 };
-Popper.prototype.modifiers.keepTogether = function (data) {
-  var popper = getPopperClientRect(data.offsets.popper);
-  var reference = data.offsets.reference;
+Popper.prototype.modifiers.keepTogether = function(data) {
+  let popper = getPopperClientRect(data.offsets.popper);
+  let reference = data.offsets.reference;
   if (popper.right < Math.floor(reference.left)) {
     data.offsets.popper.left = Math.floor(reference.left) - popper.width;
   }
@@ -622,94 +526,98 @@ Popper.prototype.modifiers.keepTogether = function (data) {
   }
   return data;
 };
-Popper.prototype.modifiers.flip = function (data) {
-  var _this5 = this;
+Popper.prototype.modifiers.flip = function(data) {
   if (!this.isModifierRequired(this.modifiers.flip, this.modifiers.preventOverflow)) {
     return data;
   }
   if (data.flipped && data.placement === data._originalPlacement) {
     return data;
   }
-  var placements = data.placement.split('-');
-  var placement = placements[0];
-  var placementOpposite = getOppositePlacement(placement);
-  var variation = placements[1] || '';
-  var flipOrderArr = [];
-  if (this._options.flipBehavior === 'flip') {
+  const placements = data.placement.split("-");
+  let placement = placements[0];
+  let placementOpposite = getOppositePlacement(placement);
+  let variation = placements[1] || "";
+  let flipOrderArr = [];
+  if (this._options.flipBehavior === "flip") {
     flipOrderArr = [placement, placementOpposite];
   } else {
     flipOrderArr = this._options.flipBehavior;
   }
-  flipOrderArr.forEach(function (step, index) {
+  flipOrderArr.forEach((step, index) => {
     if (placement !== step || flipOrderArr.length === index + 1) {
       return;
     }
-    placement = data.placement.split('-')[0];
+    placement = data.placement.split("-")[0];
     placementOpposite = getOppositePlacement(placement);
-    var popperOffsets = getPopperClientRect(data.offsets.popper);
-    var a = ~['right', 'bottom'].indexOf(placement);
-    var p = Math.floor(data.offsets.reference[placement]);
-    var po = Math.floor(popperOffsets[placementOpposite]);
+    let popperOffsets = getPopperClientRect(data.offsets.popper);
+    let a = ~["right", "bottom"].indexOf(placement);
+    let p = Math.floor(data.offsets.reference[placement]);
+    let po = Math.floor(popperOffsets[placementOpposite]);
     if (a && p > po || !a && p < po) {
       data.flipped = true;
       data.placement = flipOrderArr[index + 1];
       if (variation) {
-        data.placement += "-".concat(variation);
+        data.placement += `-${variation}`;
       }
-      data.offsets.popper = _this5._getOffsets(_this5._popper, _this5._reference, data.placement).popper;
-      data = _this5.runModifiers(data, _this5._options.modifiers, _this5._flip);
+      data.offsets.popper = this._getOffsets(this._popper, this._reference, data.placement).popper;
+      data = this.runModifiers(data, this._options.modifiers, this._flip);
     }
   });
   return data;
 };
-Popper.prototype.modifiers.offset = function (data) {
-  var offset = this._options.offset;
-  var popper = data.offsets.popper;
-  if (~data.placement.indexOf('left')) {
+Popper.prototype.modifiers.offset = function(data) {
+  let offset = this._options.offset;
+  let popper = data.offsets.popper;
+  if (~data.placement.indexOf("left")) {
     popper.top -= offset;
-  } else if (~data.placement.indexOf('right')) {
+  } else if (~data.placement.indexOf("right")) {
     popper.top += offset;
-  } else if (~data.placement.indexOf('top')) {
+  } else if (~data.placement.indexOf("top")) {
     popper.left -= offset;
-  } else if (~data.placement.indexOf('bottom')) {
+  } else if (~data.placement.indexOf("bottom")) {
     popper.left += offset;
   }
   return data;
 };
-Popper.prototype.modifiers.arrow = function (data) {
-  var arrow = this._options.arrowElement;
-  var arrowOffset = this._options.arrowOffset;
-  if (typeof arrow === 'string') {
+Popper.prototype.modifiers.arrow = function(data) {
+  let arrow = this._options.arrowElement;
+  let arrowOffset = this._options.arrowOffset;
+  if (typeof arrow === "string") {
     arrow = this._popper.querySelector(arrow);
   }
   if (!arrow || !this._popper.contains(arrow) || !this.isModifierRequired(this.modifiers.arrow, this.modifiers.keepTogether)) {
     return data;
   }
-  var arrowStyle = {};
-  var placement = data.placement.split('-')[0];
-  var popper = getPopperClientRect(data.offsets.popper);
-  var reference = data.offsets.reference;
-  var isVertical = ~['left', 'right'].indexOf(placement);
-  var len = isVertical ? 'height' : 'width';
-  var opSide = isVertical ? 'bottom' : 'right';
-  var altSide = isVertical ? 'left' : 'top';
-  var side = isVertical ? 'top' : 'left';
-  var popperRect = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(this._popper);
-  var arrowRect = getOuterSizes(arrow);
-  var arrowSize = arrowRect[len];
+  let arrowStyle = {};
+  let placement = data.placement.split("-")[0];
+  let popper = getPopperClientRect(data.offsets.popper);
+  let reference = data.offsets.reference;
+  let isVertical = ~["left", "right"].indexOf(placement);
+  let len = isVertical ? "height" : "width";
+  let opSide = isVertical ? "bottom" : "right";
+  let altSide = isVertical ? "left" : "top";
+  let side = isVertical ? "top" : "left";
+  let popperRect = this.popperOuterSize ? this.popperOuterSize : this.popperOuterSize = getOuterSizes(this._popper);
+  let arrowRect = getOuterSizes(arrow);
+  let arrowSize = arrowRect[len];
   if (reference[opSide] - arrowSize < popper[side]) {
     data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowSize);
   }
   if (reference[side] + arrowSize > popper[opSide]) {
     data.offsets.popper[side] += reference[side] + arrowSize - popper[opSide];
   }
-  var center = reference[side] + (arrowOffset || reference[len] / 2 - arrowSize / 2);
-  var sideValue = center - popper[side];
+  let center = reference[side] + (arrowOffset || reference[len] / 2 - arrowSize / 2);
+  let sideValue = center - popper[side];
   sideValue = Math.max(Math.min(popper[len] - arrowSize - 8, sideValue), 8);
   arrowStyle[side] = sideValue;
-  arrowStyle[altSide] = '';
+  arrowStyle[altSide] = "";
   data.offsets.arrow = adjustArrowStyle(arrowStyle, side, arrowRect, popperRect, this._options);
   data.arrowElement = arrow;
   return data;
 };
-export default Popper;
+var popper_default = Popper;
+export {
+  popper_default as default,
+  getAllScrollParents,
+  getScrollParent
+};