From a69b251eef4b8a12717e89b3e0980d2f449190ef Mon Sep 17 00:00:00 2001
From: Lance Gliser <lance.gliser@jedunn.com>
Date: Mon, 27 Nov 2017 12:33:40 -0600
Subject: [PATCH] Added the required x-arrow attribute to enable the arrow to
 stay bound to the target

---
 dist/js/shepherd.js     | 2 +-
 dist/js/shepherd.min.js | 2 +-
 src/js/shepherd.js      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/dist/js/shepherd.js b/dist/js/shepherd.js
index 9797b9753..f4845a9ce 100644
--- a/dist/js/shepherd.js
+++ b/dist/js/shepherd.js
@@ -552,7 +552,7 @@ var Step = (function (_Evented) {
         this.destroy();
       }
 
-      this.el = createFromHTML('<div class=\'shepherd-step ' + (this.options.classes || '') + '\' data-id=\'' + this.id + '\' ' + (this.options.idAttribute ? 'id="' + this.options.idAttribute + '"' : '') + '><div class="popper__arrow"></div>');
+      this.el = createFromHTML('<div class=\'shepherd-step ' + (this.options.classes || '') + '\' data-id=\'' + this.id + '\' ' + (this.options.idAttribute ? 'id="' + this.options.idAttribute + '"' : '') + '><div class="popper__arrow" x-arrow></div>');
 
       var content = document.createElement('div');
       content.className = 'shepherd-content';
diff --git a/dist/js/shepherd.min.js b/dist/js/shepherd.min.js
index 20906ddb7..62e363958 100644
--- a/dist/js/shepherd.min.js
+++ b/dist/js/shepherd.min.js
@@ -1 +1 @@
-!function(e,t){"function"==typeof define&&define.amd?define(["popper"],t):"object"==typeof exports?module.exports=t(require("popper")):e.Shepherd=t(e.Popper)}(this,function(e){"use strict";function t(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var n=Object(e),i=1;i<arguments.length;i++){var s=arguments[i];if(null!=s)for(var o in s)Object.prototype.hasOwnProperty.call(s,o)&&(n[o]=s[o])}return n}function s(e){return"undefined"==typeof e}function o(e){return e&&e.constructor===Array}function r(e){return e&&e.constructor===Object}function h(e){return"object"==typeof e}function a(e){var t=document.createElement("div");return t.innerHTML=e,t.children[0]}function c(e,t){var n=void 0;return s(e.matches)?s(e.matchesSelector)?s(e.msMatchesSelector)?s(e.webkitMatchesSelector)?s(e.mozMatchesSelector)?s(e.oMatchesSelector)||(n=e.oMatchesSelector):n=e.mozMatchesSelector:n=e.webkitMatchesSelector:n=e.msMatchesSelector:n=e.matchesSelector:n=e.matches,n.call(e,t)}function l(e){if(h(e))return e.hasOwnProperty("element")&&e.hasOwnProperty("on")?e:null;var t=v.exec(e);if(!t)return null;var n=t[2];return"["===n[0]&&(n=n.substring(1,n.length-1)),{element:t[1],on:n}}function u(e,t){if(null===e||s(e))return e;if(h(e))return e;for(var n=e.split(" "),i={},o=t.length-1,r=n.length-1;r>=0;r--){if(0===o){i[t[o]]=n.slice(0,r+1).join(" ");break}i[t[o]]=n[r],o--}return i}var p=function(e,t,n){for(var i=!0;i;){var s=e,o=t,r=n;i=!1,null===s&&(s=Function.prototype);var h=Object.getOwnPropertyDescriptor(s,o);if(void 0!==h){if("value"in h)return h.value;var a=h.get;if(void 0===a)return;return a.call(r)}var c=Object.getPrototypeOf(s);if(null===c)return;e=c,t=o,n=r,i=!0,h=c=void 0}},d=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),f=function(){var e=0;return function(){return++e}}(),v=/^(.+) (top|left|right|bottom|center)$/,y=function(){function e(){arguments.length<=0||void 0===arguments[0]?{}:arguments[0];n(this,e)}return d(e,[{key:"on",value:function(e,t,n){var i=!(arguments.length<=3||void 0===arguments[3])&&arguments[3];"undefined"==typeof this.bindings&&(this.bindings={}),"undefined"==typeof this.bindings[e]&&(this.bindings[e]=[]),this.bindings[e].push({handler:t,ctx:n,once:i})}},{key:"once",value:function(e,t,n){this.on(e,t,n,!0)}},{key:"off",value:function(e,t){if("undefined"!=typeof this.bindings&&"undefined"!=typeof this.bindings[e])if("undefined"==typeof t)delete this.bindings[e];else for(var n=0;n<this.bindings[e].length;)this.bindings[e][n].handler===t?this.bindings[e].splice(n,1):++n}},{key:"trigger",value:function(e){if("undefined"!=typeof this.bindings&&this.bindings[e]){for(var t=arguments.length,n=Array(t>1?t-1:0),i=0,s=1;s<t;s++)n[s-1]=arguments[s];for(;i<this.bindings[e].length;){var o=this.bindings[e][i],r=o.handler,h=o.ctx,a=o.once,c=h;"undefined"==typeof c&&(c=this),r.apply(c,n),a?this.bindings[e].splice(i,1):++i}}}}]),e}(),g=function(h){function v(e,t){return n(this,v),p(Object.getPrototypeOf(v.prototype),"constructor",this).call(this,e,t),this.tour=e,this.bindMethods(),this.setOptions(t),this}return t(v,h),d(v,[{key:"bindMethods",value:function(){var e=this,t=["_show","show","hide","isOpen","cancel","complete","scrollTo","destroy","render"];t.map(function(t){e[t]=e[t].bind(e)})}},{key:"setOptions",value:function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=e,this.destroy(),this.id=this.options.id||this.id||"step-"+f();var t=this.options.when;if(t)for(var n in t)if({}.hasOwnProperty.call(t,n)){var i=t[n];this.on(n,i,this)}var h=JSON.stringify(this.options.buttons),a=s(h)||"true"===h,c="{}"===h||"[]"===h||"null"===h||"false"===h,l=!a&&o(this.options.buttons),u=!a&&r(this.options.buttons);a?this.options.buttons=[{text:"Next",action:this.tour.next,classes:"btn"}]:!c&&u?this.options.buttons=[this.options.buttons]:!c&&l||(this.options.buttons=!1)}},{key:"getTour",value:function(){return this.tour}},{key:"bindAdvance",value:function(){var e=this,t=u(this.options.advanceOn,["selector","event"]),n=t.event,i=t.selector,o=function(t){e.isOpen()&&(s(i)?e.el&&t.target===e.el&&e.tour.next():c(t.target,i)&&e.tour.next())};document.body.addEventListener(n,o),this.on("destroy",function(){return document.body.removeEventListener(n,o)})}},{key:"getAttachTo",value:function(){var e=l(this.options.attachTo)||{},t=i({},e);return"string"==typeof e.element&&(t.element=document.querySelector(e.element),t.element||console.error("The element for this Shepherd step was not found "+e.element)),t}},{key:"setupPopper",value:function(){if(s(e))throw new Error("Using the attachment feature of Shepherd requires the Popper.js library");var t=this.getAttachTo();t.modifiers=t.modifiers||{};var n=t.on||"right";s(t.element)&&(t.element=document.querySelector("html"),n="top",t.modifiers=i({offset:"50vh",positionFixed:!0,inner:{enabled:!0},preventOverflow:{enabled:!1,padding:0},hide:{enabled:!1}},t.modifiers));var o=i({},{offset:t.offset||void 0,placement:n,arrowElement:this.el.querySelector(".popper__arrow"),modifiers:t.modifiers},this.options.popperOptions);this.popper&&this.popper.destroy(),this.el.classList.add("shepherd-element"),this.popper=new e(t.element,this.el,o),this.target=t.element,this.target.classList.add("shepherd-target"),this.target.classList.add("shepherd-enabled")}},{key:"show",value:function(){var e=this;if(!s(this.options.beforeShowPromise)){var t=this.options.beforeShowPromise();if(!s(t))return t.then(function(){return e._show()})}this._show()}},{key:"_show",value:function(){var e=this;this.trigger("before-show"),this.el||this.render(),this.el.classList.add("shepherd-open"),document.body.setAttribute("data-shepherd-step",this.id),this.setupPopper(),this.options.scrollTo&&setTimeout(function(){e.scrollTo()}),this.trigger("show")}},{key:"hide",value:function(){this.trigger("before-hide"),this.el.classList.remove("shepherd-open"),document.body.removeAttribute("data-shepherd-step"),this.target&&this.target.classList.remove("shepherd-enabled"),this.popper&&this.popper.destroy(),this.popper=null,this.trigger("hide")}},{key:"isOpen",value:function(){return this.el&&this.el.classList.hasClass("shepherd-open")}},{key:"cancel",value:function(){this.tour.cancel(),this.trigger("cancel")}},{key:"complete",value:function(){this.tour.complete(),this.trigger("complete")}},{key:"scrollTo",value:function(){var e=this.getAttachTo(),t=e.element;s(this.options.scrollToHandler)?s(t)||t.scrollIntoView():this.options.scrollToHandler(t)}},{key:"destroy",value:function(){!s(this.el)&&this.el.parentNode&&(this.el.parentNode.removeChild(this.el),delete this.el),this.popper&&this.popper.destroy(),this.popper=null,this.trigger("destroy")}},{key:"render",value:function(){var e=this;s(this.el)||this.destroy(),this.el=a("<div class='shepherd-step "+(this.options.classes||"")+"' data-id='"+this.id+"' "+(this.options.idAttribute?'id="'+this.options.idAttribute+'"':"")+'><div class="popper__arrow"></div>');var t=document.createElement("div");t.className="shepherd-content",this.el.appendChild(t);var n=document.createElement("header");if(t.appendChild(n),this.options.title&&(n.innerHTML+="<h3 class='shepherd-title'>"+this.options.title+"</h3>",this.el.className+=" shepherd-has-title"),this.options.showCancelLink){var i=a("<a href class='shepherd-cancel-link'>✕</a>");n.appendChild(i),this.el.className+=" shepherd-has-cancel-link",this.bindCancelLink(i)}s(this.options.text)||!function(){var n=a("<div class='shepherd-text'></div>"),i=e.options.text;"function"==typeof i&&(i=i.call(e,n)),i instanceof HTMLElement?n.appendChild(i):("string"==typeof i&&(i=[i]),i.map(function(e){n.innerHTML+="<p>"+e+"</p>"})),t.appendChild(n)}(),this.options.buttons&&!function(){var n=document.createElement("footer"),i=a("<ul class='shepherd-buttons'></ul>");e.options.buttons.map(function(t){var n=a("<li><a class='shepherd-button "+(t.classes||"")+"'>"+t.text+"</a>");i.appendChild(n),e.bindButtonEvents(t,n.querySelector("a"))}),n.appendChild(i),t.appendChild(n)}(),document.body.appendChild(this.el),this.setupPopper(),this.options.advanceOn&&this.bindAdvance()}},{key:"bindCancelLink",value:function(e){var t=this;e.addEventListener("click",function(e){e.preventDefault(),t.cancel()})}},{key:"bindButtonEvents",value:function(e,t){var n=this;e.events=e.events||{},s(e.action)||(e.events.click=e.action);for(var i in e.events)if({}.hasOwnProperty.call(e.events,i)){var o=e.events[i];"string"==typeof o&&!function(){var e=o;o=function(){return n.tour.show(e)}}(),t.addEventListener(i,o)}this.on("destroy",function(){for(var n in e.events)if({}.hasOwnProperty.call(e.events,n)){var i=e.events[n];t.removeEventListener(n,i)}})}}]),v}(y),b=function(e){function o(){var e=this,t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];n(this,o),p(Object.getPrototypeOf(o.prototype),"constructor",this).call(this,t),this.bindMethods(),this.options=t,this.steps=this.options.steps||[];var i=["complete","cancel","hide","start","show","active","inactive"];return i.map(function(t){!function(t){e.on(t,function(n){n=n||{},n.tour=e,m.trigger(t,n)})}(t)}),this}return t(o,e),d(o,[{key:"bindMethods",value:function(){var e=this,t=["next","back","cancel","complete","hide"];t.map(function(t){e[t]=e[t].bind(e)})}},{key:"addStep",value:function(e,t){return s(t)&&(t=e),t instanceof g?t.tour=this:("string"!=typeof e&&"number"!=typeof e||(t.id=e.toString()),t=i({},this.options.defaults,t),t=new g(this,t)),this.steps.push(t),this}},{key:"removeStep",value:function(e){for(var t=this.getCurrentStep(),n=0;n<this.steps.length;++n){var i=this.steps[n];if(i.id===e){i.isOpen()&&i.hide(),i.destroy(),this.steps.splice(n,1);break}}t&&t.id===e&&(this.currentStep=void 0,this.steps.length?this.show(0):this.hide())}},{key:"getById",value:function(e){for(var t=0;t<this.steps.length;++t){var n=this.steps[t];if(n.id===e)return n}}},{key:"getCurrentStep",value:function(){return this.currentStep}},{key:"next",value:function(){var e=this.steps.indexOf(this.currentStep);e===this.steps.length-1?(this.hide(e),this.trigger("complete"),this.done()):this.show(e+1,!0)}},{key:"back",value:function(){var e=this.steps.indexOf(this.currentStep);this.show(e-1,!1)}},{key:"cancel",value:function(){this.currentStep&&this.currentStep.hide(),this.trigger("cancel"),this.done()}},{key:"complete",value:function(){this.currentStep&&this.currentStep.hide(),this.trigger("complete"),this.done()}},{key:"hide",value:function(){this.currentStep&&this.currentStep.hide(),this.trigger("hide"),this.done()}},{key:"done",value:function(){m.activeTour=null,document.body.classList.remove("shepherd-active"),this.trigger("inactive",{tour:this})}},{key:"show",value:function(){var e=arguments.length<=0||void 0===arguments[0]?0:arguments[0],t=arguments.length<=1||void 0===arguments[1]||arguments[1];this.currentStep?this.currentStep.hide():(document.body.classList.add("shepherd-active"),this.trigger("active",{tour:this})),m.activeTour=this;var n=void 0;if(n="string"==typeof e?this.getById(e):this.steps[e])if(s(n.options.showOn)||n.options.showOn())this.trigger("show",{step:n,previous:this.currentStep}),this.currentStep&&this.currentStep.hide(),this.currentStep=n,n.show();else{var i=this.steps.indexOf(n),o=t?i+1:i-1;this.show(o,t)}}},{key:"start",value:function(){this.trigger("start"),this.currentStep=null,this.next()}}]),o}(y),m=new y;return i(m,{Tour:b,Step:g,Evented:y}),m});
\ No newline at end of file
+!function(e,t){"function"==typeof define&&define.amd?define(["popper"],t):"object"==typeof exports?module.exports=t(require("popper")):e.Shepherd=t(e.Popper)}(this,function(e){"use strict";function t(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var n=Object(e),i=1;i<arguments.length;i++){var s=arguments[i];if(null!=s)for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(n[r]=s[r])}return n}function s(e){return"undefined"==typeof e}function r(e){return e&&e.constructor===Array}function o(e){return e&&e.constructor===Object}function h(e){return"object"==typeof e}function a(e){var t=document.createElement("div");return t.innerHTML=e,t.children[0]}function c(e,t){var n=void 0;return s(e.matches)?s(e.matchesSelector)?s(e.msMatchesSelector)?s(e.webkitMatchesSelector)?s(e.mozMatchesSelector)?s(e.oMatchesSelector)||(n=e.oMatchesSelector):n=e.mozMatchesSelector:n=e.webkitMatchesSelector:n=e.msMatchesSelector:n=e.matchesSelector:n=e.matches,n.call(e,t)}function l(e){if(h(e))return e.hasOwnProperty("element")&&e.hasOwnProperty("on")?e:null;var t=v.exec(e);if(!t)return null;var n=t[2];return"["===n[0]&&(n=n.substring(1,n.length-1)),{element:t[1],on:n}}function u(e,t){if(null===e||s(e))return e;if(h(e))return e;for(var n=e.split(" "),i={},r=t.length-1,o=n.length-1;o>=0;o--){if(0===r){i[t[r]]=n.slice(0,o+1).join(" ");break}i[t[r]]=n[o],r--}return i}var p=function(e,t,n){for(var i=!0;i;){var s=e,r=t,o=n;i=!1,null===s&&(s=Function.prototype);var h=Object.getOwnPropertyDescriptor(s,r);if(void 0!==h){if("value"in h)return h.value;var a=h.get;if(void 0===a)return;return a.call(o)}var c=Object.getPrototypeOf(s);if(null===c)return;e=c,t=r,n=o,i=!0,h=c=void 0}},d=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),f=function(){var e=0;return function(){return++e}}(),v=/^(.+) (top|left|right|bottom|center)$/,y=function(){function e(){arguments.length<=0||void 0===arguments[0]?{}:arguments[0];n(this,e)}return d(e,[{key:"on",value:function(e,t,n){var i=!(arguments.length<=3||void 0===arguments[3])&&arguments[3];"undefined"==typeof this.bindings&&(this.bindings={}),"undefined"==typeof this.bindings[e]&&(this.bindings[e]=[]),this.bindings[e].push({handler:t,ctx:n,once:i})}},{key:"once",value:function(e,t,n){this.on(e,t,n,!0)}},{key:"off",value:function(e,t){if("undefined"!=typeof this.bindings&&"undefined"!=typeof this.bindings[e])if("undefined"==typeof t)delete this.bindings[e];else for(var n=0;n<this.bindings[e].length;)this.bindings[e][n].handler===t?this.bindings[e].splice(n,1):++n}},{key:"trigger",value:function(e){if("undefined"!=typeof this.bindings&&this.bindings[e]){for(var t=arguments.length,n=Array(t>1?t-1:0),i=0,s=1;s<t;s++)n[s-1]=arguments[s];for(;i<this.bindings[e].length;){var r=this.bindings[e][i],o=r.handler,h=r.ctx,a=r.once,c=h;"undefined"==typeof c&&(c=this),o.apply(c,n),a?this.bindings[e].splice(i,1):++i}}}}]),e}(),g=function(h){function v(e,t){return n(this,v),p(Object.getPrototypeOf(v.prototype),"constructor",this).call(this,e,t),this.tour=e,this.bindMethods(),this.setOptions(t),this}return t(v,h),d(v,[{key:"bindMethods",value:function(){var e=this,t=["_show","show","hide","isOpen","cancel","complete","scrollTo","destroy","render"];t.map(function(t){e[t]=e[t].bind(e)})}},{key:"setOptions",value:function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=e,this.destroy(),this.id=this.options.id||this.id||"step-"+f();var t=this.options.when;if(t)for(var n in t)if({}.hasOwnProperty.call(t,n)){var i=t[n];this.on(n,i,this)}var h=JSON.stringify(this.options.buttons),a=s(h)||"true"===h,c="{}"===h||"[]"===h||"null"===h||"false"===h,l=!a&&r(this.options.buttons),u=!a&&o(this.options.buttons);a?this.options.buttons=[{text:"Next",action:this.tour.next,classes:"btn"}]:!c&&u?this.options.buttons=[this.options.buttons]:!c&&l||(this.options.buttons=!1)}},{key:"getTour",value:function(){return this.tour}},{key:"bindAdvance",value:function(){var e=this,t=u(this.options.advanceOn,["selector","event"]),n=t.event,i=t.selector,r=function(t){e.isOpen()&&(s(i)?e.el&&t.target===e.el&&e.tour.next():c(t.target,i)&&e.tour.next())};document.body.addEventListener(n,r),this.on("destroy",function(){return document.body.removeEventListener(n,r)})}},{key:"getAttachTo",value:function(){var e=l(this.options.attachTo)||{},t=i({},e);return"string"==typeof e.element&&(t.element=document.querySelector(e.element),t.element||console.error("The element for this Shepherd step was not found "+e.element)),t}},{key:"setupPopper",value:function(){if(s(e))throw new Error("Using the attachment feature of Shepherd requires the Popper.js library");var t=this.getAttachTo();t.modifiers=t.modifiers||{};var n=t.on||"right";s(t.element)&&(t.element=document.querySelector("html"),n="top",t.modifiers=i({offset:"50vh",positionFixed:!0,inner:{enabled:!0},preventOverflow:{enabled:!1,padding:0},hide:{enabled:!1}},t.modifiers));var r=i({},{offset:t.offset||void 0,placement:n,arrowElement:this.el.querySelector(".popper__arrow"),modifiers:t.modifiers},this.options.popperOptions);this.popper&&this.popper.destroy(),this.el.classList.add("shepherd-element"),this.popper=new e(t.element,this.el,r),this.target=t.element,this.target.classList.add("shepherd-target"),this.target.classList.add("shepherd-enabled")}},{key:"show",value:function(){var e=this;if(!s(this.options.beforeShowPromise)){var t=this.options.beforeShowPromise();if(!s(t))return t.then(function(){return e._show()})}this._show()}},{key:"_show",value:function(){var e=this;this.trigger("before-show"),this.el||this.render(),this.el.classList.add("shepherd-open"),document.body.setAttribute("data-shepherd-step",this.id),this.setupPopper(),this.options.scrollTo&&setTimeout(function(){e.scrollTo()}),this.trigger("show")}},{key:"hide",value:function(){this.trigger("before-hide"),this.el.classList.remove("shepherd-open"),document.body.removeAttribute("data-shepherd-step"),this.target&&this.target.classList.remove("shepherd-enabled"),this.popper&&this.popper.destroy(),this.popper=null,this.trigger("hide")}},{key:"isOpen",value:function(){return this.el&&this.el.classList.hasClass("shepherd-open")}},{key:"cancel",value:function(){this.tour.cancel(),this.trigger("cancel")}},{key:"complete",value:function(){this.tour.complete(),this.trigger("complete")}},{key:"scrollTo",value:function(){var e=this.getAttachTo(),t=e.element;s(this.options.scrollToHandler)?s(t)||t.scrollIntoView():this.options.scrollToHandler(t)}},{key:"destroy",value:function(){!s(this.el)&&this.el.parentNode&&(this.el.parentNode.removeChild(this.el),delete this.el),this.popper&&this.popper.destroy(),this.popper=null,this.trigger("destroy")}},{key:"render",value:function(){var e=this;s(this.el)||this.destroy(),this.el=a("<div class='shepherd-step "+(this.options.classes||"")+"' data-id='"+this.id+"' "+(this.options.idAttribute?'id="'+this.options.idAttribute+'"':"")+'><div class="popper__arrow" x-arrow></div>');var t=document.createElement("div");t.className="shepherd-content",this.el.appendChild(t);var n=document.createElement("header");if(t.appendChild(n),this.options.title&&(n.innerHTML+="<h3 class='shepherd-title'>"+this.options.title+"</h3>",this.el.className+=" shepherd-has-title"),this.options.showCancelLink){var i=a("<a href class='shepherd-cancel-link'>✕</a>");n.appendChild(i),this.el.className+=" shepherd-has-cancel-link",this.bindCancelLink(i)}s(this.options.text)||!function(){var n=a("<div class='shepherd-text'></div>"),i=e.options.text;"function"==typeof i&&(i=i.call(e,n)),i instanceof HTMLElement?n.appendChild(i):("string"==typeof i&&(i=[i]),i.map(function(e){n.innerHTML+="<p>"+e+"</p>"})),t.appendChild(n)}(),this.options.buttons&&!function(){var n=document.createElement("footer"),i=a("<ul class='shepherd-buttons'></ul>");e.options.buttons.map(function(t){var n=a("<li><a class='shepherd-button "+(t.classes||"")+"'>"+t.text+"</a>");i.appendChild(n),e.bindButtonEvents(t,n.querySelector("a"))}),n.appendChild(i),t.appendChild(n)}(),document.body.appendChild(this.el),this.setupPopper(),this.options.advanceOn&&this.bindAdvance()}},{key:"bindCancelLink",value:function(e){var t=this;e.addEventListener("click",function(e){e.preventDefault(),t.cancel()})}},{key:"bindButtonEvents",value:function(e,t){var n=this;e.events=e.events||{},s(e.action)||(e.events.click=e.action);for(var i in e.events)if({}.hasOwnProperty.call(e.events,i)){var r=e.events[i];"string"==typeof r&&!function(){var e=r;r=function(){return n.tour.show(e)}}(),t.addEventListener(i,r)}this.on("destroy",function(){for(var n in e.events)if({}.hasOwnProperty.call(e.events,n)){var i=e.events[n];t.removeEventListener(n,i)}})}}]),v}(y),b=function(e){function r(){var e=this,t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];n(this,r),p(Object.getPrototypeOf(r.prototype),"constructor",this).call(this,t),this.bindMethods(),this.options=t,this.steps=this.options.steps||[];var i=["complete","cancel","hide","start","show","active","inactive"];return i.map(function(t){!function(t){e.on(t,function(n){n=n||{},n.tour=e,m.trigger(t,n)})}(t)}),this}return t(r,e),d(r,[{key:"bindMethods",value:function(){var e=this,t=["next","back","cancel","complete","hide"];t.map(function(t){e[t]=e[t].bind(e)})}},{key:"addStep",value:function(e,t){return s(t)&&(t=e),t instanceof g?t.tour=this:("string"!=typeof e&&"number"!=typeof e||(t.id=e.toString()),t=i({},this.options.defaults,t),t=new g(this,t)),this.steps.push(t),this}},{key:"removeStep",value:function(e){for(var t=this.getCurrentStep(),n=0;n<this.steps.length;++n){var i=this.steps[n];if(i.id===e){i.isOpen()&&i.hide(),i.destroy(),this.steps.splice(n,1);break}}t&&t.id===e&&(this.currentStep=void 0,this.steps.length?this.show(0):this.hide())}},{key:"getById",value:function(e){for(var t=0;t<this.steps.length;++t){var n=this.steps[t];if(n.id===e)return n}}},{key:"getCurrentStep",value:function(){return this.currentStep}},{key:"next",value:function(){var e=this.steps.indexOf(this.currentStep);e===this.steps.length-1?(this.hide(e),this.trigger("complete"),this.done()):this.show(e+1,!0)}},{key:"back",value:function(){var e=this.steps.indexOf(this.currentStep);this.show(e-1,!1)}},{key:"cancel",value:function(){this.currentStep&&this.currentStep.hide(),this.trigger("cancel"),this.done()}},{key:"complete",value:function(){this.currentStep&&this.currentStep.hide(),this.trigger("complete"),this.done()}},{key:"hide",value:function(){this.currentStep&&this.currentStep.hide(),this.trigger("hide"),this.done()}},{key:"done",value:function(){m.activeTour=null,document.body.classList.remove("shepherd-active"),this.trigger("inactive",{tour:this})}},{key:"show",value:function(){var e=arguments.length<=0||void 0===arguments[0]?0:arguments[0],t=arguments.length<=1||void 0===arguments[1]||arguments[1];this.currentStep?this.currentStep.hide():(document.body.classList.add("shepherd-active"),this.trigger("active",{tour:this})),m.activeTour=this;var n=void 0;if(n="string"==typeof e?this.getById(e):this.steps[e])if(s(n.options.showOn)||n.options.showOn())this.trigger("show",{step:n,previous:this.currentStep}),this.currentStep&&this.currentStep.hide(),this.currentStep=n,n.show();else{var i=this.steps.indexOf(n),r=t?i+1:i-1;this.show(r,t)}}},{key:"start",value:function(){this.trigger("start"),this.currentStep=null,this.next()}}]),r}(y),m=new y;return i(m,{Tour:b,Step:g,Evented:y}),m});
\ No newline at end of file
diff --git a/src/js/shepherd.js b/src/js/shepherd.js
index 1d1416dcd..530627915 100644
--- a/src/js/shepherd.js
+++ b/src/js/shepherd.js
@@ -493,7 +493,7 @@ class Step extends Evented {
       this.destroy();
     }
 
-    this.el = createFromHTML(`<div class='shepherd-step ${ this.options.classes || '' }' data-id='${ this.id }' ${ this.options.idAttribute ? 'id="' + this.options.idAttribute + '"' : '' }><div class="popper__arrow"></div>`);
+    this.el = createFromHTML(`<div class='shepherd-step ${ this.options.classes || '' }' data-id='${ this.id }' ${ this.options.idAttribute ? 'id="' + this.options.idAttribute + '"' : '' }><div class="popper__arrow" x-arrow></div>`);
 
     let content = document.createElement('div');
     content.className = 'shepherd-content';