@pie-element/simple-cloze 0.1.4-next.9 → 0.1.4

package/dist/delivery/index.js

@@ -1,16 +1,16 @@
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/disclose-version.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/disclose-version.js
 if (typeof window !== "undefined") {
 	var _window$__svelte, _window;
 	((_window$__svelte = (_window = window).__svelte ?? (_window.__svelte = {})).v ?? (_window$__svelte.v = /* @__PURE__ */ new Set())).add("5");
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/constants.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/constants.js
 var HYDRATION_ERROR = {};
 var UNINITIALIZED = Symbol("uninitialized");
 var NAMESPACE_SVG = "http://www.w3.org/2000/svg";
 var NAMESPACE_MATHML = "http://www.w3.org/1998/Math/MathML";
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/shared/utils.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/shared/utils.js
 var is_array = Array.isArray;
 var index_of = Array.prototype.indexOf;
 var includes = Array.prototype.includes;
@@ -100,13 +100,6 @@ var DESTROYING = 1 << 25;
 var EFFECT_TRANSPARENT = 65536;
 var EFFECT_PRESERVED = 1 << 19;
 var USER_EFFECT = 1 << 20;
-/**
-* Tells that we marked this derived and its reactions as visited during the "mark as (maybe) dirty"-phase.
-* Will be lifted during execution of the derived and during checking its dirty state (both are necessary
-* because a derived might be checked but not executed). This is a pure performance optimization flag and
-* should not be used for any other purpose!
-*/
-var WAS_MARKED = 65536;
 var REACTION_IS_UPDATING = 1 << 21;
 var ASYNC = 1 << 22;
 var ERROR_VALUE = 1 << 23;
@@ -148,7 +141,7 @@ function svelte_boundary_reset_noop() {
 	console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/hydration.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/hydration.js
 /** @import { TemplateNode } from '#client' */
 /**
 * Use this variable to guard everything related to hydration code so it can be treeshaken out
@@ -227,7 +220,7 @@ function read_hydration_instruction(node) {
 	return node.data;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/equality.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/equality.js
 /** @import { Equals } from '#client' */
 /** @type {Equals} */
 function equals(value) {
@@ -246,7 +239,7 @@ function safe_equals(value) {
 	return !safe_not_equal(value, this.v);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/errors.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/errors.js
 /**
 * Cannot create a `$derived(...)` with an `await` expression outside of an effect tree
 * @returns {never}
@@ -328,13 +321,13 @@ function svelte_boundary_reset_onerror() {
 	throw new Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/flags/index.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/flags/index.js
 /** True if experimental.async=true */
 var async_mode_flag = false;
 /** True if we're not certain that we only have Svelte 5 code in the compilation */
 var legacy_mode_flag = false;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/context.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/context.js
 /** @import { ComponentContext, DevStackEntry, Effect } from '#client' */
 /** @type {ComponentContext | null} */
 var component_context = null;
@@ -394,7 +387,7 @@ function is_runes() {
 	return !legacy_mode_flag || component_context !== null && component_context.l === null;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/task.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/task.js
 /** @type {Array<() => void>} */
 var micro_tasks = [];
 function run_micro_tasks() {
@@ -421,7 +414,7 @@ function flush_tasks() {
 	while (micro_tasks.length > 0) run_micro_tasks();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/status.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/status.js
 /** @import { Derived, Signal } from '#client' */
 var STATUS_MASK = ~(DIRTY | MAYBE_DIRTY | CLEAN);
 /**
@@ -440,22 +433,8 @@ function update_derived_status(derived) {
 	else set_signal_status(derived, MAYBE_DIRTY);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/utils.js
-/** @import { Derived, Effect, Value } from '#client' */
-/**
-* @param {Value[] | null} deps
-*/
-function clear_marked(deps) {
-	if (deps === null) return;
-	for (const dep of deps) {
-		if ((dep.f & 2) === 0 || (dep.f & 65536) === 0) continue;
-		dep.f ^= WAS_MARKED;
-		clear_marked(
-			/** @type {Derived} */
-			dep.deps
-		);
-	}
-}
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/utils.js
+/** @import { Effect } from '#client' */
 /**
 * @param {Effect} effect
 * @param {Set<Effect>} dirty_effects
@@ -464,41 +443,10 @@ function clear_marked(deps) {
 function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
 	if ((effect.f & 2048) !== 0) dirty_effects.add(effect);
 	else if ((effect.f & 4096) !== 0) maybe_dirty_effects.add(effect);
-	clear_marked(effect.deps);
 	set_signal_status(effect, CLEAN);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/store.js
-/**
-* We set this to `true` when updating a store so that we correctly
-* schedule effects if the update takes place inside a `$:` effect
-*/
-var legacy_is_updating_store = false;
-/**
-* Whether or not the prop currently being read is a store binding, as in
-* `<Child bind:x={$y} />`. If it is, we treat the prop as mutable even in
-* runes mode, and skip `binding_property_non_reactive` validation
-*/
-var is_store_binding = false;
-/**
-* Returns a tuple that indicates whether `fn()` reads a prop that is a store binding.
-* Used to prevent `binding_property_non_reactive` validation false positives and
-* ensure that these props are treated as mutable even in runes mode
-* @template T
-* @param {() => T} fn
-* @returns {[T, boolean]}
-*/
-function capture_store_binding(fn) {
-	var previous_is_store_binding = is_store_binding;
-	try {
-		is_store_binding = false;
-		return [fn(), is_store_binding];
-	} finally {
-		is_store_binding = previous_is_store_binding;
-	}
-}
-//#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
 /**
 * @template T
 * @param {() => T} fn
@@ -516,7 +464,7 @@ function without_reactive_context(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/async.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/async.js
 /** @import { Blocker, Effect, Source, Value } from '#client' */
 /**
 * @param {Blocker[]} blockers
@@ -749,7 +697,6 @@ function execute_derived(derived) {
 	}
 	set_active_effect(parent);
 	try {
-		derived.f &= ~WAS_MARKED;
 		destroy_derived_effects(derived);
 		value = update_reaction(derived);
 	} finally {
@@ -836,7 +783,7 @@ function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/batch.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/batch.js
 /** @import { Fork } from 'svelte' */
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var _Batch;
@@ -887,7 +834,7 @@ var _discard_callbacks = /* @__PURE__ */ new WeakMap();
 var _pending = /* @__PURE__ */ new WeakMap();
 var _blocking_pending = /* @__PURE__ */ new WeakMap();
 var _deferred = /* @__PURE__ */ new WeakMap();
-var _roots = /* @__PURE__ */ new WeakMap();
+var _scheduled = /* @__PURE__ */ new WeakMap();
 var _new_effects = /* @__PURE__ */ new WeakMap();
 var _dirty_effects$1 = /* @__PURE__ */ new WeakMap();
 var _maybe_dirty_effects$1 = /* @__PURE__ */ new WeakMap();
@@ -935,7 +882,7 @@ var Batch = class Batch {
 		_classPrivateFieldInitSpec(this, _pending, 0);
 		_classPrivateFieldInitSpec(this, _blocking_pending, /* @__PURE__ */ new Map());
 		_classPrivateFieldInitSpec(this, _deferred, null);
-		_classPrivateFieldInitSpec(this, _roots, []);
+		_classPrivateFieldInitSpec(this, _scheduled, []);
 		_classPrivateFieldInitSpec(this, _new_effects, []);
 		_classPrivateFieldInitSpec(this, _dirty_effects$1, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _maybe_dirty_effects$1, /* @__PURE__ */ new Set());
@@ -1124,20 +1071,7 @@ var Batch = class Batch {
 			effect.b.defer_effect(effect);
 			return;
 		}
-		var e = effect;
-		while (e.parent !== null) {
-			e = e.parent;
-			var flags = e.f;
-			if (collected_effects !== null && e === active_effect) {
-				if (async_mode_flag) return;
-				if ((active_reaction === null || (active_reaction.f & 2) === 0) && !legacy_is_updating_store) return;
-			}
-			if ((flags & 96) !== 0) {
-				if ((flags & 1024) === 0) return;
-				e.f ^= CLEAN;
-			}
-		}
-		_classPrivateFieldGet2(_roots, this).push(e);
+		_classPrivateFieldGet2(_scheduled, this).push(effect);
 	}
 };
 _Batch = Batch;
@@ -1157,12 +1091,40 @@ function _is_deferred() {
 	}
 	return false;
 }
+/**
+* Convert the effects that were scheduled in this batch into the root effects
+* that need to be traversed, marking the path to each effect (by clearing the
+* `CLEAN` flag on ancestor branches) so that the traversal can find them.
+* This happens right before traversal rather than at scheduling time, so that
+* the markers left on the (shared) effect tree are created and consumed within
+* a single traversal — scheduling into other batches can never observe them
+* @returns {Effect[]}
+*/
+function _resolve$1() {
+	/** @type {Effect[]} */
+	var roots = [];
+	for (const effect of _classPrivateFieldGet2(_scheduled, this)) {
+		if ((effect.f & 16384) !== 0 || (effect.f & 6144) === 0) continue;
+		var e = effect;
+		var covered = false;
+		while (e.parent !== null) {
+			e = e.parent;
+			var flags = e.f;
+			if ((flags & 96) !== 0) {
+				if ((flags & 1024) === 0) {
+					covered = true;
+					break;
+				}
+				e.f ^= CLEAN;
+			}
+		}
+		if (!covered) roots.push(e);
+	}
+	_classPrivateFieldSet2(_scheduled, this, []);
+	return roots;
+}
 function _process() {
 	_classPrivateFieldSet2(_started, this, true);
-	if (flush_count++ > 1e3) {
-		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
-		infinite_loop_guard();
-	}
 	for (const e of _classPrivateFieldGet2(_dirty_effects$1, this)) {
 		_classPrivateFieldGet2(_maybe_dirty_effects$1, this).delete(e);
 		set_signal_status(e, DIRTY);
@@ -1172,8 +1134,6 @@ function _process() {
 		set_signal_status(e, MAYBE_DIRTY);
 		this.schedule(e);
 	}
-	const roots = _classPrivateFieldGet2(_roots, this);
-	_classPrivateFieldSet2(_roots, this, []);
 	this.apply();
 	/** @type {Effect[]} */
 	var effects = collected_effects = [];
@@ -1184,12 +1144,18 @@ function _process() {
 	* @deprecated when we get rid of legacy mode and stores, we can get rid of this
 	*/
 	var updates = legacy_updates = [];
-	for (const root of roots) try {
-		_assertClassBrand(_Batch_brand, this, _traverse).call(this, root, effects, render_effects);
-	} catch (e) {
-		reset_all(root);
-		if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) this.discard();
-		throw e;
+	while (_classPrivateFieldGet2(_scheduled, this).length > 0) {
+		if (flush_count++ > 1e3) {
+			_assertClassBrand(_Batch_brand, this, _unlink).call(this);
+			infinite_loop_guard();
+		}
+		for (const root of _assertClassBrand(_Batch_brand, this, _resolve$1).call(this)) try {
+			_assertClassBrand(_Batch_brand, this, _traverse).call(this, root, effects, render_effects);
+		} catch (e) {
+			reset_all(root);
+			if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) this.discard();
+			throw e;
+		}
 	}
 	current_batch = null;
 	if (updates.length > 0) {
@@ -1223,16 +1189,16 @@ function _process() {
 	previous_batch = null;
 	_classPrivateFieldGet2(_deferred, this)?.resolve();
 	var next_batch = current_batch;
-	if (_classPrivateFieldGet2(_pending, this) === 0 && (_classPrivateFieldGet2(_roots, this).length === 0 || next_batch !== null)) {
+	if (_classPrivateFieldGet2(_pending, this) === 0 && (_classPrivateFieldGet2(_scheduled, this).length === 0 || next_batch !== null)) {
 		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
 		if (async_mode_flag) {
 			_assertClassBrand(_Batch_brand, this, _commit$1).call(this);
 			current_batch = next_batch;
 		}
 	}
-	if (_classPrivateFieldGet2(_roots, this).length > 0) if (next_batch !== null) {
-		const batch = next_batch;
-		_classPrivateFieldGet2(_roots, batch).push(..._classPrivateFieldGet2(_roots, this).filter((r) => !_classPrivateFieldGet2(_roots, batch).includes(r)));
+	if (_classPrivateFieldGet2(_scheduled, this).length > 0) if (next_batch !== null) {
+		for (const e of _classPrivateFieldGet2(_scheduled, this)) _classPrivateFieldGet2(_scheduled, next_batch).push(e);
+		_classPrivateFieldSet2(_scheduled, this, []);
 	} else next_batch = this;
 	if (next_batch !== null) {
 		old_values.clear();
@@ -1382,10 +1348,9 @@ function _commit$1() {
 					batch.schedule(effect);
 				} else _classPrivateFieldGet2(_dirty_effects$1, batch).add(effect);
 			}
-			if (_classPrivateFieldGet2(_roots, batch).length > 0 && !_classPrivateFieldGet2(_decrement_queued, batch)) {
+			if (_classPrivateFieldGet2(_scheduled, batch).length > 0 && !_classPrivateFieldGet2(_decrement_queued, batch)) {
 				batch.apply();
-				for (var root of _classPrivateFieldGet2(_roots, batch)) _assertClassBrand(_Batch_brand, batch, _traverse).call(batch, root, [], []);
-				_classPrivateFieldSet2(_roots, batch, []);
+				for (var root of _assertClassBrand(_Batch_brand, batch, _resolve$1).call(batch)) _assertClassBrand(_Batch_brand, batch, _traverse).call(batch, root, [], []);
 			}
 			batch.deactivate();
 		}
@@ -1552,7 +1517,7 @@ function reset_all(effect) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/sources.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/sources.js
 /** @import { Derived, Effect, Source, Value } from '#client' */
 /** @type {Set<Effect>} */
 var eager_effects = /* @__PURE__ */ new Set();
@@ -1614,6 +1579,16 @@ function set(source, value, should_proxy = false) {
 	return internal_set(source, should_proxy ? proxy(value) : value, legacy_updates);
 }
 /**
+* A set of signals we have already seen while traversing in mark_reactions.
+* Not always set to balance the common case of sources only having a couple
+* of (transitive) dependencies (where always creating a Set would be bad for perf)
+* with the edge case of extremely deep or wide dependency arrays with cycles.
+* @type {Set<any> | null}
+*/
+var seen = null;
+/** Number of transitive dependencies, see {@link seen} for more info */
+var count_deps = 0;
+/**
 * @template V
 * @param {Source<V>} source
 * @param {V} value
@@ -1632,7 +1607,10 @@ function internal_set(source, value, updated_during_traversal = null) {
 			if (batch_values === null) update_derived_status(derived);
 		}
 		source.wv = increment_write_version();
+		seen = null;
+		count_deps = 0;
 		mark_reactions(source, DIRTY, updated_during_traversal);
+		seen = null;
 		if (is_runes() && active_effect !== null && (active_effect.f & 1024) !== 0 && (active_effect.f & 96) === 0) if (untracked_writes === null) set_untracked_writes([source]);
 		else untracked_writes.push(source);
 		if (!batch.is_fork && eager_effects.size > 0 && !eager_effects_deferred) flush_eager_effects();
@@ -1671,6 +1649,12 @@ function mark_reactions(signal, status, updated_during_traversal) {
 	if (reactions === null) return;
 	var runes = is_runes();
 	var length = reactions.length;
+	count_deps += length;
+	if (count_deps > 1e5 && seen === null) seen = /* @__PURE__ */ new Set();
+	if (seen !== null) {
+		if (seen.has(signal)) return;
+		seen.add(signal);
+	}
 	for (var i = 0; i < length; i++) {
 		var reaction = reactions[i];
 		var flags = reaction.f;
@@ -1681,10 +1665,7 @@ function mark_reactions(signal, status, updated_during_traversal) {
 		else if ((flags & 2) !== 0) {
 			var derived = reaction;
 			batch_values?.delete(derived);
-			if ((flags & 65536) === 0) {
-				if (flags & 512 && (active_effect === null || (active_effect.f & 2097152) === 0)) reaction.f |= WAS_MARKED;
-				mark_reactions(derived, MAYBE_DIRTY, updated_during_traversal);
-			}
+			mark_reactions(derived, MAYBE_DIRTY, updated_during_traversal);
 		} else if (not_dirty) {
 			var effect = reaction;
 			if ((flags & 16) !== 0 && eager_block_effects !== null) eager_block_effects.add(effect);
@@ -1772,14 +1753,14 @@ function proxy(value) {
 			return Reflect.get(target, prop, receiver);
 		},
 		getOwnPropertyDescriptor(target, prop) {
+			this.has?.(target, prop);
 			var descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
-			if (descriptor && "value" in descriptor) {
-				var s = sources.get(prop);
-				if (s) descriptor.value = get$1(s);
-			} else if (descriptor === void 0) {
-				var source = sources.get(prop);
-				var value = source?.v;
-				if (source !== void 0 && value !== UNINITIALIZED) return {
+			var s = sources.get(prop);
+			if (s !== void 0) {
+				var value = get$1(s);
+				if (value === UNINITIALIZED) return;
+				if (descriptor && "value" in descriptor) descriptor.value = value;
+				else return {
 					enumerable: true,
 					configurable: true,
 					value,
@@ -1852,7 +1833,7 @@ function proxy(value) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/operations.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/operations.js
 /** @import { Effect, TemplateNode } from '#client' */
 /** @type {Window} */
 var $window;
@@ -2054,7 +2035,7 @@ function invoke_error_boundary(error, effect) {
 	throw error;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/effects.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/effects.js
 /** @import { Blocker, ComponentContext, ComponentContextLegacy, Derived, Effect, TemplateNode, TransitionManager } from '#client' */
 /**
 * @param {'$effect' | '$effect.pre' | '$inspect'} rune
@@ -2445,14 +2426,14 @@ function move_effect(effect, fragment) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/legacy.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/legacy.js
 /**
 * @type {Set<Value> | null}
 * @deprecated
 */
 var captured_signals = null;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/runtime.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/runtime.js
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 /**
 * True if updating in an effect context that is reactive (i.e. not branch/root effects)
@@ -2484,7 +2465,7 @@ function set_active_effect(effect) {
 var current_sources = null;
 /** @param {Value} value */
 function push_reaction_value(value) {
-	if (active_reaction !== null && (!async_mode_flag || (active_reaction.f & 2) !== 0)) (current_sources ?? (current_sources = /* @__PURE__ */ new Set())).add(value);
+	if (active_reaction !== null && (!async_mode_flag && (active_reaction.f & 2097152) !== 0 || (active_reaction.f & 2) !== 0)) (current_sources ?? (current_sources = /* @__PURE__ */ new Set())).add(value);
 }
 /**
 * The dependencies of the reaction that is currently being executed. In many cases,
@@ -2528,7 +2509,6 @@ function increment_write_version() {
 function is_dirty(reaction) {
 	var flags = reaction.f;
 	if ((flags & 2048) !== 0) return true;
-	if (flags & 2) reaction.f &= ~WAS_MARKED;
 	if ((flags & 4096) !== 0) {
 		var dependencies = reaction.deps;
 		var length = dependencies.length;
@@ -2660,10 +2640,7 @@ function remove_reaction(signal, dependency) {
 	}
 	if (reactions === null && (dependency.f & 2) !== 0 && (new_deps === null || !includes.call(new_deps, dependency))) {
 		var derived = dependency;
-		if ((derived.f & 512) !== 0) {
-			derived.f ^= 512;
-			derived.f &= ~WAS_MARKED;
-		}
+		if ((derived.f & 512) !== 0) derived.f ^= 512;
 		if (derived.v !== UNINITIALIZED) update_derived_status(derived);
 		if (derived.ac !== null) without_reactive_context(() => {
 			/** @type {AbortController} */ derived.ac.abort(STALE_REACTION);
@@ -2812,7 +2789,7 @@ function untrack(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/events.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/events.js
 /**
 * Used on elements, as a map of event type -> event handler,
 * and on events themselves to track which element handled an event
@@ -2920,7 +2897,7 @@ function handle_event_propagation(event) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/reconciler.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/reconciler.js
 var policy = globalThis?.window?.trustedTypes && /* @__PURE__ */ globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { 
 /** @param {string} html */
 createHTML: (html) => {
@@ -2939,7 +2916,7 @@ function create_fragment_from_html(html) {
 	return elem.content;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/template.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/template.js
 /** @import { Effect, EffectNodes, TemplateNode } from '#client' */
 /** @import { TemplateStructure } from './types' */
 /**
@@ -3069,7 +3046,7 @@ function is_passive_event(name) {
 	return PASSIVE_EVENTS.includes(name);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/reactivity/create-subscriber.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/reactivity/create-subscriber.js
 /**
 * Returns a `subscribe` function that integrates external event-based systems with Svelte's reactivity.
 * It's particularly useful for integrating with web APIs like `MediaQuery`, `IntersectionObserver`, or `WebSocket`.
@@ -3142,7 +3119,7 @@ function createSubscriber(start) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
 /** @import { Effect, Source, TemplateNode, } from '#client' */
 /**
 * @typedef {{
@@ -3712,7 +3689,7 @@ function unmount(component, options) {
 	return Promise.resolve();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/branches.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/branches.js
 /** @import { Effect, TemplateNode } from '#client' */
 var _batches = /* @__PURE__ */ new WeakMap();
 var _onscreen = /* @__PURE__ */ new WeakMap();
@@ -3835,7 +3812,7 @@ var BranchManager = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/if.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/blocks/if.js
 /** @import { TemplateNode } from '#client' */
 /**
 * @param {TemplateNode} node
@@ -3941,7 +3918,7 @@ function html(node, get_value, is_controlled = false, svg = false, mathml = fals
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/css.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/css.js
 /**
 * @param {Node} anchor
 * @param {{ hash: string, code: string }} css
@@ -3960,7 +3937,7 @@ function append_styles(anchor, css) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/shared/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/shared/attributes.js
 var whitespace = [..." 	\n\r\f\xA0\v"];
 /**
 * @param {any} value
@@ -3986,7 +3963,7 @@ function to_class(value, hash, directives) {
 	return classname === "" ? null : classname;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/class.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/class.js
 /**
 * @param {Element} dom
 * @param {boolean | number} is_html
@@ -4011,7 +3988,7 @@ function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
 	return next_classes;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/attributes.js
 /** @import { Blocker, Effect } from '#client' */
 var IS_CUSTOM_ELEMENT = Symbol("is custom element");
 var IS_HTML = Symbol("is html");
@@ -4066,7 +4043,7 @@ function get_setters(element) {
 	return setters;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
 var _ResizeObserverSingleton;
 var _listeners = /* @__PURE__ */ new WeakMap();
 var _observer = /* @__PURE__ */ new WeakMap();
@@ -4118,7 +4095,7 @@ function _getObserver() {
 }
 _defineProperty(ResizeObserverSingleton, "entries", /* @__PURE__ */ new WeakMap());
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
 /** @import { ComponentContext, Effect } from '#client' */
 /**
 * @param {any} bound_value
@@ -4170,7 +4147,32 @@ function bind_this(element_or_component = mark_as_component(), update, get_value
 	return element_or_component;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/reactivity/props.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/store.js
+/**
+* Whether or not the prop currently being read is a store binding, as in
+* `<Child bind:x={$y} />`. If it is, we treat the prop as mutable even in
+* runes mode, and skip `binding_property_non_reactive` validation
+*/
+var is_store_binding = false;
+/**
+* Returns a tuple that indicates whether `fn()` reads a prop that is a store binding.
+* Used to prevent `binding_property_non_reactive` validation false positives and
+* ensure that these props are treated as mutable even in runes mode
+* @template T
+* @param {() => T} fn
+* @returns {[T, boolean]}
+*/
+function capture_store_binding(fn) {
+	var previous_is_store_binding = is_store_binding;
+	try {
+		is_store_binding = false;
+		return [fn(), is_store_binding];
+	} finally {
+		is_store_binding = previous_is_store_binding;
+	}
+}
+//#endregion
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/reactivity/props.js
 /** @import { Derived, Effect, Source } from './types.js' */
 /**
 * This function is responsible for synchronizing a possibly bound prop with the inner component state.
@@ -4263,7 +4265,7 @@ function prop(props, key, flags, fallback) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/legacy/legacy-client.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/legacy/legacy-client.js
 /** @import { ComponentConstructorOptions, ComponentType, SvelteComponent, Component } from 'svelte' */
 /**
 * Takes the same options as a Svelte 4 component and the component function and returns a Svelte 4 compatible component.
@@ -4382,7 +4384,7 @@ var Svelte4Component = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
+//#region ../../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
 /**
 * @typedef {Object} CustomElementPropDefinition
 * @property {string} [attribute]
@@ -4668,80 +4670,244 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 }
 //#endregion
 //#region ../../shared/math-rendering-mathjax/dist/index.js
-var e$3 = null;
-function t$3(t) {
-	return typeof window > "u" || window.MathJax?.typesetPromise ? Promise.resolve() : e$3 || (e$3 = new Promise((e, n) => {
-		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: a = !0, srcUrl: o } = t, s = {
-			loader: { load: i ? ["a11y/assistive-mml"] : [] },
-			tex: {
-				packages: [
-					"base",
-					"ams",
-					"autoload"
-				],
-				macros: {
-					parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
-					overarc: "\\overparen",
-					napprox: "\\not\\approx",
-					longdiv: "\\enclose{longdiv}"
+var e$3 = "https://github.com/pie-framework/pie-players/blob/develop/docs/item-player/loading-strategies.md#one-mathjax-version-per-page";
+var t$3 = "pie-mathjax-version-conflict";
+var n = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
+function r$2(r, i) {
+	if (typeof window > "u") return;
+	let a = globalThis;
+	a[n] ?? (a[n] = {
+		logged: !1,
+		conditions: []
+	});
+	let o = a[n];
+	if (o.conditions.includes(r)) return;
+	o.conditions.push(r);
+	let s = `[math-rendering] Unsupported page (${r}): ${i}. PIE supports one MathJax major version per page; with MathJax 3 and 4 on one page, math rendering is best effort and may break. See ${e$3}`;
+	o.logged || (o.logged = !0, console.error(s)), window.dispatchEvent(new CustomEvent(t$3, { detail: {
+		condition: r,
+		message: s,
+		docsUrl: e$3
+	} }));
+}
+function i() {
+	let e = window.MathJax?.version;
+	return typeof e == "string" && e.startsWith("3.") ? e : void 0;
+}
+var a = "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js";
+var o = {
+	parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
+	overarc: "\\overparen",
+	napprox: "\\not\\approx",
+	longdiv: "\\enclose{longdiv}",
+	abs: ["\\left|#1\\right|", 1]
+};
+var s$1 = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
+var c$1 = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
+var l = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
+var u = /\\embed\{newLine\}\[\]/g;
+var d = [
+	["$$", "$$"],
+	["$", "$"],
+	["\\[", "\\]"],
+	["\\(", "\\)"]
+];
+var f = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
+var p = "PIE-MJX-CHTML-styles";
+var m = "MJX-CHTML-styles";
+var h = [m, "MJX-SVG-styles"];
+var g = 201;
+function _(e) {
+	let t = [...e.matches("mjx-container") ? [e] : [], ...e.querySelectorAll("mjx-container")];
+	for (let e of t) for (let t of [e, ...e.querySelectorAll("[data-latex],[data-latex-item]")]) t.removeAttribute("data-latex"), t.removeAttribute("data-latex-item");
+}
+function v() {
+	return window.MathJax;
+}
+function y(e) {
+	for (let [t, n] of d) if (e.startsWith(t) && e.endsWith(n)) return e.substring(t.length, e.length - n.length);
+	return e;
+}
+function b(e) {
+	return y(e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e);
+}
+var x = "mathjax_ignore";
+var S = "mathjax_process";
+function C(e, t) {
+	let n = e.closest(`.${x}, .${S}`);
+	return n !== null && t.contains(n) && !n.classList.contains(S);
+}
+function w(e) {
+	for (let t of e.querySelectorAll("[data-latex]")) {
+		if (t.dataset.mathHandled || t.closest("mjx-container") || C(t, e)) continue;
+		let n = t.textContent;
+		n && (t.textContent = `\\(${b(n)}\\)`.replace(u, "\\newline "), t.dataset.mathHandled = "true");
+	}
+}
+function T(e, t) {
+	for (let t of e.querySelectorAll("math")) if (!t.closest("mjx-assistive-mml")) return !0;
+	return (t ? l : c$1).test(e.textContent ?? "");
+}
+function E(e) {
+	return new Promise((t, n) => {
+		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: c = !0, srcUrl: l } = e, u = {
+			loader: {
+				load: i ? ["a11y/assistive-mml"] : [],
+				failed: (e) => n(e)
+			},
+			startup: {
+				typeset: !1,
+				ready: () => {
+					let e = v(), r = e?.startup, i = !!e?.version?.startsWith("4.");
+					i && D(e), r?.defaultReady?.(), i && O(r?.document), Promise.resolve(r?.promise).then(() => t(), n);
 				}
 			},
+			tex: { macros: { ...o } },
 			options: {
 				enableMenu: i,
-				enableExplorer: i,
-				enableAssistiveMml: i
-			},
-			startup: {
-				ready: () => {
-					window.MathJax?.startup.defaultReady && (window.MathJax.startup.defaultReady(), e());
-				},
-				defaultReady: () => {}
+				menuOptions: { settings: {
+					assistiveMml: i,
+					enrich: !1,
+					inTabOrder: !1
+				} }
+			}
+		};
+		r && u.tex && (console.warn(s$1), u.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], u.tex.processEscapes = !0), c || (u.chtml = { fontURL: "" }), window.MathJax = u;
+		let d = document.createElement("script");
+		d.src = l || a, d.async = !0, d.onerror = () => n(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(d);
+	});
+}
+function D(e) {
+	let t = e?._?.output?.chtml_ts?.CHTML;
+	t && (t.STYLESHEETID = p);
+}
+function O(e) {
+	if (!e) return;
+	let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
+		let n = e.typesetRoot;
+		!n || t.has(n) || (_(n), t.add(n));
+	};
+	e.addRenderAction?.("pie-strip-latex", g, (e) => {
+		for (let t of e.math ?? []) n(t);
+		return !1;
+	}, (e) => {
+		let t = e.typesetRoot;
+		return t && _(t), !1;
+	});
+	let r = e.outputJax?.chtmlStyles;
+	r?.id === m && (r.id = p), j();
+}
+function k(e) {
+	return e instanceof HTMLStyleElement && h.includes(e.id);
+}
+function A(e) {
+	r$2("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
+}
+function j() {
+	let e = document.head, t = [...e.children].find(k);
+	if (t) {
+		A(t);
+		return;
+	}
+	let n = new MutationObserver((e) => {
+		for (let t of e) {
+			let e = [...t.addedNodes].find(k);
+			if (e) {
+				A(e), n.disconnect();
+				return;
 			}
+		}
+	});
+	n.observe(e, { childList: !0 });
+}
+function M(e) {
+	return new Promise((t, n) => {
+		let r = e.startup ?? {};
+		e.startup = r;
+		let i = r.ready;
+		r.ready = () => {
+			let e = v()?.startup;
+			i ? i.call(r) : e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => t(), n);
 		};
-		r && s.tex && (s.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], s.tex.processEscapes = !0), a || (s.chtml = { fontURL: "" }), window.MathJax = s;
-		let c = document.createElement("script");
-		c.src = o || "https://cdn.jsdelivr.net/npm/mathjax@4/tex-chtml.js", c.async = !0, c.onload = () => {
-			setTimeout(e, 100);
-		}, c.onerror = () => {
-			n(/* @__PURE__ */ Error("Failed to load MathJax"));
-		}, document.head.appendChild(c);
-	}), e$3);
-}
-function n() {
-	let e = window.MathJax?.startup?.document;
-	if (typeof e?.assistiveMml == "function") try {
-		e.assistiveMml().updateDocument?.();
-	} catch (e) {
-		console.warn("[mathjax-renderer] Failed to attach assistive MathML:", e);
-	}
-}
-function r$2(e = {}) {
-	return async (r) => {
-		if (await t$3(e), !window.MathJax?.typesetPromise) {
-			console.warn("[mathjax-renderer] MathJax not loaded or missing typesetPromise.");
+	});
+}
+function N(e) {
+	let t = v();
+	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : M(t) : E(e);
+}
+function P(e) {
+	return N(e).then(() => {
+		typeof v()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
+	});
+}
+function F(e) {
+	let t = globalThis, n = t[f];
+	return n || (n = P(e), t[f] = n), n;
+}
+function I(e = {}) {
+	let t = e.useSingleDollar ?? !1;
+	return async (n) => {
+		if (typeof window > "u") return;
+		let a = i();
+		a && r$2("mathjax-3-global", `window.MathJax is MathJax ${a}`), w(n);
+		let o = F(e);
+		if (!T(n, t)) {
+			o.catch(() => {});
 			return;
 		}
-		await window.MathJax.typesetPromise([r]), n();
+		await o;
+		let s = v();
+		await s?.startup?.promise, typeof s?.typesetPromise == "function" && (await s.typesetPromise([n]), _(n));
 	};
 }
-var a = null;
-function o() {
-	return a || (a = r$2({
-		accessibility: !0,
-		useSingleDollar: !0
-	})), a;
+var R = "@pie-lib/math-rendering";
+var z = "@pie-lib/math-rendering@2";
+var B = "pie-print";
+var V = 50;
+var H = 1e4;
+var U = null;
+function W() {
+	return !!window[z]?.opts?.useSingleDollar;
+}
+function G() {
+	return U || (U = I({ useSingleDollar: W() })), U;
 }
-function s$1() {
+function K() {
 	if (typeof window > "u") return null;
-	let e = window["@pie-lib/math-rendering"];
-	return typeof e?.renderMath == "function" ? e : null;
+	let e = window[R];
+	return typeof e?.renderMath == "function" && e.renderMath !== X ? e : null;
+}
+function q(e) {
+	let t = e;
+	for (; t;) {
+		if (t instanceof Element && t.localName === B) return t;
+		t = t instanceof ShadowRoot ? t.host : t.parentNode;
+	}
+	return null;
+}
+function J() {
+	let e = window.renderMath;
+	return typeof e == "function" ? e : null;
+}
+async function Y(e) {
+	let t = q(e);
+	if (!t) return null;
+	let n = J();
+	if (n || t.mathRenderingModuleUrlImported !== !0) return n;
+	let r = Date.now() + H;
+	for (; Date.now() < r;) {
+		await new Promise((e) => setTimeout(e, V));
+		let e = J();
+		if (e) return e;
+	}
+	return null;
 }
-var c$1 = async (e) => {
+var X = async (e) => {
 	if (typeof window > "u") return;
 	let t = typeof e == "string", n;
 	t ? (n = document.createElement("div"), n.innerHTML = e) : n = e || document.body;
-	let r = s$1();
-	return r ? await r.renderMath?.(n) : await o()(n), t ? n.innerHTML : void 0;
+	let r = K(), i = r || t ? null : await Y(n);
+	return r ? await r.renderMath?.(n) : i && i !== X ? await i(n) : await G()(n), t ? n.innerHTML : void 0;
 };
 //#endregion
 //#region ../../shared/translator/dist/en.js
@@ -7182,7 +7348,7 @@ function SimpleCloze($$anchor, $$props) {
 		if (!get$1(promptElement) || !get$1(prompt)) return;
 		const warn = (err) => console.warn("simple-cloze: MathJax render failed", err);
 		try {
-			Promise.resolve(c$1(get$1(promptElement))).catch(warn);
+			Promise.resolve(X(get$1(promptElement))).catch(warn);
 		} catch (err) {
 			warn(err);
 		}