shepherdjs_rails 2.3.2 → 2.4.0

data/vendor/assets/javascripts/shepherd.esm.js

@@ -1,4 +1,4 @@
-/*! shepherd.js 2.3.2 */
+/*! shepherd.js 2.4.0 */
 
 function _typeof(obj) {
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
@@ -1763,7 +1763,7 @@ function zipObject(props, values) {
 
 /**!
  * @fileOverview Kickass library to create and place poppers near their reference elements.
- * @version 1.14.6
+ * @version 1.14.7
  * @license
  * Copyright (c) 2016 Federico Zivolo and contributors
  *
@@ -2331,7 +2331,11 @@ function isFixed(element) {
   if (getStyleComputedProperty(element, 'position') === 'fixed') {
     return true;
   }
-  return isFixed(getParentNode(element));
+  var parentNode = getParentNode(element);
+  if (!parentNode) {
+    return false;
+  }
+  return isFixed(parentNode);
 }
 
 /**
@@ -2987,18 +2991,23 @@ 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 isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
-  var isVariation = data.placement.indexOf('-') !== -1;
-  var sameWidthOddness = reference.width % 2 === popper.width % 2;
-  var bothOddWidth = reference.width % 2 === 1 && popper.width % 2 === 1;
   var noRound = function noRound(v) {
     return v;
   };
 
-  var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthOddness ? Math.round : Math.floor;
-  var verticalToInteger = !shouldRound ? noRound : Math.round;
+  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),
@@ -4331,23 +4340,37 @@ Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
 Popper.placements = placements;
 Popper.Defaults = Defaults;
 
-/*!
-* Tippy.js v3.4.1
+/**!
+* tippy.js v4.0.1
 * (c) 2017-2019 atomiks
-* MIT
+* MIT License
 */
 
-var version = "3.4.1";
+var css = ".tippy-iOS{cursor:pointer!important}.tippy-notransition{transition:none}.tippy-popper{transition-timing-function:cubic-bezier(.165,.84,.44,1);max-width:calc(100% - 10px);pointer-events:none;outline:0}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-8px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;bottom:-7px;margin:0 6px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateY(-10px) rotateX(0);transform:perspective(700px) translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateY(0) rotateX(60deg);transform:perspective(700px) translateY(0) rotateX(60deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px) scale(.5);transform:translateY(-10px) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-8px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;top:-7px;margin:0 6px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateY(10px) rotateX(0);transform:perspective(700px) translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateY(0) rotateX(-60deg);transform:perspective(700px) translateY(0) rotateX(-60deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px) scale(.5);transform:translateY(10px) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-16px;-webkit-transform-origin:33.33333333% 50%;transform-origin:33.33333333% 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-7px;margin:3px 0;-webkit-transform-origin:0 50%;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateX(-10px) rotateY(0);transform:perspective(700px) translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateX(0) rotateY(-60deg);transform:perspective(700px) translateX(0) rotateY(-60deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px) scale(.5);transform:translateX(-10px) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-16px;-webkit-transform-origin:66.66666666% 50%;transform-origin:66.66666666% 50%}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;left:-7px;margin:3px 0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateX(10px) rotateY(0);transform:perspective(700px) translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateX(0) rotateY(60deg);transform:perspective(700px) translateX(0) rotateY(60deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px) scale(.5);transform:translateX(10px) scale(.5)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;line-height:1.4;text-align:center;will-change:transform;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-tooltip[data-inertia][data-state=hidden]{transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:24px;height:8px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:\"\";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}";
 
-var isBrowser$1 = typeof window !== 'undefined';
+function _extends$2() {
+  _extends$2 = 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];
+        }
+      }
+    }
 
-var nav = isBrowser$1 ? navigator : {};
-var win = isBrowser$1 ? window : {};
+    return target;
+  };
+
+  return _extends$2.apply(this, arguments);
+}
 
+var version = "4.0.1";
 
