@retoo/borda 0.0.2 → 0.1.0

package/dist/borda.min.cjs.js

@@ -2276,7 +2276,7 @@ var [Xr, Wr] = function() {
 		return ie("setContext").set(e, t), t;
 	}(e, t)];
 }(), Yr = function(e) {
-	return e.ON_BORDA_DESTROY = "borda:on-destroy", e.ON_CLOSE_CLICK = "close:click", e.ON_OVERLAY_CLICK = "overlay:click", e.ON_TOUR_START = "tour:start", e.ON_TOUR_FINISH = "tour:finish", e.ON_TOUR_CLOSE = "tour:close", e.ON_TOUR_NEXT = "tour:next", e.ON_TOUR_PREV = "tour:prev", e.ON_KEYBOARD_NEXT = "keyboard:next", e.ON_KEYBOARD_PREV = "keyboard:prev", e.ON_TOUR_STEP_CHANGE = "tour:step-change", e.ON_SKIP_CHANGE = "skip:change", e.ON_SKIP_CLEAR = "skip:clear", e.ON_VISIBILITY_SHOW = "visibility:show", e.ON_VISIBILITY_HIDE = "visibility:hide", e;
+	return e.ON_BORDA_DESTROY = "borda:on-destroy", e.ON_CLOSE_CLICK = "close:click", e.ON_OVERLAY_CLICK = "overlay:click", e.ON_TOUR_START = "tour:start", e.ON_TOUR_FINISH = "tour:finish", e.ON_TOUR_CLOSE = "tour:close", e.ON_TOUR_NEXT = "tour:next", e.ON_TOUR_PREV = "tour:prev", e.ON_TOUR_ERROR = "tour:error", e.ON_KEYBOARD_NEXT = "keyboard:next", e.ON_KEYBOARD_PREV = "keyboard:prev", e.ON_TOUR_STEP_CHANGE = "tour:step-change", e.ON_SKIP_CHANGE = "skip:change", e.ON_SKIP_CLEAR = "skip:clear", e.ON_VISIBILITY_SHOW = "visibility:show", e.ON_VISIBILITY_HIDE = "visibility:hide", e;
 }({});
 function Zr() {
 	const e = /* @__PURE__ */ new Map();
@@ -2591,9 +2591,16 @@ function Co(e) {
 	};
 }
 function No(e) {
+	try {
+		return document.querySelector(e);
+	} catch {
+		return null;
+	}
+}
+function ko(e) {
 	if (!e) return null;
 	if (e instanceof HTMLElement) return e;
-	if ("string" == typeof e) return document.querySelector(e);
+	if ("string" == typeof e) return No(e);
 	const t = function(e) {
 		const t = [];
 		if (e.id && t.push(`#${CSS.escape(e.id)}`), e.class && t.push(`.${CSS.escape(e.class)}`), e.data) {
@@ -2602,22 +2609,27 @@ function No(e) {
 		}
 		return t.join("");
 	}(e);
-	return t ? document.querySelector(t) : null;
+	return t ? No(t) : null;
 }
-function ko(e, t) {
+function Ao(e, t) {
 	let n = tt(0), r = tt(!1), o = null, i = null;
-	const s = Oe(() => e.current.steps ?? []), a = Oe(() => wn(s).length), l = Oe(() => wn(s)[wn(n)]), u = Oe(() => wn(n) + 1), c = Oe(() => No(wn(l)?.target)), f = Oe(() => wn(n) >= wn(a) - 1), d = Oe(() => wn(a) > 0), p = Oe(() => !wn(f)), h = Oe(() => wn(n) > 0), v = Oe(() => e.getConfig().tour);
-	async function g(e) {
+	const s = Oe(() => e.current.steps ?? []), a = Oe(() => wn(s).length), l = Oe(() => wn(s)[wn(n)]), u = Oe(() => wn(n) + 1), c = Oe(() => ko(wn(l)?.target)), f = Oe(() => wn(n) >= wn(a) - 1), d = Oe(() => wn(a) > 0), p = Oe(() => !wn(f)), h = Oe(() => wn(n) > 0), v = Oe(() => e.getConfig().tour);
+	function g() {
+		if (!wn(l) || wn(c)) return !0;
+		const e = new ho(`Borda: target for step ${wn(u)} did not resolve to an element.`);
+		return console.error(e), t.emit(Yr.ON_TOUR_ERROR, e), t.emit(Yr.ON_TOUR_CLOSE), !1;
+	}
+	async function m(e) {
 		if (e < 0 || e >= wn(a)) return;
 		const r = wn(s)[wn(n)], o = wn(s)[e];
-		r?.onDeselected?.(), await o?.prepareElement?.(), o?.onBeforeHighlighted?.(), rt(n, e, !0), o?.onHighlighted?.(), t.emit(Yr.ON_TOUR_STEP_CHANGE, wn(u));
+		r?.onDeselected?.(), await o?.prepareElement?.(), o?.onBeforeHighlighted?.(), rt(n, e, !0), g() && (o?.onHighlighted?.(), t.emit(Yr.ON_TOUR_STEP_CHANGE, wn(u)));
 	}
-	function m() {
+	function _() {
 		return new Promise((e, t) => {
 			o = e, i = t;
 		});
 	}
-	function _() {
+	function b() {
 		t.emit(Yr.ON_TOUR_FINISH);
 	}
 	return {
@@ -2661,33 +2673,34 @@ function ko(e, t) {
 			clearMovePrevented: function() {
 				rt(r, !1), i?.(), o = null, i = null;
 			},
-			changeStep: g,
+			changeStep: m,
 			prev: async function() {
 				if (wn(h)) {
 					if (wn(l)?.onPrev?.(), wn(v)?.onPrev?.(), t.emit(Yr.ON_TOUR_PREV), wn(r)) try {
-						await m();
+						await _();
 					} catch {
 						return;
 					}
-					await g(wn(n) - 1);
+					await m(wn(n) - 1);
 				}
 			},
 			next: async function() {
-				if (wn(f)) _();
+				if (wn(f)) b();
 				else {
 					if (wn(l)?.onNext?.(), wn(v)?.onNext?.(), t.emit(Yr.ON_TOUR_NEXT), wn(r)) try {
-						await m();
+						await _();
 					} catch {
 						return;
 					}
-					await g(wn(n) + 1);
+					await m(wn(n) + 1);
 				}
 			},
-			finish: _
-		}
+			finish: b
+		},
+		checkCurrentTarget: g
 	};
 }
-function Ao(e) {
+function Po(e) {
 	return { highlight: function(t, n, r) {
 		return e({
 			...n,
@@ -2695,15 +2708,15 @@ function Ao(e) {
 		}, r);
 	} };
 }
-var Po = new Set([
+var Do = new Set([
 	"INPUT",
 	"TEXTAREA",
 	"SELECT"
 ]);
-function Do(e, t) {
+function Lo(e, t) {
 	const n = Oe(() => e.getConfig().tour);
 	function r(e) {
-		if (!Po.has(e.target?.tagName)) switch (e.key) {
+		if (!Do.has(e.target?.tagName)) switch (e.key) {
 			case "ArrowRight":
 				e.preventDefault(), t.emit(Yr.ON_KEYBOARD_NEXT);
 				break;
@@ -2722,15 +2735,15 @@ function Do(e, t) {
 		}
 	};
 }
-var Lo = [co.RESPONSIVE, co.STEP];
-function Ro(e) {
+var Ro = [co.RESPONSIVE, co.STEP];
+function Mo(e) {
 	const t = lt({});
 	function n(e, n) {
 		null === n ? delete t[e] : t[e] = n;
 	}
 	function r() {
 		let n = e.current;
-		for (const e of Lo) {
+		for (const e of Ro) {
 			const r = t[e];
 			r && (n = mo(n, r()));
 		}
@@ -2766,7 +2779,7 @@ function Ro(e) {
 		}
 	};
 }
-function Mo(e, t) {
+function Io(e, t) {
 	let n = tt(null), r = [];
 	function o(e, r) {
 		const o = function(e, t) {
@@ -2802,47 +2815,47 @@ function Mo(e, t) {
 		}
 	};
 }
-var Io = function(e) {
+var Bo = function(e) {
 	return e.LINEAR = "linear", e.EASE = "ease", e.EASE_IN = "ease-in", e.EASE_OUT = "ease-out", e.EASE_IN_OUT = "ease-in-out", e;
-}({}), Bo = {
-	[Io.LINEAR]: (e) => e,
-	[Io.EASE]: (e) => e * e * (3 - 2 * e),
-	[Io.EASE_IN]: (e) => e * e,
-	[Io.EASE_OUT]: (e) => 1 - (1 - e) * (1 - e),
-	[Io.EASE_IN_OUT]: (e) => e < .5 ? 2 * e * e : 1 - Math.pow(-2 * e + 2, 2) / 2
-}, $o = Io.EASE_IN_OUT;
-function Ho({ getEasing: e }) {
+}({}), $o = {
+	[Bo.LINEAR]: (e) => e,
+	[Bo.EASE]: (e) => e * e * (3 - 2 * e),
+	[Bo.EASE_IN]: (e) => e * e,
+	[Bo.EASE_OUT]: (e) => 1 - (1 - e) * (1 - e),
+	[Bo.EASE_IN_OUT]: (e) => e < .5 ? 2 * e * e : 1 - Math.pow(-2 * e + 2, 2) / 2
+}, Ho = Bo.EASE_IN_OUT;
+function jo({ getEasing: e }) {
 	const t = Oe(e), n = Oe(() => function(e) {
-		return "function" == typeof e ? e : e ? Bo[e] : Bo[$o];
+		return "function" == typeof e ? e : e ? $o[e] : $o[Ho];
 	}(wn(t)));
 	return { get easingFunction() {
 		return wn(n);
 	} };
 }
-var jo = {
+var Fo = {
 	block: "center",
 	inline: "nearest",
 	duration: 400,
-	easing: Io.EASE_IN_OUT,
+	easing: Bo.EASE_IN_OUT,
 	offset: {
 		x: 0,
 		y: 0
 	},
 	isLocked: !0
 };
-function Fo(e) {
+function zo(e) {
 	let t = tt(!1), n = null;
 	const r = Oe(() => e.getConfig().scroll), o = Oe(() => !1 !== wn(r)), i = Oe(() => wn(r) || {}), s = Oe(() => {
 		return e = wn(i), {
-			...jo,
+			...Fo,
 			...e,
 			offset: {
-				...jo.offset,
+				...Fo.offset,
 				...e.offset ?? {}
 			}
 		};
 		var e;
-	}), a = Ho({ getEasing: () => wn(s).easing }), l = Oe(() => e.getConfig().animation), u = Oe(() => !1 !== wn(l) && !1 !== wn(l)?.isEnabled), c = Oe(() => wn(u) ? wn(s).duration : 0), f = { resolve: function(e, t, n, r, o) {
+	}), a = jo({ getEasing: () => wn(s).easing }), l = Oe(() => e.getConfig().animation), u = Oe(() => !1 !== wn(l) && !1 !== wn(l)?.isEnabled), c = Oe(() => wn(u) ? wn(s).duration : 0), f = { resolve: function(e, t, n, r, o) {
 		return e + function(e, t, n, r) {
 			const o = t + n;
 			switch (r) {
@@ -2909,7 +2922,7 @@ function Fo(e) {
 		}
 	};
 }
-function zo(e, t) {
+function Uo(e, t) {
 	let n = tt(!1);
 	const r = Oe(() => e.getConfig().skip), o = Oe(() => !1 === wn(r)), i = Oe(() => "object" == typeof wn(r) && wn(r)?.storageKey ? wn(r).storageKey : "borda-tour-skipped");
 	function s(e, t) {
@@ -2950,7 +2963,7 @@ function zo(e, t) {
 		}
 	};
 }
-function Uo(e, t) {
+function Vo(e, t) {
 	function n() {
 		e.mergeConfig({ visibility: { isHidden: !1 } }), t.emit(Yr.ON_VISIBILITY_SHOW);
 	}
@@ -2977,14 +2990,14 @@ function Uo(e, t) {
 	};
 }
 Q = !0;
-var Vo = $n("<path d=\"M4.45416 4.45404L11.3625 11.3624Z\" fill=\"currentColor\"></path><path d=\"M4.45416 11.3624L11.3625 4.45404Z\" fill=\"currentColor\"></path><path d=\"M4.45416 4.45404L11.3625 11.3624M4.45416 11.3624L11.3625 4.45404\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\"></path>", 1);
-var qo = function(e) {
+var qo = $n("<path d=\"M4.45416 4.45404L11.3625 11.3624Z\" fill=\"currentColor\"></path><path d=\"M4.45416 11.3624L11.3625 4.45404Z\" fill=\"currentColor\"></path><path d=\"M4.45416 4.45404L11.3625 11.3624M4.45416 11.3624L11.3625 4.45404\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\"></path>", 1);
+var Ko = function(e) {
 	return e.RECTANGLE = "rectangle", e.CIRCLE = "circle", e.SQUARE = "square", e;
-}({}), Ko = function(e) {
-	return e.FILLED = "filled", e.OUTLINED = "outlined", e.GHOST = "ghost", e.TEXT = "text", e;
 }({}), Go = function(e) {
+	return e.FILLED = "filled", e.OUTLINED = "outlined", e.GHOST = "ghost", e.TEXT = "text", e;
+}({}), Xo = function(e) {
 	return e.BUTTON = "button", e.SUBMIT = "submit", e.RESET = "reset", e;
-}({}), Xo = new Set([
+}({}), Wo = new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
@@ -2999,12 +3012,12 @@ var qo = function(e) {
 	"customClasses",
 	"customStyles",
 	"children"
-]), Wo = In("<button><!></button>");
-function Yo(e, t) {
+]), Yo = In("<button><!></button>");
+function Zo(e, t) {
 	ne(t, !0);
-	let n = qr(t, "size", 19, () => oo.MD), r = qr(t, "shape", 19, () => qo.RECTANGLE), o = qr(t, "variant", 19, () => Ko.FILLED), i = qr(t, "type", 19, () => Go.BUTTON), s = new Proxy({
+	let n = qr(t, "size", 19, () => oo.MD), r = qr(t, "shape", 19, () => Ko.RECTANGLE), o = qr(t, "variant", 19, () => Go.FILLED), i = qr(t, "type", 19, () => Xo.BUTTON), s = new Proxy({
 		props: t,
-		exclude: Xo
+		exclude: Wo
 	}, zr);
 	const a = Oe(() => [
 		"rb-button",
@@ -3017,7 +3030,7 @@ function Yo(e, t) {
 	const u = Oe(() => no(t.customStyles?.root));
 	var c = { getElements: function() {
 		return { root: wn(l) };
-	} }, f = Wo();
+	} }, f = Yo();
 	Ir(f, () => ({
 		id: t.id,
 		type: i(),
@@ -3042,9 +3055,9 @@ function Yo(e, t) {
 		t.children && e(p);
 	}), G(f), Fr(f, (e) => rt(l, e), () => wn(l)), Fn(e, f), re(c);
 }
-var Zo = $n("<svg fill=\"none\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\"><!></svg>");
-var Jo = In("<div><!></div>");
-function Qo(e, t) {
+var Jo = $n("<svg fill=\"none\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\"><!></svg>");
+var Qo = In("<div><!></div>");
+function ei(e, t) {
 	ne(t, !0);
 	let n = qr(t, "size", 19, () => oo.MD), r = qr(t, "shape", 19, () => so.CIRCLE), o = qr(t, "aria", 19, () => ({ ariaLabel: "Close" }));
 	const { eventEmitter: i, close: s } = Xr();
@@ -3064,22 +3077,22 @@ function Qo(e, t) {
 			button: ro(wn(l)),
 			cross: ro(wn(u))
 		};
-	} }, h = Jo(), g = bt(h), m = (e) => {
+	} }, h = Qo(), g = bt(h), m = (e) => {
 		var n = jn();
 		pr(yt(n), () => t.customHtml.button), Fn(e, n);
 	}, _ = (e) => {
 		{
 			let r = Oe(() => ({ root: t.customClasses?.button })), i = Oe(() => ({ root: t.customStyles?.button }));
-			Fr(Yo(e, {
+			Fr(Zo(e, {
 				get aria() {
 					return o();
 				},
 				autosize: !0,
 				get shape() {
-					return qo.CIRCLE;
+					return Ko.CIRCLE;
 				},
 				get variant() {
-					return Ko.FILLED;
+					return Go.FILLED;
 				},
 				get customClasses() {
 					return wn(r);
@@ -3101,7 +3114,7 @@ function Qo(e, t) {
 							]), s = Oe(() => no(t.customStyles?.root));
 							var a = { getElements: function() {
 								return { root: wn(o) };
-							} }, l = Zo();
+							} }, l = Jo();
 							return or(bt(l), () => t.children ?? v), G(l), Fr(l, (e) => rt(o, e), () => wn(o)), It(() => {
 								Mr(l, "id", t.id), yr(l, 0, gr(wn(i))), wr(l, wn(s)), Mr(l, "viewBox", n());
 							}), Fn(e, l), re(a);
@@ -3117,7 +3130,7 @@ function Qo(e, t) {
 							},
 							children: (e, t) => {
 								(function(e) {
-									var t = Vo();
+									var t = qo();
 									X(2), Fn(e, t);
 								})(e);
 							},
@@ -3135,34 +3148,34 @@ function Qo(e, t) {
 		Mr(h, "id", t.id), yr(h, 1, gr(wn(c))), wr(h, wn(f));
 	}), Fn(e, h), re(p);
 }
-var ei = {
+var ti = {
 	label: "Back",
-	type: Go.BUTTON,
-	variant: Ko.OUTLINED,
-	shape: qo.RECTANGLE
-}, ti = {
-	label: "Next",
-	type: Go.BUTTON,
-	variant: Ko.FILLED,
-	shape: qo.RECTANGLE
+	type: Xo.BUTTON,
+	variant: Go.OUTLINED,
+	shape: Ko.RECTANGLE
 }, ni = {
-	label: "Finish",
-	type: Go.BUTTON,
-	variant: Ko.FILLED,
-	shape: qo.RECTANGLE
+	label: "Next",
+	type: Xo.BUTTON,
+	variant: Go.FILLED,
+	shape: Ko.RECTANGLE
 }, ri = {
+	label: "Finish",
+	type: Xo.BUTTON,
+	variant: Go.FILLED,
+	shape: Ko.RECTANGLE
+}, oi = {
 	label: "Skip",
-	type: Go.BUTTON,
-	variant: Ko.TEXT,
-	shape: qo.RECTANGLE
-}, oi = In("<div><!> <div class=\"rb-tour-buttons__center\"><!></div> <!> <!></div>");
-var ii = In("<img/>");
-var si = function(e) {
+	type: Xo.BUTTON,
+	variant: Go.TEXT,
+	shape: Ko.RECTANGLE
+}, ii = In("<div><!> <div class=\"rb-tour-buttons__center\"><!></div> <!> <!></div>");
+var si = In("<img/>");
+var ai = function(e) {
 	return e.DEFAULT = "default", e.BLEED = "bleed", e;
 }({});
-function ai(e, t) {
+function li(e, t) {
 	ne(t, !0);
-	let n = qr(t, "src", 3, ""), r = qr(t, "alt", 3, ""), o = qr(t, "variant", 19, () => si.DEFAULT), i = tt(null);
+	let n = qr(t, "src", 3, ""), r = qr(t, "alt", 3, ""), o = qr(t, "variant", 19, () => ai.DEFAULT), i = tt(null);
 	const s = Oe(() => [
 		"rb-tour-image",
 		`rb-tour-image--${o()}`,
@@ -3183,7 +3196,7 @@ function ai(e, t) {
 				var n = jn();
 				pr(yt(n), () => t.customHtml.root), Fn(e, n);
 			}, f = (e) => {
-				var a = ii();
+				var a = si();
 				Fr(a, (e) => rt(o, e), () => wn(o)), It(() => {
 					Mr(a, "id", t.id), yr(a, 1, gr(wn(i))), wr(a, wn(s)), Mr(a, "src", n()), Mr(a, "alt", r()), Mr(a, "aria-label", t.aria?.ariaLabel), Mr(a, "aria-labelledby", t.aria?.ariaLabelledby), Mr(a, "aria-describedby", t.aria?.ariaDescribedby);
 				}), Fn(e, a);
@@ -3217,15 +3230,15 @@ function ai(e, t) {
 	}
 	return re(a);
 }
-var li = In("<div></div>"), ui = In("<div role=\"progressbar\"></div>");
-var ci = In("<div role=\"progressbar\"><div><div></div></div></div>");
-var fi = In("<div role=\"progressbar\"><span> </span></div>");
-var di = function(e) {
+var ui = In("<div></div>"), ci = In("<div role=\"progressbar\"></div>");
+var fi = In("<div role=\"progressbar\"><div><div></div></div></div>");
+var di = In("<div role=\"progressbar\"><span> </span></div>");
+var pi = function(e) {
 	return e.DOTS = "dots", e.TEXT = "text", e.LINE = "line", e;
-}({}), pi = In("<div><!></div>");
-function hi(e, t) {
+}({}), hi = In("<div><!></div>");
+function vi(e, t) {
 	ne(t, !0);
-	let n = qr(t, "currentStep", 3, 1), r = qr(t, "totalSteps", 3, 1), o = qr(t, "variant", 19, () => di.DOTS), i = tt(null);
+	let n = qr(t, "currentStep", 3, 1), r = qr(t, "totalSteps", 3, 1), o = qr(t, "variant", 19, () => pi.DOTS), i = tt(null);
 	const s = Oe(() => [
 		"rb-tour-progress",
 		`rb-tour-progress--${o()}`,
@@ -3233,7 +3246,7 @@ function hi(e, t) {
 	]), a = Oe(() => no(t.customStyles?.root));
 	var l = { getElements: function() {
 		return { root: wn(i) };
-	} }, u = pi(), c = bt(u), f = (e) => {
+	} }, u = hi(), c = bt(u), f = (e) => {
 		var n = jn();
 		pr(yt(n), () => t.customHtml.progress), Fn(e, n);
 	}, d = (e) => {
@@ -3245,9 +3258,9 @@ function hi(e, t) {
 				"rb-progress--dots",
 				t.customClasses?.root
 			]), s = Oe(() => no(t.customStyles?.root)), a = Oe(() => ["rb-progress__item", t.customClasses?.item]), l = Oe(() => no(t.customStyles?.item));
-			var u = ui();
+			var u = ci();
 			Mr(u, "aria-valuemin", 1), lr(u, 20, () => Array.from({ length: r() }, (e, t) => t), (e) => e, (e, t) => {
-				var r = li();
+				var r = ui();
 				It((e) => {
 					yr(r, 1, e), wr(r, wn(l));
 				}, [() => gr([...wn(a), t + 1 === n() && "rb-progress__item--active"])]), Fn(e, r);
@@ -3277,7 +3290,7 @@ function hi(e, t) {
 				"rb-progress--text",
 				t.customClasses?.root
 			]), s = Oe(() => no(t.customStyles?.root)), a = Oe(() => ["rb-progress__item", t.customClasses?.item]), l = Oe(() => no(t.customStyles?.item));
-			var u = fi();
+			var u = di();
 			Mr(u, "aria-valuemin", 1);
 			var c = bt(u), f = bt(c);
 			G(c), G(u), It(() => {
@@ -3306,7 +3319,7 @@ function hi(e, t) {
 				"rb-progress--line",
 				t.customClasses?.root
 			]), a = Oe(() => no(t.customStyles?.root)), l = Oe(() => ["rb-progress__track", t.customClasses?.track]), u = Oe(() => no(t.customStyles?.track)), c = Oe(() => ["rb-progress__progress", t.customClasses?.progress]), f = Oe(() => no(t.customStyles?.progress));
-			var d = ci();
+			var d = fi();
 			Mr(d, "aria-valuemin", 1);
 			var p = bt(d), h = bt(p);
 			let v;
@@ -3329,13 +3342,13 @@ function hi(e, t) {
 		});
 	};
 	return sr(c, (e) => {
-		t.customHtml?.progress ? e(f) : o() === di.DOTS ? e(d, 1) : o() === di.TEXT ? e(p, 2) : o() === di.LINE && e(h, 3);
+		t.customHtml?.progress ? e(f) : o() === pi.DOTS ? e(d, 1) : o() === pi.TEXT ? e(p, 2) : o() === pi.LINE && e(h, 3);
 	}), G(u), Fr(u, (e) => rt(i, e), () => wn(i)), It(() => {
 		Mr(u, "id", t.id), yr(u, 1, gr(wn(s))), wr(u, wn(a)), Mr(u, "aria-label", t.aria?.ariaLabel), Mr(u, "aria-labelledby", t.aria?.ariaLabelledby), Mr(u, "aria-describedby", t.aria?.ariaDescribedby), Mr(u, "aria-disabled", t.aria?.ariaDisabled), Mr(u, "aria-expanded", t.aria?.ariaExpanded), Mr(u, "aria-controls", t.aria?.ariaControls), Mr(u, "aria-haspopup", t.aria?.ariaHaspopup), Mr(u, "aria-pressed", t.aria?.ariaPressed);
 	}), Fn(e, u), re(l);
 }
-var vi = In("<input type=\"checkbox\"/>"), gi = In("<span></span>"), mi = In("<span> </span>"), _i = In("<label><!> <!></label>");
-function bi(e, t) {
+var gi = In("<input type=\"checkbox\"/>"), mi = In("<span></span>"), _i = In("<span> </span>"), bi = In("<label><!> <!></label>");
+function yi(e, t) {
 	ne(t, !0);
 	let n = qr(t, "checked", 3, !1), r = qr(t, "label", 3, "Don't show again"), o = qr(t, "disabled", 3, !1), i = tt(null), s = tt(null);
 	const a = Oe(() => ["rb-tour-skip", t.customClasses?.root]), l = Oe(() => no(t.customStyles?.root)), u = Oe(() => ["rb-tour-skip__input", t.customClasses?.input]), c = Oe(() => no(t.customStyles?.input)), f = Oe(() => ["rb-tour-skip__label", t.customClasses?.label]), d = Oe(() => no(t.customStyles?.label));
@@ -3348,11 +3361,11 @@ function bi(e, t) {
 			root: wn(i),
 			input: wn(s)
 		};
-	} }, v = _i(), g = bt(v), m = (e) => {
+	} }, v = bi(), g = bt(v), m = (e) => {
 		var n = jn();
 		pr(yt(n), () => t.customHtml.input), Fn(e, n);
 	}, _ = (e) => {
-		var t = vi();
+		var t = gi();
 		Lr(t), Fr(t, (e) => rt(s, e), () => wn(s)), It(() => {
 			yr(t, 1, gr(wn(u))), wr(t, wn(c)), function(e, t) {
 				var n = Br(e);
@@ -3364,12 +3377,12 @@ function bi(e, t) {
 		t.customHtml?.input ? e(m) : e(_, -1);
 	});
 	var b = Tt(g, 2), y = (e) => {
-		var n = gi();
+		var n = mi();
 		pr(n, () => t.customHtml.label, !0), G(n), It(() => {
 			yr(n, 1, gr(wn(f))), wr(n, wn(d));
 		}), Fn(e, n);
 	}, T = (e) => {
-		var t = mi(), n = bt(t, !0);
+		var t = _i(), n = bt(t, !0);
 		G(t), It(() => {
 			yr(t, 1, gr(wn(f))), wr(t, wn(d)), Wn(n, r());
 		}), Fn(e, t);
@@ -3381,20 +3394,20 @@ function bi(e, t) {
 	}), Fn(e, v), re(h);
 }
 Pn(["change"]);
-var yi = function(e) {
+var Ti = function(e) {
 	return e.TOP = "top", e.BOTTOM = "bottom", e.LEFT = "left", e.RIGHT = "right", e;
 }({});
-function Ti({ getArrow: e, getPlacement: t }) {
+function wi({ getArrow: e, getPlacement: t }) {
 	const n = Oe(e), r = Oe(t), o = Oe(() => !1 === wn(n) ? null : function(e) {
 		switch (e) {
 			case io.BOTTOM_START:
 			case io.BOTTOM_CENTER:
-			case io.BOTTOM_END: return yi.TOP;
+			case io.BOTTOM_END: return Ti.TOP;
 			case io.TOP_START:
 			case io.TOP_CENTER:
-			case io.TOP_END: return yi.BOTTOM;
-			case io.MIDDLE_END: return yi.LEFT;
-			case io.MIDDLE_START: return yi.RIGHT;
+			case io.TOP_END: return Ti.BOTTOM;
+			case io.MIDDLE_END: return Ti.LEFT;
+			case io.MIDDLE_START: return Ti.RIGHT;
 			default: return null;
 		}
 	}(wn(n) ? wn(n).placement : wn(r))), i = Oe(() => wn(o) ? function(e) {
@@ -3409,7 +3422,7 @@ function Ti({ getArrow: e, getPlacement: t }) {
 		}
 	};
 }
-function wi({ target: e, tooltip: t, placement: n, offset: r, margin: o, padding: i, autoPlacement: s, arrowSide: a, viewport: l }) {
+function Ei({ target: e, tooltip: t, placement: n, offset: r, margin: o, padding: i, autoPlacement: s, arrowSide: a, viewport: l }) {
 	function u(e, t, n, r) {
 		switch (n) {
 			case io.TOP_START: return {
@@ -3629,11 +3642,11 @@ function wi({ target: e, tooltip: t, placement: n, offset: r, margin: o, padding
 		arrowOffset: function(e, t, n) {
 			if (null === n) return 0;
 			const r = e.getBoundingClientRect();
-			return n === yi.TOP || n === yi.BOTTOM ? r.left + r.width / 2 - t.left : r.top + r.height / 2 - t.top;
+			return n === Ti.TOP || n === Ti.BOTTOM ? r.left + r.width / 2 - t.left : r.top + r.height / 2 - t.top;
 		}(e, T, a)
 	};
 }
-function Ei({ getTargetElement: e, getTooltipElement: t, getPlacement: n, getPadding: r, getOffset: o, getMargin: i, getAutoPlacement: s, getArrowSide: a }) {
+function Si({ getTargetElement: e, getTooltipElement: t, getPlacement: n, getPadding: r, getOffset: o, getMargin: i, getAutoPlacement: s, getArrowSide: a }) {
 	let l = tt(0), u = tt(0), c = tt(lt(io.BOTTOM_START)), f = tt(0);
 	const d = yo(), p = bo(), h = Oe(e), v = Oe(t), g = Oe(() => {
 		return e = n(), fo.has(e) ? e : io.BOTTOM_START;
@@ -3642,7 +3655,7 @@ function Ei({ getTargetElement: e, getTooltipElement: t, getPlacement: n, getPad
 	return Dt(() => {
 		if (!wn(h) || !wn(v)) return;
 		p.x, p.y;
-		const e = wi({
+		const e = Ei({
 			target: wn(h),
 			tooltip: wn(v),
 			placement: wn(g),
@@ -3672,8 +3685,8 @@ function Ei({ getTargetElement: e, getTooltipElement: t, getPlacement: n, getPad
 		}
 	};
 }
-var Si = In("<div></div>"), Oi = In("<p> </p>"), xi = In("<div><!> <!></div>"), Ci = In("<div><!> <!> <!> <!> <!> <!> <!></div>");
-function Ni(e, t) {
+var Oi = In("<div></div>"), xi = In("<p> </p>"), Ci = In("<div><!> <!></div>"), Ni = In("<div><!> <!> <!> <!> <!> <!> <!></div>");
+function ki(e, t) {
 	ne(t, !0);
 	let n = qr(t, "step", 19, () => ({
 		target: "",
@@ -3705,7 +3718,7 @@ function Ni(e, t) {
 	{
 		const n = (e) => {
 			var n = jn(), r = yt(n), o = (e) => {
-				Fr(ai(e, Vr(() => t.tourImageProps, {
+				Fr(li(e, Vr(() => t.tourImageProps, {
 					get src() {
 						return wn(_).src;
 					},
@@ -3719,7 +3732,7 @@ function Ni(e, t) {
 			}), Fn(e, n);
 		}, r = (e) => {
 			var n = jn(), r = yt(n), o = (e) => {
-				Fr(Qo(e, Vr({
+				Fr(ei(e, Vr({
 					get size() {
 						return s();
 					},
@@ -3733,7 +3746,7 @@ function Ni(e, t) {
 			}), Fn(e, n);
 		}, y = (e) => {
 			var n = jn(), r = yt(n), o = (e) => {
-				Fr(bi(e, Vr(() => t.tourSkipProps, {
+				Fr(yi(e, Vr(() => t.tourSkipProps, {
 					get checked() {
 						return l();
 					},
@@ -3749,9 +3762,9 @@ function Ni(e, t) {
 			var n = jn(), r = yt(n), s = (e) => {
 				{
 					let n = Oe(() => t.tourProgressProps?.customClasses), r = Oe(() => t.tourProgressProps?.customStyles);
-					hi(e, {
+					vi(e, {
 						get variant() {
-							return di.LINE;
+							return pi.LINE;
 						},
 						get currentStep() {
 							return o();
@@ -3769,7 +3782,7 @@ function Ni(e, t) {
 				}
 			};
 			sr(r, (e) => {
-				!1 !== t.tourProgressProps && wn(b) === di.LINE && e(s);
+				!1 !== t.tourProgressProps && wn(b) === pi.LINE && e(s);
 			}), Fn(e, n);
 		}, w = (e) => {
 			var n = jn(), r = yt(n), a = (e) => {
@@ -3778,7 +3791,7 @@ function Ni(e, t) {
 						var n = jn(), r = yt(n), s = (e) => {
 							{
 								let n = Oe(() => t.tourProgressProps?.customClasses), r = Oe(() => t.tourProgressProps?.customStyles);
-								hi(e, {
+								vi(e, {
 									get variant() {
 										return wn(b);
 									},
@@ -3798,7 +3811,7 @@ function Ni(e, t) {
 							}
 						};
 						sr(r, (e) => {
-							!1 === t.tourProgressProps || wn(b) !== di.DOTS && wn(b) !== di.TEXT || e(s);
+							!1 === t.tourProgressProps || wn(b) !== pi.DOTS && wn(b) !== pi.TEXT || e(s);
 						}), Fn(e, n);
 					};
 					Fr(function(e, t) {
@@ -3821,17 +3834,17 @@ function Ni(e, t) {
 								styles: h(o.customStyles?.root, t.customStyles?.[r])
 							};
 						}
-						const g = Oe(() => v(i(), ei, "prev")), m = Oe(() => v(s(), ti, "next")), _ = Oe(() => v(l(), ri, "skip")), b = Oe(() => v(a(), ni, "finish"));
+						const g = Oe(() => v(i(), ti, "prev")), m = Oe(() => v(s(), ni, "next")), _ = Oe(() => v(l(), oi, "skip")), b = Oe(() => v(a(), ri, "finish"));
 						var y = { getElements: function() {
 							return { root: wn(u) };
-						} }, T = oi(), w = bt(T), E = (e) => {
+						} }, T = ii(), w = bt(T), E = (e) => {
 							var n = jn(), r = yt(n), i = (e) => {
 								var n = jn();
 								pr(yt(n), () => t.customHtml.prev), Fn(e, n);
 							}, s = (e) => {
 								{
 									let n = Oe(() => wn(g).size ?? o()), r = Oe(() => ({ root: wn(g).classes })), i = Oe(() => ({ root: wn(g).styles }));
-									Yo(e, {
+									Zo(e, {
 										get type() {
 											return wn(g).type;
 										},
@@ -3892,7 +3905,7 @@ function Ni(e, t) {
 							}, s = (e) => {
 								{
 									let n = Oe(() => wn(_).size ?? o()), r = Oe(() => ({ root: wn(_).classes })), i = Oe(() => ({ root: wn(_).styles }));
-									Yo(e, {
+									Zo(e, {
 										get type() {
 											return wn(_).type;
 										},
@@ -3944,7 +3957,7 @@ function Ni(e, t) {
 								}, s = (e) => {
 									{
 										let n = Oe(() => wn(b).size ?? o()), r = Oe(() => ({ root: wn(b).classes })), i = Oe(() => ({ root: wn(b).styles }));
-										Yo(e, {
+										Zo(e, {
 											get type() {
 												return wn(b).type;
 											},
@@ -3995,7 +4008,7 @@ function Ni(e, t) {
 							}, s = (e) => {
 								{
 									let n = Oe(() => wn(m).size ?? o()), r = Oe(() => ({ root: wn(m).classes })), i = Oe(() => ({ root: wn(m).styles }));
-									Yo(e, {
+									Zo(e, {
 										get type() {
 											return wn(m).type;
 										},
@@ -4074,10 +4087,10 @@ function Ni(e, t) {
 		Fr(function(e, t) {
 			ne(t, !0);
 			let n = qr(t, "title", 3, ""), r = qr(t, "description", 3, ""), o = qr(t, "size", 19, () => oo.MD), i = qr(t, "placement", 19, () => io.BOTTOM_START), s = qr(t, "targetElement", 3, null), a = qr(t, "offset", 3, 12), l = qr(t, "margin", 3, 8), u = qr(t, "padding", 3, 12), c = qr(t, "autoPlacement", 3, !0), f = qr(t, "isHidden", 3, !1), d = qr(t, "hasGlide", 3, !1), p = qr(t, "animation", 3, !1), h = tt(null), v = tt(!1);
-			const g = Ti({
+			const g = wi({
 				getArrow: () => t.arrow,
 				getPlacement: () => m.effectivePlacement
-			}), m = Ei({
+			}), m = Si({
 				getTargetElement: () => s(),
 				getTooltipElement: () => wn(h),
 				getPlacement: () => i(),
@@ -4121,10 +4134,10 @@ function Ni(e, t) {
 			]), w = Oe(() => no(t.customStyles?.root)), E = Oe(() => ["rb-tour-tooltip__header", t.customClasses?.header]), S = Oe(() => no(t.customStyles?.header)), O = Oe(() => ["rb-tour-tooltip__title", t.customClasses?.title]), x = Oe(() => no(t.customStyles?.title)), C = Oe(() => ["rb-tour-tooltip__description", t.customClasses?.description]), N = Oe(() => no(t.customStyles?.description));
 			var k = { getElements: function() {
 				return { root: wn(h) };
-			} }, A = Ci();
+			} }, A = Ni();
 			let P;
 			var D = bt(A), L = (e) => {
-				var t = Si();
+				var t = Oi();
 				let n;
 				It(() => {
 					yr(t, 1, gr(g.classes)), n = wr(t, "", n, { "--rb-tour-tooltip-arrow-offset": `${m.arrowOffset ?? ""}px` });
@@ -4141,11 +4154,11 @@ function Ni(e, t) {
 				t.image && e(M);
 			});
 			var I = Tt(R, 2), B = (e) => {
-				var r = xi(), o = bt(r), i = (e) => {
+				var r = Ci(), o = bt(r), i = (e) => {
 					var n = jn();
 					pr(yt(n), () => t.customHtml.title), Fn(e, n);
 				}, s = (e) => {
-					var t = Oi(), r = bt(t, !0);
+					var t = xi(), r = bt(t, !0);
 					G(t), It(() => {
 						yr(t, 1, gr(wn(O))), wr(t, wn(x)), Wn(r, n());
 					}), Fn(e, t);
@@ -4170,7 +4183,7 @@ function Ni(e, t) {
 				var n = jn();
 				pr(yt(n), () => t.customHtml.description), Fn(e, n);
 			}, j = (e) => {
-				var t = Oi(), n = bt(t, !0);
+				var t = xi(), n = bt(t, !0);
 				G(t), It(() => {
 					yr(t, 1, gr(wn(C))), wr(t, wn(N)), Wn(n, r());
 				}), Fn(e, t);
@@ -4234,8 +4247,8 @@ function Ni(e, t) {
 	}
 	return re(y);
 }
-var ki = In("<!> <!>", 1), Ai = In("<div><!></div>");
-function Pi(e, t) {
+var Ai = In("<!> <!>", 1), Pi = In("<div><!></div>");
+function Di(e, t) {
 	ne(t, !0);
 	let n = tt(null), r = tt(null), o = tt(null);
 	Wr({
@@ -4297,7 +4310,7 @@ function Pi(e, t) {
 	}), C = () => {
 		t.eventEmitter.emit(Yr.ON_BORDA_DESTROY), t.eventEmitter.clear();
 	}, null === ee && H(), ir(() => () => On(C));
-	var N = { api: x }, k = Ai();
+	var N = { api: x }, k = Pi();
 	return Fr(function(e, t) {
 		ne(t, !0);
 		let n = tt(null);
@@ -4316,7 +4329,7 @@ function Pi(e, t) {
 	}(bt(k), Vr(() => wn(c), {
 		children: (e, n) => {
 			var i = jn(), s = yt(i), u = (e) => {
-				var n = ki(), i = yt(n), s = (e) => {
+				var n = Ai(), i = yt(n), s = (e) => {
 					Fr(function(e, t) {
 						ne(t, !0);
 						let n = qr(t, "targetElement", 3, null), r = qr(t, "borderRadius", 3, 8), o = qr(t, "padding", 3, 12), i = qr(t, "isAnimated", 3, !0), s = qr(t, "hasCloseOnBackdropClick", 3, !1), a = qr(t, "aria", 19, () => ({ ariaLabel: "Close" }));
@@ -4368,7 +4381,7 @@ function Pi(e, t) {
 					!1 !== wn(f) && e(s);
 				});
 				var u = Tt(i, 2), c = (e) => {
-					Fr(Ni(e, {
+					Fr(ki(e, {
 						get step() {
 							return wn(S);
 						},
@@ -4445,7 +4458,7 @@ function Pi(e, t) {
 		$$slots: { default: !0 }
 	})), (e) => rt(n, e, !0), () => wn(n)), G(k), It(() => yr(k, 1, gr(wn(u)))), Fn(e, k), re(N);
 }
-function Di() {
+function Li() {
 	const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakSet();
 	function n(t, n) {
 		(function(e) {
@@ -4454,21 +4467,21 @@ function Di() {
 		const o = n ?? document.body;
 		return new Promise((n) => {
 			let i = null;
-			const s = Zr(), a = Li(t), l = Ro(a), u = ko(a, s);
+			const s = Zr(), a = Ri(t), l = Mo(a), u = Ao(a, s);
 			u.apply(), l.applyStep(u.api.step ?? null);
-			const c = zo(a, s);
+			const c = Uo(a, s);
 			c.apply(), c.api.isSkipped && a.mergeConfig({ visibility: { isHidden: !0 } });
-			const f = Do(a, s);
+			const f = Lo(a, s);
 			f.apply();
-			const d = Fo(a);
+			const d = zo(a);
 			d.apply();
 			const p = Co(a);
 			p.apply();
-			const h = Mo(a, l);
+			const h = Io(a, l);
 			h.apply();
-			const v = Uo(a, s);
+			const v = Vo(a, s);
 			v.apply();
-			const g = Yn(Pi, {
+			const g = Yn(Di, {
 				target: o,
 				props: {
 					get config() {
@@ -4509,7 +4522,9 @@ function Di() {
 							a.getConfig().tour?.onFinish?.(), await r(t);
 						}), s.once(Yr.ON_TOUR_CLOSE, async () => {
 							a.getConfig().tour?.onClose?.(), await r(t);
-						}), n(t);
+						}), s.once(Yr.ON_TOUR_ERROR, (e) => {
+							a.getConfig().tour?.onError?.(e);
+						}), u.checkCurrentTarget(), n(t);
 					},
 					unmount: () => {
 						i && r(i);
@@ -4534,13 +4549,13 @@ function Di() {
 	}
 	return {
 		NAME: "@retoo/borda",
-		VERSION: "0.0.2",
+		VERSION: "0.1.0",
 		mount: n,
 		unmount: r,
-		highlight: Ao(n).highlight
+		highlight: Po(n).highlight
 	};
 }
-function Li(e) {
+function Ri(e) {
 	let t = tt(lt(go(e)));
 	function n(e) {
 		rt(t, go(e), !0);
@@ -4558,8 +4573,8 @@ function Li(e) {
 		}
 	};
 }
-var Ri = "borda-tour-widget", Mi = "undefined" != typeof HTMLElement ? HTMLElement : class {}, Ii = class extends Mi {
-	static tagName = Ri;
+var Mi = "borda-tour-widget", Ii = "undefined" != typeof HTMLElement ? HTMLElement : class {}, Bi = class extends Ii {
+	static tagName = Mi;
 	_instance = null;
 	_borda = null;
 	_connected = !1;
@@ -4586,7 +4601,7 @@ var Ri = "borda-tour-widget", Mi = "undefined" != typeof HTMLElement ? HTMLEleme
 	}
 	async _mount(e) {
 		if (this._unmountPending && await this._unmountPending, this._instance) return this._instance.config.setConfig(e), this._instance;
-		const t = Di(), n = await t.mount(e);
+		const t = Li(), n = await t.mount(e);
 		return this._borda = t, this._instance = n, this.dispatchEvent(new CustomEvent("borda:mount", {
 			detail: n,
 			bubbles: !0,
@@ -4607,10 +4622,10 @@ var Ri = "borda-tour-widget", Mi = "undefined" != typeof HTMLElement ? HTMLEleme
 		}));
 	}
 };
-function Bi() {
-	return customElements.get(Ii.tagName);
-}
 function $i() {
-	Bi() || customElements.define(Ii.tagName, Ii);
+	return customElements.get(Bi.tagName);
+}
+function Hi() {
+	$i() || customElements.define(Bi.tagName, Bi);
 }
-po && (window.bordaWidget = Di, window.defineBordaElement = $i), exports.AnimationEffect = uo, exports.BordaButtonShape = qo, exports.BordaButtonType = Go, exports.BordaButtonVariant = Ko, exports.BordaEvent = Yr, exports.BordaScrollAppearance = Eo, exports.BordaTooltipArrowSide = yi, exports.BordaTooltipTransition = So, exports.BordaTourImageVariant = si, exports.BordaTourProgressVariant = di, exports.ComponentAriaHaspopup = lo, exports.ComponentAriaPressed = ao, exports.ComponentPlacement = io, exports.ComponentShape = so, exports.ComponentSize = oo, exports.OverrideLayer = co, exports.SAFE_HTML_ELEMENT = Mi, exports.TAG_NAME = Ri, exports.bordaTourFinishButtonDefault = ni, exports.bordaTourNextButtonDefault = ti, exports.bordaTourPrevButtonDefault = ei, exports.bordaTourSkipButtonDefault = ri, exports.defineBordaElement = $i, exports.getBordaContext = Xr, exports.getBordaElement = Bi, exports.setBordaContext = Wr, exports.useBorda = Di, exports.useBordaAnimation = Co, exports.useBordaConfig = Li, exports.useBordaController = ko, exports.useBordaHighlight = Ao, exports.useBordaKeyboard = Do, exports.useBordaOverrides = Ro, exports.useBordaResponsive = Mo, exports.useBordaScroll = Fo, exports.useBordaSkip = zo, exports.useBordaVisibility = Uo, exports.useEventEmitter = Zr, exports.useOverlay = To, exports.useTooltipArrow = Ti, exports.useTooltipPosition = Ei;
+po && (window.bordaWidget = Li, window.defineBordaElement = Hi), exports.AnimationEffect = uo, exports.BordaButtonShape = Ko, exports.BordaButtonType = Xo, exports.BordaButtonVariant = Go, exports.BordaEvent = Yr, exports.BordaScrollAppearance = Eo, exports.BordaTooltipArrowSide = Ti, exports.BordaTooltipTransition = So, exports.BordaTourImageVariant = ai, exports.BordaTourProgressVariant = pi, exports.ComponentAriaHaspopup = lo, exports.ComponentAriaPressed = ao, exports.ComponentPlacement = io, exports.ComponentShape = so, exports.ComponentSize = oo, exports.OverrideLayer = co, exports.SAFE_HTML_ELEMENT = Ii, exports.TAG_NAME = Mi, exports.bordaTourFinishButtonDefault = ri, exports.bordaTourNextButtonDefault = ni, exports.bordaTourPrevButtonDefault = ti, exports.bordaTourSkipButtonDefault = oi, exports.defineBordaElement = Hi, exports.getBordaContext = Xr, exports.getBordaElement = $i, exports.setBordaContext = Wr, exports.useBorda = Li, exports.useBordaAnimation = Co, exports.useBordaConfig = Ri, exports.useBordaController = Ao, exports.useBordaHighlight = Po, exports.useBordaKeyboard = Lo, exports.useBordaOverrides = Mo, exports.useBordaResponsive = Io, exports.useBordaScroll = zo, exports.useBordaSkip = Uo, exports.useBordaVisibility = Vo, exports.useEventEmitter = Zr, exports.useOverlay = To, exports.useTooltipArrow = wi, exports.useTooltipPosition = Si;