@retoo/borda 0.0.2 → 0.1.1

package/dist/borda.cjs.js

@@ -5381,6 +5381,8 @@ var BordaEvent = /* @__PURE__ */ function(BordaEvent) {
 	BordaEvent["ON_TOUR_NEXT"] = "tour:next";
 	/** Fired when navigating to the previous step. */
 	BordaEvent["ON_TOUR_PREV"] = "tour:prev";
+	/** Fired when a step's target fails to resolve to a DOM element, just before the tour closes. */
+	BordaEvent["ON_TOUR_ERROR"] = "tour:error";
 	/** Fired when the ArrowRight key is pressed during an active tour. */
 	BordaEvent["ON_KEYBOARD_NEXT"] = "keyboard:next";
 	/** Fired when the ArrowLeft key is pressed during an active tour. */
@@ -6183,6 +6185,14 @@ function useBordaAnimation(config) {
 }
 //#endregion
 //#region src/entities/step/model/lib/resolveBordaStepTarget.ts
+/** Runs `querySelector`, treating a malformed selector as "no match" instead of throwing. */
+function queryTarget(selector) {
+	try {
+		return document.querySelector(selector);
+	} catch {
+		return null;
+	}
+}
 function buildSelector(query) {
 	const parts = [];
 	if (query.id) parts.push(`#${CSS.escape(query.id)}`);
@@ -6206,10 +6216,10 @@ function buildSelector(query) {
 function resolveBordaStepTarget(target) {
 	if (!target) return null;
 	if (target instanceof HTMLElement) return target;
-	if (typeof target === "string") return document.querySelector(target);
+	if (typeof target === "string") return queryTarget(target);
 	const selector = buildSelector(target);
 	if (!selector) return null;
-	return document.querySelector(selector);
+	return queryTarget(selector);
 }
 //#endregion
 //#region src/app/entrypoint/modules/borda-controller/lib/useBordaController.svelte.ts
@@ -6228,6 +6238,23 @@ function useBordaController(config, eventEmitter) {
 	const hasNextStep = /* @__PURE__ */ user_derived(() => !get(isLastStep));
 	const hasPrevStep = /* @__PURE__ */ user_derived(() => get(stepIndex) > 0);
 	const tourConfig = /* @__PURE__ */ user_derived(() => config.getConfig().tour);
+	/**
+	* Verifies the current step's target resolved to a DOM element.
+	*
+	* Emits {@link BordaEvent.ON_TOUR_ERROR} followed by {@link BordaEvent.ON_TOUR_CLOSE}
+	* when it didn't, instead of leaving the widget rendering nothing for a step
+	* the user can't see or dismiss.
+	*
+	* @returns `true` when there is no step, or its target resolved; `false` when the tour was closed due to an error.
+	*/
+	function checkCurrentTarget() {
+		if (!get(step) || get(currentTarget)) return true;
+		const error = new BordaError(`Borda: target for step ${get(currentStep)} did not resolve to an element.`);
+		console.error(error);
+		eventEmitter.emit(BordaEvent.ON_TOUR_ERROR, error);
+		eventEmitter.emit(BordaEvent.ON_TOUR_CLOSE);
+		return false;
+	}
 	function apply() {
 		set(stepIndex, get(tourConfig)?.startStep ?? 0, true);
 		get(tourConfig)?.onStart?.();
@@ -6241,6 +6268,7 @@ function useBordaController(config, eventEmitter) {
 		await entering?.prepareElement?.();
 		entering?.onBeforeHighlighted?.();
 		set(stepIndex, index, true);
+		if (!checkCurrentTarget()) return;
 		entering?.onHighlighted?.();
 		eventEmitter.emit(BordaEvent.ON_TOUR_STEP_CHANGE, get(currentStep));
 	}
@@ -6332,7 +6360,8 @@ function useBordaController(config, eventEmitter) {
 			prev,
 			next,
 			finish
-		}
+		},
+		checkCurrentTarget
 	};
 }
 //#endregion
@@ -8413,11 +8442,9 @@ function useTooltipPosition({ getTargetElement, getTooltipElement, getPlacement,
 	const padding = /* @__PURE__ */ user_derived(getPadding);
 	const autoPlacement = /* @__PURE__ */ user_derived(getAutoPlacement);
 	const arrowSide = /* @__PURE__ */ user_derived(getArrowSide);
-	user_effect(() => {
+	/** Reads the live target/tooltip rects and writes the resolved position into state. */
+	function recompute() {
 		if (!get(target) || !get(tooltip)) return;
-		/** Re-run on scroll so auto-flip/shift recompute against the live viewport. */
-		scroll.x;
-		scroll.y;
 		const layout = useTooltipLayout({
 			target: get(target),
 			tooltip: get(tooltip),
@@ -8436,6 +8463,19 @@ function useTooltipPosition({ getTargetElement, getTooltipElement, getPlacement,
 		set(left, layout.position.left, true);
 		set(effectivePlacement, layout.placement, true);
 		set(arrowOffset, layout.arrowOffset, true);
+	}
+	user_effect(() => {
+		if (!get(tooltip)) return;
+		/** Re-run when the tooltip's own size changes (e.g. an image finishes loading). */
+		const observer = new ResizeObserver(recompute);
+		observer.observe(get(tooltip));
+		return () => observer.disconnect();
+	});
+	user_effect(() => {
+		/** Re-run on scroll so auto-flip/shift recompute against the live viewport. */
+		scroll.x;
+		scroll.y;
+		recompute();
 	});
 	return {
 		get top() {
@@ -8920,9 +8960,8 @@ function Borda($$anchor, $$props) {
 		getDuration: () => $$props.animation.overlay.transitionDuration
 	});
 	useFocusTrap({ getContainer: () => get(bordaContainer)?.getElements()?.root ?? null });
-	const size = /* @__PURE__ */ user_derived(() => $$props.config.size);
-	const shape = /* @__PURE__ */ user_derived(() => $$props.config.shape);
 	const rootClasses = /* @__PURE__ */ user_derived(() => ["rb"]);
+	/** Container chrome isn't per-step content, so it always tracks the live config. */
 	const containerProps = /* @__PURE__ */ user_derived(() => ({
 		...$$props.config.container,
 		customClasses: {
@@ -8930,13 +8969,6 @@ function Borda($$anchor, $$props) {
 			root: [$$props.config.container?.customClasses?.root, containerAnimator.classes]
 		}
 	}));
-	const tourOverlayProps = /* @__PURE__ */ user_derived(() => $$props.config.tourOverlay);
-	const tourTooltipProps = /* @__PURE__ */ user_derived(() => $$props.config.tourTooltip);
-	const tourImageProps = /* @__PURE__ */ user_derived(() => $$props.config.tourImage);
-	const tourButtonsProps = /* @__PURE__ */ user_derived(() => $$props.config.tourButtons);
-	const tourProgressProps = /* @__PURE__ */ user_derived(() => $$props.config.tourProgress);
-	const tourSkipProps = /* @__PURE__ */ user_derived(() => $$props.config.tourSkip);
-	const closeButtonProps = /* @__PURE__ */ user_derived(() => $$props.config.closeButton);
 	const tourTooltipAnimation = /* @__PURE__ */ user_derived(() => $$props.animation.isEnabled ? $$props.animation.tooltip : false);
 	const isAnimated = /* @__PURE__ */ user_derived(() => $$props.animation.isEnabled);
 	const hasGlide = /* @__PURE__ */ user_derived(() => $$props.animation.tooltip.transition === BordaTooltipTransition.GLIDE);
@@ -8944,7 +8976,22 @@ function Borda($$anchor, $$props) {
 	const isStepSettling = /* @__PURE__ */ user_derived(() => $$props.scroll.isScrolling || overlayTransition.isActive);
 	/** In fade mode, hide the tooltip while the step settles, then fade it in at the new position. */
 	const isHidden = /* @__PURE__ */ user_derived(() => !get(hasGlide) && get(isAnimated) && get(isStepSettling) && !get(isShownOnScroll));
-	const step = /* @__PURE__ */ user_derived(() => $$props.controller.step);
+	/** Seeded once from the initial step so the first render has content; kept in sync by the effect below. */
+	let displayed = /* @__PURE__ */ state(proxy({
+		step: untrack(() => $$props.controller.step),
+		target: untrack(() => $$props.controller.currentTarget),
+		currentStep: untrack(() => $$props.controller.currentStep),
+		config: untrack(() => $$props.config)
+	}));
+	const size = /* @__PURE__ */ user_derived(() => get(displayed).config.size);
+	const shape = /* @__PURE__ */ user_derived(() => get(displayed).config.shape);
+	const tourOverlayProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourOverlay);
+	const tourTooltipProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourTooltip);
+	const tourImageProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourImage);
+	const tourButtonsProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourButtons);
+	const tourProgressProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourProgress);
+	const tourSkipProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourSkip);
+	const closeButtonProps = /* @__PURE__ */ user_derived(() => get(displayed).config.closeButton);
 	const tourComponents = /* @__PURE__ */ user_derived(() => {
 		const components = get(bordaTour)?.getComponents();
 		return {
@@ -8976,6 +9023,34 @@ function Borda($$anchor, $$props) {
 		if ($$props.config.visibility?.isHidden) return;
 		$$props.scroll.scrollTo($$props.controller.currentTarget);
 	});
+	user_effect(() => {
+		if (!get(isHidden)) {
+			set(displayed, {
+				step: $$props.controller.step,
+				target: $$props.controller.currentTarget,
+				currentStep: $$props.controller.currentStep,
+				config: $$props.config
+			}, true);
+			return;
+		}
+		/**
+		* `step`/`currentTarget`/`currentStep`/`config` (incl. per-step overrides
+		* like `tourProgress`) are live and swap the instant the step index
+		* changes, so binding the tooltip/overlay to them directly would render
+		* the new step's content immediately — visible for a frame before the
+		* fade-out even starts. Keep showing the outgoing step's snapshot while
+		* it fades out, and only swap once it's actually invisible.
+		*/
+		const timeoutId = setTimeout(() => {
+			set(displayed, {
+				step: $$props.controller.step,
+				target: $$props.controller.currentTarget,
+				currentStep: $$props.controller.currentStep,
+				config: $$props.config
+			}, true);
+		}, $$props.animation.tooltip.exitDuration);
+		return () => clearTimeout(timeoutId);
+	});
 	onMount(() => {
 		$$props.mount();
 	});
@@ -8995,7 +9070,7 @@ function Borda($$anchor, $$props) {
 				var consequent = ($$anchor) => {
 					bind_this(BordaTourOverlay($$anchor, spread_props({
 						get targetElement() {
-							return $$props.controller.currentTarget;
+							return get(displayed).target;
 						},
 						get isAnimated() {
 							return get(isAnimated);
@@ -9009,13 +9084,13 @@ function Borda($$anchor, $$props) {
 				var consequent_1 = ($$anchor) => {
 					bind_this(BordaTour($$anchor, {
 						get step() {
-							return get(step);
+							return get(displayed).step;
 						},
 						get currentTarget() {
-							return $$props.controller.currentTarget;
+							return get(displayed).target;
 						},
 						get currentStep() {
-							return $$props.controller.currentStep;
+							return get(displayed).currentStep;
 						},
 						get totalSteps() {
 							return $$props.controller.totalSteps;
@@ -9079,7 +9154,7 @@ function Borda($$anchor, $$props) {
 				append($$anchor, fragment_1);
 			};
 			if_block(node_1, ($$render) => {
-				if ($$props.controller.currentTarget && get(step)) $$render(consequent_2);
+				if ($$props.controller.currentTarget && $$props.controller.step) $$render(consequent_2);
 			});
 			append($$anchor, fragment);
 		},
@@ -9210,6 +9285,11 @@ function useBorda() {
 							config.getConfig().tour?.onClose?.();
 							await unmount$1(instance);
 						});
+						eventEmitter.once(BordaEvent.ON_TOUR_ERROR, (error) => {
+							config.getConfig().tour?.onError?.(error);
+						});
+						/** Validate the initial step now that ON_TOUR_ERROR/ON_TOUR_CLOSE listeners above are registered. */
+						controller.checkCurrentTarget();
 						resolve(instance);
 					},
 					unmount: () => {
@@ -9252,7 +9332,7 @@ function useBorda() {
 	}
 	return {
 		NAME: "@retoo/borda",
-		VERSION: "0.0.2",
+		VERSION: "0.1.1",
 		mount: mount$1,
 		unmount: unmount$1,
 		highlight: useBordaHighlight(mount$1).highlight

package/dist/borda.css

@@ -113,7 +113,12 @@
   --rb-tour-tooltip-min-width-lg: 400px;
   --rb-tour-tooltip-min-width-xl: 460px;
   --rb-tour-tooltip-min-width-xxl: 520px;
-  --rb-tour-tooltip-max-width: calc(100vw - 32px);
+  --rb-tour-tooltip-max-width-xs: 280px;
+  --rb-tour-tooltip-max-width-sm: 320px;
+  --rb-tour-tooltip-max-width-md: 380px;
+  --rb-tour-tooltip-max-width-lg: 440px;
+  --rb-tour-tooltip-max-width-xl: 500px;
+  --rb-tour-tooltip-max-width-xxl: 560px;
   --rb-tour-tooltip-padding-xs: 10px;
   --rb-tour-tooltip-padding-sm: 12px;
   --rb-tour-tooltip-padding-md: 16px;
@@ -694,7 +699,6 @@
   position: fixed;
   display: flex;
   flex-direction: column;
-  max-width: var(--rb-tour-tooltip-max-width);
   background: var(--rb-tour-tooltip-background);
   border: var(--rb-tour-tooltip-border);
   border-radius: var(--rb-tour-tooltip-border-radius);
@@ -747,22 +751,28 @@
   --rb-tour-tooltip-padding: var(--rb-tour-tooltip-padding-xxl);
 }
 .rb-tour-tooltip.rb-tour-tooltip--xs {
-  min-width: min(var(--rb-tour-tooltip-min-width-xs), var(--rb-tour-tooltip-max-width));
+  max-width: min(var(--rb-tour-tooltip-max-width-xs), 100vw - 32px);
+  min-width: min(var(--rb-tour-tooltip-min-width-xs), min(var(--rb-tour-tooltip-max-width-xs), 100vw - 32px));
 }
 .rb-tour-tooltip.rb-tour-tooltip--sm {
-  min-width: min(var(--rb-tour-tooltip-min-width-sm), var(--rb-tour-tooltip-max-width));
+  max-width: min(var(--rb-tour-tooltip-max-width-sm), 100vw - 32px);
+  min-width: min(var(--rb-tour-tooltip-min-width-sm), min(var(--rb-tour-tooltip-max-width-sm), 100vw - 32px));
 }
 .rb-tour-tooltip.rb-tour-tooltip--md {
-  min-width: min(var(--rb-tour-tooltip-min-width-md), var(--rb-tour-tooltip-max-width));
+  max-width: min(var(--rb-tour-tooltip-max-width-md), 100vw - 32px);
+  min-width: min(var(--rb-tour-tooltip-min-width-md), min(var(--rb-tour-tooltip-max-width-md), 100vw - 32px));
 }
 .rb-tour-tooltip.rb-tour-tooltip--lg {
-  min-width: min(var(--rb-tour-tooltip-min-width-lg), var(--rb-tour-tooltip-max-width));
+  max-width: min(var(--rb-tour-tooltip-max-width-lg), 100vw - 32px);
+  min-width: min(var(--rb-tour-tooltip-min-width-lg), min(var(--rb-tour-tooltip-max-width-lg), 100vw - 32px));
 }
 .rb-tour-tooltip.rb-tour-tooltip--xl {
-  min-width: min(var(--rb-tour-tooltip-min-width-xl), var(--rb-tour-tooltip-max-width));
+  max-width: min(var(--rb-tour-tooltip-max-width-xl), 100vw - 32px);
+  min-width: min(var(--rb-tour-tooltip-min-width-xl), min(var(--rb-tour-tooltip-max-width-xl), 100vw - 32px));
 }
 .rb-tour-tooltip.rb-tour-tooltip--xxl {
-  min-width: min(var(--rb-tour-tooltip-min-width-xxl), var(--rb-tour-tooltip-max-width));
+  max-width: min(var(--rb-tour-tooltip-max-width-xxl), 100vw - 32px);
+  min-width: min(var(--rb-tour-tooltip-min-width-xxl), min(var(--rb-tour-tooltip-max-width-xxl), 100vw - 32px));
 }
 .rb-tour-tooltip--hidden {
   visibility: hidden;

package/dist/borda.css.map

@@ -1 +1 @@
-{"version":3,"sources":["file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/variables/index.scss","borda.css","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/animations/_fade-in.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/animations/_fade-out.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-button.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-icon.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-image.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-progress.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-progress-line.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-close-button.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-container.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-image.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-overlay.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-skip.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-progress.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-tooltip.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-tooltip-arrow.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-buttons.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/utilities/_sr-only.scss"],"names":[],"mappings":"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","file":"borda.css"}
+{"version":3,"sources":["file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/variables/index.scss","borda.css","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/animations/_fade-in.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/animations/_fade-out.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-button.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-icon.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-image.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-progress.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/shared/_borda-progress-line.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-close-button.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-container.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-image.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-overlay.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-skip.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-progress.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-tooltip.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-tooltip-arrow.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/components/widgets/_borda-tour-buttons.scss","file:///Users/dmderzhavin/dev/retoo/borda/src/shared/styles/utilities/_sr-only.scss"],"names":[],"mappings":"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","file":"borda.css"}

package/dist/borda.es.js

@@ -5380,6 +5380,8 @@ var BordaEvent = /* @__PURE__ */ function(BordaEvent) {
 	BordaEvent["ON_TOUR_NEXT"] = "tour:next";
 	/** Fired when navigating to the previous step. */
 	BordaEvent["ON_TOUR_PREV"] = "tour:prev";
+	/** Fired when a step's target fails to resolve to a DOM element, just before the tour closes. */
+	BordaEvent["ON_TOUR_ERROR"] = "tour:error";
 	/** Fired when the ArrowRight key is pressed during an active tour. */
 	BordaEvent["ON_KEYBOARD_NEXT"] = "keyboard:next";
 	/** Fired when the ArrowLeft key is pressed during an active tour. */
@@ -6182,6 +6184,14 @@ function useBordaAnimation(config) {
 }
 //#endregion
 //#region src/entities/step/model/lib/resolveBordaStepTarget.ts
+/** Runs `querySelector`, treating a malformed selector as "no match" instead of throwing. */
+function queryTarget(selector) {
+	try {
+		return document.querySelector(selector);
+	} catch {
+		return null;
+	}
+}
 function buildSelector(query) {
 	const parts = [];
 	if (query.id) parts.push(`#${CSS.escape(query.id)}`);
@@ -6205,10 +6215,10 @@ function buildSelector(query) {
 function resolveBordaStepTarget(target) {
 	if (!target) return null;
 	if (target instanceof HTMLElement) return target;
-	if (typeof target === "string") return document.querySelector(target);
+	if (typeof target === "string") return queryTarget(target);
 	const selector = buildSelector(target);
 	if (!selector) return null;
-	return document.querySelector(selector);
+	return queryTarget(selector);
 }
 //#endregion
 //#region src/app/entrypoint/modules/borda-controller/lib/useBordaController.svelte.ts
@@ -6227,6 +6237,23 @@ function useBordaController(config, eventEmitter) {
 	const hasNextStep = /* @__PURE__ */ user_derived(() => !get(isLastStep));
 	const hasPrevStep = /* @__PURE__ */ user_derived(() => get(stepIndex) > 0);
 	const tourConfig = /* @__PURE__ */ user_derived(() => config.getConfig().tour);
+	/**
+	* Verifies the current step's target resolved to a DOM element.
+	*
+	* Emits {@link BordaEvent.ON_TOUR_ERROR} followed by {@link BordaEvent.ON_TOUR_CLOSE}
+	* when it didn't, instead of leaving the widget rendering nothing for a step
+	* the user can't see or dismiss.
+	*
+	* @returns `true` when there is no step, or its target resolved; `false` when the tour was closed due to an error.
+	*/
+	function checkCurrentTarget() {
+		if (!get(step) || get(currentTarget)) return true;
+		const error = new BordaError(`Borda: target for step ${get(currentStep)} did not resolve to an element.`);
+		console.error(error);
+		eventEmitter.emit(BordaEvent.ON_TOUR_ERROR, error);
+		eventEmitter.emit(BordaEvent.ON_TOUR_CLOSE);
+		return false;
+	}
 	function apply() {
 		set(stepIndex, get(tourConfig)?.startStep ?? 0, true);
 		get(tourConfig)?.onStart?.();
@@ -6240,6 +6267,7 @@ function useBordaController(config, eventEmitter) {
 		await entering?.prepareElement?.();
 		entering?.onBeforeHighlighted?.();
 		set(stepIndex, index, true);
+		if (!checkCurrentTarget()) return;
 		entering?.onHighlighted?.();
 		eventEmitter.emit(BordaEvent.ON_TOUR_STEP_CHANGE, get(currentStep));
 	}
@@ -6331,7 +6359,8 @@ function useBordaController(config, eventEmitter) {
 			prev,
 			next,
 			finish
-		}
+		},
+		checkCurrentTarget
 	};
 }
 //#endregion
@@ -8412,11 +8441,9 @@ function useTooltipPosition({ getTargetElement, getTooltipElement, getPlacement,
 	const padding = /* @__PURE__ */ user_derived(getPadding);
 	const autoPlacement = /* @__PURE__ */ user_derived(getAutoPlacement);
 	const arrowSide = /* @__PURE__ */ user_derived(getArrowSide);
-	user_effect(() => {
+	/** Reads the live target/tooltip rects and writes the resolved position into state. */
+	function recompute() {
 		if (!get(target) || !get(tooltip)) return;
-		/** Re-run on scroll so auto-flip/shift recompute against the live viewport. */
-		scroll.x;
-		scroll.y;
 		const layout = useTooltipLayout({
 			target: get(target),
 			tooltip: get(tooltip),
@@ -8435,6 +8462,19 @@ function useTooltipPosition({ getTargetElement, getTooltipElement, getPlacement,
 		set(left, layout.position.left, true);
 		set(effectivePlacement, layout.placement, true);
 		set(arrowOffset, layout.arrowOffset, true);
+	}
+	user_effect(() => {
+		if (!get(tooltip)) return;
+		/** Re-run when the tooltip's own size changes (e.g. an image finishes loading). */
+		const observer = new ResizeObserver(recompute);
+		observer.observe(get(tooltip));
+		return () => observer.disconnect();
+	});
+	user_effect(() => {
+		/** Re-run on scroll so auto-flip/shift recompute against the live viewport. */
+		scroll.x;
+		scroll.y;
+		recompute();
 	});
 	return {
 		get top() {
@@ -8919,9 +8959,8 @@ function Borda($$anchor, $$props) {
 		getDuration: () => $$props.animation.overlay.transitionDuration
 	});
 	useFocusTrap({ getContainer: () => get(bordaContainer)?.getElements()?.root ?? null });
-	const size = /* @__PURE__ */ user_derived(() => $$props.config.size);
-	const shape = /* @__PURE__ */ user_derived(() => $$props.config.shape);
 	const rootClasses = /* @__PURE__ */ user_derived(() => ["rb"]);
+	/** Container chrome isn't per-step content, so it always tracks the live config. */
 	const containerProps = /* @__PURE__ */ user_derived(() => ({
 		...$$props.config.container,
 		customClasses: {
@@ -8929,13 +8968,6 @@ function Borda($$anchor, $$props) {
 			root: [$$props.config.container?.customClasses?.root, containerAnimator.classes]
 		}
 	}));
-	const tourOverlayProps = /* @__PURE__ */ user_derived(() => $$props.config.tourOverlay);
-	const tourTooltipProps = /* @__PURE__ */ user_derived(() => $$props.config.tourTooltip);
-	const tourImageProps = /* @__PURE__ */ user_derived(() => $$props.config.tourImage);
-	const tourButtonsProps = /* @__PURE__ */ user_derived(() => $$props.config.tourButtons);
-	const tourProgressProps = /* @__PURE__ */ user_derived(() => $$props.config.tourProgress);
-	const tourSkipProps = /* @__PURE__ */ user_derived(() => $$props.config.tourSkip);
-	const closeButtonProps = /* @__PURE__ */ user_derived(() => $$props.config.closeButton);
 	const tourTooltipAnimation = /* @__PURE__ */ user_derived(() => $$props.animation.isEnabled ? $$props.animation.tooltip : false);
 	const isAnimated = /* @__PURE__ */ user_derived(() => $$props.animation.isEnabled);
 	const hasGlide = /* @__PURE__ */ user_derived(() => $$props.animation.tooltip.transition === BordaTooltipTransition.GLIDE);
@@ -8943,7 +8975,22 @@ function Borda($$anchor, $$props) {
 	const isStepSettling = /* @__PURE__ */ user_derived(() => $$props.scroll.isScrolling || overlayTransition.isActive);
 	/** In fade mode, hide the tooltip while the step settles, then fade it in at the new position. */
 	const isHidden = /* @__PURE__ */ user_derived(() => !get(hasGlide) && get(isAnimated) && get(isStepSettling) && !get(isShownOnScroll));
-	const step = /* @__PURE__ */ user_derived(() => $$props.controller.step);
+	/** Seeded once from the initial step so the first render has content; kept in sync by the effect below. */
+	let displayed = /* @__PURE__ */ state(proxy({
+		step: untrack(() => $$props.controller.step),
+		target: untrack(() => $$props.controller.currentTarget),
+		currentStep: untrack(() => $$props.controller.currentStep),
+		config: untrack(() => $$props.config)
+	}));
+	const size = /* @__PURE__ */ user_derived(() => get(displayed).config.size);
+	const shape = /* @__PURE__ */ user_derived(() => get(displayed).config.shape);
+	const tourOverlayProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourOverlay);
+	const tourTooltipProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourTooltip);
+	const tourImageProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourImage);
+	const tourButtonsProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourButtons);
+	const tourProgressProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourProgress);
+	const tourSkipProps = /* @__PURE__ */ user_derived(() => get(displayed).config.tourSkip);
+	const closeButtonProps = /* @__PURE__ */ user_derived(() => get(displayed).config.closeButton);
 	const tourComponents = /* @__PURE__ */ user_derived(() => {
 		const components = get(bordaTour)?.getComponents();
 		return {
@@ -8975,6 +9022,34 @@ function Borda($$anchor, $$props) {
 		if ($$props.config.visibility?.isHidden) return;
 		$$props.scroll.scrollTo($$props.controller.currentTarget);
 	});
+	user_effect(() => {
+		if (!get(isHidden)) {
+			set(displayed, {
+				step: $$props.controller.step,
+				target: $$props.controller.currentTarget,
+				currentStep: $$props.controller.currentStep,
+				config: $$props.config
+			}, true);
+			return;
+		}
+		/**
+		* `step`/`currentTarget`/`currentStep`/`config` (incl. per-step overrides
+		* like `tourProgress`) are live and swap the instant the step index
+		* changes, so binding the tooltip/overlay to them directly would render
+		* the new step's content immediately — visible for a frame before the
+		* fade-out even starts. Keep showing the outgoing step's snapshot while
+		* it fades out, and only swap once it's actually invisible.
+		*/
+		const timeoutId = setTimeout(() => {
+			set(displayed, {
+				step: $$props.controller.step,
+				target: $$props.controller.currentTarget,
+				currentStep: $$props.controller.currentStep,
+				config: $$props.config
+			}, true);
+		}, $$props.animation.tooltip.exitDuration);
+		return () => clearTimeout(timeoutId);
+	});
 	onMount(() => {
 		$$props.mount();
 	});
@@ -8994,7 +9069,7 @@ function Borda($$anchor, $$props) {
 				var consequent = ($$anchor) => {
 					bind_this(BordaTourOverlay($$anchor, spread_props({
 						get targetElement() {
-							return $$props.controller.currentTarget;
+							return get(displayed).target;
 						},
 						get isAnimated() {
 							return get(isAnimated);
@@ -9008,13 +9083,13 @@ function Borda($$anchor, $$props) {
 				var consequent_1 = ($$anchor) => {
 					bind_this(BordaTour($$anchor, {
 						get step() {
-							return get(step);
+							return get(displayed).step;
 						},
 						get currentTarget() {
-							return $$props.controller.currentTarget;
+							return get(displayed).target;
 						},
 						get currentStep() {
-							return $$props.controller.currentStep;
+							return get(displayed).currentStep;
 						},
 						get totalSteps() {
 							return $$props.controller.totalSteps;
@@ -9078,7 +9153,7 @@ function Borda($$anchor, $$props) {
 				append($$anchor, fragment_1);
 			};
 			if_block(node_1, ($$render) => {
-				if ($$props.controller.currentTarget && get(step)) $$render(consequent_2);
+				if ($$props.controller.currentTarget && $$props.controller.step) $$render(consequent_2);
 			});
 			append($$anchor, fragment);
 		},
@@ -9209,6 +9284,11 @@ function useBorda() {
 							config.getConfig().tour?.onClose?.();
 							await unmount$1(instance);
 						});
+						eventEmitter.once(BordaEvent.ON_TOUR_ERROR, (error) => {
+							config.getConfig().tour?.onError?.(error);
+						});
+						/** Validate the initial step now that ON_TOUR_ERROR/ON_TOUR_CLOSE listeners above are registered. */
+						controller.checkCurrentTarget();
 						resolve(instance);
 					},
 					unmount: () => {
@@ -9251,7 +9331,7 @@ function useBorda() {
 	}
 	return {
 		NAME: "@retoo/borda",
-		VERSION: "0.0.2",
+		VERSION: "0.1.1",
 		mount: mount$1,
 		unmount: unmount$1,
 		highlight: useBordaHighlight(mount$1).highlight