@breadstone/mosaik-elements-svelte 0.1.64 → 0.1.65

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.1.65 (2026-07-29)
+
+### 🚀 Features
+
+- **tour:** add more tour functionality ([a2da8233ed](https://github.com/RueDeRennes/mosaik/commit/a2da8233ed))
+
 ## 0.1.64 (2026-07-29)
 
 ### 🚀 Features

package/index.mjs

@@ -173802,7 +173802,7 @@ function k_e(e) {
                     .isFirstStep="${e.isFirstStep}"
                     .isLastStep="${e.isLastStep}"
                     .stepIndex="${e.currentStepIndex}"
-                    .stepCount="${e.steps.length}"
+                    .stepCount="${e.stepCount}"
                     .showProgress="${e.showProgress}"
                     .showAutoAdvanceControl="${e.showAutoAdvanceControls && ((e.currentStep?.duration ?? 0) > 0 || e.isAutoAdvancePaused)}"
                     .isAutoAdvancePaused="${e.isAutoAdvancePaused}"
@@ -174807,6 +174807,8 @@ var F4 = function(e, t, n, r) {
 	_stepActions;
 	_instanceId;
 	_steps;
+	_context;
+	_currentStep;
 	_currentStepIndex;
 	_tourId;
 	_labels;
@@ -174828,9 +174830,10 @@ var F4 = function(e, t, n, r) {
 	_transitionSequence;
 	_transitionOriginStepIndex;
 	_queuedTourAction;
+	_isContextRefreshQueued;
 	_resolutionFailureReason;
 	constructor() {
-		super(), this._steps = [], this._inlineStyleController = new ux(this), this._currentStepIndex = -1, this._tourId = "default", this._labels = {}, this._showProgress = !0, this._showAutoAdvanceControls = !1, this._restoreFocus = !0, this._stepActivator = null, this._tooltipStyles = this.createHiddenTooltipStyles(), this._spotlightStyles = this.createHiddenSpotlightStyles(), this._backdropStyles = [], this._positionFrameId = null, this._anchorResizeObserver = null, this._previousFocusedElement = null, this._pendingEndReason = "programmatic", this._isRunning = !1, this._isTransitioning = !1, this._isAutoAdvancePausedByUser = !1, this._spotlightTransitionsEnabled = !1, this._transitionSequence = 0, this._transitionOriginStepIndex = null, this._queuedTourAction = null, this._resolutionFailureReason = null, this._instanceId = ++L4._instanceCount, this._tourStarted = new b(this, "tourStarted"), this._tourEnded = new b(this, "tourEnded"), this._tourStepChanged = new b(this, "tourStepChanged"), this._tourFailed = new b(this, "tourFailed"), this._boundHandleViewportChange = () => this.schedulePositionUpdate(), this._boundHandleDocumentVisibilityChange = () => this.handleDocumentVisibilityChange(), this._boundHandleTourKeyDown = (e) => this.handleTourKeyDown(e), this._boundHandleAnchorInteraction = (e) => this.handleAnchorInteraction(e), this._executedStepActions = /* @__PURE__ */ new Set(), this._stepActions = {
+		super(), this._steps = [], this._context = void 0, this._currentStep = null, this._inlineStyleController = new ux(this), this._currentStepIndex = -1, this._tourId = "default", this._labels = {}, this._showProgress = !0, this._showAutoAdvanceControls = !1, this._restoreFocus = !0, this._stepActivator = null, this._tooltipStyles = this.createHiddenTooltipStyles(), this._spotlightStyles = this.createHiddenSpotlightStyles(), this._backdropStyles = [], this._positionFrameId = null, this._anchorResizeObserver = null, this._previousFocusedElement = null, this._pendingEndReason = "programmatic", this._isRunning = !1, this._isTransitioning = !1, this._isAutoAdvancePausedByUser = !1, this._spotlightTransitionsEnabled = !1, this._transitionSequence = 0, this._transitionOriginStepIndex = null, this._queuedTourAction = null, this._isContextRefreshQueued = !1, this._resolutionFailureReason = null, this._instanceId = ++L4._instanceCount, this._tourStarted = new b(this, "tourStarted"), this._tourEnded = new b(this, "tourEnded"), this._tourStepChanged = new b(this, "tourStepChanged"), this._tourFailed = new b(this, "tourFailed"), this._boundHandleViewportChange = () => this.schedulePositionUpdate(), this._boundHandleDocumentVisibilityChange = () => this.handleDocumentVisibilityChange(), this._boundHandleTourKeyDown = (e) => this.handleTourKeyDown(e), this._boundHandleAnchorInteraction = (e) => this.handleAnchorInteraction(e), this._executedStepActions = /* @__PURE__ */ new Set(), this._stepActions = {
 			previous: () => void this.previous(),
 			next: () => void this.next(),
 			finish: () => void this.finish(),
@@ -174860,7 +174863,13 @@ var F4 = function(e, t, n, r) {
 		return this._steps;
 	}
 	set steps(e) {
-		this._steps !== e && (this._steps = e ? [...e] : [], this._isRunning || (this._currentStepIndex = -1), this.requestUpdate("steps"), this.schedulePositionUpdate());
+		this._steps !== e && (this._steps = e ? [...e] : [], this._isRunning || (this._currentStepIndex = -1, this._currentStep = null), this.requestUpdate("steps"), this.schedulePositionUpdate());
+	}
+	get context() {
+		return this._context;
+	}
+	set context(e) {
+		Object.is(this._context, e) || (this._context = e, this.requestUpdate("context"));
 	}
 	get labels() {
 		return this._labels;
@@ -174893,16 +174902,19 @@ var F4 = function(e, t, n, r) {
 		this._stepActivator !== e && (this._stepActivator = e, this.requestUpdate("stepActivator"));
 	}
 	get currentStep() {
-		return this._steps[this._currentStepIndex] ?? null;
+		return this._currentStep;
 	}
 	get currentStepIndex() {
-		return this._currentStepIndex;
+		return this._currentStepIndex < 0 ? -1 : this._steps.slice(0, this._currentStepIndex).filter((e) => this.isPotentiallyAvailable(e)).length;
+	}
+	get stepCount() {
+		return this._steps.filter((e) => this.isPotentiallyAvailable(e)).length;
 	}
 	get isFirstStep() {
-		return this._currentStepIndex <= 0 || !this._steps.slice(0, this._currentStepIndex).some((e) => this.isPotentiallyAvailable(e));
+		return this.currentStepIndex <= 0;
 	}
 	get isLastStep() {
-		return this._currentStepIndex >= this._steps.length - 1 || !this._steps.slice(this._currentStepIndex + 1).some((e) => this.isPotentiallyAvailable(e));
+		return this.currentStepIndex >= this.stepCount - 1;
 	}
 	get isVisible() {
 		return this.isOpen && this.currentStep !== null;
@@ -174953,11 +174965,13 @@ var F4 = function(e, t, n, r) {
 		if (this._isRunning || this._isTransitioning || !this.validateConfiguration()) return !1;
 		let t = e === void 0 ? 0 : this._steps.findIndex((t) => t.id === e);
 		if (t < 0) return this.fail("invalid-step", `Tour step "${e}" does not exist.`, null);
-		this._isAutoAdvancePausedByUser = !1, this._executedStepActions.clear(), this._transitionOriginStepIndex = -1, this._queuedTourAction = null, this.requestUpdate(), this._isTransitioning = !0;
+		this._isAutoAdvancePausedByUser = !1, this._executedStepActions.clear(), this._transitionOriginStepIndex = -1, this._queuedTourAction = null, this._isContextRefreshQueued = !1, this.requestUpdate(), this._isTransitioning = !0;
 		let n = ++this._transitionSequence;
 		try {
 			let e = await this.resolveAvailableStepIndex(t, 1, !0);
-			if (n !== this._transitionSequence || e < 0 || (this._previousFocusedElement = this.resolveDeepActiveElement(), this._pendingEndReason = "programmatic", this._tooltipStyles = this.createHiddenTooltipStyles(), this._spotlightStyles = this.createHiddenSpotlightStyles(), this._backdropStyles = [], this._spotlightTransitionsEnabled = !1, this._currentStepIndex = e, this._isRunning = !0, this.activateCurrentAnchor(), await this.scrollCurrentAnchorIntoView(), n !== this._transitionSequence || !this._isRunning)) return !1;
+			if (n !== this._transitionSequence || e < 0) return !1;
+			if (this._previousFocusedElement = this.resolveDeepActiveElement(), this._pendingEndReason = "programmatic", this._tooltipStyles = this.createHiddenTooltipStyles(), this._spotlightStyles = this.createHiddenSpotlightStyles(), this._backdropStyles = [], this._spotlightTransitionsEnabled = !1, this._currentStepIndex = e, this._currentStep = this.resolveStep(this._steps[e]), !this._currentStep) return this.fail("invalid-step", `Tour step "${this._steps[e].id}" did not resolve valid title and content text.`, this._steps[e]);
+			if (this._isRunning = !0, this.activateCurrentAnchor(), await this.scrollCurrentAnchorIntoView(), n !== this._transitionSequence || !this._isRunning) return !1;
 			this.requestUpdate(), await this.open(), await this.updateComplete, this.activateInteractionResources(), this.observeCurrentAnchor();
 			let r = this.enter;
 			if (this.updatePositions(!r), await this.updateComplete, await this.enableSpotlightTransitions(), r && await this.playPositionedEnterAnimation(r), n !== this._transitionSequence || !this._isRunning) return !1;
@@ -174966,11 +174980,11 @@ var F4 = function(e, t, n, r) {
 			return i ? (this._tourStarted.emit({
 				tourId: this._tourId,
 				currentStep: i,
-				stepIndex: this._currentStepIndex,
-				stepCount: this._steps.length
+				stepIndex: this.currentStepIndex,
+				stepCount: this.stepCount
 			}), this.emitStepChanged(null, i), this.restartAutoAdvance(), !0) : !1;
 		} finally {
-			this._isTransitioning = !1, this._transitionOriginStepIndex = null, this.flushQueuedTourAction();
+			this._isTransitioning = !1, this._transitionOriginStepIndex = null, this.flushQueuedContextRefresh() || this.flushQueuedTourAction();
 		}
 	}
 	async next() {
@@ -175023,55 +175037,65 @@ var F4 = function(e, t, n, r) {
 	onShowAutoAdvanceControlsChanged(e, t) {
 		t || !this._isAutoAdvancePausedByUser || (this._isAutoAdvancePausedByUser = !1, this._isRunning && (this.currentStep?.duration ?? 0) > 0 && this._autoAdvanceController.resume(L4.AUTO_ADVANCE_USER_PAUSE_REASON), this.requestUpdate());
 	}
+	onContextChanged(e, t) {
+		this.refreshForContextChange();
+	}
 	requestClose(e) {
 		let t = super.requestClose(e);
 		return t && (this._pendingEndReason = e === "escape" ? "escape" : "outside"), t;
 	}
-	async moveToStep(e, t, n = !1) {
+	async moveToStep(e, t, n = !1, r = !0) {
 		this._autoAdvanceController.stop(), this.cancelPositionUpdate(), this._transitionOriginStepIndex = this._currentStepIndex, this._isTransitioning = !0;
-		let r = ++this._transitionSequence;
+		let i = ++this._transitionSequence;
 		try {
-			let i = this.currentStep, a = this.exit, o = a ? this.captureAnimationStyles(a) : null;
-			if (a && await this.play(a), r !== this._transitionSequence || !this._isRunning) return !1;
-			if (o && this.restoreAnimationStyles(o), this.preserveTooltipFocus(), E4.instance.activate(this._tourId, null), this._tooltipStyles = this.createHiddenTooltipStyles(), this._spotlightStyles = this.createHiddenSpotlightStyles(), this._backdropStyles = [], this.requestUpdate(), await this.updateComplete, t === 1 && i && !await this.executeStepActions(i, "advance", i.advanceActions ?? [])) return await this.closeAfterCompletedExit("step-action-failed"), !1;
-			let s = await this.resolveAvailableStepIndex(e, t);
-			if (r !== this._transitionSequence || !this._isRunning) return !1;
-			if (s < 0) {
+			let a = this.currentStep, o = this.exit, s = o ? this.captureAnimationStyles(o) : null;
+			if (o && await this.play(o), i !== this._transitionSequence || !this._isRunning) return !1;
+			if (s && this.restoreAnimationStyles(s), this.preserveTooltipFocus(), E4.instance.activate(this._tourId, null), this._tooltipStyles = this.createHiddenTooltipStyles(), this._spotlightStyles = this.createHiddenSpotlightStyles(), this._backdropStyles = [], this.requestUpdate(), await this.updateComplete, r && t === 1 && a && !await this.executeStepActions(a, "advance", a.advanceActions ?? [])) return await this.closeAfterCompletedExit("step-action-failed"), !1;
+			let c = await this.resolveAvailableStepIndex(e, t);
+			if (i !== this._transitionSequence || !this._isRunning) return !1;
+			if (c < 0) {
 				if (this._resolutionFailureReason) return await this.closeAfterCompletedExit(this._resolutionFailureReason), !1;
 				if (n) return this.closeAfterCompletedExit("finished");
 				this.activateCurrentAnchor(), this.requestUpdate(), await this.updateComplete, this.observeCurrentAnchor();
 				let e = this.enter;
 				return this.updatePositions(!e), await this.updateComplete, e && await this.playPositionedEnterAnimation(e), this.focusTooltip(), this.restartAutoAdvance(), !1;
 			}
-			if (this._currentStepIndex = s, this.activateCurrentAnchor(), await this.scrollCurrentAnchorIntoView(), r !== this._transitionSequence || !this._isRunning) return !1;
-			this.requestUpdate(), this.emitStepChanged(i, this.currentStep), await this.updateComplete, this.observeCurrentAnchor();
-			let c = this.enter;
-			return this.updatePositions(!c), await this.updateComplete, c && await this.playPositionedEnterAnimation(c), r !== this._transitionSequence || !this._isRunning ? !1 : (this.focusTooltip(), this.restartAutoAdvance(), !0);
+			if (this._currentStepIndex = c, this._currentStep = this.resolveStep(this._steps[c]), !this._currentStep) return this._resolutionFailureReason = "invalid-step", this.fail("invalid-step", `Tour step "${this._steps[c].id}" did not resolve valid title and content text.`, this._steps[c]), await this.closeAfterCompletedExit("invalid-step"), !1;
+			if (this.activateCurrentAnchor(), await this.scrollCurrentAnchorIntoView(), i !== this._transitionSequence || !this._isRunning) return !1;
+			this.requestUpdate(), this.emitStepChanged(a, this.currentStep), await this.updateComplete, this.observeCurrentAnchor();
+			let l = this.enter;
+			return this.updatePositions(!l), await this.updateComplete, l && await this.playPositionedEnterAnimation(l), i !== this._transitionSequence || !this._isRunning ? !1 : (this.focusTooltip(), this.restartAutoAdvance(), !0);
 		} finally {
-			this._isTransitioning = !1, this._transitionOriginStepIndex = null, this.flushQueuedTourAction();
+			this._isTransitioning = !1, this._transitionOriginStepIndex = null, this.flushQueuedContextRefresh() || this.flushQueuedTourAction();
 		}
 	}
 	async resolveAvailableStepIndex(e, t, n = !1) {
 		this._resolutionFailureReason = null;
 		for (let n = e; n >= 0 && n < this._steps.length; n += t) {
-			let e = this._steps[n];
-			if (!await this.activateStep(e)) return this._resolutionFailureReason = "step-activation-failed", this.fail("step-activation-failed", `Tour step "${e.id}" could not activate its required application state.`, e), -1;
-			if (!await this.executeStepActions(e, "enter", e.enterActions ?? [])) return this._resolutionFailureReason = "step-action-failed", -1;
-			if (await E4.instance.waitFor(this._tourId, e.anchorId, Math.max(e.anchorWaitTimeout ?? 0, 0))) return n;
-			if (!e.isOptional) return this._resolutionFailureReason = "anchor-missing", this.fail("anchor-missing", `Tour anchor "${e.anchorId}" is not registered for tour "${this._tourId}".`, e), -1;
+			let e = this._steps[n], t = this.resolveContextActivation(e);
+			if (t === null) return this._resolutionFailureReason = "invalid-step", -1;
+			if (t) {
+				if (!this.resolveStep(e)) return this._resolutionFailureReason = "invalid-step", this.fail("invalid-step", `Tour step "${e.id}" did not resolve valid title and content text.`, e), -1;
+				if (!await this.activateStep(e)) return this._resolutionFailureReason = "step-activation-failed", this.fail("step-activation-failed", `Tour step "${e.id}" could not activate its required application state.`, e), -1;
+				if (!await this.executeStepActions(e, "enter", e.enterActions ?? [])) return this._resolutionFailureReason = "step-action-failed", -1;
+				if (await E4.instance.waitFor(this._tourId, e.anchorId, Math.max(e.anchorWaitTimeout ?? 0, 0))) return n;
+				if (!e.isOptional) return this._resolutionFailureReason = "anchor-missing", this.fail("anchor-missing", `Tour anchor "${e.anchorId}" is not registered for tour "${this._tourId}".`, e), -1;
+			}
 		}
-		return n && (this._resolutionFailureReason = "anchor-missing", this.fail("anchor-missing", `Tour "${this._tourId}" does not have a reachable anchor.`, null)), -1;
+		return n && (this._steps.some((e) => this.isContextActive(e)) ? (this._resolutionFailureReason = "anchor-missing", this.fail("anchor-missing", `Tour "${this._tourId}" does not have a reachable anchor.`, null)) : this.fail("empty-tour", `Tour "${this._tourId}" does not contain an active step for its current context.`, null)), -1;
 	}
 	validateConfiguration() {
 		if (!this._tourId.trim()) return this.fail("invalid-tour-id", "The tour identifier must not be empty.", null);
 		if (this._steps.length === 0) return this.fail("empty-tour", `Tour "${this._tourId}" does not contain any steps.`, null);
 		let e = /* @__PURE__ */ new Set();
 		for (let t of this._steps) {
-			if (!t.id?.trim() || !t.anchorId?.trim() || !t.title?.trim() || !t.content?.trim()) return this.fail("invalid-step", `Every step in tour "${this._tourId}" requires an id, anchorId, title, and content.`, t);
+			let n = typeof t.title == "function" || typeof t.title == "string" && !!t.title.trim(), r = typeof t.content == "function" || typeof t.content == "string" && !!t.content.trim();
+			if (!t.id?.trim() || !t.anchorId?.trim() || !n || !r) return this.fail("invalid-step", `Every step in tour "${this._tourId}" requires an id, anchorId, title, and content.`, t);
 			if (e.has(t.id)) return this.fail("duplicate-step-id", `Tour step identifier "${t.id}" is duplicated in tour "${this._tourId}".`, t);
 			if ((t.anchorWaitTimeout ?? 0) < 0) return this.fail("invalid-step", `Tour step "${t.id}" has a negative anchor wait timeout.`, t);
 			if (t.duration !== void 0 && (!Number.isFinite(t.duration) || t.duration < 0)) return this.fail("invalid-step", `Tour step "${t.id}" has an invalid duration.`, t);
 			if (t.route !== void 0 && !t.route.trim()) return this.fail("invalid-step", `Tour step "${t.id}" has an empty route.`, t);
+			if (t.canActivate !== void 0 && typeof t.canActivate != "function") return this.fail("invalid-step", `Tour step "${t.id}" has an invalid canActivate predicate.`, t);
 			if (t.scrollTimeout !== void 0 && (!Number.isFinite(t.scrollTimeout) || t.scrollTimeout < 0)) return this.fail("invalid-step", `Tour step "${t.id}" has an invalid scroll timeout.`, t);
 			if (!this.validateStepActions(t, "enter", t.enterActions ?? []) || !this.validateStepActions(t, "advance", t.advanceActions ?? [])) return !1;
 			e.add(t.id);
@@ -175079,7 +175103,37 @@ var F4 = function(e, t, n, r) {
 		return !0;
 	}
 	isPotentiallyAvailable(e) {
-		return !e.isOptional || !!e.route?.trim() || (e.anchorWaitTimeout ?? 0) > 0 || E4.instance.resolve(this._tourId, e.anchorId) !== null;
+		return this.isContextActive(e) ? !e.isOptional || !!e.route?.trim() || (e.anchorWaitTimeout ?? 0) > 0 || E4.instance.resolve(this._tourId, e.anchorId) !== null : !1;
+	}
+	resolveContextActivation(e) {
+		try {
+			let t = e.canActivate;
+			if (!t) return !0;
+			let n = t(this._context);
+			return typeof n == "boolean" ? n : (this.fail("invalid-step", `Tour step "${e.id}" returned a non-boolean canActivate result.`, e), null);
+		} catch {
+			return this.fail("invalid-step", `Tour step "${e.id}" failed while evaluating its canActivate predicate.`, e), null;
+		}
+	}
+	isContextActive(e) {
+		try {
+			let t = e.canActivate;
+			return !t || t(this._context) === !0;
+		} catch {
+			return !1;
+		}
+	}
+	resolveStep(e) {
+		try {
+			let t = e, n = typeof t.title == "function" ? t.title(this._context) : t.title, r = typeof t.content == "function" ? t.content(this._context) : t.content;
+			return typeof n != "string" || !n.trim() || typeof r != "string" || !r.trim() ? null : {
+				...e,
+				title: n,
+				content: r
+			};
+		} catch {
+			return null;
+		}
 	}
 	fail(e, t, n) {
 		return this._tourFailed.emit({
@@ -175141,7 +175195,7 @@ var F4 = function(e, t, n, r) {
 	finalizeEnd() {
 		if (!this._isRunning) return;
 		let e = this.currentStep;
-		this._isRunning = !1, this._isTransitioning = !1, this._isAutoAdvancePausedByUser = !1, this._transitionOriginStepIndex = null, this._queuedTourAction = null, ++this._transitionSequence, this._currentStepIndex = -1, this._backdropStyles = [], this._resolutionFailureReason = null, this._executedStepActions.clear(), E4.instance.activate(this._tourId, null), this.deactivateInteractionResources(), this.requestUpdate(), this.emitStepChanged(e, null), this._tourEnded.emit({
+		this._isRunning = !1, this._isTransitioning = !1, this._isAutoAdvancePausedByUser = !1, this._transitionOriginStepIndex = null, this._queuedTourAction = null, this._isContextRefreshQueued = !1, ++this._transitionSequence, this._currentStep = null, this._currentStepIndex = -1, this._backdropStyles = [], this._resolutionFailureReason = null, this._executedStepActions.clear(), E4.instance.activate(this._tourId, null), this.deactivateInteractionResources(), this.requestUpdate(), this.emitStepChanged(e, null), this._tourEnded.emit({
 			tourId: this._tourId,
 			reason: this._pendingEndReason
 		}), this.restorePreviousFocus(), this._pendingEndReason = "programmatic";
@@ -175151,8 +175205,8 @@ var F4 = function(e, t, n, r) {
 			tourId: this._tourId,
 			previousStep: e,
 			currentStep: t,
-			stepIndex: this._currentStepIndex,
-			stepCount: this._steps.length
+			stepIndex: this.currentStepIndex,
+			stepCount: this.stepCount
 		});
 	}
 	activateCurrentAnchor() {
@@ -175282,6 +175336,43 @@ var F4 = function(e, t, n, r) {
 			this._positionFrameId = null, !this._isTransitioning && this.updatePositions();
 		}));
 	}
+	async refreshForContextChange() {
+		if (!this._isRunning) return;
+		if (this._isTransitioning) {
+			this._isContextRefreshQueued = !0;
+			return;
+		}
+		let e = this._steps[this._currentStepIndex];
+		if (!e) return;
+		let t = this.resolveContextActivation(e);
+		if (t === null) {
+			await this.end("invalid-step");
+			return;
+		}
+		if (!t) {
+			await this.moveToStep(this._currentStepIndex + 1, 1, !0, !1);
+			return;
+		}
+		let n = this.resolveStep(e);
+		if (!n) {
+			this.fail("invalid-step", `Tour step "${e.id}" did not resolve valid title and content text.`, e), await this.end("invalid-step");
+			return;
+		}
+		let r = this._currentStep;
+		if (r && r.title === n.title && r.content === n.content) {
+			await this.updateComplete, this.schedulePositionUpdate();
+			return;
+		}
+		this._currentStep = n, this.requestUpdate("currentStep"), this.emitStepChanged(r, n), await this.updateComplete, this.schedulePositionUpdate();
+	}
+	flushQueuedContextRefresh() {
+		let e = this._isContextRefreshQueued;
+		return this._isContextRefreshQueued = !1, !e || !this._isRunning ? !1 : (queueMicrotask(() => {
+			!this._isRunning || this._isTransitioning || this.refreshForContextChange().finally(() => {
+				this._isTransitioning || this.flushQueuedTourAction();
+			});
+		}), !0);
+	}
 	queueIncomingStepAction(e) {
 		return this._transitionOriginStepIndex === null || this._currentStepIndex === this._transitionOriginStepIndex || (this._queuedTourAction = e), !1;
 	}
@@ -175588,6 +175679,10 @@ F4([
 	k({ type: Object }),
 	I4("design:type", Object),
 	I4("design:paramtypes", [Object])
+], R4.prototype, "context", null), F4([
+	k({ type: Object }),
+	I4("design:type", Object),
+	I4("design:paramtypes", [Object])
 ], R4.prototype, "labels", null), F4([
 	w({
 		type: Boolean,
@@ -175639,7 +175734,12 @@ F4([
 	I4("design:type", Function),
 	I4("design:paramtypes", [Boolean, Boolean]),
 	I4("design:returntype", void 0)
-], R4.prototype, "onShowAutoAdvanceControlsChanged", null), R4 = L4 = F4([L({
+], R4.prototype, "onShowAutoAdvanceControlsChanged", null), F4([
+	M("context"),
+	I4("design:type", Function),
+	I4("design:paramtypes", [Object, Object]),
+	I4("design:returntype", void 0)
+], R4.prototype, "onContextChanged", null), R4 = L4 = F4([L({
 	selector: "mosaik-tour",
 	template: k_e,
 	themes: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-svelte",
-    "version": "0.1.64",
+    "version": "0.1.65",
     "description": "Mosaik elements for Svelte.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -11,8 +11,8 @@
         "url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "0.1.64",
-        "@breadstone/mosaik-elements-foundation": "0.1.64",
+        "@breadstone/mosaik-elements": "0.1.65",
+        "@breadstone/mosaik-elements-foundation": "0.1.65",
         "tslib": "2.8.1"
     },
     "peerDependencies": {