@retoo/borda 0.0.2 → 0.1.0

package/dist/borda.min.umd.js

@@ -2279,7 +2279,7 @@
 			return se("setContext").set(e, t), t;
 		}(e, t)];
 	}(), Zr = 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 Jr() {
 		const e = /* @__PURE__ */ new Map();
@@ -2594,9 +2594,16 @@
 		};
 	}
 	function Ao(e) {
+		try {
+			return document.querySelector(e);
+		} catch {
+			return null;
+		}
+	}
+	function Po(e) {
 		if (!e) return null;
 		if (e instanceof HTMLElement) return e;
-		if ("string" == typeof e) return document.querySelector(e);
+		if ("string" == typeof e) return Ao(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) {
@@ -2605,22 +2612,27 @@
 			}
 			return t.join("");
 		}(e);
-		return t ? document.querySelector(t) : null;
+		return t ? Ao(t) : null;
 	}
-	function Po(e, t) {
+	function xo(e, t) {
 		let n = nt(0), r = nt(!1), o = null, i = null;
-		const s = Ce(() => e.current.steps ?? []), a = Ce(() => En(s).length), l = Ce(() => En(s)[En(n)]), u = Ce(() => En(n) + 1), c = Ce(() => Ao(En(l)?.target)), f = Ce(() => En(n) >= En(a) - 1), d = Ce(() => En(a) > 0), p = Ce(() => !En(f)), h = Ce(() => En(n) > 0), v = Ce(() => e.getConfig().tour);
-		async function g(e) {
+		const s = Ce(() => e.current.steps ?? []), a = Ce(() => En(s).length), l = Ce(() => En(s)[En(n)]), u = Ce(() => En(n) + 1), c = Ce(() => Po(En(l)?.target)), f = Ce(() => En(n) >= En(a) - 1), d = Ce(() => En(a) > 0), p = Ce(() => !En(f)), h = Ce(() => En(n) > 0), v = Ce(() => e.getConfig().tour);
+		function g() {
+			if (!En(l) || En(c)) return !0;
+			const e = new vo(`Borda: target for step ${En(u)} did not resolve to an element.`);
+			return console.error(e), t.emit(Zr.ON_TOUR_ERROR, e), t.emit(Zr.ON_TOUR_CLOSE), !1;
+		}
+		async function m(e) {
 			if (e < 0 || e >= En(a)) return;
 			const r = En(s)[En(n)], o = En(s)[e];
-			r?.onDeselected?.(), await o?.prepareElement?.(), o?.onBeforeHighlighted?.(), ot(n, e, !0), o?.onHighlighted?.(), t.emit(Zr.ON_TOUR_STEP_CHANGE, En(u));
+			r?.onDeselected?.(), await o?.prepareElement?.(), o?.onBeforeHighlighted?.(), ot(n, e, !0), g() && (o?.onHighlighted?.(), t.emit(Zr.ON_TOUR_STEP_CHANGE, En(u)));
 		}
-		function m() {
+		function _() {
 			return new Promise((e, t) => {
 				o = e, i = t;
 			});
 		}
-		function _() {
+		function b() {
 			t.emit(Zr.ON_TOUR_FINISH);
 		}
 		return {
@@ -2664,33 +2676,34 @@
 				clearMovePrevented: function() {
 					ot(r, !1), i?.(), o = null, i = null;
 				},
-				changeStep: g,
+				changeStep: m,
 				prev: async function() {
 					if (En(h)) {
 						if (En(l)?.onPrev?.(), En(v)?.onPrev?.(), t.emit(Zr.ON_TOUR_PREV), En(r)) try {
-							await m();
+							await _();
 						} catch {
 							return;
 						}
-						await g(En(n) - 1);
+						await m(En(n) - 1);
 					}
 				},
 				next: async function() {
-					if (En(f)) _();
+					if (En(f)) b();
 					else {
 						if (En(l)?.onNext?.(), En(v)?.onNext?.(), t.emit(Zr.ON_TOUR_NEXT), En(r)) try {
-							await m();
+							await _();
 						} catch {
 							return;
 						}
-						await g(En(n) + 1);
+						await m(En(n) + 1);
 					}
 				},
-				finish: _
-			}
+				finish: b
+			},
+			checkCurrentTarget: g
 		};
 	}
-	function xo(e) {
+	function Do(e) {
 		return { highlight: function(t, n, r) {
 			return e({
 				...n,
@@ -2698,15 +2711,15 @@
 			}, r);
 		} };
 	}
-	var Do = new Set([
+	var Lo = new Set([
 		"INPUT",
 		"TEXTAREA",
 		"SELECT"
 	]);
-	function Lo(e, t) {
+	function Ro(e, t) {
 		const n = Ce(() => e.getConfig().tour);
 		function r(e) {
-			if (!Do.has(e.target?.tagName)) switch (e.key) {
+			if (!Lo.has(e.target?.tagName)) switch (e.key) {
 				case "ArrowRight":
 					e.preventDefault(), t.emit(Zr.ON_KEYBOARD_NEXT);
 					break;
@@ -2725,15 +2738,15 @@
 			}
 		};
 	}
-	var Ro = [fo.RESPONSIVE, fo.STEP];
-	function Mo(e) {
+	var Mo = [fo.RESPONSIVE, fo.STEP];
+	function Io(e) {
 		const t = ut({});
 		function n(e, n) {
 			null === n ? delete t[e] : t[e] = n;
 		}
 		function r() {
 			let n = e.current;
-			for (const e of Ro) {
+			for (const e of Mo) {
 				const r = t[e];
 				r && (n = _o(n, r()));
 			}
@@ -2769,7 +2782,7 @@
 			}
 		};
 	}
-	function Io(e, t) {
+	function Bo(e, t) {
 		let n = nt(null), r = [];
 		function o(e, r) {
 			const o = function(e, t) {
@@ -2805,47 +2818,47 @@
 			}
 		};
 	}
-	var Bo = function(e) {
+	var $o = 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;
-	}({}), $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 }) {
+	}({}), Ho = {
+		[$o.LINEAR]: (e) => e,
+		[$o.EASE]: (e) => e * e * (3 - 2 * e),
+		[$o.EASE_IN]: (e) => e * e,
+		[$o.EASE_OUT]: (e) => 1 - (1 - e) * (1 - e),
+		[$o.EASE_IN_OUT]: (e) => e < .5 ? 2 * e * e : 1 - Math.pow(-2 * e + 2, 2) / 2
+	}, jo = $o.EASE_IN_OUT;
+	function Fo({ getEasing: e }) {
 		const t = Ce(e), n = Ce(() => function(e) {
-			return "function" == typeof e ? e : e ? $o[e] : $o[Ho];
+			return "function" == typeof e ? e : e ? Ho[e] : Ho[jo];
 		}(En(t)));
 		return { get easingFunction() {
 			return En(n);
 		} };
 	}
-	var Fo = {
+	var zo = {
 		block: "center",
 		inline: "nearest",
 		duration: 400,
-		easing: Bo.EASE_IN_OUT,
+		easing: $o.EASE_IN_OUT,
 		offset: {
 			x: 0,
 			y: 0
 		},
 		isLocked: !0
 	};
-	function zo(e) {
+	function Uo(e) {
 		let t = nt(!1), n = null;
 		const r = Ce(() => e.getConfig().scroll), o = Ce(() => !1 !== En(r)), i = Ce(() => En(r) || {}), s = Ce(() => {
 			return e = En(i), {
-				...Fo,
+				...zo,
 				...e,
 				offset: {
-					...Fo.offset,
+					...zo.offset,
 					...e.offset ?? {}
 				}
 			};
 			var e;
-		}), a = jo({ getEasing: () => En(s).easing }), l = Ce(() => e.getConfig().animation), u = Ce(() => !1 !== En(l) && !1 !== En(l)?.isEnabled), c = Ce(() => En(u) ? En(s).duration : 0), f = { resolve: function(e, t, n, r, o) {
+		}), a = Fo({ getEasing: () => En(s).easing }), l = Ce(() => e.getConfig().animation), u = Ce(() => !1 !== En(l) && !1 !== En(l)?.isEnabled), c = Ce(() => En(u) ? En(s).duration : 0), f = { resolve: function(e, t, n, r, o) {
 			return e + function(e, t, n, r) {
 				const o = t + n;
 				switch (r) {
@@ -2912,7 +2925,7 @@
 			}
 		};
 	}
-	function Uo(e, t) {
+	function Vo(e, t) {
 		let n = nt(!1);
 		const r = Ce(() => e.getConfig().skip), o = Ce(() => !1 === En(r)), i = Ce(() => "object" == typeof En(r) && En(r)?.storageKey ? En(r).storageKey : "borda-tour-skipped");
 		function s(e, t) {
@@ -2953,7 +2966,7 @@
 			}
 		};
 	}
-	function Vo(e, t) {
+	function qo(e, t) {
 		function n() {
 			e.mergeConfig({ visibility: { isHidden: !1 } }), t.emit(Zr.ON_VISIBILITY_SHOW);
 		}
@@ -2980,14 +2993,14 @@
 		};
 	}
 	ee = !0;
-	var qo = Hn("<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) {
+	var Ko = Hn("<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 Go = function(e) {
 		return e.RECTANGLE = "rectangle", e.CIRCLE = "circle", e.SQUARE = "square", e;
-	}({}), Go = function(e) {
-		return e.FILLED = "filled", e.OUTLINED = "outlined", e.GHOST = "ghost", e.TEXT = "text", e;
 	}({}), Xo = function(e) {
+		return e.FILLED = "filled", e.OUTLINED = "outlined", e.GHOST = "ghost", e.TEXT = "text", e;
+	}({}), Wo = function(e) {
 		return e.BUTTON = "button", e.SUBMIT = "submit", e.RESET = "reset", e;
-	}({}), Wo = new Set([
+	}({}), Yo = new Set([
 		"$$slots",
 		"$$events",
 		"$$legacy",
@@ -3002,12 +3015,12 @@
 		"customClasses",
 		"customStyles",
 		"children"
-	]), Yo = Bn("<button><!></button>");
-	function Zo(e, t) {
+	]), Zo = Bn("<button><!></button>");
+	function Jo(e, t) {
 		re(t, !0);
-		let n = Kr(t, "size", 19, () => io.MD), r = Kr(t, "shape", 19, () => Ko.RECTANGLE), o = Kr(t, "variant", 19, () => Go.FILLED), i = Kr(t, "type", 19, () => Xo.BUTTON), s = new Proxy({
+		let n = Kr(t, "size", 19, () => io.MD), r = Kr(t, "shape", 19, () => Go.RECTANGLE), o = Kr(t, "variant", 19, () => Xo.FILLED), i = Kr(t, "type", 19, () => Wo.BUTTON), s = new Proxy({
 			props: t,
-			exclude: Wo
+			exclude: Yo
 		}, Ur);
 		const a = Ce(() => [
 			"rb-button",
@@ -3020,7 +3033,7 @@
 		const u = Ce(() => ro(t.customStyles?.root));
 		var c = { getElements: function() {
 			return { root: En(l) };
-		} }, f = Yo();
+		} }, f = Zo();
 		Br(f, () => ({
 			id: t.id,
 			type: i(),
@@ -3045,9 +3058,9 @@
 			t.children && e(p);
 		}), X(f), zr(f, (e) => ot(l, e), () => En(l)), zn(e, f), oe(c);
 	}
-	var Jo = Hn("<svg fill=\"none\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\"><!></svg>");
-	var Qo = Bn("<div><!></div>");
-	function ei(e, t) {
+	var Qo = Hn("<svg fill=\"none\" focusable=\"false\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\"><!></svg>");
+	var ei = Bn("<div><!></div>");
+	function ti(e, t) {
 		re(t, !0);
 		let n = Kr(t, "size", 19, () => io.MD), r = Kr(t, "shape", 19, () => ao.CIRCLE), o = Kr(t, "aria", 19, () => ({ ariaLabel: "Close" }));
 		const { eventEmitter: i, close: s } = Wr();
@@ -3067,22 +3080,22 @@
 				button: oo(En(l)),
 				cross: oo(En(u))
 			};
-		} }, h = Qo(), v = yt(h), m = (e) => {
+		} }, h = ei(), v = yt(h), m = (e) => {
 			var n = Fn();
 			hr(Tt(n), () => t.customHtml.button), zn(e, n);
 		}, _ = (e) => {
 			{
 				let r = Ce(() => ({ root: t.customClasses?.button })), i = Ce(() => ({ root: t.customStyles?.button }));
-				zr(Zo(e, {
+				zr(Jo(e, {
 					get aria() {
 						return o();
 					},
 					autosize: !0,
 					get shape() {
-						return Ko.CIRCLE;
+						return Go.CIRCLE;
 					},
 					get variant() {
-						return Go.FILLED;
+						return Xo.FILLED;
 					},
 					get customClasses() {
 						return En(r);
@@ -3104,7 +3117,7 @@
 								]), s = Ce(() => ro(t.customStyles?.root));
 								var a = { getElements: function() {
 									return { root: En(o) };
-								} }, l = Jo();
+								} }, l = Qo();
 								return ir(yt(l), () => t.children ?? g), X(l), zr(l, (e) => ot(o, e), () => En(o)), Bt(() => {
 									Ir(l, "id", t.id), Tr(l, 0, mr(En(i))), Er(l, En(s)), Ir(l, "viewBox", n());
 								}), zn(e, l), oe(a);
@@ -3120,7 +3133,7 @@
 								},
 								children: (e, t) => {
 									(function(e) {
-										var t = qo();
+										var t = Ko();
 										W(2), zn(e, t);
 									})(e);
 								},
@@ -3138,34 +3151,34 @@
 			Ir(h, "id", t.id), Tr(h, 1, mr(En(c))), Er(h, En(f));
 		}), zn(e, h), oe(p);
 	}
-	var ti = {
+	var ni = {
 		label: "Back",
-		type: Xo.BUTTON,
-		variant: Go.OUTLINED,
-		shape: Ko.RECTANGLE
-	}, ni = {
-		label: "Next",
-		type: Xo.BUTTON,
-		variant: Go.FILLED,
-		shape: Ko.RECTANGLE
+		type: Wo.BUTTON,
+		variant: Xo.OUTLINED,
+		shape: Go.RECTANGLE
 	}, ri = {
-		label: "Finish",
-		type: Xo.BUTTON,
-		variant: Go.FILLED,
-		shape: Ko.RECTANGLE
+		label: "Next",
+		type: Wo.BUTTON,
+		variant: Xo.FILLED,
+		shape: Go.RECTANGLE
 	}, oi = {
+		label: "Finish",
+		type: Wo.BUTTON,
+		variant: Xo.FILLED,
+		shape: Go.RECTANGLE
+	}, ii = {
 		label: "Skip",
-		type: Xo.BUTTON,
-		variant: Go.TEXT,
-		shape: Ko.RECTANGLE
-	}, ii = Bn("<div><!> <div class=\"rb-tour-buttons__center\"><!></div> <!> <!></div>");
-	var si = Bn("<img/>");
-	var ai = function(e) {
+		type: Wo.BUTTON,
+		variant: Xo.TEXT,
+		shape: Go.RECTANGLE
+	}, si = Bn("<div><!> <div class=\"rb-tour-buttons__center\"><!></div> <!> <!></div>");
+	var ai = Bn("<img/>");
+	var li = function(e) {
 		return e.DEFAULT = "default", e.BLEED = "bleed", e;
 	}({});
-	function li(e, t) {
+	function ui(e, t) {
 		re(t, !0);
-		let n = Kr(t, "src", 3, ""), r = Kr(t, "alt", 3, ""), o = Kr(t, "variant", 19, () => ai.DEFAULT), i = nt(null);
+		let n = Kr(t, "src", 3, ""), r = Kr(t, "alt", 3, ""), o = Kr(t, "variant", 19, () => li.DEFAULT), i = nt(null);
 		const s = Ce(() => [
 			"rb-tour-image",
 			`rb-tour-image--${o()}`,
@@ -3186,7 +3199,7 @@
 					var n = Fn();
 					hr(Tt(n), () => t.customHtml.root), zn(e, n);
 				}, f = (e) => {
-					var a = si();
+					var a = ai();
 					zr(a, (e) => ot(o, e), () => En(o)), Bt(() => {
 						Ir(a, "id", t.id), Tr(a, 1, mr(En(i))), Er(a, En(s)), Ir(a, "src", n()), Ir(a, "alt", r()), Ir(a, "aria-label", t.aria?.ariaLabel), Ir(a, "aria-labelledby", t.aria?.ariaLabelledby), Ir(a, "aria-describedby", t.aria?.ariaDescribedby);
 					}), zn(e, a);
@@ -3220,15 +3233,15 @@
 		}
 		return oe(a);
 	}
-	var ui = Bn("<div></div>"), ci = Bn("<div role=\"progressbar\"></div>");
-	var fi = Bn("<div role=\"progressbar\"><div><div></div></div></div>");
-	var di = Bn("<div role=\"progressbar\"><span> </span></div>");
-	var pi = function(e) {
+	var ci = Bn("<div></div>"), fi = Bn("<div role=\"progressbar\"></div>");
+	var di = Bn("<div role=\"progressbar\"><div><div></div></div></div>");
+	var pi = Bn("<div role=\"progressbar\"><span> </span></div>");
+	var hi = function(e) {
 		return e.DOTS = "dots", e.TEXT = "text", e.LINE = "line", e;
-	}({}), hi = Bn("<div><!></div>");
-	function vi(e, t) {
+	}({}), vi = Bn("<div><!></div>");
+	function gi(e, t) {
 		re(t, !0);
-		let n = Kr(t, "currentStep", 3, 1), r = Kr(t, "totalSteps", 3, 1), o = Kr(t, "variant", 19, () => pi.DOTS), i = nt(null);
+		let n = Kr(t, "currentStep", 3, 1), r = Kr(t, "totalSteps", 3, 1), o = Kr(t, "variant", 19, () => hi.DOTS), i = nt(null);
 		const s = Ce(() => [
 			"rb-tour-progress",
 			`rb-tour-progress--${o()}`,
@@ -3236,7 +3249,7 @@
 		]), a = Ce(() => ro(t.customStyles?.root));
 		var l = { getElements: function() {
 			return { root: En(i) };
-		} }, u = hi(), c = yt(u), f = (e) => {
+		} }, u = vi(), c = yt(u), f = (e) => {
 			var n = Fn();
 			hr(Tt(n), () => t.customHtml.progress), zn(e, n);
 		}, d = (e) => {
@@ -3248,9 +3261,9 @@
 					"rb-progress--dots",
 					t.customClasses?.root
 				]), s = Ce(() => ro(t.customStyles?.root)), a = Ce(() => ["rb-progress__item", t.customClasses?.item]), l = Ce(() => ro(t.customStyles?.item));
-				var u = ci();
+				var u = fi();
 				Ir(u, "aria-valuemin", 1), ur(u, 20, () => Array.from({ length: r() }, (e, t) => t), (e) => e, (e, t) => {
-					var r = ui();
+					var r = ci();
 					Bt((e) => {
 						Tr(r, 1, e), Er(r, En(l));
 					}, [() => mr([...En(a), t + 1 === n() && "rb-progress__item--active"])]), zn(e, r);
@@ -3280,7 +3293,7 @@
 					"rb-progress--text",
 					t.customClasses?.root
 				]), s = Ce(() => ro(t.customStyles?.root)), a = Ce(() => ["rb-progress__item", t.customClasses?.item]), l = Ce(() => ro(t.customStyles?.item));
-				var u = di();
+				var u = pi();
 				Ir(u, "aria-valuemin", 1);
 				var c = yt(u), f = yt(c);
 				X(c), X(u), Bt(() => {
@@ -3309,7 +3322,7 @@
 					"rb-progress--line",
 					t.customClasses?.root
 				]), a = Ce(() => ro(t.customStyles?.root)), l = Ce(() => ["rb-progress__track", t.customClasses?.track]), u = Ce(() => ro(t.customStyles?.track)), c = Ce(() => ["rb-progress__progress", t.customClasses?.progress]), f = Ce(() => ro(t.customStyles?.progress));
-				var d = fi();
+				var d = di();
 				Ir(d, "aria-valuemin", 1);
 				var p = yt(d), h = yt(p);
 				let v;
@@ -3332,13 +3345,13 @@
 			});
 		};
 		return ar(c, (e) => {
-			t.customHtml?.progress ? e(f) : o() === pi.DOTS ? e(d, 1) : o() === pi.TEXT ? e(p, 2) : o() === pi.LINE && e(h, 3);
+			t.customHtml?.progress ? e(f) : o() === hi.DOTS ? e(d, 1) : o() === hi.TEXT ? e(p, 2) : o() === hi.LINE && e(h, 3);
 		}), X(u), zr(u, (e) => ot(i, e), () => En(i)), Bt(() => {
 			Ir(u, "id", t.id), Tr(u, 1, mr(En(s))), Er(u, En(a)), Ir(u, "aria-label", t.aria?.ariaLabel), Ir(u, "aria-labelledby", t.aria?.ariaLabelledby), Ir(u, "aria-describedby", t.aria?.ariaDescribedby), Ir(u, "aria-disabled", t.aria?.ariaDisabled), Ir(u, "aria-expanded", t.aria?.ariaExpanded), Ir(u, "aria-controls", t.aria?.ariaControls), Ir(u, "aria-haspopup", t.aria?.ariaHaspopup), Ir(u, "aria-pressed", t.aria?.ariaPressed);
 		}), zn(e, u), oe(l);
 	}
-	var gi = Bn("<input type=\"checkbox\"/>"), mi = Bn("<span></span>"), _i = Bn("<span> </span>"), bi = Bn("<label><!> <!></label>");
-	function yi(e, t) {
+	var mi = Bn("<input type=\"checkbox\"/>"), _i = Bn("<span></span>"), bi = Bn("<span> </span>"), yi = Bn("<label><!> <!></label>");
+	function Ti(e, t) {
 		re(t, !0);
 		let n = Kr(t, "checked", 3, !1), r = Kr(t, "label", 3, "Don't show again"), o = Kr(t, "disabled", 3, !1), i = nt(null), s = nt(null);
 		const a = Ce(() => ["rb-tour-skip", t.customClasses?.root]), l = Ce(() => ro(t.customStyles?.root)), u = Ce(() => ["rb-tour-skip__input", t.customClasses?.input]), c = Ce(() => ro(t.customStyles?.input)), f = Ce(() => ["rb-tour-skip__label", t.customClasses?.label]), d = Ce(() => ro(t.customStyles?.label));
@@ -3351,11 +3364,11 @@
 				root: En(i),
 				input: En(s)
 			};
-		} }, v = bi(), g = yt(v), m = (e) => {
+		} }, v = yi(), g = yt(v), m = (e) => {
 			var n = Fn();
 			hr(Tt(n), () => t.customHtml.input), zn(e, n);
 		}, _ = (e) => {
-			var t = gi();
+			var t = mi();
 			Rr(t), zr(t, (e) => ot(s, e), () => En(s)), Bt(() => {
 				Tr(t, 1, mr(En(u))), Er(t, En(c)), function(e, t) {
 					var n = $r(e);
@@ -3367,12 +3380,12 @@
 			t.customHtml?.input ? e(m) : e(_, -1);
 		});
 		var b = wt(g, 2), y = (e) => {
-			var n = mi();
+			var n = _i();
 			hr(n, () => t.customHtml.label, !0), X(n), Bt(() => {
 				Tr(n, 1, mr(En(f))), Er(n, En(d));
 			}), zn(e, n);
 		}, T = (e) => {
-			var t = _i(), n = yt(t, !0);
+			var t = bi(), n = yt(t, !0);
 			X(t), Bt(() => {
 				Tr(t, 1, mr(En(f))), Er(t, En(d)), Yn(n, r());
 			}), zn(e, t);
@@ -3384,20 +3397,20 @@
 		}), zn(e, v), oe(h);
 	}
 	Dn(["change"]);
-	var Ti = function(e) {
+	var wi = function(e) {
 		return e.TOP = "top", e.BOTTOM = "bottom", e.LEFT = "left", e.RIGHT = "right", e;
 	}({});
-	function wi({ getArrow: e, getPlacement: t }) {
+	function Ei({ getArrow: e, getPlacement: t }) {
 		const n = Ce(e), r = Ce(t), o = Ce(() => !1 === En(n) ? null : function(e) {
 			switch (e) {
 				case so.BOTTOM_START:
 				case so.BOTTOM_CENTER:
-				case so.BOTTOM_END: return Ti.TOP;
+				case so.BOTTOM_END: return wi.TOP;
 				case so.TOP_START:
 				case so.TOP_CENTER:
-				case so.TOP_END: return Ti.BOTTOM;
-				case so.MIDDLE_END: return Ti.LEFT;
-				case so.MIDDLE_START: return Ti.RIGHT;
+				case so.TOP_END: return wi.BOTTOM;
+				case so.MIDDLE_END: return wi.LEFT;
+				case so.MIDDLE_START: return wi.RIGHT;
 				default: return null;
 			}
 		}(En(n) ? En(n).placement : En(r))), i = Ce(() => En(o) ? function(e) {
@@ -3412,7 +3425,7 @@
 			}
 		};
 	}
-	function Ei({ target: e, tooltip: t, placement: n, offset: r, margin: o, padding: i, autoPlacement: s, arrowSide: a, viewport: l }) {
+	function Si({ 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 so.TOP_START: return {
@@ -3632,11 +3645,11 @@
 			arrowOffset: function(e, t, n) {
 				if (null === n) return 0;
 				const r = e.getBoundingClientRect();
-				return n === Ti.TOP || n === Ti.BOTTOM ? r.left + r.width / 2 - t.left : r.top + r.height / 2 - t.top;
+				return n === wi.TOP || n === wi.BOTTOM ? r.left + r.width / 2 - t.left : r.top + r.height / 2 - t.top;
 			}(e, T, a)
 		};
 	}
-	function Si({ getTargetElement: e, getTooltipElement: t, getPlacement: n, getPadding: r, getOffset: o, getMargin: i, getAutoPlacement: s, getArrowSide: a }) {
+	function Oi({ getTargetElement: e, getTooltipElement: t, getPlacement: n, getPadding: r, getOffset: o, getMargin: i, getAutoPlacement: s, getArrowSide: a }) {
 		let l = nt(0), u = nt(0), c = nt(ut(so.BOTTOM_START)), f = nt(0);
 		const d = To(), p = yo(), h = Ce(e), v = Ce(t), g = Ce(() => {
 			return e = n(), po.has(e) ? e : so.BOTTOM_START;
@@ -3645,7 +3658,7 @@
 		return Lt(() => {
 			if (!En(h) || !En(v)) return;
 			p.x, p.y;
-			const e = Ei({
+			const e = Si({
 				target: En(h),
 				tooltip: En(v),
 				placement: En(g),
@@ -3675,8 +3688,8 @@
 			}
 		};
 	}
-	var Oi = Bn("<div></div>"), Ci = Bn("<p> </p>"), Ni = Bn("<div><!> <!></div>"), ki = Bn("<div><!> <!> <!> <!> <!> <!> <!></div>");
-	function Ai(e, t) {
+	var Ci = Bn("<div></div>"), Ni = Bn("<p> </p>"), ki = Bn("<div><!> <!></div>"), Ai = Bn("<div><!> <!> <!> <!> <!> <!> <!></div>");
+	function Pi(e, t) {
 		re(t, !0);
 		let n = Kr(t, "step", 19, () => ({
 			target: "",
@@ -3708,7 +3721,7 @@
 		{
 			const n = (e) => {
 				var n = Fn(), r = Tt(n), o = (e) => {
-					zr(li(e, qr(() => t.tourImageProps, {
+					zr(ui(e, qr(() => t.tourImageProps, {
 						get src() {
 							return En(_).src;
 						},
@@ -3722,7 +3735,7 @@
 				}), zn(e, n);
 			}, r = (e) => {
 				var n = Fn(), r = Tt(n), o = (e) => {
-					zr(ei(e, qr({
+					zr(ti(e, qr({
 						get size() {
 							return s();
 						},
@@ -3736,7 +3749,7 @@
 				}), zn(e, n);
 			}, y = (e) => {
 				var n = Fn(), r = Tt(n), o = (e) => {
-					zr(yi(e, qr(() => t.tourSkipProps, {
+					zr(Ti(e, qr(() => t.tourSkipProps, {
 						get checked() {
 							return l();
 						},
@@ -3752,9 +3765,9 @@
 				var n = Fn(), r = Tt(n), s = (e) => {
 					{
 						let n = Ce(() => t.tourProgressProps?.customClasses), r = Ce(() => t.tourProgressProps?.customStyles);
-						vi(e, {
+						gi(e, {
 							get variant() {
-								return pi.LINE;
+								return hi.LINE;
 							},
 							get currentStep() {
 								return o();
@@ -3772,7 +3785,7 @@
 					}
 				};
 				ar(r, (e) => {
-					!1 !== t.tourProgressProps && En(b) === pi.LINE && e(s);
+					!1 !== t.tourProgressProps && En(b) === hi.LINE && e(s);
 				}), zn(e, n);
 			}, w = (e) => {
 				var n = Fn(), r = Tt(n), a = (e) => {
@@ -3781,7 +3794,7 @@
 							var n = Fn(), r = Tt(n), s = (e) => {
 								{
 									let n = Ce(() => t.tourProgressProps?.customClasses), r = Ce(() => t.tourProgressProps?.customStyles);
-									vi(e, {
+									gi(e, {
 										get variant() {
 											return En(b);
 										},
@@ -3801,7 +3814,7 @@
 								}
 							};
 							ar(r, (e) => {
-								!1 === t.tourProgressProps || En(b) !== pi.DOTS && En(b) !== pi.TEXT || e(s);
+								!1 === t.tourProgressProps || En(b) !== hi.DOTS && En(b) !== hi.TEXT || e(s);
 							}), zn(e, n);
 						};
 						zr(function(e, t) {
@@ -3824,17 +3837,17 @@
 									styles: h(o.customStyles?.root, t.customStyles?.[r])
 								};
 							}
-							const g = Ce(() => v(i(), ti, "prev")), m = Ce(() => v(s(), ni, "next")), _ = Ce(() => v(l(), oi, "skip")), b = Ce(() => v(a(), ri, "finish"));
+							const g = Ce(() => v(i(), ni, "prev")), m = Ce(() => v(s(), ri, "next")), _ = Ce(() => v(l(), ii, "skip")), b = Ce(() => v(a(), oi, "finish"));
 							var y = { getElements: function() {
 								return { root: En(u) };
-							} }, T = ii(), w = yt(T), E = (e) => {
+							} }, T = si(), w = yt(T), E = (e) => {
 								var n = Fn(), r = Tt(n), i = (e) => {
 									var n = Fn();
 									hr(Tt(n), () => t.customHtml.prev), zn(e, n);
 								}, s = (e) => {
 									{
 										let n = Ce(() => En(g).size ?? o()), r = Ce(() => ({ root: En(g).classes })), i = Ce(() => ({ root: En(g).styles }));
-										Zo(e, {
+										Jo(e, {
 											get type() {
 												return En(g).type;
 											},
@@ -3895,7 +3908,7 @@
 								}, s = (e) => {
 									{
 										let n = Ce(() => En(_).size ?? o()), r = Ce(() => ({ root: En(_).classes })), i = Ce(() => ({ root: En(_).styles }));
-										Zo(e, {
+										Jo(e, {
 											get type() {
 												return En(_).type;
 											},
@@ -3947,7 +3960,7 @@
 									}, s = (e) => {
 										{
 											let n = Ce(() => En(b).size ?? o()), r = Ce(() => ({ root: En(b).classes })), i = Ce(() => ({ root: En(b).styles }));
-											Zo(e, {
+											Jo(e, {
 												get type() {
 													return En(b).type;
 												},
@@ -3998,7 +4011,7 @@
 								}, s = (e) => {
 									{
 										let n = Ce(() => En(m).size ?? o()), r = Ce(() => ({ root: En(m).classes })), i = Ce(() => ({ root: En(m).styles }));
-										Zo(e, {
+										Jo(e, {
 											get type() {
 												return En(m).type;
 											},
@@ -4077,10 +4090,10 @@
 			zr(function(e, t) {
 				re(t, !0);
 				let n = Kr(t, "title", 3, ""), r = Kr(t, "description", 3, ""), o = Kr(t, "size", 19, () => io.MD), i = Kr(t, "placement", 19, () => so.BOTTOM_START), s = Kr(t, "targetElement", 3, null), a = Kr(t, "offset", 3, 12), l = Kr(t, "margin", 3, 8), u = Kr(t, "padding", 3, 12), c = Kr(t, "autoPlacement", 3, !0), f = Kr(t, "isHidden", 3, !1), d = Kr(t, "hasGlide", 3, !1), p = Kr(t, "animation", 3, !1), h = nt(null), v = nt(!1);
-				const g = wi({
+				const g = Ei({
 					getArrow: () => t.arrow,
 					getPlacement: () => m.effectivePlacement
-				}), m = Si({
+				}), m = Oi({
 					getTargetElement: () => s(),
 					getTooltipElement: () => En(h),
 					getPlacement: () => i(),
@@ -4124,10 +4137,10 @@
 				]), w = Ce(() => ro(t.customStyles?.root)), E = Ce(() => ["rb-tour-tooltip__header", t.customClasses?.header]), S = Ce(() => ro(t.customStyles?.header)), O = Ce(() => ["rb-tour-tooltip__title", t.customClasses?.title]), C = Ce(() => ro(t.customStyles?.title)), N = Ce(() => ["rb-tour-tooltip__description", t.customClasses?.description]), k = Ce(() => ro(t.customStyles?.description));
 				var A = { getElements: function() {
 					return { root: En(h) };
-				} }, P = ki();
+				} }, P = Ai();
 				let x;
 				var D = yt(P), L = (e) => {
-					var t = Oi();
+					var t = Ci();
 					let n;
 					Bt(() => {
 						Tr(t, 1, mr(g.classes)), n = Er(t, "", n, { "--rb-tour-tooltip-arrow-offset": `${m.arrowOffset ?? ""}px` });
@@ -4144,11 +4157,11 @@
 					t.image && e(M);
 				});
 				var I = wt(R, 2), B = (e) => {
-					var r = Ni(), o = yt(r), i = (e) => {
+					var r = ki(), o = yt(r), i = (e) => {
 						var n = Fn();
 						hr(Tt(n), () => t.customHtml.title), zn(e, n);
 					}, s = (e) => {
-						var t = Ci(), r = yt(t, !0);
+						var t = Ni(), r = yt(t, !0);
 						X(t), Bt(() => {
 							Tr(t, 1, mr(En(O))), Er(t, En(C)), Yn(r, n());
 						}), zn(e, t);
@@ -4173,7 +4186,7 @@
 					var n = Fn();
 					hr(Tt(n), () => t.customHtml.description), zn(e, n);
 				}, j = (e) => {
-					var t = Ci(), n = yt(t, !0);
+					var t = Ni(), n = yt(t, !0);
 					X(t), Bt(() => {
 						Tr(t, 1, mr(En(N))), Er(t, En(k)), Yn(n, r());
 					}), zn(e, t);
@@ -4237,8 +4250,8 @@
 		}
 		return oe(y);
 	}
-	var Pi = Bn("<!> <!>", 1), xi = Bn("<div><!></div>");
-	function Di(e, t) {
+	var xi = Bn("<!> <!>", 1), Di = Bn("<div><!></div>");
+	function Li(e, t) {
 		re(t, !0);
 		let n = nt(null), r = nt(null), o = nt(null);
 		Yr({
@@ -4300,7 +4313,7 @@
 		}), N = () => {
 			t.eventEmitter.emit(Zr.ON_BORDA_DESTROY), t.eventEmitter.clear();
 		}, null === te && j(), sr(() => () => Cn(N));
-		var k = { api: C }, A = xi();
+		var k = { api: C }, A = Di();
 		return zr(function(e, t) {
 			re(t, !0);
 			let n = nt(null);
@@ -4319,7 +4332,7 @@
 		}(yt(A), qr(() => En(c), {
 			children: (e, n) => {
 				var i = Fn(), s = Tt(i), u = (e) => {
-					var n = Pi(), i = Tt(n), s = (e) => {
+					var n = xi(), i = Tt(n), s = (e) => {
 						zr(function(e, t) {
 							re(t, !0);
 							let n = Kr(t, "targetElement", 3, null), r = Kr(t, "borderRadius", 3, 8), o = Kr(t, "padding", 3, 12), i = Kr(t, "isAnimated", 3, !0), s = Kr(t, "hasCloseOnBackdropClick", 3, !1), a = Kr(t, "aria", 19, () => ({ ariaLabel: "Close" }));
@@ -4371,7 +4384,7 @@
 						!1 !== En(f) && e(s);
 					});
 					var u = wt(i, 2), c = (e) => {
-						zr(Ai(e, {
+						zr(Pi(e, {
 							get step() {
 								return En(S);
 							},
@@ -4448,7 +4461,7 @@
 			$$slots: { default: !0 }
 		})), (e) => ot(n, e, !0), () => En(n)), X(A), Bt(() => Tr(A, 1, mr(En(u)))), zn(e, A), oe(k);
 	}
-	function Li() {
+	function Ri() {
 		const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakSet();
 		function n(t, n) {
 			(function(e) {
@@ -4457,21 +4470,21 @@
 			const o = n ?? document.body;
 			return new Promise((n) => {
 				let i = null;
-				const s = Jr(), a = Ri(t), l = Mo(a), u = Po(a, s);
+				const s = Jr(), a = Mi(t), l = Io(a), u = xo(a, s);
 				u.apply(), l.applyStep(u.api.step ?? null);
-				const c = Uo(a, s);
+				const c = Vo(a, s);
 				c.apply(), c.api.isSkipped && a.mergeConfig({ visibility: { isHidden: !0 } });
-				const f = Lo(a, s);
+				const f = Ro(a, s);
 				f.apply();
-				const d = zo(a);
+				const d = Uo(a);
 				d.apply();
 				const p = ko(a);
 				p.apply();
-				const h = Io(a, l);
+				const h = Bo(a, l);
 				h.apply();
-				const v = Vo(a, s);
+				const v = qo(a, s);
 				v.apply();
-				const g = Zn(Di, {
+				const g = Zn(Li, {
 					target: o,
 					props: {
 						get config() {
@@ -4512,7 +4525,9 @@
 								a.getConfig().tour?.onFinish?.(), await r(t);
 							}), s.once(Zr.ON_TOUR_CLOSE, async () => {
 								a.getConfig().tour?.onClose?.(), await r(t);
-							}), n(t);
+							}), s.once(Zr.ON_TOUR_ERROR, (e) => {
+								a.getConfig().tour?.onError?.(e);
+							}), u.checkCurrentTarget(), n(t);
 						},
 						unmount: () => {
 							i && r(i);
@@ -4537,13 +4552,13 @@
 		}
 		return {
 			NAME: "@retoo/borda",
-			VERSION: "0.0.2",
+			VERSION: "0.1.0",
 			mount: n,
 			unmount: r,
-			highlight: xo(n).highlight
+			highlight: Do(n).highlight
 		};
 	}
-	function Ri(e) {
+	function Mi(e) {
 		let t = nt(ut(mo(e)));
 		function n(e) {
 			ot(t, mo(e), !0);
@@ -4561,8 +4576,8 @@
 			}
 		};
 	}
-	var Mi = "borda-tour-widget", Ii = "undefined" != typeof HTMLElement ? HTMLElement : class {}, Bi = class extends Ii {
-		static tagName = Mi;
+	var Ii = "borda-tour-widget", Bi = "undefined" != typeof HTMLElement ? HTMLElement : class {}, $i = class extends Bi {
+		static tagName = Ii;
 		_instance = null;
 		_borda = null;
 		_connected = !1;
@@ -4589,7 +4604,7 @@
 		}
 		async _mount(e) {
 			if (this._unmountPending && await this._unmountPending, this._instance) return this._instance.config.setConfig(e), this._instance;
-			const t = Li(), n = await t.mount(e);
+			const t = Ri(), n = await t.mount(e);
 			return this._borda = t, this._instance = n, this.dispatchEvent(new CustomEvent("borda:mount", {
 				detail: n,
 				bubbles: !0,
@@ -4610,11 +4625,11 @@
 			}));
 		}
 	};
-	function $i() {
-		return customElements.get(Bi.tagName);
-	}
 	function Hi() {
-		$i() || customElements.define(Bi.tagName, Bi);
+		return customElements.get($i.tagName);
+	}
+	function ji() {
+		Hi() || customElements.define($i.tagName, $i);
 	}
-	ho && (window.bordaWidget = Li, window.defineBordaElement = Hi), e.AnimationEffect = co, e.BordaButtonShape = Ko, e.BordaButtonType = Xo, e.BordaButtonVariant = Go, e.BordaEvent = Zr, e.BordaScrollAppearance = So, e.BordaTooltipArrowSide = Ti, e.BordaTooltipTransition = Oo, e.BordaTourImageVariant = ai, e.BordaTourProgressVariant = pi, e.ComponentAriaHaspopup = uo, e.ComponentAriaPressed = lo, e.ComponentPlacement = so, e.ComponentShape = ao, e.ComponentSize = io, e.OverrideLayer = fo, e.SAFE_HTML_ELEMENT = Ii, e.TAG_NAME = Mi, e.bordaTourFinishButtonDefault = ri, e.bordaTourNextButtonDefault = ni, e.bordaTourPrevButtonDefault = ti, e.bordaTourSkipButtonDefault = oi, e.defineBordaElement = Hi, e.getBordaContext = Wr, e.getBordaElement = $i, e.setBordaContext = Yr, e.useBorda = Li, e.useBordaAnimation = ko, e.useBordaConfig = Ri, e.useBordaController = Po, e.useBordaHighlight = xo, e.useBordaKeyboard = Lo, e.useBordaOverrides = Mo, e.useBordaResponsive = Io, e.useBordaScroll = zo, e.useBordaSkip = Uo, e.useBordaVisibility = Vo, e.useEventEmitter = Jr, e.useOverlay = wo, e.useTooltipArrow = wi, e.useTooltipPosition = Si;
+	ho && (window.bordaWidget = Ri, window.defineBordaElement = ji), e.AnimationEffect = co, e.BordaButtonShape = Go, e.BordaButtonType = Wo, e.BordaButtonVariant = Xo, e.BordaEvent = Zr, e.BordaScrollAppearance = So, e.BordaTooltipArrowSide = wi, e.BordaTooltipTransition = Oo, e.BordaTourImageVariant = li, e.BordaTourProgressVariant = hi, e.ComponentAriaHaspopup = uo, e.ComponentAriaPressed = lo, e.ComponentPlacement = so, e.ComponentShape = ao, e.ComponentSize = io, e.OverrideLayer = fo, e.SAFE_HTML_ELEMENT = Bi, e.TAG_NAME = Ii, e.bordaTourFinishButtonDefault = oi, e.bordaTourNextButtonDefault = ri, e.bordaTourPrevButtonDefault = ni, e.bordaTourSkipButtonDefault = ii, e.defineBordaElement = ji, e.getBordaContext = Wr, e.getBordaElement = Hi, e.setBordaContext = Yr, e.useBorda = Ri, e.useBordaAnimation = ko, e.useBordaConfig = Mi, e.useBordaController = xo, e.useBordaHighlight = Do, e.useBordaKeyboard = Ro, e.useBordaOverrides = Io, e.useBordaResponsive = Bo, e.useBordaScroll = Uo, e.useBordaSkip = Vo, e.useBordaVisibility = qo, e.useEventEmitter = Jr, e.useOverlay = wo, e.useTooltipArrow = Ei, e.useTooltipPosition = Oi;
 });