-var isIE$1 = /MSIE |Trident\//.test(nav.userAgent);
-var isIOS = /iPhone|iPad|iPod/.test(nav.platform) && !win.MSStream;
-var supportsTouch = 'ontouchstart' in win;
+var isBrowser$1 = typeof window !== 'undefined';
+var isIE$1 = isBrowser$1 && /MSIE |Trident\//.test(navigator.userAgent);
+var isIOS = isBrowser$1 && /iPhone|iPad|iPod/.test(navigator.platform) && !window.MSStream;
 
 var Defaults$1 = {
   a11y: true,
@@ -4359,9 +4382,7 @@ var Defaults$1 = {
   },
   aria: 'describedby',
   arrow: false,
-  arrowTransform: '',
   arrowType: 'sharp',
-  autoFocus: true,
   boundary: 'scrollParent',
   content: '',
   delay: [0, 20],
@@ -4369,15 +4390,16 @@ var Defaults$1 = {
   duration: [325, 275],
   flip: true,
   flipBehavior: 'flip',
+  flipOnUpdate: false,
   followCursor: false,
   hideOnClick: true,
+  ignoreAttributes: false,
   inertia: false,
   interactive: false,
   interactiveBorder: 2,
   interactiveDebounce: 0,
   lazy: true,
-  livePlacement: true,
-  maxWidth: '',
+  maxWidth: 350,
   multiple: false,
   offset: 0,
   onHidden: function onHidden() {},
@@ -4385,13 +4407,9 @@ var Defaults$1 = {
   onMount: function onMount() {},
   onShow: function onShow() {},
   onShown: function onShown() {},
-
-  performance: false,
   placement: 'top',
   popperOptions: {},
-  shouldPopperHideOnBlur: function shouldPopperHideOnBlur() {
-    return true;
-  },
+  role: 'tooltip',
   showOnInit: false,
   size: 'regular',
   sticky: false,
@@ -4400,15 +4418,16 @@ var Defaults$1 = {
   touch: true,
   touchHold: false,
   trigger: 'mouseenter focus',
-  updateDuration: 200,
+  updateDuration: 0,
   wait: null,
   zIndex: 9999
-
   /**
    * If the set() method encounters one of these, the popperInstance must be
    * recreated
    */
-};var POPPER_INSTANCE_RELATED_PROPS = ['arrow', 'arrowType', 'distance', 'flip', 'flipBehavior', 'offset', 'placement', 'popperOptions'];
+
+};
+var POPPER_INSTANCE_DEPENDENCIES = ['arrow', 'arrowType', 'boundary', 'distance', 'flip', 'flipBehavior', 'flipOnUpdate', 'offset', 'placement', 'popperOptions'];
 
 var Selectors = {
   POPPER: '.tippy-popper',
@@ -4420,40 +4439,40 @@ var Selectors = {
 };
 
 var elementProto = isBrowser$1 ? Element.prototype : {};
-
 var matches = elementProto.matches || elementProto.matchesSelector || elementProto.webkitMatchesSelector || elementProto.mozMatchesSelector || elementProto.msMatchesSelector;
-
 /**
  * Ponyfill for Array.from - converts iterable values to an array
  * @param {Array-like} value
  * @return {Array}
  */
+
 function arrayFrom(value) {
   return [].slice.call(value);
 }
-
 /**
  * Ponyfill for Element.prototype.closest
  * @param {Element} element
  * @param {String} parentSelector
  * @return {Element}
  */
+
 function closest(element, parentSelector) {
   return (elementProto.closest || function (selector) {
     var el = this;
+
     while (el) {
       if (matches.call(el, selector)) return el;
       el = el.parentElement;
     }
   }).call(element, parentSelector);
 }
-
 /**
  * Works like Element.prototype.closest, but uses a callback instead
  * @param {Element} element
  * @param {Function} callback
  * @return {Element}
  */
+
 function closestCallback(element, callback) {
   while (element) {
     if (callback(element)) return element;
@@ -4461,30 +4480,166 @@ function closestCallback(element, callback) {
   }
 }
 
-var PASSIVE = { passive: true };
+/**
+ * Determines if a value is a plain object
+ * @param {any} value
+ * @return {Boolean}
+ */
+
+function isPlainObject$1(value) {
+  return {}.toString.call(value) === '[object Object]';
+}
+/**
+ * Safe .hasOwnProperty check, for prototype-less objects
+ * @param {Object} obj
+ * @param {String} key
+ * @return {Boolean}
+ */
+
+function hasOwnProperty$8(obj, key) {
+  return {}.hasOwnProperty.call(obj, key);
+}
+/**
+ * Returns an array of elements based on the value
+ * @param {any} value
+ * @return {Array}
+ */
+
+function getArrayOfElements(value) {
+  if (isSingular(value)) {
+    return [value];
+  }
+
+  if (value instanceof NodeList) {
+    return arrayFrom(value);
+  }
+
+  if (Array.isArray(value)) {
+    return value;
+  }
+
+  try {
+    return arrayFrom(document.querySelectorAll(value));
+  } catch (e) {
+    return [];
+  }
+}
+/**
+ * Returns a value at a given index depending on if it's an array or number
+ * @param {any} value
+ * @param {Number} index
+ * @param {any} defaultValue
+ */
+
+function getValue$1(value, index, defaultValue) {
+  if (Array.isArray(value)) {
+    var v = value[index];
+    return v == null ? defaultValue : v;
+  }
+
+  return value;
+}
+/**
+ * Debounce utility
+ * @param {Function} fn
+ * @param {Number} ms
+ */
+
+function debounce$1(fn, ms) {
+  var timeoutId;
+  return function () {
+    var _this = this,
+        _arguments = arguments;
+
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(function () {
+      return fn.apply(_this, _arguments);
+    }, ms);
+  };
+}
+/**
+ * Prevents errors from being thrown while accessing nested modifier objects
+ * in `popperOptions`
+ * @param {Object} obj
+ * @param {String} key
+ * @return {Object|undefined}
+ */
+
+function getModifier(obj, key) {
+  return obj && obj.modifiers && obj.modifiers[key];
+}
+/**
+ * Determines if an array or string includes a value
+ * @param {Array|String} a
+ * @param {any} b
+ * @return {Boolean}
+ */
+
+function includes(a, b) {
+  return a.indexOf(b) > -1;
+}
+/**
+ * Determines if the value is singular-like
+ * @param {any} value
+ * @return {Boolean}
+ */
+
+function isSingular(value) {
+  return isPlainObject$1(value) || value instanceof Element;
+}
+/**
+ * Tricking bundlers, linters, and minifiers
+ * @return {String}
+ */
+
+function innerHTML() {
+  return 'innerHTML';
+}
+/**
+ * Evaluates a function if one, or returns the value
+ * @param {any} value
+ * @param {any[]} args
+ * @return {Boolean}
+ */
+
+function evaluateValue(value, args) {
+  return typeof value === 'function' ? value.apply(null, args) : value;
+}
+/**
+ * Sets a popperInstance `flip` modifier's enabled state
+ * @param {Object[]} modifiers
+ * @param {any} value
+ */
+
+function setFlipModifierEnabled(modifiers, value) {
+  modifiers.filter(function (m) {
+    return m.name === 'flip';
+  })[0].enabled = value;
+}
 
 /**
  * Returns a new `div` element
  * @return {HTMLDivElement}
  */
+
 function div() {
   return document.createElement('div');
 }
-
 /**
  * Sets the innerHTML of an element while tricking linters & minifiers
  * @param {HTMLElement} el
  * @param {Element|String} html
  */
+
 function setInnerHTML(el, html) {
-  el['innerHTML'] = html instanceof Element ? html['innerHTML'] : html;
+  el[innerHTML()] = html instanceof Element ? html[innerHTML()] : html;
 }
-
 /**
  * Sets the content of a tooltip
  * @param {HTMLElement} contentEl
  * @param {Object} props
  */
+
 function setContent(contentEl, props) {
   if (props.content instanceof Element) {
     setInnerHTML(contentEl, '');
@@ -4493,11 +4648,11 @@ function setContent(contentEl, props) {
     contentEl[props.allowHTML ? 'innerHTML' : 'textContent'] = props.content;
   }
 }
-
 /**
  * Returns the child elements of a popper element
  * @param {HTMLElement} popper
  */
+
 function getChildren(popper) {
   return {
     tooltip: popper.querySelector(Selectors.TOOLTIP),
@@ -4506,105 +4661,107 @@ function getChildren(popper) {
     arrow: popper.querySelector(Selectors.ARROW) || popper.querySelector(Selectors.ROUND_ARROW)
   };
 }
-
 /**
  * Adds `data-inertia` attribute
  * @param {HTMLElement} tooltip
  */
+
 function addInertia(tooltip) {
   tooltip.setAttribute('data-inertia', '');
 }
-
 /**
  * Removes `data-inertia` attribute
  * @param {HTMLElement} tooltip
  */
+
 function removeInertia(tooltip) {
   tooltip.removeAttribute('data-inertia');
 }
-
 /**
  * Creates an arrow element and returns it
  */
+
 function createArrowElement(arrowType) {
   var arrow = div();
+
   if (arrowType === 'round') {
     arrow.className = 'tippy-roundarrow';
     setInnerHTML(arrow, '<svg viewBox="0 0 24 8" xmlns="http://www.w3.org/2000/svg"><path d="M3 8s2.021-.015 5.253-4.218C9.584 2.051 10.797 1.007 12 1c1.203-.007 2.416 1.035 3.761 2.782C19.012 8.005 21 8 21 8H3z"/></svg>');
   } else {
     arrow.className = 'tippy-arrow';
   }
+
   return arrow;
 }
-
 /**
  * Creates a backdrop element and returns it
  */
+
 function createBackdropElement() {
   var backdrop = div();
   backdrop.className = 'tippy-backdrop';
   backdrop.setAttribute('data-state', 'hidden');
   return backdrop;
 }
-
 /**
  * Adds interactive-related attributes
  * @param {HTMLElement} popper
  * @param {HTMLElement} tooltip
  */
+
 function addInteractive(popper, tooltip) {
   popper.setAttribute('tabindex', '-1');
   tooltip.setAttribute('data-interactive', '');
 }
-
 /**
  * Removes interactive-related attributes
  * @param {HTMLElement} popper
  * @param {HTMLElement} tooltip
  */
+
 function removeInteractive(popper, tooltip) {
   popper.removeAttribute('tabindex');
   tooltip.removeAttribute('data-interactive');
 }
-
 /**
  * Applies a transition duration to a list of elements
  * @param {Array} els
  * @param {Number} value
  */
+
 function applyTransitionDuration(els, value) {
   els.forEach(function (el) {
     if (el) {
-      el.style.transitionDuration = value + 'ms';
+      el.style.transitionDuration = "".concat(value, "ms");
     }
   });
 }
-
 /**
  * Add/remove transitionend listener from tooltip
  * @param {Element} tooltip
  * @param {String} action
  * @param {Function} listener
  */
+
 function toggleTransitionEndListener(tooltip, action, listener) {
   tooltip[action + 'EventListener']('transitionend', listener);
 }
-
 /**
  * Returns the popper's placement, ignoring shifting (top-start, etc)
  * @param {Element} popper
  * @return {String}
  */
+
 function getPopperPlacement(popper) {
   var fullPlacement = popper.getAttribute('x-placement');
   return fullPlacement ? fullPlacement.split('-')[0] : '';
 }
-
 /**
  * Sets the visibility state to elements so they can begin to transition
  * @param {Array} els
  * @param {String} state
  */
+
 function setVisibilityState(els, state) {
   els.forEach(function (el) {
     if (el) {
@@ -4612,37 +4769,49 @@ function setVisibilityState(els, state) {
     }
   });
 }
-
 /**
  * Triggers reflow
  * @param {Element} popper
  */
+
 function reflow(popper) {
   void popper.offsetHeight;
 }
+/**
+ * Adds/removes theme from tooltip's classList
+ * @param {HTMLDivElement} tooltip
+ * @param {String} action
+ * @param {String} theme
+ */
 
+function toggleTheme(tooltip, action, theme) {
+  theme.split(' ').forEach(function (themeName) {
+    tooltip.classList[action](themeName + '-theme');
+  });
+}
 /**
  * Constructs the popper element and returns it
  * @param {Number} id
  * @param {Object} props
  */
+
 function createPopperElement(id, props) {
   var popper = div();
   popper.className = 'tippy-popper';
-  popper.setAttribute('role', 'tooltip');
-  popper.id = 'tippy-' + id;
+  popper.id = "tippy-".concat(id);
   popper.style.zIndex = props.zIndex;
 
+  if (props.role) {
+    popper.setAttribute('role', props.role);
+  }
+
   var tooltip = div();
   tooltip.className = 'tippy-tooltip';
   tooltip.style.maxWidth = props.maxWidth + (typeof props.maxWidth === 'number' ? 'px' : '');
   tooltip.setAttribute('data-size', props.size);
   tooltip.setAttribute('data-animation', props.animation);
   tooltip.setAttribute('data-state', 'hidden');
-  props.theme.split(' ').forEach(function (t) {
-    tooltip.classList.add(t + '-theme');
-  });
-
+  toggleTheme(tooltip, 'add', props.theme);
   var content = div();
   content.className = 'tippy-content';
   content.setAttribute('data-state', 'hidden');
@@ -4665,27 +4834,17 @@ function createPopperElement(id, props) {
   }
 
   setContent(content, props);
-
   tooltip.appendChild(content);
   popper.appendChild(tooltip);
-
-  popper.addEventListener('focusout', function (e) {
-    if (e.relatedTarget && popper._tippy && !closestCallback(e.relatedTarget, function (el) {
-      return el === popper;
-    }) && e.relatedTarget !== popper._tippy.reference && popper._tippy.props.shouldPopperHideOnBlur(e)) {
-      popper._tippy.hide();
-    }
-  });
-
   return popper;
 }
-
 /**
  * Updates the popper element based on the new props
  * @param {HTMLElement} popper
  * @param {Object} prevProps
  * @param {Object} nextProps
  */
+
 function updatePopperElement(popper, prevProps, nextProps) {
   var _getChildren = getChildren(popper),
       tooltip = _getChildren.tooltip,
@@ -4698,56 +4857,57 @@ function updatePopperElement(popper, prevProps, nextProps) {
   tooltip.setAttribute('data-animation', nextProps.animation);
   tooltip.style.maxWidth = nextProps.maxWidth + (typeof nextProps.maxWidth === 'number' ? 'px' : '');
 
+  if (nextProps.role) {
+    popper.setAttribute('role', nextProps.role);
+  } else {
+    popper.removeAttribute('role');
+  }
+
   if (prevProps.content !== nextProps.content) {
     setContent(content, nextProps);
-  }
+  } // animateFill
+
 
-  // animateFill
   if (!prevProps.animateFill && nextProps.animateFill) {
     tooltip.appendChild(createBackdropElement());
     tooltip.setAttribute('data-animatefill', '');
   } else if (prevProps.animateFill && !nextProps.animateFill) {
     tooltip.removeChild(backdrop);
     tooltip.removeAttribute('data-animatefill');
-  }
+  } // arrow
+
 
-  // arrow
   if (!prevProps.arrow && nextProps.arrow) {
     tooltip.appendChild(createArrowElement(nextProps.arrowType));
   } else if (prevProps.arrow && !nextProps.arrow) {
     tooltip.removeChild(arrow);
-  }
+  } // arrowType
+
 
-  // arrowType
   if (prevProps.arrow && nextProps.arrow && prevProps.arrowType !== nextProps.arrowType) {
     tooltip.replaceChild(createArrowElement(nextProps.arrowType), arrow);
-  }
+  } // interactive
+
 
-  // interactive
   if (!prevProps.interactive && nextProps.interactive) {
     addInteractive(popper, tooltip);
   } else if (prevProps.interactive && !nextProps.interactive) {
     removeInteractive(popper, tooltip);
-  }
+  } // inertia
+
 
-  // inertia
   if (!prevProps.inertia && nextProps.inertia) {
     addInertia(tooltip);
   } else if (prevProps.inertia && !nextProps.inertia) {
     removeInertia(tooltip);
-  }
+  } // theme
+
 
-  // theme
   if (prevProps.theme !== nextProps.theme) {
-    prevProps.theme.split(' ').forEach(function (theme) {
-      tooltip.classList.remove(theme + '-theme');
-    });
-    nextProps.theme.split(' ').forEach(function (theme) {
-      tooltip.classList.add(theme + '-theme');
-    });
+    toggleTheme(tooltip, 'remove', prevProps.theme);
+    toggleTheme(tooltip, 'add', nextProps.theme);
   }
 }
-
 /**
  * Runs the callback after the popper's position has been updated
  * update() is debounced with Promise.resolve() or setTimeout()
@@ -4755,13 +4915,13 @@ function updatePopperElement(popper, prevProps, nextProps) {
  * @param {Popper} popperInstance
  * @param {Function} callback
  */
+
 function afterPopperPositionUpdates(popperInstance, callback) {
   var popper = popperInstance.popper,
       options = popperInstance.options;
   var onCreate = options.onCreate,
       onUpdate = options.onUpdate;
 
-
   options.onCreate = options.onUpdate = function () {
     reflow(popper);
     callback();
@@ -4770,20 +4930,25 @@ function afterPopperPositionUpdates(popperInstance, callback) {
     options.onUpdate = onUpdate;
   };
 }
-
 /**
- * Hides all visible poppers on the document, optionally excluding one
- * @param {Tippy} tippyInstanceToExclude
+ * Hides all visible poppers on the document
+ * @param {Object} options
  */
-function hideAllPoppers(tippyInstanceToExclude) {
+
+function hideAll() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      checkHideOnClick = _ref.checkHideOnClick,
+      exclude = _ref.exclude,
+      duration = _ref.duration;
+
   arrayFrom(document.querySelectorAll(Selectors.POPPER)).forEach(function (popper) {
-    var tip = popper._tippy;
-    if (tip && tip.props.hideOnClick === true && (!tippyInstanceToExclude || popper !== tippyInstanceToExclude.popper)) {
-      tip.hide();
+    var instance = popper._tippy;
+
+    if (instance && (checkHideOnClick ? instance.props.hideOnClick === true : true) && (!exclude || popper !== exclude.popper)) {
+      instance.hide(duration);
     }
   });
 }
-
 /**
  * Determines if the mouse cursor is outside of the popper's interactive border
  * region
@@ -4792,6 +4957,7 @@ function hideAllPoppers(tippyInstanceToExclude) {
  * @param {MouseEvent} event
  * @param {Object} props
  */
+
 function isCursorOutsideInteractiveBorder(popperPlacement, popperRect, event, props) {
   if (!popperPlacement) {
     return true;
@@ -4801,155 +4967,29 @@ function isCursorOutsideInteractiveBorder(popperPlacement, popperRect, event, pr
       y = event.clientY;
   var interactiveBorder = props.interactiveBorder,
       distance = props.distance;
-
-
   var exceedsTop = popperRect.top - y > (popperPlacement === 'top' ? interactiveBorder + distance : interactiveBorder);
-
   var exceedsBottom = y - popperRect.bottom > (popperPlacement === 'bottom' ? interactiveBorder + distance : interactiveBorder);
-
   var exceedsLeft = popperRect.left - x > (popperPlacement === 'left' ? interactiveBorder + distance : interactiveBorder);
-
   var exceedsRight = x - popperRect.right > (popperPlacement === 'right' ? interactiveBorder + distance : interactiveBorder);
-
   return exceedsTop || exceedsBottom || exceedsLeft || exceedsRight;
 }
-
 /**
  * Returns the distance offset, taking into account the default offset due to
  * the transform: translate() rule in CSS
  * @param {Number} distance
  * @param {Number} defaultDistance
  */
+
 function getOffsetDistanceInPx(distance, defaultDistance) {
   return -(distance - defaultDistance) + 'px';
 }
 
-/**
- * Determines if a value is a plain object
- * @param {any} value
- * @return {Boolean}
- */
-function isPlainObject$1(value) {
-  return {}.toString.call(value) === '[object Object]';
-}
-
-/**
- * Safe .hasOwnProperty check, for prototype-less objects
- * @param {Object} obj
- * @param {String} key
- * @return {Boolean}
- */
-function hasOwnProperty$8(obj, key) {
-  return {}.hasOwnProperty.call(obj, key);
-}
-
-/**
- * Determines if a value is numeric
- * @param {any} value
- * @return {Boolean}
- */
-function isNumeric$1(value) {
-  return !isNaN(value) && !isNaN(parseFloat(value));
-}
-
-/**
- * Returns an array of elements based on the value
- * @param {any} value
- * @return {Array}
- */
-function getArrayOfElements(value) {
-  if (value instanceof Element || isPlainObject$1(value)) {
-    return [value];
-  }
-  if (value instanceof NodeList) {
-    return arrayFrom(value);
-  }
-  if (Array.isArray(value)) {
-    return value;
-  }
-
-  try {
-    return arrayFrom(document.querySelectorAll(value));
-  } catch (e) {
-    return [];
-  }
-}
-
-/**
- * Returns a value at a given index depending on if it's an array or number
- * @param {any} value
- * @param {Number} index
- * @param {any} defaultValue
- */
-function getValue$1(value, index, defaultValue) {
-  if (Array.isArray(value)) {
-    var v = value[index];
-    return v == null ? defaultValue : v;
-  }
-  return value;
-}
-
-/**
- * Focuses an element while preventing a scroll jump if it's not within the
- * viewport
- * @param {Element} el
- */
-function focus(el) {
-  var x = window.scrollX || window.pageXOffset;
-  var y = window.scrollY || window.pageYOffset;
-  el.focus();
-  scroll(x, y);
-}
-
-/**
- * Defers a function's execution until the call stack has cleared
- * @param {Function} fn
- */
-function defer(fn) {
-  setTimeout(fn, 1);
-}
-
-/**
- * Debounce utility
- * @param {Function} fn
- * @param {Number} ms
- */
-function debounce$1(fn, ms) {
-  var timeoutId = void 0;
-  return function () {
-    var _this = this,
-        _arguments = arguments;
-
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(function () {
-      return fn.apply(_this, _arguments);
-    }, ms);
-  };
-}
-
-/**
- * Prevents errors from being thrown while accessing nested modifier objects
- * in `popperOptions`
- * @param {Object} obj
- * @param {String} key
- * @return {Object|undefined}
- */
-function getModifier(obj, key) {
-  return obj && obj.modifiers && obj.modifiers[key];
-}
-
-/**
- * Determines if an array or string includes a value
- * @param {Array|String} a
- * @param {any} b
- * @return {Boolean}
- */
-function includes(a, b) {
-  return a.indexOf(b) > -1;
-}
+var PASSIVE = {
+  passive: true
+};
+var PADDING = 3;
 
 var isUsingTouch = false;
-
 function onDocumentTouch() {
   if (isUsingTouch) {
     return;
@@ -4965,15 +5005,14 @@ function onDocumentTouch() {
     document.addEventListener('mousemove', onDocumentMouseMove);
   }
 }
-
 var lastMouseMoveTime = 0;
 function onDocumentMouseMove() {
-  var now = performance.now();
+  var now = performance.now(); // Chrome 60+ is 1 mousemove per animation frame, use 20ms time difference
 
-  // Chrome 60+ is 1 mousemove per animation frame, use 20ms time difference
   if (now - lastMouseMoveTime < 20) {
     isUsingTouch = false;
     document.removeEventListener('mousemove', onDocumentMouseMove);
+
     if (!isIOS) {
       document.body.classList.remove('tippy-iOS');
     }
@@ -4981,43 +5020,48 @@ function onDocumentMouseMove() {
 
   lastMouseMoveTime = now;
 }
-
 function onDocumentClick(_ref) {
   var target = _ref.target;
 
   // Simulated events dispatched on the document
   if (!(target instanceof Element)) {
-    return hideAllPoppers();
-  }
+    return hideAll();
+  } // Clicked on an interactive popper
+
 
-  // Clicked on an interactive popper
   var popper = closest(target, Selectors.POPPER);
+
   if (popper && popper._tippy && popper._tippy.props.interactive) {
     return;
-  }
+  } // Clicked on a reference
+
 
-  // Clicked on a reference
   var reference = closestCallback(target, function (el) {
     return el._tippy && el._tippy.reference === el;
   });
+
   if (reference) {
-    var tip = reference._tippy;
-    var isClickTrigger = includes(tip.props.trigger, 'click');
+    var instance = reference._tippy;
+    var isClickTrigger = includes(instance.props.trigger, 'click');
 
     if (isUsingTouch || isClickTrigger) {
-      return hideAllPoppers(tip);
+      return hideAll({
+        exclude: instance,
+        checkHideOnClick: true
+      });
     }
 
-    if (tip.props.hideOnClick !== true || isClickTrigger) {
+    if (instance.props.hideOnClick !== true || isClickTrigger) {
       return;
     }
 
-    tip.clearDelayTimeouts();
+    instance.clearDelayTimeouts();
   }
 
-  hideAllPoppers();
+  hideAll({
+    checkHideOnClick: true
+  });
 }
-
 function onWindowBlur() {
   var _document = document,
       activeElement = _document.activeElement;
@@ -5026,49 +5070,35 @@ function onWindowBlur() {
     activeElement.blur();
   }
 }
-
-function onWindowResize() {
-  arrayFrom(document.querySelectorAll(Selectors.POPPER)).forEach(function (popper) {
-    var tippyInstance = popper._tippy;
-    if (!tippyInstance.props.livePlacement) {
-      tippyInstance.popperInstance.scheduleUpdate();
-    }
-  });
-}
-
 /**
  * Adds the needed global event listeners
  */
+
 function bindGlobalEventListeners() {
   document.addEventListener('click', onDocumentClick, true);
   document.addEventListener('touchstart', onDocumentTouch, PASSIVE);
   window.addEventListener('blur', onWindowBlur);
-  window.addEventListener('resize', onWindowResize);
-
-  if (!supportsTouch && (navigator.maxTouchPoints || navigator.msMaxTouchPoints)) {
-    document.addEventListener('pointerdown', onDocumentTouch);
-  }
 }
 
 var keys$1 = Object.keys(Defaults$1);
-
 /**
  * Determines if an element can receive focus
  * @param {Element} el
  * @return {Boolean}
  */
+
 function canReceiveFocus(el) {
   return el instanceof Element ? matches.call(el, 'a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]') && !el.hasAttribute('disabled') : true;
 }
-
 /**
  * Returns an object of optional props from data-tippy-* attributes
  * @param {Element} reference
  * @return {Object}
  */
+
 function getDataAttributeOptions(reference) {
   return keys$1.reduce(function (acc, key) {
-    var valueAsString = (reference.getAttribute('data-tippy-' + key) || '').trim();
+    var valueAsString = (reference.getAttribute("data-tippy-".concat(key)) || '').trim();
 
     if (!valueAsString) {
       return acc;
@@ -5076,28 +5106,24 @@ function getDataAttributeOptions(reference) {
 
     if (key === 'content') {
       acc[key] = valueAsString;
-    } else if (valueAsString === 'true') {
-      acc[key] = true;
-    } else if (valueAsString === 'false') {
-      acc[key] = false;
-    } else if (isNumeric$1(valueAsString)) {
-      acc[key] = Number(valueAsString);
-    } else if (valueAsString[0] === '[' || valueAsString[0] === '{') {
-      acc[key] = JSON.parse(valueAsString);
     } else {
-      acc[key] = valueAsString;
+      try {
+        acc[key] = JSON.parse(valueAsString);
+      } catch (e) {
+        acc[key] = valueAsString;
+      }
     }
 
     return acc;
   }, {});
 }
-
 /**
  * Polyfills the virtual reference (plain object) with Element.prototype props
  * Mutating because DOM elements are mutated, adds `_tippy` property
  * @param {Object} virtualReference
  * @return {Object}
  */
+
 function polyfillElementPrototypeProperties(virtualReference) {
   var polyfills = {
     isVirtual: true,
@@ -5116,7 +5142,6 @@ function polyfillElementPrototypeProperties(virtualReference) {
     },
     addEventListener: function addEventListener() {},
     removeEventListener: function removeEventListener() {},
-
     classList: {
       classNames: {},
       add: function add(key) {
@@ -5136,161 +5161,42 @@ function polyfillElementPrototypeProperties(virtualReference) {
   }
 }
 
-var _extends$2 = 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;
-};
-
 /**
- * Evaluates the props object
+ * Evaluates the props object by merging data attributes and
+ * disabling conflicting options where necessary
  * @param {Element} reference
  * @param {Object} props
  * @return {Object}
  */
+
 function evaluateProps(reference, props) {
-  var out = _extends$2({}, props, props.performance ? {} : getDataAttributeOptions(reference));
+  var out = _extends$2({}, props, {
+    content: evaluateValue(props.content, [reference])
+  }, props.ignoreAttributes ? {} : getDataAttributeOptions(reference));
 
   if (out.arrow) {
     out.animateFill = false;
   }
 
-  if (typeof out.appendTo === 'function') {
-    out.appendTo = props.appendTo(reference);
-  }
-
-  if (typeof out.content === 'function') {
-    out.content = props.content(reference);
-  }
-
   return out;
 }
-
 /**
  * Validates an object of options with the valid default props object
  * @param {Object} options
  * @param {Object} defaults
  */
+
 function validateOptions() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var defaults$$1 = arguments[1];
-
+  var defaults = arguments.length > 1 ? arguments[1] : undefined;
   Object.keys(options).forEach(function (option) {
-    if (!hasOwnProperty$8(defaults$$1, option)) {
-      throw new Error('[tippy]: `' + option + '` is not a valid option');
+    if (!hasOwnProperty$8(defaults, option)) {
+      throw new Error("[tippy]: `".concat(option, "` is not a valid option"));
     }
   });
 }
 
-// =============================================================================
-// DEPRECATED
-// All of this code (for the `arrowTransform` option) will be removed in v4
-// =============================================================================
-var TRANSFORM_NUMBER_RE = {
-  translate: /translateX?Y?\(([^)]+)\)/,
-  scale: /scaleX?Y?\(([^)]+)\)/
-
-  /**
-   * Transforms the x/y axis based on the placement
-   */
-};function transformAxisBasedOnPlacement(axis, isVertical) {
-  return (isVertical ? axis : {
-    X: 'Y',
-    Y: 'X'
-  }[axis]) || '';
-}
-
-/**
- * Transforms the scale/translate numbers based on the placement
- */
-function transformNumbersBasedOnPlacement(type, numbers, isVertical, isReverse) {
-  /**
-   * Avoid destructuring because a large boilerplate function is generated
-   * by Babel
-   */
-  var a = numbers[0];
-  var b = numbers[1];
-
-  if (!a && !b) {
-    return '';
-  }
-
-  var transforms = {
-    scale: function () {
-      if (!b) {
-        return '' + a;
-      } else {
-        return isVertical ? a + ', ' + b : b + ', ' + a;
-      }
-    }(),
-    translate: function () {
-      if (!b) {
-        return isReverse ? -a + 'px' : a + 'px';
-      } else {
-        if (isVertical) {
-          return isReverse ? a + 'px, ' + -b + 'px' : a + 'px, ' + b + 'px';
-        } else {
-          return isReverse ? -b + 'px, ' + a + 'px' : b + 'px, ' + a + 'px';
-        }
-      }
-    }()
-  };
-
-  return transforms[type];
-}
-
-/**
- * Returns the axis for a CSS function (translate or scale)
- */
-function getTransformAxis(str, cssFunction) {
-  var match = str.match(new RegExp(cssFunction + '([XY])'));
-  return match ? match[1] : '';
-}
-
-/**
- * Returns the numbers given to the CSS function
- */
-function getTransformNumbers(str, regex) {
-  var match = str.match(regex);
-  return match ? match[1].split(',').map(function (n) {
-    return parseFloat(n, 10);
-  }) : [];
-}
-
-/**
- * Computes the arrow's transform so that it is correct for any placement
- */
-function computeArrowTransform(arrow, arrowTransform) {
-  var placement = getPopperPlacement(closest(arrow, Selectors.POPPER));
-  var isVertical = includes(['top', 'bottom'], placement);
-  var isReverse = includes(['right', 'bottom'], placement);
-
-  var matches$$1 = {
-    translate: {
-      axis: getTransformAxis(arrowTransform, 'translate'),
-      numbers: getTransformNumbers(arrowTransform, TRANSFORM_NUMBER_RE.translate)
-    },
-    scale: {
-      axis: getTransformAxis(arrowTransform, 'scale'),
-      numbers: getTransformNumbers(arrowTransform, TRANSFORM_NUMBER_RE.scale)
-    }
-  };
-
-  var computedTransform = arrowTransform.replace(TRANSFORM_NUMBER_RE.translate, 'translate' + transformAxisBasedOnPlacement(matches$$1.translate.axis, isVertical) + '(' + transformNumbersBasedOnPlacement('translate', matches$$1.translate.numbers, isVertical, isReverse) + ')').replace(TRANSFORM_NUMBER_RE.scale, 'scale' + transformAxisBasedOnPlacement(matches$$1.scale.axis, isVertical) + '(' + transformNumbersBasedOnPlacement('scale', matches$$1.scale.numbers, isVertical, isReverse) + ')');
-
-  arrow.style[typeof document.body.style.transform !== 'undefined' ? 'transform' : 'webkitTransform'] = computedTransform;
-}
-
 var idCounter = 1;
-
 /**
  * Creates and returns a Tippy object. We're using a closure pattern instead of
  * a class so that the exposed object API is clean without private members
@@ -5299,69 +5205,56 @@ var idCounter = 1;
  * @param {Object} collectionProps
  * @return {Object} instance
  */
+
 function createTippy(reference, collectionProps) {
-  var props = evaluateProps(reference, collectionProps);
+  var props = evaluateProps(reference, collectionProps); // If the reference shouldn't have multiple tippys, return null early
 
-  // If the reference shouldn't have multiple tippys, return null early
   if (!props.multiple && reference._tippy) {
     return null;
   }
-
   /* ======================= 🔒 Private members 🔒 ======================= */
-  // The popper element's mutation observer
-  var popperMutationObserver = null;
-
   // The last trigger event object that caused the tippy to show
-  var lastTriggerEvent = {};
 
-  // The last mousemove event object created by the document mousemove event
-  var lastMouseMoveEvent = null;
 
-  // Timeout created by the show delay
-  var showTimeoutId = 0;
+  var lastTriggerEvent = {}; // The last mousemove event object created by the document mousemove event
+
+  var lastMouseMoveEvent = null; // Timeout created by the show delay
+
+  var showTimeoutId = 0; // Timeout created by the hide delay
 
-  // Timeout created by the hide delay
-  var hideTimeoutId = 0;
+  var hideTimeoutId = 0; // Flag to determine if the tippy is preparing to show due to the show timeout
 
-  // Flag to determine if the tippy is preparing to show due to the show timeout
-  var isPreparingToShow = false;
+  var isPreparingToShow = false; // The current `transitionend` callback reference
 
-  // The current `transitionend` callback reference
-  var transitionEndListener = function transitionEndListener() {};
+  var transitionEndListener = function transitionEndListener() {}; // Array of event listeners currently attached to the reference element
 
-  // Array of event listeners currently attached to the reference element
-  var listeners = [];
 
-  // Flag to determine if the reference was recently programmatically focused
-  var referenceJustProgrammaticallyFocused = false;
+  var listeners = []; // Private onMouseMove handler reference, debounced or not
 
-  // Private onMouseMove handler reference, debounced or not
-  var debouncedOnMouseMove = props.interactiveDebounce > 0 ? debounce$1(onMouseMove, props.interactiveDebounce) : onMouseMove;
+  var debouncedOnMouseMove = props.interactiveDebounce > 0 ? debounce$1(onMouseMove, props.interactiveDebounce) : onMouseMove; // Node the tippy is currently appended to
 
+  var parentNode = null;
   /* ======================= 🔑 Public members 🔑 ======================= */
   // id used for the `aria-describedby` / `aria-labelledby` attribute
-  var id = idCounter++;
 
-  // Popper element reference
-  var popper = createPopperElement(id, props);
+  var id = idCounter++; // Popper element reference
 
-  // Prevent a tippy with a delay from hiding if the cursor left then returned
+  var popper = createPopperElement(id, props); // Prevent a tippy with a delay from hiding if the cursor left then returned
   // before it started hiding
+
   popper.addEventListener('mouseenter', function (event) {
-    if (tip.props.interactive && tip.state.isVisible && lastTriggerEvent.type === 'mouseenter') {
+    if (instance.props.interactive && instance.state.isVisible && lastTriggerEvent.type === 'mouseenter') {
       prepareShow(event);
     }
   });
-  popper.addEventListener('mouseleave', function (event) {
-    if (tip.props.interactive && lastTriggerEvent.type === 'mouseenter' && tip.props.interactiveDebounce === 0 && isCursorOutsideInteractiveBorder(getPopperPlacement(popper), popper.getBoundingClientRect(), event, tip.props)) {
-      prepareHide();
+  popper.addEventListener('mouseleave', function () {
+    if (instance.props.interactive && lastTriggerEvent.type === 'mouseenter') {
+      document.addEventListener('mousemove', debouncedOnMouseMove);
     }
-  });
+  }); // Popper element children: { arrow, backdrop, content, tooltip }
 
-  // Popper element children: { arrow, backdrop, content, tooltip }
-  var popperChildren = getChildren(popper);
+  var popperChildren = getChildren(popper); // The state of the tippy
 
-  // The state of the tippy
   var state = {
     // If the tippy is currently enabled
     isEnabled: true,
@@ -5372,13 +5265,12 @@ function createTippy(reference, collectionProps) {
     // If the tippy is on the DOM (transitioning out or in)
     isMounted: false,
     // show() transition finished
-    isShown: false
+    isShown: false // Popper.js instance for the tippy is lazily created
 
-    // Popper.js instance for the tippy is lazily created
-  };var popperInstance = null;
+  };
+  var popperInstance = null; // 🌟 tippy instance
 
-  // 🌟 tippy instance
-  var tip = {
+  var instance = {
     // properties
     id: id,
     reference: reference,
@@ -5389,7 +5281,7 @@ function createTippy(reference, collectionProps) {
     state: state,
     // methods
     clearDelayTimeouts: clearDelayTimeouts,
-    set: set$$1,
+    set: set,
     setContent: setContent$$1,
     show: show,
     hide: hide,
@@ -5397,95 +5289,64 @@ function createTippy(reference, collectionProps) {
     disable: disable,
     destroy: destroy
   };
-
   addTriggersToReference();
 
-  reference.addEventListener('click', onReferenceClick);
-
   if (!props.lazy) {
-    tip.popperInstance = createPopperInstance();
-    tip.popperInstance.disableEventListeners();
+    createPopperInstance();
+    instance.popperInstance.disableEventListeners();
   }
 
   if (props.showOnInit) {
     prepareShow();
-  }
+  } // Ensure the reference element can receive focus (and is not a delegate)
+
 
-  // Ensure the reference element can receive focus (and is not a delegate)
   if (props.a11y && !props.target && !canReceiveFocus(reference)) {
     reference.setAttribute('tabindex', '0');
-  }
-
-  // Install shortcuts
-  reference._tippy = tip;
-  popper._tippy = tip;
+  } // Install shortcuts
 
-  return tip;
 
+  reference._tippy = instance;
+  popper._tippy = instance;
+  return instance;
   /* ======================= 🔒 Private methods 🔒 ======================= */
-  /**
-   * If the reference was clicked, it also receives focus
-   */
-  function onReferenceClick() {
-    defer(function () {
-      referenceJustProgrammaticallyFocused = false;
-    });
-  }
-
-  /**
-   * Ensure the popper's position stays correct if its dimensions change. Use
-   * update() over .scheduleUpdate() so there is no 1 frame flash due to
-   * async update
-   */
-  function addMutationObserver() {
-    popperMutationObserver = new MutationObserver(function () {
-      tip.popperInstance.update();
-    });
-    popperMutationObserver.observe(popper, {
-      childList: true,
-      subtree: true,
-      characterData: true
-    });
-  }
 
   /**
    * Positions the virtual reference near the mouse cursor
    */
+
   function positionVirtualReferenceNearCursor(event) {
     var _lastMouseMoveEvent = lastMouseMoveEvent = event,
         clientX = _lastMouseMoveEvent.clientX,
         clientY = _lastMouseMoveEvent.clientY;
 
-    if (!tip.popperInstance) {
+    if (!instance.popperInstance) {
       return;
-    }
-
-    // Ensure virtual reference is padded by 5px to prevent tooltip from
+    } // Ensure virtual reference is padded to prevent tooltip from
     // overflowing. Maybe Popper.js issue?
-    var placement = getPopperPlacement(tip.popper);
-    var padding = tip.popperChildren.arrow ? 20 : 5;
+
+
+    var placement = getPopperPlacement(instance.popper);
+    var padding = instance.popperChildren.arrow ? PADDING + 16 : PADDING;
     var isVerticalPlacement = includes(['top', 'bottom'], placement);
-    var isHorizontalPlacement = includes(['left', 'right'], placement);
+    var isHorizontalPlacement = includes(['left', 'right'], placement); // Top / left boundary
 
-    // Top / left boundary
     var x = isVerticalPlacement ? Math.max(padding, clientX) : clientX;
-    var y = isHorizontalPlacement ? Math.max(padding, clientY) : clientY;
+    var y = isHorizontalPlacement ? Math.max(padding, clientY) : clientY; // Bottom / right boundary
 
-    // Bottom / right boundary
     if (isVerticalPlacement && x > padding) {
       x = Math.min(clientX, window.innerWidth - padding);
     }
+
     if (isHorizontalPlacement && y > padding) {
       y = Math.min(clientY, window.innerHeight - padding);
     }
 
-    var rect = tip.reference.getBoundingClientRect();
-    var followCursor = tip.props.followCursor;
-
+    var rect = instance.reference.getBoundingClientRect();
+    var followCursor = instance.props.followCursor;
     var isHorizontal = followCursor === 'horizontal';
     var isVertical = followCursor === 'vertical';
-
-    tip.popperInstance.reference = {
+    instance.popperInstance.reference = {
       getBoundingClientRect: function getBoundingClientRect() {
         return {
           width: 0,
@@ -5499,59 +5360,63 @@ function createTippy(reference, collectionProps) {
       clientWidth: 0,
       clientHeight: 0
     };
+    instance.popperInstance.scheduleUpdate();
 
-    tip.popperInstance.scheduleUpdate();
-
-    if (followCursor === 'initial' && tip.state.isVisible) {
+    if (followCursor === 'initial' && instance.state.isVisible) {
       removeFollowCursorListener();
     }
   }
-
   /**
    * Creates the tippy instance for a delegate when it's been triggered
    */
+
+
   function createDelegateChildTippy(event) {
-    var targetEl = closest(event.target, tip.props.target);
+    var targetEl = closest(event.target, instance.props.target);
+
     if (targetEl && !targetEl._tippy) {
-      createTippy(targetEl, _extends$2({}, tip.props, {
+      createTippy(targetEl, _extends$2({}, instance.props, {
+        content: evaluateValue(collectionProps.content, [targetEl]),
+        appendTo: collectionProps.appendTo,
         target: '',
         showOnInit: true
       }));
       prepareShow(event);
     }
   }
-
   /**
    * Setup before show() is invoked (delays, etc.)
    */
+
+
   function prepareShow(event) {
     clearDelayTimeouts();
 
-    if (tip.state.isVisible) {
+    if (instance.state.isVisible) {
       return;
-    }
+    } // Is a delegate, create an instance for the child target
+
 
-    // Is a delegate, create an instance for the child target
-    if (tip.props.target) {
+    if (instance.props.target) {
       return createDelegateChildTippy(event);
     }
 
     isPreparingToShow = true;
 
-    if (tip.props.wait) {
-      return tip.props.wait(tip, event);
-    }
-
-    // If the tooltip has a delay, we need to be listening to the mousemove as
+    if (instance.props.wait) {
+      return instance.props.wait(instance, event);
+    } // If the tooltip has a delay, we need to be listening to the mousemove as
     // soon as the trigger event is fired, so that it's in the correct position
     // upon mount.
     // Edge case: if the tooltip is still mounted, but then prepareShow() is
     // called, it causes a jump.
-    if (hasFollowCursorBehavior() && !tip.state.isMounted) {
+
+
+    if (hasFollowCursorBehavior() && !instance.state.isMounted) {
       document.addEventListener('mousemove', positionVirtualReferenceNearCursor);
     }
 
-    var delay = getValue$1(tip.props.delay, 0, Defaults$1.delay);
+    var delay = getValue$1(instance.props.delay, 0, Defaults$1.delay);
 
     if (delay) {
       showTimeoutId = setTimeout(function () {
@@ -5561,24 +5426,24 @@ function createTippy(reference, collectionProps) {
       show();
     }
   }
-
   /**
    * Setup before hide() is invoked (delays, etc.)
    */
+
+
   function prepareHide() {
     clearDelayTimeouts();
 
-    if (!tip.state.isVisible) {
+    if (!instance.state.isVisible) {
       return removeFollowCursorListener();
     }
 
     isPreparingToShow = false;
-
-    var delay = getValue$1(tip.props.delay, 1, Defaults$1.delay);
+    var delay = getValue$1(instance.props.delay, 1, Defaults$1.delay);
 
     if (delay) {
       hideTimeoutId = setTimeout(function () {
-        if (tip.state.isVisible) {
+        if (instance.state.isVisible) {
           hide();
         }
       }, delay);
@@ -5586,74 +5451,83 @@ function createTippy(reference, collectionProps) {
       hide();
     }
   }
-
   /**
    * Removes the follow cursor listener
    */
+
+
   function removeFollowCursorListener() {
     document.removeEventListener('mousemove', positionVirtualReferenceNearCursor);
     lastMouseMoveEvent = null;
   }
-
   /**
    * Cleans up old listeners
    */
+
+
   function cleanupOldMouseListeners() {
     document.body.removeEventListener('mouseleave', prepareHide);
     document.removeEventListener('mousemove', debouncedOnMouseMove);
   }
-
   /**
    * Event listener invoked upon trigger
    */
+
+
   function onTrigger(event) {
-    if (!tip.state.isEnabled || isEventListenerStopped(event)) {
+    if (!instance.state.isEnabled || isEventListenerStopped(event)) {
       return;
     }
 
-    if (!tip.state.isVisible) {
-      lastTriggerEvent = event;
-    }
+    if (!instance.state.isVisible) {
+      lastTriggerEvent = event; // Use the `mouseenter` event as a "mock" mousemove event for touch
+      // devices
+
+      if (isUsingTouch && includes(event.type, 'mouse')) {
+        lastMouseMoveEvent = event;
+      }
+    } // Toggle show/hide when clicking click-triggered tooltips
 
-    // Toggle show/hide when clicking click-triggered tooltips
-    if (event.type === 'click' && tip.props.hideOnClick !== false && tip.state.isVisible) {
+
+    if (event.type === 'click' && instance.props.hideOnClick !== false && instance.state.isVisible) {
       prepareHide();
     } else {
       prepareShow(event);
     }
   }
-
   /**
    * Event listener used for interactive tooltips to detect when they should
    * hide
    */
+
+
   function onMouseMove(event) {
     var referenceTheCursorIsOver = closestCallback(event.target, function (el) {
       return el._tippy;
     });
-
-    var isCursorOverPopper = closest(event.target, Selectors.POPPER) === tip.popper;
-    var isCursorOverReference = referenceTheCursorIsOver === tip.reference;
+    var isCursorOverPopper = closest(event.target, Selectors.POPPER) === instance.popper;
+    var isCursorOverReference = referenceTheCursorIsOver === instance.reference;
 
     if (isCursorOverPopper || isCursorOverReference) {
       return;
     }
 
-    if (isCursorOutsideInteractiveBorder(getPopperPlacement(tip.popper), tip.popper.getBoundingClientRect(), event, tip.props)) {
+    if (isCursorOutsideInteractiveBorder(getPopperPlacement(instance.popper), instance.popper.getBoundingClientRect(), event, instance.props)) {
       cleanupOldMouseListeners();
       prepareHide();
     }
   }
-
   /**
    * Event listener invoked upon mouseleave
    */
+
+
   function onMouseLeave(event) {
     if (isEventListenerStopped(event)) {
       return;
     }
 
-    if (tip.props.interactive) {
+    if (instance.props.interactive) {
       document.body.addEventListener('mouseleave', prepareHide);
       document.addEventListener('mousemove', debouncedOnMouseMove);
       return;
@@ -5661,140 +5535,148 @@ function createTippy(reference, collectionProps) {
 
     prepareHide();
   }
-
   /**
    * Event listener invoked upon blur
    */
+
+
   function onBlur(event) {
-    if (event.target !== tip.reference) {
+    if (event.target !== instance.reference) {
       return;
     }
 
-    if (tip.props.interactive) {
-      if (!event.relatedTarget) {
-        return;
-      }
-      if (closest(event.relatedTarget, Selectors.POPPER)) {
-        return;
-      }
+    if (instance.props.interactive && event.relatedTarget && instance.popper.contains(event.relatedTarget)) {
+      return;
     }
 
     prepareHide();
   }
-
   /**
    * Event listener invoked when a child target is triggered
    */
+
+
   function onDelegateShow(event) {
-    if (closest(event.target, tip.props.target)) {
+    if (closest(event.target, instance.props.target)) {
       prepareShow(event);
     }
   }
-
   /**
    * Event listener invoked when a child target should hide
    */
+
+
   function onDelegateHide(event) {
-    if (closest(event.target, tip.props.target)) {
+    if (closest(event.target, instance.props.target)) {
       prepareHide();
     }
   }
-
   /**
    * Determines if an event listener should stop further execution due to the
    * `touchHold` option
    */
+
+
   function isEventListenerStopped(event) {
+    var supportsTouch = 'ontouchstart' in window;
     var isTouchEvent = includes(event.type, 'touch');
-    var caseA = supportsTouch && isUsingTouch && tip.props.touchHold && !isTouchEvent;
-    var caseB = isUsingTouch && !tip.props.touchHold && isTouchEvent;
-    return caseA || caseB;
+    var touchHold = instance.props.touchHold;
+    return supportsTouch && isUsingTouch && touchHold && !isTouchEvent || isUsingTouch && !touchHold && isTouchEvent;
   }
-
   /**
-   * Creates the popper instance for the tip
+   * Creates the popper instance for the instance
    */
-  function createPopperInstance() {
-    var popperOptions = tip.props.popperOptions;
-    var _tip$popperChildren = tip.popperChildren,
-        tooltip = _tip$popperChildren.tooltip,
-        arrow = _tip$popperChildren.arrow;
 
 
-    return new Popper(tip.reference, tip.popper, _extends$2({
-      placement: tip.props.placement
+  function createPopperInstance() {
+    var popperOptions = instance.props.popperOptions;
+    var _instance$popperChild = instance.popperChildren,
+        tooltip = _instance$popperChild.tooltip,
+        arrow = _instance$popperChild.arrow;
+    instance.popperInstance = new Popper(instance.reference, instance.popper, _extends$2({
+      placement: instance.props.placement
     }, popperOptions, {
       modifiers: _extends$2({}, popperOptions ? popperOptions.modifiers : {}, {
         preventOverflow: _extends$2({
-          boundariesElement: tip.props.boundary
+          boundariesElement: instance.props.boundary,
+          padding: PADDING
         }, getModifier(popperOptions, 'preventOverflow')),
         arrow: _extends$2({
           element: arrow,
           enabled: !!arrow
         }, getModifier(popperOptions, 'arrow')),
         flip: _extends$2({
-          enabled: tip.props.flip,
-          padding: tip.props.distance + 5 /* 5px from viewport boundary */
-          , behavior: tip.props.flipBehavior
+          enabled: instance.props.flip,
+          // The tooltip is offset by 10px from the popper in CSS,
+          // we need to account for its distance
+          padding: instance.props.distance + PADDING,
+          behavior: instance.props.flipBehavior
         }, getModifier(popperOptions, 'flip')),
         offset: _extends$2({
-          offset: tip.props.offset
+          offset: instance.props.offset
         }, getModifier(popperOptions, 'offset'))
       }),
       onCreate: function onCreate() {
-        tooltip.style[getPopperPlacement(tip.popper)] = getOffsetDistanceInPx(tip.props.distance, Defaults$1.distance);
+        tooltip.style[getPopperPlacement(instance.popper)] = getOffsetDistanceInPx(instance.props.distance, Defaults$1.distance);
+      },
+      onUpdate: function onUpdate(data) {
+        if (data && !instance.props.flipOnUpdate) {
+          if (data.flipped) {
+            instance.popperInstance.options.placement = data.placement;
+          }
 
-        if (arrow && tip.props.arrowTransform) {
-          computeArrowTransform(arrow, tip.props.arrowTransform);
+          setFlipModifierEnabled(instance.popperInstance.modifiers, false);
         }
-      },
-      onUpdate: function onUpdate() {
+
         var styles = tooltip.style;
         styles.top = '';
         styles.bottom = '';
         styles.left = '';
         styles.right = '';
-        styles[getPopperPlacement(tip.popper)] = getOffsetDistanceInPx(tip.props.distance, Defaults$1.distance);
-
-        if (arrow && tip.props.arrowTransform) {
-          computeArrowTransform(arrow, tip.props.arrowTransform);
-        }
+        styles[getPopperPlacement(instance.popper)] = getOffsetDistanceInPx(instance.props.distance, Defaults$1.distance);
       }
     }));
   }
-
   /**
    * Mounts the tooltip to the DOM, callback to show tooltip is run **after**
    * popper's position has updated
    */
+
+
   function mount(callback) {
-    if (!tip.popperInstance) {
-      tip.popperInstance = createPopperInstance();
-      addMutationObserver();
-      if (!tip.props.livePlacement || hasFollowCursorBehavior()) {
-        tip.popperInstance.disableEventListeners();
+    var shouldEnableListeners = !hasFollowCursorBehavior() && !(instance.props.followCursor === 'initial' && isUsingTouch);
+
+    if (!instance.popperInstance) {
+      createPopperInstance();
+
+      if (!shouldEnableListeners) {
+        instance.popperInstance.disableEventListeners();
       }
     } else {
       if (!hasFollowCursorBehavior()) {
-        tip.popperInstance.scheduleUpdate();
-        if (tip.props.livePlacement) {
-          tip.popperInstance.enableEventListeners();
+        instance.popperInstance.scheduleUpdate();
+
+        if (shouldEnableListeners) {
+          instance.popperInstance.enableEventListeners();
         }
       }
-    }
 
-    // If the instance previously had followCursor behavior, it will be
+      setFlipModifierEnabled(instance.popperInstance.modifiers, true);
+    } // If the instance previously had followCursor behavior, it will be
     // positioned incorrectly if triggered by `focus` afterwards.
     // Update the reference back to the real DOM element
-    tip.popperInstance.reference = tip.reference;
-    var arrow = tip.popperChildren.arrow;
 
 
+    instance.popperInstance.reference = instance.reference;
+    var arrow = instance.popperChildren.arrow;
+
     if (hasFollowCursorBehavior()) {
       if (arrow) {
         arrow.style.margin = '0';
       }
-      var delay = getValue$1(tip.props.delay, 0, Defaults$1.delay);
+
+      var delay = getValue$1(instance.props.delay, 0, Defaults$1.delay);
+
       if (lastTriggerEvent.type) {
         positionVirtualReferenceNearCursor(delay && lastMouseMoveEvent ? lastMouseMoveEvent : lastTriggerEvent);
       }
@@ -5802,72 +5684,78 @@ function createTippy(reference, collectionProps) {
       arrow.style.margin = '';
     }
 
-    afterPopperPositionUpdates(tip.popperInstance, callback);
+    afterPopperPositionUpdates(instance.popperInstance, callback);
+    var appendTo = instance.props.appendTo;
+    parentNode = appendTo === 'parent' ? instance.reference.parentNode : evaluateValue(appendTo, [instance.reference]);
 
-    if (!tip.props.appendTo.contains(tip.popper)) {
-      tip.props.appendTo.appendChild(tip.popper);
-      tip.props.onMount(tip);
-      tip.state.isMounted = true;
+    if (!parentNode.contains(instance.popper)) {
+      parentNode.appendChild(instance.popper);
+      instance.props.onMount(instance);
+      instance.state.isMounted = true;
     }
   }
-
   /**
    * Determines if the instance is in `followCursor` mode
    */
+
+
   function hasFollowCursorBehavior() {
-    return tip.props.followCursor && !isUsingTouch && lastTriggerEvent.type !== 'focus';
+    return instance.props.followCursor && !isUsingTouch && lastTriggerEvent.type !== 'focus';
   }
-
   /**
    * Updates the tooltip's position on each animation frame + timeout
    */
+
+
   function makeSticky() {
-    applyTransitionDuration([tip.popper], isIE$1 ? 0 : tip.props.updateDuration);
+    applyTransitionDuration([instance.popper], isIE$1 ? 0 : instance.props.updateDuration);
 
     var updatePosition = function updatePosition() {
-      if (tip.popperInstance) {
-        tip.popperInstance.scheduleUpdate();
+      if (instance.popperInstance) {
+        instance.popperInstance.scheduleUpdate();
       }
 
-      if (tip.state.isMounted) {
+      if (instance.state.isMounted) {
         requestAnimationFrame(updatePosition);
       } else {
-        applyTransitionDuration([tip.popper], 0);
+        applyTransitionDuration([instance.popper], 0);
       }
     };
 
     updatePosition();
   }
-
   /**
    * Invokes a callback once the tooltip has fully transitioned out
    */
+
+
   function onTransitionedOut(duration, callback) {
     onTransitionEnd(duration, function () {
-      if (!tip.state.isVisible && tip.props.appendTo.contains(tip.popper)) {
+      if (!instance.state.isVisible && parentNode && parentNode.contains(instance.popper)) {
         callback();
       }
     });
   }
-
   /**
    * Invokes a callback once the tooltip has fully transitioned in
    */
+
+
   function onTransitionedIn(duration, callback) {
     onTransitionEnd(duration, callback);
   }
-
   /**
    * Invokes a callback once the tooltip's CSS transition ends
    */
+
+
   function onTransitionEnd(duration, callback) {
     // Make callback synchronous if duration is 0
     if (duration === 0) {
       return callback();
     }
 
-    var tooltip = tip.popperChildren.tooltip;
-
+    var tooltip = instance.popperChildren.tooltip;
 
     var listener = function listener(e) {
       if (e.target === tooltip) {
@@ -5878,40 +5766,46 @@ function createTippy(reference, collectionProps) {
 
     toggleTransitionEndListener(tooltip, 'remove', transitionEndListener);
     toggleTransitionEndListener(tooltip, 'add', listener);
-
     transitionEndListener = listener;
   }
-
   /**
    * Adds an event listener to the reference and stores it in `listeners`
    */
+
+
   function on(eventType, handler) {
     var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
-    tip.reference.addEventListener(eventType, handler, options);
-    listeners.push({ eventType: eventType, handler: handler, options: options });
+    instance.reference.addEventListener(eventType, handler, options);
+    listeners.push({
+      eventType: eventType,
+      handler: handler,
+      options: options
+    });
   }
-
   /**
    * Adds event listeners to the reference based on the `trigger` prop
    */
+
+
   function addTriggersToReference() {
-    if (tip.props.touchHold && !tip.props.target) {
+    if (instance.props.touchHold && !instance.props.target) {
       on('touchstart', onTrigger, PASSIVE);
       on('touchend', onMouseLeave, PASSIVE);
     }
 
-    tip.props.trigger.trim().split(' ').forEach(function (eventType) {
+    instance.props.trigger.trim().split(' ').forEach(function (eventType) {
       if (eventType === 'manual') {
         return;
       }
 
-      if (!tip.props.target) {
+      if (!instance.props.target) {
         on(eventType, onTrigger);
+
         switch (eventType) {
           case 'mouseenter':
             on('mouseleave', onMouseLeave);
             break;
+
           case 'focus':
             on(isIE$1 ? 'focusout' : 'blur', onBlur);
             break;
@@ -5922,10 +5816,12 @@ function createTippy(reference, collectionProps) {
             on('mouseover', onDelegateShow);
             on('mouseout', onDelegateHide);
             break;
+
           case 'focus':
             on('focusin', onDelegateShow);
             on('focusout', onDelegateHide);
             break;
+
           case 'click':
             on(eventType, onDelegateShow);
             break;
@@ -5933,58 +5829,69 @@ function createTippy(reference, collectionProps) {
       }
     });
   }
-
   /**
    * Removes event listeners from the reference
    */
+
+
   function removeTriggersFromReference() {
     listeners.forEach(function (_ref) {
       var eventType = _ref.eventType,
           handler = _ref.handler,
           options = _ref.options;
-
-      tip.reference.removeEventListener(eventType, handler, options);
+      instance.reference.removeEventListener(eventType, handler, options);
     });
     listeners = [];
   }
+  /**
+   * Returns inner elements used in show/hide methods
+   */
+
 
+  function getInnerElements() {
+    return [instance.popperChildren.tooltip, instance.popperChildren.backdrop, instance.popperChildren.content];
+  }
   /* ======================= 🔑 Public methods 🔑 ======================= */
+
   /**
    * Enables the instance to allow it to show or hide
    */
+
+
   function enable() {
-    tip.state.isEnabled = true;
+    instance.state.isEnabled = true;
   }
-
   /**
    * Disables the instance to disallow it to show or hide
    */
+
+
   function disable() {
-    tip.state.isEnabled = false;
+    instance.state.isEnabled = false;
   }
-
   /**
    * Clears pending timeouts related to the `delay` prop if any
    */
+
+
   function clearDelayTimeouts() {
     clearTimeout(showTimeoutId);
     clearTimeout(hideTimeoutId);
   }
-
   /**
    * Sets new props for the instance and redraws the tooltip
    */
-  function set$$1() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    validateOptions(options, Defaults$1);
 
-    var prevProps = tip.props;
-    var nextProps = evaluateProps(tip.reference, _extends$2({}, tip.props, options, {
-      performance: true
+  function set() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    validateOptions(options, Defaults$1);
+    var prevProps = instance.props;
+    var nextProps = evaluateProps(instance.reference, _extends$2({}, instance.props, options, {
+      ignoreAttributes: true
     }));
-    nextProps.performance = hasOwnProperty$8(options, 'performance') ? options.performance : prevProps.performance;
-    tip.props = nextProps;
+    nextProps.ignoreAttributes = hasOwnProperty$8(options, 'ignoreAttributes') ? options.ignoreAttributes : prevProps.ignoreAttributes;
+    instance.props = nextProps;
 
     if (hasOwnProperty$8(options, 'trigger') || hasOwnProperty$8(options, 'touchHold')) {
       removeTriggersFromReference();
@@ -5996,214 +5903,262 @@ function createTippy(reference, collectionProps) {
       debouncedOnMouseMove = debounce$1(onMouseMove, options.interactiveDebounce);
     }
 
-    updatePopperElement(tip.popper, prevProps, nextProps);
-    tip.popperChildren = getChildren(tip.popper);
+    updatePopperElement(instance.popper, prevProps, nextProps);
+    instance.popperChildren = getChildren(instance.popper);
 
-    if (tip.popperInstance && POPPER_INSTANCE_RELATED_PROPS.some(function (prop) {
-      return hasOwnProperty$8(options, prop);
-    })) {
-      tip.popperInstance.destroy();
-      tip.popperInstance = createPopperInstance();
-      if (!tip.state.isVisible) {
-        tip.popperInstance.disableEventListeners();
-      }
-      if (tip.props.followCursor && lastMouseMoveEvent) {
-        positionVirtualReferenceNearCursor(lastMouseMoveEvent);
+    if (instance.popperInstance) {
+      instance.popperInstance.update();
+
+      if (POPPER_INSTANCE_DEPENDENCIES.some(function (prop) {
+        return hasOwnProperty$8(options, prop);
+      })) {
+        instance.popperInstance.destroy();
+        createPopperInstance();
+
+        if (!instance.state.isVisible) {
+          instance.popperInstance.disableEventListeners();
+        }
+
+        if (instance.props.followCursor && lastMouseMoveEvent) {
+          positionVirtualReferenceNearCursor(lastMouseMoveEvent);
+        }
       }
     }
   }
-
   /**
    * Shortcut for .set({ content: newContent })
    */
+
+
   function setContent$$1(content) {
-    set$$1({ content: content });
+    set({
+      content: content
+    });
   }
-
   /**
    * Shows the tooltip
    */
+
+
   function show() {
-    var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue$1(tip.props.duration, 0, Defaults$1.duration[0]);
+    var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue$1(instance.props.duration, 0, Defaults$1.duration[0]);
 
-    if (tip.state.isDestroyed || !tip.state.isEnabled || isUsingTouch && !tip.props.touch) {
+    if (instance.state.isDestroyed || !instance.state.isEnabled || isUsingTouch && !instance.props.touch) {
       return;
-    }
+    } // Destroy tooltip if the reference element is no longer on the DOM
+
 
-    // Destroy tooltip if the reference element is no longer on the DOM
-    if (!tip.reference.isVirtual && !document.documentElement.contains(tip.reference)) {
+    if (!instance.reference.isVirtual && !document.documentElement.contains(instance.reference)) {
       return destroy();
-    }
+    } // Do not show tooltip if the reference element has a `disabled` attribute
 
-    // Do not show tooltip if the reference element has a `disabled` attribute
-    if (tip.reference.hasAttribute('disabled')) {
-      return;
-    }
 
-    // If the reference was just programmatically focused for accessibility
-    // reasons
-    if (referenceJustProgrammaticallyFocused) {
-      referenceJustProgrammaticallyFocused = false;
+    if (instance.reference.hasAttribute('disabled')) {
       return;
     }
 
-    if (tip.props.onShow(tip) === false) {
+    if (instance.props.onShow(instance) === false) {
       return;
     }
 
-    tip.popper.style.visibility = 'visible';
-    tip.state.isVisible = true;
+    instance.popper.style.visibility = 'visible';
+    instance.state.isVisible = true;
+
+    if (instance.props.interactive) {
+      instance.reference.classList.add('tippy-active');
+    } // Prevent a transition if the popper is at the opposite placement
 
-    // Prevent a transition if the popper is at the opposite placement
-    applyTransitionDuration([tip.popper, tip.popperChildren.tooltip, tip.popperChildren.backdrop], 0);
 
+    applyTransitionDuration([instance.popper, instance.popperChildren.tooltip, instance.popperChildren.backdrop], 0);
     mount(function () {
-      if (!tip.state.isVisible) {
+      if (!instance.state.isVisible) {
         return;
-      }
+      } // Arrow will sometimes not be positioned correctly. Force another update
+
 
-      // Arrow will sometimes not be positioned correctly. Force another update
       if (!hasFollowCursorBehavior()) {
-        tip.popperInstance.update();
-      }
+        instance.popperInstance.update();
+      } // Allow followCursor: 'initial' on touch devices
+
 
-      applyTransitionDuration([tip.popperChildren.tooltip, tip.popperChildren.backdrop, tip.popperChildren.content], duration);
-      if (tip.popperChildren.backdrop) {
-        tip.popperChildren.content.style.transitionDelay = Math.round(duration / 6) + 'ms';
+      if (isUsingTouch && instance.props.followCursor === 'initial') {
+        positionVirtualReferenceNearCursor(lastMouseMoveEvent);
       }
 
-      if (tip.props.interactive) {
-        tip.reference.classList.add('tippy-active');
+      applyTransitionDuration([instance.popper], props.updateDuration);
+      applyTransitionDuration(getInnerElements(), duration);
+
+      if (instance.popperChildren.backdrop) {
+        instance.popperChildren.content.style.transitionDelay = Math.round(duration / 12) + 'ms';
       }
 
-      if (tip.props.sticky) {
+      if (instance.props.sticky) {
         makeSticky();
       }
 
-      setVisibilityState([tip.popperChildren.tooltip, tip.popperChildren.backdrop, tip.popperChildren.content], 'visible');
-
+      setVisibilityState(getInnerElements(), 'visible');
       onTransitionedIn(duration, function () {
-        if (tip.props.updateDuration === 0) {
-          tip.popperChildren.tooltip.classList.add('tippy-notransition');
-        }
-
-        if (tip.props.autoFocus && tip.props.interactive && includes(['focus', 'click'], lastTriggerEvent.type)) {
-          focus(tip.popper);
-        }
+        instance.popperChildren.tooltip.classList.add('tippy-notransition');
 
-        if (tip.props.aria) {
-          tip.reference.setAttribute('aria-' + tip.props.aria, tip.popper.id);
+        if (instance.props.aria) {
+          instance.reference.setAttribute("aria-".concat(instance.props.aria), instance.popper.id);
         }
 
-        tip.props.onShown(tip);
-        tip.state.isShown = true;
+        instance.props.onShown(instance);
+        instance.state.isShown = true;
       });
     });
   }
-
   /**
    * Hides the tooltip
    */
+
+
   function hide() {
-    var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue$1(tip.props.duration, 1, Defaults$1.duration[1]);
+    var duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getValue$1(instance.props.duration, 1, Defaults$1.duration[1]);
 
-    if (tip.state.isDestroyed || !tip.state.isEnabled) {
+    if (instance.state.isDestroyed || !instance.state.isEnabled) {
       return;
     }
 
-    if (tip.props.onHide(tip) === false) {
+    if (instance.props.onHide(instance) === false) {
       return;
     }
 
-    if (tip.props.updateDuration === 0) {
-      tip.popperChildren.tooltip.classList.remove('tippy-notransition');
-    }
+    instance.popperChildren.tooltip.classList.remove('tippy-notransition');
 
-    if (tip.props.interactive) {
-      tip.reference.classList.remove('tippy-active');
-    }
-
-    tip.popper.style.visibility = 'hidden';
-    tip.state.isVisible = false;
-    tip.state.isShown = false;
-
-    applyTransitionDuration([tip.popperChildren.tooltip, tip.popperChildren.backdrop, tip.popperChildren.content], duration);
-
-    setVisibilityState([tip.popperChildren.tooltip, tip.popperChildren.backdrop, tip.popperChildren.content], 'hidden');
-
-    if (tip.props.autoFocus && tip.props.interactive && !referenceJustProgrammaticallyFocused && includes(['focus', 'click'], lastTriggerEvent.type)) {
-      if (lastTriggerEvent.type === 'focus') {
-        referenceJustProgrammaticallyFocused = true;
-      }
-      focus(tip.reference);
+    if (instance.props.interactive) {
+      instance.reference.classList.remove('tippy-active');
     }
 
+    instance.popper.style.visibility = 'hidden';
+    instance.state.isVisible = false;
+    instance.state.isShown = false;
+    applyTransitionDuration(getInnerElements(), duration);
+    setVisibilityState(getInnerElements(), 'hidden');
     onTransitionedOut(duration, function () {
       if (!isPreparingToShow) {
         removeFollowCursorListener();
       }
 
-      if (tip.props.aria) {
-        tip.reference.removeAttribute('aria-' + tip.props.aria);
+      if (instance.props.aria) {
+        instance.reference.removeAttribute("aria-".concat(instance.props.aria));
       }
 
-      tip.popperInstance.disableEventListeners();
-
-      tip.props.appendTo.removeChild(tip.popper);
-      tip.state.isMounted = false;
-
-      tip.props.onHidden(tip);
+      instance.popperInstance.disableEventListeners();
+      instance.popperInstance.options.placement = instance.props.placement;
+      parentNode.removeChild(instance.popper);
+      instance.props.onHidden(instance);
+      instance.state.isMounted = false;
     });
   }
-
   /**
    * Destroys the tooltip
    */
+
+
   function destroy(destroyTargetInstances) {
-    if (tip.state.isDestroyed) {
+    if (instance.state.isDestroyed) {
       return;
-    }
-
-    // If the popper is currently mounted to the DOM, we want to ensure it gets
+    } // If the popper is currently mounted to the DOM, we want to ensure it gets
     // hidden and unmounted instantly upon destruction
-    if (tip.state.isMounted) {
+
+
+    if (instance.state.isMounted) {
       hide(0);
     }
 
     removeTriggersFromReference();
+    delete instance.reference._tippy;
 
-    tip.reference.removeEventListener('click', onReferenceClick);
-
-    delete tip.reference._tippy;
-
-    if (tip.props.target && destroyTargetInstances) {
-      arrayFrom(tip.reference.querySelectorAll(tip.props.target)).forEach(function (child) {
-        return child._tippy && child._tippy.destroy();
+    if (instance.props.target && destroyTargetInstances) {
+      arrayFrom(instance.reference.querySelectorAll(instance.props.target)).forEach(function (child) {
+        if (child._tippy) {
+          child._tippy.destroy();
+        }
       });
     }
 
-    if (tip.popperInstance) {
-      tip.popperInstance.destroy();
+    if (instance.popperInstance) {
+      instance.popperInstance.destroy();
     }
 
-    if (popperMutationObserver) {
-      popperMutationObserver.disconnect();
-    }
+    instance.state.isDestroyed = true;
+  }
+}
+
+function group(instances) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? instances[0].props.delay : _ref$delay,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? 0 : _ref$duration;
+
+  var isAnyTippyOpen = false;
+  instances.forEach(function (instance) {
+    instance._originalProps = {
+      duration: instance.props.duration,
+      onHide: instance.props.onHide,
+      onShow: instance.props.onShow,
+      onShown: instance.props.onShown
+    };
+  });
+
+  function setIsAnyTippyOpen(value) {
+    isAnyTippyOpen = value;
+    updateInstances();
+  }
+
+  function onShow(instance) {
+    instance._originalProps.onShow(instance);
+
+    instances.forEach(function (instance) {
+      instance.set({
+        duration: duration
+      });
+      instance.hide();
+    });
+    setIsAnyTippyOpen(true);
+  }
+
+  function onHide(instance) {
+    instance._originalProps.onHide(instance);
+
+    setIsAnyTippyOpen(false);
+  }
+
+  function onShown(instance) {
+    instance._originalProps.onShown(instance);
+
+    instance.set({
+      duration: instance._originalProps.duration
+    });
+  }
 
-    tip.state.isDestroyed = true;
+  function updateInstances() {
+    instances.forEach(function (instance) {
+      instance.set({
+        onShow: onShow,
+        onShown: onShown,
+        onHide: onHide,
+        delay: isAnyTippyOpen ? [0, Array.isArray(delay) ? delay[1] : delay] : delay,
+        duration: isAnyTippyOpen ? duration : instance._originalProps.duration
+      });
+    });
   }
+
+  updateInstances();
 }
 
 var globalEventListenersBound = false;
-
 /**
  * Exported module
  * @param {String|Element|Element[]|NodeList|Object} targets
  * @param {Object} options
- * @param {Boolean} one
  * @return {Object}
  */
-function tippy$1(targets, options, one) {
+
+function tippy(targets, options) {
   validateOptions(options, Defaults$1);
 
   if (!globalEventListenersBound) {
@@ -6211,85 +6166,80 @@ function tippy$1(targets, options, one) {
     globalEventListenersBound = true;
   }
 
-  var props = _extends$2({}, Defaults$1, options);
+  var props = _extends$2({}, Defaults$1, options); // If they are specifying a virtual positioning reference, we need to polyfill
+  // some native DOM props
+
 
-  /**
-   * If they are specifying a virtual positioning reference, we need to polyfill
-   * some native DOM props
-   */
   if (isPlainObject$1(targets)) {
     polyfillElementPrototypeProperties(targets);
   }
 
-  var references = getArrayOfElements(targets);
-  var firstReference = references[0];
+  var instances = getArrayOfElements(targets).reduce(function (acc, reference) {
+    var instance = reference && createTippy(reference, props);
 
-  var instances = (one && firstReference ? [firstReference] : references).reduce(function (acc, reference) {
-    var tip = reference && createTippy(reference, props);
-    if (tip) {
-      acc.push(tip);
+    if (instance) {
+      acc.push(instance);
     }
+
     return acc;
   }, []);
-
-  var collection = {
-    targets: targets,
-    props: props,
-    instances: instances,
-    destroyAll: function destroyAll() {
-      collection.instances.forEach(function (instance) {
-        instance.destroy();
-      });
-      collection.instances = [];
-    }
-  };
-
-  return collection;
+  return isSingular(targets) ? instances[0] : instances;
 }
-
 /**
  * Static props
  */
-tippy$1.version = version;
-tippy$1.defaults = Defaults$1;
 
+
+tippy.version = version;
+tippy.defaults = Defaults$1;
 /**
  * Static methods
  */
-tippy$1.one = function (targets, options) {
-  return tippy$1(targets, options, true).instances[0];
-};
-tippy$1.setDefaults = function (partialDefaults) {
+
+tippy.setDefaults = function (partialDefaults) {
   Object.keys(partialDefaults).forEach(function (key) {
     Defaults$1[key] = partialDefaults[key];
   });
 };
-tippy$1.disableAnimations = function () {
-  tippy$1.setDefaults({
-    duration: 0,
-    updateDuration: 0,
-    animateFill: false
-  });
-};
-tippy$1.hideAllPoppers = hideAllPoppers;
-// noop: deprecated static method as capture phase is now default
-tippy$1.useCapture = function () {};
 
+tippy.hideAll = hideAll;
+tippy.group = group;
 /**
  * Auto-init tooltips for elements with a `data-tippy="..."` attribute
  */
-var autoInit = function autoInit() {
+
+function autoInit() {
   arrayFrom(document.querySelectorAll('[data-tippy]')).forEach(function (el) {
     var content = el.getAttribute('data-tippy');
+
     if (content) {
-      tippy$1(el, { content: content });
+      tippy(el, {
+        content: content
+      });
     }
   });
-};
+}
+
 if (isBrowser$1) {
   setTimeout(autoInit);
 }
 
+/**
+ * Injects a string of CSS styles to a style node in <head>
+ * @param {String} css
+ */
+
+function injectCSS(css) {
+  if (isBrowser$1) {
+    var style = document.createElement('style');
+    style.type = 'text/css';
+    style.textContent = css;
+    document.head.insertBefore(style, document.head.firstChild);
+  }
+}
+
+injectCSS(css);
+
 var missingTippy = 'Using the attachment feature of Shepherd requires the Tippy.js library';
 
 var centeredStylePopperModifier = {
@@ -6370,7 +6320,7 @@ function parseShorthand(obj, props) {
  */
 
 function setupTooltip() {
-  if (isUndefined(tippy$1)) {
+  if (isUndefined(tippy)) {
     throw new Error(missingTippy);
   }
 
@@ -6424,7 +6374,7 @@ function _makeTippyInstance(attachToOptions) {
 
   var tippyOptions = _makeAttachedTippyOptions.call(this, attachToOptions);
 
-  return tippy$1.one(attachToOptions.element, tippyOptions);
+  return tippy(attachToOptions.element, tippyOptions);
 }
 /**
  * Generates the hash of options that will be passed to `Tippy` instances
@@ -6473,7 +6423,7 @@ function _makeCenteredTippy() {
   });
 
   tippyOptions.popperOptions = finalPopperOptions;
-  return tippy$1.one(document.body, tippyOptions);
+  return tippy(document.body, tippyOptions);
 }
 
 /**
@@ -6703,7 +6653,7 @@ function (_Evented) {
         var buttons = createFromHTML('<ul class="shepherd-buttons"></ul>');
         footer.classList.add('shepherd-footer');
         this.options.buttons.map(function (cfg) {
-          var button = createFromHTML("<li><a class=\"shepherd-button ".concat(cfg.classes || '', "\">").concat(cfg.text, "</a>"));
+          var button = createFromHTML("<li><a class=\"shepherd-button ".concat(cfg.classes || '', "\" tabindex=\"0\">").concat(cfg.text, "</a>"));
           buttons.appendChild(button);
 
           _this2.bindButtonEvents(cfg, button.querySelector('a'));
@@ -7006,27 +6956,6 @@ function (_Evented) {
   return Step;
 }(Evented);
 
-var isBrowser$2 = typeof window !== 'undefined';
-var nav$1 = isBrowser$2 ? navigator : {};
-var win$1 = isBrowser$2 ? window : {};
-var isBrowserSupported = 'MutationObserver' in win$1;
-var isIE$2 = /MSIE |Trident\//.test(nav$1.userAgent);
-var isIOS$1 = /iPhone|iPad|iPod/.test(nav$1.platform) && !win$1.MSStream;
-
-/**
- * Injects a string of CSS styles to a style node in <head>
- * @param {String} css
- */
-
-function injectCSS(css) {
-  if (isBrowserSupported) {
-    var style = document.createElement('style');
-    style.type = 'text/css';
-    style.textContent = css;
-    document.head.insertBefore(style, document.head.firstChild);
-  }
-}
-
 /** `Object#toString` result references. */
 var numberTag$1 = '[object Number]';
 
@@ -7201,11 +7130,14 @@ function positionModalOpening(targetElement, openingElement) {
         x = _targetElement$getBou.x,
         y = _targetElement$getBou.y,
         width = _targetElement$getBou.width,
-        height = _targetElement$getBou.height;
+        height = _targetElement$getBou.height,
+        left = _targetElement$getBou.left,
+        top = _targetElement$getBou.top; // getBoundingClientRect is not consistent. Some browsers use x and y, while others use left and top
+
 
     _setAttributes(openingElement, {
-      x: x,
-      y: y,
+      x: x || left,
+      y: y || top,
       width: width,
       height: height
     });
@@ -7747,7 +7679,7 @@ function baseRest(func, start) {
  * }, 'deferred');
  * // => Logs 'deferred' after one millisecond.
  */
-var defer$1 = baseRest(function(func, args) {
+var defer = baseRest(function(func, args) {
   return baseDelay(func, 1, args);
 });
 
@@ -7778,7 +7710,7 @@ function () {
     value: function cleanup() {
       var _this = this;
 
-      defer$1(function () {
+      defer(function () {
         var element = _this._modalOverlayElem;
 
         if (element && element instanceof SVGElement) {
@@ -7860,12 +7792,9 @@ function () {
   return Modal;
 }();
 
-var tippyStyles = ".tippy-iOS{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{-webkit-perspective:700px;perspective:700px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none;line-height:1.4;max-width:calc(100% - 10px)}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-8px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;bottom:-7px;margin:0 6px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(60deg);transform:translateY(0) rotateX(60deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-8px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;top:-7px;margin:0 6px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(-60deg);transform:translateY(0) rotateX(-60deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-16px;-webkit-transform-origin:33.33333333% 50%;transform-origin:33.33333333% 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-7px;margin:3px 0;-webkit-transform-origin:0 50%;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(-60deg);transform:translateX(0) rotateY(-60deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-16px;-webkit-transform-origin:66.66666666% 50%;transform-origin:66.66666666% 50%}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;left:-7px;margin:3px 0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(60deg);transform:translateX(0) rotateY(60deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(.5);transform:translateX(0) scale(.5)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;max-width:350px;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-tooltip[data-inertia][data-state=hidden]{transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:24px;height:8px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:\"\";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}";
-
 var defaults = {
   trigger: 'manual',
   arrow: true,
-  arrowTransform: 'scale(2)',
   animation: 'fade',
   duration: 420,
   flip: true,
@@ -7959,7 +7888,7 @@ function (_Evented) {
     _classCallCheck(this, Tour);
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(Tour).call(this, options));
-    bindMethods.call(_assertThisInitialized(_assertThisInitialized(_this)), ['back', 'cancel', 'complete', 'next']);
+    bindMethods.call(_assertThisInitialized(_assertThisInitialized(_this)), ['back', 'cancel', 'complete', 'hide', 'next']);
     _this.options = options;
     _this.steps = _this.options.steps || []; // Pass these events onto the global Shepherd object
 
@@ -7979,7 +7908,6 @@ function (_Evented) {
 
     _this._setTourID();
 
-    injectCSS(tippyStyles);
     return _possibleConstructorReturn(_this, _assertThisInitialized(_assertThisInitialized(_this)));
   }
   /**
@@ -8294,7 +8222,7 @@ function (_Evented) {
   }, {
     key: "_setTooltipDefaults",
     value: function _setTooltipDefaults() {
-      tippy$1.setDefaults(defaults);
+      tippy.setDefaults(defaults);
     }
   }, {
     key: "_updateStateBeforeShow",